@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
|
@@ -2,13 +2,18 @@
|
|
|
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
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
12
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
13
|
require('react');
|
|
9
14
|
var reactDesc = require('react-desc');
|
|
10
15
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
|
-
var
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
12
17
|
var Group = require('@elliemae/ds-shared/GroupContext/Group');
|
|
13
18
|
var DSInputGroup = require('../InputGroup/DSInputGroup.js');
|
|
14
19
|
var DSFloatingLabelInput = require('../FloatingLabelInput/DSFloatingLabelInput.js');
|
|
@@ -24,7 +29,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
24
29
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
25
30
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
31
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
27
|
-
var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
|
|
28
32
|
var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
|
|
29
33
|
|
|
30
34
|
var _Group;
|
|
@@ -35,21 +39,24 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
35
39
|
|
|
36
40
|
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; }
|
|
37
41
|
const blockName = 'form-item';
|
|
38
|
-
const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
43
|
+
let {
|
|
44
|
+
leftLabel,
|
|
45
|
+
variant,
|
|
46
|
+
fitContent,
|
|
47
|
+
withHighlight
|
|
48
|
+
} = _ref;
|
|
49
|
+
return {
|
|
50
|
+
'with-left-label': leftLabel,
|
|
51
|
+
'fit-content': fitContent,
|
|
52
|
+
[variant]: variant,
|
|
53
|
+
'with-highlight': withHighlight
|
|
54
|
+
};
|
|
55
|
+
});
|
|
49
56
|
const WrapperContent = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-content"));
|
|
50
57
|
const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')("".concat(blockName, "-content"));
|
|
51
58
|
|
|
52
|
-
const DSFormItemLayout =
|
|
59
|
+
const DSFormItemLayout = _ref2 => {
|
|
53
60
|
var _WrapperContentComp;
|
|
54
61
|
|
|
55
62
|
let {
|
|
@@ -92,8 +99,8 @@ const DSFormItemLayout = _ref => {
|
|
|
92
99
|
fitContent,
|
|
93
100
|
withHighlight,
|
|
94
101
|
containerProps
|
|
95
|
-
} =
|
|
96
|
-
rest = _objectWithoutProperties__default["default"](
|
|
102
|
+
} = _ref2,
|
|
103
|
+
rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
97
104
|
|
|
98
105
|
const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {}))).type;
|
|
99
106
|
|
|
@@ -145,7 +152,7 @@ const DSFormItemLayout = _ref => {
|
|
|
145
152
|
required: required,
|
|
146
153
|
isGroup: isGroup,
|
|
147
154
|
truncateText: truncateText
|
|
148
|
-
}), renderInput(
|
|
155
|
+
}), renderInput(dsUtilities.getComponentFromProps(InputComponent, inputProps))]
|
|
149
156
|
});
|
|
150
157
|
|
|
151
158
|
if (suffix) {
|
|
@@ -10,10 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
12
|
|
|
13
|
-
const DSError =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
const DSError = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
hasError = false,
|
|
16
|
+
errorText = 'Error'
|
|
17
|
+
} = _ref;
|
|
17
18
|
if (!hasError) return null;
|
|
18
19
|
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
19
20
|
className: "em-ds-error"
|
package/cjs/FormItem/Feedback.js
CHANGED
|
@@ -11,10 +11,11 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
11
11
|
const blockName = 'form-item';
|
|
12
12
|
const FeedbackSpan = dsClassnames.aggregatedClasses('span')(blockName, 'feedback');
|
|
13
13
|
|
|
14
|
-
const Feedback =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const Feedback = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
text,
|
|
17
|
+
hasError
|
|
18
|
+
} = _ref;
|
|
18
19
|
if (!text) return null;
|
|
19
20
|
return /*#__PURE__*/_jsx__default["default"](FeedbackSpan, {
|
|
20
21
|
classProps: hasError
|
|
@@ -14,15 +14,16 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
14
14
|
const blockName = 'em-ds-label';
|
|
15
15
|
const Text = dsClassnames.aggregatedClasses('span')(blockName, 'text');
|
|
16
16
|
|
|
17
|
-
const DSLabel =
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
const DSLabel = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
children,
|
|
20
|
+
label,
|
|
21
|
+
htmlFor,
|
|
22
|
+
required,
|
|
23
|
+
optional,
|
|
24
|
+
truncateText = true,
|
|
25
|
+
isGroup = false
|
|
26
|
+
} = _ref;
|
|
26
27
|
const Tag = isGroup ? 'legend' : 'label';
|
|
27
28
|
return /*#__PURE__*/_jsx__default["default"](Tag, {
|
|
28
29
|
className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.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');
|
|
4
11
|
var React = require('react');
|
|
5
12
|
|
|
6
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -104,8 +111,7 @@ class ValidationFieldWrapper extends React.Component {
|
|
|
104
111
|
}
|
|
105
112
|
|
|
106
113
|
}
|
|
107
|
-
|
|
108
|
-
_defineProperty__default["default"](ValidationFieldWrapper, "defaultProps", {
|
|
114
|
+
ValidationFieldWrapper.defaultProps = {
|
|
109
115
|
validateOnBlur: false,
|
|
110
116
|
validateOnChange: false,
|
|
111
117
|
name: '',
|
|
@@ -114,6 +120,6 @@ _defineProperty__default["default"](ValidationFieldWrapper, "defaultProps", {
|
|
|
114
120
|
validate: () => null,
|
|
115
121
|
onChange: () => null,
|
|
116
122
|
onBlur: () => null
|
|
117
|
-
}
|
|
123
|
+
};
|
|
118
124
|
|
|
119
125
|
module.exports = ValidationFieldWrapper;
|
package/cjs/Input/DSInput.js
CHANGED
|
@@ -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
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
12
|
require('react');
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
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');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
4
9
|
require('core-js/modules/web.dom-collections.iterator.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 dsClassnames = require('@elliemae/ds-classnames');
|
|
7
14
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -16,17 +23,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
16
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["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; }
|
|
17
24
|
const blockName = 'input-addon-wrapper';
|
|
18
25
|
const InputWrapper = dsClassnames.aggregatedClasses('div')(blockName);
|
|
19
|
-
const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon',
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon', _ref => {
|
|
27
|
+
let {
|
|
28
|
+
left,
|
|
29
|
+
right,
|
|
30
|
+
variant,
|
|
31
|
+
hasError
|
|
32
|
+
} = _ref;
|
|
33
|
+
return {
|
|
34
|
+
left,
|
|
35
|
+
right,
|
|
36
|
+
error: hasError,
|
|
37
|
+
[variant]: variant
|
|
38
|
+
};
|
|
39
|
+
});
|
|
30
40
|
class InputAddonWrapper extends React.Component {
|
|
31
41
|
constructor(props) {
|
|
32
42
|
super(props);
|
|
@@ -41,7 +51,9 @@ class InputAddonWrapper extends React.Component {
|
|
|
41
51
|
return this.renderAddonComponent(false, components);
|
|
42
52
|
}
|
|
43
53
|
|
|
44
|
-
renderAddonComponent(
|
|
54
|
+
renderAddonComponent() {
|
|
55
|
+
let left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
56
|
+
let components = arguments.length > 1 ? arguments[1] : undefined;
|
|
45
57
|
if (!components) return null;
|
|
46
58
|
|
|
47
59
|
if (Array.isArray(components)) {
|
|
@@ -100,11 +112,10 @@ class InputAddonWrapper extends React.Component {
|
|
|
100
112
|
}
|
|
101
113
|
|
|
102
114
|
}
|
|
103
|
-
|
|
104
|
-
_defineProperty__default["default"](InputAddonWrapper, "defaultProps", {
|
|
115
|
+
InputAddonWrapper.defaultProps = {
|
|
105
116
|
rightComponents: [],
|
|
106
117
|
leftComponents: [],
|
|
107
118
|
containerProps: {}
|
|
108
|
-
}
|
|
119
|
+
};
|
|
109
120
|
|
|
110
121
|
module.exports = InputAddonWrapper;
|
package/cjs/Input/InputImpl.js
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
3
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
-
|
|
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 PropTypes = require('prop-types');
|
|
8
13
|
var lodash = require('lodash');
|
|
9
14
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
10
|
-
var
|
|
15
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
11
16
|
var DSButton = require('@elliemae/ds-button');
|
|
12
17
|
var DSTooltip = require('@elliemae/ds-tooltip');
|
|
13
18
|
var InputAddonWrapper = require('./InputAddonWrapper.js');
|
|
@@ -15,12 +20,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
15
20
|
|
|
16
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
22
|
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
24
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
25
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
27
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var CloseCircle__default = /*#__PURE__*/_interopDefaultLegacy(CloseCircle);
|
|
24
28
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
25
29
|
var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
|
|
26
30
|
|
|
@@ -32,21 +36,27 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
32
36
|
|
|
33
37
|
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; }
|
|
34
38
|
const blockName = 'input';
|
|
35
|
-
const Input = dsClassnames.aggregatedClasses('input')(blockName, null,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
const Input = dsClassnames.aggregatedClasses('input')(blockName, null, _ref2 => {
|
|
40
|
+
let {
|
|
41
|
+
clearable,
|
|
42
|
+
value
|
|
43
|
+
} = _ref2;
|
|
44
|
+
return {
|
|
45
|
+
clearable,
|
|
46
|
+
value
|
|
47
|
+
};
|
|
48
|
+
});
|
|
42
49
|
const WrapperForTooltipInput = dsClassnames.aggregatedClasses('div')(blockName, 'tooltip-ref');
|
|
43
|
-
const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
+
const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref3 => {
|
|
51
|
+
let {
|
|
52
|
+
clearable,
|
|
53
|
+
value
|
|
54
|
+
} = _ref3;
|
|
55
|
+
return {
|
|
56
|
+
clearable,
|
|
57
|
+
value
|
|
58
|
+
};
|
|
59
|
+
});
|
|
50
60
|
const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default["default"])(blockName, 'clearable');
|
|
51
61
|
|
|
52
62
|
const getValidComponents = component => component;
|
|
@@ -56,12 +66,10 @@ const noop = () => null;
|
|
|
56
66
|
class InputImpl extends React.Component {
|
|
57
67
|
constructor(props) {
|
|
58
68
|
super(props);
|
|
69
|
+
this.ref = void 0;
|
|
70
|
+
this.refTooltip = void 0;
|
|
59
71
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
_defineProperty__default["default"](this, "refTooltip", void 0);
|
|
63
|
-
|
|
64
|
-
_defineProperty__default["default"](this, "handleOnChange", e => {
|
|
72
|
+
this.handleOnChange = e => {
|
|
65
73
|
const {
|
|
66
74
|
onChange,
|
|
67
75
|
max
|
|
@@ -77,9 +85,9 @@ class InputImpl extends React.Component {
|
|
|
77
85
|
isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
|
|
78
86
|
});
|
|
79
87
|
}
|
|
80
|
-
}
|
|
88
|
+
};
|
|
81
89
|
|
|
82
|
-
|
|
90
|
+
this.handleBlur = e => {
|
|
83
91
|
const {
|
|
84
92
|
onBlur,
|
|
85
93
|
onChange,
|
|
@@ -101,9 +109,9 @@ class InputImpl extends React.Component {
|
|
|
101
109
|
this.setState({
|
|
102
110
|
active: false
|
|
103
111
|
});
|
|
104
|
-
}
|
|
112
|
+
};
|
|
105
113
|
|
|
106
|
-
|
|
114
|
+
this.handleFocus = e => {
|
|
107
115
|
const {
|
|
108
116
|
onFocus
|
|
109
117
|
} = this.props;
|
|
@@ -111,30 +119,30 @@ class InputImpl extends React.Component {
|
|
|
111
119
|
this.setState({
|
|
112
120
|
active: true
|
|
113
121
|
});
|
|
114
|
-
}
|
|
122
|
+
};
|
|
115
123
|
|
|
116
|
-
|
|
124
|
+
this.handleMouseEnter = () => {
|
|
117
125
|
if (!this.state.showTooltip) {
|
|
118
126
|
this.setState({
|
|
119
127
|
showTooltip: true
|
|
120
128
|
});
|
|
121
129
|
}
|
|
122
|
-
}
|
|
130
|
+
};
|
|
123
131
|
|
|
124
|
-
|
|
132
|
+
this.handleMouseLeave = () => {
|
|
125
133
|
if (this.state.showTooltip) {
|
|
126
134
|
this.setState({
|
|
127
135
|
showTooltip: false
|
|
128
136
|
});
|
|
129
137
|
}
|
|
130
|
-
}
|
|
138
|
+
};
|
|
131
139
|
|
|
132
|
-
|
|
140
|
+
this.setWidth = () => {
|
|
133
141
|
const client = this.refTooltip.current.getBoundingClientRect();
|
|
134
142
|
this.setState({
|
|
135
143
|
width: client.width
|
|
136
144
|
});
|
|
137
|
-
}
|
|
145
|
+
};
|
|
138
146
|
|
|
139
147
|
this.state = {
|
|
140
148
|
width: -1,
|
|
@@ -190,7 +198,7 @@ class InputImpl extends React.Component {
|
|
|
190
198
|
buttonType: "text",
|
|
191
199
|
"data-testid": "ds-input_clearable-btn",
|
|
192
200
|
disabled: disabled,
|
|
193
|
-
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](
|
|
201
|
+
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {})),
|
|
194
202
|
onClick: this.handleClear
|
|
195
203
|
}) : null;
|
|
196
204
|
}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
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 dsClassnames = require('@elliemae/ds-classnames');
|
|
8
13
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
14
|
|
|
10
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
16
|
|
|
12
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
17
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
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
|
|
|
@@ -19,10 +24,9 @@ const blockName = 'input-addon-group';
|
|
|
19
24
|
const Container = dsClassnames.aggregatedClasses('div')(blockName);
|
|
20
25
|
const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon');
|
|
21
26
|
class AddonWrapper extends React.Component {
|
|
22
|
-
constructor(
|
|
23
|
-
super(...
|
|
24
|
-
|
|
25
|
-
_defineProperty__default["default"](this, "state", {});
|
|
27
|
+
constructor() {
|
|
28
|
+
super(...arguments);
|
|
29
|
+
this.state = {};
|
|
26
30
|
}
|
|
27
31
|
|
|
28
32
|
render() {
|
|
@@ -42,7 +46,6 @@ class AddonWrapper extends React.Component {
|
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
}
|
|
45
|
-
|
|
46
|
-
_defineProperty__default["default"](AddonWrapper, "defaultProps", {});
|
|
49
|
+
AddonWrapper.defaultProps = {};
|
|
47
50
|
|
|
48
51
|
module.exports = AddonWrapper;
|
|
@@ -9,24 +9,27 @@ var props = require('./props.js');
|
|
|
9
9
|
var defaultProps = require('./defaultProps.js');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
|
|
12
|
-
const DSInputGroup =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
const DSInputGroup = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
containerProps,
|
|
15
|
+
innerRef,
|
|
16
|
+
className,
|
|
17
|
+
style,
|
|
18
|
+
leftAddon,
|
|
19
|
+
rightAddon,
|
|
20
|
+
children: InputComponents // as InputComponents,
|
|
20
21
|
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
} = _ref;
|
|
23
|
+
return /*#__PURE__*/jsxRuntime.jsx(AddonWrapper, {
|
|
24
|
+
ref: innerRef,
|
|
25
|
+
className: className,
|
|
26
|
+
containerProps: containerProps,
|
|
27
|
+
leftAddon: leftAddon,
|
|
28
|
+
rightAddon: rightAddon,
|
|
29
|
+
style: style,
|
|
30
|
+
children: InputComponents
|
|
31
|
+
});
|
|
32
|
+
};
|
|
30
33
|
|
|
31
34
|
DSInputGroup.defaultProps = defaultProps.defaultProps;
|
|
32
35
|
const DSInputGroupWithSchema = reactDesc.describe(DSInputGroup);
|
|
@@ -5,6 +5,11 @@ 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 reactDesc = require('react-desc');
|
|
10
15
|
var MaskTypes = require('./MaskTypes.js');
|