Morphos

@morphos/inputs

Changelog for @morphos/inputs.

1.1.2

  • Declares the @morphos/core peer dependency as a caret range (^0.1.6) instead of an exact version, so npm no longer installs a second copy or fails with a peer conflict when the Morphos packages are released at different patch versions.

1.1.1

  • Requires @praxisjs/runtime and @praxisjs/jsx 0.8.1, which write boolean aria-* attributes as "true" and "false" instead of an empty attribute (or none for false).

1.1.0

  • Opts into @praxisjs/vite-plugin's library optimization: with vite-plugin 4.2 or later, apps compile these components from their sources like their own code (compiled templates, keyed lists, decorated fields in fast properties), so they mount about 25 to 40% faster. The published package no longer includes its tests.
  • Select, Combobox and Autocomplete render their options with For from @praxisjs/runtime, keyed by value. Typing in a Combobox or Autocomplete keeps the rows that still match instead of rebuilding the whole list, and changing Select's options updates the listbox and the hidden native <select> in place (the hidden <select> used to keep the options it was first rendered with). An option replaced under the same value updates its row in place.
  • Moving the active option with the arrow keys, or changing the selected value, now updates only the previous and next option (@Selector from @praxisjs/decorators). With 50 options, one arrow key went from 50 effect runs to 3 in Select and Combobox, and from 101 to 6 in Autocomplete. RadioGroup does the same for its radios.
  • Ids, aria-* and data-* attributes, keyboard navigation and focus are unchanged.
  • Peer dependencies raised to @praxisjs/core >=2.3.0, @praxisjs/decorators >=2.0.0, @praxisjs/runtime >=0.8.0 and @praxisjs/jsx >=0.8.0, the releases that provide For, Index and @Selector.

0.1.0

Initial release.

  • Button — polymorphic button with as prop, data-disabled.
  • Input — controlled/uncontrolled text input, data-invalid, data-focused.
  • Checkbox — controlled/uncontrolled checkbox, data-checked, data-indeterminate.
  • CheckboxGroup + CheckboxGroupItem — grouped checkboxes, data-orientation, data-disabled.
  • Select — custom listbox with keyboard navigation, data-open, data-active, data-selected.
  • RadioGroup + Radio — grouped radio inputs, data-checked, data-disabled.
  • Switch — on/off toggle, data-checked.
  • Toggle — two-state pressable button, data-pressed.
  • ToggleGroup + ToggleGroupItem — single/multiple pressed toggles, data-type, data-orientation.
  • Slider — draggable, keyboard-operable range input, data-orientation, data-value.
  • NumberField — increment/decrement stepper with decimal-precision-safe rounding.
  • OtpField — one-time-passcode input split across per-digit cells, data-index.
  • Combobox — filterable listbox bound to a text input, data-open, data-active, data-selected, data-index.
  • Autocomplete — free-text input paired with a suggestion list, data-open, data-active.
  • Field + FieldLabel + FieldDescription + FieldError + FieldControl — labeled field wrapper, data-invalid, data-required, data-disabled.
  • Fieldset — grouped fields under a shared legend, data-disabled.
  • Form — submit handling wrapper for the rest of @morphos/inputs.

On this page