@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,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
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 React = require('react');
|
|
6
11
|
var lodash = require('lodash');
|
|
7
12
|
var textMaskCore = require('text-mask-core');
|
|
@@ -36,7 +41,10 @@ const getValueFromEventOrString = e => {
|
|
|
36
41
|
return value;
|
|
37
42
|
};
|
|
38
43
|
|
|
39
|
-
const getRawMask =
|
|
44
|
+
const getRawMask = function (mask) {
|
|
45
|
+
let rawValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
46
|
+
return typeof mask === 'function' ? mask(rawValue) : mask;
|
|
47
|
+
}; // this is not safe because we don't take in consideration a lot of cases
|
|
40
48
|
// just a monkeypatch untill we get the v2 going,
|
|
41
49
|
// this work with "internal" masks...
|
|
42
50
|
|
|
@@ -84,29 +92,31 @@ const UNSAFEIsRawValue = (value, mask) => {
|
|
|
84
92
|
|
|
85
93
|
class DSInputMaskDeprecated extends React.Component {
|
|
86
94
|
constructor(props) {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
_defineProperty__default["default"](this, "lastkey", null);
|
|
95
|
+
var _this;
|
|
90
96
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
+
super(props);
|
|
98
|
+
_this = this;
|
|
99
|
+
this.lastkey = null;
|
|
100
|
+
this.lastkeycode = null;
|
|
101
|
+
|
|
102
|
+
this.conformValue = function (rawValueOrEvent, currentCaretPosition) {
|
|
103
|
+
let {
|
|
104
|
+
skipCaretPositioning = false,
|
|
105
|
+
skipOnChangeCallback = false
|
|
106
|
+
} = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
97
107
|
const {
|
|
98
108
|
previousConformedValue
|
|
99
|
-
} =
|
|
109
|
+
} = _this.state;
|
|
100
110
|
const {
|
|
101
111
|
onChange,
|
|
102
112
|
mask,
|
|
103
113
|
placeholderChar = '_',
|
|
104
114
|
pipe
|
|
105
|
-
} =
|
|
115
|
+
} = _this.props;
|
|
106
116
|
const rawValue = getValueFromEventOrString(rawValueOrEvent); // short-circuit logic if user cleared the input
|
|
107
117
|
|
|
108
118
|
if (rawValue.length === 0) {
|
|
109
|
-
|
|
119
|
+
_this.setState({
|
|
110
120
|
maskedValue: rawValue,
|
|
111
121
|
previousConformedValue: rawValue,
|
|
112
122
|
focus: true
|
|
@@ -116,10 +126,11 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
116
126
|
value: rawValue,
|
|
117
127
|
originalValue: rawValue
|
|
118
128
|
},
|
|
119
|
-
lastkey:
|
|
129
|
+
lastkey: _this.lastkey
|
|
120
130
|
};
|
|
121
131
|
onChange(event);
|
|
122
132
|
});
|
|
133
|
+
|
|
123
134
|
return;
|
|
124
135
|
}
|
|
125
136
|
|
|
@@ -184,7 +195,8 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
184
195
|
caretTrapIndexes: []
|
|
185
196
|
};
|
|
186
197
|
const caretPos = textMaskCore.adjustCaretPosition(adjustCaretPositionOpts);
|
|
187
|
-
|
|
198
|
+
|
|
199
|
+
_this.setState({
|
|
188
200
|
maskedValue: conformedValue,
|
|
189
201
|
previousConformedValue: conformedValue,
|
|
190
202
|
focus: true
|
|
@@ -194,14 +206,14 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
194
206
|
value: conformedValue,
|
|
195
207
|
originalValue: rawValue
|
|
196
208
|
},
|
|
197
|
-
lastkey:
|
|
209
|
+
lastkey: _this.lastkey
|
|
198
210
|
};
|
|
199
211
|
if (!skipOnChangeCallback) onChange(event);
|
|
200
|
-
if (!skipCaretPositioning) setTimeout(() => setCaretPosition(
|
|
212
|
+
if (!skipCaretPositioning) setTimeout(() => setCaretPosition(_this.inputref, caretPos));
|
|
201
213
|
});
|
|
202
|
-
}
|
|
214
|
+
};
|
|
203
215
|
|
|
204
|
-
|
|
216
|
+
this.handleOnChange = e => {
|
|
205
217
|
var _e$target;
|
|
206
218
|
|
|
207
219
|
const rawValue = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '';
|
|
@@ -210,9 +222,9 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
210
222
|
} = e.target;
|
|
211
223
|
const currentCaretPosition = selectionEnd;
|
|
212
224
|
this.conformValue(rawValue, currentCaretPosition);
|
|
213
|
-
}
|
|
225
|
+
};
|
|
214
226
|
|
|
215
|
-
|
|
227
|
+
this.handleKeyDown = e => {
|
|
216
228
|
e.stopPropagation();
|
|
217
229
|
const {
|
|
218
230
|
onKeyDown
|
|
@@ -220,9 +232,9 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
220
232
|
this.lastkey = e.key;
|
|
221
233
|
this.lastkeycode = e.keyCode;
|
|
222
234
|
onKeyDown(e);
|
|
223
|
-
}
|
|
235
|
+
};
|
|
224
236
|
|
|
225
|
-
|
|
237
|
+
this.handleBlur = e => {
|
|
226
238
|
const {
|
|
227
239
|
onBlur
|
|
228
240
|
} = this.props;
|
|
@@ -230,7 +242,7 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
230
242
|
focus: false
|
|
231
243
|
});
|
|
232
244
|
onBlur(e);
|
|
233
|
-
}
|
|
245
|
+
};
|
|
234
246
|
|
|
235
247
|
this.inputref = /*#__PURE__*/React__default["default"].createRef();
|
|
236
248
|
this.state = {
|
|
@@ -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
|
|
|
7
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -2,14 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
5
10
|
require('core-js/modules/es.string.replace.js');
|
|
6
11
|
|
|
7
12
|
const maxValueMonth = [31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
8
13
|
const formatOrder = ['yyyy', 'yy', 'mm', 'dd', 'HH', 'MM', 'SS'];
|
|
9
|
-
const autoCorrectedDatePipe = (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
14
|
+
const autoCorrectedDatePipe = function () {
|
|
15
|
+
let dateFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mm dd yyyy';
|
|
16
|
+
let {
|
|
17
|
+
minYear = 1,
|
|
18
|
+
maxYear = 9999
|
|
19
|
+
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
13
20
|
const dateFormatArray = dateFormat.split(/[^dmyHMS]+/).sort((a, b) => formatOrder.indexOf(a) - formatOrder.indexOf(b));
|
|
14
21
|
return conformedValue => {
|
|
15
22
|
const indexesOfPipedChars = [];
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -29,7 +34,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
29
34
|
|
|
30
35
|
|
|
31
36
|
const charactersToAdd = [['/', 2], ['/', 5]];
|
|
32
|
-
charactersToAdd.forEach(
|
|
37
|
+
charactersToAdd.forEach(_ref => {
|
|
38
|
+
let [chars, pos] = _ref;
|
|
39
|
+
|
|
33
40
|
if (nextMaskedValue.length > pos) {
|
|
34
41
|
nextMaskedValue.splice(pos, 0, chars);
|
|
35
42
|
if (maskedPos >= pos) maskedPos += chars.length;
|
|
@@ -37,11 +44,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
37
44
|
});
|
|
38
45
|
|
|
39
46
|
if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
|
|
40
|
-
charactersToAdd.forEach(
|
|
47
|
+
charactersToAdd.forEach(_ref2 => {
|
|
48
|
+
let [chars, pos] = _ref2;
|
|
41
49
|
if (maskedPos === pos) maskedPos += chars.length;
|
|
42
50
|
});
|
|
43
51
|
} else if (lastkeycode === 8 && maskedPos) {
|
|
44
|
-
charactersToAdd.forEach(
|
|
52
|
+
charactersToAdd.forEach(_ref3 => {
|
|
53
|
+
let [chars, pos] = _ref3;
|
|
45
54
|
if (maskedPos === pos + 1) maskedPos -= chars.length;
|
|
46
55
|
});
|
|
47
56
|
}
|
|
@@ -52,7 +61,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
52
61
|
};
|
|
53
62
|
};
|
|
54
63
|
|
|
55
|
-
const DateInputMask =
|
|
64
|
+
const DateInputMask = _ref4 => {
|
|
56
65
|
let {
|
|
57
66
|
focus,
|
|
58
67
|
setFocus,
|
|
@@ -85,17 +94,18 @@ const DateInputMask = _ref => {
|
|
|
85
94
|
leftComponent,
|
|
86
95
|
rightComponent,
|
|
87
96
|
value
|
|
88
|
-
} =
|
|
89
|
-
rest = _objectWithoutProperties__default["default"](
|
|
97
|
+
} = _ref4,
|
|
98
|
+
rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
|
90
99
|
|
|
91
100
|
const inputRef = React.useRef();
|
|
92
101
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
93
|
-
const conform = React.useCallback(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
102
|
+
const conform = React.useCallback(_ref5 => {
|
|
103
|
+
let {
|
|
104
|
+
rawValue,
|
|
105
|
+
cursorPos,
|
|
106
|
+
lastkeycode,
|
|
107
|
+
shouldUpdateCursorPos = true
|
|
108
|
+
} = _ref5;
|
|
99
109
|
const {
|
|
100
110
|
nextMaskedValue,
|
|
101
111
|
maskedPos
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -34,7 +39,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
34
39
|
|
|
35
40
|
|
|
36
41
|
const charactersToAdd = [['/', 2], ['/', 5], [' ', 10], [':', 13]];
|
|
37
|
-
charactersToAdd.forEach(
|
|
42
|
+
charactersToAdd.forEach(_ref => {
|
|
43
|
+
let [chars, pos] = _ref;
|
|
44
|
+
|
|
38
45
|
if (nextMaskedValue.length > pos) {
|
|
39
46
|
nextMaskedValue.splice(pos, 0, chars);
|
|
40
47
|
if (maskedPos >= pos) maskedPos += chars.length;
|
|
@@ -42,11 +49,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
42
49
|
});
|
|
43
50
|
|
|
44
51
|
if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
|
|
45
|
-
charactersToAdd.forEach(
|
|
52
|
+
charactersToAdd.forEach(_ref2 => {
|
|
53
|
+
let [chars, pos] = _ref2;
|
|
46
54
|
if (maskedPos === pos) maskedPos += chars.length;
|
|
47
55
|
});
|
|
48
56
|
} else if (lastkeycode === 8 && maskedPos) {
|
|
49
|
-
charactersToAdd.forEach(
|
|
57
|
+
charactersToAdd.forEach(_ref3 => {
|
|
58
|
+
let [chars, pos] = _ref3;
|
|
50
59
|
if (maskedPos === pos + 1) maskedPos -= chars.length;
|
|
51
60
|
});
|
|
52
61
|
}
|
|
@@ -57,7 +66,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
57
66
|
};
|
|
58
67
|
};
|
|
59
68
|
|
|
60
|
-
const DateTimeInputMask =
|
|
69
|
+
const DateTimeInputMask = _ref4 => {
|
|
61
70
|
let {
|
|
62
71
|
focus,
|
|
63
72
|
setFocus,
|
|
@@ -90,17 +99,18 @@ const DateTimeInputMask = _ref => {
|
|
|
90
99
|
leftComponent,
|
|
91
100
|
rightComponent,
|
|
92
101
|
value
|
|
93
|
-
} =
|
|
94
|
-
rest = _objectWithoutProperties__default["default"](
|
|
102
|
+
} = _ref4,
|
|
103
|
+
rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
|
95
104
|
|
|
96
105
|
const inputRef = React.useRef();
|
|
97
106
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
98
|
-
const conform = React.useCallback(
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
107
|
+
const conform = React.useCallback(_ref5 => {
|
|
108
|
+
let {
|
|
109
|
+
rawValue,
|
|
110
|
+
cursorPos,
|
|
111
|
+
lastkeycode,
|
|
112
|
+
shouldUpdateCursorPos = true
|
|
113
|
+
} = _ref5;
|
|
104
114
|
const {
|
|
105
115
|
nextMaskedValue,
|
|
106
116
|
maskedPos
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -88,12 +93,13 @@ const DictionaryInputMask = _ref => {
|
|
|
88
93
|
|
|
89
94
|
const inputRef = React.useRef();
|
|
90
95
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
91
|
-
const conform = React.useCallback(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
96
|
+
const conform = React.useCallback(_ref2 => {
|
|
97
|
+
let {
|
|
98
|
+
rawValue,
|
|
99
|
+
cursorPos,
|
|
100
|
+
lastkeycode,
|
|
101
|
+
shouldUpdateCursorPos = true
|
|
102
|
+
} = _ref2;
|
|
97
103
|
const {
|
|
98
104
|
nextMaskedValue,
|
|
99
105
|
maskedPos
|
|
@@ -3,6 +3,11 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
require('core-js/modules/es.string.replace.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
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
12
|
var React = require('react');
|
|
8
13
|
var DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
@@ -22,22 +27,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
22
27
|
|
|
23
28
|
const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
|
|
24
29
|
|
|
25
|
-
const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
|
|
26
|
-
prefix,
|
|
27
|
-
suffix,
|
|
28
|
-
includeThousandsSeparator,
|
|
29
|
-
thousandsSeparatorSymbol,
|
|
30
|
-
allowDecimal,
|
|
31
|
-
decimalSymbol,
|
|
32
|
-
decimalLimit,
|
|
33
|
-
requireDecimal,
|
|
34
|
-
allowNegative,
|
|
35
|
-
allowLeadingZeroes,
|
|
36
|
-
integerLimit,
|
|
37
|
-
shouldCompleteDecimals
|
|
38
|
-
}) => {
|
|
30
|
+
const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
|
|
39
31
|
var _decimal;
|
|
40
32
|
|
|
33
|
+
let {
|
|
34
|
+
prefix,
|
|
35
|
+
suffix,
|
|
36
|
+
includeThousandsSeparator,
|
|
37
|
+
thousandsSeparatorSymbol,
|
|
38
|
+
allowDecimal,
|
|
39
|
+
decimalSymbol,
|
|
40
|
+
decimalLimit,
|
|
41
|
+
requireDecimal,
|
|
42
|
+
allowNegative,
|
|
43
|
+
allowLeadingZeroes,
|
|
44
|
+
integerLimit,
|
|
45
|
+
shouldCompleteDecimals
|
|
46
|
+
} = _ref;
|
|
41
47
|
const prefixIndex = prevRawValue.indexOf(prefix);
|
|
42
48
|
const suffixIndex = prevRawValue.lastIndexOf(suffix);
|
|
43
49
|
const negativeIndex = prevRawValue.indexOf('-');
|
|
@@ -119,7 +125,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
|
|
|
119
125
|
};
|
|
120
126
|
};
|
|
121
127
|
|
|
122
|
-
const NumberInputMask =
|
|
128
|
+
const NumberInputMask = _ref2 => {
|
|
123
129
|
let {
|
|
124
130
|
focus,
|
|
125
131
|
setFocus,
|
|
@@ -164,18 +170,19 @@ const NumberInputMask = _ref => {
|
|
|
164
170
|
thousandsSeparatorSymbol,
|
|
165
171
|
type,
|
|
166
172
|
value
|
|
167
|
-
} =
|
|
168
|
-
rest = _objectWithoutProperties__default["default"](
|
|
173
|
+
} = _ref2,
|
|
174
|
+
rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
169
175
|
|
|
170
176
|
const inputRef = React.useRef();
|
|
171
177
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
172
|
-
const conform = React.useCallback(
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
178
|
+
const conform = React.useCallback(_ref3 => {
|
|
179
|
+
let {
|
|
180
|
+
rawValue,
|
|
181
|
+
cursorPos,
|
|
182
|
+
lastkeycode,
|
|
183
|
+
shouldUpdateCursorPos = true,
|
|
184
|
+
shouldCompleteDecimals = false
|
|
185
|
+
} = _ref3;
|
|
179
186
|
const {
|
|
180
187
|
nextMaskedValue,
|
|
181
188
|
maskedPos
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -33,7 +38,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
33
38
|
|
|
34
39
|
|
|
35
40
|
const charactersToAdd = [['(', 0], [') ', 4], ['-', 9]];
|
|
36
|
-
charactersToAdd.forEach(
|
|
41
|
+
charactersToAdd.forEach(_ref => {
|
|
42
|
+
let [chars, pos] = _ref;
|
|
43
|
+
|
|
37
44
|
if (nextMaskedValue.length > pos) {
|
|
38
45
|
nextMaskedValue.splice(pos, 0, ...chars);
|
|
39
46
|
if (maskedPos >= pos) maskedPos += chars.length;
|
|
@@ -41,11 +48,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
41
48
|
});
|
|
42
49
|
|
|
43
50
|
if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
|
|
44
|
-
charactersToAdd.forEach(
|
|
51
|
+
charactersToAdd.forEach(_ref2 => {
|
|
52
|
+
let [chars, pos] = _ref2;
|
|
45
53
|
if (maskedPos === pos) maskedPos += chars.length;
|
|
46
54
|
});
|
|
47
55
|
} else if (lastkeycode === 8 && maskedPos) {
|
|
48
|
-
charactersToAdd.forEach(
|
|
56
|
+
charactersToAdd.forEach(_ref3 => {
|
|
57
|
+
let [chars, pos] = _ref3;
|
|
49
58
|
if (maskedPos === pos + 1) maskedPos -= chars.length;
|
|
50
59
|
});
|
|
51
60
|
}
|
|
@@ -56,7 +65,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
56
65
|
};
|
|
57
66
|
};
|
|
58
67
|
|
|
59
|
-
const PhoneInputMask =
|
|
68
|
+
const PhoneInputMask = _ref4 => {
|
|
60
69
|
let {
|
|
61
70
|
focus,
|
|
62
71
|
setFocus,
|
|
@@ -89,17 +98,18 @@ const PhoneInputMask = _ref => {
|
|
|
89
98
|
leftComponent,
|
|
90
99
|
rightComponent,
|
|
91
100
|
value
|
|
92
|
-
} =
|
|
93
|
-
rest = _objectWithoutProperties__default["default"](
|
|
101
|
+
} = _ref4,
|
|
102
|
+
rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
|
94
103
|
|
|
95
104
|
const inputRef = React.useRef();
|
|
96
105
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
97
|
-
const conform = React.useCallback(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
106
|
+
const conform = React.useCallback(_ref5 => {
|
|
107
|
+
let {
|
|
108
|
+
rawValue,
|
|
109
|
+
cursorPos,
|
|
110
|
+
lastkeycode,
|
|
111
|
+
shouldUpdateCursorPos = true
|
|
112
|
+
} = _ref5;
|
|
103
113
|
const {
|
|
104
114
|
nextMaskedValue,
|
|
105
115
|
maskedPos
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -33,7 +38,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
33
38
|
|
|
34
39
|
|
|
35
40
|
const charactersToAdd = [['+1 (', 0], [') ', 7], ['-', 12]];
|
|
36
|
-
charactersToAdd.forEach(
|
|
41
|
+
charactersToAdd.forEach(_ref => {
|
|
42
|
+
let [chars, pos] = _ref;
|
|
43
|
+
|
|
37
44
|
if (nextMaskedValue.length > pos) {
|
|
38
45
|
nextMaskedValue.splice(pos, 0, ...chars);
|
|
39
46
|
if (maskedPos >= pos) maskedPos += chars.length;
|
|
@@ -41,11 +48,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
41
48
|
});
|
|
42
49
|
|
|
43
50
|
if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
|
|
44
|
-
charactersToAdd.forEach(
|
|
51
|
+
charactersToAdd.forEach(_ref2 => {
|
|
52
|
+
let [chars, pos] = _ref2;
|
|
45
53
|
if (maskedPos === pos) maskedPos += chars.length;
|
|
46
54
|
});
|
|
47
55
|
} else if (lastkeycode === 8 && maskedPos) {
|
|
48
|
-
charactersToAdd.forEach(
|
|
56
|
+
charactersToAdd.forEach(_ref3 => {
|
|
57
|
+
let [chars, pos] = _ref3;
|
|
49
58
|
if (maskedPos === pos + 1) maskedPos -= chars.length;
|
|
50
59
|
});
|
|
51
60
|
}
|
|
@@ -56,7 +65,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
56
65
|
};
|
|
57
66
|
};
|
|
58
67
|
|
|
59
|
-
const PhoneInternationalInputMask =
|
|
68
|
+
const PhoneInternationalInputMask = _ref4 => {
|
|
60
69
|
let {
|
|
61
70
|
focus,
|
|
62
71
|
setFocus,
|
|
@@ -89,17 +98,18 @@ const PhoneInternationalInputMask = _ref => {
|
|
|
89
98
|
leftComponent,
|
|
90
99
|
rightComponent,
|
|
91
100
|
value
|
|
92
|
-
} =
|
|
93
|
-
rest = _objectWithoutProperties__default["default"](
|
|
101
|
+
} = _ref4,
|
|
102
|
+
rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
|
94
103
|
|
|
95
104
|
const inputRef = React.useRef();
|
|
96
105
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
97
|
-
const conform = React.useCallback(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
106
|
+
const conform = React.useCallback(_ref5 => {
|
|
107
|
+
let {
|
|
108
|
+
rawValue,
|
|
109
|
+
cursorPos,
|
|
110
|
+
lastkeycode,
|
|
111
|
+
shouldUpdateCursorPos = true
|
|
112
|
+
} = _ref5;
|
|
103
113
|
const {
|
|
104
114
|
nextMaskedValue,
|
|
105
115
|
maskedPos
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
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');
|
|
5
8
|
require('core-js/modules/web.dom-collections.iterator.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 DSTextBox = require('../../TextBox/DSTextBox.js');
|
|
8
13
|
var setCaretPosition = require('../utils/setCaretPosition.js');
|
|
@@ -29,7 +34,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
29
34
|
|
|
30
35
|
|
|
31
36
|
const charactersToAdd = [['-', 3], ['-', 6]];
|
|
32
|
-
charactersToAdd.forEach(
|
|
37
|
+
charactersToAdd.forEach(_ref => {
|
|
38
|
+
let [chars, pos] = _ref;
|
|
39
|
+
|
|
33
40
|
if (nextMaskedValue.length > pos) {
|
|
34
41
|
nextMaskedValue.splice(pos, 0, ...chars);
|
|
35
42
|
if (maskedPos >= pos) maskedPos += chars.length;
|
|
@@ -37,11 +44,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
37
44
|
});
|
|
38
45
|
|
|
39
46
|
if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
|
|
40
|
-
charactersToAdd.forEach(
|
|
47
|
+
charactersToAdd.forEach(_ref2 => {
|
|
48
|
+
let [chars, pos] = _ref2;
|
|
41
49
|
if (maskedPos === pos) maskedPos += chars.length;
|
|
42
50
|
});
|
|
43
51
|
} else if (lastkeycode === 8 && maskedPos) {
|
|
44
|
-
charactersToAdd.forEach(
|
|
52
|
+
charactersToAdd.forEach(_ref3 => {
|
|
53
|
+
let [chars, pos] = _ref3;
|
|
45
54
|
if (maskedPos === pos + 1) maskedPos -= chars.length;
|
|
46
55
|
});
|
|
47
56
|
}
|
|
@@ -52,7 +61,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
|
52
61
|
};
|
|
53
62
|
};
|
|
54
63
|
|
|
55
|
-
const SsnInputMask =
|
|
64
|
+
const SsnInputMask = _ref4 => {
|
|
56
65
|
let {
|
|
57
66
|
focus,
|
|
58
67
|
setFocus,
|
|
@@ -85,17 +94,18 @@ const SsnInputMask = _ref => {
|
|
|
85
94
|
leftComponent,
|
|
86
95
|
rightComponent,
|
|
87
96
|
value
|
|
88
|
-
} =
|
|
89
|
-
rest = _objectWithoutProperties__default["default"](
|
|
97
|
+
} = _ref4,
|
|
98
|
+
rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
|
|
90
99
|
|
|
91
100
|
const inputRef = React.useRef();
|
|
92
101
|
const [maskedValue, setMaskedValue] = React.useState(value);
|
|
93
|
-
const conform = React.useCallback(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
102
|
+
const conform = React.useCallback(_ref5 => {
|
|
103
|
+
let {
|
|
104
|
+
rawValue,
|
|
105
|
+
cursorPos,
|
|
106
|
+
lastkeycode,
|
|
107
|
+
shouldUpdateCursorPos = true
|
|
108
|
+
} = _ref5;
|
|
99
109
|
const {
|
|
100
110
|
nextMaskedValue,
|
|
101
111
|
maskedPos
|