@elliemae/ds-form 3.0.0-alpha.0 → 3.0.0-alpha.1
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/dist/cjs/CheckboxGroup/DSCheckboxGroup.js +29 -15
- package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +65 -22
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +19 -5
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js +15 -3
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +20 -7
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/dist/cjs/DateInput/DSDateInput.js +46 -14
- package/dist/cjs/DateInput/DSDateInput.js.map +1 -1
- package/dist/cjs/DateInput/components/DateInputImpl.js +17 -4
- package/dist/cjs/DateInput/components/DateInputImpl.js.map +1 -1
- package/dist/cjs/DateInput/components/DateInputs.js +23 -9
- package/dist/cjs/DateInput/components/DateInputs.js.map +1 -1
- package/dist/cjs/DateInputV2/components/DateInputs.js +23 -9
- package/dist/cjs/DateInputV2/components/DateInputs.js.map +1 -1
- package/dist/cjs/ExpandableInput/ExpandableInputImpl.js +19 -3
- package/dist/cjs/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +17 -4
- package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/cjs/FormItem/DSFormItemLayout.js +118 -56
- package/dist/cjs/FormItem/DSFormItemLayout.js.map +1 -1
- package/dist/cjs/FormItem/ValidationFieldWrapper.js +19 -3
- package/dist/cjs/FormItem/ValidationFieldWrapper.js.map +1 -1
- package/dist/cjs/InputGroup/AddonWrapper.js +17 -4
- package/dist/cjs/InputGroup/AddonWrapper.js.map +1 -1
- package/dist/cjs/InputMask/DSInputMask.js +51 -19
- package/dist/cjs/InputMask/DSInputMask.js.map +1 -1
- package/dist/cjs/InputMask/DSInputMaskDeprecated.js +62 -11
- package/dist/cjs/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/cjs/InputMask/MaskTypes.js +17 -3
- package/dist/cjs/InputMask/MaskTypes.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/DateInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/DateInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js +103 -40
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/NumberInputMask.js +121 -49
- package/dist/cjs/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +97 -37
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/index.js +119 -79
- package/dist/cjs/InputMask/mask_types/index.js.map +1 -1
- package/dist/cjs/InputProtected/DSInputProtected.js +51 -14
- package/dist/cjs/InputProtected/DSInputProtected.js.map +1 -1
- package/dist/cjs/LargeInputText/DSLargeInputText.js +19 -3
- package/dist/cjs/LargeInputText/DSLargeInputText.js.map +1 -1
- package/dist/cjs/Radio/DSRadio.js +65 -23
- package/dist/cjs/Radio/DSRadio.js.map +1 -1
- package/dist/cjs/RadioGroup/DSRadioGroup.js +29 -15
- package/dist/cjs/RadioGroup/DSRadioGroup.js.map +1 -1
- package/dist/cjs/TimeInput/DSTimeInput.js +40 -8
- package/dist/cjs/TimeInput/DSTimeInput.js.map +1 -1
- package/dist/cjs/TimeInput/TimeInputImpl.js +17 -4
- package/dist/cjs/TimeInput/TimeInputImpl.js.map +1 -1
- package/dist/cjs/TimeInput/TimeInputs.js +25 -12
- package/dist/cjs/TimeInput/TimeInputs.js.map +1 -1
- package/dist/cjs/Toggle/DSToggle.js +66 -25
- package/dist/cjs/Toggle/DSToggle.js.map +1 -1
- package/dist/cjs/Toggle/DSToggleImpl.js +22 -7
- package/dist/cjs/Toggle/DSToggleImpl.js.map +1 -1
- package/dist/cjs/Toggle/DSToggleRender.js +24 -10
- package/dist/cjs/Toggle/DSToggleRender.js.map +1 -1
- package/dist/esm/CheckboxGroup/DSCheckboxGroup.js +31 -15
- package/dist/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +67 -22
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +21 -5
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js +17 -3
- package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +22 -7
- package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/dist/esm/DateInput/DSDateInput.js +48 -14
- package/dist/esm/DateInput/DSDateInput.js.map +1 -1
- package/dist/esm/DateInput/components/DateInputImpl.js +19 -4
- package/dist/esm/DateInput/components/DateInputImpl.js.map +1 -1
- package/dist/esm/DateInput/components/DateInputs.js +25 -9
- package/dist/esm/DateInput/components/DateInputs.js.map +1 -1
- package/dist/esm/DateInputV2/components/DateInputs.js +25 -9
- package/dist/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/dist/esm/ExpandableInput/ExpandableInputImpl.js +21 -3
- package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js +19 -4
- package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/esm/FormItem/DSFormItemLayout.js +120 -56
- package/dist/esm/FormItem/DSFormItemLayout.js.map +1 -1
- package/dist/esm/FormItem/ValidationFieldWrapper.js +21 -3
- package/dist/esm/FormItem/ValidationFieldWrapper.js.map +1 -1
- package/dist/esm/InputGroup/AddonWrapper.js +19 -4
- package/dist/esm/InputGroup/AddonWrapper.js.map +1 -1
- package/dist/esm/InputMask/DSInputMask.js +53 -19
- package/dist/esm/InputMask/DSInputMask.js.map +1 -1
- package/dist/esm/InputMask/DSInputMaskDeprecated.js +64 -11
- package/dist/esm/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/esm/InputMask/MaskTypes.js +19 -3
- package/dist/esm/InputMask/MaskTypes.js.map +1 -1
- package/dist/esm/InputMask/mask_types/DateInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/DateInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js +105 -40
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/NumberInputMask.js +123 -49
- package/dist/esm/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/SsnInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/SsnInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +99 -37
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/index.js +121 -79
- package/dist/esm/InputMask/mask_types/index.js.map +1 -1
- package/dist/esm/InputProtected/DSInputProtected.js +53 -14
- package/dist/esm/InputProtected/DSInputProtected.js.map +1 -1
- package/dist/esm/LargeInputText/DSLargeInputText.js +21 -3
- package/dist/esm/LargeInputText/DSLargeInputText.js.map +1 -1
- package/dist/esm/Radio/DSRadio.js +67 -23
- package/dist/esm/Radio/DSRadio.js.map +1 -1
- package/dist/esm/RadioGroup/DSRadioGroup.js +31 -15
- package/dist/esm/RadioGroup/DSRadioGroup.js.map +1 -1
- package/dist/esm/TimeInput/DSTimeInput.js +42 -8
- package/dist/esm/TimeInput/DSTimeInput.js.map +1 -1
- package/dist/esm/TimeInput/TimeInputImpl.js +19 -4
- package/dist/esm/TimeInput/TimeInputImpl.js.map +1 -1
- package/dist/esm/TimeInput/TimeInputs.js +27 -12
- package/dist/esm/TimeInput/TimeInputs.js.map +1 -1
- package/dist/esm/Toggle/DSToggle.js +68 -25
- package/dist/esm/Toggle/DSToggle.js.map +1 -1
- package/dist/esm/Toggle/DSToggleImpl.js +24 -7
- package/dist/esm/Toggle/DSToggleImpl.js.map +1 -1
- package/dist/esm/Toggle/DSToggleRender.js +26 -10
- package/dist/esm/Toggle/DSToggleRender.js.map +1 -1
- package/package.json +13 -12
- package/dist/types/Checkbox/DSCheckbox.d.ts +0 -0
- package/dist/types/Checkbox/defaultProps.d.ts +0 -0
- package/dist/types/Checkbox/elements/CheckMark.d.ts +0 -0
- package/dist/types/Checkbox/index.d.ts +0 -1
- package/dist/types/Checkbox/props.d.ts +0 -0
- package/dist/types/Checkbox/tests/DSCheckbox.events.test.d.ts +0 -0
- package/dist/types/CheckboxGroup/DSCheckboxGroup.d.ts +0 -72
- package/dist/types/CheckboxGroup/defaultProps.d.ts +0 -14
- package/dist/types/CheckboxGroup/index.d.ts +0 -1
- package/dist/types/CheckboxGroup/props.d.ts +0 -57
- package/dist/types/CheckboxGroup/tests/DSCheckboxGroup.events.test.d.ts +0 -1
- package/dist/types/ComboBox/DSComboBox.d.ts +0 -1
- package/dist/types/ComboBox/index.d.ts +0 -1
- package/dist/types/ComboBox/v1/DSComboBox.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/AllOption.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/ClearIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/Control.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/CustomOption.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/CustomOptionMulti.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/DropdownIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/MenuList.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/MultiSelectHeader.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/MultiValueLabel.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/MultiValueRemove.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/SelectMenu.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/SingleValueLabel.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/ValueContainer.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/calculateWidth.d.ts +0 -0
- package/dist/types/ComboBox/v1/components/getoptions.d.ts +0 -0
- package/dist/types/ComboBox/v1/index.d.ts +0 -1
- package/dist/types/ComboBox/v1/withSelectStringValueConverter.d.ts +0 -0
- package/dist/types/ComboBox/v2/Combobox.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/AllOption.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/ClearIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/Content.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/Control.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/CustomOption.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/CustomOptionMulti.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/DropdownIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/GroupHeading.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/IndicatorSeparator.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/LoadingIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/MenuList.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/MultiSelectHeader.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/MultiValueLabel.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/MultiValueRemove.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/SelectMenu.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/SingleValueLabel.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/ValueContainer.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/calculateWidth.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/getoptions.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/tests/ClearIndicator.test.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/useMenuListHeight.d.ts +0 -0
- package/dist/types/ComboBox/v2/components/utils.d.ts +0 -0
- package/dist/types/ComboBox/v2/context.d.ts +0 -0
- package/dist/types/ComboBox/v2/index.d.ts +0 -0
- package/dist/types/ComboBox/v2/mockOptions.d.ts +0 -0
- package/dist/types/ComboBox/v2/tests/Combobox.test.d.ts +0 -0
- package/dist/types/ComboBox/v2/withSelectStringValueConverter.d.ts +0 -0
- package/dist/types/ComboBox/v3/ComboBox.d.ts +0 -0
- package/dist/types/ComboBox/v3/ComboBoxCTX.d.ts +0 -0
- package/dist/types/ComboBox/v3/ComboboxDataTestids.d.ts +0 -0
- package/dist/types/ComboBox/v3/config/constants.d.ts +0 -0
- package/dist/types/ComboBox/v3/config/useComboBox.d.ts +0 -0
- package/dist/types/ComboBox/v3/config/useGetPropsWithDefault.d.ts +0 -0
- package/dist/types/ComboBox/v3/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/a11y-messages/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/a11y-messages/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/container/Container.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/container/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/container/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls/Controls.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls-input/ControlsInput.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls-input/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/controls-input/useControlsInput.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/dropdown-indicator/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/dropdown-indicator/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/empty-state/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/empty-state/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/header-list/HeaderList.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/header-list/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/header-list/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/header-list/useHeaderListHandlers.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/menu-list/MenuList.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/menu-list/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/menu-list/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/menu-list/useItemRenderer.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/menu-list/useMenuList.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/multi-selected-values-container/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/multi-selected-values-container/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/single-selected-value-container/index.d.ts +0 -0
- package/dist/types/ComboBox/v3/parts/single-selected-value-container/styled.d.ts +0 -0
- package/dist/types/ComboBox/v3/propTypes.d.ts +0 -0
- package/dist/types/ComboBox/v3/tests/combobox-general.test.d.ts +0 -0
- package/dist/types/ComboBox/v3/tests/combobox-multi-select.test.d.ts +0 -0
- package/dist/types/ComboBox/v3/tests/combobox-single-select.test.d.ts +0 -0
- package/dist/types/ComboBox/v3/tests/combobox-special-keys.test.d.ts +0 -0
- package/dist/types/ComboBox/v3/tests/utils.d.ts +0 -0
- package/dist/types/ComboBox/v3/utils/hooks/useKeyboardNavigation.d.ts +0 -0
- package/dist/types/ComboBox/v3/utils/hooks/useOnElementResize.d.ts +0 -0
- package/dist/types/ComboBox/v3/utils/listHelper.d.ts +0 -0
- package/dist/types/ComboBoxFreeSolo/ComboBoxFreeSolo.d.ts +0 -78
- package/dist/types/ComboBoxFreeSolo/components/MultiValueLabel.d.ts +0 -6
- package/dist/types/ComboBoxFreeSolo/components/MultiValueRemove.d.ts +0 -6
- package/dist/types/ComboBoxFreeSolo/components/SingleValue.d.ts +0 -3
- package/dist/types/ComboBoxFreeSolo/components/SingleValueRemove.d.ts +0 -6
- package/dist/types/ComboBoxFreeSolo/index.d.ts +0 -1
- package/dist/types/DateInput/DSDateInput.d.ts +0 -143
- package/dist/types/DateInput/components/DateInputImpl.d.ts +0 -41
- package/dist/types/DateInput/components/DateInputs.d.ts +0 -41
- package/dist/types/DateInput/components/utils.d.ts +0 -40
- package/dist/types/DateInput/defaultProps.d.ts +0 -18
- package/dist/types/DateInput/index.d.ts +0 -1
- package/dist/types/DateInput/props.d.ts +0 -173
- package/dist/types/DateInput/tests/DSDateInput.events.test.d.ts +0 -1
- package/dist/types/DateInputV2/components/DSDateInput.d.ts +0 -97
- package/dist/types/DateInputV2/components/DateInputs.d.ts +0 -33
- package/dist/types/DateInputV2/components/helpers.d.ts +0 -1
- package/dist/types/DateInputV2/components/props.d.ts +0 -104
- package/dist/types/DateInputV2/components/propsTypes.d.ts +0 -21
- package/dist/types/DateInputV2/components/styled.d.ts +0 -5
- package/dist/types/DateInputV2/components/utils.d.ts +0 -42
- package/dist/types/DateInputV2/index.d.ts +0 -2
- package/dist/types/DateInputV2/tests/DateInput.test.d.ts +0 -1
- package/dist/types/ExpandableInput/DSExpandableInput.d.ts +0 -16
- package/dist/types/ExpandableInput/ExpandableInputImpl.d.ts +0 -7
- package/dist/types/ExpandableInput/index.d.ts +0 -1
- package/dist/types/FloatingLabelInput/DSFloatingLabelInput.d.ts +0 -44
- package/dist/types/FloatingLabelInput/FloatingLabelInputImpl.d.ts +0 -27
- package/dist/types/FloatingLabelInput/getSvgPath.d.ts +0 -10
- package/dist/types/FloatingLabelInput/index.d.ts +0 -1
- package/dist/types/FormItem/DSFormItemLayout.d.ts +0 -335
- package/dist/types/FormItem/Error/DSError.d.ts +0 -31
- package/dist/types/FormItem/Feedback.d.ts +0 -7
- package/dist/types/FormItem/Label/DSLabel.d.ts +0 -24
- package/dist/types/FormItem/Suffix/Suffix.d.ts +0 -4
- package/dist/types/FormItem/ValidationFieldWrapper.d.ts +0 -19
- package/dist/types/FormItem/defaultProps.d.ts +0 -52
- package/dist/types/FormItem/index.d.ts +0 -2
- package/dist/types/FormItem/props.d.ts +0 -270
- package/dist/types/FormItem/tests/DSFormItem.events.test.d.ts +0 -1
- package/dist/types/FormItem/variants.d.ts +0 -8
- package/dist/types/Input/DSInput.d.ts +0 -0
- package/dist/types/Input/InputAddonWrapper.d.ts +0 -0
- package/dist/types/Input/InputImpl.d.ts +0 -0
- package/dist/types/Input/index.d.ts +0 -1
- package/dist/types/Input/tests/Input.test.d.ts +0 -0
- package/dist/types/InputGroup/AddonWrapper.d.ts +0 -8
- package/dist/types/InputGroup/DSInputGroup.d.ts +0 -72
- package/dist/types/InputGroup/defaultProps.d.ts +0 -8
- package/dist/types/InputGroup/index.d.ts +0 -1
- package/dist/types/InputGroup/props.d.ts +0 -60
- package/dist/types/InputGroup/tests/DSInputGroup.events.test.d.ts +0 -1
- package/dist/types/InputMask/DSInputMask.d.ts +0 -218
- package/dist/types/InputMask/DSInputMaskDeprecated.d.ts +0 -18
- package/dist/types/InputMask/InputMaskContext.d.ts +0 -18
- package/dist/types/InputMask/MaskPipes.d.ts +0 -18
- package/dist/types/InputMask/MaskTypes.d.ts +0 -15
- package/dist/types/InputMask/addons/AutoCorrectedDatePipe.d.ts +0 -8
- package/dist/types/InputMask/defaultProps.d.ts +0 -28
- package/dist/types/InputMask/index.d.ts +0 -1
- package/dist/types/InputMask/mask_types/DateInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/DateTimeInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/DictionaryInputMask.d.ts +0 -81
- package/dist/types/InputMask/mask_types/NumberInputMask.d.ts +0 -99
- package/dist/types/InputMask/mask_types/PhoneInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/PhoneInternationalInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/SsnInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/UsZipCodeInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/ZipCodeSearchInputMask.d.ts +0 -75
- package/dist/types/InputMask/mask_types/index.d.ts +0 -42
- package/dist/types/InputMask/props.d.ts +0 -254
- package/dist/types/InputMask/tests/DSInputMask.test.d.ts +0 -1
- package/dist/types/InputMask/tests/NumberInputMask.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/DateInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/DateTimeInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/NumberInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/PercentInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/PhoneInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/PhoneInternationalInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/SsnInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/UsZipCodeInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/tests/events/ZipCodeSearchInputMask.events.test.d.ts +0 -1
- package/dist/types/InputMask/types/index.d.ts +0 -5
- package/dist/types/InputMask/utils/setCaretPosition.d.ts +0 -3
- package/dist/types/InputProtected/DSInputProtected.d.ts +0 -70
- package/dist/types/InputProtected/defaultProps.d.ts +0 -4
- package/dist/types/InputProtected/index.d.ts +0 -2
- package/dist/types/InputProtected/options.d.ts +0 -8
- package/dist/types/InputProtected/props.d.ts +0 -49
- package/dist/types/InputProtected/tests/DSInputProtected.events.test.d.ts +0 -1
- package/dist/types/InputProtected/tests/DSInputProtected.test.d.ts +0 -1
- package/dist/types/LargeInputText/DSLargeInputText.d.ts +0 -233
- package/dist/types/LargeInputText/defaultProps.d.ts +0 -31
- package/dist/types/LargeInputText/index.d.ts +0 -1
- package/dist/types/LargeInputText/props.d.ts +0 -231
- package/dist/types/LargeInputText/tests/DSLargeInputText.events.test.d.ts +0 -1
- package/dist/types/LargeInputText/tests/DSLargeInputText.test.d.ts +0 -1
- package/dist/types/MenuItem/components/MenuItem/index.d.ts +0 -0
- package/dist/types/MenuItem/components/MenuItem/styled.d.ts +0 -0
- package/dist/types/MenuItem/components/MultiMenuItem/MultiMenuItem.d.ts +0 -0
- package/dist/types/MenuItem/components/MultiMenuItem/styled.d.ts +0 -0
- package/dist/types/MenuItem/components/Section/index.d.ts +0 -0
- package/dist/types/MenuItem/components/Section/props.d.ts +0 -0
- package/dist/types/MenuItem/components/Section/styled.d.ts +0 -0
- package/dist/types/MenuItem/components/Separator/index.d.ts +0 -0
- package/dist/types/MenuItem/components/Separator/styled.d.ts +0 -0
- package/dist/types/MenuItem/components/SingleMenuItem/SingleMenuItem.d.ts +0 -0
- package/dist/types/MenuItem/components/SubmenuItem/index.d.ts +0 -0
- package/dist/types/MenuItem/components/SubmenuItem/styled.d.ts +0 -0
- package/dist/types/MenuItem/components/index.d.ts +0 -0
- package/dist/types/MenuItem/components/styled.d.ts +0 -0
- package/dist/types/MenuItem/index.d.ts +0 -0
- package/dist/types/MenuItem/props.d.ts +0 -0
- package/dist/types/Radio/Circle.d.ts +0 -8
- package/dist/types/Radio/DSRadio.d.ts +0 -157
- package/dist/types/Radio/index.d.ts +0 -1
- package/dist/types/RadioGroup/DSRadioGroup.d.ts +0 -72
- package/dist/types/RadioGroup/defaultProps.d.ts +0 -12
- package/dist/types/RadioGroup/index.d.ts +0 -1
- package/dist/types/RadioGroup/props.d.ts +0 -56
- package/dist/types/RadioGroup/tests/DSRadioGroup.events.test.d.ts +0 -1
- package/dist/types/RequiredMark/RequiredMark.d.ts +0 -7
- package/dist/types/RequiredMark/index.d.ts +0 -1
- package/dist/types/SearchBox/DSSearchBox.d.ts +0 -0
- package/dist/types/SearchBox/NavSearchBox.d.ts +0 -0
- package/dist/types/SearchBox/SButton.d.ts +0 -0
- package/dist/types/SearchBox/SearchBoxToggle.d.ts +0 -0
- package/dist/types/SearchBox/defaultProps.d.ts +0 -0
- package/dist/types/SearchBox/index.d.ts +0 -1
- package/dist/types/SearchBox/props.d.ts +0 -0
- package/dist/types/SearchBox/styled.d.ts +0 -0
- package/dist/types/SearchBox/tests/DSNavSearchBox.events.test.d.ts +0 -0
- package/dist/types/SearchBox/tests/DSSearchBox.events.test.d.ts +0 -0
- package/dist/types/SearchBox/tests/DSSearchBox.test.d.ts +0 -0
- package/dist/types/SearchBox/useSearch.d.ts +0 -0
- package/dist/types/SearchBox/withSearchable.d.ts +0 -0
- package/dist/types/TextBox/DSTextBox.d.ts +0 -0
- package/dist/types/TextBox/index.d.ts +0 -1
- package/dist/types/TextBox/tests/DSTextBox.test.d.ts +0 -0
- package/dist/types/TimeInput/DSTimeInput.d.ts +0 -122
- package/dist/types/TimeInput/TimeInputImpl.d.ts +0 -56
- package/dist/types/TimeInput/TimeInputs.d.ts +0 -18
- package/dist/types/TimeInput/index.d.ts +0 -1
- package/dist/types/TimeInput/utils.d.ts +0 -39
- package/dist/types/Toggle/DSToggle.d.ts +0 -134
- package/dist/types/Toggle/DSToggleImpl.d.ts +0 -57
- package/dist/types/Toggle/DSToggleRender.d.ts +0 -33
- package/dist/types/Toggle/index.d.ts +0 -1
- package/dist/types/Toggle/props.d.ts +0 -47
- package/dist/types/Toggle/toggleHelper.d.ts +0 -24
- package/dist/types/index.d.ts +0 -21
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInput/components/DateInputImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DateInputs } from './DateInputs';\n\nconst blockName = 'input-time';\n\nconst DateInputContainer = aggregatedClasses('div')(blockName);\n\nconst getVisibleTimeByFormat = (format) => ({\n showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,\n showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,\n showYear: format.indexOf('YYYY') > -1,\n});\n\nconst DateInputImpl = ({\n format,\n innerRef,\n onBlur,\n onChange,\n onKeyDown,\n onError,\n className,\n value,\n disabled,\n yearMaxRange,\n yearMinRange,\n onFocus,\n // eslint-disable-next-line react/prop-types\n INTERNAL_V2_NO_MUTATION,\n}) => {\n const inputContainerRef = useRef();\n\n const handleFocus = (e) => {\n onFocus();\n if (!e.target.type) {\n inputContainerRef.current.querySelector('input').focus();\n }\n };\n\n const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);\n\n return (\n <DateInputContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n <DateInputs\n disabled={disabled}\n format={format}\n INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n innerRef={inputContainerRef}\n onBlur={onBlur}\n onChange={onChange}\n onCustomKeyDown={onKeyDown}\n onError={onError}\n time={value}\n yearMaxRange={yearMaxRange}\n yearMinRange={yearMinRange}\n {...visibleInputs}\n />\n </DateInputContainer>\n );\n};\n\nDateInputImpl.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n className: PropTypes.string,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n onFocus: PropTypes.func,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n value: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputImpl };\nexport default DateInputImpl;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,yBAAyB,CAAC,WAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC9D,SAAS,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC5D,UAAU,OAAO,QAAQ,UAAU;AAAA;AAGrC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,oBAAoB;AAE1B,QAAM,cAAc,CAAC,MAAM;AACzB;AACA,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,SAAS;AAAA;AAAA;AAIrD,QAAM,gBAAgB,QAAQ,MAAM,uBAAuB,SAAS,CAAC;AAErE,SACE,qCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,KACzF,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,yBAAyB,CAAC,WAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC9D,SAAS,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO;AAAA,EAC5D,UAAU,OAAO,QAAQ,UAAU;AAAA;AAGrC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,oBAAoB;AAE1B,QAAM,cAAc,CAAC,MAAM;AACzB;AACA,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,SAAS;AAAA;AAAA;AAIrD,QAAM,gBAAgB,QAAQ,MAAM,uBAAuB,SAAS,CAAC;AAErE,SACE,qCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,KACzF,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,KACI;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,OAAO,UAAU,WAAW;AAAA;AAI9B,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { useState, useEffect, useCallback } from "react";
|
|
3
22
|
import PropTypes from "prop-types";
|
|
@@ -216,8 +235,7 @@ const DateInputs = ({
|
|
|
216
235
|
handleMonthChange(e);
|
|
217
236
|
triggerOnBlur(e, onBlur);
|
|
218
237
|
};
|
|
219
|
-
return /* @__PURE__ */ React2.createElement(MonthInput, {
|
|
220
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
238
|
+
return /* @__PURE__ */ React2.createElement(MonthInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
221
239
|
autocomplete: "off",
|
|
222
240
|
key: "month-input",
|
|
223
241
|
"data-testid": "month",
|
|
@@ -226,7 +244,7 @@ const DateInputs = ({
|
|
|
226
244
|
onBlur: onMonthInputBlur,
|
|
227
245
|
onChange: handleMonthChange,
|
|
228
246
|
value: month
|
|
229
|
-
});
|
|
247
|
+
}));
|
|
230
248
|
};
|
|
231
249
|
const renderDayInput = () => {
|
|
232
250
|
if (!showDay)
|
|
@@ -236,8 +254,7 @@ const DateInputs = ({
|
|
|
236
254
|
handleDayChange(e);
|
|
237
255
|
triggerOnBlur(e, onBlur);
|
|
238
256
|
};
|
|
239
|
-
return /* @__PURE__ */ React2.createElement(DayInput, {
|
|
240
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
257
|
+
return /* @__PURE__ */ React2.createElement(DayInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
241
258
|
autocomplete: "off",
|
|
242
259
|
key: "day-input",
|
|
243
260
|
"data-testid": "day",
|
|
@@ -246,7 +263,7 @@ const DateInputs = ({
|
|
|
246
263
|
onBlur: onDayInputBlur,
|
|
247
264
|
onChange: handleDayChange,
|
|
248
265
|
value: day
|
|
249
|
-
});
|
|
266
|
+
}));
|
|
250
267
|
};
|
|
251
268
|
const renderYearInput = () => {
|
|
252
269
|
if (!showYear)
|
|
@@ -257,8 +274,7 @@ const DateInputs = ({
|
|
|
257
274
|
handleYearChange(e);
|
|
258
275
|
triggerOnBlur(e, onBlur);
|
|
259
276
|
};
|
|
260
|
-
return /* @__PURE__ */ React2.createElement(YearInput, {
|
|
261
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
277
|
+
return /* @__PURE__ */ React2.createElement(YearInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
262
278
|
autocomplete: "off",
|
|
263
279
|
key: "seconds-input",
|
|
264
280
|
"data-testid": "year",
|
|
@@ -267,7 +283,7 @@ const DateInputs = ({
|
|
|
267
283
|
onBlur: onYearInputBlur,
|
|
268
284
|
onChange: handleYearChange,
|
|
269
285
|
value: year
|
|
270
|
-
});
|
|
286
|
+
}));
|
|
271
287
|
};
|
|
272
288
|
const renderDateInputs = () => {
|
|
273
289
|
const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInput/components/DateInputs.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n formatMonth,\n formatDay,\n formatYear,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getDateValuesFromTime,\n getNextTimeValue,\n focusNextInputIfNeeded,\n commonInputProps,\n handleCompletedDate,\n triggerOnBlur,\n isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n innerRef,\n onBlur,\n onChange,\n onCustomKeyDown,\n onError,\n format = '',\n showMonth = true,\n showDay = true,\n showYear = true,\n step = 1,\n yearMaxRange,\n disabled,\n yearMinRange,\n time,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n const [currentKey, setCurrentKey] = useState('ArrowUp');\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const prevTime = usePrevious(time);\n const prevFormat = usePrevious(format);\n\n let digits = 2;\n let placeholder = '';\n\n useEffect(() => {\n if (time) {\n const dateValues = getDateValuesFromTime(time, format);\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [format, time]);\n\n useEffect(() => {\n if (!time && prevTime) {\n setMonth('');\n setDay('');\n setYear('');\n onChange('');\n }\n if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n const dateValues = getDateValuesFromTime(time, format);\n\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [time, prevTime, format, prevFormat, onChange]);\n\n const isCompletedDate = useCallback(\n () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n );\n\n useEffect(() => {\n if (INTERNAL_V2_NO_MUTATION) {\n const dateValues = getDateValuesFromTime(time, format);\n\n if (dateValues.day !== day && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.month !== month && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.year !== year && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n }\n }\n }, [\n INTERNAL_V2_NO_MUTATION,\n day,\n format,\n isCompletedDate,\n month,\n onChange,\n showDay,\n showMonth,\n showYear,\n time,\n year,\n ]);\n\n const triggerChange = () =>\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n const handleYearChange = (e) => {\n const { value } = e.target;\n const yearValue = parseTimeNumberFromText(value);\n const yearRange = { min: 1, max: 9999 };\n const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n setYear(formatYear(format, nextYear));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n };\n\n const handleMonthChange = (e) => {\n const { value } = e.target;\n const monthValue = parseTimeNumberFromText(value);\n const monthRange = { min: 1, max: 12 };\n const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n setMonth(formatMonth(format, nextMonth));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n };\n\n const handleDayChange = (e) => {\n const { value } = e.target;\n const dayValue = parseTimeNumberFromText(value);\n const dayRange = { min: 1, max: 31 };\n const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n setDay(formatDay(format, nextDay));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n };\n\n // eslint-disable-next-line complexity\n const onKeyDown = (event, shouldIncrementDecrement = true) => {\n const { value, name } = event.target;\n const change = {\n day: (v) => handleDayChange({ target: { value: v } }),\n month: (v) => handleMonthChange({ target: { value: v } }),\n year: (v) => handleYearChange({ target: { value: v } }),\n };\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n focusPreviousInput(event.target);\n break;\n }\n case 'ArrowUp': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](incrementedValue);\n } else {\n setNativeValue(event.target, incrementedValue);\n }\n }\n break;\n }\n case 'ArrowDown': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](decrementedValue);\n } else {\n setNativeValue(event.target, decrementedValue);\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n focusNextInput(event.target);\n break;\n }\n case 'Backspace': {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n // eslint-disable-next-line no-lonely-if\n if (INTERNAL_V2_NO_MUTATION) {\n change[name]('');\n } else {\n setNativeValue(event.target, '');\n }\n }\n break;\n }\n case 'Enter': {\n if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n setCurrentKey(null);\n break;\n }\n default:\n if (onCustomKeyDown) onCustomKeyDown(event);\n setCurrentKey(null);\n }\n };\n\n const renderMonthInput = () => {\n if (!showMonth) return null;\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n handleMonthChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <MonthInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={handleMonthChange}\n value={month}\n />\n );\n };\n const renderDayInput = () => {\n if (!showDay) return null;\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n handleDayChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <DayInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={handleDayChange}\n value={day}\n />\n );\n };\n const renderYearInput = () => {\n if (!showYear) return null;\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n handleYearChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <YearInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"seconds-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={handleYearChange}\n value={year}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n : acc,\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onCustomKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n time: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputs };\nexport default DateInputs;\n"],
|
|
5
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { useState, useEffect } from "react";
|
|
3
22
|
import moment from "moment";
|
|
@@ -101,8 +120,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
101
120
|
setOnChangeDateTrigger({});
|
|
102
121
|
triggerOnBlur(e, onBlur);
|
|
103
122
|
};
|
|
104
|
-
return /* @__PURE__ */ React2.createElement(DateInputInput, {
|
|
105
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
123
|
+
return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
106
124
|
autoComplete: "off",
|
|
107
125
|
key: "month-input",
|
|
108
126
|
"data-testid": "month",
|
|
@@ -113,7 +131,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
113
131
|
value: month,
|
|
114
132
|
tabIndex,
|
|
115
133
|
ref: dayRef
|
|
116
|
-
});
|
|
134
|
+
}));
|
|
117
135
|
};
|
|
118
136
|
const renderDayInput = () => {
|
|
119
137
|
placeholder = "DD";
|
|
@@ -121,8 +139,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
121
139
|
setOnChangeDateTrigger({});
|
|
122
140
|
triggerOnBlur(e, onBlur);
|
|
123
141
|
};
|
|
124
|
-
return /* @__PURE__ */ React2.createElement(DateInputInput, {
|
|
125
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
142
|
+
return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
126
143
|
autoComplete: "off",
|
|
127
144
|
key: "day-input",
|
|
128
145
|
"data-testid": "day",
|
|
@@ -132,7 +149,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
132
149
|
onChange: onDayChange,
|
|
133
150
|
value: day,
|
|
134
151
|
tabIndex
|
|
135
|
-
});
|
|
152
|
+
}));
|
|
136
153
|
};
|
|
137
154
|
const renderYearInput = () => {
|
|
138
155
|
placeholder = "YY";
|
|
@@ -140,8 +157,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
140
157
|
const onYearInputBlur = (e) => {
|
|
141
158
|
triggerOnBlur(e, onBlur);
|
|
142
159
|
};
|
|
143
|
-
return /* @__PURE__ */ React2.createElement(DateInputInput, {
|
|
144
|
-
...commonInputProps(digits, onKeyDown, placeholder),
|
|
160
|
+
return /* @__PURE__ */ React2.createElement(DateInputInput, __spreadProps(__spreadValues({}, commonInputProps(digits, onKeyDown, placeholder)), {
|
|
145
161
|
autoComplete: "off",
|
|
146
162
|
key: "year-input",
|
|
147
163
|
"data-testid": "year",
|
|
@@ -152,7 +168,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
152
168
|
value: year,
|
|
153
169
|
size: "l",
|
|
154
170
|
tabIndex
|
|
155
|
-
});
|
|
171
|
+
}));
|
|
156
172
|
};
|
|
157
173
|
const renderDateInputs = () => {
|
|
158
174
|
const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/DateInputs.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useEffect } from 'react';\nimport moment from 'moment';\nimport {\n commonInputProps,\n triggerOnBlur,\n focusNextInput,\n getFormattedDay,\n getShouldShortcircuitDay,\n getFormattedMonth,\n getShouldShortcircuitMonth,\n getFormattedYear,\n} from './utils';\nimport { onKeyDownHelper } from './helpers';\nimport { DateInputDivider, DateInputWrapper, DateInputInput, DateInputFluidContainer } from './styled';\nimport { DateInputsPropTypes } from './propsTypes';\n\nconst FORMAT = 'MMDDYYYY';\n\nexport const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const [onChangeDateTrigger, setOnChangeDateTrigger] = useState({});\n const dayRef = React.useRef<HTMLInputElement>();\n const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = useState(false);\n\n let digits = 2;\n let placeholder = '';\n\n const handleFluidClick = React.useCallback(\n (e: React.MouseEvent<Element, MouseEvent>) => {\n if (!(e.target as HTMLInputElement).type && dayRef.current) {\n dayRef.current.focus();\n }\n },\n [dayRef.current],\n );\n\n const triggerOnDateChange = React.useCallback(() => {\n if (month && day && year && haveInputsOnChangeTriggered) {\n const momentValue = moment(`${month}${day}${year}`, 'MMDDYYYY', true);\n if (momentValue.isValid()) {\n onDateChange(momentValue);\n }\n setHaveInputsOnChangeTriggered(false);\n }\n }, [day, month, year, haveInputsOnChangeTriggered]);\n\n // isArrowChange is coming from the onKeyDown handler in helpers\n const onMonthChange = React.useCallback((e, isArrowChange) => {\n const value = getFormattedMonth(e.target.value);\n const shouldAdvance = getShouldShortcircuitMonth(e.target.value);\n setMonth(value);\n setHaveInputsOnChangeTriggered(true);\n if (e.target.value.length > 1 || shouldAdvance) {\n if (!isArrowChange) focusNextInput(e.target);\n setOnChangeDateTrigger({});\n }\n }, []);\n\n // isArrowChange is coming from the onKeyDown handler in helpers\n const onDayChange = React.useCallback((e, isArrowChange) => {\n const value = getFormattedDay(e.target.value);\n const shouldAdvance = getShouldShortcircuitDay(e.target.value);\n setDay(value);\n setHaveInputsOnChangeTriggered(true);\n if (e.target.value.length > 1 || shouldAdvance) {\n if (!isArrowChange) focusNextInput(e.target);\n setOnChangeDateTrigger({});\n }\n }, []);\n\n const onYearChange = React.useCallback((e) => {\n const value = getFormattedYear(e.target.value);\n setYear(value);\n setHaveInputsOnChangeTriggered(true);\n setOnChangeDateTrigger({});\n }, []);\n\n useEffect(() => {\n // When component mounts haveInputsOnChangeTriggered is set to false\n // so this is not triggered on mount but is triggered with all other changes\n if (haveInputsOnChangeTriggered) {\n const momentValue = moment(`${month}${day}${year}`, FORMAT, true);\n onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);\n }\n }, [day, month, year]);\n\n useEffect(() => {\n triggerOnDateChange();\n }, [onChangeDateTrigger]);\n\n useEffect(() => {\n if (time && time !== `${month}${day}${year}` && moment(time, 'MMDDYYYY').isValid()) {\n const values = String(time || '');\n if (values.slice(0, 2)) setMonth(values.slice(0, 2));\n if (values.slice(2, 4)) setDay(values.slice(2, 4));\n if (values.slice(4, 8)) setYear(values.slice(4, 8));\n } else if (!time && (month || day || year)) {\n setMonth('');\n setDay('');\n setYear('');\n }\n }, [time]);\n\n const onKeyDown = (event) =>\n onKeyDownHelper(event, {\n onDayChange,\n onMonthChange,\n onYearChange,\n });\n\n const renderMonthInput = () => {\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n setOnChangeDateTrigger({});\n triggerOnBlur(e, onBlur);\n };\n return (\n <DateInputInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autoComplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={onMonthChange}\n value={month}\n tabIndex={tabIndex}\n ref={dayRef}\n />\n );\n };\n const renderDayInput = () => {\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n setOnChangeDateTrigger({});\n triggerOnBlur(e, onBlur);\n };\n return (\n <DateInputInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autoComplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={onDayChange}\n value={day}\n tabIndex={tabIndex}\n />\n );\n };\n const renderYearInput = () => {\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n triggerOnBlur(e, onBlur);\n };\n return (\n <DateInputInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autoComplete=\"off\"\n key=\"year-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={onYearChange}\n value={year}\n size=\"l\"\n tabIndex={tabIndex}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) => (input ? acc.concat([index ? <DateInputDivider>/</DateInputDivider> : null, input]) : acc),\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return (\n <DateInputFluidContainer onClick={handleFluidClick} data-testid=\"date-input-fluidContainer\">\n <DateInputWrapper\n disabled={disabled}\n ref={innerRef}\n onKeyDown={onCustomKeyDown}\n tabIndex={-1}\n cols={['auto', '6px', 'auto', '6px', 'auto']}\n >\n {renderDateInputs()}\n </DateInputWrapper>\n </DateInputFluidContainer>\n );\n};\n\nDateInputs.propTypes = DateInputsPropTypes;\n"],
|
|
5
|
-
"mappings": "AAAA;ACGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AAEA,MAAM,SAAS;AAER,MAAM,aAAa,CAAC,EAAE,QAAQ,UAAU,cAAc,UAAU,iBAAiB,MAAM,UAAU,eAAe;AACrH,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,CAAC,KAAK,UAAU,SAAS;AAC/B,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAAM,CAAC,qBAAqB,0BAA0B,SAAS;AAC/D,QAAM,SAAS,OAAM;AACrB,QAAM,CAAC,6BAA6B,kCAAkC,SAAS;AAE/E,MAAI,SAAS;AACb,MAAI,cAAc;AAElB,QAAM,mBAAmB,OAAM,YAC7B,CAAC,MAA6C;AAC5C,QAAI,CAAE,EAAE,OAA4B,QAAQ,OAAO,SAAS;AAC1D,aAAO,QAAQ;AAAA;AAAA,KAGnB,CAAC,OAAO;AAGV,QAAM,sBAAsB,OAAM,YAAY,MAAM;AAClD,QAAI,SAAS,OAAO,QAAQ,6BAA6B;AACvD,YAAM,cAAc,OAAO,GAAG,QAAQ,MAAM,QAAQ,YAAY;AAChE,UAAI,YAAY,WAAW;AACzB,qBAAa;AAAA;AAEf,qCAA+B;AAAA;AAAA,KAEhC,CAAC,KAAK,OAAO,MAAM;AAGtB,QAAM,gBAAgB,OAAM,YAAY,CAAC,GAAG,kBAAkB;AAC5D,UAAM,QAAQ,kBAAkB,EAAE,OAAO;AACzC,UAAM,gBAAgB,2BAA2B,EAAE,OAAO;AAC1D,aAAS;AACT,mCAA+B;AAC/B,QAAI,EAAE,OAAO,MAAM,SAAS,KAAK,eAAe;AAC9C,UAAI,CAAC;AAAe,uBAAe,EAAE;AACrC,6BAAuB;AAAA;AAAA,KAExB;AAGH,QAAM,cAAc,OAAM,YAAY,CAAC,GAAG,kBAAkB;AAC1D,UAAM,QAAQ,gBAAgB,EAAE,OAAO;AACvC,UAAM,gBAAgB,yBAAyB,EAAE,OAAO;AACxD,WAAO;AACP,mCAA+B;AAC/B,QAAI,EAAE,OAAO,MAAM,SAAS,KAAK,eAAe;AAC9C,UAAI,CAAC;AAAe,uBAAe,EAAE;AACrC,6BAAuB;AAAA;AAAA,KAExB;AAEH,QAAM,eAAe,OAAM,YAAY,CAAC,MAAM;AAC5C,UAAM,QAAQ,iBAAiB,EAAE,OAAO;AACxC,YAAQ;AACR,mCAA+B;AAC/B,2BAAuB;AAAA,KACtB;AAEH,YAAU,MAAM;AAGd,QAAI,6BAA6B;AAC/B,YAAM,cAAc,OAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ;AAC5D,eAAS,GAAG,QAAQ,MAAM,QAAQ,YAAY,YAAY,cAAc;AAAA;AAAA,KAEzE,CAAC,KAAK,OAAO;AAEhB,YAAU,MAAM;AACd;AAAA,KACC,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,QAAQ,SAAS,GAAG,QAAQ,MAAM,UAAU,OAAO,MAAM,YAAY,WAAW;AAClF,YAAM,SAAS,OAAO,QAAQ;AAC9B,UAAI,OAAO,MAAM,GAAG;AAAI,iBAAS,OAAO,MAAM,GAAG;AACjD,UAAI,OAAO,MAAM,GAAG;AAAI,eAAO,OAAO,MAAM,GAAG;AAC/C,UAAI,OAAO,MAAM,GAAG;AAAI,gBAAQ,OAAO,MAAM,GAAG;AAAA,eACvC,CAAC,QAAS,UAAS,OAAO,OAAO;AAC1C,eAAS;AACT,aAAO;AACP,cAAQ;AAAA;AAAA,KAET,CAAC;AAEJ,QAAM,YAAY,CAAC,UACjB,gBAAgB,OAAO;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,QAAM,mBAAmB,MAAM;AAC7B,kBAAc;AACd,UAAM,mBAAmB,CAAC,MAAM;AAC9B,6BAAuB;AACvB,oBAAc,GAAG;AAAA;AAEnB,WACE,qCAAC,gBAAD
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { Component, cloneElement } from "react";
|
|
3
22
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
@@ -34,12 +53,11 @@ class ExpandableInputImpl extends Component {
|
|
|
34
53
|
onOpen();
|
|
35
54
|
}
|
|
36
55
|
};
|
|
37
|
-
return /* @__PURE__ */ React2.createElement(ExpandableInput, {
|
|
38
|
-
...containerProps,
|
|
56
|
+
return /* @__PURE__ */ React2.createElement(ExpandableInput, __spreadProps(__spreadValues({}, containerProps), {
|
|
39
57
|
classProps: { isOpen },
|
|
40
58
|
innerRef,
|
|
41
59
|
style: { width: isOpen && width }
|
|
42
|
-
}, /* @__PURE__ */ React2.createElement(InputWrapper, {
|
|
60
|
+
}), /* @__PURE__ */ React2.createElement(InputWrapper, {
|
|
43
61
|
rightComponents: [
|
|
44
62
|
cloneElement(triggerComponent, {
|
|
45
63
|
key: "handler",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/ExpandableInputImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(\n blockName,\n null,\n ({ isOpen }) => ({ opened: isOpen }),\n);\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(\n blockName,\n 'wrapper',\n ({ isOpen }) => ({ opened: isOpen }),\n);\n\nclass ExpandableInputImpl extends Component {\n componentDidUpdate(prevProps) {\n const { isOpen } = this.props;\n if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n }\n\n render() {\n const {\n innerRef,\n triggerComponent,\n children,\n width,\n isOpen,\n onOpen,\n onClose,\n onBlur,\n containerProps,\n } = this.props;\n const InputComponent = React.Children.only(children);\n const handleTriggerClick = e => {\n if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n if (isOpen) {\n onClose();\n } else {\n onOpen();\n }\n };\n\n return (\n <ExpandableInput\n {...containerProps}\n classProps={{ isOpen }}\n innerRef={innerRef}\n style={{ width: isOpen && width }}\n >\n <InputWrapper\n rightComponents={[\n cloneElement(triggerComponent, {\n key: 'handler',\n onClick: handleTriggerClick,\n }),\n ]}\n >\n {cloneElement(InputComponent, {\n className: 'expandable-input__input',\n innerRef: node => (this.input = node),\n onBlur,\n })}\n </InputWrapper>\n </ExpandableInput>\n );\n }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,kBAAkB,mBACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,WAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,qCAAC,iBAAD
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,kBAAkB,mBACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,WAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,qCAAC,iBAAD,iCACM,iBADN;AAAA,MAEE,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,QAE1B,qCAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,aAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,aAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import * as React from "react";
|
|
2
18
|
import React2, { Component } from "react";
|
|
3
19
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
@@ -97,7 +113,7 @@ class FloatingLabelInputImpl extends Component {
|
|
|
97
113
|
useSubfix,
|
|
98
114
|
optional
|
|
99
115
|
} = this.props;
|
|
100
|
-
const inputProps = {
|
|
116
|
+
const inputProps = __spreadValues({
|
|
101
117
|
ariaLabel,
|
|
102
118
|
className: "floating-label-input-controller",
|
|
103
119
|
disabled,
|
|
@@ -109,9 +125,8 @@ class FloatingLabelInputImpl extends Component {
|
|
|
109
125
|
value,
|
|
110
126
|
innerRef,
|
|
111
127
|
mask,
|
|
112
|
-
useSubfix
|
|
113
|
-
|
|
114
|
-
};
|
|
128
|
+
useSubfix
|
|
129
|
+
}, extraInputProps);
|
|
115
130
|
const InputComponent = getComponentFromProps(inputComponent, inputProps);
|
|
116
131
|
const isOpen = this.isOpened;
|
|
117
132
|
return /* @__PURE__ */ React2.createElement(Wrapper, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DSTextWrapper } from '@elliemae/ds-text-wrapper';\nimport { ResizeObserver } from 'resize-observer';\nimport { getSvgPath } from './getSvgPath';\nimport { RequiredMark } from '../RequiredMark/RequiredMark';\n\nconst blockName = 'labeled-outline';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({\n 'has-value': isOpen,\n}));\nconst FloatingLabel = aggregatedClasses('label')(blockName, 'label');\nconst OutlineIdle = aggregatedClasses('div')(blockName, 'idle');\nconst Outline = aggregatedClasses('div')(blockName, 'outline');\nconst OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');\n\nconst shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {\n if (width !== prevSizes.width) return true;\n if (height !== prevSizes.height) return true;\n return labelWidth !== prevSizes.labelWidth;\n};\n\nclass FloatingLabelInputImpl extends Component {\n resizeObserver = new ResizeObserver(() => this.updatePath());\n\n prevSizes = {};\n\n static defaultProps = { onChange: () => null };\n\n constructor(props) {\n super(props);\n this.wrapperRef = React.createRef();\n this.outlinePathRef = React.createRef();\n this.outlineIdleRef = React.createRef();\n this.labelRef = React.createRef();\n\n this.updatePath = this.updatePath.bind(this);\n }\n\n componentDidMount() {\n this.resizeObserver.observe(this.wrapperRef.current);\n }\n\n componentDidUpdate() {\n if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;\n this.updatePath();\n }\n\n componentWillUnmount() {\n this.resizeObserver.unobserve(this.wrapperRef.current);\n }\n\n get sizes() {\n const { current: labelEl } = this.labelRef;\n const { current: wrapperEl } = this.wrapperRef;\n const { current: outlineIdleEl } = this.outlineIdleRef;\n const elStyles = window.getComputedStyle(outlineIdleEl);\n const leftRadius = elStyles.getPropertyValue('border-top-left-radius');\n const rightRadius = elStyles.getPropertyValue('border-top-right-radius');\n const hasLeftRadius = parseFloat(leftRadius) !== 0;\n const hasRightRadius = parseFloat(rightRadius) !== 0;\n return {\n labelWidth: labelEl.offsetWidth * 0.9,\n width: wrapperEl.offsetWidth,\n height: wrapperEl.offsetHeight,\n radiusStyle: leftRadius,\n hasLeftRadius,\n hasRightRadius,\n };\n }\n\n get isOpened() {\n const { focused, isOpen, value } = this.props;\n return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;\n }\n\n getValue(value) {\n const { valueAccessor } = this.props;\n if (valueAccessor) return valueAccessor(value);\n // is an event\n if (value && value.target) return value.target.value;\n\n return value;\n }\n\n updatePath() {\n const path = getSvgPath(this.sizes);\n this.prevSizes = this.sizes;\n this.outlinePathRef.current.setAttribute('d', path);\n }\n\n render() {\n const {\n ariaLabel,\n hasError,\n readOnly,\n disabled,\n inputComponent,\n labelText,\n onBlur,\n onFocus,\n innerRef,\n extraInputProps,\n required,\n value,\n onChange,\n mask,\n useSubfix,\n optional,\n } = this.props;\n\n const inputProps = {\n ariaLabel,\n className: 'floating-label-input-controller',\n disabled,\n hasError,\n onBlur,\n onChange,\n onFocus,\n readOnly,\n value,\n innerRef,\n mask,\n useSubfix,\n ...extraInputProps,\n };\n const InputComponent = getComponentFromProps(inputComponent, inputProps);\n const isOpen = this.isOpened;\n\n return (\n <Wrapper\n classProps={{\n hasError,\n isOpen,\n readOnly,\n disabled,\n }}\n innerRef={this.wrapperRef}\n onBlur={() => null}\n onFocus={() => null}\n onMouseOut={this.handleMouseOut}\n onMouseOver={this.handleMouseOver}\n >\n {InputComponent}\n <FloatingLabel classProps={{ isOpen }} innerRef={this.labelRef}>\n <DSTextWrapper maxWidth=\"100%\" text={labelText} />\n <RequiredMark optional={optional} required={required} />\n </FloatingLabel>\n <Outline>\n <svg>\n <OutlinePath innerRef={this.outlinePathRef} />\n </svg>\n </Outline>\n <OutlineIdle innerRef={this.outlineIdleRef} />\n </Wrapper>\n );\n }\n}\n\nexport { FloatingLabelInputImpl };\nexport default FloatingLabelInputImpl;\n"],
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,UAAU,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc;AAAA,EACzE,aAAa;AAAA;AAEf,MAAM,gBAAgB,kBAAkB,SAAS,WAAW;AAC5D,MAAM,cAAc,kBAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AAEzD,MAAM,sBAAsB,CAAC,EAAE,OAAO,QAAQ,cAAc,cAAc;AACxE,MAAI,UAAU,UAAU;AAAO,WAAO;AACtC,MAAI,WAAW,UAAU;AAAQ,WAAO;AACxC,SAAO,eAAe,UAAU;AAAA;AAGlC,qCAAqC,UAAU;AAAA,EAO7C,YAAY,OAAO;AACjB,UAAM;AAPR,0BAAiB,IAAI,eAAe,MAAM,KAAK;AAE/C,qBAAY;AAMV,SAAK,aAAa,OAAM;AACxB,SAAK,iBAAiB,OAAM;AAC5B,SAAK,iBAAiB,OAAM;AAC5B,SAAK,WAAW,OAAM;AAEtB,SAAK,aAAa,KAAK,WAAW,KAAK;AAAA;AAAA,EAGzC,oBAAoB;AAClB,SAAK,eAAe,QAAQ,KAAK,WAAW;AAAA;AAAA,EAG9C,qBAAqB;AACnB,QAAI,CAAC,oBAAoB,KAAK,OAAO,KAAK;AAAY;AACtD,SAAK;AAAA;AAAA,EAGP,uBAAuB;AACrB,SAAK,eAAe,UAAU,KAAK,WAAW;AAAA;AAAA,MAG5C,QAAQ;AACV,UAAM,EAAE,SAAS,YAAY,KAAK;AAClC,UAAM,EAAE,SAAS,cAAc,KAAK;AACpC,UAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,UAAM,WAAW,OAAO,iBAAiB;AACzC,UAAM,aAAa,SAAS,iBAAiB;AAC7C,UAAM,cAAc,SAAS,iBAAiB;AAC9C,UAAM,gBAAgB,WAAW,gBAAgB;AACjD,UAAM,iBAAiB,WAAW,iBAAiB;AACnD,WAAO;AAAA,MACL,YAAY,QAAQ,cAAc;AAAA,MAClC,OAAO,UAAU;AAAA,MACjB,QAAQ,UAAU;AAAA,MAClB,aAAa;AAAA,MACb;AAAA,MACA;AAAA;AAAA;AAAA,MAIA,WAAW;AACb,UAAM,EAAE,SAAS,QAAQ,UAAU,KAAK;AACxC,WAAO,WAAY,OAAM,QAAQ,SAAS,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,UAAU;AAAA;AAAA,EAGzE,SAAS,OAAO;AACd,UAAM,EAAE,kBAAkB,KAAK;AAC/B,QAAI;AAAe,aAAO,cAAc;AAExC,QAAI,SAAS,MAAM;AAAQ,aAAO,MAAM,OAAO;AAE/C,WAAO;AAAA;AAAA,EAGT,aAAa;AACX,UAAM,OAAO,WAAW,KAAK;AAC7B,SAAK,YAAY,KAAK;AACtB,SAAK,eAAe,QAAQ,aAAa,KAAK;AAAA;AAAA,EAGhD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import * as React from "react";
|
|
2
33
|
import React2 from "react";
|
|
3
34
|
import { describe } from "react-desc";
|
|
@@ -20,51 +51,88 @@ const Wrapper = aggregatedClasses("div")(blockName, null, ({ leftLabel, variant,
|
|
|
20
51
|
}));
|
|
21
52
|
const WrapperContent = aggregatedClasses("div")(`${blockName}-content`);
|
|
22
53
|
const WrapperContentGroup = aggregatedClasses("fieldset")(`${blockName}-content`);
|
|
23
|
-
const DSFormItemLayout = ({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
54
|
+
const DSFormItemLayout = (_a) => {
|
|
55
|
+
var _b = _a, {
|
|
56
|
+
leftLabel,
|
|
57
|
+
floatingLabel,
|
|
58
|
+
name,
|
|
59
|
+
id,
|
|
60
|
+
value,
|
|
61
|
+
inputComponent: InputComponent,
|
|
62
|
+
labelComponent: LabelComponent,
|
|
63
|
+
feedbackComponent: FeedbackComponent,
|
|
64
|
+
labelText,
|
|
65
|
+
truncateText,
|
|
66
|
+
hasError,
|
|
67
|
+
validationState,
|
|
68
|
+
validationMessage,
|
|
69
|
+
feedbackMessage,
|
|
70
|
+
readOnly,
|
|
71
|
+
focused,
|
|
72
|
+
type,
|
|
73
|
+
autoFocus,
|
|
74
|
+
disabled,
|
|
75
|
+
onChange,
|
|
76
|
+
onBlur,
|
|
77
|
+
onFocus,
|
|
78
|
+
onPaste,
|
|
79
|
+
onKeyUp,
|
|
80
|
+
extraInputProps,
|
|
81
|
+
extraContent,
|
|
82
|
+
leftAddon,
|
|
83
|
+
rightAddon,
|
|
84
|
+
required,
|
|
85
|
+
optional,
|
|
86
|
+
mask,
|
|
87
|
+
useSubfix,
|
|
88
|
+
suffix,
|
|
89
|
+
variant,
|
|
90
|
+
fitContent,
|
|
91
|
+
withHighlight,
|
|
92
|
+
containerProps
|
|
93
|
+
} = _b, rest = __objRest(_b, [
|
|
94
|
+
"leftLabel",
|
|
95
|
+
"floatingLabel",
|
|
96
|
+
"name",
|
|
97
|
+
"id",
|
|
98
|
+
"value",
|
|
99
|
+
"inputComponent",
|
|
100
|
+
"labelComponent",
|
|
101
|
+
"feedbackComponent",
|
|
102
|
+
"labelText",
|
|
103
|
+
"truncateText",
|
|
104
|
+
"hasError",
|
|
105
|
+
"validationState",
|
|
106
|
+
"validationMessage",
|
|
107
|
+
"feedbackMessage",
|
|
108
|
+
"readOnly",
|
|
109
|
+
"focused",
|
|
110
|
+
"type",
|
|
111
|
+
"autoFocus",
|
|
112
|
+
"disabled",
|
|
113
|
+
"onChange",
|
|
114
|
+
"onBlur",
|
|
115
|
+
"onFocus",
|
|
116
|
+
"onPaste",
|
|
117
|
+
"onKeyUp",
|
|
118
|
+
"extraInputProps",
|
|
119
|
+
"extraContent",
|
|
120
|
+
"leftAddon",
|
|
121
|
+
"rightAddon",
|
|
122
|
+
"required",
|
|
123
|
+
"optional",
|
|
124
|
+
"mask",
|
|
125
|
+
"useSubfix",
|
|
126
|
+
"suffix",
|
|
127
|
+
"variant",
|
|
128
|
+
"fitContent",
|
|
129
|
+
"withHighlight",
|
|
130
|
+
"containerProps"
|
|
131
|
+
]);
|
|
63
132
|
const isGroup = InputComponent.type === (/* @__PURE__ */ React2.createElement(Group, null)).type;
|
|
64
133
|
const floatingLabelOverride = floatingLabel === "UNSAFE";
|
|
65
134
|
const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
|
|
66
|
-
const inputProps = {
|
|
67
|
-
...extraInputProps,
|
|
135
|
+
const inputProps = __spreadValues(__spreadProps(__spreadValues({}, extraInputProps), {
|
|
68
136
|
disabled,
|
|
69
137
|
hasError: hasError || validationState === "error",
|
|
70
138
|
id,
|
|
@@ -81,16 +149,14 @@ const DSFormItemLayout = ({
|
|
|
81
149
|
mask,
|
|
82
150
|
useSubfix,
|
|
83
151
|
variant,
|
|
84
|
-
required
|
|
85
|
-
|
|
86
|
-
};
|
|
152
|
+
required
|
|
153
|
+
}), rest);
|
|
87
154
|
const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
|
|
88
155
|
leftAddon,
|
|
89
156
|
rightAddon,
|
|
90
157
|
variant
|
|
91
158
|
}, Input) : Input;
|
|
92
|
-
const renderFloating = /* @__PURE__ */ React2.createElement(DSFloatingLabelInput, {
|
|
93
|
-
...inputProps,
|
|
159
|
+
const renderFloating = /* @__PURE__ */ React2.createElement(DSFloatingLabelInput, __spreadProps(__spreadValues({}, inputProps), {
|
|
94
160
|
extraInputProps,
|
|
95
161
|
focused,
|
|
96
162
|
inputComponent: InputComponent,
|
|
@@ -99,7 +165,7 @@ const DSFormItemLayout = ({
|
|
|
99
165
|
optional,
|
|
100
166
|
required,
|
|
101
167
|
variant
|
|
102
|
-
});
|
|
168
|
+
}));
|
|
103
169
|
const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(LabelComponent, {
|
|
104
170
|
htmlFor: id || name,
|
|
105
171
|
label: labelText,
|
|
@@ -109,7 +175,7 @@ const DSFormItemLayout = ({
|
|
|
109
175
|
truncateText
|
|
110
176
|
}), renderInput(getComponentFromProps(InputComponent, inputProps)));
|
|
111
177
|
if (suffix) {
|
|
112
|
-
return /* @__PURE__ */ React2.createElement(Wrapper, {
|
|
178
|
+
return /* @__PURE__ */ React2.createElement(Wrapper, __spreadValues({
|
|
113
179
|
classProps: {
|
|
114
180
|
disabled,
|
|
115
181
|
readOnly,
|
|
@@ -118,9 +184,8 @@ const DSFormItemLayout = ({
|
|
|
118
184
|
variant,
|
|
119
185
|
fitContent,
|
|
120
186
|
withHighlight
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
}, /* @__PURE__ */ React2.createElement(SuffixWrapper, {
|
|
187
|
+
}
|
|
188
|
+
}, containerProps), /* @__PURE__ */ React2.createElement(SuffixWrapper, {
|
|
124
189
|
className: "suffix-wrapper"
|
|
125
190
|
}, /* @__PURE__ */ React2.createElement(SuffixInputWrapper, {
|
|
126
191
|
className: "suffix-input-wrapper"
|
|
@@ -133,7 +198,7 @@ const DSFormItemLayout = ({
|
|
|
133
198
|
withFeedback: Boolean(validationMessage || feedbackMessage)
|
|
134
199
|
}, suffix)));
|
|
135
200
|
}
|
|
136
|
-
return /* @__PURE__ */ React2.createElement(Wrapper, {
|
|
201
|
+
return /* @__PURE__ */ React2.createElement(Wrapper, __spreadValues({
|
|
137
202
|
classProps: {
|
|
138
203
|
disabled,
|
|
139
204
|
readOnly,
|
|
@@ -142,9 +207,8 @@ const DSFormItemLayout = ({
|
|
|
142
207
|
variant,
|
|
143
208
|
fitContent,
|
|
144
209
|
withHighlight
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
}, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
|
|
210
|
+
}
|
|
211
|
+
}, containerProps), /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
|
|
148
212
|
hasError,
|
|
149
213
|
text: validationState || hasError ? validationMessage : feedbackMessage
|
|
150
214
|
}));
|