@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ComboBox/v3/ComboBox/package.json +10 -0
- package/ComboBox/v3/ComboBoxCTX/package.json +10 -0
- package/ComboBox/v3/config/useComboBox/package.json +10 -0
- package/ComboBox/v3/config/useGetPropsWithDefault/package.json +10 -0
- package/ComboBox/v3/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/MultiAllyMessages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/SingleAllyMessages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/styled/package.json +10 -0
- package/ComboBox/v3/parts/container/Container/package.json +10 -0
- package/ComboBox/v3/parts/container/package.json +10 -0
- package/ComboBox/v3/parts/container/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls/Controls/package.json +10 -0
- package/ComboBox/v3/parts/controls/package.json +10 -0
- package/ComboBox/v3/parts/controls/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/ControlsInput/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/useControlsInput/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/styled/package.json +10 -0
- package/ComboBox/v3/parts/empty-state/package.json +10 -0
- package/ComboBox/v3/parts/empty-state/styled/package.json +10 -0
- package/ComboBox/v3/parts/header-list/HeaderList/package.json +10 -0
- package/ComboBox/v3/parts/header-list/package.json +10 -0
- package/ComboBox/v3/parts/header-list/styled/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/MenuList/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/MenuListInline/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/styled/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/useMenuList/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/styled/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/useGroupPills/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/styled/package.json +10 -0
- package/ComboBox/v3/propTypes/package.json +10 -0
- package/ComboBox/v3/tests/utils/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useKeyboardNavigation/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useOnElementResize/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useOnWindowResize/package.json +10 -0
- package/ComboBox/v3/utils/listHelper/package.json +10 -0
- package/MenuItem/components/MenuItem/package.json +10 -0
- package/MenuItem/components/MenuItem/styled/package.json +10 -0
- package/MenuItem/components/MultiMenuItem/MultiMenuItem/package.json +10 -0
- package/MenuItem/components/MultiMenuItem/styled/package.json +10 -0
- package/MenuItem/components/Section/package.json +10 -0
- package/MenuItem/components/Section/props/package.json +10 -0
- package/MenuItem/components/Section/styled/package.json +10 -0
- package/MenuItem/components/Separator/package.json +10 -0
- package/MenuItem/components/Separator/styled/package.json +10 -0
- package/MenuItem/components/SingleMenuItem/SingleMenuItem/package.json +10 -0
- package/MenuItem/components/SingleMenuItem/styled/package.json +10 -0
- package/MenuItem/components/SubmenuItem/package.json +10 -0
- package/MenuItem/components/SubmenuItem/styled/package.json +10 -0
- package/MenuItem/components/package.json +10 -0
- package/MenuItem/components/styled/package.json +10 -0
- package/MenuItem/package.json +10 -0
- package/MenuItem/props/package.json +10 -0
- package/cjs/Checkbox/DSCheckbox.js +2 -2
- package/cjs/Checkbox/DSCheckbox.js.map +1 -1
- package/cjs/Checkbox/index.js +1 -1
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +2 -3
- package/cjs/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/cjs/CheckboxGroup/index.js +2 -3
- package/cjs/CheckboxGroup/index.js.map +1 -1
- package/cjs/CheckboxGroup/props.js +1 -1
- package/cjs/ComboBox/DSComboBox.js +2 -6
- package/cjs/ComboBox/DSComboBox.js.map +1 -1
- package/cjs/ComboBox/index.js +40 -6
- package/cjs/ComboBox/index.js.map +1 -1
- package/cjs/ComboBox/v1/DSComboBox.js +3 -4
- package/cjs/ComboBox/v1/DSComboBox.js.map +1 -1
- package/cjs/ComboBox/v1/components/AllOption.js +1 -1
- package/cjs/ComboBox/v1/components/ClearIndicator.js +2 -3
- package/cjs/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +1 -1
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +2 -3
- package/cjs/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/MenuList.js +1 -1
- package/cjs/ComboBox/v1/components/SelectMenu.js +3 -3
- package/cjs/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/cjs/ComboBox/v1/index.js +2 -3
- package/cjs/ComboBox/v1/index.js.map +1 -1
- package/cjs/ComboBox/v2/Combobox.js +5 -10
- package/cjs/ComboBox/v2/Combobox.js.map +1 -1
- package/cjs/ComboBox/v2/components/AllOption.js +1 -1
- package/cjs/ComboBox/v2/components/ClearIndicator.js +2 -3
- package/cjs/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +1 -1
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +2 -3
- package/cjs/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/MenuList.js +1 -1
- package/cjs/ComboBox/v2/components/ValueContainer.js +2 -2
- package/cjs/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/cjs/ComboBox/v2/index.js +2 -5
- package/cjs/ComboBox/v2/index.js.map +1 -1
- package/cjs/ComboBox/v3/ComboBox.js +69 -0
- package/cjs/ComboBox/v3/ComboBox.js.map +1 -0
- package/cjs/ComboBox/v3/ComboBoxCTX.js +47 -0
- package/cjs/ComboBox/v3/ComboBoxCTX.js.map +1 -0
- package/cjs/ComboBox/v3/config/useComboBox.js +69 -0
- package/cjs/ComboBox/v3/config/useComboBox.js.map +1 -0
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js +15 -0
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -0
- package/cjs/ComboBox/v3/index.d.js +3 -0
- package/cjs/ComboBox/v3/index.d.js.map +1 -0
- package/cjs/ComboBox/v3/index.js +54 -0
- package/cjs/ComboBox/v3/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +33 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +27 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/index.js +17 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js +16 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/Container.js +79 -0
- package/cjs/ComboBox/v3/parts/container/Container.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/index.js +47 -0
- package/cjs/ComboBox/v3/parts/container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/styled.js +24 -0
- package/cjs/ComboBox/v3/parts/container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/Controls.js +81 -0
- package/cjs/ComboBox/v3/parts/controls/Controls.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/index.js +35 -0
- package/cjs/ComboBox/v3/parts/controls/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/styled.js +48 -0
- package/cjs/ComboBox/v3/parts/controls/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js +63 -0
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/styled.js +30 -0
- package/cjs/ComboBox/v3/parts/controls-input/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js +92 -0
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +37 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js +3 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js +18 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/empty-state/index.js +24 -0
- package/cjs/ComboBox/v3/parts/empty-state/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/empty-state/styled.js +20 -0
- package/cjs/ComboBox/v3/parts/empty-state/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js +94 -0
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/index.js +17 -0
- package/cjs/ComboBox/v3/parts/header-list/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/styled.js +40 -0
- package/cjs/ComboBox/v3/parts/header-list/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js +62 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuListInline.js +44 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuListInline.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/index.js +27 -0
- package/cjs/ComboBox/v3/parts/menu-list/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/styled.js +39 -0
- package/cjs/ComboBox/v3/parts/menu-list/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js +88 -0
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +77 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/index.js +22 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js +24 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +76 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +27 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js +15 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js +16 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/propTypes.js +22 -0
- package/cjs/ComboBox/v3/propTypes.js.map +1 -0
- package/cjs/ComboBox/v3/tests/utils.js +23 -0
- package/cjs/ComboBox/v3/tests/utils.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +153 -0
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js +52 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js +51 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -0
- package/cjs/ComboBox/v3/utils/listHelper.js +38 -0
- package/cjs/ComboBox/v3/utils/listHelper.js.map +1 -0
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +38 -6
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +2 -3
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +2 -3
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/index.js +38 -6
- package/cjs/ComboBoxFreeSolo/index.js.map +1 -1
- package/cjs/DateInput/DSDateInput.js +4 -6
- package/cjs/DateInput/DSDateInput.js.map +1 -1
- package/cjs/DateInput/components/DateInputImpl.js +2 -4
- package/cjs/DateInput/components/DateInputImpl.js.map +1 -1
- package/cjs/DateInput/components/DateInputs.js +8 -13
- package/cjs/DateInput/components/DateInputs.js.map +1 -1
- package/cjs/DateInput/components/utils.js +7 -8
- package/cjs/DateInput/components/utils.js.map +1 -1
- package/cjs/DateInput/index.js +2 -4
- package/cjs/DateInput/index.js.map +1 -1
- package/cjs/DateInputV2/components/DSDateInput.js +2 -3
- package/cjs/DateInputV2/components/DSDateInput.js.map +1 -1
- package/cjs/DateInputV2/components/DateInputs.js +1 -2
- package/cjs/DateInputV2/components/DateInputs.js.map +1 -1
- package/cjs/DateInputV2/components/helpers.js +1 -2
- package/cjs/DateInputV2/components/helpers.js.map +1 -1
- package/cjs/DateInputV2/components/styled.js +3 -3
- package/cjs/DateInputV2/components/styled.js.map +1 -1
- package/cjs/DateInputV2/components/utils.js +12 -13
- package/cjs/DateInputV2/components/utils.js.map +1 -1
- package/cjs/DateInputV2/index.js +2 -3
- package/cjs/DateInputV2/index.js.map +1 -1
- package/cjs/ExpandableInput/DSExpandableInput.js +1 -1
- package/cjs/ExpandableInput/ExpandableInputImpl.js +1 -1
- package/cjs/ExpandableInput/index.js +1 -1
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +2 -3
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/cjs/FloatingLabelInput/index.js +2 -2
- package/cjs/FormItem/DSFormItemLayout.js +3 -4
- package/cjs/FormItem/DSFormItemLayout.js.map +1 -1
- package/cjs/FormItem/defaultProps.js +1 -1
- package/cjs/FormItem/index.js +2 -2
- package/cjs/Input/DSInput.js +1 -1
- package/cjs/Input/InputImpl.js +2 -3
- package/cjs/Input/InputImpl.js.map +1 -1
- package/cjs/Input/index.js +1 -1
- package/cjs/InputMask/DSInputMask.js +1 -1
- package/cjs/InputMask/DSInputMaskDeprecated.js +1 -1
- package/cjs/InputMask/index.js +1 -1
- package/cjs/InputMask/mask_types/DateInputMask.js +1 -1
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +1 -1
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +1 -1
- package/cjs/InputMask/mask_types/NumberInputMask.js +1 -1
- package/cjs/InputMask/mask_types/PhoneInputMask.js +1 -1
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +1 -1
- package/cjs/InputMask/mask_types/SsnInputMask.js +1 -1
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +1 -1
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -1
- package/cjs/InputMask/mask_types/index.js +1 -1
- package/cjs/InputProtected/DSInputProtected.js +9 -18
- package/cjs/InputProtected/DSInputProtected.js.map +1 -1
- package/cjs/InputProtected/index.js +4 -7
- package/cjs/InputProtected/index.js.map +1 -1
- package/cjs/InputProtected/options.js.map +1 -1
- package/cjs/MenuItem/components/MenuItem/index.js +53 -0
- package/cjs/MenuItem/components/MenuItem/index.js.map +1 -0
- package/cjs/MenuItem/components/MenuItem/styled.js +16 -0
- package/cjs/MenuItem/components/MenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js +65 -0
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -0
- package/cjs/MenuItem/components/MultiMenuItem/styled.js +16 -0
- package/cjs/MenuItem/components/MultiMenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/Section/index.js +30 -0
- package/cjs/MenuItem/components/Section/index.js.map +1 -0
- package/cjs/MenuItem/components/Section/props.js +16 -0
- package/cjs/MenuItem/components/Section/props.js.map +1 -0
- package/cjs/MenuItem/components/Section/styled.js +28 -0
- package/cjs/MenuItem/components/Section/styled.js.map +1 -0
- package/cjs/MenuItem/components/Separator/index.js +18 -0
- package/cjs/MenuItem/components/Separator/index.js.map +1 -0
- package/cjs/MenuItem/components/Separator/styled.js +28 -0
- package/cjs/MenuItem/components/Separator/styled.js.map +1 -0
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js +65 -0
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -0
- package/cjs/MenuItem/components/SingleMenuItem/styled.js +20 -0
- package/cjs/MenuItem/components/SingleMenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/SubmenuItem/index.js +123 -0
- package/cjs/MenuItem/components/SubmenuItem/index.js.map +1 -0
- package/cjs/MenuItem/components/SubmenuItem/styled.js +24 -0
- package/cjs/MenuItem/components/SubmenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/index.js +47 -0
- package/cjs/MenuItem/components/index.js.map +1 -0
- package/cjs/MenuItem/components/styled.js +54 -0
- package/cjs/MenuItem/components/styled.js.map +1 -0
- package/cjs/MenuItem/index.js +47 -0
- package/cjs/MenuItem/index.js.map +1 -0
- package/cjs/MenuItem/props.js +26 -0
- package/cjs/MenuItem/props.js.map +1 -0
- package/cjs/RadioGroup/DSRadioGroup.js +2 -2
- package/cjs/RadioGroup/index.js +2 -2
- package/cjs/SearchBox/DSSearchBox.js +4 -8
- package/cjs/SearchBox/DSSearchBox.js.map +1 -1
- package/cjs/SearchBox/NavSearchBox.js +5 -13
- package/cjs/SearchBox/NavSearchBox.js.map +1 -1
- package/cjs/SearchBox/SearchBoxToggle.js +3 -6
- package/cjs/SearchBox/SearchBoxToggle.js.map +1 -1
- package/cjs/SearchBox/index.js +2 -6
- package/cjs/SearchBox/index.js.map +1 -1
- package/cjs/SearchBox/styled.js +1 -1
- package/cjs/SearchBox/useSearch.js +2 -2
- package/cjs/SearchBox/useSearch.js.map +1 -1
- package/cjs/SearchBox/withSearchable.js +2 -2
- package/cjs/SearchBox/withSearchable.js.map +1 -1
- package/cjs/TextBox/DSTextBox.js +1 -1
- package/cjs/TextBox/index.js +1 -1
- package/cjs/TimeInput/DSTimeInput.js +3 -4
- package/cjs/TimeInput/DSTimeInput.js.map +1 -1
- package/cjs/TimeInput/TimeInputImpl.js +3 -4
- package/cjs/TimeInput/TimeInputImpl.js.map +1 -1
- package/cjs/TimeInput/TimeInputs.js +2 -3
- package/cjs/TimeInput/TimeInputs.js.map +1 -1
- package/cjs/TimeInput/index.js +3 -4
- package/cjs/TimeInput/index.js.map +1 -1
- package/cjs/TimeInput/utils.js +2 -3
- package/cjs/TimeInput/utils.js.map +1 -1
- package/cjs/Toggle/DSToggle.js +1 -1
- package/cjs/Toggle/DSToggleImpl.js +1 -1
- package/cjs/Toggle/DSToggleRender.js +2 -3
- package/cjs/Toggle/DSToggleRender.js.map +1 -1
- package/cjs/Toggle/index.js +1 -1
- package/cjs/index.js +152 -72
- package/cjs/index.js.map +1 -1
- package/cjs/{utils-328f60e2.js → utils-f82fe290.js} +6 -7
- package/cjs/utils-f82fe290.js.map +1 -0
- package/esm/Checkbox/DSCheckbox.js +2 -2
- package/esm/Checkbox/DSCheckbox.js.map +1 -1
- package/esm/Checkbox/defaultProps.js +1 -1
- package/esm/Checkbox/index.js +2 -2
- package/esm/Checkbox/props.js +1 -1
- package/esm/CheckboxGroup/DSCheckboxGroup.js +3 -4
- package/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/esm/CheckboxGroup/index.js +3 -4
- package/esm/CheckboxGroup/index.js.map +1 -1
- package/esm/CheckboxGroup/props.js +2 -2
- package/esm/ComboBox/DSComboBox.js +3 -7
- package/esm/ComboBox/DSComboBox.js.map +1 -1
- package/esm/ComboBox/index.js +39 -7
- package/esm/ComboBox/index.js.map +1 -1
- package/esm/ComboBox/v1/DSComboBox.js +4 -5
- package/esm/ComboBox/v1/DSComboBox.js.map +1 -1
- package/esm/ComboBox/v1/components/AllOption.js +2 -2
- package/esm/ComboBox/v1/components/ClearIndicator.js +1 -1
- package/esm/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v1/components/DropdownIndicator.js +1 -1
- package/esm/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/MenuList.js +2 -2
- package/esm/ComboBox/v1/components/SelectMenu.js +1 -1
- package/esm/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/esm/ComboBox/v1/index.js +3 -4
- package/esm/ComboBox/v1/index.js.map +1 -1
- package/esm/ComboBox/v2/Combobox.js +3 -6
- package/esm/ComboBox/v2/Combobox.js.map +1 -1
- package/esm/ComboBox/v2/components/AllOption.js +2 -2
- package/esm/ComboBox/v2/components/ClearIndicator.js +1 -1
- package/esm/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v2/components/DropdownIndicator.js +1 -1
- package/esm/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/MenuList.js +2 -2
- package/esm/ComboBox/v2/components/ValueContainer.js +1 -1
- package/esm/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/esm/ComboBox/v2/index.js +3 -6
- package/esm/ComboBox/v2/index.js.map +1 -1
- package/esm/ComboBox/v3/ComboBox.js +60 -0
- package/esm/ComboBox/v3/ComboBox.js.map +1 -0
- package/esm/ComboBox/v3/ComboBoxCTX.js +41 -0
- package/esm/ComboBox/v3/ComboBoxCTX.js.map +1 -0
- package/esm/ComboBox/v3/config/useComboBox.js +61 -0
- package/esm/ComboBox/v3/config/useComboBox.js.map +1 -0
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js +11 -0
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -0
- package/esm/ComboBox/v3/index.d.js +2 -0
- package/esm/ComboBox/v3/index.d.js.map +1 -0
- package/esm/ComboBox/v3/index.js +45 -0
- package/esm/ComboBox/v3/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +25 -0
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +19 -0
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/index.js +8 -0
- package/esm/ComboBox/v3/parts/a11y-messages/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js +8 -0
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/Container.js +71 -0
- package/esm/ComboBox/v3/parts/container/Container.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/index.js +39 -0
- package/esm/ComboBox/v3/parts/container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/styled.js +14 -0
- package/esm/ComboBox/v3/parts/container/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/Controls.js +73 -0
- package/esm/ComboBox/v3/parts/controls/Controls.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/index.js +27 -0
- package/esm/ComboBox/v3/parts/controls/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/styled.js +36 -0
- package/esm/ComboBox/v3/parts/controls/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js +55 -0
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/styled.js +19 -0
- package/esm/ComboBox/v3/parts/controls-input/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js +84 -0
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +30 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/index.js +2 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js +9 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/empty-state/index.js +16 -0
- package/esm/ComboBox/v3/parts/empty-state/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/empty-state/styled.js +11 -0
- package/esm/ComboBox/v3/parts/empty-state/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js +86 -0
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/index.js +9 -0
- package/esm/ComboBox/v3/parts/header-list/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/styled.js +26 -0
- package/esm/ComboBox/v3/parts/header-list/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js +54 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuListInline.js +36 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuListInline.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/index.js +18 -0
- package/esm/ComboBox/v3/parts/menu-list/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/styled.js +28 -0
- package/esm/ComboBox/v3/parts/menu-list/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js +80 -0
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +68 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/index.js +14 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js +14 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +67 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +19 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/index.js +7 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js +8 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -0
- package/esm/ComboBox/v3/propTypes.js +18 -0
- package/esm/ComboBox/v3/propTypes.js.map +1 -0
- package/esm/ComboBox/v3/tests/utils.js +19 -0
- package/esm/ComboBox/v3/tests/utils.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +149 -0
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js +44 -0
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js +43 -0
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -0
- package/esm/ComboBox/v3/utils/listHelper.js +30 -0
- package/esm/ComboBox/v3/utils/listHelper.js.map +1 -0
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +39 -7
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValue.js +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/esm/ComboBoxFreeSolo/index.js +39 -7
- package/esm/ComboBoxFreeSolo/index.js.map +1 -1
- package/esm/DateInput/DSDateInput.js +3 -5
- package/esm/DateInput/DSDateInput.js.map +1 -1
- package/esm/DateInput/components/DateInputImpl.js +2 -4
- package/esm/DateInput/components/DateInputImpl.js.map +1 -1
- package/esm/DateInput/components/DateInputs.js +7 -11
- package/esm/DateInput/components/DateInputs.js.map +1 -1
- package/esm/DateInput/components/utils.js +1 -2
- package/esm/DateInput/components/utils.js.map +1 -1
- package/esm/DateInput/index.js +2 -4
- package/esm/DateInput/index.js.map +1 -1
- package/esm/DateInputV2/components/DSDateInput.js +2 -3
- package/esm/DateInputV2/components/DSDateInput.js.map +1 -1
- package/esm/DateInputV2/components/DateInputs.js +1 -2
- package/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/esm/DateInputV2/components/helpers.js +1 -2
- package/esm/DateInputV2/components/helpers.js.map +1 -1
- package/esm/DateInputV2/components/utils.js +1 -2
- package/esm/DateInputV2/components/utils.js.map +1 -1
- package/esm/DateInputV2/index.js +2 -3
- package/esm/DateInputV2/index.js.map +1 -1
- package/esm/ExpandableInput/DSExpandableInput.js +1 -1
- package/esm/ExpandableInput/ExpandableInputImpl.js +1 -1
- package/esm/ExpandableInput/index.js +1 -1
- package/esm/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js +1 -1
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/esm/FloatingLabelInput/index.js +2 -2
- package/esm/FormItem/DSFormItemLayout.js +2 -2
- package/esm/FormItem/DSFormItemLayout.js.map +1 -1
- package/esm/FormItem/defaultProps.js +1 -1
- package/esm/FormItem/index.js +2 -2
- package/esm/Input/DSInput.js +1 -1
- package/esm/Input/InputImpl.js +1 -1
- package/esm/Input/InputImpl.js.map +1 -1
- package/esm/Input/index.js +1 -1
- package/esm/InputMask/DSInputMask.js +1 -1
- package/esm/InputMask/DSInputMaskDeprecated.js +1 -1
- package/esm/InputMask/index.js +1 -1
- package/esm/InputMask/mask_types/DateInputMask.js +1 -1
- package/esm/InputMask/mask_types/DateTimeInputMask.js +1 -1
- package/esm/InputMask/mask_types/DictionaryInputMask.js +1 -1
- package/esm/InputMask/mask_types/NumberInputMask.js +1 -1
- package/esm/InputMask/mask_types/PhoneInputMask.js +1 -1
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js +1 -1
- package/esm/InputMask/mask_types/SsnInputMask.js +1 -1
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js +1 -1
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -1
- package/esm/InputMask/mask_types/index.js +1 -1
- package/esm/InputProtected/DSInputProtected.js +4 -9
- package/esm/InputProtected/DSInputProtected.js.map +1 -1
- package/esm/InputProtected/index.js +2 -6
- package/esm/InputProtected/index.js.map +1 -1
- package/esm/InputProtected/options.js.map +1 -1
- package/esm/MenuItem/components/MenuItem/index.js +43 -0
- package/esm/MenuItem/components/MenuItem/index.js.map +1 -0
- package/esm/MenuItem/components/MenuItem/styled.js +8 -0
- package/esm/MenuItem/components/MenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js +56 -0
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -0
- package/esm/MenuItem/components/MultiMenuItem/styled.js +8 -0
- package/esm/MenuItem/components/MultiMenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/Section/index.js +21 -0
- package/esm/MenuItem/components/Section/index.js.map +1 -0
- package/esm/MenuItem/components/Section/props.js +11 -0
- package/esm/MenuItem/components/Section/props.js.map +1 -0
- package/esm/MenuItem/components/Section/styled.js +18 -0
- package/esm/MenuItem/components/Section/styled.js.map +1 -0
- package/esm/MenuItem/components/Separator/index.js +10 -0
- package/esm/MenuItem/components/Separator/index.js.map +1 -0
- package/esm/MenuItem/components/Separator/styled.js +18 -0
- package/esm/MenuItem/components/Separator/styled.js.map +1 -0
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js +55 -0
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -0
- package/esm/MenuItem/components/SingleMenuItem/styled.js +11 -0
- package/esm/MenuItem/components/SingleMenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/SubmenuItem/index.js +110 -0
- package/esm/MenuItem/components/SubmenuItem/index.js.map +1 -0
- package/esm/MenuItem/components/SubmenuItem/styled.js +15 -0
- package/esm/MenuItem/components/SubmenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/index.js +31 -0
- package/esm/MenuItem/components/index.js.map +1 -0
- package/esm/MenuItem/components/styled.js +44 -0
- package/esm/MenuItem/components/styled.js.map +1 -0
- package/esm/MenuItem/index.js +31 -0
- package/esm/MenuItem/index.js.map +1 -0
- package/esm/MenuItem/props.js +21 -0
- package/esm/MenuItem/props.js.map +1 -0
- package/esm/RadioGroup/DSRadioGroup.js +3 -3
- package/esm/RadioGroup/index.js +3 -3
- package/esm/RadioGroup/props.js +1 -1
- package/esm/SearchBox/DSSearchBox.js +3 -5
- package/esm/SearchBox/DSSearchBox.js.map +1 -1
- package/esm/SearchBox/NavSearchBox.js +2 -6
- package/esm/SearchBox/NavSearchBox.js.map +1 -1
- package/esm/SearchBox/SearchBoxToggle.js +3 -5
- package/esm/SearchBox/SearchBoxToggle.js.map +1 -1
- package/esm/SearchBox/index.js +2 -6
- package/esm/SearchBox/index.js.map +1 -1
- package/esm/SearchBox/styled.js +1 -1
- package/esm/SearchBox/useSearch.js +1 -1
- package/esm/SearchBox/useSearch.js.map +1 -1
- package/esm/SearchBox/withSearchable.js +1 -1
- package/esm/SearchBox/withSearchable.js.map +1 -1
- package/esm/TextBox/DSTextBox.js +1 -1
- package/esm/TextBox/index.js +1 -1
- package/esm/TimeInput/DSTimeInput.js +3 -4
- package/esm/TimeInput/DSTimeInput.js.map +1 -1
- package/esm/TimeInput/TimeInputImpl.js +2 -3
- package/esm/TimeInput/TimeInputImpl.js.map +1 -1
- package/esm/TimeInput/TimeInputs.js +2 -3
- package/esm/TimeInput/TimeInputs.js.map +1 -1
- package/esm/TimeInput/index.js +3 -4
- package/esm/TimeInput/index.js.map +1 -1
- package/esm/TimeInput/utils.js +2 -3
- package/esm/TimeInput/utils.js.map +1 -1
- package/esm/Toggle/DSToggle.js +2 -2
- package/esm/Toggle/DSToggleImpl.js +2 -2
- package/esm/Toggle/DSToggleRender.js +1 -1
- package/esm/Toggle/DSToggleRender.js.map +1 -1
- package/esm/Toggle/index.js +2 -2
- package/esm/Toggle/props.js +1 -1
- package/esm/index.js +120 -70
- package/esm/index.js.map +1 -1
- package/esm/{prop-types-cc01d273.js → prop-types-45aa1e9c.js} +2 -2
- package/esm/{prop-types-cc01d273.js.map → prop-types-45aa1e9c.js.map} +1 -1
- package/esm/{utils-0a7eb302.js → utils-ced363ec.js} +2 -3
- package/esm/utils-ced363ec.js.map +1 -0
- package/package.json +17 -17
- package/cjs/utils-328f60e2.js.map +0 -1
- package/esm/utils-0a7eb302.js.map +0 -1
|
@@ -8,11 +8,11 @@ import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
|
8
8
|
import 'react-desc';
|
|
9
9
|
import 'uid';
|
|
10
10
|
import '@elliemae/ds-classnames';
|
|
11
|
-
import '@elliemae/ds-utilities
|
|
11
|
+
import '@elliemae/ds-utilities';
|
|
12
12
|
import '../../../Checkbox/elements/CheckMark.js';
|
|
13
13
|
import 'styled-components';
|
|
14
14
|
import '../../../Checkbox/defaultProps.js';
|
|
15
|
-
import '../../../prop-types-
|
|
15
|
+
import '../../../prop-types-45aa1e9c.js';
|
|
16
16
|
import '../../../Checkbox/props.js';
|
|
17
17
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
4
|
import React, { useContext, useState } from 'react';
|
|
5
5
|
import { get } from 'lodash';
|
|
6
|
-
import ChevronSmallDown from '@elliemae/ds-icons
|
|
6
|
+
import { ChevronSmallDown } from '@elliemae/ds-icons';
|
|
7
7
|
import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
|
|
8
8
|
import { DropDownContext } from '../context.js';
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../src/ComboBox/v2/components/DropdownIndicator.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext, useState } from 'react';\nimport { get } from 'lodash';\nimport ChevronSmallDown from '@elliemae/ds-icons
|
|
1
|
+
{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../src/ComboBox/v2/components/DropdownIndicator.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext, useState } from 'react';\nimport { get } from 'lodash';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DropDownContext } from '../context';\n\nconst DropdownIndicator = ({\n innerRef,\n onKeyDown,\n options,\n theme,\n clearValue,\n getStyles,\n getValue,\n setValue,\n hasStyle,\n hasValue,\n isMulti,\n isRtl,\n isDisabled,\n isFocused,\n selectOption,\n selectProps,\n innerProps,\n cx,\n ...rest\n}) => {\n const { changeHandleOpening, changeMenuOpen, inputInFocus, handleOpening, menuOpen, onClickDropdownIndicator } =\n useContext(DropDownContext);\n\n const [touchClick, setTouchClick] = useState(false);\n\n const handleOnClick = (e) => {\n onClickDropdownIndicator(e);\n changeMenuOpen(!menuOpen);\n changeHandleOpening(!handleOpening);\n };\n\n const handleOnKeyDown = (e) => {\n if (e.key === 'Enter') {\n changeMenuOpen(!menuOpen);\n e.preventDefault();\n }\n };\n\n return (\n <DSButton\n data-testid=\"combobox-dropdown-btn\"\n aria-label=\"dropdown-indicator\"\n buttonType=\"text\"\n className={`dropdown-indicator ${get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`}\n icon={<ChevronSmallDown />}\n innerRef={innerRef}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n onTouchStart={() => setTouchClick(true)}\n onTouchEnd={(e) => {\n if (touchClick) handleOnClick(e);\n setTouchClick(false);\n }}\n tabIndex={-1}\n variant={get(selectProps, 'menuIsOpen', false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT}\n {...rest}\n />\n );\n};\n\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","innerRef","onKeyDown","options","theme","clearValue","getStyles","getValue","setValue","hasStyle","hasValue","isMulti","isRtl","isDisabled","isFocused","selectOption","selectProps","innerProps","cx","rest","useContext","DropDownContext","changeHandleOpening","changeMenuOpen","inputInFocus","handleOpening","menuOpen","onClickDropdownIndicator","useState","touchClick","setTouchClick","handleOnClick","e","handleOnKeyDown","key","preventDefault","get","BUTTON_VARIANT","ACTIVE","DEFAULT"],"mappings":";;;;;;;;;;;IAQMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAoBpB;AAAA,MAnBJC,QAmBI,QAnBJA,QAmBI;AAAA,WAlBJC,SAkBI;AAAA,WAjBJC,OAiBI;AAAA,WAhBJC,KAgBI;AAAA,WAfJC,UAeI;AAAA,WAdJC,SAcI;AAAA,WAbJC,QAaI;AAAA,WAZJC,QAYI;AAAA,WAXJC,QAWI;AAAA,WAVJC,QAUI;AAAA,WATJC,OASI;AAAA,WARJC,KAQI;AAAA,WAPJC,UAOI;AAAA,WANJC,SAMI;AAAA,WALJC,YAKI;AAAA,UAJJC,WAII,QAJJA,WAII;AAAA,WAHJC,UAGI;AAAA,WAFJC,EAEI;AAAA,UADDC,IACC;;AACJ,oBACEC,UAAU,CAACC,eAAD,CADZ;AAAA,MAAQC,mBAAR,eAAQA,mBAAR;AAAA,MAA6BC,cAA7B,eAA6BA,cAA7B;AAAA,MAA6CC,YAA7C,eAA6CA,YAA7C;AAAA,MAA2DC,aAA3D,eAA2DA,aAA3D;AAAA,MAA0EC,QAA1E,eAA0EA,QAA1E;AAAA,MAAoFC,wBAApF,eAAoFA,wBAApF;;AAGA,kBAAoCC,QAAQ,CAAC,KAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAO;AAC3BL,IAAAA,wBAAwB,CAACK,CAAD,CAAxB;AACAT,IAAAA,cAAc,CAAC,CAACG,QAAF,CAAd;AACAJ,IAAAA,mBAAmB,CAAC,CAACG,aAAF,CAAnB;AACD,GAJD;;AAMA,MAAMQ,eAAe,GAAG,SAAlBA,eAAkB,CAACD,CAAD,EAAO;AAC7B,QAAIA,CAAC,CAACE,GAAF,KAAU,OAAd,EAAuB;AACrBX,MAAAA,cAAc,CAAC,CAACG,QAAF,CAAd;AACAM,MAAAA,CAAC,CAACG,cAAF;AACD;AACF,GALD;;AAOA,sBACE,oBAAC,QAAD;AACE,mBAAY,uBADd;AAEE,kBAAW,oBAFb;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,SAAS,+BAAwBC,GAAG,CAACpB,WAAD,EAAc,YAAd,EAA4B,KAA5B,CAAH,IAAyC,CAACQ,YAA1C,GAAyD,QAAzD,GAAoE,EAA5F,CAJX;AAKE,IAAA,IAAI,eAAE,oBAAC,gBAAD,OALR;AAME,IAAA,QAAQ,EAAEvB,QANZ;AAOE,IAAA,OAAO,EAAE8B,aAPX;AAQE,IAAA,SAAS,EAAEE,eARb;AASE,IAAA,YAAY,EAAE;AAAA,aAAMH,aAAa,CAAC,IAAD,CAAnB;AAAA,KAThB;AAUE,IAAA,UAAU,EAAE,oBAACE,CAAD,EAAO;AACjB,UAAIH,UAAJ,EAAgBE,aAAa,CAACC,CAAD,CAAb;AAChBF,MAAAA,aAAa,CAAC,KAAD,CAAb;AACD,KAbH;AAcE,IAAA,QAAQ,EAAE,CAAC,CAdb;AAeE,IAAA,OAAO,EAAEM,GAAG,CAACpB,WAAD,EAAc,YAAd,EAA4B,KAA5B,CAAH,IAAyC,CAACQ,YAA1C,GAAyDa,cAAc,CAACC,MAAxE,GAAiFD,cAAc,CAACE;AAf3G,KAgBMpB,IAhBN,EADF;AAoBD;;;;"}
|
|
@@ -20,11 +20,11 @@ import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
|
20
20
|
import 'react-desc';
|
|
21
21
|
import 'uid';
|
|
22
22
|
import '@elliemae/ds-classnames';
|
|
23
|
-
import '@elliemae/ds-utilities
|
|
23
|
+
import '@elliemae/ds-utilities';
|
|
24
24
|
import '../../../Checkbox/elements/CheckMark.js';
|
|
25
25
|
import 'styled-components';
|
|
26
26
|
import '../../../Checkbox/defaultProps.js';
|
|
27
|
-
import '../../../prop-types-
|
|
27
|
+
import '../../../prop-types-45aa1e9c.js';
|
|
28
28
|
import '../../../Checkbox/props.js';
|
|
29
29
|
import '@elliemae/ds-button';
|
|
30
30
|
|
|
@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
3
|
import React, { useRef, useContext, useState } from 'react';
|
|
4
4
|
import { components } from 'react-select';
|
|
5
|
-
import { cx } from '@elliemae/ds-utilities
|
|
5
|
+
import { cx } from '@elliemae/ds-utilities';
|
|
6
6
|
import { DropDownContext } from '../context.js';
|
|
7
7
|
|
|
8
8
|
var _excluded = ["children"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValueContainer.js","sources":["../../../../../src/ComboBox/v2/components/ValueContainer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React, { useContext, useRef, useState } from 'react';\nimport { components } from 'react-select';\nimport { cx } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"ValueContainer.js","sources":["../../../../../src/ComboBox/v2/components/ValueContainer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React, { useContext, useRef, useState } from 'react';\nimport { components } from 'react-select';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DropDownContext } from '../context';\n\nexport function ValueContainer({ children, ...rest }) {\n const valueContainerRef = useRef(null);\n const {\n changeMenuOpen,\n inputInFocus,\n value,\n clearable,\n removeDropdownIndicator,\n } = useContext(DropDownContext);\n\n const [touchClick, setTouchClick] = useState(false);\n\n return (\n <div\n data-testid=\"combobox-value-container\"\n onClick={(e) => {\n e.stopPropagation();\n changeMenuOpen(true);\n }}\n onTouchStart={() => setTouchClick(true)}\n onTouchEnd={() => {\n if (touchClick) changeMenuOpen(true);\n setTouchClick(false);\n }}\n ref={valueContainerRef}\n className={cx(\n 'combobox-v2-value-container',\n inputInFocus && 'in-focus',\n value && clearable && 'has-value',\n removeDropdownIndicator && 'dropdown-indicator-removed',\n )}\n >\n <components.ValueContainer {...rest}>\n {children}\n </components.ValueContainer>\n </div>\n );\n}\n\nexport default ValueContainer;\n"],"names":["ValueContainer","children","rest","valueContainerRef","useRef","useContext","DropDownContext","changeMenuOpen","inputInFocus","value","clearable","removeDropdownIndicator","useState","touchClick","setTouchClick","e","stopPropagation","cx"],"mappings":";;;;;;;;AASO,SAASA,cAAT,OAA+C;AAAA,MAArBC,QAAqB,QAArBA,QAAqB;AAAA,MAARC,IAAQ;;AACpD,MAAMC,iBAAiB,GAAGC,MAAM,CAAC,IAAD,CAAhC;;AACA,oBAMIC,UAAU,CAACC,eAAD,CANd;AAAA,MACEC,cADF,eACEA,cADF;AAAA,MAEEC,YAFF,eAEEA,YAFF;AAAA,MAGEC,KAHF,eAGEA,KAHF;AAAA,MAIEC,SAJF,eAIEA,SAJF;AAAA,MAKEC,uBALF,eAKEA,uBALF;;AAQA,kBAAoCC,QAAQ,CAAC,KAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,sBACE;AACE,mBAAY,0BADd;AAEE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAT,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KALH;AAME,IAAA,YAAY,EAAE;AAAA,aAAMO,aAAa,CAAC,IAAD,CAAnB;AAAA,KANhB;AAOE,IAAA,UAAU,EAAE,sBAAM;AAChB,UAAID,UAAJ,EAAgBN,cAAc,CAAC,IAAD,CAAd;AAChBO,MAAAA,aAAa,CAAC,KAAD,CAAb;AACD,KAVH;AAWE,IAAA,GAAG,EAAEX,iBAXP;AAYE,IAAA,SAAS,EAAEc,EAAE,CACX,6BADW,EAEXT,YAAY,IAAI,UAFL,EAGXC,KAAK,IAAIC,SAAT,IAAsB,WAHX,EAIXC,uBAAuB,IAAI,4BAJhB;AAZf,kBAmBE,oBAAC,UAAD,CAAY,cAAZ,EAA+BT,IAA/B,EACGD,QADH,CAnBF,CADF;AAyBD;;;;"}
|
package/esm/ComboBox/v2/index.js
CHANGED
|
@@ -11,10 +11,8 @@ import 'react-select';
|
|
|
11
11
|
import 'react-select/creatable';
|
|
12
12
|
import 'react-popper';
|
|
13
13
|
import 'react-measure';
|
|
14
|
-
import '@elliemae/ds-utilities
|
|
14
|
+
import '@elliemae/ds-utilities';
|
|
15
15
|
import '@elliemae/ds-system';
|
|
16
|
-
import '@elliemae/ds-utilities/hooks/usePrevious';
|
|
17
|
-
import '@elliemae/ds-utilities/hooks/useShouldRecalculate';
|
|
18
16
|
import '@elliemae/ds-truncated-tooltip-text';
|
|
19
17
|
import '../v1/withSelectStringValueConverter.js';
|
|
20
18
|
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
@@ -25,7 +23,7 @@ import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
|
25
23
|
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
26
24
|
import '@babel/runtime/helpers/esm/typeof';
|
|
27
25
|
import './components/DropdownIndicator.js';
|
|
28
|
-
import '@elliemae/ds-icons
|
|
26
|
+
import '@elliemae/ds-icons';
|
|
29
27
|
import '@elliemae/ds-button';
|
|
30
28
|
import './context.js';
|
|
31
29
|
import './components/GroupHeading.js';
|
|
@@ -39,7 +37,6 @@ import './components/Content.js';
|
|
|
39
37
|
import 'prop-types';
|
|
40
38
|
import './components/Control.js';
|
|
41
39
|
import './components/ClearIndicator.js';
|
|
42
|
-
import '@elliemae/ds-icons/CloseXsmall';
|
|
43
40
|
import './components/MenuList.js';
|
|
44
41
|
import 'react-window';
|
|
45
42
|
import 'memoize-one';
|
|
@@ -49,7 +46,7 @@ import '../../Checkbox/DSCheckbox.js';
|
|
|
49
46
|
import 'uid';
|
|
50
47
|
import '../../Checkbox/elements/CheckMark.js';
|
|
51
48
|
import '../../Checkbox/defaultProps.js';
|
|
52
|
-
import '../../prop-types-
|
|
49
|
+
import '../../prop-types-45aa1e9c.js';
|
|
53
50
|
import '../../Checkbox/props.js';
|
|
54
51
|
import './components/MultiSelectHeader.js';
|
|
55
52
|
import './components/useMenuListHeight.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { describe } from 'react-desc';
|
|
3
|
+
import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
|
|
4
|
+
import { useComboBox } from './config/useComboBox.js';
|
|
5
|
+
import { Container } from './parts/container/Container.js';
|
|
6
|
+
import { propTypes } from './propTypes.js';
|
|
7
|
+
import { defaultProps, ComboBoxContext } from './ComboBoxCTX.js';
|
|
8
|
+
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
9
|
+
import './config/useGetPropsWithDefault.js';
|
|
10
|
+
import '@elliemae/ds-popperjs';
|
|
11
|
+
import './parts/container/styled.js';
|
|
12
|
+
import 'styled-components';
|
|
13
|
+
import './parts/controls/Controls.js';
|
|
14
|
+
import './parts/dropdown-indicator/DropdownIndicator.js';
|
|
15
|
+
import '@elliemae/ds-icons/ChevronSmallDown';
|
|
16
|
+
import './parts/dropdown-indicator/styled.js';
|
|
17
|
+
import '@elliemae/ds-button';
|
|
18
|
+
import './parts/controls/styled.js';
|
|
19
|
+
import '@elliemae/ds-grid';
|
|
20
|
+
import './parts/multi-selected-values-container/MultiSelectedValuesContainer.js';
|
|
21
|
+
import '@elliemae/ds-pills';
|
|
22
|
+
import './parts/multi-selected-values-container/useGroupPills.js';
|
|
23
|
+
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
24
|
+
import './utils/hooks/useOnElementResize.js';
|
|
25
|
+
import './parts/a11y-messages/MultiAllyMessages.js';
|
|
26
|
+
import './utils/listHelper.js';
|
|
27
|
+
import './parts/a11y-messages/styled.js';
|
|
28
|
+
import './parts/controls-input/ControlsInput.js';
|
|
29
|
+
import '@elliemae/ds-truncated-tooltip-text';
|
|
30
|
+
import './parts/controls-input/styled.js';
|
|
31
|
+
import './utils/hooks/useKeyboardNavigation.js';
|
|
32
|
+
import './parts/controls-input/useControlsInput.js';
|
|
33
|
+
import './parts/single-selected-value-container/SingleSelectedValueContainer.js';
|
|
34
|
+
import './parts/single-selected-value-container/styled.js';
|
|
35
|
+
import './parts/menu-list/MenuList.js';
|
|
36
|
+
import './parts/menu-list/styled.js';
|
|
37
|
+
import './parts/header-list/HeaderList.js';
|
|
38
|
+
import './parts/header-list/styled.js';
|
|
39
|
+
import '@elliemae/ds-separator';
|
|
40
|
+
import './parts/empty-state/index.js';
|
|
41
|
+
import './parts/empty-state/styled.js';
|
|
42
|
+
import './parts/menu-list/useMenuList.js';
|
|
43
|
+
import '@elliemae/ds-form';
|
|
44
|
+
|
|
45
|
+
var DSComboBox = function DSComboBox(props) {
|
|
46
|
+
// if we detect wrong props configuration we throw meaningful errors
|
|
47
|
+
var propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
48
|
+
useValidateTypescriptPropTypes(propsWithDefault, DSComboBoxWithSchema.toTypescript());
|
|
49
|
+
var ctx = useComboBox(props);
|
|
50
|
+
return /*#__PURE__*/React.createElement(ComboBoxContext.Provider, {
|
|
51
|
+
value: ctx
|
|
52
|
+
}, /*#__PURE__*/React.createElement(Container, null));
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
DSComboBox.propTypes = propTypes;
|
|
56
|
+
var DSComboBoxWithSchema = describe(DSComboBox);
|
|
57
|
+
DSComboBoxWithSchema.propTypes = propTypes;
|
|
58
|
+
|
|
59
|
+
export { DSComboBox, DSComboBoxWithSchema };
|
|
60
|
+
//# sourceMappingURL=ComboBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboBox.js","sources":["../../../../src/ComboBox/v3/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { useComboBox } from './config/useComboBox';\nimport { Container } from './parts/container';\nimport { propTypes } from './propTypes';\nimport { ComboBoxContext, defaultProps } from './ComboBoxCTX';\nimport type { ComboBoxPropsT } from './index.d';\n\nconst DSComboBox = (props: ComboBoxPropsT): JSX.Element => {\n // if we detect wrong props configuration we throw meaningful errors\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, DSComboBoxWithSchema.toTypescript());\n const ctx = useComboBox(props);\n return (\n <ComboBoxContext.Provider value={ctx}>\n <Container />\n </ComboBoxContext.Provider>\n );\n};\nDSComboBox.propTypes = propTypes;\nconst DSComboBoxWithSchema = describe(DSComboBox);\nDSComboBoxWithSchema.propTypes = propTypes;\n\nexport { DSComboBox, DSComboBoxWithSchema };\n"],"names":["DSComboBox","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSComboBoxWithSchema","toTypescript","ctx","useComboBox","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAwC;AACzD;AACA,MAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;AAEAC,EAAAA,8BAA8B,CAACH,gBAAD,EAAmBI,oBAAoB,CAACC,YAArB,EAAnB,CAA9B;AACA,MAAMC,GAAG,GAAGC,WAAW,CAACR,KAAD,CAAvB;AACA,sBACE,oBAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEO;AAAjC,kBACE,oBAAC,SAAD,OADF,CADF;AAKD;;AACDR,UAAU,CAACU,SAAX,GAAuBA,SAAvB;IACMJ,oBAAoB,GAAGK,QAAQ,CAACX,UAAD;AACrCM,oBAAoB,CAACI,SAArB,GAAiCA,SAAjC;;;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { createContext, createRef } from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
4
|
+
var noop = function noop() {};
|
|
5
|
+
|
|
6
|
+
var defaultProps = {
|
|
7
|
+
multiple: false,
|
|
8
|
+
placeholder: '',
|
|
9
|
+
options: [],
|
|
10
|
+
selectedValues: null,
|
|
11
|
+
onChange: noop,
|
|
12
|
+
onClear: noop,
|
|
13
|
+
hasError: false,
|
|
14
|
+
inline: false,
|
|
15
|
+
autoFocus: false,
|
|
16
|
+
onClearAll: undefined,
|
|
17
|
+
onSelectAll: undefined,
|
|
18
|
+
onCreate: undefined,
|
|
19
|
+
onFilter: noop
|
|
20
|
+
};
|
|
21
|
+
var defaultContext = {
|
|
22
|
+
props: defaultProps,
|
|
23
|
+
showPopover: false,
|
|
24
|
+
setShowPopover: noop,
|
|
25
|
+
referenceElement: null,
|
|
26
|
+
setReferenceElement: noop,
|
|
27
|
+
refList: /*#__PURE__*/createRef(),
|
|
28
|
+
inputRef: /*#__PURE__*/createRef(),
|
|
29
|
+
controlsWrapperRef: /*#__PURE__*/createRef(),
|
|
30
|
+
selectedOptionsRef: /*#__PURE__*/createRef(),
|
|
31
|
+
showSelectedValue: false,
|
|
32
|
+
setShowSelectedValue: noop,
|
|
33
|
+
focusOptionIdx: 0,
|
|
34
|
+
setCurrentOption: noop
|
|
35
|
+
};
|
|
36
|
+
/** Context for cross component communication */
|
|
37
|
+
|
|
38
|
+
var ComboBoxContext = /*#__PURE__*/createContext(defaultContext);
|
|
39
|
+
|
|
40
|
+
export { ComboBoxContext, ComboBoxContext as default, defaultProps };
|
|
41
|
+
//# sourceMappingURL=ComboBoxCTX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboBoxCTX.js","sources":["../../../../src/ComboBox/v3/ComboBoxCTX.tsx"],"sourcesContent":["import { createContext, createRef } from 'react';\nimport { ComboBoxPropsT, ComboBoxContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: ComboBoxPropsT = {\n multiple: false,\n placeholder: '',\n options: [],\n selectedValues: null,\n onChange: noop,\n onClear: noop,\n hasError: false,\n inline: false,\n autoFocus: false,\n onClearAll: undefined,\n onSelectAll: undefined,\n onCreate: undefined,\n onFilter: noop,\n};\nconst defaultContext = {\n props: defaultProps,\n showPopover: false,\n setShowPopover: noop,\n referenceElement: null,\n setReferenceElement: noop,\n refList: createRef<HTMLUListElement>(),\n inputRef: createRef<HTMLInputElement>(),\n controlsWrapperRef: createRef<HTMLInputElement>(),\n selectedOptionsRef: createRef<HTMLInputElement>(),\n showSelectedValue: false,\n setShowSelectedValue: noop,\n focusOptionIdx: 0,\n setCurrentOption: noop,\n};\n/** Context for cross component communication */\nexport const ComboBoxContext = createContext<ComboBoxContextT>(defaultContext);\n\nexport default ComboBoxContext;\n"],"names":["noop","defaultProps","multiple","placeholder","options","selectedValues","onChange","onClear","hasError","inline","autoFocus","onClearAll","undefined","onSelectAll","onCreate","onFilter","defaultContext","props","showPopover","setShowPopover","referenceElement","setReferenceElement","refList","createRef","inputRef","controlsWrapperRef","selectedOptionsRef","showSelectedValue","setShowSelectedValue","focusOptionIdx","setCurrentOption","ComboBoxContext","createContext"],"mappings":";;AAEA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAY,EAAzB;;IAEaC,YAA4B,GAAG;AAC1CC,EAAAA,QAAQ,EAAE,KADgC;AAE1CC,EAAAA,WAAW,EAAE,EAF6B;AAG1CC,EAAAA,OAAO,EAAE,EAHiC;AAI1CC,EAAAA,cAAc,EAAE,IAJ0B;AAK1CC,EAAAA,QAAQ,EAAEN,IALgC;AAM1CO,EAAAA,OAAO,EAAEP,IANiC;AAO1CQ,EAAAA,QAAQ,EAAE,KAPgC;AAQ1CC,EAAAA,MAAM,EAAE,KARkC;AAS1CC,EAAAA,SAAS,EAAE,KAT+B;AAU1CC,EAAAA,UAAU,EAAEC,SAV8B;AAW1CC,EAAAA,WAAW,EAAED,SAX6B;AAY1CE,EAAAA,QAAQ,EAAEF,SAZgC;AAa1CG,EAAAA,QAAQ,EAAEf;AAbgC;AAe5C,IAAMgB,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAEhB,YADc;AAErBiB,EAAAA,WAAW,EAAE,KAFQ;AAGrBC,EAAAA,cAAc,EAAEnB,IAHK;AAIrBoB,EAAAA,gBAAgB,EAAE,IAJG;AAKrBC,EAAAA,mBAAmB,EAAErB,IALA;AAMrBsB,EAAAA,OAAO,eAAEC,SAAS,EANG;AAOrBC,EAAAA,QAAQ,eAAED,SAAS,EAPE;AAQrBE,EAAAA,kBAAkB,eAAEF,SAAS,EARR;AASrBG,EAAAA,kBAAkB,eAAEH,SAAS,EATR;AAUrBI,EAAAA,iBAAiB,EAAE,KAVE;AAWrBC,EAAAA,oBAAoB,EAAE5B,IAXD;AAYrB6B,EAAAA,cAAc,EAAE,CAZK;AAarBC,EAAAA,gBAAgB,EAAE9B;AAbG,CAAvB;AAeA;;IACa+B,eAAe,gBAAGC,aAAa,CAAmBhB,cAAnB;;;;"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
2
|
+
import { useState, useRef, useMemo } from 'react';
|
|
3
|
+
import { useGetComboBoxWithDefaultsProps } from './useGetPropsWithDefault.js';
|
|
4
|
+
import '@elliemae/ds-props-helpers';
|
|
5
|
+
import '../ComboBoxCTX.js';
|
|
6
|
+
|
|
7
|
+
var useComboBox = function useComboBox(props) {
|
|
8
|
+
var _useState = useState(false),
|
|
9
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
10
|
+
showPopover = _useState2[0],
|
|
11
|
+
setShowPopover = _useState2[1];
|
|
12
|
+
|
|
13
|
+
var _useState3 = useState(null),
|
|
14
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
15
|
+
referenceElement = _useState4[0],
|
|
16
|
+
setReferenceElement = _useState4[1];
|
|
17
|
+
|
|
18
|
+
var _useState5 = useState(false),
|
|
19
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
20
|
+
showSelectedValue = _useState6[0],
|
|
21
|
+
setShowSelectedValue = _useState6[1];
|
|
22
|
+
|
|
23
|
+
var _useState7 = useState(false),
|
|
24
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
25
|
+
hasFocus = _useState8[0],
|
|
26
|
+
setHasFocus = _useState8[1];
|
|
27
|
+
|
|
28
|
+
var _useState9 = useState(0),
|
|
29
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
30
|
+
focusOptionIdx = _useState10[0],
|
|
31
|
+
setCurrentOption = _useState10[1];
|
|
32
|
+
|
|
33
|
+
var inputRef = useRef();
|
|
34
|
+
var listRef = useRef();
|
|
35
|
+
var selectedOptionsRef = useRef(null);
|
|
36
|
+
var controlsWrapperRef = useRef(null);
|
|
37
|
+
var propsWithDefaults = useGetComboBoxWithDefaultsProps(props);
|
|
38
|
+
var ctx = useMemo(function () {
|
|
39
|
+
return {
|
|
40
|
+
props: propsWithDefaults,
|
|
41
|
+
showPopover: showPopover,
|
|
42
|
+
setShowPopover: setShowPopover,
|
|
43
|
+
referenceElement: referenceElement,
|
|
44
|
+
setReferenceElement: setReferenceElement,
|
|
45
|
+
inputRef: inputRef,
|
|
46
|
+
showSelectedValue: showSelectedValue,
|
|
47
|
+
setShowSelectedValue: setShowSelectedValue,
|
|
48
|
+
focusOptionIdx: focusOptionIdx,
|
|
49
|
+
setCurrentOption: setCurrentOption,
|
|
50
|
+
selectedOptionsRef: selectedOptionsRef,
|
|
51
|
+
controlsWrapperRef: controlsWrapperRef,
|
|
52
|
+
hasFocus: hasFocus,
|
|
53
|
+
setHasFocus: setHasFocus,
|
|
54
|
+
listRef: listRef
|
|
55
|
+
};
|
|
56
|
+
}, [propsWithDefaults, focusOptionIdx, showSelectedValue, showPopover, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, hasFocus, listRef]);
|
|
57
|
+
return ctx;
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export { useComboBox };
|
|
61
|
+
//# sourceMappingURL=useComboBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useComboBox.js","sources":["../../../../../src/ComboBox/v3/config/useComboBox.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useRef } from 'react';\n\nimport { useGetComboBoxWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { ComboBoxPropsT, ComboBoxContextT } from '../index.d';\n\nexport const useComboBox = (props: Partial<ComboBoxPropsT>): ComboBoxContextT => {\n const [showPopover, setShowPopover] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n const [showSelectedValue, setShowSelectedValue] = useState<boolean>(false);\n const [hasFocus, setHasFocus] = useState<boolean>(false);\n const [focusOptionIdx, setCurrentOption] = useState<number>(0);\n const inputRef = useRef<HTMLInputElement>();\n const listRef = useRef<HTMLDivElement>();\n const selectedOptionsRef = useRef<HTMLDivElement>(null);\n const controlsWrapperRef = useRef<HTMLDivElement>(null);\n const propsWithDefaults = useGetComboBoxWithDefaultsProps(props);\n const ctx = useMemo(\n () => ({\n props: propsWithDefaults,\n showPopover,\n setShowPopover,\n referenceElement,\n setReferenceElement,\n inputRef,\n showSelectedValue,\n setShowSelectedValue,\n focusOptionIdx,\n setCurrentOption,\n selectedOptionsRef,\n controlsWrapperRef,\n hasFocus,\n setHasFocus,\n listRef,\n }),\n [\n propsWithDefaults,\n focusOptionIdx,\n showSelectedValue,\n showPopover,\n referenceElement,\n inputRef,\n selectedOptionsRef,\n controlsWrapperRef,\n hasFocus,\n listRef,\n ],\n );\n\n return ctx;\n};\n"],"names":["useComboBox","props","useState","showPopover","setShowPopover","referenceElement","setReferenceElement","showSelectedValue","setShowSelectedValue","hasFocus","setHasFocus","focusOptionIdx","setCurrentOption","inputRef","useRef","listRef","selectedOptionsRef","controlsWrapperRef","propsWithDefaults","useGetComboBoxWithDefaultsProps","ctx","useMemo"],"mappings":";;;;;;IASaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsD;AAC/E,kBAAsCC,QAAQ,CAAU,KAAV,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAgDF,QAAQ,CAAiB,IAAjB,CAAxD;AAAA;AAAA,MAAOG,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAkDJ,QAAQ,CAAU,KAAV,CAA1D;AAAA;AAAA,MAAOK,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,mBAAgCN,QAAQ,CAAU,KAAV,CAAxC;AAAA;AAAA,MAAOO,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAA2CR,QAAQ,CAAS,CAAT,CAAnD;AAAA;AAAA,MAAOS,cAAP;AAAA,MAAuBC,gBAAvB;;AACA,MAAMC,QAAQ,GAAGC,MAAM,EAAvB;AACA,MAAMC,OAAO,GAAGD,MAAM,EAAtB;AACA,MAAME,kBAAkB,GAAGF,MAAM,CAAiB,IAAjB,CAAjC;AACA,MAAMG,kBAAkB,GAAGH,MAAM,CAAiB,IAAjB,CAAjC;AACA,MAAMI,iBAAiB,GAAGC,+BAA+B,CAAClB,KAAD,CAAzD;AACA,MAAMmB,GAAG,GAAGC,OAAO,CACjB;AAAA,WAAO;AACLpB,MAAAA,KAAK,EAAEiB,iBADF;AAELf,MAAAA,WAAW,EAAXA,WAFK;AAGLC,MAAAA,cAAc,EAAdA,cAHK;AAILC,MAAAA,gBAAgB,EAAhBA,gBAJK;AAKLC,MAAAA,mBAAmB,EAAnBA,mBALK;AAMLO,MAAAA,QAAQ,EAARA,QANK;AAOLN,MAAAA,iBAAiB,EAAjBA,iBAPK;AAQLC,MAAAA,oBAAoB,EAApBA,oBARK;AASLG,MAAAA,cAAc,EAAdA,cATK;AAULC,MAAAA,gBAAgB,EAAhBA,gBAVK;AAWLI,MAAAA,kBAAkB,EAAlBA,kBAXK;AAYLC,MAAAA,kBAAkB,EAAlBA,kBAZK;AAaLR,MAAAA,QAAQ,EAARA,QAbK;AAcLC,MAAAA,WAAW,EAAXA,WAdK;AAeLK,MAAAA,OAAO,EAAPA;AAfK,KAAP;AAAA,GADiB,EAkBjB,CACEG,iBADF,EAEEP,cAFF,EAGEJ,iBAHF,EAIEJ,WAJF,EAKEE,gBALF,EAMEQ,QANF,EAOEG,kBAPF,EAQEC,kBARF,EASER,QATF,EAUEM,OAVF,CAlBiB,CAAnB;AAgCA,SAAOK,GAAP;AACD;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
|
|
2
|
+
import { defaultProps } from '../ComboBoxCTX.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
|
|
5
|
+
// we have to merge the "default" nested default values with what the user gives us...
|
|
6
|
+
var useGetComboBoxWithDefaultsProps = function useGetComboBoxWithDefaultsProps(props) {
|
|
7
|
+
return useMemoMergePropsWithDefault(props, defaultProps);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { useGetComboBoxWithDefaultsProps };
|
|
11
|
+
//# sourceMappingURL=useGetPropsWithDefault.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGetPropsWithDefault.js","sources":["../../../../../src/ComboBox/v3/config/useGetPropsWithDefault.tsx"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../ComboBoxCTX';\nimport { ComboBoxPropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetComboBoxWithDefaultsProps = (props: Partial<ComboBoxPropsT>): ComboBoxPropsT =>\n useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["useGetComboBoxWithDefaultsProps","props","useMemoMergePropsWithDefault","defaultProps"],"mappings":";;;;AAGA;IACaA,+BAA+B,GAAG,SAAlCA,+BAAkC,CAACC,KAAD;AAAA,SAC7CC,4BAA4B,CAACD,KAAD,EAAQE,YAAR,CADiB;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export { DSComboBox, DSComboBoxWithSchema } from './ComboBox.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import 'react-desc';
|
|
4
|
+
import '@elliemae/ds-props-helpers';
|
|
5
|
+
import './config/useComboBox.js';
|
|
6
|
+
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
7
|
+
import './config/useGetPropsWithDefault.js';
|
|
8
|
+
import './ComboBoxCTX.js';
|
|
9
|
+
import './parts/container/Container.js';
|
|
10
|
+
import '@elliemae/ds-popperjs';
|
|
11
|
+
import './parts/container/styled.js';
|
|
12
|
+
import 'styled-components';
|
|
13
|
+
import './parts/controls/Controls.js';
|
|
14
|
+
import './parts/dropdown-indicator/DropdownIndicator.js';
|
|
15
|
+
import '@elliemae/ds-icons/ChevronSmallDown';
|
|
16
|
+
import './parts/dropdown-indicator/styled.js';
|
|
17
|
+
import '@elliemae/ds-button';
|
|
18
|
+
import './parts/controls/styled.js';
|
|
19
|
+
import '@elliemae/ds-grid';
|
|
20
|
+
import './parts/multi-selected-values-container/MultiSelectedValuesContainer.js';
|
|
21
|
+
import '@elliemae/ds-pills';
|
|
22
|
+
import './parts/multi-selected-values-container/useGroupPills.js';
|
|
23
|
+
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
24
|
+
import './utils/hooks/useOnElementResize.js';
|
|
25
|
+
import './parts/a11y-messages/MultiAllyMessages.js';
|
|
26
|
+
import './utils/listHelper.js';
|
|
27
|
+
import './parts/a11y-messages/styled.js';
|
|
28
|
+
import './parts/controls-input/ControlsInput.js';
|
|
29
|
+
import '@elliemae/ds-truncated-tooltip-text';
|
|
30
|
+
import './parts/controls-input/styled.js';
|
|
31
|
+
import './utils/hooks/useKeyboardNavigation.js';
|
|
32
|
+
import './parts/controls-input/useControlsInput.js';
|
|
33
|
+
import './parts/single-selected-value-container/SingleSelectedValueContainer.js';
|
|
34
|
+
import './parts/single-selected-value-container/styled.js';
|
|
35
|
+
import './parts/menu-list/MenuList.js';
|
|
36
|
+
import './parts/menu-list/styled.js';
|
|
37
|
+
import './parts/header-list/HeaderList.js';
|
|
38
|
+
import './parts/header-list/styled.js';
|
|
39
|
+
import '@elliemae/ds-separator';
|
|
40
|
+
import './parts/empty-state/index.js';
|
|
41
|
+
import './parts/empty-state/styled.js';
|
|
42
|
+
import './parts/menu-list/useMenuList.js';
|
|
43
|
+
import '@elliemae/ds-form';
|
|
44
|
+
import './propTypes.js';
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
3
|
+
import { getSelectableOptions } from '../../utils/listHelper.js';
|
|
4
|
+
import { StyledA11ySelectedValues } from './styled.js';
|
|
5
|
+
import 'styled-components';
|
|
6
|
+
|
|
7
|
+
var MultiAllyMessages = function MultiAllyMessages() {
|
|
8
|
+
var _useContext = useContext(ComboBoxContext),
|
|
9
|
+
_useContext$props = _useContext.props,
|
|
10
|
+
options = _useContext$props.options,
|
|
11
|
+
selectedValues = _useContext$props.selectedValues;
|
|
12
|
+
|
|
13
|
+
var selectableOptions = getSelectableOptions(options);
|
|
14
|
+
var multipleSelectedValues = selectedValues;
|
|
15
|
+
return /*#__PURE__*/React.createElement(StyledA11ySelectedValues, {
|
|
16
|
+
"aria-live": "polite",
|
|
17
|
+
"aria-atomic": "false",
|
|
18
|
+
"aria-relevant": "additions text"
|
|
19
|
+
}, "Options selected: ".concat(multipleSelectedValues.map(function (item) {
|
|
20
|
+
return item.label;
|
|
21
|
+
}).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { MultiAllyMessages };
|
|
25
|
+
//# sourceMappingURL=MultiAllyMessages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiAllyMessages.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n const {\n props: { options, selectedValues },\n } = useContext(ComboBoxContext);\n const selectableOptions = getSelectableOptions(options);\n\n const multipleSelectedValues = selectedValues as CBOptionT[];\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n multipleSelectedValues.length\n } of ${selectableOptions.length}`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { MultiAllyMessages };\n"],"names":["MultiAllyMessages","useContext","ComboBoxContext","props","options","selectedValues","selectableOptions","getSelectableOptions","multipleSelectedValues","map","item","label","join","length"],"mappings":";;;;;;IAKMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAmB;AAC3C,oBAEIC,UAAU,CAACC,eAAD,CAFd;AAAA,sCACEC,KADF;AAAA,MACWC,OADX,qBACWA,OADX;AAAA,MACoBC,cADpB,qBACoBA,cADpB;;AAGA,MAAMC,iBAAiB,GAAGC,oBAAoB,CAACH,OAAD,CAA9C;AAEA,MAAMI,sBAAsB,GAAGH,cAA/B;AACA,sBACE,oBAAC,wBAAD;AAA0B,iBAAU,QAApC;AAA6C,mBAAY,OAAzD;AAAiE,qBAAc;AAA/E,iCACwBG,sBAAsB,CAACC,GAAvB,CAA2B,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACC,KAAf;AAAA,GAA3B,EAAiDC,IAAjD,CAAsD,IAAtD,CADxB,eAEIJ,sBAAsB,CAACK,MAF3B,iBAGSP,iBAAiB,CAACO,MAH3B,EADF;AAOD;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
3
|
+
import { StyledA11ySelectedValues } from './styled.js';
|
|
4
|
+
import 'styled-components';
|
|
5
|
+
|
|
6
|
+
var SingleAllyMessages = function SingleAllyMessages() {
|
|
7
|
+
var _useContext = useContext(ComboBoxContext),
|
|
8
|
+
selectedValues = _useContext.props.selectedValues;
|
|
9
|
+
|
|
10
|
+
var singleSelectedValue = selectedValues;
|
|
11
|
+
return /*#__PURE__*/React.createElement(StyledA11ySelectedValues, {
|
|
12
|
+
"aria-live": "polite",
|
|
13
|
+
"aria-atomic": "false",
|
|
14
|
+
"aria-relevant": "additions text"
|
|
15
|
+
}, "Option selected: ".concat(singleSelectedValue.label, "."));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export { SingleAllyMessages };
|
|
19
|
+
//# sourceMappingURL=SingleAllyMessages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleAllyMessages.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n const {\n props: { selectedValues },\n } = useContext(ComboBoxContext);\n\n const singleSelectedValue = selectedValues as CBOptionT;\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Option selected: ${singleSelectedValue.label}.`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { SingleAllyMessages };\n"],"names":["SingleAllyMessages","useContext","ComboBoxContext","selectedValues","props","singleSelectedValue","label"],"mappings":";;;;;IAIMA,kBAAkB,GAAG,SAArBA,kBAAqB,GAAmB;AAC5C,oBAEIC,UAAU,CAACC,eAAD,CAFd;AAAA,MACWC,cADX,eACEC,KADF,CACWD,cADX;;AAIA,MAAME,mBAAmB,GAAGF,cAA5B;AACA,sBACE,oBAAC,wBAAD;AAA0B,iBAAU,QAApC;AAA6C,mBAAY,OAAzD;AAAiE,qBAAc;AAA/E,gCACuBE,mBAAmB,CAACC,KAD3C,OADF;AAKD;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { MultiAllyMessages } from './MultiAllyMessages.js';
|
|
2
|
+
export { SingleAllyMessages } from './SingleAllyMessages.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '../../ComboBoxCTX.js';
|
|
5
|
+
import '../../utils/listHelper.js';
|
|
6
|
+
import './styled.js';
|
|
7
|
+
import 'styled-components';
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
|
|
3
|
+
var StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
|
|
4
|
+
componentId: "sc-4xp40i-0"
|
|
5
|
+
})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
|
|
6
|
+
|
|
7
|
+
export { StyledA11ySelectedValues };
|
|
8
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n width: 1px;\n height: 1px;\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n`;\n"],"names":["StyledA11ySelectedValues","styled","span"],"mappings":";;IAEaA,wBAAwB,gBAAGC,MAAM,CAACC,IAAV;AAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React, { useContext, useCallback } from 'react';
|
|
2
|
+
import { DSPopperJS } from '@elliemae/ds-popperjs';
|
|
3
|
+
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
4
|
+
import { StyledPopperWrapper, StyledContainerInline, StyledContainerWithPopper } from './styled.js';
|
|
5
|
+
import { Controls } from '../controls/Controls.js';
|
|
6
|
+
import { MenuList } from '../menu-list/MenuList.js';
|
|
7
|
+
import 'styled-components';
|
|
8
|
+
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
9
|
+
import '@elliemae/ds-form';
|
|
10
|
+
import '../dropdown-indicator/DropdownIndicator.js';
|
|
11
|
+
import '@elliemae/ds-icons/ChevronSmallDown';
|
|
12
|
+
import '../dropdown-indicator/styled.js';
|
|
13
|
+
import '@elliemae/ds-button';
|
|
14
|
+
import '../controls/styled.js';
|
|
15
|
+
import '@elliemae/ds-grid';
|
|
16
|
+
import '../multi-selected-values-container/MultiSelectedValuesContainer.js';
|
|
17
|
+
import '@elliemae/ds-pills';
|
|
18
|
+
import '../multi-selected-values-container/useGroupPills.js';
|
|
19
|
+
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
20
|
+
import '../../utils/hooks/useOnElementResize.js';
|
|
21
|
+
import '../a11y-messages/MultiAllyMessages.js';
|
|
22
|
+
import '../../utils/listHelper.js';
|
|
23
|
+
import '../a11y-messages/styled.js';
|
|
24
|
+
import '../controls-input/ControlsInput.js';
|
|
25
|
+
import '@elliemae/ds-truncated-tooltip-text';
|
|
26
|
+
import '../controls-input/styled.js';
|
|
27
|
+
import '../../utils/hooks/useKeyboardNavigation.js';
|
|
28
|
+
import '../controls-input/useControlsInput.js';
|
|
29
|
+
import '../single-selected-value-container/SingleSelectedValueContainer.js';
|
|
30
|
+
import '../single-selected-value-container/styled.js';
|
|
31
|
+
import '../menu-list/styled.js';
|
|
32
|
+
import '../header-list/HeaderList.js';
|
|
33
|
+
import '../header-list/styled.js';
|
|
34
|
+
import '@elliemae/ds-separator';
|
|
35
|
+
import '../empty-state/index.js';
|
|
36
|
+
import '../empty-state/styled.js';
|
|
37
|
+
import '../menu-list/useMenuList.js';
|
|
38
|
+
|
|
39
|
+
/* eslint-disable complexity */
|
|
40
|
+
|
|
41
|
+
var Container = function Container() {
|
|
42
|
+
var _useContext = useContext(ComboBoxContext),
|
|
43
|
+
inline = _useContext.props.inline,
|
|
44
|
+
showPopover = _useContext.showPopover,
|
|
45
|
+
inputRef = _useContext.inputRef,
|
|
46
|
+
setReferenceElement = _useContext.setReferenceElement,
|
|
47
|
+
setShowPopover = _useContext.setShowPopover,
|
|
48
|
+
referenceElement = _useContext.referenceElement;
|
|
49
|
+
|
|
50
|
+
var handleCloseMenu = useCallback(function () {
|
|
51
|
+
setShowPopover(false);
|
|
52
|
+
inputRef.current.blur();
|
|
53
|
+
}, [inputRef, setShowPopover]);
|
|
54
|
+
var StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;
|
|
55
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContainer, {
|
|
56
|
+
ref: setReferenceElement
|
|
57
|
+
}, /*#__PURE__*/React.createElement(Controls, null), inline ? /*#__PURE__*/React.createElement(MenuList, null) : null), !inline ? /*#__PURE__*/React.createElement(DSPopperJS, {
|
|
58
|
+
customOffset: [0, 5],
|
|
59
|
+
closeContextMenu: handleCloseMenu,
|
|
60
|
+
referenceElement: referenceElement,
|
|
61
|
+
showPopover: showPopover,
|
|
62
|
+
withoutPortal: true,
|
|
63
|
+
withoutArrow: true,
|
|
64
|
+
zIndex: 10
|
|
65
|
+
}, /*#__PURE__*/React.createElement(StyledPopperWrapper, {
|
|
66
|
+
tabIndex: -1
|
|
67
|
+
}, /*#__PURE__*/React.createElement(MenuList, null))) : null);
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
export { Container };
|
|
71
|
+
//# sourceMappingURL=Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n withoutPortal\n withoutArrow\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAOMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,UAAU,CAACC,eAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,WAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,qBAAH,GAA2BC,yBAAzD;AACA,sBACE,uDACE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAET;AAAtB,kBACE,oBAAC,QAAD,OADF,EAEGJ,MAAM,gBAAG,oBAAC,QAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAACA,MAAD,gBACC,oBAAC,UAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEO,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASE,oBAAC,mBAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACE,oBAAC,QAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export { Container } from './Container.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import '@elliemae/ds-popperjs';
|
|
4
|
+
import '../../ComboBoxCTX.js';
|
|
5
|
+
import './styled.js';
|
|
6
|
+
import 'styled-components';
|
|
7
|
+
import '../controls/Controls.js';
|
|
8
|
+
import '../dropdown-indicator/DropdownIndicator.js';
|
|
9
|
+
import '@elliemae/ds-icons/ChevronSmallDown';
|
|
10
|
+
import '../dropdown-indicator/styled.js';
|
|
11
|
+
import '@elliemae/ds-button';
|
|
12
|
+
import '../controls/styled.js';
|
|
13
|
+
import '@elliemae/ds-grid';
|
|
14
|
+
import '../multi-selected-values-container/MultiSelectedValuesContainer.js';
|
|
15
|
+
import '@elliemae/ds-pills';
|
|
16
|
+
import '../multi-selected-values-container/useGroupPills.js';
|
|
17
|
+
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
18
|
+
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
19
|
+
import '../../utils/hooks/useOnElementResize.js';
|
|
20
|
+
import '../a11y-messages/MultiAllyMessages.js';
|
|
21
|
+
import '../../utils/listHelper.js';
|
|
22
|
+
import '../a11y-messages/styled.js';
|
|
23
|
+
import '../controls-input/ControlsInput.js';
|
|
24
|
+
import '@elliemae/ds-truncated-tooltip-text';
|
|
25
|
+
import '../controls-input/styled.js';
|
|
26
|
+
import '../../utils/hooks/useKeyboardNavigation.js';
|
|
27
|
+
import '../controls-input/useControlsInput.js';
|
|
28
|
+
import '../single-selected-value-container/SingleSelectedValueContainer.js';
|
|
29
|
+
import '../single-selected-value-container/styled.js';
|
|
30
|
+
import '../menu-list/MenuList.js';
|
|
31
|
+
import '../menu-list/styled.js';
|
|
32
|
+
import '../header-list/HeaderList.js';
|
|
33
|
+
import '../header-list/styled.js';
|
|
34
|
+
import '@elliemae/ds-separator';
|
|
35
|
+
import '../empty-state/index.js';
|
|
36
|
+
import '../empty-state/styled.js';
|
|
37
|
+
import '../menu-list/useMenuList.js';
|
|
38
|
+
import '@elliemae/ds-form';
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|