@elliemae/ds-form 2.0.0-next.9 → 2.0.0-rc.12
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 +7 -2
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +18 -10
- package/cjs/ComboBox/index.js +3 -0
- package/cjs/ComboBox/v1/DSComboBox.js +31 -26
- package/cjs/ComboBox/v1/components/AllOption.js +5 -0
- package/cjs/ComboBox/v1/components/ClearIndicator.js +2 -3
- package/cjs/ComboBox/v1/components/Control.js +14 -6
- package/cjs/ComboBox/v1/components/CustomOption.js +12 -6
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +12 -6
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +7 -3
- package/cjs/ComboBox/v1/components/MenuList.js +5 -0
- package/cjs/ComboBox/v1/components/MultiSelectHeader.js +3 -0
- package/cjs/ComboBox/v1/components/MultiValueLabel.js +4 -3
- package/cjs/ComboBox/v1/components/MultiValueRemove.js +5 -0
- package/cjs/ComboBox/v1/components/SelectMenu.js +26 -18
- package/cjs/ComboBox/v1/components/SingleValueLabel.js +4 -3
- package/cjs/ComboBox/v1/components/ValueContainer.js +5 -0
- package/cjs/ComboBox/v1/components/calculateWidth.js +4 -0
- package/cjs/ComboBox/v1/components/getoptions.js +9 -6
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js +27 -16
- package/cjs/ComboBox/v2/Combobox.js +13 -8
- package/cjs/ComboBox/v2/components/AllOption.js +5 -0
- package/cjs/ComboBox/v2/components/ClearIndicator.js +7 -3
- package/cjs/ComboBox/v2/components/Content.js +5 -0
- package/cjs/ComboBox/v2/components/Control.js +14 -6
- package/cjs/ComboBox/v2/components/CustomOption.js +12 -6
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +14 -6
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +7 -3
- package/cjs/ComboBox/v2/components/GroupHeading.js +5 -0
- package/cjs/ComboBox/v2/components/IndicatorSeparator.js +11 -3
- package/cjs/ComboBox/v2/components/MenuList.js +5 -0
- package/cjs/ComboBox/v2/components/MultiSelectHeader.js +3 -0
- package/cjs/ComboBox/v2/components/MultiValueLabel.js +4 -3
- package/cjs/ComboBox/v2/components/MultiValueRemove.js +5 -0
- package/cjs/ComboBox/v2/components/SelectMenu.js +5 -0
- package/cjs/ComboBox/v2/components/SingleValueLabel.js +4 -3
- package/cjs/ComboBox/v2/components/ValueContainer.js +7 -2
- package/cjs/ComboBox/v2/components/calculateWidth.js +4 -0
- package/cjs/ComboBox/v2/components/getoptions.js +9 -6
- package/cjs/ComboBox/v2/components/useMenuListHeight.js +3 -0
- 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 +34 -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 +23 -16
- package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js +22 -16
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +7 -3
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +5 -0
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +7 -3
- package/cjs/DateInput/DSDateInput.js +32 -26
- package/cjs/DateInput/components/DateInputImpl.js +23 -17
- package/cjs/DateInput/components/DateInputs.js +56 -44
- package/cjs/DateInput/components/utils.js +29 -16
- package/cjs/DateInputV2/components/DSDateInput.js +39 -33
- package/cjs/DateInputV2/components/DateInputs.js +18 -10
- package/cjs/DateInputV2/components/styled.js +22 -13
- package/cjs/DateInputV2/components/utils.js +34 -21
- package/cjs/ExpandableInput/DSExpandableInput.js +27 -24
- package/cjs/ExpandableInput/ExpandableInputImpl.js +21 -10
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js +121 -118
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +25 -20
- package/cjs/FloatingLabelInput/getSvgPath.js +9 -8
- package/cjs/FormItem/DSFormItemLayout.js +24 -17
- package/cjs/FormItem/Error/DSError.js +5 -4
- package/cjs/FormItem/Feedback.js +5 -4
- package/cjs/FormItem/Label/DSLabel.js +10 -9
- package/cjs/FormItem/ValidationFieldWrapper.js +9 -3
- package/cjs/Input/DSInput.js +5 -0
- package/cjs/Input/InputAddonWrapper.js +26 -15
- package/cjs/Input/InputImpl.js +43 -35
- package/cjs/InputGroup/AddonWrapper.js +11 -8
- package/cjs/InputGroup/DSInputGroup.js +20 -17
- package/cjs/InputMask/DSInputMask.js +5 -0
- package/cjs/InputMask/DSInputMaskDeprecated.js +36 -24
- package/cjs/InputMask/MaskTypes.js +5 -0
- package/cjs/InputMask/addons/AutoCorrectedDatePipe.js +11 -4
- package/cjs/InputMask/mask_types/DateInputMask.js +22 -12
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +22 -12
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +12 -6
- package/cjs/InputMask/mask_types/NumberInputMask.js +31 -24
- package/cjs/InputMask/mask_types/PhoneInputMask.js +22 -12
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +22 -12
- package/cjs/InputMask/mask_types/SsnInputMask.js +22 -12
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +12 -6
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +22 -12
- package/cjs/InputMask/mask_types/index.js +5 -0
- package/cjs/InputProtected/DSInputProtected.js +14 -17
- package/cjs/InputProtected/index.js +3 -2
- package/cjs/LargeInputText/DSLargeInputText.js +45 -36
- 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 +5 -4
- package/cjs/Radio/DSRadio.js +6 -1
- package/cjs/RadioGroup/DSRadioGroup.js +18 -10
- package/cjs/RequiredMark/RequiredMark.js +5 -4
- package/cjs/SearchBox/DSSearchBox.js +25 -27
- package/cjs/SearchBox/NavSearchBox.js +11 -15
- package/cjs/SearchBox/SButton.js +14 -11
- package/cjs/SearchBox/SearchBoxToggle.js +8 -4
- package/cjs/SearchBox/useSearch.js +12 -7
- package/cjs/SearchBox/withSearchable.js +18 -12
- package/cjs/TextBox/DSTextBox.js +5 -0
- package/cjs/TimeInput/DSTimeInput.js +45 -37
- package/cjs/TimeInput/TimeInputImpl.js +18 -12
- package/cjs/TimeInput/TimeInputs.js +46 -29
- package/cjs/TimeInput/utils.js +13 -11
- package/cjs/Toggle/DSToggle.js +5 -0
- package/cjs/Toggle/DSToggleImpl.js +33 -28
- package/cjs/Toggle/DSToggleRender.js +38 -33
- package/cjs/Toggle/toggleHelper.js +21 -18
- package/cjs/index.js +61 -15
- package/esm/Checkbox/DSCheckbox.js +6 -1
- package/esm/CheckboxGroup/DSCheckboxGroup.js +18 -10
- package/esm/ComboBox/index.js +1 -0
- package/esm/ComboBox/v1/DSComboBox.js +29 -24
- 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 +5 -0
- package/esm/ComboBox/v1/components/MultiSelectHeader.js +3 -0
- 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 +9 -6
- package/esm/ComboBox/v1/withSelectStringValueConverter.js +27 -16
- package/esm/ComboBox/v2/Combobox.js +10 -3
- 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 +6 -1
- 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 +5 -0
- package/esm/ComboBox/v2/components/MultiSelectHeader.js +3 -0
- 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 +6 -1
- package/esm/ComboBox/v2/components/calculateWidth.js +4 -0
- package/esm/ComboBox/v2/components/getoptions.js +9 -6
- package/esm/ComboBox/v2/components/useMenuListHeight.js +3 -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 +24 -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 +31 -25
- package/esm/DateInput/components/DateInputImpl.js +23 -17
- package/esm/DateInput/components/DateInputs.js +55 -42
- package/esm/DateInput/components/utils.js +23 -10
- package/esm/DateInputV2/components/DSDateInput.js +39 -33
- package/esm/DateInputV2/components/DateInputs.js +18 -10
- package/esm/DateInputV2/components/styled.js +19 -10
- package/esm/DateInputV2/components/utils.js +23 -10
- 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 +9 -8
- package/esm/FormItem/DSFormItemLayout.js +23 -15
- package/esm/FormItem/Error/DSError.js +5 -4
- package/esm/FormItem/Feedback.js +5 -4
- package/esm/FormItem/Label/DSLabel.js +10 -9
- package/esm/FormItem/ValidationFieldWrapper.js +9 -3
- package/esm/Input/DSInput.js +5 -0
- package/esm/Input/InputAddonWrapper.js +26 -15
- package/esm/Input/InputImpl.js +41 -32
- package/esm/InputGroup/AddonWrapper.js +10 -7
- package/esm/InputGroup/DSInputGroup.js +20 -17
- package/esm/InputMask/DSInputMask.js +5 -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 +22 -12
- package/esm/InputMask/mask_types/DateTimeInputMask.js +22 -12
- package/esm/InputMask/mask_types/DictionaryInputMask.js +12 -6
- package/esm/InputMask/mask_types/NumberInputMask.js +31 -24
- package/esm/InputMask/mask_types/PhoneInputMask.js +22 -12
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js +22 -12
- package/esm/InputMask/mask_types/SsnInputMask.js +22 -12
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js +12 -6
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +22 -12
- package/esm/InputMask/mask_types/index.js +5 -0
- package/esm/InputProtected/DSInputProtected.js +9 -8
- package/esm/InputProtected/index.js +1 -1
- package/esm/LargeInputText/DSLargeInputText.js +45 -36
- 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 +6 -1
- package/esm/RadioGroup/DSRadioGroup.js +18 -10
- package/esm/RequiredMark/RequiredMark.js +5 -4
- package/esm/SearchBox/DSSearchBox.js +24 -24
- package/esm/SearchBox/NavSearchBox.js +8 -8
- package/esm/SearchBox/SButton.js +14 -11
- package/esm/SearchBox/SearchBoxToggle.js +8 -3
- package/esm/SearchBox/useSearch.js +11 -6
- package/esm/SearchBox/withSearchable.js +17 -11
- package/esm/TextBox/DSTextBox.js +5 -0
- package/esm/TimeInput/DSTimeInput.js +45 -37
- package/esm/TimeInput/TimeInputImpl.js +17 -11
- package/esm/TimeInput/TimeInputs.js +46 -29
- package/esm/TimeInput/utils.js +9 -7
- package/esm/Toggle/DSToggle.js +5 -0
- package/esm/Toggle/DSToggleImpl.js +34 -29
- package/esm/Toggle/DSToggleRender.js +37 -31
- 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 +118 -20
- package/types/FormItem/DSFormItemLayout.d.ts +390 -60
- package/types/FormItem/Error/DSError.d.ts +21 -3
- package/types/FormItem/Suffix/Suffix.d.ts +3 -3
- package/types/FormItem/defaultProps.d.ts +118 -20
- 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 -49
- package/types/TextBox/DSTextBox.d.ts +146 -21
- 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
|
@@ -5,7 +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');
|
|
8
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');
|
|
9
14
|
require('core-js/modules/esnext.set.add-all.js');
|
|
10
15
|
require('core-js/modules/esnext.set.delete-all.js');
|
|
11
16
|
require('core-js/modules/esnext.set.difference.js');
|
|
@@ -22,6 +27,10 @@ require('core-js/modules/esnext.set.reduce.js');
|
|
|
22
27
|
require('core-js/modules/esnext.set.some.js');
|
|
23
28
|
require('core-js/modules/esnext.set.symmetric-difference.js');
|
|
24
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');
|
|
25
34
|
var React = require('react');
|
|
26
35
|
var lodash = require('lodash');
|
|
27
36
|
var reactDesc = require('react-desc');
|
|
@@ -29,10 +38,8 @@ var Select = require('react-select');
|
|
|
29
38
|
var Creatable = require('react-select/creatable');
|
|
30
39
|
var reactPopper = require('react-popper');
|
|
31
40
|
var reactMeasure = require('react-measure');
|
|
32
|
-
var
|
|
41
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
33
42
|
var dsSystem = require('@elliemae/ds-system');
|
|
34
|
-
var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
|
|
35
|
-
var useShouldRecalculate = require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
|
|
36
43
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
37
44
|
var withSelectStringValueConverter = require('../v1/withSelectStringValueConverter.js');
|
|
38
45
|
var DropdownIndicator = require('./components/DropdownIndicator.js');
|
|
@@ -57,8 +64,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
57
64
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
58
65
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
59
66
|
var Creatable__default = /*#__PURE__*/_interopDefaultLegacy(Creatable);
|
|
60
|
-
var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
|
|
61
|
-
var useShouldRecalculate__default = /*#__PURE__*/_interopDefaultLegacy(useShouldRecalculate);
|
|
62
67
|
|
|
63
68
|
var _LoadingIndicator;
|
|
64
69
|
|
|
@@ -146,8 +151,8 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
146
151
|
const [handleOpening, setHandleOpening] = React.useState(false);
|
|
147
152
|
const [menuOpen, setMenuOpen] = React.useState(menuIsOpen);
|
|
148
153
|
const [isMultipleKeyPressed, setIsMultipleKeyPressed] = React.useState(false);
|
|
149
|
-
const prevOptions =
|
|
150
|
-
const optionsChanged =
|
|
154
|
+
const prevOptions = dsUtilities.usePrevious(options);
|
|
155
|
+
const optionsChanged = dsUtilities.useShouldRecalculate(dsUtilities.isEqual(prevOptions, options));
|
|
151
156
|
const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default["default"] : Select__default["default"], [isFreeSolo]);
|
|
152
157
|
React.useEffect(() => {
|
|
153
158
|
var _select$current;
|
|
@@ -279,7 +284,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
279
284
|
value: ctx
|
|
280
285
|
}, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
281
286
|
ref: measureRef,
|
|
282
|
-
className:
|
|
287
|
+
className: dsUtilities.cx("".concat(container), inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
|
|
283
288
|
onBlur: handleBlur,
|
|
284
289
|
"data-testid": "combobox",
|
|
285
290
|
role: "combobox"
|
|
@@ -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');
|
|
@@ -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;
|
|
@@ -47,7 +51,7 @@ const ClearIndicator = props => {
|
|
|
47
51
|
buttonType: "text",
|
|
48
52
|
tabOrder: "2",
|
|
49
53
|
className: "clear-indicator",
|
|
50
|
-
icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["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');
|
|
@@ -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');
|
|
@@ -16,11 +21,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
16
21
|
|
|
17
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["default"](reactPopper.Reference, {}, void 0,
|
|
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');
|
|
@@ -22,14 +27,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
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: {
|
|
@@ -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');
|
|
@@ -17,12 +24,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
17
24
|
|
|
18
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: {
|
|
@@ -4,9 +4,14 @@ 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
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');
|
|
7
12
|
var React = require('react');
|
|
8
13
|
var lodash = require('lodash');
|
|
9
|
-
var
|
|
14
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
10
15
|
var DSButton = require('@elliemae/ds-button');
|
|
11
16
|
var context = require('../context.js');
|
|
12
17
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -16,7 +21,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
21
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
22
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
23
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
|
-
var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
|
|
20
24
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
21
25
|
|
|
22
26
|
var _ChevronSmallDown;
|
|
@@ -78,7 +82,7 @@ const DropdownIndicator = _ref => {
|
|
|
78
82
|
"aria-label": "dropdown-indicator",
|
|
79
83
|
buttonType: "text",
|
|
80
84
|
className: "dropdown-indicator ".concat(lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
|
|
81
|
-
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](
|
|
85
|
+
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
|
|
82
86
|
innerRef: innerRef,
|
|
83
87
|
onClick: handleOnClick,
|
|
84
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');
|
|
@@ -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');
|
|
@@ -13,9 +18,12 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
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
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; }
|
|
16
|
-
const IndicatorSeparator =
|
|
17
|
-
|
|
18
|
-
|
|
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
29
|
exports["default"] = IndicatorSeparator;
|
|
@@ -3,6 +3,11 @@
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
5
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
11
|
var React = require('react');
|
|
7
12
|
var Select = require('react-select');
|
|
8
13
|
var reactWindow = require('react-window');
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
4
7
|
var React = require('react');
|
|
5
8
|
var styled = require('styled-components');
|
|
6
9
|
var DSButton = require('@elliemae/ds-button');
|
|
@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
11
|
var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
|
|
12
12
|
|
|
13
|
-
function MultiValueLabel({
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
function MultiValueLabel(_ref) {
|
|
14
|
+
let {
|
|
15
|
+
children
|
|
16
|
+
} = _ref;
|
|
16
17
|
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
17
18
|
tooltipPlacement: DSPopper.PopperPositions.TOP,
|
|
18
19
|
value: children
|
|
@@ -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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
10
|
require('react');
|
|
@@ -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');
|
|
@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
11
|
var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
|
|
12
12
|
|
|
13
|
-
function SingleValueLabel({
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
function SingleValueLabel(_ref) {
|
|
14
|
+
let {
|
|
15
|
+
children
|
|
16
|
+
} = _ref;
|
|
16
17
|
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
17
18
|
tooltipPlacement: DSPopper.PopperPositions.TOP,
|
|
18
19
|
value: children
|
|
@@ -5,9 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
13
|
var React = require('react');
|
|
9
14
|
var Select = require('react-select');
|
|
10
|
-
var
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
11
16
|
var context = require('../context.js');
|
|
12
17
|
var jsxRuntime = require('react/jsx-runtime');
|
|
13
18
|
|
|
@@ -48,7 +53,7 @@ function ValueContainer(_ref) {
|
|
|
48
53
|
setTouchClick(false);
|
|
49
54
|
},
|
|
50
55
|
ref: valueContainerRef,
|
|
51
|
-
className:
|
|
56
|
+
className: dsUtilities.cx('combobox-v2-value-container', inputInFocus && 'in-focus', value && clearable && 'has-value', removeDropdownIndicator && 'dropdown-indicator-removed'),
|
|
52
57
|
children: /*#__PURE__*/jsxRuntime.jsx(Select.components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
|
|
53
58
|
children: children
|
|
54
59
|
}))
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
8
|
+
|
|
5
9
|
const letterFactor = 5.7;
|
|
6
10
|
const fixedSpace = 45;
|
|
7
11
|
function calculateWidth(options) {
|
|
@@ -4,11 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
6
|
|
|
7
|
-
const getOptions =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
const getOptions = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
showAllOption,
|
|
10
|
+
isMulti,
|
|
11
|
+
allOption,
|
|
12
|
+
options
|
|
13
|
+
} = _ref;
|
|
14
|
+
return showAllOption && isMulti ? [allOption, ...options] : options;
|
|
15
|
+
};
|
|
13
16
|
|
|
14
17
|
exports.getOptions = getOptions;
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
9
|
|
|
7
10
|
/* eslint-disable no-restricted-syntax */
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var reactDesc = require('react-desc');
|
|
8
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
9
|
+
var useComboBox = require('./config/useComboBox.js');
|
|
10
|
+
var Container = require('./parts/container/Container.js');
|
|
11
|
+
var propTypes = require('./propTypes.js');
|
|
12
|
+
var ComboBoxCTX = require('./ComboBoxCTX.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
+
|
|
18
|
+
var _Container;
|
|
19
|
+
|
|
20
|
+
const DSComboBox = props => {
|
|
21
|
+
const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBoxCTX.defaultProps);
|
|
22
|
+
dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
|
|
23
|
+
const ctx = useComboBox.useComboBox(props);
|
|
24
|
+
return /*#__PURE__*/_jsx__default["default"](ComboBoxCTX.ComboBoxContext.Provider, {
|
|
25
|
+
value: ctx
|
|
26
|
+
}, void 0, _Container || (_Container = /*#__PURE__*/_jsx__default["default"](Container.Container, {})));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const DSComboBoxWithSchema = reactDesc.describe(DSComboBox);
|
|
30
|
+
DSComboBoxWithSchema.propTypes = propTypes.propTypes;
|
|
31
|
+
|
|
32
|
+
exports.DSComboBox = DSComboBox;
|
|
33
|
+
exports.DSComboBoxWithSchema = DSComboBoxWithSchema;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var lodash = require('lodash');
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
9
|
+
const defaultProps = {
|
|
10
|
+
placeholder: '',
|
|
11
|
+
options: [],
|
|
12
|
+
selectedValues: null,
|
|
13
|
+
hasError: false,
|
|
14
|
+
inline: false,
|
|
15
|
+
autoFocus: false,
|
|
16
|
+
startPlacementPreference: 'bottom-start',
|
|
17
|
+
placementOrderPreference: ['bottom-start', 'bottom-end'],
|
|
18
|
+
onClearAll: lodash.noop,
|
|
19
|
+
onSelectAll: lodash.noop,
|
|
20
|
+
onCreate: lodash.noop,
|
|
21
|
+
withToggle: false,
|
|
22
|
+
onChange: lodash.noop,
|
|
23
|
+
onKeyDown: lodash.noop,
|
|
24
|
+
onFilter: lodash.noop,
|
|
25
|
+
onMenuOpen: lodash.noop
|
|
26
|
+
};
|
|
27
|
+
const defaultContext = {
|
|
28
|
+
props: defaultProps,
|
|
29
|
+
showPopover: false,
|
|
30
|
+
setShowPopover: lodash.noop,
|
|
31
|
+
scrollOptionIntoView: lodash.noop,
|
|
32
|
+
referenceElement: null,
|
|
33
|
+
hasFocus: false,
|
|
34
|
+
setHasFocus: lodash.noop,
|
|
35
|
+
pillGroupRef: /*#__PURE__*/React.createRef(),
|
|
36
|
+
setReferenceElement: lodash.noop,
|
|
37
|
+
inputRef: /*#__PURE__*/React.createRef(),
|
|
38
|
+
listRef: /*#__PURE__*/React.createRef(),
|
|
39
|
+
wrapperListRef: /*#__PURE__*/React.createRef(),
|
|
40
|
+
controlsWrapperRef: /*#__PURE__*/React.createRef(),
|
|
41
|
+
selectedOptionsRef: /*#__PURE__*/React.createRef(),
|
|
42
|
+
showSelectedValue: false,
|
|
43
|
+
setShowSelectedValue: lodash.noop,
|
|
44
|
+
focusOptionIdx: '',
|
|
45
|
+
setCurrentOption: lodash.noop,
|
|
46
|
+
showSelectedOptions: false,
|
|
47
|
+
setShowSelectedOptions: lodash.noop
|
|
48
|
+
};
|
|
49
|
+
/** Context for cross component communication */
|
|
50
|
+
|
|
51
|
+
const ComboBoxContext = /*#__PURE__*/React.createContext(defaultContext);
|
|
52
|
+
|
|
53
|
+
exports.ComboBoxContext = ComboBoxContext;
|
|
54
|
+
exports["default"] = ComboBoxContext;
|
|
55
|
+
exports.defaultProps = defaultProps;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const ComboboxDataTestid = {
|
|
6
|
+
INPUT: 'combobox-input',
|
|
7
|
+
LIST: 'combobox-menu-list',
|
|
8
|
+
SELECTED_VALUES: 'combobox-selected-values',
|
|
9
|
+
SELECT_ALL_BUTTON: 'combobox-all-btn',
|
|
10
|
+
CLEAR_ALL_BUTTON: 'combobox-clear-btn',
|
|
11
|
+
DROPDOWN: 'combobox-dropdown-btn',
|
|
12
|
+
OPTION: 'combobox-option',
|
|
13
|
+
SHOW_ALL_BUTTON: 'combobox-show-all-btn',
|
|
14
|
+
SHOW_SELECTED_OPTIONS_BUTTON: 'combobox-selected-options-btn'
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
exports.ComboboxDataTestid = ComboboxDataTestid;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const DATA_TESTID = {
|
|
6
|
+
COMBOBOX_MENU_LIST: 'combobox-menu-list',
|
|
7
|
+
COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',
|
|
8
|
+
COMBOBOX_ALL_BTN: 'combobox-all-btn',
|
|
9
|
+
COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',
|
|
10
|
+
COMBOBOX_OPTION: 'combobox-option',
|
|
11
|
+
COMBOBOX: 'combobox'
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.DATA_TESTID = DATA_TESTID;
|