EDS4 logo
@eds/select-input
v4.6.9

SelectInput

A control that allows the user to browse, search, and make a selection from a large list of values.
  • 13f5848: Updates selectInput's menu portal to have a z-index above the blanket z-index to maintain compatability with modals
  • Updated dependencies [37e1a6d]
    • @eds/icon@5.0.0
    • @eds/button@4.4.1
    • @eds/checkbox@4.0.22
    • @eds/field@4.1.2
    • @eds/tag@5.0.2
    • @eds/a11y@4.2.5
    • @eds/text-input@4.0.22
  • Updated dependencies [75f75a3]
    • @eds/button@4.4.0
    • @eds/a11y@4.2.4
    • @eds/tag@5.0.1
    • @eds/checkbox@4.0.21
    • @eds/field@4.1.1
    • @eds/text-input@4.0.21
  • Updated dependencies [12e47e8]
    • @eds/field@4.1.0
    • @eds/checkbox@4.0.20
    • @eds/text-input@4.0.20
  • Updated dependencies [eb0b250]
  • Updated dependencies [640a104]
    • @eds/icon@4.5.0
    • @eds/tag@5.0.0
    • @eds/button@4.3.3
    • @eds/checkbox@4.0.19
    • @eds/field@4.0.19
    • @eds/a11y@4.2.3
    • @eds/text-input@4.0.19
  • Updated dependencies [d0a8420]
    • @eds/tag@4.0.20
  • Updated dependencies [0d45582]
  • Updated dependencies [225c185]
    • @eds/icon@4.4.3
    • @eds/button@4.3.2
    • @eds/checkbox@4.0.18
    • @eds/field@4.0.18
    • @eds/tag@4.0.19
    • @eds/a11y@4.2.2
    • @eds/text-input@4.0.18
  • ec61a43: Removed createFilter export
  • 76387bd: Input border token changed to use a darker grey
  • 76387bd: Updates react select to close dropdown on scroll
  • 76387bd: a11y updates
  • Updated dependencies [76387bd]
  • Updated dependencies [e0d9a41]
  • Updated dependencies [76387bd]
  • Updated dependencies [76387bd]
    • @eds/core@4.1.2
    • @eds/text@4.1.0
    • @eds/box@4.0.10
    • @eds/checkbox@4.0.17
    • @eds/field@4.0.17
    • @eds/a11y@4.2.1
    • @eds/button@4.3.1
    • @eds/divider@4.0.8
    • @eds/flex@4.0.10
    • @eds/icon@4.4.2
    • @eds/loading@4.0.6
    • @eds/railtrack@4.0.12
    • @eds/tag@4.0.18
    • @eds/text-input@4.0.17
  • a4ece30e: Added onBlur prop support.
  • Updated dependencies [975e5e13]
  • Updated dependencies [25e65180]
    • @eds/checkbox@4.0.16
    • @eds/a11y@4.2.0
    • @eds/field@4.0.16
    • @eds/text-input@4.0.16
  • fbae37fd: Added onBlur prop support.
  • 1558a464: Fixes clear button's focus outline getting cut off by overflow hidden.
  • Updated dependencies [b308964d]
  • Updated dependencies [1558a464]
  • Updated dependencies [c7329492]
    • @eds/icon@4.4.1
    • @eds/core@4.1.1
    • @eds/button@4.3.0
    • @eds/checkbox@4.0.15
    • @eds/field@4.0.15
    • @eds/tag@4.0.17
    • @eds/a11y@4.1.4
    • @eds/box@4.0.9
    • @eds/divider@4.0.7
    • @eds/flex@4.0.9
    • @eds/loading@4.0.5
    • @eds/railtrack@4.0.11
    • @eds/text@4.0.9
    • @eds/text-input@4.0.15
  • 23a791d9: Disables TAB to select an option in SelectInput, as per SelectDropdown behaviour. Adds setIsOpen to components override that enables close button in SelectDropdown to work. Fixes a border radius bug in styles override.
  • Updated dependencies [d3042175]
    • @eds/icon@4.4.0
    • @eds/checkbox@4.0.14
    • @eds/field@4.0.14
    • @eds/tag@4.0.16
    • @eds/text-input@4.0.14
  • 9073b400: Adds ability for new options to be created based on input value, via the isCreatable prop. Also adds new isValidNewOption that can be used in conjunction with isCreatable.
  • Updated dependencies [9073b400]
  • Updated dependencies [669b03f8]
    • @eds/core@4.1.0
    • @eds/icon@4.3.0
    • @eds/a11y@4.1.3
    • @eds/box@4.0.8
    • @eds/button@4.2.4
    • @eds/checkbox@4.0.13
    • @eds/divider@4.0.6
    • @eds/field@4.0.13
    • @eds/flex@4.0.8
    • @eds/loading@4.0.4
    • @eds/railtrack@4.0.10
    • @eds/tag@4.0.15
    • @eds/text@4.0.8
    • @eds/text-input@4.0.13
  • Updated dependencies
    • @eds/icon@4.2.8
    • @eds/checkbox@4.0.12
    • @eds/field@4.0.12
    • @eds/tag@4.0.14
    • @eds/text-input@4.0.12
  • c9fe02ea: Toaster design improvements
  • Updated dependencies [c9fe02ea]
  • Updated dependencies [a55d540a]
    • @eds/text-input@4.0.11
    • @eds/railtrack@4.0.9
    • @eds/checkbox@4.0.11
    • @eds/divider@4.0.5
    • @eds/button@4.2.3
    • @eds/field@4.0.11
    • @eds/flex@4.0.7
    • @eds/icon@4.2.7
    • @eds/text@4.0.7
    • @eds/box@4.0.7
    • @eds/tag@4.0.13
  • Updated dependencies [2109bbf0]
    • @eds/button@4.2.2
    • @eds/tag@4.0.12
  • Updated dependencies [c0499725]
  • Updated dependencies [143fb224]
  • Updated dependencies [35bdb58a]
  • Updated dependencies [6767cdb3]
  • Updated dependencies [981ef5ba]
    • @eds/icon@4.2.6
    • @eds/box@4.0.6
    • @eds/divider@4.0.4
    • @eds/button@4.2.1
    • @eds/checkbox@4.0.10
    • @eds/field@4.0.10
    • @eds/tag@4.0.11
    • @eds/flex@4.0.6
    • @eds/text@4.0.6
    • @eds/text-input@4.0.10
    • @eds/railtrack@4.0.8
  • b85824bc: New filterOption prop for selectInput
  • 0b1e9f3c: Added block styles for responsiveness to button, toggle, and selectdropdown
  • Updated dependencies [fb650762]
  • Updated dependencies [b85824bc]
  • Updated dependencies [60cc8cc5]
  • Updated dependencies [0b1e9f3c]
    • @eds/button@4.2.0
    • @eds/core@4.0.3
    • @eds/icon@4.2.5
    • @eds/box@4.0.5
    • @eds/tag@4.0.10
    • @eds/a11y@4.1.2
    • @eds/checkbox@4.0.9
    • @eds/divider@4.0.3
    • @eds/field@4.0.9
    • @eds/flex@4.0.5
    • @eds/loading@4.0.3
    • @eds/railtrack@4.0.7
    • @eds/text@4.0.5
    • @eds/text-input@4.0.9
  • b2afb4e: Fixed fill content issue with tables
  • Updated dependencies [b2afb4e]
    • @eds/text-input@4.0.8
    • @eds/railtrack@4.0.6
    • @eds/checkbox@4.0.8
    • @eds/field@4.0.8
    • @eds/icon@4.2.4
    • @eds/tag@4.0.9
  • d044d68: Created tables patterns
  • Updated dependencies [5ce4ebe]
  • Updated dependencies [d044d68]
    • @eds/icon@4.2.3
    • @eds/railtrack@4.0.5
    • @eds/checkbox@4.0.7
    • @eds/field@4.0.7
    • @eds/tag@4.0.8
    • @eds/text-input@4.0.7
  • Updated dependencies [58590b4]
    • @eds/core@4.0.2
    • @eds/a11y@4.1.1
    • @eds/box@4.0.4
    • @eds/button@4.1.3
    • @eds/checkbox@4.0.6
    • @eds/divider@4.0.2
    • @eds/field@4.0.6
    • @eds/flex@4.0.4
    • @eds/icon@4.2.2
    • @eds/loading@4.0.2
    • @eds/railtrack@4.0.4
    • @eds/tag@4.0.7
    • @eds/text@4.0.4
    • @eds/text-input@4.0.6
  • Updated dependencies
    • @eds/button@4.1.2
    • @eds/icon@4.2.1
    • @eds/box@4.0.3
    • @eds/tag@4.0.6
    • @eds/checkbox@4.0.5
    • @eds/field@4.0.5
    • @eds/flex@4.0.3
    • @eds/text@4.0.3
    • @eds/text-input@4.0.5
    • @eds/railtrack@4.0.3
  • 44e1f7a0: Improvement: Added custom style options to the useReactSelectStylesOverride hook.
  • Updated dependencies [44e1f7a0]
  • Updated dependencies [44e1f7a0]
    • @eds/a11y@4.1.0
    • @eds/checkbox@4.0.4
    • @eds/field@4.0.4
    • @eds/text-input@4.0.4
  • 8416b5c: Improvement: Added null type to the SharedSelectProps value prop.
  • 509c41f: Updated the multi-select style for SelectDropdown and SelectInput to be the new checkbox style.
  • Updated dependencies [9df31b6]
    • @eds/button@4.1.1
    • @eds/tag@4.0.5
  • ca8ea9b: Added GroupBase, OptionProps, Awaitable to exported types. Added ItemsPerPageOption to exported types in Pagination.
  • 4bdc642: Added portalling to prevent the select-input dropdown being cut when placed in a container with overflow:hidden
  • Updated dependencies [8bd43cd]
  • Updated dependencies [acfa010]
    • @eds/button@4.1.0
    • @eds/tag@4.0.4
  • ad260e8: Feature: Updating select-dropdown to render inside a popover. Feature: Add side and align props to select-dropdown. Feature: Adding onEscapeKeyDown and collisionPadding props to popover. Feature: Adding hideSearchInput to useReactSelectComponentsOverride and useReactSelectStylesOverride.
  • Updated dependencies [8eb020f]
    • @eds/icon@4.2.0
    • @eds/field@4.0.3
    • @eds/tag@4.0.3
    • @eds/text-input@4.0.3
  • e0729c4: Improved how @eds packages manage their dependencies and peerDependencies.
  • Updated dependencies [f09cc14]
  • Updated dependencies [e0729c4]
    • @eds/core@4.0.1
    • @eds/box@4.0.2
    • @eds/button@4.0.2
    • @eds/divider@4.0.1
    • @eds/field@4.0.2
    • @eds/flex@4.0.2
    • @eds/icon@4.1.1
    • @eds/loading@4.0.1
    • @eds/railtrack@4.0.2
    • @eds/tag@4.0.2
    • @eds/text@4.0.2
    • @eds/text-input@4.0.2
  • 3ca7e34: Feature: Add new isMulti feature to SelectInput component.
  • e6f51dc: Select option to be disabled color when is selected but disabled
  • Updated dependencies [3d2f751]
  • Updated dependencies [be3f575]
  • Updated dependencies [3d2f751]
    • @eds/box@4.0.1
    • @eds/icon@4.1.0
    • @eds/field@4.0.1
    • @eds/flex@4.0.1
    • @eds/tag@4.0.1
    • @eds/text@4.0.1
    • @eds/text-input@4.0.1
    • @eds/button@4.0.1
    • @eds/railtrack@4.0.1
  • e99cdb6: Offical release of EDS 4.0.0
  • b897900: Improvement: Updated how theming works to be compatible with TMS and the new style theming.
  • 0793bc8: Improvement: Added Storybook story for the Menu Improvement: Include prefer less motion to stop the animations Improvement: Added the role="menubar" Improvement: Add a footer prop to the Menu to allow for custom footer Improvement: Mobile menu now closes when pressing the escape key Bug fix: Make the Menu framework agnostic of framework and remove NextJS package dependency
  • Updated dependencies [b897900]
  • Updated dependencies [0793bc8]
  • Updated dependencies [e99cdb6]
    • @eds/button@4.0.0
    • @eds/core@4.0.0
    • @eds/text-input@4.0.0
    • @eds/box@4.0.0
    • @eds/divider@4.0.0
    • @eds/field@4.0.0
    • @eds/flex@4.0.0
    • @eds/icon@4.0.0
    • @eds/loading@4.0.0
    • @eds/railtrack@4.0.0
    • @eds/text@4.0.0
  • d3af132: Improvement: Added ability to ignore LastPass in SelectInput and AddressInput.
  • Updated dependencies [53250bf]
    • @eds/icon@0.0.12
    • @eds/field@0.0.15
    • @eds/text-input@0.0.15
  • Updated dependencies [71bf60c]
    • @eds/icon@0.0.11
    • @eds/field@0.0.14
    • @eds/text-input@0.0.14
  • aca2c6fc: Improve rendering performance of Box component, SelectDropdown and SelectInput
  • Updated dependencies [aca2c6fc]
    • @eds/box@0.0.11
    • @eds/core@0.0.10
    • @eds/field@0.0.13
    • @eds/flex@0.0.11
    • @eds/text@0.0.11
    • @eds/text-input@0.0.13
    • @eds/button@0.0.15
    • @eds/divider@0.0.10
    • @eds/icon@0.0.10
    • @eds/loading@0.0.11
    • @eds/railtrack@0.0.11
  • Updated dependencies [885a519]
    • @eds/core@0.0.9
    • @eds/field@0.0.12
    • @eds/box@0.0.10
    • @eds/button@0.0.14
    • @eds/divider@0.0.9
    • @eds/flex@0.0.10
    • @eds/icon@0.0.9
    • @eds/loading@0.0.10
    • @eds/railtrack@0.0.10
    • @eds/text@0.0.10
    • @eds/text-input@0.0.12
  • Updated dependencies [7e975b9]
    • @eds/button@0.0.13
  • Updated dependencies [abc41ab]
    • @eds/button@0.0.12
  • 5a0464b: Restructure of space tokens to make room for new xlarge token (2rem/32px).
  • Updated dependencies [5a0464b]
  • Updated dependencies [e7d309e]
  • Updated dependencies [74f57b9]
    • @eds/box@0.0.9
    • @eds/button@0.0.11
    • @eds/core@0.0.8
    • @eds/field@0.0.11
    • @eds/flex@0.0.9
    • @eds/icon@0.0.8
    • @eds/loading@0.0.9
    • @eds/railtrack@0.0.9
    • @eds/text@0.0.9
    • @eds/text-input@0.0.11
    • @eds/divider@0.0.8
  • Updated dependencies [bd2529a]
    • @eds/core@0.0.7
    • @eds/box@0.0.8
    • @eds/button@0.0.10
    • @eds/divider@0.0.7
    • @eds/field@0.0.10
    • @eds/flex@0.0.8
    • @eds/icon@0.0.7
    • @eds/loading@0.0.8
    • @eds/railtrack@0.0.8
    • @eds/text@0.0.8
    • @eds/text-input@0.0.10
  • ed689b7: Improvement: Async SelectInput empty state message to display "Type to search" when the user hasn't entered a value, rather than “No matching results”. Improvement: SelectDropdown to always display "No matching results" even when the user hasn't entered a value.
  • Updated dependencies [9fa58fc]
    • @eds/field@0.0.9
    • @eds/text-input@0.0.9
  • Updated dependencies [1a73246]
    • @eds/button@0.0.9
  • Updated dependencies [5f747ba]
  • Updated dependencies [133ceed]
    • @eds/button@0.0.8
    • @eds/text-input@0.0.8
    • @eds/field@0.0.8
  • Updated dependencies [dcc4cee]
    • @eds/core@0.0.6
    • @eds/field@0.0.7
    • @eds/box@0.0.7
    • @eds/button@0.0.7
    • @eds/divider@0.0.6
    • @eds/flex@0.0.7
    • @eds/icon@0.0.6
    • @eds/loading@0.0.7
    • @eds/railtrack@0.0.7
    • @eds/text@0.0.7
    • @eds/text-input@0.0.7
  • 43cd43e: Renamed Loading -> LoadingSpinner, and updated the design and animation.
  • Updated dependencies [9d850b3]
  • Updated dependencies [8aa3df6]
  • Updated dependencies [43cd43e]
  • Updated dependencies [3db0be0]
    • @eds/button@0.0.6
    • @eds/loading@0.0.6
    • @eds/box@0.0.6
    • @eds/field@0.0.6
    • @eds/flex@0.0.6
    • @eds/text@0.0.6
    • @eds/text-input@0.0.6
    • @eds/railtrack@0.0.6
  • Updated dependencies [debac4b]
    • @eds/core@0.0.5
    • @eds/box@0.0.5
    • @eds/button@0.0.5
    • @eds/divider@0.0.5
    • @eds/field@0.0.5
    • @eds/flex@0.0.5
    • @eds/icon@0.0.5
    • @eds/loading@0.0.5
    • @eds/railtrack@0.0.5
    • @eds/text@0.0.5
    • @eds/text-input@0.0.5
  • de3c841:

    • Renamed tokens shadow -> boxShadow and radii -> borderRadius
    • Added missing :hover styles to RadioPrimitive and CheckboxPrimitive
    • Updated some colour tokens to match design language
    • Removed critical focusRings
  • 4b8ad31: Box and Flex component updates

    • Renamed direction and wrap to flexDirection and flexWrap
    • Changed flexWrap props to take the normal css values
    • Removed duplication of flexDirection and all the unnecessary defaults in Flex component
    • Moved all the flexbox props to live in the primitive BoxProps, making the Flex component a pure convenience component
    • Added missing flexbox props to BoxProps; alignContent, order, flexFlow
  • Updated dependencies [feef6cd]

  • Updated dependencies [ad81476]

  • Updated dependencies [8e9c9e9]

  • Updated dependencies [de3c841]

  • Updated dependencies [43edd0c]

  • Updated dependencies [7e1274c]

  • Updated dependencies [3e1d94d]

  • Updated dependencies [4b8ad31]

    • @eds/divider@0.0.4
    • @eds/text-input@0.0.4
    • @eds/box@0.0.4
    • @eds/core@0.0.4
    • @eds/flex@0.0.4
    • @eds/railtrack@0.0.4
    • @eds/button@0.0.4
    • @eds/field@0.0.4
    • @eds/text@0.0.4
    • @eds/icon@0.0.4
    • @eds/loading@0.0.4
  • 68e6611: Added pagination component, fixed button styling, added pagination specific icons, and extended select-input props to allow more react-select features.
  • 16f4c45: Support React v16.9 to v18
  • Updated dependencies [68e6611]
  • Updated dependencies [e84b1d4]
  • Updated dependencies [16f4c45]
    • @eds/button@0.0.3
    • @eds/icon@0.0.3
    • @eds/core@0.0.3
    • @eds/box@0.0.3
    • @eds/divider@0.0.3
    • @eds/field@0.0.3
    • @eds/flex@0.0.3
    • @eds/loading@0.0.3
    • @eds/railtrack@0.0.3
    • @eds/text@0.0.3
    • @eds/text-input@0.0.3
  • aca3f9c: Fixed dependencies and build
  • Updated dependencies [aca3f9c]
    • @eds/box@0.0.2
    • @eds/button@0.0.2
    • @eds/core@0.0.2
    • @eds/divider@0.0.2
    • @eds/field@0.0.2
    • @eds/flex@0.0.2
    • @eds/icon@0.0.2
    • @eds/loading@0.0.2
    • @eds/railtrack@0.0.2
    • @eds/text@0.0.2
    • @eds/text-input@0.0.2
  • 1c4bd44: First prerelease publish of components
  • Updated dependencies [1c4bd44]
    • @eds/box@0.0.1
    • @eds/button@0.0.1
    • @eds/core@0.0.1
    • @eds/field@0.0.1
    • @eds/flex@0.0.1
    • @eds/icon@0.0.1
    • @eds/text-input@0.0.1