leva

Patch Changes

• 50d850a: BREAKING CHANGE: Replace hideTitleBar with titleBar option.

  For hiding the title bar the usages of <Leva hideTitleBar /> must be replaced with <Leva titleBar={false} />.

  It is now possible to overwrite the six dots rendered as the title by default by providing a title option to the titleBar property.

  <Leva
    titleBar={{
      title: 'Some Title',
    }}
  />
  

  Its is now possible to disable dragging of the panel via the drag option to the titleBar property.

  <Leva
    titleBar={{
      drag: false,
    }}
  />
  

  It is now possible to enable or disable filtering of the panel values via the filter option on the titleBar property.

  <Leva
    titleBar={{
      filter: true,
    }}
  />
  

Patch Changes

• e0fdefc: types: fix beautifier union type.

Patch Changes

• a7f9bf1: types: don't use union type when not using objects as plugin function args.

Patch Changes

• 7fd9f92: feat: allow input options to be spread inside custom plugin.

• b4aa43d: Fix: add empty key warning.

• 7fd9f92: fix: correct onUpdate for a blurred input: previously bluring an input from a
  store while selecting a second store would commit the change on the second
  store.

  fix: return number previous value when field is empty.

  types: (internal) fix default useInputContext types.

• e21f2fe: fix: slider position overflowing with range input.

Patch Changes

• 26ead12: Feat: add cssEasing to returned prop

Patch Changes

• c997410: Plugin: add the Bezier plugin

  import { bezier } from '@leva-ui/plugin-bezier'
  useControls({ curve: bezier([0.25, 0.1, 0.25, 1]) })
  

• Updated dependencies [c997410]

  • [email protected]

Patch Changes

• c997410: Plugin: add the Bezier plugin

  import { bezier } from '@leva-ui/plugin-bezier'
  useControls({ curve: bezier([0.25, 0.1, 0.25, 1]) })
  

• Updated dependencies [c997410]

  • [email protected]

Patch Changes

• c997410: Plugin: add the Bezier plugin

  import { bezier } from '@leva-ui/plugin-bezier'
  useControls({ curve: bezier([0.25, 0.1, 0.25, 1]) })
  

• Updated dependencies [c997410]

  • [email protected]

Patch Changes

• c997410: Plugin: add the Bezier plugin

  import { bezier } from '@leva-ui/plugin-bezier'
  useControls({ curve: bezier([0.25, 0.1, 0.25, 1]) })
  

Patch Changes

• edc8847: Breaking: change how leva/plugin exports components.

  // before
  import { Row, Label, String } from 'leva/plugin'
  
  // after
  import { Components } from 'leva/plugin'
  const { Row, Label, String } = Components
  

  Feat: add useValue / useValues hooks that let an input query other inputs values.

  Feat: normalize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @data the data available in the store
   */
  const normalize = (input: Input, path: string, data: Data)
  

  Feat: sanitize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @store the store
   */
  const sanitize = (
    value: any,
    settings: Settings,
    prevValue: any,
    path: string,
    store: StoreType
  )
  

  Styles: better feedback when dragging number from inner label.

  Plugin: add the Plot plugin 📈

  import { plot } from '@leva-ui/plugin-plot'
  useControls({ y: plot({ expression: 'cos(x)', graph: true, boundsX: [-10, 10], boundsY: [0, 100] }) })
  

• Updated dependencies [edc8847]

  • [email protected]

Minor Changes

• edc8847: Breaking: change how leva/plugin exports components.

  // before
  import { Row, Label, String } from 'leva/plugin'
  
  // after
  import { Components } from 'leva/plugin'
  const { Row, Label, String } = Components
  

  Feat: add useValue / useValues hooks that let an input query other inputs values.

  Feat: normalize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @data the data available in the store
   */
  const normalize = (input: Input, path: string, data: Data)
  

  Feat: sanitize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @store the store
   */
  const sanitize = (
    value: any,
    settings: Settings,
    prevValue: any,
    path: string,
    store: StoreType
  )
  

  Styles: better feedback when dragging number from inner label.

  Plugin: add the Plot plugin 📈

  import { plot } from '@leva-ui/plugin-plot'
  useControls({ y: plot({ expression: 'cos(x)', graph: true, boundsX: [-10, 10], boundsY: [0, 100] }) })
  

Patch Changes

• edc8847: Breaking: change how leva/plugin exports components.

  // before
  import { Row, Label, String } from 'leva/plugin'
  
  // after
  import { Components } from 'leva/plugin'
  const { Row, Label, String } = Components
  

  Feat: add useValue / useValues hooks that let an input query other inputs values.

  Feat: normalize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @data the data available in the store
   */
  const normalize = (input: Input, path: string, data: Data)
  

  Feat: sanitize has additional arguments to its signature:

  /**
   * @path the path of the input
   * @store the store
   */
  const sanitize = (
    value: any,
    settings: Settings,
    prevValue: any,
    path: string,
    store: StoreType
  )
  

  Styles: better feedback when dragging number from inner label.

  Plugin: add the Plot plugin 📈

  import { plot } from '@leva-ui/plugin-plot'
  useControls({ y: plot({ expression: 'cos(x)', graph: true, boundsX: [-10,10], boundsY: [0, 100] }) })
  

• Updated dependencies [edc8847]

  • [email protected]

Patch Changes

• f9f7f1e: - Have Select accept functions as value or options. Fixes #165.
  • Temporarily type the set function values with any when useControls is used with the function API. In the future, we should infer th value type from the sanitize function.

Patch Changes

• d2eaf58: fix: properly resolves value-keyed objects for the Select input.

Patch Changes

• 98984e1: types: fix `set types in transient mode

Patch Changes

• Updated dependencies [f323cfc]
• Updated dependencies [0b7e968]
  • [email protected]

Minor Changes

• 0b7e968: Add the invertY setting for the Vector2D joystick for inverting the y coordinate.

  BREAKING: The default behavior has been changed. If you want the same behavior as in previous versions you will have to set the joystick option to 'invertY'.

  const values = useControl({
    vector2d: {
      value: [0, 0],
      joystick: 'invertY',
    },
  })
  

Patch Changes

• f323cfc: Feat: onChange callback for transient updates

  useControls({ color: { value: 'red', onChange: v => console.log(v) } })
  

Patch Changes

• fa909f0: Allow useControls to update settings and input options when dependency array changes. (See #124)

Patch Changes

• 72bcebe: Reject null Vectors

Patch Changes

• 66dcb79: Add id to root div so that we're sure to always use the same root div. This should fix #106.
• c6a69e3: Fix scrollbars flashing when collapsing a folder. Fixes #139.
• 9e32b2c: Prevent errors in node environments by aliasing stitches global identifier to _global as global indentifier is reserved