@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.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/cjs/Checkbox/DSCheckbox.js +20 -17
- package/cjs/Checkbox/elements/CheckMark.js +1 -1
- package/cjs/Checkbox/index.js +2 -4
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +28 -20
- package/cjs/CheckboxGroup/index.js +1 -1
- package/cjs/ComboBox/DSComboBox.js +3 -7
- package/cjs/ComboBox/index.js +6 -7
- package/cjs/ComboBox/v1/DSComboBox.js +49 -47
- package/cjs/ComboBox/v1/components/AllOption.js +8 -3
- package/cjs/ComboBox/v1/components/ClearIndicator.js +3 -4
- package/cjs/ComboBox/v1/components/Control.js +15 -7
- package/cjs/ComboBox/v1/components/CustomOption.js +16 -10
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +17 -11
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +10 -6
- package/cjs/ComboBox/v1/components/MenuList.js +10 -4
- package/cjs/ComboBox/v1/components/MultiSelectHeader.js +5 -2
- package/cjs/ComboBox/v1/components/MultiValueLabel.js +5 -4
- package/cjs/ComboBox/v1/components/MultiValueRemove.js +6 -1
- package/cjs/ComboBox/v1/components/SelectMenu.js +30 -22
- package/cjs/ComboBox/v1/components/SingleValueLabel.js +5 -4
- package/cjs/ComboBox/v1/components/ValueContainer.js +9 -4
- package/cjs/ComboBox/v1/components/calculateWidth.js +4 -0
- package/cjs/ComboBox/v1/components/getoptions.js +11 -6
- package/cjs/ComboBox/v1/index.js +3 -7
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js +29 -17
- package/cjs/ComboBox/v2/Combobox.js +23 -17
- package/cjs/ComboBox/v2/components/AllOption.js +8 -3
- package/cjs/ComboBox/v2/components/ClearIndicator.js +10 -6
- package/cjs/ComboBox/v2/components/Content.js +8 -3
- package/cjs/ComboBox/v2/components/Control.js +15 -7
- package/cjs/ComboBox/v2/components/CustomOption.js +18 -12
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +23 -15
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +12 -7
- package/cjs/ComboBox/v2/components/GroupHeading.js +9 -4
- package/cjs/ComboBox/v2/components/IndicatorSeparator.js +13 -5
- package/cjs/ComboBox/v2/components/LoadingIndicator.js +3 -3
- package/cjs/ComboBox/v2/components/MenuList.js +11 -5
- package/cjs/ComboBox/v2/components/MultiSelectHeader.js +15 -12
- package/cjs/ComboBox/v2/components/MultiValueLabel.js +5 -4
- package/cjs/ComboBox/v2/components/MultiValueRemove.js +7 -2
- package/cjs/ComboBox/v2/components/SelectMenu.js +9 -4
- package/cjs/ComboBox/v2/components/SingleValueLabel.js +5 -4
- package/cjs/ComboBox/v2/components/ValueContainer.js +11 -5
- package/cjs/ComboBox/v2/components/calculateWidth.js +4 -0
- package/cjs/ComboBox/v2/components/getoptions.js +11 -6
- package/cjs/ComboBox/v2/components/useMenuListHeight.js +5 -0
- package/cjs/ComboBox/v2/context.js +1 -1
- package/cjs/ComboBox/v2/index.js +1 -1
- package/cjs/ComboBox/v3/ComboBox.js +33 -0
- package/cjs/ComboBox/v3/ComboBoxCTX.js +55 -0
- package/cjs/ComboBox/v3/ComboboxDataTestids.js +17 -0
- package/cjs/ComboBox/v3/config/constants.js +14 -0
- package/cjs/ComboBox/v3/config/useComboBox.js +122 -0
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js +11 -0
- package/cjs/ComboBox/v3/index.d.js +2 -0
- package/cjs/ComboBox/v3/index.js +10 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +33 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +28 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/index.js +11 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js +15 -0
- package/cjs/ComboBox/v3/parts/container/Container.js +67 -0
- package/cjs/ComboBox/v3/parts/container/index.js +9 -0
- package/cjs/ComboBox/v3/parts/container/styled.js +23 -0
- package/cjs/ComboBox/v3/parts/controls/Controls.js +71 -0
- package/cjs/ComboBox/v3/parts/controls/index.js +9 -0
- package/cjs/ComboBox/v3/parts/controls/styled.js +65 -0
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js +67 -0
- package/cjs/ComboBox/v3/parts/controls-input/styled.js +27 -0
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js +77 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +33 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js +2 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js +17 -0
- package/cjs/ComboBox/v3/parts/empty-state/index.js +27 -0
- package/cjs/ComboBox/v3/parts/empty-state/styled.js +19 -0
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js +113 -0
- package/cjs/ComboBox/v3/parts/header-list/index.js +9 -0
- package/cjs/ComboBox/v3/parts/header-list/styled.js +58 -0
- package/cjs/ComboBox/v3/parts/header-list/useHeaderListHandlers.js +73 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js +81 -0
- package/cjs/ComboBox/v3/parts/menu-list/index.js +9 -0
- package/cjs/ComboBox/v3/parts/menu-list/styled.js +33 -0
- package/cjs/ComboBox/v3/parts/menu-list/useItemRenderer.js +105 -0
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js +61 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +63 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/index.js +9 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js +23 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +71 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +28 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js +9 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js +15 -0
- package/cjs/ComboBox/v3/propTypes.js +25 -0
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +152 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js +37 -0
- package/cjs/ComboBox/v3/utils/listHelper.js +39 -0
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +25 -18
- package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js +24 -18
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +9 -5
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +7 -2
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +9 -5
- package/cjs/DateInput/DSDateInput.js +37 -30
- package/cjs/DateInput/components/DateInputImpl.js +25 -19
- package/cjs/DateInput/components/DateInputs.js +61 -48
- package/cjs/DateInput/components/utils.js +32 -19
- package/cjs/DateInput/index.js +1 -1
- package/cjs/DateInputV2/components/DSDateInput.js +39 -33
- package/cjs/DateInputV2/components/DateInputs.js +33 -24
- package/cjs/DateInputV2/components/propsTypes.js +17 -17
- package/cjs/DateInputV2/components/styled.js +24 -21
- package/cjs/DateInputV2/components/utils.js +37 -24
- package/cjs/DateInputV2/index.js +1 -1
- package/cjs/ExpandableInput/DSExpandableInput.js +27 -24
- package/cjs/ExpandableInput/ExpandableInputImpl.js +24 -13
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js +121 -118
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +36 -31
- package/cjs/FloatingLabelInput/getSvgPath.js +12 -9
- package/cjs/FormItem/DSFormItemLayout.js +38 -31
- package/cjs/FormItem/Error/DSError.js +7 -6
- package/cjs/FormItem/Feedback.js +6 -5
- package/cjs/FormItem/Label/DSLabel.js +14 -13
- package/cjs/FormItem/Suffix/Suffix.js +6 -10
- package/cjs/FormItem/ValidationFieldWrapper.js +10 -4
- package/cjs/FormItem/defaultProps.js +1 -1
- package/cjs/FormItem/index.js +2 -2
- package/cjs/Input/DSInput.js +10 -4
- package/cjs/Input/InputAddonWrapper.js +30 -18
- package/cjs/Input/InputImpl.js +93 -83
- package/cjs/Input/index.js +1 -1
- package/cjs/InputGroup/AddonWrapper.js +15 -11
- package/cjs/InputGroup/DSInputGroup.js +21 -18
- package/cjs/InputGroup/index.js +1 -1
- package/cjs/InputMask/DSInputMask.js +9 -3
- package/cjs/InputMask/DSInputMaskDeprecated.js +40 -28
- package/cjs/InputMask/InputMaskContext.js +1 -1
- package/cjs/InputMask/MaskTypes.js +6 -1
- package/cjs/InputMask/addons/AutoCorrectedDatePipe.js +11 -4
- package/cjs/InputMask/index.js +1 -1
- package/cjs/InputMask/mask_types/DateInputMask.js +25 -14
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +25 -14
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +16 -9
- package/cjs/InputMask/mask_types/NumberInputMask.js +35 -27
- package/cjs/InputMask/mask_types/PhoneInputMask.js +25 -14
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +25 -14
- package/cjs/InputMask/mask_types/SsnInputMask.js +25 -14
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +16 -9
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +25 -14
- package/cjs/InputMask/mask_types/index.js +9 -4
- package/cjs/InputMask/props.js +1 -2
- package/cjs/InputProtected/DSInputProtected.js +23 -25
- package/cjs/InputProtected/index.js +3 -2
- package/cjs/InputProtected/props.js +1 -2
- package/cjs/LargeInputText/DSLargeInputText.js +51 -42
- package/cjs/LargeInputText/index.js +1 -1
- package/cjs/MenuItem/components/MenuItem/index.js +55 -0
- package/cjs/MenuItem/components/MenuItem/styled.js +15 -0
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js +71 -0
- package/cjs/MenuItem/components/MultiMenuItem/styled.js +15 -0
- package/cjs/MenuItem/components/Section/index.js +38 -0
- package/cjs/MenuItem/components/Section/props.js +16 -0
- package/cjs/MenuItem/components/Section/styled.js +20 -0
- package/cjs/MenuItem/components/Separator/index.js +29 -0
- package/cjs/MenuItem/components/Separator/styled.js +20 -0
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js +70 -0
- package/cjs/MenuItem/components/SubmenuItem/index.js +142 -0
- package/cjs/MenuItem/components/SubmenuItem/styled.js +20 -0
- package/cjs/MenuItem/components/index.js +22 -0
- package/cjs/MenuItem/components/styled.js +45 -0
- package/cjs/MenuItem/index.js +22 -0
- package/cjs/MenuItem/props.js +28 -0
- package/cjs/Radio/Circle.js +7 -6
- package/cjs/Radio/DSRadio.js +14 -9
- package/cjs/Radio/index.js +1 -1
- package/cjs/RadioGroup/DSRadioGroup.js +29 -21
- package/cjs/RadioGroup/index.js +1 -1
- package/cjs/RequiredMark/RequiredMark.js +9 -8
- package/cjs/SearchBox/DSSearchBox.js +34 -33
- package/cjs/SearchBox/NavSearchBox.js +26 -30
- package/cjs/SearchBox/SButton.js +15 -12
- package/cjs/SearchBox/SearchBoxToggle.js +17 -20
- package/cjs/SearchBox/index.js +1 -1
- package/cjs/SearchBox/styled.js +1 -1
- package/cjs/SearchBox/useSearch.js +13 -7
- package/cjs/SearchBox/withSearchable.js +21 -15
- package/cjs/TextBox/DSTextBox.js +16 -8
- package/cjs/TextBox/index.js +1 -1
- package/cjs/TimeInput/DSTimeInput.js +48 -40
- package/cjs/TimeInput/TimeInputImpl.js +20 -14
- package/cjs/TimeInput/TimeInputs.js +54 -36
- package/cjs/TimeInput/index.js +1 -1
- package/cjs/TimeInput/utils.js +13 -11
- package/cjs/Toggle/DSToggle.js +8 -3
- package/cjs/Toggle/DSToggleImpl.js +37 -32
- package/cjs/Toggle/DSToggleRender.js +46 -41
- package/cjs/Toggle/index.js +1 -1
- package/cjs/Toggle/props.js +11 -11
- package/cjs/Toggle/toggleHelper.js +21 -18
- package/cjs/index.js +72 -30
- package/esm/Checkbox/DSCheckbox.js +11 -6
- package/esm/CheckboxGroup/DSCheckboxGroup.js +21 -13
- package/esm/ComboBox/index.js +1 -0
- package/esm/ComboBox/v1/DSComboBox.js +34 -28
- package/esm/ComboBox/v1/components/AllOption.js +5 -0
- package/esm/ComboBox/v1/components/ClearIndicator.js +1 -1
- package/esm/ComboBox/v1/components/Control.js +14 -6
- package/esm/ComboBox/v1/components/CustomOption.js +12 -6
- package/esm/ComboBox/v1/components/CustomOptionMulti.js +12 -6
- package/esm/ComboBox/v1/components/DropdownIndicator.js +6 -1
- package/esm/ComboBox/v1/components/MenuList.js +7 -1
- package/esm/ComboBox/v1/components/MultiSelectHeader.js +4 -1
- package/esm/ComboBox/v1/components/MultiValueLabel.js +4 -3
- package/esm/ComboBox/v1/components/MultiValueRemove.js +5 -0
- package/esm/ComboBox/v1/components/SelectMenu.js +26 -18
- package/esm/ComboBox/v1/components/SingleValueLabel.js +4 -3
- package/esm/ComboBox/v1/components/ValueContainer.js +5 -0
- package/esm/ComboBox/v1/components/calculateWidth.js +4 -0
- package/esm/ComboBox/v1/components/getoptions.js +11 -6
- package/esm/ComboBox/v1/withSelectStringValueConverter.js +28 -16
- package/esm/ComboBox/v2/Combobox.js +14 -6
- package/esm/ComboBox/v2/components/AllOption.js +5 -0
- package/esm/ComboBox/v2/components/ClearIndicator.js +6 -1
- package/esm/ComboBox/v2/components/Content.js +5 -0
- package/esm/ComboBox/v2/components/Control.js +14 -6
- package/esm/ComboBox/v2/components/CustomOption.js +12 -6
- package/esm/ComboBox/v2/components/CustomOptionMulti.js +14 -6
- package/esm/ComboBox/v2/components/DropdownIndicator.js +8 -2
- package/esm/ComboBox/v2/components/GroupHeading.js +5 -0
- package/esm/ComboBox/v2/components/IndicatorSeparator.js +11 -3
- package/esm/ComboBox/v2/components/MenuList.js +7 -1
- package/esm/ComboBox/v2/components/MultiSelectHeader.js +4 -1
- package/esm/ComboBox/v2/components/MultiValueLabel.js +4 -3
- package/esm/ComboBox/v2/components/MultiValueRemove.js +5 -0
- package/esm/ComboBox/v2/components/SelectMenu.js +5 -0
- package/esm/ComboBox/v2/components/SingleValueLabel.js +4 -3
- package/esm/ComboBox/v2/components/ValueContainer.js +7 -1
- package/esm/ComboBox/v2/components/calculateWidth.js +4 -0
- package/esm/ComboBox/v2/components/getoptions.js +11 -6
- package/esm/ComboBox/v2/components/useMenuListHeight.js +5 -0
- package/esm/ComboBox/v3/ComboBox.js +24 -0
- package/esm/ComboBox/v3/ComboBoxCTX.js +49 -0
- package/esm/ComboBox/v3/ComboboxDataTestids.js +13 -0
- package/esm/ComboBox/v3/config/constants.js +10 -0
- package/esm/ComboBox/v3/config/useComboBox.js +114 -0
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js +7 -0
- package/esm/ComboBox/v3/index.d.js +1 -0
- package/esm/ComboBox/v3/index.js +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +25 -0
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +20 -0
- package/esm/ComboBox/v3/parts/a11y-messages/index.js +2 -0
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js +7 -0
- package/esm/ComboBox/v3/parts/container/Container.js +59 -0
- package/esm/ComboBox/v3/parts/container/index.js +1 -0
- package/esm/ComboBox/v3/parts/container/styled.js +13 -0
- package/esm/ComboBox/v3/parts/controls/Controls.js +63 -0
- package/esm/ComboBox/v3/parts/controls/index.js +1 -0
- package/esm/ComboBox/v3/parts/controls/styled.js +52 -0
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js +59 -0
- package/esm/ComboBox/v3/parts/controls-input/styled.js +16 -0
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js +73 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +26 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/index.js +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js +8 -0
- package/esm/ComboBox/v3/parts/empty-state/index.js +19 -0
- package/esm/ComboBox/v3/parts/empty-state/styled.js +10 -0
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js +105 -0
- package/esm/ComboBox/v3/parts/header-list/index.js +1 -0
- package/esm/ComboBox/v3/parts/header-list/styled.js +41 -0
- package/esm/ComboBox/v3/parts/header-list/useHeaderListHandlers.js +69 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js +73 -0
- package/esm/ComboBox/v3/parts/menu-list/index.js +1 -0
- package/esm/ComboBox/v3/parts/menu-list/styled.js +23 -0
- package/esm/ComboBox/v3/parts/menu-list/useItemRenderer.js +97 -0
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js +57 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +54 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/index.js +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js +13 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +67 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +20 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/index.js +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js +7 -0
- package/esm/ComboBox/v3/propTypes.js +21 -0
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +148 -0
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js +33 -0
- package/esm/ComboBox/v3/utils/listHelper.js +30 -0
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +23 -16
- package/esm/ComboBoxFreeSolo/components/MultiValueLabel.js +21 -15
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +6 -1
- package/esm/ComboBoxFreeSolo/components/SingleValue.js +5 -0
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +6 -1
- package/esm/DateInput/DSDateInput.js +33 -26
- package/esm/DateInput/components/DateInputImpl.js +23 -17
- package/esm/DateInput/components/DateInputs.js +56 -42
- package/esm/DateInput/components/utils.js +25 -12
- package/esm/DateInputV2/components/DSDateInput.js +39 -33
- package/esm/DateInputV2/components/DateInputs.js +23 -14
- package/esm/DateInputV2/components/styled.js +19 -16
- package/esm/DateInputV2/components/utils.js +25 -12
- package/esm/ExpandableInput/DSExpandableInput.js +27 -24
- package/esm/ExpandableInput/ExpandableInputImpl.js +21 -10
- package/esm/FloatingLabelInput/DSFloatingLabelInput.js +121 -118
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js +24 -18
- package/esm/FloatingLabelInput/getSvgPath.js +12 -9
- package/esm/FormItem/DSFormItemLayout.js +26 -18
- package/esm/FormItem/Error/DSError.js +5 -4
- package/esm/FormItem/Feedback.js +5 -4
- package/esm/FormItem/Label/DSLabel.js +11 -10
- package/esm/FormItem/Suffix/Suffix.js +2 -6
- package/esm/FormItem/ValidationFieldWrapper.js +9 -3
- package/esm/Input/DSInput.js +7 -1
- package/esm/Input/InputAddonWrapper.js +27 -15
- package/esm/Input/InputImpl.js +47 -36
- package/esm/InputGroup/AddonWrapper.js +12 -8
- package/esm/InputGroup/DSInputGroup.js +20 -17
- package/esm/InputMask/DSInputMask.js +6 -0
- package/esm/InputMask/DSInputMaskDeprecated.js +36 -24
- package/esm/InputMask/MaskTypes.js +5 -0
- package/esm/InputMask/addons/AutoCorrectedDatePipe.js +11 -4
- package/esm/InputMask/mask_types/DateInputMask.js +23 -12
- package/esm/InputMask/mask_types/DateTimeInputMask.js +23 -12
- package/esm/InputMask/mask_types/DictionaryInputMask.js +13 -6
- package/esm/InputMask/mask_types/NumberInputMask.js +33 -25
- package/esm/InputMask/mask_types/PhoneInputMask.js +23 -12
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js +23 -12
- package/esm/InputMask/mask_types/SsnInputMask.js +23 -12
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js +13 -6
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +23 -12
- package/esm/InputMask/mask_types/index.js +5 -0
- package/esm/InputMask/props.js +1 -2
- package/esm/InputProtected/DSInputProtected.js +12 -10
- package/esm/InputProtected/index.js +1 -1
- package/esm/InputProtected/props.js +1 -2
- package/esm/LargeInputText/DSLargeInputText.js +47 -38
- package/esm/MenuItem/components/MenuItem/index.js +45 -0
- package/esm/MenuItem/components/MenuItem/styled.js +7 -0
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js +62 -0
- package/esm/MenuItem/components/MultiMenuItem/styled.js +7 -0
- package/esm/MenuItem/components/Section/index.js +29 -0
- package/esm/MenuItem/components/Section/props.js +11 -0
- package/esm/MenuItem/components/Section/styled.js +11 -0
- package/esm/MenuItem/components/Separator/index.js +21 -0
- package/esm/MenuItem/components/Separator/styled.js +11 -0
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js +61 -0
- package/esm/MenuItem/components/SubmenuItem/index.js +129 -0
- package/esm/MenuItem/components/SubmenuItem/styled.js +11 -0
- package/esm/MenuItem/components/index.js +6 -0
- package/esm/MenuItem/components/styled.js +34 -0
- package/esm/MenuItem/index.js +6 -0
- package/esm/MenuItem/props.js +23 -0
- package/esm/Radio/Circle.js +5 -4
- package/esm/Radio/DSRadio.js +7 -2
- package/esm/RadioGroup/DSRadioGroup.js +21 -13
- package/esm/RequiredMark/RequiredMark.js +7 -6
- package/esm/SearchBox/DSSearchBox.js +28 -25
- package/esm/SearchBox/NavSearchBox.js +9 -9
- package/esm/SearchBox/SButton.js +14 -11
- package/esm/SearchBox/SearchBoxToggle.js +11 -13
- package/esm/SearchBox/useSearch.js +12 -6
- package/esm/SearchBox/withSearchable.js +17 -11
- package/esm/TextBox/DSTextBox.js +12 -4
- package/esm/TimeInput/DSTimeInput.js +45 -37
- package/esm/TimeInput/TimeInputImpl.js +17 -11
- package/esm/TimeInput/TimeInputs.js +47 -29
- package/esm/TimeInput/utils.js +9 -7
- package/esm/Toggle/DSToggle.js +5 -0
- package/esm/Toggle/DSToggleImpl.js +35 -30
- package/esm/Toggle/DSToggleRender.js +39 -33
- package/esm/Toggle/toggleHelper.js +21 -18
- package/esm/index.js +26 -13
- package/package.json +282 -22
- package/types/Checkbox/DSCheckbox.d.ts +78 -13
- package/types/Checkbox/elements/CheckMark.d.ts +1 -1
- package/types/Checkbox/props.d.ts +58 -12
- package/types/CheckboxGroup/DSCheckboxGroup.d.ts +51 -7
- package/types/CheckboxGroup/props.d.ts +37 -6
- package/types/ComboBox/index.d.ts +1 -0
- package/types/ComboBox/v2/Combobox.d.ts +56 -1
- package/types/ComboBox/v3/ComboBox.d.ts +62 -0
- package/types/ComboBox/v3/ComboBoxCTX.d.ts +6 -0
- package/types/ComboBox/v3/ComboboxDataTestids.d.ts +11 -0
- package/types/ComboBox/v3/config/constants.d.ts +8 -0
- package/types/ComboBox/v3/config/useComboBox.d.ts +2 -0
- package/types/ComboBox/v3/config/useGetPropsWithDefault.d.ts +2 -0
- package/types/ComboBox/v3/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.d.ts +3 -0
- package/types/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.d.ts +3 -0
- package/types/ComboBox/v3/parts/a11y-messages/index.d.ts +2 -0
- package/types/ComboBox/v3/parts/a11y-messages/styled.d.ts +1 -0
- package/types/ComboBox/v3/parts/container/Container.d.ts +3 -0
- package/types/ComboBox/v3/parts/container/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/container/styled.d.ts +3 -0
- package/types/ComboBox/v3/parts/controls/Controls.d.ts +3 -0
- package/types/ComboBox/v3/parts/controls/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/controls/styled.d.ts +7 -0
- package/types/ComboBox/v3/parts/controls-input/ControlsInput.d.ts +3 -0
- package/types/ComboBox/v3/parts/controls-input/styled.d.ts +4 -0
- package/types/ComboBox/v3/parts/controls-input/useControlsInput.d.ts +12 -0
- package/types/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.d.ts +3 -0
- package/types/ComboBox/v3/parts/dropdown-indicator/index.d.ts +0 -0
- package/types/ComboBox/v3/parts/dropdown-indicator/styled.d.ts +1 -0
- package/types/ComboBox/v3/parts/empty-state/index.d.ts +3 -0
- package/types/ComboBox/v3/parts/empty-state/styled.d.ts +2 -0
- package/types/ComboBox/v3/parts/header-list/HeaderList.d.ts +3 -0
- package/types/ComboBox/v3/parts/header-list/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/header-list/styled.d.ts +7 -0
- package/types/ComboBox/v3/parts/header-list/useHeaderListHandlers.d.ts +12 -0
- package/types/ComboBox/v3/parts/menu-list/MenuList.d.ts +3 -0
- package/types/ComboBox/v3/parts/menu-list/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/menu-list/styled.d.ts +10 -0
- package/types/ComboBox/v3/parts/menu-list/useItemRenderer.d.ts +2 -0
- package/types/ComboBox/v3/parts/menu-list/useMenuList.d.ts +2 -0
- package/types/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts +3 -0
- package/types/ComboBox/v3/parts/multi-selected-values-container/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/multi-selected-values-container/styled.d.ts +3 -0
- package/types/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.d.ts +2 -0
- package/types/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts +3 -0
- package/types/ComboBox/v3/parts/single-selected-value-container/index.d.ts +1 -0
- package/types/ComboBox/v3/parts/single-selected-value-container/styled.d.ts +1 -0
- package/types/ComboBox/v3/propTypes.d.ts +51 -0
- package/types/ComboBox/v3/tests/combobox-general.test.d.ts +1 -0
- package/types/ComboBox/v3/tests/combobox-multi-select.test.d.ts +1 -0
- package/types/ComboBox/v3/tests/combobox-single-select.test.d.ts +1 -0
- package/types/ComboBox/v3/tests/combobox-special-keys.test.d.ts +1 -0
- package/types/ComboBox/v3/tests/utils.d.ts +22 -0
- package/types/ComboBox/v3/utils/hooks/useKeyboardNavigation.d.ts +4 -0
- package/types/ComboBox/v3/utils/hooks/useOnElementResize.d.ts +3 -0
- package/types/ComboBox/v3/utils/listHelper.d.ts +7 -0
- package/types/DateInput/DSDateInput.d.ts +97 -16
- package/types/DateInput/components/utils.d.ts +8 -8
- package/types/DateInput/props.d.ts +97 -16
- package/types/DateInputV2/components/DSDateInput.d.ts +72 -5
- package/types/DateInputV2/components/DateInputs.d.ts +1 -1
- package/types/DateInputV2/components/props.d.ts +61 -10
- package/types/DateInputV2/components/styled.d.ts +4 -4
- package/types/DateInputV2/components/utils.d.ts +8 -8
- package/types/FloatingLabelInput/DSFloatingLabelInput.d.ts +120 -21
- package/types/FormItem/DSFormItemLayout.d.ts +392 -61
- package/types/FormItem/Error/DSError.d.ts +21 -3
- package/types/FormItem/Suffix/Suffix.d.ts +3 -3
- package/types/FormItem/defaultProps.d.ts +120 -21
- package/types/FormItem/index.d.ts +1 -1
- package/types/FormItem/props.d.ts +229 -39
- package/types/InputGroup/DSInputGroup.d.ts +56 -8
- package/types/InputGroup/props.d.ts +43 -7
- package/types/InputMask/DSInputMask.d.ts +172 -30
- package/types/InputMask/mask_types/DateInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/DateTimeInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/DictionaryInputMask.d.ts +37 -36
- package/types/InputMask/mask_types/NumberInputMask.d.ts +46 -45
- package/types/InputMask/mask_types/PhoneInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/PhoneInternationalInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/SsnInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/UsZipCodeInputMask.d.ts +34 -33
- package/types/InputMask/mask_types/ZipCodeSearchInputMask.d.ts +34 -33
- package/types/InputMask/props.d.ts +172 -30
- package/types/InputProtected/DSInputProtected.d.ts +57 -10
- package/types/InputProtected/index.d.ts +1 -0
- package/types/InputProtected/props.d.ts +43 -8
- package/types/LargeInputText/DSLargeInputText.d.ts +163 -27
- package/types/LargeInputText/props.d.ts +163 -27
- package/types/MenuItem/components/MenuItem/index.d.ts +20 -0
- package/types/MenuItem/components/MenuItem/styled.d.ts +1 -0
- package/types/MenuItem/components/MultiMenuItem/MultiMenuItem.d.ts +21 -0
- package/types/MenuItem/components/MultiMenuItem/styled.d.ts +1 -0
- package/types/MenuItem/components/Section/index.d.ts +12 -0
- package/types/MenuItem/components/Section/props.d.ts +14 -0
- package/types/MenuItem/components/Section/styled.d.ts +2 -0
- package/types/MenuItem/components/Separator/index.d.ts +8 -0
- package/types/MenuItem/components/Separator/styled.d.ts +2 -0
- package/types/MenuItem/components/SingleMenuItem/SingleMenuItem.d.ts +16 -0
- package/types/MenuItem/components/SubmenuItem/index.d.ts +20 -0
- package/types/MenuItem/components/SubmenuItem/styled.d.ts +2 -0
- package/types/MenuItem/components/index.d.ts +6 -0
- package/types/MenuItem/components/styled.d.ts +3 -0
- package/types/MenuItem/index.d.ts +1 -0
- package/types/MenuItem/props.d.ts +37 -0
- package/types/Radio/Circle.d.ts +1 -1
- package/types/Radio/DSRadio.d.ts +79 -13
- package/types/RadioGroup/DSRadioGroup.d.ts +51 -7
- package/types/RadioGroup/props.d.ts +37 -6
- package/types/SearchBox/DSSearchBox.d.ts +146 -21
- package/types/SearchBox/NavSearchBox.d.ts +18 -3
- package/types/SearchBox/SButton.d.ts +13 -2
- package/types/SearchBox/props.d.ts +133 -22
- package/types/SearchBox/styled.d.ts +1 -48
- package/types/TextBox/DSTextBox.d.ts +148 -22
- package/types/TimeInput/DSTimeInput.d.ts +83 -12
- package/types/TimeInput/utils.d.ts +8 -8
- package/types/Toggle/DSToggle.d.ts +84 -12
- package/types/index.d.ts +29 -10
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
|
@@ -5,6 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
8
14
|
require('core-js/modules/esnext.set.add-all.js');
|
|
9
15
|
require('core-js/modules/esnext.set.delete-all.js');
|
|
10
16
|
require('core-js/modules/esnext.set.difference.js');
|
|
@@ -21,6 +27,10 @@ require('core-js/modules/esnext.set.reduce.js');
|
|
|
21
27
|
require('core-js/modules/esnext.set.some.js');
|
|
22
28
|
require('core-js/modules/esnext.set.symmetric-difference.js');
|
|
23
29
|
require('core-js/modules/esnext.set.union.js');
|
|
30
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
31
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
32
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
33
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
24
34
|
var React = require('react');
|
|
25
35
|
var lodash = require('lodash');
|
|
26
36
|
var reactDesc = require('react-desc');
|
|
@@ -28,10 +38,8 @@ var Select = require('react-select');
|
|
|
28
38
|
var Creatable = require('react-select/creatable');
|
|
29
39
|
var reactPopper = require('react-popper');
|
|
30
40
|
var reactMeasure = require('react-measure');
|
|
31
|
-
var
|
|
41
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
32
42
|
var dsSystem = require('@elliemae/ds-system');
|
|
33
|
-
var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
|
|
34
|
-
var useShouldRecalculate = require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
|
|
35
43
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
36
44
|
var withSelectStringValueConverter = require('../v1/withSelectStringValueConverter.js');
|
|
37
45
|
var DropdownIndicator = require('./components/DropdownIndicator.js');
|
|
@@ -56,8 +64,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
56
64
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
57
65
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
58
66
|
var Creatable__default = /*#__PURE__*/_interopDefaultLegacy(Creatable);
|
|
59
|
-
var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
|
|
60
|
-
var useShouldRecalculate__default = /*#__PURE__*/_interopDefaultLegacy(useShouldRecalculate);
|
|
61
67
|
|
|
62
68
|
var _LoadingIndicator;
|
|
63
69
|
|
|
@@ -65,9 +71,9 @@ const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError",
|
|
|
65
71
|
|
|
66
72
|
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; }
|
|
67
73
|
|
|
68
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
74
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
69
75
|
const blockName = 'em-ds-combobox';
|
|
70
|
-
const container =
|
|
76
|
+
const container = "".concat(blockName, "-container");
|
|
71
77
|
|
|
72
78
|
const getValues = (options, isMulti, valueProperty) => {
|
|
73
79
|
if (!options) return null;
|
|
@@ -134,7 +140,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
134
140
|
componentsStyle,
|
|
135
141
|
keepTypedValue = true
|
|
136
142
|
} = _ref,
|
|
137
|
-
restPropsToCustomizeSelect = _objectWithoutProperties__default[
|
|
143
|
+
restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
138
144
|
|
|
139
145
|
const theme = dsSystem.useTheme();
|
|
140
146
|
const select = React.useRef();
|
|
@@ -145,9 +151,9 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
145
151
|
const [handleOpening, setHandleOpening] = React.useState(false);
|
|
146
152
|
const [menuOpen, setMenuOpen] = React.useState(menuIsOpen);
|
|
147
153
|
const [isMultipleKeyPressed, setIsMultipleKeyPressed] = React.useState(false);
|
|
148
|
-
const prevOptions =
|
|
149
|
-
const optionsChanged =
|
|
150
|
-
const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default[
|
|
154
|
+
const prevOptions = dsUtilities.usePrevious(options);
|
|
155
|
+
const optionsChanged = dsUtilities.useShouldRecalculate(dsUtilities.isEqual(prevOptions, options));
|
|
156
|
+
const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default["default"] : Select__default["default"], [isFreeSolo]);
|
|
151
157
|
React.useEffect(() => {
|
|
152
158
|
var _select$current;
|
|
153
159
|
|
|
@@ -274,11 +280,11 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
274
280
|
removeDropdownIndicator: customComponents.DropdownIndicator === null,
|
|
275
281
|
select
|
|
276
282
|
}), [inputInFocus, value, isMulti, menuOpen, handleOpening, selectAll, selectAllDisabled, clearable, customComponents.DropdownIndicator, select]);
|
|
277
|
-
return /*#__PURE__*/_jsx__default[
|
|
283
|
+
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](context.DropDownContext.Provider, {
|
|
278
284
|
value: ctx
|
|
279
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
285
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
280
286
|
ref: measureRef,
|
|
281
|
-
className:
|
|
287
|
+
className: dsUtilities.cx("".concat(container), inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
|
|
282
288
|
onBlur: handleBlur,
|
|
283
289
|
"data-testid": "combobox",
|
|
284
290
|
role: "combobox"
|
|
@@ -322,7 +328,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
322
328
|
isSearchable: readOnly ? false : searchable,
|
|
323
329
|
menuIsOpen: menuIsOpen === true ? menuIsOpen : menuOpen,
|
|
324
330
|
onMenuClose: onMenuClose,
|
|
325
|
-
noOptionsMessage: () => loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default[
|
|
331
|
+
noOptionsMessage: () => loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : noOptionsMessage,
|
|
326
332
|
onChange: handleOnChange,
|
|
327
333
|
onCreateOption: handleCreateNewOption,
|
|
328
334
|
onFocus: handleFocus,
|
|
@@ -365,7 +371,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
365
371
|
const width = calculateWidth.calculateWidth(options);
|
|
366
372
|
if (!width) return null;
|
|
367
373
|
return {
|
|
368
|
-
width:
|
|
374
|
+
width: "".concat(width, "px")
|
|
369
375
|
};
|
|
370
376
|
}
|
|
371
377
|
|
|
@@ -443,4 +449,4 @@ ComboBoxWithSchema.propTypes = comboBoxProps;
|
|
|
443
449
|
|
|
444
450
|
exports.ComboBoxWithSchema = ComboBoxWithSchema;
|
|
445
451
|
exports.DSComboBox2 = DSComboBox2;
|
|
446
|
-
exports[
|
|
452
|
+
exports["default"] = DSComboBox2;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
10
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
@@ -17,12 +22,12 @@ const _excluded = ["children"];
|
|
|
17
22
|
|
|
18
23
|
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; }
|
|
19
24
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
26
|
|
|
22
27
|
const MultiSelectHeader = _ref => {
|
|
23
|
-
let rest = _objectWithoutProperties__default[
|
|
28
|
+
let rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
24
29
|
|
|
25
|
-
return /*#__PURE__*/_jsx__default[
|
|
30
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
26
31
|
className: "combobox-multi-select-all"
|
|
27
32
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread({
|
|
28
33
|
labelText: "All"
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
9
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
10
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
11
|
var React = require('react');
|
|
7
12
|
var lodash = require('lodash');
|
|
8
|
-
var
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
9
14
|
var DSButton = require('@elliemae/ds-button');
|
|
10
15
|
var context = require('../context.js');
|
|
11
16
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -15,7 +20,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
20
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
21
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
22
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
|
-
var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
|
|
19
23
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
20
24
|
|
|
21
25
|
var _CloseXsmall;
|
|
@@ -24,7 +28,7 @@ const _excluded = ["ref"];
|
|
|
24
28
|
|
|
25
29
|
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; }
|
|
26
30
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
31
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
28
32
|
|
|
29
33
|
const ClearIndicator = props => {
|
|
30
34
|
const {
|
|
@@ -34,20 +38,20 @@ const ClearIndicator = props => {
|
|
|
34
38
|
},
|
|
35
39
|
innerRef
|
|
36
40
|
} = props,
|
|
37
|
-
restInnerProps = _objectWithoutProperties__default[
|
|
41
|
+
restInnerProps = _objectWithoutProperties__default["default"](props.innerProps, _excluded);
|
|
38
42
|
|
|
39
43
|
const c = React.useContext(context.DropDownContext);
|
|
40
44
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restInnerProps), {}, {
|
|
41
45
|
ref: ref,
|
|
42
46
|
"aria-hidden": "false",
|
|
43
47
|
style: getStyles('clearIndicator', props),
|
|
44
|
-
children: /*#__PURE__*/jsxRuntime.jsx(DSButton__default[
|
|
48
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
45
49
|
"data-testid": "combobox-clear-btn",
|
|
46
50
|
"aria-label": "clear-indicator",
|
|
47
51
|
buttonType: "text",
|
|
48
52
|
tabOrder: "2",
|
|
49
53
|
className: "clear-indicator",
|
|
50
|
-
icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default[
|
|
54
|
+
icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
|
|
51
55
|
size: "m"
|
|
52
56
|
})),
|
|
53
57
|
innerRef: innerRef,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
10
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
@@ -17,7 +22,7 @@ const _excluded = ["scheduleUpdate", "styleMenu"];
|
|
|
17
22
|
|
|
18
23
|
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; }
|
|
19
24
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
26
|
|
|
22
27
|
const Content = _ref => {
|
|
23
28
|
var _rest$selectProps;
|
|
@@ -26,13 +31,13 @@ const Content = _ref => {
|
|
|
26
31
|
scheduleUpdate,
|
|
27
32
|
styleMenu
|
|
28
33
|
} = _ref,
|
|
29
|
-
rest = _objectWithoutProperties__default[
|
|
34
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
30
35
|
|
|
31
36
|
React.useEffect(() => {
|
|
32
37
|
// trigger popper update on input change PUI-4069
|
|
33
38
|
scheduleUpdate();
|
|
34
39
|
}, [rest === null || rest === void 0 ? void 0 : (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 ? void 0 : _rest$selectProps.inputValue]);
|
|
35
|
-
return /*#__PURE__*/_jsx__default[
|
|
40
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
36
41
|
style: styleMenu,
|
|
37
42
|
"data-testid": "combobox-menu"
|
|
38
43
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, rest)));
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
10
|
require('react');
|
|
@@ -14,13 +19,16 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
14
19
|
|
|
15
20
|
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; }
|
|
16
21
|
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
18
23
|
|
|
19
|
-
const Control = props => /*#__PURE__*/_jsx__default[
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
const Control = props => /*#__PURE__*/_jsx__default["default"](reactPopper.Reference, {}, void 0, _ref => {
|
|
25
|
+
let {
|
|
26
|
+
ref
|
|
27
|
+
} = _ref;
|
|
28
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
29
|
+
ref: ref,
|
|
30
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Select.components.Control, _objectSpread({}, props))
|
|
31
|
+
});
|
|
32
|
+
});
|
|
25
33
|
|
|
26
34
|
module.exports = Control;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
10
|
var React = require('react');
|
|
@@ -18,18 +23,19 @@ var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
|
|
|
18
23
|
|
|
19
24
|
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; }
|
|
20
25
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
27
|
|
|
23
28
|
const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
|
|
24
29
|
|
|
25
|
-
const CustomOption =
|
|
26
|
-
index,
|
|
27
|
-
data,
|
|
28
|
-
style,
|
|
29
|
-
isScrolling
|
|
30
|
-
}) => {
|
|
30
|
+
const CustomOption = _ref => {
|
|
31
31
|
var _option$props, _option$props2, _option$props2$innerP, _option$props3, _option$props3$innerP;
|
|
32
32
|
|
|
33
|
+
let {
|
|
34
|
+
index,
|
|
35
|
+
data,
|
|
36
|
+
style,
|
|
37
|
+
isScrolling
|
|
38
|
+
} = _ref;
|
|
33
39
|
const {
|
|
34
40
|
items,
|
|
35
41
|
options: {
|
|
@@ -60,27 +66,27 @@ const CustomOption = ({
|
|
|
60
66
|
});
|
|
61
67
|
|
|
62
68
|
if (useTruncatedText && lodash.get(option, 'props.selectProps.menuIsOpen')) {
|
|
63
|
-
return /*#__PURE__*/React__default[
|
|
69
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
64
70
|
innerProps: optionProps,
|
|
65
71
|
tabIndex: 0
|
|
66
72
|
}), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
67
|
-
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default[
|
|
73
|
+
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
|
|
68
74
|
margin: "none",
|
|
69
75
|
style: {
|
|
70
76
|
zIndex: -2
|
|
71
77
|
},
|
|
72
78
|
type: "non-form"
|
|
73
|
-
}), /*#__PURE__*/_jsx__default[
|
|
79
|
+
}), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
74
80
|
value: option.props.children
|
|
75
81
|
})]
|
|
76
82
|
}));
|
|
77
83
|
}
|
|
78
84
|
|
|
79
|
-
return /*#__PURE__*/React__default[
|
|
85
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
80
86
|
tabIndex: 0,
|
|
81
87
|
innerProps: optionProps
|
|
82
88
|
}), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
83
|
-
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default[
|
|
89
|
+
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
|
|
84
90
|
margin: "none",
|
|
85
91
|
style: {
|
|
86
92
|
zIndex: -2
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
12
|
var React = require('react');
|
|
6
13
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
7
14
|
var DSCheckbox = require('../../../Checkbox/DSCheckbox.js');
|
|
@@ -15,14 +22,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
15
22
|
|
|
16
23
|
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; }
|
|
17
24
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
26
|
|
|
20
|
-
const CustomOptionMulti =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
const CustomOptionMulti = _ref => {
|
|
28
|
+
let {
|
|
29
|
+
index,
|
|
30
|
+
data,
|
|
31
|
+
style,
|
|
32
|
+
isScrolling
|
|
33
|
+
} = _ref;
|
|
26
34
|
const {
|
|
27
35
|
items,
|
|
28
36
|
options: {
|
|
@@ -51,25 +59,25 @@ const CustomOptionMulti = ({
|
|
|
51
59
|
});
|
|
52
60
|
|
|
53
61
|
if (useTruncatedText) {
|
|
54
|
-
return /*#__PURE__*/React__default[
|
|
62
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
55
63
|
innerProps: optionProps
|
|
56
|
-
}), /*#__PURE__*/_jsx__default[
|
|
64
|
+
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
57
65
|
className: "combobox-v2-option-multiple-container"
|
|
58
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
66
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
|
|
59
67
|
checked: option.props.isSelected,
|
|
60
68
|
labelText: " "
|
|
61
|
-
}), /*#__PURE__*/_jsx__default[
|
|
69
|
+
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
62
70
|
className: "combobox-v2-option-multiple-truncated-label"
|
|
63
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
71
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
64
72
|
value: option.props.children
|
|
65
73
|
}))));
|
|
66
74
|
}
|
|
67
75
|
|
|
68
|
-
return /*#__PURE__*/React__default[
|
|
76
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
69
77
|
innerProps: optionProps,
|
|
70
|
-
children: /*#__PURE__*/_jsx__default[
|
|
78
|
+
children: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
71
79
|
className: "combobox-v2-option-multiple-container"
|
|
72
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
80
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
|
|
73
81
|
checked: option.props.isSelected,
|
|
74
82
|
labelText: option.props.children
|
|
75
83
|
}))
|
|
@@ -3,9 +3,15 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
12
|
var React = require('react');
|
|
7
13
|
var lodash = require('lodash');
|
|
8
|
-
var
|
|
14
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
9
15
|
var DSButton = require('@elliemae/ds-button');
|
|
10
16
|
var context = require('../context.js');
|
|
11
17
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -15,7 +21,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
21
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
22
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
23
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
|
-
var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
|
|
19
24
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
20
25
|
|
|
21
26
|
var _ChevronSmallDown;
|
|
@@ -24,7 +29,7 @@ const _excluded = ["innerRef", "onKeyDown", "options", "theme", "clearValue", "g
|
|
|
24
29
|
|
|
25
30
|
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; }
|
|
26
31
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
28
33
|
|
|
29
34
|
const DropdownIndicator = _ref => {
|
|
30
35
|
let {
|
|
@@ -47,7 +52,7 @@ const DropdownIndicator = _ref => {
|
|
|
47
52
|
innerProps,
|
|
48
53
|
cx
|
|
49
54
|
} = _ref,
|
|
50
|
-
rest = _objectWithoutProperties__default[
|
|
55
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
51
56
|
|
|
52
57
|
const {
|
|
53
58
|
changeHandleOpening,
|
|
@@ -72,12 +77,12 @@ const DropdownIndicator = _ref => {
|
|
|
72
77
|
}
|
|
73
78
|
};
|
|
74
79
|
|
|
75
|
-
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default[
|
|
80
|
+
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
76
81
|
"data-testid": "combobox-dropdown-btn",
|
|
77
82
|
"aria-label": "dropdown-indicator",
|
|
78
83
|
buttonType: "text",
|
|
79
|
-
className:
|
|
80
|
-
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default[
|
|
84
|
+
className: "dropdown-indicator ".concat(lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
|
|
85
|
+
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
|
|
81
86
|
innerRef: innerRef,
|
|
82
87
|
onClick: handleOnClick,
|
|
83
88
|
onKeyDown: handleOnKeyDown,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
9
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
10
|
require('react');
|
|
@@ -20,22 +25,22 @@ var _StyledSeparator;
|
|
|
20
25
|
|
|
21
26
|
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; }
|
|
22
27
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
24
29
|
|
|
25
30
|
const GroupHeading = props => {
|
|
26
31
|
const headerPosition = utils.getGroupHeaderPosition(props.id);
|
|
27
32
|
const {
|
|
28
33
|
hasSeparator
|
|
29
34
|
} = props.selectProps.options[headerPosition];
|
|
30
|
-
return /*#__PURE__*/_jsx__default[
|
|
35
|
+
return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
|
|
31
36
|
type: "non-form"
|
|
32
37
|
}))), /*#__PURE__*/jsxRuntime.jsx(Select.components.GroupHeading, _objectSpread({}, props)));
|
|
33
38
|
};
|
|
34
39
|
|
|
35
|
-
const StyledSeparator = /*#__PURE__*/styled__default[
|
|
40
|
+
const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
|
|
36
41
|
componentId: "sc-1bw0sto-0"
|
|
37
42
|
})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
|
|
38
|
-
const Wrapper = /*#__PURE__*/styled__default[
|
|
43
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
39
44
|
componentId: "sc-1bw0sto-1"
|
|
40
45
|
})(["display:flex;flex-direction:column;"]);
|
|
41
46
|
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
require('react');
|
|
7
12
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -12,10 +17,13 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
12
17
|
|
|
13
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; }
|
|
14
19
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
16
|
-
const IndicatorSeparator =
|
|
17
|
-
|
|
18
|
-
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
|
+
const IndicatorSeparator = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
innerProps
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread({}, innerProps));
|
|
26
|
+
};
|
|
19
27
|
|
|
20
28
|
exports.IndicatorSeparator = IndicatorSeparator;
|
|
21
|
-
exports[
|
|
29
|
+
exports["default"] = IndicatorSeparator;
|
|
@@ -11,13 +11,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
13
|
var _Wrapper;
|
|
14
|
-
const Wrapper = /*#__PURE__*/styled__default[
|
|
14
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
15
15
|
componentId: "sc-m7hflj-0"
|
|
16
16
|
})(["display:flex;justify-content:center;margin-top:12px;"]);
|
|
17
17
|
|
|
18
|
-
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default[
|
|
18
|
+
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
19
19
|
"data-testid": "ds-combobox_loading-indicator"
|
|
20
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
20
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
|
|
21
21
|
size: "m"
|
|
22
22
|
})));
|
|
23
23
|
|