@elliemae/ds-form 1.61.10 → 1.61.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Checkbox/DSCheckbox.js.map +1 -1
- package/cjs/Checkbox/defaultProps.js.map +1 -1
- package/cjs/Checkbox/elements/CheckMark.js.map +1 -1
- package/cjs/Checkbox/props.js.map +1 -1
- package/cjs/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/cjs/CheckboxGroup/defaultProps.js.map +1 -1
- package/cjs/CheckboxGroup/props.js.map +1 -1
- package/cjs/ComboBox/v1/DSComboBox.js.map +1 -1
- package/cjs/ComboBox/v1/components/AllOption.js.map +1 -1
- package/cjs/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/Control.js.map +1 -1
- package/cjs/ComboBox/v1/components/CustomOption.js.map +1 -1
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js.map +1 -1
- package/cjs/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/MenuList.js.map +1 -1
- package/cjs/ComboBox/v1/components/MultiSelectHeader.js.map +1 -1
- package/cjs/ComboBox/v1/components/MultiValueLabel.js.map +1 -1
- package/cjs/ComboBox/v1/components/MultiValueRemove.js.map +1 -1
- package/cjs/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/cjs/ComboBox/v1/components/SingleValueLabel.js.map +1 -1
- package/cjs/ComboBox/v1/components/ValueContainer.js.map +1 -1
- package/cjs/ComboBox/v1/components/calculateWidth.js.map +1 -1
- package/cjs/ComboBox/v1/components/getoptions.js.map +1 -1
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js +3 -3
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js.map +1 -1
- package/cjs/ComboBox/v2/Combobox.js.map +1 -1
- package/cjs/ComboBox/v2/components/AllOption.js.map +1 -1
- package/cjs/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/Content.js.map +1 -1
- package/cjs/ComboBox/v2/components/Control.js.map +1 -1
- package/cjs/ComboBox/v2/components/CustomOption.js.map +1 -1
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js.map +1 -1
- package/cjs/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/GroupHeading.js.map +1 -1
- package/cjs/ComboBox/v2/components/IndicatorSeparator.js.map +1 -1
- package/cjs/ComboBox/v2/components/LoadingIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/MenuList.js.map +1 -1
- package/cjs/ComboBox/v2/components/MultiSelectHeader.js.map +1 -1
- package/cjs/ComboBox/v2/components/MultiValueLabel.js.map +1 -1
- package/cjs/ComboBox/v2/components/MultiValueRemove.js.map +1 -1
- package/cjs/ComboBox/v2/components/SelectMenu.js.map +1 -1
- package/cjs/ComboBox/v2/components/SingleValueLabel.js.map +1 -1
- package/cjs/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/cjs/ComboBox/v2/components/calculateWidth.js.map +1 -1
- package/cjs/ComboBox/v2/components/getoptions.js.map +1 -1
- package/cjs/ComboBox/v2/components/useMenuListHeight.js.map +1 -1
- package/cjs/ComboBox/v2/components/utils.js.map +1 -1
- package/cjs/ComboBox/v2/mockOptions.js.map +1 -1
- package/cjs/ComboBox/v3/ComboBox.js.map +1 -1
- package/cjs/ComboBox/v3/ComboBoxCTX.js.map +1 -1
- package/cjs/ComboBox/v3/ComboboxDataTestids.js.map +1 -1
- package/cjs/ComboBox/v3/config/constants.js.map +1 -1
- package/cjs/ComboBox/v3/config/useComboBox.js.map +1 -1
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -1
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -1
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -1
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/container/Container.js.map +1 -1
- package/cjs/ComboBox/v3/parts/container/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/controls/Controls.js.map +1 -1
- package/cjs/ComboBox/v3/parts/controls/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -1
- package/cjs/ComboBox/v3/parts/controls-input/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -1
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/empty-state/index.js.map +1 -1
- package/cjs/ComboBox/v3/parts/empty-state/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -1
- package/cjs/ComboBox/v3/parts/header-list/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -1
- package/cjs/ComboBox/v3/parts/menu-list/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -1
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -1
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -1
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -1
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -1
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -1
- package/cjs/ComboBox/v3/propTypes.js.map +1 -1
- package/cjs/ComboBox/v3/tests/utils.js.map +1 -1
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -1
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -1
- package/cjs/ComboBox/v3/utils/listHelper.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/cjs/DateInput/DSDateInput.js.map +1 -1
- package/cjs/DateInput/components/DateInputImpl.js.map +1 -1
- package/cjs/DateInput/components/DateInputs.js.map +1 -1
- package/cjs/DateInput/components/utils.js.map +1 -1
- package/cjs/DateInput/defaultProps.js.map +1 -1
- package/cjs/DateInput/props.js.map +1 -1
- package/cjs/DateInputV2/components/DSDateInput.js.map +1 -1
- package/cjs/DateInputV2/components/DateInputs.js.map +1 -1
- package/cjs/DateInputV2/components/helpers.js.map +1 -1
- package/cjs/DateInputV2/components/props.js.map +1 -1
- package/cjs/DateInputV2/components/propsTypes.js.map +1 -1
- package/cjs/DateInputV2/components/styled.js.map +1 -1
- package/cjs/DateInputV2/components/utils.js.map +1 -1
- package/cjs/ExpandableInput/DSExpandableInput.js.map +1 -1
- package/cjs/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js.map +1 -1
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/cjs/FloatingLabelInput/getSvgPath.js.map +1 -1
- package/cjs/FormItem/DSFormItemLayout.js.map +1 -1
- package/cjs/FormItem/Error/DSError.js.map +1 -1
- package/cjs/FormItem/Feedback.js.map +1 -1
- package/cjs/FormItem/Label/DSLabel.js.map +1 -1
- package/cjs/FormItem/Suffix/Suffix.js.map +1 -1
- package/cjs/FormItem/ValidationFieldWrapper.js.map +1 -1
- package/cjs/FormItem/defaultProps.js.map +1 -1
- package/cjs/FormItem/props.js.map +1 -1
- package/cjs/FormItem/variants.js.map +1 -1
- package/cjs/Input/DSInput.js.map +1 -1
- package/cjs/Input/InputAddonWrapper.js.map +1 -1
- package/cjs/Input/InputImpl.js.map +1 -1
- package/cjs/InputGroup/AddonWrapper.js.map +1 -1
- package/cjs/InputGroup/DSInputGroup.js.map +1 -1
- package/cjs/InputGroup/defaultProps.js.map +1 -1
- package/cjs/InputGroup/props.js.map +1 -1
- package/cjs/InputMask/DSInputMask.js.map +1 -1
- package/cjs/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/cjs/InputMask/InputMaskContext.js.map +1 -1
- package/cjs/InputMask/MaskPipes.js.map +1 -1
- package/cjs/InputMask/MaskTypes.js.map +1 -1
- package/cjs/InputMask/addons/AutoCorrectedDatePipe.js.map +1 -1
- package/cjs/InputMask/defaultProps.js.map +1 -1
- package/cjs/InputMask/mask_types/DateInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/DateTimeInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/DictionaryInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/PhoneInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/SsnInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js.map +1 -1
- package/cjs/InputMask/mask_types/index.js.map +1 -1
- package/cjs/InputMask/props.js.map +1 -1
- package/cjs/InputMask/utils/setCaretPosition.js.map +1 -1
- package/cjs/InputProtected/DSInputProtected.js.map +1 -1
- package/cjs/InputProtected/defaultProps.js.map +1 -1
- package/cjs/InputProtected/options.js.map +1 -1
- package/cjs/InputProtected/props.js.map +1 -1
- package/cjs/LargeInputText/DSLargeInputText.js.map +1 -1
- package/cjs/LargeInputText/defaultProps.js.map +1 -1
- package/cjs/LargeInputText/props.js.map +1 -1
- package/cjs/MenuItem/components/MenuItem/index.js.map +1 -1
- package/cjs/MenuItem/components/MenuItem/styled.js.map +1 -1
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -1
- package/cjs/MenuItem/components/MultiMenuItem/styled.js.map +1 -1
- package/cjs/MenuItem/components/Section/index.js.map +1 -1
- package/cjs/MenuItem/components/Section/props.js.map +1 -1
- package/cjs/MenuItem/components/Section/styled.js.map +1 -1
- package/cjs/MenuItem/components/Separator/index.js.map +1 -1
- package/cjs/MenuItem/components/Separator/styled.js.map +1 -1
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -1
- package/cjs/MenuItem/components/SingleMenuItem/styled.js.map +1 -1
- package/cjs/MenuItem/components/SubmenuItem/index.js.map +1 -1
- package/cjs/MenuItem/components/SubmenuItem/styled.js.map +1 -1
- package/cjs/MenuItem/components/styled.js.map +1 -1
- package/cjs/MenuItem/props.js.map +1 -1
- package/cjs/Radio/Circle.js.map +1 -1
- package/cjs/Radio/DSRadio.js.map +1 -1
- package/cjs/RadioGroup/DSRadioGroup.js.map +1 -1
- package/cjs/RadioGroup/defaultProps.js.map +1 -1
- package/cjs/RadioGroup/props.js.map +1 -1
- package/cjs/RequiredMark/RequiredMark.js.map +1 -1
- package/cjs/SearchBox/DSSearchBox.js.map +1 -1
- package/cjs/SearchBox/NavSearchBox.js.map +1 -1
- package/cjs/SearchBox/SButton.js.map +1 -1
- package/cjs/SearchBox/SearchBoxToggle.js.map +1 -1
- package/cjs/SearchBox/defaultProps.js.map +1 -1
- package/cjs/SearchBox/props.js.map +1 -1
- package/cjs/SearchBox/styled.js.map +1 -1
- package/cjs/SearchBox/useSearch.js.map +1 -1
- package/cjs/SearchBox/withSearchable.js.map +1 -1
- package/cjs/TextBox/DSTextBox.js.map +1 -1
- package/cjs/TimeInput/DSTimeInput.js.map +1 -1
- package/cjs/TimeInput/TimeInputImpl.js.map +1 -1
- package/cjs/TimeInput/TimeInputs.js.map +1 -1
- package/cjs/Toggle/DSToggle.js.map +1 -1
- package/cjs/Toggle/DSToggleImpl.js.map +1 -1
- package/cjs/Toggle/DSToggleRender.js.map +1 -1
- package/cjs/Toggle/props.js.map +1 -1
- package/cjs/Toggle/toggleHelper.js.map +1 -1
- package/cjs/utils-f82fe290.js.map +1 -1
- package/esm/Checkbox/DSCheckbox.js.map +1 -1
- package/esm/Checkbox/defaultProps.js.map +1 -1
- package/esm/Checkbox/elements/CheckMark.js.map +1 -1
- package/esm/Checkbox/props.js.map +1 -1
- package/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/esm/CheckboxGroup/defaultProps.js.map +1 -1
- package/esm/CheckboxGroup/props.js.map +1 -1
- package/esm/ComboBox/v1/DSComboBox.js.map +1 -1
- package/esm/ComboBox/v1/components/AllOption.js.map +1 -1
- package/esm/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/Control.js.map +1 -1
- package/esm/ComboBox/v1/components/CustomOption.js.map +1 -1
- package/esm/ComboBox/v1/components/CustomOptionMulti.js.map +1 -1
- package/esm/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/MenuList.js.map +1 -1
- package/esm/ComboBox/v1/components/MultiSelectHeader.js.map +1 -1
- package/esm/ComboBox/v1/components/MultiValueLabel.js.map +1 -1
- package/esm/ComboBox/v1/components/MultiValueRemove.js.map +1 -1
- package/esm/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/esm/ComboBox/v1/components/SingleValueLabel.js.map +1 -1
- package/esm/ComboBox/v1/components/ValueContainer.js.map +1 -1
- package/esm/ComboBox/v1/components/calculateWidth.js.map +1 -1
- package/esm/ComboBox/v1/components/getoptions.js.map +1 -1
- package/esm/ComboBox/v1/withSelectStringValueConverter.js +3 -3
- package/esm/ComboBox/v1/withSelectStringValueConverter.js.map +1 -1
- package/esm/ComboBox/v2/Combobox.js.map +1 -1
- package/esm/ComboBox/v2/components/AllOption.js.map +1 -1
- package/esm/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/Content.js.map +1 -1
- package/esm/ComboBox/v2/components/Control.js.map +1 -1
- package/esm/ComboBox/v2/components/CustomOption.js.map +1 -1
- package/esm/ComboBox/v2/components/CustomOptionMulti.js.map +1 -1
- package/esm/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/GroupHeading.js.map +1 -1
- package/esm/ComboBox/v2/components/IndicatorSeparator.js.map +1 -1
- package/esm/ComboBox/v2/components/LoadingIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/MenuList.js.map +1 -1
- package/esm/ComboBox/v2/components/MultiSelectHeader.js.map +1 -1
- package/esm/ComboBox/v2/components/MultiValueLabel.js.map +1 -1
- package/esm/ComboBox/v2/components/MultiValueRemove.js.map +1 -1
- package/esm/ComboBox/v2/components/SelectMenu.js.map +1 -1
- package/esm/ComboBox/v2/components/SingleValueLabel.js.map +1 -1
- package/esm/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/esm/ComboBox/v2/components/calculateWidth.js.map +1 -1
- package/esm/ComboBox/v2/components/getoptions.js.map +1 -1
- package/esm/ComboBox/v2/components/useMenuListHeight.js.map +1 -1
- package/esm/ComboBox/v2/components/utils.js.map +1 -1
- package/esm/ComboBox/v2/mockOptions.js.map +1 -1
- package/esm/ComboBox/v3/ComboBox.js.map +1 -1
- package/esm/ComboBox/v3/ComboBoxCTX.js.map +1 -1
- package/esm/ComboBox/v3/ComboboxDataTestids.js.map +1 -1
- package/esm/ComboBox/v3/config/constants.js.map +1 -1
- package/esm/ComboBox/v3/config/useComboBox.js.map +1 -1
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -1
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -1
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -1
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/container/Container.js.map +1 -1
- package/esm/ComboBox/v3/parts/container/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/controls/Controls.js.map +1 -1
- package/esm/ComboBox/v3/parts/controls/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -1
- package/esm/ComboBox/v3/parts/controls-input/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -1
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/empty-state/index.js.map +1 -1
- package/esm/ComboBox/v3/parts/empty-state/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -1
- package/esm/ComboBox/v3/parts/header-list/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -1
- package/esm/ComboBox/v3/parts/menu-list/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -1
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -1
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -1
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -1
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -1
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -1
- package/esm/ComboBox/v3/propTypes.js.map +1 -1
- package/esm/ComboBox/v3/tests/utils.js.map +1 -1
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -1
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -1
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -1
- package/esm/ComboBox/v3/utils/listHelper.js.map +1 -1
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueLabel.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValue.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/esm/DateInput/DSDateInput.js.map +1 -1
- package/esm/DateInput/components/DateInputImpl.js.map +1 -1
- package/esm/DateInput/components/DateInputs.js.map +1 -1
- package/esm/DateInput/components/utils.js.map +1 -1
- package/esm/DateInput/defaultProps.js.map +1 -1
- package/esm/DateInput/props.js.map +1 -1
- package/esm/DateInputV2/components/DSDateInput.js.map +1 -1
- package/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/esm/DateInputV2/components/helpers.js.map +1 -1
- package/esm/DateInputV2/components/props.js.map +1 -1
- package/esm/DateInputV2/components/propsTypes.js.map +1 -1
- package/esm/DateInputV2/components/styled.js.map +1 -1
- package/esm/DateInputV2/components/utils.js.map +1 -1
- package/esm/ExpandableInput/DSExpandableInput.js.map +1 -1
- package/esm/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/esm/FloatingLabelInput/DSFloatingLabelInput.js.map +1 -1
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/esm/FloatingLabelInput/getSvgPath.js.map +1 -1
- package/esm/FormItem/DSFormItemLayout.js.map +1 -1
- package/esm/FormItem/Error/DSError.js.map +1 -1
- package/esm/FormItem/Feedback.js.map +1 -1
- package/esm/FormItem/Label/DSLabel.js.map +1 -1
- package/esm/FormItem/Suffix/Suffix.js.map +1 -1
- package/esm/FormItem/ValidationFieldWrapper.js.map +1 -1
- package/esm/FormItem/defaultProps.js.map +1 -1
- package/esm/FormItem/props.js.map +1 -1
- package/esm/FormItem/variants.js.map +1 -1
- package/esm/Input/DSInput.js.map +1 -1
- package/esm/Input/InputAddonWrapper.js.map +1 -1
- package/esm/Input/InputImpl.js.map +1 -1
- package/esm/InputGroup/AddonWrapper.js.map +1 -1
- package/esm/InputGroup/DSInputGroup.js.map +1 -1
- package/esm/InputGroup/defaultProps.js.map +1 -1
- package/esm/InputGroup/props.js.map +1 -1
- package/esm/InputMask/DSInputMask.js.map +1 -1
- package/esm/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/esm/InputMask/InputMaskContext.js.map +1 -1
- package/esm/InputMask/MaskPipes.js.map +1 -1
- package/esm/InputMask/MaskTypes.js.map +1 -1
- package/esm/InputMask/addons/AutoCorrectedDatePipe.js.map +1 -1
- package/esm/InputMask/defaultProps.js.map +1 -1
- package/esm/InputMask/mask_types/DateInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/DateTimeInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/DictionaryInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/PhoneInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/SsnInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js.map +1 -1
- package/esm/InputMask/mask_types/index.js.map +1 -1
- package/esm/InputMask/props.js.map +1 -1
- package/esm/InputMask/utils/setCaretPosition.js.map +1 -1
- package/esm/InputProtected/DSInputProtected.js.map +1 -1
- package/esm/InputProtected/defaultProps.js.map +1 -1
- package/esm/InputProtected/options.js.map +1 -1
- package/esm/InputProtected/props.js.map +1 -1
- package/esm/LargeInputText/DSLargeInputText.js.map +1 -1
- package/esm/LargeInputText/defaultProps.js.map +1 -1
- package/esm/LargeInputText/props.js.map +1 -1
- package/esm/MenuItem/components/MenuItem/index.js.map +1 -1
- package/esm/MenuItem/components/MenuItem/styled.js.map +1 -1
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -1
- package/esm/MenuItem/components/MultiMenuItem/styled.js.map +1 -1
- package/esm/MenuItem/components/Section/index.js.map +1 -1
- package/esm/MenuItem/components/Section/props.js.map +1 -1
- package/esm/MenuItem/components/Section/styled.js.map +1 -1
- package/esm/MenuItem/components/Separator/index.js.map +1 -1
- package/esm/MenuItem/components/Separator/styled.js.map +1 -1
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -1
- package/esm/MenuItem/components/SingleMenuItem/styled.js.map +1 -1
- package/esm/MenuItem/components/SubmenuItem/index.js.map +1 -1
- package/esm/MenuItem/components/SubmenuItem/styled.js.map +1 -1
- package/esm/MenuItem/components/styled.js.map +1 -1
- package/esm/MenuItem/props.js.map +1 -1
- package/esm/Radio/Circle.js.map +1 -1
- package/esm/Radio/DSRadio.js.map +1 -1
- package/esm/RadioGroup/DSRadioGroup.js.map +1 -1
- package/esm/RadioGroup/defaultProps.js.map +1 -1
- package/esm/RadioGroup/props.js.map +1 -1
- package/esm/RequiredMark/RequiredMark.js.map +1 -1
- package/esm/SearchBox/DSSearchBox.js.map +1 -1
- package/esm/SearchBox/NavSearchBox.js.map +1 -1
- package/esm/SearchBox/SButton.js.map +1 -1
- package/esm/SearchBox/SearchBoxToggle.js.map +1 -1
- package/esm/SearchBox/defaultProps.js.map +1 -1
- package/esm/SearchBox/props.js.map +1 -1
- package/esm/SearchBox/styled.js.map +1 -1
- package/esm/SearchBox/useSearch.js.map +1 -1
- package/esm/SearchBox/withSearchable.js.map +1 -1
- package/esm/TextBox/DSTextBox.js.map +1 -1
- package/esm/TimeInput/DSTimeInput.js.map +1 -1
- package/esm/TimeInput/TimeInputImpl.js.map +1 -1
- package/esm/TimeInput/TimeInputs.js.map +1 -1
- package/esm/Toggle/DSToggle.js.map +1 -1
- package/esm/Toggle/DSToggleImpl.js.map +1 -1
- package/esm/Toggle/DSToggleRender.js.map +1 -1
- package/esm/Toggle/props.js.map +1 -1
- package/esm/Toggle/toggleHelper.js.map +1 -1
- package/esm/utils-ced363ec.js.map +1 -1
- package/package.json +17 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UsZipCodeInputMask.js","sources":["../../../../src/InputMask/mask_types/UsZipCodeInputMask.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSTextBox from '../../TextBox';\nimport setCaretPosition from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue: string, cursorPos: number) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 5);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst UsZipCodeInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos);\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef) innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nUsZipCodeInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport default UsZipCodeInputMask;\n"],"names":["conformValue","rawValue","cursorPos","nextMaskedValue","split","filter","char","slice","maskedPos","i","join","UsZipCodeInputMask","focus","setFocus","setRawMask","cursorPosition","setCursorPosition","lastkey","setLastkey","setRawValue","style","disabled","className","name","maxLength","minLength","fluidWidth","placeholder","onKeyDown","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","hasError","readOnly","type","innerRef","clearable","leftComponent","rightComponent","value","rest","inputRef","useRef","useState","maskedValue","setMaskedValue","conform","useCallback","lastkeycode","shouldUpdateCursorPos","event","target","originalValue","current","handleOnChange","e","selectionEnd","code","useLayoutEffect","setCaretPosition","handleKeyDown","stopPropagation","key","keyCode","handleBlur","ref","propTypes","PropTypes","bool","func","shape","number","string","object","element","any","mask","placeholderChar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"UsZipCodeInputMask.js","sources":["../../../../src/InputMask/mask_types/UsZipCodeInputMask.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSTextBox from '../../TextBox';\nimport setCaretPosition from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue: string, cursorPos: number) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 5);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst UsZipCodeInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos);\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef) innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nUsZipCodeInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport default UsZipCodeInputMask;\n"],"names":["conformValue","rawValue","cursorPos","nextMaskedValue","split","filter","char","slice","maskedPos","i","join","UsZipCodeInputMask","focus","setFocus","setRawMask","cursorPosition","setCursorPosition","lastkey","setLastkey","setRawValue","style","disabled","className","name","maxLength","minLength","fluidWidth","placeholder","onKeyDown","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","hasError","readOnly","type","innerRef","clearable","leftComponent","rightComponent","value","rest","inputRef","useRef","useState","maskedValue","setMaskedValue","conform","useCallback","lastkeycode","shouldUpdateCursorPos","event","target","originalValue","current","handleOnChange","e","selectionEnd","code","useLayoutEffect","setCaretPosition","handleKeyDown","stopPropagation","key","keyCode","handleBlur","ref","propTypes","PropTypes","bool","func","shape","number","string","object","element","any","mask","placeholderChar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZipCodeSearchInputMask.js","sources":["../../../../src/InputMask/mask_types/ZipCodeSearchInputMask.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSTextBox from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport setCaretPosition from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 9);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n\n // list of [string to add, position to add]\n const charactersToAdd: TCharsToAdd = [['-', 5]];\n\n charactersToAdd.forEach(([chars, pos]) => {\n if (nextMaskedValue.length > pos) {\n nextMaskedValue.splice(pos, 0, chars);\n if (maskedPos >= pos) maskedPos += chars.length;\n }\n });\n\n if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos) maskedPos += chars.length;\n });\n } else if (lastkeycode === 8 && maskedPos) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos + 1) maskedPos -= chars.length;\n });\n }\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst ZipCodeSearchInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(\n rawValue,\n cursorPos,\n lastkeycode,\n );\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef && typeof innerRef === 'function') innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nZipCodeSearchInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport default ZipCodeSearchInputMask;\n"],"names":["conformValue","rawValue","cursorPos","lastkeycode","nextMaskedValue","split","filter","char","slice","maskedPos","i","charactersToAdd","forEach","chars","pos","length","splice","join","ZipCodeSearchInputMask","focus","setFocus","setRawMask","cursorPosition","setCursorPosition","lastkey","setLastkey","setRawValue","style","disabled","className","name","maxLength","minLength","fluidWidth","placeholder","onKeyDown","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","hasError","readOnly","type","innerRef","clearable","leftComponent","rightComponent","value","rest","inputRef","useRef","useState","maskedValue","setMaskedValue","conform","useCallback","shouldUpdateCursorPos","event","target","originalValue","current","handleOnChange","e","selectionEnd","code","useLayoutEffect","setCaretPosition","handleKeyDown","stopPropagation","key","keyCode","handleBlur","ref","propTypes","PropTypes","bool","func","shape","number","string","object","element","any","mask","placeholderChar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ZipCodeSearchInputMask.js","sources":["../../../../src/InputMask/mask_types/ZipCodeSearchInputMask.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSTextBox from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport setCaretPosition from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 9);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n\n // list of [string to add, position to add]\n const charactersToAdd: TCharsToAdd = [['-', 5]];\n\n charactersToAdd.forEach(([chars, pos]) => {\n if (nextMaskedValue.length > pos) {\n nextMaskedValue.splice(pos, 0, chars);\n if (maskedPos >= pos) maskedPos += chars.length;\n }\n });\n\n if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos) maskedPos += chars.length;\n });\n } else if (lastkeycode === 8 && maskedPos) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos + 1) maskedPos -= chars.length;\n });\n }\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst ZipCodeSearchInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(\n rawValue,\n cursorPos,\n lastkeycode,\n );\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef && typeof innerRef === 'function') innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nZipCodeSearchInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport default ZipCodeSearchInputMask;\n"],"names":["conformValue","rawValue","cursorPos","lastkeycode","nextMaskedValue","split","filter","char","slice","maskedPos","i","charactersToAdd","forEach","chars","pos","length","splice","join","ZipCodeSearchInputMask","focus","setFocus","setRawMask","cursorPosition","setCursorPosition","lastkey","setLastkey","setRawValue","style","disabled","className","name","maxLength","minLength","fluidWidth","placeholder","onKeyDown","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","hasError","readOnly","type","innerRef","clearable","leftComponent","rightComponent","value","rest","inputRef","useRef","useState","maskedValue","setMaskedValue","conform","useCallback","shouldUpdateCursorPos","event","target","originalValue","current","handleOnChange","e","selectionEnd","code","useLayoutEffect","setCaretPosition","handleKeyDown","stopPropagation","key","keyCode","handleBlur","ref","propTypes","PropTypes","bool","func","shape","number","string","object","element","any","mask","placeholderChar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/InputMask/mask_types/index.tsx"],"sourcesContent":["import React from 'react';\nimport DateInputMask from './DateInputMask';\nimport DateTimeInputMask from './DateTimeInputMask';\nimport DictionaryInputMask from './DictionaryInputMask';\nimport NumberInputMask from './NumberInputMask';\nimport PhoneInputMask from './PhoneInputMask';\nimport PhoneInternationalInputMask from './PhoneInternationalInputMask';\nimport SsnInputMask from './SsnInputMask';\nimport UsZipCodeInputMask from './UsZipCodeInputMask';\nimport ZipCodeSearchInputMask from './ZipCodeSearchInputMask';\n\nconst dollarSign = '$';\nconst percentSign = '%';\nconst emptyString = '';\nconst comma = ',';\nconst period = '.';\n\nexport const OutOfTheBoxMaskTypes = {\n 'ds-mask-date': (props) => <DateInputMask {...props} />,\n 'ds-mask-date-time': (props) => <DateTimeInputMask {...props} />,\n 'ds-mask-dictionary': ({ ignoreCase = true, ...rest }) => (\n <DictionaryInputMask ignoreCase={ignoreCase} {...rest} />\n ),\n 'ds-mask-number': ({\n prefix = dollarSign,\n suffix = emptyString,\n includeThousandsSeparator = true,\n thousandsSeparatorSymbol = comma,\n allowDecimal = false,\n decimalSymbol = period,\n decimalLimit = 2,\n requireDecimal = false,\n allowNegative = false,\n allowLeadingZeroes = false,\n integerLimit = null,\n ...rest\n }) => (\n <NumberInputMask\n prefix={prefix}\n suffix={suffix}\n includeThousandsSeparator={includeThousandsSeparator}\n thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n allowDecimal={allowDecimal}\n decimalSymbol={decimalSymbol}\n decimalLimit={decimalLimit}\n requireDecimal={requireDecimal}\n allowNegative={allowNegative}\n allowLeadingZeroes={allowLeadingZeroes}\n integerLimit={integerLimit}\n {...rest}\n />\n ),\n 'ds-mask-percent': ({\n prefix = emptyString,\n suffix = percentSign,\n includeThousandsSeparator = true,\n thousandsSeparatorSymbol = comma,\n allowDecimal = false,\n decimalSymbol = period,\n decimalLimit = 2,\n requireDecimal = false,\n allowNegative = false,\n allowLeadingZeroes = false,\n integerLimit = null,\n ...rest\n }) => (\n <NumberInputMask\n prefix={prefix}\n suffix={suffix}\n includeThousandsSeparator={includeThousandsSeparator}\n thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n allowDecimal={allowDecimal}\n decimalSymbol={decimalSymbol}\n decimalLimit={decimalLimit}\n requireDecimal={requireDecimal}\n allowNegative={allowNegative}\n allowLeadingZeroes={allowLeadingZeroes}\n integerLimit={integerLimit}\n {...rest}\n />\n ),\n 'ds-mask-phone': (props) => <PhoneInputMask {...props} />,\n 'ds-mask-phone-international': (props) => (\n <PhoneInternationalInputMask {...props} />\n ),\n 'ds-mask-ssn': (props) => <SsnInputMask {...props} />,\n 'ds-mask-us-zip-code': (props) => <UsZipCodeInputMask {...props} />,\n 'ds-mask-zip-code-search': (props) => <ZipCodeSearchInputMask {...props} />,\n};\n"],"names":["dollarSign","percentSign","emptyString","comma","period","OutOfTheBoxMaskTypes","props","ignoreCase","rest","prefix","suffix","includeThousandsSeparator","thousandsSeparatorSymbol","allowDecimal","decimalSymbol","decimalLimit","requireDecimal","allowNegative","allowLeadingZeroes","integerLimit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,UAAU,GAAG,GAAnB;AACA,IAAMC,WAAW,GAAG,GAApB;AACA,IAAMC,WAAW,GAAG,EAApB;AACA,IAAMC,KAAK,GAAG,GAAd;AACA,IAAMC,MAAM,GAAG,GAAf;IAEaC,oBAAoB,GAAG;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/InputMask/mask_types/index.tsx"],"sourcesContent":["import React from 'react';\nimport DateInputMask from './DateInputMask';\nimport DateTimeInputMask from './DateTimeInputMask';\nimport DictionaryInputMask from './DictionaryInputMask';\nimport NumberInputMask from './NumberInputMask';\nimport PhoneInputMask from './PhoneInputMask';\nimport PhoneInternationalInputMask from './PhoneInternationalInputMask';\nimport SsnInputMask from './SsnInputMask';\nimport UsZipCodeInputMask from './UsZipCodeInputMask';\nimport ZipCodeSearchInputMask from './ZipCodeSearchInputMask';\n\nconst dollarSign = '$';\nconst percentSign = '%';\nconst emptyString = '';\nconst comma = ',';\nconst period = '.';\n\nexport const OutOfTheBoxMaskTypes = {\n 'ds-mask-date': (props) => <DateInputMask {...props} />,\n 'ds-mask-date-time': (props) => <DateTimeInputMask {...props} />,\n 'ds-mask-dictionary': ({ ignoreCase = true, ...rest }) => (\n <DictionaryInputMask ignoreCase={ignoreCase} {...rest} />\n ),\n 'ds-mask-number': ({\n prefix = dollarSign,\n suffix = emptyString,\n includeThousandsSeparator = true,\n thousandsSeparatorSymbol = comma,\n allowDecimal = false,\n decimalSymbol = period,\n decimalLimit = 2,\n requireDecimal = false,\n allowNegative = false,\n allowLeadingZeroes = false,\n integerLimit = null,\n ...rest\n }) => (\n <NumberInputMask\n prefix={prefix}\n suffix={suffix}\n includeThousandsSeparator={includeThousandsSeparator}\n thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n allowDecimal={allowDecimal}\n decimalSymbol={decimalSymbol}\n decimalLimit={decimalLimit}\n requireDecimal={requireDecimal}\n allowNegative={allowNegative}\n allowLeadingZeroes={allowLeadingZeroes}\n integerLimit={integerLimit}\n {...rest}\n />\n ),\n 'ds-mask-percent': ({\n prefix = emptyString,\n suffix = percentSign,\n includeThousandsSeparator = true,\n thousandsSeparatorSymbol = comma,\n allowDecimal = false,\n decimalSymbol = period,\n decimalLimit = 2,\n requireDecimal = false,\n allowNegative = false,\n allowLeadingZeroes = false,\n integerLimit = null,\n ...rest\n }) => (\n <NumberInputMask\n prefix={prefix}\n suffix={suffix}\n includeThousandsSeparator={includeThousandsSeparator}\n thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n allowDecimal={allowDecimal}\n decimalSymbol={decimalSymbol}\n decimalLimit={decimalLimit}\n requireDecimal={requireDecimal}\n allowNegative={allowNegative}\n allowLeadingZeroes={allowLeadingZeroes}\n integerLimit={integerLimit}\n {...rest}\n />\n ),\n 'ds-mask-phone': (props) => <PhoneInputMask {...props} />,\n 'ds-mask-phone-international': (props) => (\n <PhoneInternationalInputMask {...props} />\n ),\n 'ds-mask-ssn': (props) => <SsnInputMask {...props} />,\n 'ds-mask-us-zip-code': (props) => <UsZipCodeInputMask {...props} />,\n 'ds-mask-zip-code-search': (props) => <ZipCodeSearchInputMask {...props} />,\n};\n"],"names":["dollarSign","percentSign","emptyString","comma","period","OutOfTheBoxMaskTypes","props","ignoreCase","rest","prefix","suffix","includeThousandsSeparator","thousandsSeparatorSymbol","allowDecimal","decimalSymbol","decimalLimit","requireDecimal","allowNegative","allowLeadingZeroes","integerLimit"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/InputMask/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const inputProps = {\n /** Should component focus automatically */\n autoFocus: PropTypes.bool.description('Should component focus automatically'),\n /**\n * Set style for the input mask\n */\n style: PropTypes.object.description('Set style for the input mask'),\n /**\n * Whether the input mask is disabled or not\n */\n disabled: PropTypes.bool.description(\n 'Whether the input mask is disabled or not',\n ),\n /** disableTooltip */\n disableTooltip: PropTypes.bool\n .description('Whether to show a tooltip or not when text does not fit')\n .defaultValue(true),\n /** css class */\n className: PropTypes.string.description('css class'),\n /** html name prop for form */\n name: PropTypes.string.description('html name prop for form'),\n /**\n * Max length for the input mask\n */\n maxLength: PropTypes.number.description('Max length for the input mask'),\n /**\n * Min length for the input mask\n */\n minLength: PropTypes.number.description('Min length for the input mask'),\n /**\n * Whether to make the content of the input mask fit the container or not\n */\n fluidWidth: PropTypes.bool.description(\n 'Whether to make the content of the input mask fit the container or not',\n ),\n /** isShowElipsisActive */\n isShowElipsisActive: PropTypes.bool\n .description(\n 'Wheter to enable the ellipsis and tooltip functionality or not',\n )\n .defaultValue(true),\n /**\n * Component that works as placeholder\n */\n placeholder: PropTypes.node.description(\n 'Component that works as placeholder',\n ),\n /**\n * Allows a function that is triggered once a key is being pressed\n */\n onKeyDown: PropTypes.func.description(\n 'Allows a function that is triggered once a key is being pressed',\n ),\n /**\n * Allows a function that is triggered once the input mask is clicked\n */\n onClick: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is clicked',\n ),\n /**\n * Allows a function that is triggered once the input mask changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask changes',\n ),\n /**\n * Allows a function that is triggered once the input mask is focused\n */\n onFocus: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is focused',\n ),\n /**\n * Allows a function that is triggered once the input mask loses focus\n */\n onBlur: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask loses focus',\n ),\n /**\n * Allows a function that is triggered once the input mask is pasted\n */\n onPaste: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is pasted',\n ),\n /**\n * Allows a function that is triggered once in the input mask a keyboard key is released\n */\n onKeyUp: PropTypes.func.description(\n 'Allows a function that is triggered once in the input mask a keyboard key is released',\n ),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description(\n 'Default value once the component is initialized',\n ),\n /**\n * Whether the input mask has error or not\n */\n hasError: PropTypes.bool.description(\n 'Whether the input mask has error or not',\n ),\n /**\n * Whether the input mask is read only or not\n */\n readOnly: PropTypes.bool.description(\n 'Whether the input mask is read only or not',\n ),\n innerRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any }),\n ]).description('Whether the input mask is read only or not'),\n /**\n * Type of input. Ex: 'text'\n */\n type: PropTypes.string.description(\"Type of input. Ex: 'text'\"),\n /**\n * Whether the input mask is clearable or not\n */\n clearable: PropTypes.bool.description(\n 'Whether the input mask is clearable or not',\n ),\n /**\n * Component to be added at the right side of the input\n */\n leftComponent: PropTypes.node.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Component to be added at the right side of the input\n */\n rightComponent: PropTypes.node.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Mask that has to match with the input information entered\n * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']\n */\n mask: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.string,\n PropTypes.func,\n ]).description(\n \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n ),\n /**\n Expects pipe functions. i.e. autoCorrectedDatePipe\n link a docu de text-mask\n */\n pipe: PropTypes.func.description(\n 'Expects pipe functions. i.e. autoCorrectedDatePipe',\n ),\n /**\n * Put a sufix after the input mask\n */\n useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n /**\n * The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _\n */\n placeholderChar: PropTypes.string\n .description(\n `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n )\n .defaultValue('_'),\n};\n"],"names":["inputProps","autoFocus","PropTypes","bool","description","style","object","disabled","disableTooltip","defaultValue","className","string","name","maxLength","number","minLength","fluidWidth","isShowElipsisActive","placeholder","node","onKeyDown","func","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","value","hasError","readOnly","innerRef","oneOfType","shape","current","any","type","clearable","leftComponent","rightComponent","mask","array","pipe","useSubfix","placeholderChar"],"mappings":";;IAEaA,UAAU,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/InputMask/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const inputProps = {\n /** Should component focus automatically */\n autoFocus: PropTypes.bool.description('Should component focus automatically'),\n /**\n * Set style for the input mask\n */\n style: PropTypes.object.description('Set style for the input mask'),\n /**\n * Whether the input mask is disabled or not\n */\n disabled: PropTypes.bool.description(\n 'Whether the input mask is disabled or not',\n ),\n /** disableTooltip */\n disableTooltip: PropTypes.bool\n .description('Whether to show a tooltip or not when text does not fit')\n .defaultValue(true),\n /** css class */\n className: PropTypes.string.description('css class'),\n /** html name prop for form */\n name: PropTypes.string.description('html name prop for form'),\n /**\n * Max length for the input mask\n */\n maxLength: PropTypes.number.description('Max length for the input mask'),\n /**\n * Min length for the input mask\n */\n minLength: PropTypes.number.description('Min length for the input mask'),\n /**\n * Whether to make the content of the input mask fit the container or not\n */\n fluidWidth: PropTypes.bool.description(\n 'Whether to make the content of the input mask fit the container or not',\n ),\n /** isShowElipsisActive */\n isShowElipsisActive: PropTypes.bool\n .description(\n 'Wheter to enable the ellipsis and tooltip functionality or not',\n )\n .defaultValue(true),\n /**\n * Component that works as placeholder\n */\n placeholder: PropTypes.node.description(\n 'Component that works as placeholder',\n ),\n /**\n * Allows a function that is triggered once a key is being pressed\n */\n onKeyDown: PropTypes.func.description(\n 'Allows a function that is triggered once a key is being pressed',\n ),\n /**\n * Allows a function that is triggered once the input mask is clicked\n */\n onClick: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is clicked',\n ),\n /**\n * Allows a function that is triggered once the input mask changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask changes',\n ),\n /**\n * Allows a function that is triggered once the input mask is focused\n */\n onFocus: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is focused',\n ),\n /**\n * Allows a function that is triggered once the input mask loses focus\n */\n onBlur: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask loses focus',\n ),\n /**\n * Allows a function that is triggered once the input mask is pasted\n */\n onPaste: PropTypes.func.description(\n 'Allows a function that is triggered once the input mask is pasted',\n ),\n /**\n * Allows a function that is triggered once in the input mask a keyboard key is released\n */\n onKeyUp: PropTypes.func.description(\n 'Allows a function that is triggered once in the input mask a keyboard key is released',\n ),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description(\n 'Default value once the component is initialized',\n ),\n /**\n * Whether the input mask has error or not\n */\n hasError: PropTypes.bool.description(\n 'Whether the input mask has error or not',\n ),\n /**\n * Whether the input mask is read only or not\n */\n readOnly: PropTypes.bool.description(\n 'Whether the input mask is read only or not',\n ),\n innerRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any }),\n ]).description('Whether the input mask is read only or not'),\n /**\n * Type of input. Ex: 'text'\n */\n type: PropTypes.string.description(\"Type of input. Ex: 'text'\"),\n /**\n * Whether the input mask is clearable or not\n */\n clearable: PropTypes.bool.description(\n 'Whether the input mask is clearable or not',\n ),\n /**\n * Component to be added at the right side of the input\n */\n leftComponent: PropTypes.node.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Component to be added at the right side of the input\n */\n rightComponent: PropTypes.node.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Mask that has to match with the input information entered\n * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']\n */\n mask: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.string,\n PropTypes.func,\n ]).description(\n \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n ),\n /**\n Expects pipe functions. i.e. autoCorrectedDatePipe\n link a docu de text-mask\n */\n pipe: PropTypes.func.description(\n 'Expects pipe functions. i.e. autoCorrectedDatePipe',\n ),\n /**\n * Put a sufix after the input mask\n */\n useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n /**\n * The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _\n */\n placeholderChar: PropTypes.string\n .description(\n `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n )\n .defaultValue('_'),\n};\n"],"names":["inputProps","autoFocus","PropTypes","bool","description","style","object","disabled","disableTooltip","defaultValue","className","string","name","maxLength","number","minLength","fluidWidth","isShowElipsisActive","placeholder","node","onKeyDown","func","onClick","onChange","onFocus","onBlur","onPaste","onKeyUp","value","hasError","readOnly","innerRef","oneOfType","shape","current","any","type","clearable","leftComponent","rightComponent","mask","array","pipe","useSubfix","placeholderChar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setCaretPosition.js","sources":["../../../../src/InputMask/utils/setCaretPosition.tsx"],"sourcesContent":["const setCaretPosition = (ctrl, pos) => {\n // Modern browsers\n if (ctrl?.setSelectionRange) {\n ctrl?.focus();\n ctrl?.setSelectionRange(pos, pos);\n\n // IE8 and below\n } else if (ctrl?.createTextRange) {\n const range = ctrl?.createTextRange();\n range?.collapse(true);\n range?.moveEnd('character', pos);\n range?.moveStart('character', pos);\n range?.select();\n }\n};\n\nexport default setCaretPosition;\n"],"names":["setCaretPosition","ctrl","pos","setSelectionRange","focus","createTextRange","range","collapse","moveEnd","moveStart","select"],"mappings":"IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,GAAP,EAAe
|
|
1
|
+
{"version":3,"file":"setCaretPosition.js","sources":["../../../../src/InputMask/utils/setCaretPosition.tsx"],"sourcesContent":["const setCaretPosition = (ctrl, pos) => {\n // Modern browsers\n if (ctrl?.setSelectionRange) {\n ctrl?.focus();\n ctrl?.setSelectionRange(pos, pos);\n\n // IE8 and below\n } else if (ctrl?.createTextRange) {\n const range = ctrl?.createTextRange();\n range?.collapse(true);\n range?.moveEnd('character', pos);\n range?.moveStart('character', pos);\n range?.select();\n }\n};\n\nexport default setCaretPosition;\n"],"names":["setCaretPosition","ctrl","pos","setSelectionRange","focus","createTextRange","range","collapse","moveEnd","moveStart","select"],"mappings":"IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,GAAP,EAAe;;EAEtC,IAAID,IAAJ,aAAIA,IAAJ,eAAIA,IAAI,CAAEE,iBAAV,EAA6B;IAC3BF,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEG,KAAN;IACAH,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEE,iBAAN,CAAwBD,GAAxB,EAA6BA,GAA7B,EAF2B;GAA7B,MAKO,IAAID,IAAJ,aAAIA,IAAJ,eAAIA,IAAI,CAAEI,eAAV,EAA2B;IAChC,IAAMC,KAAK,GAAGL,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEI,eAAN,EAAd;IACAC,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,QAAP,CAAgB,IAAhB;IACAD,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,OAAP,CAAe,WAAf,EAA4BN,GAA5B;IACAI,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,SAAP,CAAiB,WAAjB,EAA8BP,GAA9B;IACAI,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,MAAP;;AAEH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSInputProtected.js","sources":["../../../src/InputProtected/DSInputProtected.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport InputGroup from '../InputGroup';\nimport DSInputMask from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nconst ADDON_ICON_OPTIONS = {\n LockUnlocked: <LockUnlocked />,\n LockLocked: <LockLocked />,\n VisibleView: <VisibleView />,\n InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n leftAddon,\n rightAddon,\n onChange,\n value,\n readOnly,\n mask,\n type,\n placeholderChar = undefined,\n ...rest\n}) => {\n const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n useEffect(() => {\n setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n }, [leftAddon, rightAddon]);\n\n const handleLeft = useCallback(() => {\n setLocked(!inputLocked);\n }, [leftAddon, inputLocked]);\n const handleRight = useCallback(() => {\n setHidden(!inputHidden);\n }, [rightAddon, inputHidden]);\n\n return (\n <div>\n <InputGroup\n leftAddon={\n left ? (\n <DSButton\n aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n buttonType=\"secondary\"\n icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n onClick={handleLeft}\n />\n ) : undefined\n }\n readOnly={left ? inputLocked : readOnly}\n rightAddon={\n right ? (\n <DSButton\n aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n buttonType=\"secondary\"\n icon={\n ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\n }\n onClick={handleRight}\n containerProps={{\n 'data-testid': 'inputprotected-show-hide-button',\n }}\n />\n ) : undefined\n }\n >\n <DSInputMask\n {...rest}\n mask={mask}\n placeholderChar={placeholderChar}\n onChange={onChange}\n readOnly={left ? inputLocked : readOnly}\n type={right && inputHidden ? 'password' : type}\n value={value}\n />\n </InputGroup>\n </div>\n );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],"names":["ADDON_ICON_OPTIONS","LockUnlocked","LockLocked","VisibleView","InvisibleHide","DSInputProtected","leftAddon","rightAddon","onChange","value","readOnly","mask","type","placeholderChar","undefined","rest","left","right","useState","LEFT_ADDON_OPTIONS","inputLocked","setLocked","RIGHT_ADDON_OPTIONS","inputHidden","setHidden","useEffect","handleLeft","useCallback","handleRight","InputGroup","propTypes","inputProtectedProps","defaultProps","DSInputProtectedWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,kBAAkB,GAAG;
|
|
1
|
+
{"version":3,"file":"DSInputProtected.js","sources":["../../../src/InputProtected/DSInputProtected.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport InputGroup from '../InputGroup';\nimport DSInputMask from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nconst ADDON_ICON_OPTIONS = {\n LockUnlocked: <LockUnlocked />,\n LockLocked: <LockLocked />,\n VisibleView: <VisibleView />,\n InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n leftAddon,\n rightAddon,\n onChange,\n value,\n readOnly,\n mask,\n type,\n placeholderChar = undefined,\n ...rest\n}) => {\n const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n useEffect(() => {\n setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n }, [leftAddon, rightAddon]);\n\n const handleLeft = useCallback(() => {\n setLocked(!inputLocked);\n }, [leftAddon, inputLocked]);\n const handleRight = useCallback(() => {\n setHidden(!inputHidden);\n }, [rightAddon, inputHidden]);\n\n return (\n <div>\n <InputGroup\n leftAddon={\n left ? (\n <DSButton\n aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n buttonType=\"secondary\"\n icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n onClick={handleLeft}\n />\n ) : undefined\n }\n readOnly={left ? inputLocked : readOnly}\n rightAddon={\n right ? (\n <DSButton\n aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n buttonType=\"secondary\"\n icon={\n ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\n }\n onClick={handleRight}\n containerProps={{\n 'data-testid': 'inputprotected-show-hide-button',\n }}\n />\n ) : undefined\n }\n >\n <DSInputMask\n {...rest}\n mask={mask}\n placeholderChar={placeholderChar}\n onChange={onChange}\n readOnly={left ? inputLocked : readOnly}\n type={right && inputHidden ? 'password' : type}\n value={value}\n />\n </InputGroup>\n </div>\n );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],"names":["ADDON_ICON_OPTIONS","LockUnlocked","LockLocked","VisibleView","InvisibleHide","DSInputProtected","leftAddon","rightAddon","onChange","value","readOnly","mask","type","placeholderChar","undefined","rest","left","right","useState","LEFT_ADDON_OPTIONS","inputLocked","setLocked","RIGHT_ADDON_OPTIONS","inputHidden","setHidden","useEffect","handleLeft","useCallback","handleRight","InputGroup","propTypes","inputProtectedProps","defaultProps","DSInputProtectedWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/InputProtected/defaultProps.tsx"],"sourcesContent":["import { RIGHT_ADDON_OPTIONS } from './options';\n\nexport const defaultProps = {\n rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,\n mask: (data) => new Array(data.length).fill(/./),\n};\n"],"names":["defaultProps","rightAddon","RIGHT_ADDON_OPTIONS","InvisibleHide","mask","data","Array","length","fill"],"mappings":";;IAEaA,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/InputProtected/defaultProps.tsx"],"sourcesContent":["import { RIGHT_ADDON_OPTIONS } from './options';\n\nexport const defaultProps = {\n rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,\n mask: (data) => new Array(data.length).fill(/./),\n};\n"],"names":["defaultProps","rightAddon","RIGHT_ADDON_OPTIONS","InvisibleHide","mask","data","Array","length","fill"],"mappings":";;IAEaA,YAAY,GAAG;EAC1BC,UAAU,EAAEC,mBAAmB,CAACC,aADN;EAE1BC,IAAI,EAAE,cAACC,IAAD;IAAA,OAAU,IAAIC,KAAJ,CAAUD,IAAI,CAACE,MAAf,EAAuBC,IAAvB,CAA4B,GAA5B,CAAV;;AAFoB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options.js","sources":["../../../src/InputProtected/options.tsx"],"sourcesContent":["export const LEFT_ADDON_OPTIONS = {\n LockUnlocked: 'LockUnlocked',\n LockLocked: 'LockLocked',\n};\n\nexport const RIGHT_ADDON_OPTIONS = {\n VisibleView: 'VisibleView',\n InvisibleHide: 'InvisibleHide',\n};\n"],"names":["LEFT_ADDON_OPTIONS","LockUnlocked","LockLocked","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide"],"mappings":"IAAaA,kBAAkB,GAAG;
|
|
1
|
+
{"version":3,"file":"options.js","sources":["../../../src/InputProtected/options.tsx"],"sourcesContent":["export const LEFT_ADDON_OPTIONS = {\n LockUnlocked: 'LockUnlocked',\n LockLocked: 'LockLocked',\n};\n\nexport const RIGHT_ADDON_OPTIONS = {\n VisibleView: 'VisibleView',\n InvisibleHide: 'InvisibleHide',\n};\n"],"names":["LEFT_ADDON_OPTIONS","LockUnlocked","LockLocked","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide"],"mappings":"IAAaA,kBAAkB,GAAG;EAChCC,YAAY,EAAE,cADkB;EAEhCC,UAAU,EAAE;AAFoB;IAKrBC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,aADoB;EAEjCC,aAAa,EAAE;AAFkB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/InputProtected/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n leftAddon: PropTypes.oneOf([\n LEFT_ADDON_OPTIONS.LockLocked,\n LEFT_ADDON_OPTIONS.LockUnlocked,\n ]).description('left addon component to display'),\n rightAddon: PropTypes.oneOf([\n RIGHT_ADDON_OPTIONS.VisibleView,\n RIGHT_ADDON_OPTIONS.InvisibleHide,\n ])\n .description('right addon component to display')\n .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n onChange: PropTypes.func.description(\n 'Function executed when input s value changes',\n ),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'input s value',\n ),\n readOnly: PropTypes.bool\n .description('Whether the input is read-only or not')\n .defaultValue(false),\n mask: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.func,\n ]).description('mask to apply'),\n type: PropTypes.oneOf(['password', 'number', 'text']).description(\n 'type of input',\n ),\n /**\n * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _.\n */\n placeholderChar: PropTypes.string.description(\n `The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _.`,\n ),\n};\n"],"names":["inputProtectedProps","leftAddon","PropTypes","oneOf","LEFT_ADDON_OPTIONS","LockLocked","LockUnlocked","description","rightAddon","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide","defaultValue","onChange","func","value","oneOfType","string","number","readOnly","bool","mask","arrayOf","type","placeholderChar"],"mappings":";;;IAGaA,mBAAmB,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/InputProtected/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n leftAddon: PropTypes.oneOf([\n LEFT_ADDON_OPTIONS.LockLocked,\n LEFT_ADDON_OPTIONS.LockUnlocked,\n ]).description('left addon component to display'),\n rightAddon: PropTypes.oneOf([\n RIGHT_ADDON_OPTIONS.VisibleView,\n RIGHT_ADDON_OPTIONS.InvisibleHide,\n ])\n .description('right addon component to display')\n .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n onChange: PropTypes.func.description(\n 'Function executed when input s value changes',\n ),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'input s value',\n ),\n readOnly: PropTypes.bool\n .description('Whether the input is read-only or not')\n .defaultValue(false),\n mask: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.func,\n ]).description('mask to apply'),\n type: PropTypes.oneOf(['password', 'number', 'text']).description(\n 'type of input',\n ),\n /**\n * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _.\n */\n placeholderChar: PropTypes.string.description(\n `The placeholder character represents the fillable spot in the mask.\n * The default placeholder character is underscore, _.`,\n ),\n};\n"],"names":["inputProtectedProps","leftAddon","PropTypes","oneOf","LEFT_ADDON_OPTIONS","LockLocked","LockUnlocked","description","rightAddon","RIGHT_ADDON_OPTIONS","VisibleView","InvisibleHide","defaultValue","onChange","func","value","oneOfType","string","number","readOnly","bool","mask","arrayOf","type","placeholderChar"],"mappings":";;;IAGaA,mBAAmB,GAAG;EACjCC,SAAS,EAAEC,SAAS,CAACC,KAAV,CAAgB,CACzBC,kBAAkB,CAACC,UADM,EAEzBD,kBAAkB,CAACE,YAFM,CAAhB,EAGRC,WAHQ,CAGI,iCAHJ,CADsB;EAKjCC,UAAU,EAAEN,SAAS,CAACC,KAAV,CAAgB,CAC1BM,mBAAmB,CAACC,WADM,EAE1BD,mBAAmB,CAACE,aAFM,CAAhB,EAITJ,WAJS,CAIG,kCAJH,EAKTK,YALS,CAKIH,mBAAmB,CAACE,aALxB,CALqB;EAWjCE,QAAQ,EAAEX,SAAS,CAACY,IAAV,CAAeP,WAAf,CACR,8CADQ,CAXuB;EAcjCQ,KAAK,EAAEb,SAAS,CAACc,SAAV,CAAoB,CAACd,SAAS,CAACe,MAAX,EAAmBf,SAAS,CAACgB,MAA7B,CAApB,EAA0DX,WAA1D,CACL,eADK,CAd0B;EAiBjCY,QAAQ,EAAEjB,SAAS,CAACkB,IAAV,CACPb,WADO,CACK,uCADL,EAEPK,YAFO,CAEM,KAFN,CAjBuB;EAoBjCS,IAAI,EAAEnB,SAAS,CAACc,SAAV,CAAoB,CACxBd,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACe,MAA5B,CADwB,EAExBf,SAAS,CAACY,IAFc,CAApB,EAGHP,WAHG,CAGS,eAHT,CApB2B;EAwBjCgB,IAAI,EAAErB,SAAS,CAACC,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,EAAuB,MAAvB,CAAhB,EAAgDI,WAAhD,CACJ,eADI,CAxB2B;;;AA4BnC;AACA;AACA;EACEiB,eAAe,EAAEtB,SAAS,CAACe,MAAV,CAAiBV,WAAjB;AA/BgB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSLargeInputText.js","sources":["../../../src/LargeInputText/DSLargeInputText.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport {\n convertPropToCssClassName,\n aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n 'counter',\n 'textarea',\n ({ limitError }) => ({\n 'limit-error': limitError,\n }),\n);\n\nconst DSLargeInputText = ({\n containerProps,\n autoFocus,\n className,\n disabled,\n name,\n id,\n maxLength,\n minLength,\n placeholder,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n onPaste,\n value,\n hasError,\n required,\n readOnly,\n resize,\n innerRef,\n ariaLabel,\n ariaAutocomplete,\n role,\n characterLimitCounter,\n rows,\n errorLimit,\n tabIndex,\n}) => {\n const limitError = useMemo(\n () =>\n characterLimitCounter < String(value).length && characterLimitCounter > 0,\n [characterLimitCounter, value],\n );\n const {\n cssClassName,\n classNameElement,\n classNameBlock,\n } = convertPropToCssClassName('form-element-textarea', 'text', {\n hasError: limitError || hasError,\n readOnly,\n disabled,\n });\n // auto size when user types\n const handleKeyUp = (e) => {\n // const { target } = e\n onKeyUp(e);\n // if (e.key !== 'Enter') return\n // target.style.cssText = 'height:auto; padding:0'\n // target.style.cssText = `height: ${target.scrollHeight}px`\n };\n return (\n <>\n <div {...containerProps} className={`${cssClassName} ${className}`}>\n <div className={classNameBlock('wrapper')}>\n <textarea\n ref={innerRef}\n aria-autocomplete={ariaAutocomplete}\n aria-label={ariaLabel}\n aria-multiline\n aria-placeholder={placeholder}\n aria-required={required}\n autoFocus={autoFocus}\n className={classNameElement('textarea')}\n data-testid=\"ds-large-input_main-component\"\n disabled={disabled}\n id={id}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={onBlur}\n onChange={onChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onKeyUp={handleKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n role={role}\n rows={String(rows)}\n style={{\n resize,\n }}\n value={value}\n tabIndex={tabIndex}\n />\n </div>\n </div>\n {characterLimitCounter > 0 && (\n <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n {`${\n limitError\n ? `${errorLimit} ${characterLimitCounter} characters. `\n : ''\n }${String(value).length} / ${characterLimitCounter}`}\n </CounterArea>\n )}\n </>\n );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\n\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n 'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema };\n\nexport default DSLargeInputText;\n"],"names":["CounterArea","aggregatedClasses","limitError","DSLargeInputText","containerProps","autoFocus","className","disabled","name","id","maxLength","minLength","placeholder","onClick","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","rows","errorLimit","tabIndex","useMemo","String","length","convertPropToCssClassName","cssClassName","classNameElement","classNameBlock","handleKeyUp","e","propTypes","props","defaultProps","DSLargeInputTextWithSchema","describe","description"],"mappings":";;;;;;;AAWA,IAAMA,WAAW,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAClB,SADkB,EAElB,UAFkB,EAGlB;
|
|
1
|
+
{"version":3,"file":"DSLargeInputText.js","sources":["../../../src/LargeInputText/DSLargeInputText.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport {\n convertPropToCssClassName,\n aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n 'counter',\n 'textarea',\n ({ limitError }) => ({\n 'limit-error': limitError,\n }),\n);\n\nconst DSLargeInputText = ({\n containerProps,\n autoFocus,\n className,\n disabled,\n name,\n id,\n maxLength,\n minLength,\n placeholder,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n onPaste,\n value,\n hasError,\n required,\n readOnly,\n resize,\n innerRef,\n ariaLabel,\n ariaAutocomplete,\n role,\n characterLimitCounter,\n rows,\n errorLimit,\n tabIndex,\n}) => {\n const limitError = useMemo(\n () =>\n characterLimitCounter < String(value).length && characterLimitCounter > 0,\n [characterLimitCounter, value],\n );\n const {\n cssClassName,\n classNameElement,\n classNameBlock,\n } = convertPropToCssClassName('form-element-textarea', 'text', {\n hasError: limitError || hasError,\n readOnly,\n disabled,\n });\n // auto size when user types\n const handleKeyUp = (e) => {\n // const { target } = e\n onKeyUp(e);\n // if (e.key !== 'Enter') return\n // target.style.cssText = 'height:auto; padding:0'\n // target.style.cssText = `height: ${target.scrollHeight}px`\n };\n return (\n <>\n <div {...containerProps} className={`${cssClassName} ${className}`}>\n <div className={classNameBlock('wrapper')}>\n <textarea\n ref={innerRef}\n aria-autocomplete={ariaAutocomplete}\n aria-label={ariaLabel}\n aria-multiline\n aria-placeholder={placeholder}\n aria-required={required}\n autoFocus={autoFocus}\n className={classNameElement('textarea')}\n data-testid=\"ds-large-input_main-component\"\n disabled={disabled}\n id={id}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={onBlur}\n onChange={onChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onKeyUp={handleKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n role={role}\n rows={String(rows)}\n style={{\n resize,\n }}\n value={value}\n tabIndex={tabIndex}\n />\n </div>\n </div>\n {characterLimitCounter > 0 && (\n <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n {`${\n limitError\n ? `${errorLimit} ${characterLimitCounter} characters. `\n : ''\n }${String(value).length} / ${characterLimitCounter}`}\n </CounterArea>\n )}\n </>\n );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\n\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n 'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema };\n\nexport default DSLargeInputText;\n"],"names":["CounterArea","aggregatedClasses","limitError","DSLargeInputText","containerProps","autoFocus","className","disabled","name","id","maxLength","minLength","placeholder","onClick","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","rows","errorLimit","tabIndex","useMemo","String","length","convertPropToCssClassName","cssClassName","classNameElement","classNameBlock","handleKeyUp","e","propTypes","props","defaultProps","DSLargeInputTextWithSchema","describe","description"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/LargeInputText/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n containerProps: {},\n autoFocus: false,\n className: '',\n disabled: false,\n name: '',\n id: null,\n maxLength: null,\n minLength: 0,\n placeholder: '',\n onClick: () => null,\n onChange: () => null,\n onFocus: () => null,\n onBlur: () => null,\n onKeyUp: () => null,\n onKeyDown: () => null,\n onPaste: () => null,\n value: '',\n hasError: false,\n required: false,\n readOnly: false,\n resize: 'vertical',\n innerRef: null,\n ariaLabel: 'Enter text',\n ariaAutocomplete: 'none',\n role: 'textbox',\n characterLimitCounter: 0,\n rows: 3,\n errorLimit: 'Please limit your entry to',\n tabIndex: '',\n};\n"],"names":["defaultProps","containerProps","autoFocus","className","disabled","name","id","maxLength","minLength","placeholder","onClick","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","rows","errorLimit","tabIndex"],"mappings":"IAAaA,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/LargeInputText/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n containerProps: {},\n autoFocus: false,\n className: '',\n disabled: false,\n name: '',\n id: null,\n maxLength: null,\n minLength: 0,\n placeholder: '',\n onClick: () => null,\n onChange: () => null,\n onFocus: () => null,\n onBlur: () => null,\n onKeyUp: () => null,\n onKeyDown: () => null,\n onPaste: () => null,\n value: '',\n hasError: false,\n required: false,\n readOnly: false,\n resize: 'vertical',\n innerRef: null,\n ariaLabel: 'Enter text',\n ariaAutocomplete: 'none',\n role: 'textbox',\n characterLimitCounter: 0,\n rows: 3,\n errorLimit: 'Please limit your entry to',\n tabIndex: '',\n};\n"],"names":["defaultProps","containerProps","autoFocus","className","disabled","name","id","maxLength","minLength","placeholder","onClick","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","rows","errorLimit","tabIndex"],"mappings":"IAAaA,YAAY,GAAG;EAC1BC,cAAc,EAAE,EADU;EAE1BC,SAAS,EAAE,KAFe;EAG1BC,SAAS,EAAE,EAHe;EAI1BC,QAAQ,EAAE,KAJgB;EAK1BC,IAAI,EAAE,EALoB;EAM1BC,EAAE,EAAE,IANsB;EAO1BC,SAAS,EAAE,IAPe;EAQ1BC,SAAS,EAAE,CARe;EAS1BC,WAAW,EAAE,EATa;EAU1BC,OAAO,EAAE;IAAA,OAAM,IAAN;GAViB;EAW1BC,QAAQ,EAAE;IAAA,OAAM,IAAN;GAXgB;EAY1BC,OAAO,EAAE;IAAA,OAAM,IAAN;GAZiB;EAa1BC,MAAM,EAAE;IAAA,OAAM,IAAN;GAbkB;EAc1BC,OAAO,EAAE;IAAA,OAAM,IAAN;GAdiB;EAe1BC,SAAS,EAAE;IAAA,OAAM,IAAN;GAfe;EAgB1BC,OAAO,EAAE;IAAA,OAAM,IAAN;GAhBiB;EAiB1BC,KAAK,EAAE,EAjBmB;EAkB1BC,QAAQ,EAAE,KAlBgB;EAmB1BC,QAAQ,EAAE,KAnBgB;EAoB1BC,QAAQ,EAAE,KApBgB;EAqB1BC,MAAM,EAAE,UArBkB;EAsB1BC,QAAQ,EAAE,IAtBgB;EAuB1BC,SAAS,EAAE,YAvBe;EAwB1BC,gBAAgB,EAAE,MAxBQ;EAyB1BC,IAAI,EAAE,SAzBoB;EA0B1BC,qBAAqB,EAAE,CA1BG;EA2B1BC,IAAI,EAAE,CA3BoB;EA4B1BC,UAAU,EAAE,4BA5Bc;EA6B1BC,QAAQ,EAAE;AA7BgB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/LargeInputText/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const props = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * Whether uses auto focus or not\n */\n autoFocus: PropTypes.bool.description('Whether uses auto focus or not'),\n /** CSS class */\n className: PropTypes.string.description('CSS class'),\n /**\n * Whether is disabled or not\n */\n disabled: PropTypes.bool.description('Whether is disabled or not'),\n /** HTML form name property */\n name: PropTypes.string.description('HTML form name property'),\n /** HTML id */\n id: PropTypes.number.description('HTML id'),\n /**\n * Max length for text to be entered\n */\n maxLength: PropTypes.number.description('Max length for text to be entered'),\n /**\n * Min length for text to be entered\n */\n minLength: PropTypes.number.description('Min length for text to be entered'),\n /**\n * Placeholder for the text\n */\n placeholder: PropTypes.string.description('Placeholder for the text'),\n /**\n * Allows a function that is triggered once the input text is clicked\n */\n onClick: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is clicked',\n ),\n /**\n * Allows a function that is triggered once the input text changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the input text changes',\n ),\n /**\n * Allows a function that is triggered once the input text is focused\n */\n onFocus: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is focused',\n ),\n /**\n * Allows a function that is triggered once the input text loses focus\n */\n onBlur: PropTypes.func.description(\n 'Allows a function that is triggered once the input text loses focus',\n ),\n /**\n * Allows a function that is triggered once in the input a keyboard key is released\n */\n onKeyUp: PropTypes.func.description(\n 'Allows a function that is triggered once in the input a keyboard key is released',\n ),\n /**\n * Allows a function that is triggered once a key is being pressed\n */\n onKeyDown: PropTypes.func.description(\n 'Allows a function that is triggered once a key is being pressed',\n ),\n /**\n * Allows a function that is triggered once the input text is pasted\n */\n onPaste: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is pasted',\n ),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description(\n 'Default value once the component is initialized',\n ),\n /**\n * Whether the input text has error or not\n */\n hasError: PropTypes.bool.description(\n 'Whether the input text has error or not',\n ),\n /**\n * Whether the input text is required or not\n */\n required: PropTypes.bool.description(\n 'Whether the input text is required or not',\n ),\n /**\n * Whether the input text is read only or not\n */\n readOnly: PropTypes.bool.description(\n 'Whether the input text is read only or not',\n ),\n /**\n * Whether the input text style is vertical or not\n */\n resize: PropTypes.string.description(\n 'Whether the input text style is vertical or not',\n ),\n /** ref forwarded to component */\n innerRef: PropTypes.func.description('ref forwarded to component'),\n /** a11y aria label */\n ariaLabel: PropTypes.string.description('a11y aria label'),\n ariaAutocomplete: PropTypes.string.description(''),\n /**\n * Type of input. Ex: textbox\n */\n role: PropTypes.string.description('Type of input. Ex: textbox'),\n /**\n * it will show a counter/limit if the value is greater than 0\n */\n characterLimitCounter: PropTypes.number.description(\n 'it will show a counter/limit if the value is greater than 0',\n ),\n /**\n * Tab index html property.\n */\n tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n"],"names":["props","containerProps","PropTypes","object","description","autoFocus","bool","className","string","disabled","name","id","number","maxLength","minLength","placeholder","onClick","func","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","tabIndex"],"mappings":";;IAEaA,KAAK,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/LargeInputText/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const props = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * Whether uses auto focus or not\n */\n autoFocus: PropTypes.bool.description('Whether uses auto focus or not'),\n /** CSS class */\n className: PropTypes.string.description('CSS class'),\n /**\n * Whether is disabled or not\n */\n disabled: PropTypes.bool.description('Whether is disabled or not'),\n /** HTML form name property */\n name: PropTypes.string.description('HTML form name property'),\n /** HTML id */\n id: PropTypes.number.description('HTML id'),\n /**\n * Max length for text to be entered\n */\n maxLength: PropTypes.number.description('Max length for text to be entered'),\n /**\n * Min length for text to be entered\n */\n minLength: PropTypes.number.description('Min length for text to be entered'),\n /**\n * Placeholder for the text\n */\n placeholder: PropTypes.string.description('Placeholder for the text'),\n /**\n * Allows a function that is triggered once the input text is clicked\n */\n onClick: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is clicked',\n ),\n /**\n * Allows a function that is triggered once the input text changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the input text changes',\n ),\n /**\n * Allows a function that is triggered once the input text is focused\n */\n onFocus: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is focused',\n ),\n /**\n * Allows a function that is triggered once the input text loses focus\n */\n onBlur: PropTypes.func.description(\n 'Allows a function that is triggered once the input text loses focus',\n ),\n /**\n * Allows a function that is triggered once in the input a keyboard key is released\n */\n onKeyUp: PropTypes.func.description(\n 'Allows a function that is triggered once in the input a keyboard key is released',\n ),\n /**\n * Allows a function that is triggered once a key is being pressed\n */\n onKeyDown: PropTypes.func.description(\n 'Allows a function that is triggered once a key is being pressed',\n ),\n /**\n * Allows a function that is triggered once the input text is pasted\n */\n onPaste: PropTypes.func.description(\n 'Allows a function that is triggered once the input text is pasted',\n ),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description(\n 'Default value once the component is initialized',\n ),\n /**\n * Whether the input text has error or not\n */\n hasError: PropTypes.bool.description(\n 'Whether the input text has error or not',\n ),\n /**\n * Whether the input text is required or not\n */\n required: PropTypes.bool.description(\n 'Whether the input text is required or not',\n ),\n /**\n * Whether the input text is read only or not\n */\n readOnly: PropTypes.bool.description(\n 'Whether the input text is read only or not',\n ),\n /**\n * Whether the input text style is vertical or not\n */\n resize: PropTypes.string.description(\n 'Whether the input text style is vertical or not',\n ),\n /** ref forwarded to component */\n innerRef: PropTypes.func.description('ref forwarded to component'),\n /** a11y aria label */\n ariaLabel: PropTypes.string.description('a11y aria label'),\n ariaAutocomplete: PropTypes.string.description(''),\n /**\n * Type of input. Ex: textbox\n */\n role: PropTypes.string.description('Type of input. Ex: textbox'),\n /**\n * it will show a counter/limit if the value is greater than 0\n */\n characterLimitCounter: PropTypes.number.description(\n 'it will show a counter/limit if the value is greater than 0',\n ),\n /**\n * Tab index html property.\n */\n tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n"],"names":["props","containerProps","PropTypes","object","description","autoFocus","bool","className","string","disabled","name","id","number","maxLength","minLength","placeholder","onClick","func","onChange","onFocus","onBlur","onKeyUp","onKeyDown","onPaste","value","hasError","required","readOnly","resize","innerRef","ariaLabel","ariaAutocomplete","role","characterLimitCounter","tabIndex"],"mappings":";;IAEaA,KAAK,GAAG;;EAEnBC,cAAc,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,gDADc,CAFG;;;AAMrB;AACA;EACEC,SAAS,EAAEH,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,gCAA3B,CARQ;;;EAUnBG,SAAS,EAAEL,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,WAA7B,CAVQ;;;AAYrB;AACA;EACEK,QAAQ,EAAEP,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,CAdS;;;EAgBnBM,IAAI,EAAER,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,yBAA7B,CAhBa;;;EAkBnBO,EAAE,EAAET,SAAS,CAACU,MAAV,CAAiBR,WAAjB,CAA6B,SAA7B,CAlBe;;;AAoBrB;AACA;EACES,SAAS,EAAEX,SAAS,CAACU,MAAV,CAAiBR,WAAjB,CAA6B,mCAA7B,CAtBQ;;;AAwBrB;AACA;EACEU,SAAS,EAAEZ,SAAS,CAACU,MAAV,CAAiBR,WAAjB,CAA6B,mCAA7B,CA1BQ;;;AA4BrB;AACA;EACEW,WAAW,EAAEb,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,0BAA7B,CA9BM;;;AAgCrB;AACA;EACEY,OAAO,EAAEd,SAAS,CAACe,IAAV,CAAeb,WAAf,CACP,oEADO,CAlCU;;;AAsCrB;AACA;EACEc,QAAQ,EAAEhB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACR,iEADQ,CAxCS;;;AA4CrB;AACA;EACEe,OAAO,EAAEjB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACP,oEADO,CA9CU;;;AAkDrB;AACA;EACEgB,MAAM,EAAElB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACN,qEADM,CApDW;;;AAwDrB;AACA;EACEiB,OAAO,EAAEnB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACP,kFADO,CA1DU;;;AA8DrB;AACA;EACEkB,SAAS,EAAEpB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACT,iEADS,CAhEQ;;;AAoErB;AACA;EACEmB,OAAO,EAAErB,SAAS,CAACe,IAAV,CAAeb,WAAf,CACP,mEADO,CAtEU;;;AA0ErB;AACA;EACEoB,KAAK,EAAEtB,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CACL,iDADK,CA5EY;;;AAgFrB;AACA;EACEqB,QAAQ,EAAEvB,SAAS,CAACI,IAAV,CAAeF,WAAf,CACR,yCADQ,CAlFS;;;AAsFrB;AACA;EACEsB,QAAQ,EAAExB,SAAS,CAACI,IAAV,CAAeF,WAAf,CACR,2CADQ,CAxFS;;;AA4FrB;AACA;EACEuB,QAAQ,EAAEzB,SAAS,CAACI,IAAV,CAAeF,WAAf,CACR,4CADQ,CA9FS;;;AAkGrB;AACA;EACEwB,MAAM,EAAE1B,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CACN,iDADM,CApGW;;;EAwGnByB,QAAQ,EAAE3B,SAAS,CAACe,IAAV,CAAeb,WAAf,CAA2B,4BAA3B,CAxGS;;;EA0GnB0B,SAAS,EAAE5B,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,iBAA7B,CA1GQ;EA2GnB2B,gBAAgB,EAAE7B,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,EAA7B,CA3GC;;;AA6GrB;AACA;EACE4B,IAAI,EAAE9B,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,4BAA7B,CA/Ga;;;AAiHrB;AACA;EACE6B,qBAAqB,EAAE/B,SAAS,CAACU,MAAV,CAAiBR,WAAjB,CACrB,6DADqB,CAnHJ;;;AAuHrB;AACA;EACE8B,QAAQ,EAAEhC,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,0BAA7B;AAzHS;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/MenuItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, MenuItemWithSchema.toTypescript());\n\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } =\n propsWithDefault;\n\n return (\n <StyledMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isSelected={isSelected}\n isActive={isActive}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={wrapperStyles}\n >\n <Grid>\n <StyledItemLabel>{label}</StyledItemLabel>\n </Grid>\n </StyledMenuItemWrapper>\n );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n"],"names":["MenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuItemWithSchema","toTypescript","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseEnter","onMouseLeave","wrapperStyles","propTypes","itemProps","describe"],"mappings":";;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAmC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/MenuItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, MenuItemWithSchema.toTypescript());\n\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } =\n propsWithDefault;\n\n return (\n <StyledMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isSelected={isSelected}\n isActive={isActive}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={wrapperStyles}\n >\n <Grid>\n <StyledItemLabel>{label}</StyledItemLabel>\n </Grid>\n </StyledMenuItemWrapper>\n );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n"],"names":["MenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuItemWithSchema","toTypescript","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseEnter","onMouseLeave","wrapperStyles","propTypes","itemProps","describe"],"mappings":";;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAmC;EAClD,IAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;EAEAC,8BAA8B,CAACH,gBAAD,EAAmBI,kBAAkB,CAACC,YAAnB,EAAnB,CAA9B;EAEA,IAAQC,IAAR,GACEN,gBADF,CAAQM,IAAR;MAAcC,KAAd,GACEP,gBADF,CAAcO,KAAd;MAAqBC,UAArB,GACER,gBADF,CAAqBQ,UAArB;MAAiCC,OAAjC,GACET,gBADF,CAAiCS,OAAjC;MAA0CC,OAA1C,GACEV,gBADF,CAA0CU,OAA1C;MAAmDC,QAAnD,GACEX,gBADF,CAAmDW,QAAnD;MAA6DC,QAA7D,GACEZ,gBADF,CAA6DY,QAA7D;MAAuEC,YAAvE,GACEb,gBADF,CAAuEa,YAAvE;MAAqFC,YAArF,GACEd,gBADF,CAAqFc,YAArF;MAAmGC,aAAnG,GACEf,gBADF,CAAmGe,aAAnG;EAGA,oBACE,oBAAC,qBAAD;IACE,iBAAeP,UADjB;IAEE,EAAE,EAAEF,IAFN;IAGE,IAAI,EAAC,QAHP;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAEG,QALZ;IAME,OAAO,EAAED,OANX;IAOE,OAAO,EAAED,OAPX;IAQE,GAAG,EAAEG,QARP;IASE,YAAY,EAAEC,YAThB;IAUE,YAAY,EAAEC,YAVhB;IAWE,KAAK,EAAEC;kBAEP,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBR,KAAlB,CADF,CAbF,CADF;AAmBD;;AAEDT,QAAQ,CAACkB,SAAT,GAAqBC,SAArB;IACMb,kBAAkB,GAAGc,QAAQ,CAACpB,QAAD;AACnCM,kBAAkB,CAACY,SAAnB,GAA+BC,SAA/B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemLabel = styled.div`\n display: grid;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n`;\n"],"names":["StyledItemLabel","styled","div"],"mappings":";;IAEaA,eAAe,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemLabel = styled.div`\n display: grid;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n`;\n"],"names":["StyledItemLabel","styled","div"],"mappings":";;IAEaA,eAAe,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n wrapperStyles,\n render,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isActive ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n style={wrapperStyles}\n pr={render ? 0 : 40}\n data-testid=\"combobox-option\"\n >\n <StyledItemContent>\n {render ? (\n render(props)\n ) : (\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n )}\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","wrapperStyles","render","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;
|
|
1
|
+
{"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n wrapperStyles,\n render,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isActive ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n style={wrapperStyles}\n pr={render ? 0 : 40}\n data-testid=\"combobox-option\"\n >\n <StyledItemContent>\n {render ? (\n render(props)\n ) : (\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n )}\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","wrapperStyles","render","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;EACvD,IACEC,IADF,GAeID,KAfJ,CACEC,IADF;MAEEC,KAFF,GAeIF,KAfJ,CAEEE,KAFF;MAGEC,KAHF,GAeIH,KAfJ,CAGEG,KAHF;MAIEC,QAJF,GAeIJ,KAfJ,CAIEI,QAJF;MAKEC,UALF,GAeIL,KAfJ,CAKEK,UALF;MAMEC,QANF,GAeIN,KAfJ,CAMEM,QANF;MAOEC,OAPF,GAeIP,KAfJ,CAOEO,OAPF;MAQEC,OARF,GAeIR,KAfJ,CAQEQ,OARF;MASEC,QATF,GAeIT,KAfJ,CASES,QATF;MAUEC,YAVF,GAeIV,KAfJ,CAUEU,YAVF;MAWEC,YAXF,GAeIX,KAfJ,CAWEW,YAXF;MAYEC,WAZF,GAeIZ,KAfJ,CAYEY,WAZF;MAaEC,aAbF,GAeIb,KAfJ,CAaEa,aAbF;MAcEC,MAdF,GAeId,KAfJ,CAcEc,MAdF;EAiBA,oBACE,oBAAC,2BAAD;IACE,EAAE,EAAEb,IADN;IAEE,QAAQ,EAAEK,QAFZ;IAGE,UAAU,EAAED,UAHd;IAIE,OAAO,EAAEG,OAJX;IAKE,OAAO,EAAED,OALX;IAME,GAAG,EAAEE,QANP;IAOE,WAAW,EAAEG,WAPf;IAQE,YAAY,EAAEF,YARhB;IASE,YAAY,EAAEC,YAThB;IAUE,QAAQ,EAAE,CAVZ;IAWE,IAAI,EAAC,QAXP;IAYE,SAAS,EAAEL,QAAQ,GAAG,qBAAH,GAA2B,EAZhD;IAaE,iBAAeD,UAbjB;IAcE,KAAK,EAAEQ,aAdT;IAeE,EAAE,EAAEC,MAAM,GAAG,CAAH,GAAO,EAfnB;IAgBE,eAAY;kBAEZ,oBAAC,iBAAD,QACGA,MAAM,GACLA,MAAM,CAACd,KAAD,CADD,gBAGL,oBAAC,oBAAD;IACE,QAAQ,EAAEI,QADZ;IAEE,OAAO,EAAEC,UAFX;IAGE,WAAW,EAAEO,WAHf;IAIE,IAAI,EAAEV,KAJR;IAKE,SAAS,EAAEC,KALb;IAME,KAAK,EAAEA,KANT;IAOE,EAAE,EAAED,KAPN;IAQE,QAAQ,EAAEK;IAZhB,CAlBF,CADF;AAqCD;;AAEDR,aAAa,CAACgB,SAAd,GAA0BC,SAA1B;AACAjB,aAAa,CAACkB,YAAd,GAA6BA,YAA7B;IACMC,uBAAuB,GAAGC,QAAQ,CAACpB,aAAD;AACxCmB,uBAAuB,CAACH,SAAxB,GAAoCC,SAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n`;\n"],"names":["StyledItemContent","styled","div"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n`;\n"],"names":["StyledItemContent","styled","div"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Section/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuSectionItemT, defaultProps, itemProps } from './props';\nimport { StyledSectionWrapper, StyledGroupLabel } from './styled';\nconst Section = (props: MenuSectionItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, MenuSectionItemWithSchema.toTypescript());\n const { label, wrapperStyles, innerRef, render } = props;\n return (\n <StyledSectionWrapper style={wrapperStyles} ref={innerRef}>\n {render ? (\n render(props)\n ) : (\n <Grid>\n <StyledGroupLabel>{label}</StyledGroupLabel>\n </Grid>\n )}\n </StyledSectionWrapper>\n );\n};\n\nSection.propTypes = itemProps;\nconst MenuSectionItemWithSchema = describe(Section);\nMenuSectionItemWithSchema.propTypes = itemProps;\n\nexport { Section };\n"],"names":["Section","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuSectionItemWithSchema","toTypescript","label","wrapperStyles","innerRef","render","propTypes","itemProps","describe"],"mappings":";;;;;;;;;IAMMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAA0C;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Section/index.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuSectionItemT, defaultProps, itemProps } from './props';\nimport { StyledSectionWrapper, StyledGroupLabel } from './styled';\nconst Section = (props: MenuSectionItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, MenuSectionItemWithSchema.toTypescript());\n const { label, wrapperStyles, innerRef, render } = props;\n return (\n <StyledSectionWrapper style={wrapperStyles} ref={innerRef}>\n {render ? (\n render(props)\n ) : (\n <Grid>\n <StyledGroupLabel>{label}</StyledGroupLabel>\n </Grid>\n )}\n </StyledSectionWrapper>\n );\n};\n\nSection.propTypes = itemProps;\nconst MenuSectionItemWithSchema = describe(Section);\nMenuSectionItemWithSchema.propTypes = itemProps;\n\nexport { Section };\n"],"names":["Section","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","MenuSectionItemWithSchema","toTypescript","label","wrapperStyles","innerRef","render","propTypes","itemProps","describe"],"mappings":";;;;;;;;;IAMMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAA0C;EACxD,IAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;EAEAC,8BAA8B,CAACH,gBAAD,EAAmBI,yBAAyB,CAACC,YAA1B,EAAnB,CAA9B;EACA,IAAQC,KAAR,GAAmDP,KAAnD,CAAQO,KAAR;MAAeC,aAAf,GAAmDR,KAAnD,CAAeQ,aAAf;MAA8BC,QAA9B,GAAmDT,KAAnD,CAA8BS,QAA9B;MAAwCC,MAAxC,GAAmDV,KAAnD,CAAwCU,MAAxC;EACA,oBACE,oBAAC,oBAAD;IAAsB,KAAK,EAAEF,aAA7B;IAA4C,GAAG,EAAEC;KAC9CC,MAAM,GACLA,MAAM,CAACV,KAAD,CADD,gBAGL,oBAAC,IAAD,qBACE,oBAAC,gBAAD,QAAmBO,KAAnB,CADF,CAJJ,CADF;AAWD;;AAEDR,OAAO,CAACY,SAAR,GAAoBC,SAApB;AACA,IAAMP,yBAAyB,GAAGQ,QAAQ,CAACd,OAAD,CAA1C;AACAM,yBAAyB,CAACM,SAA1B,GAAsCC,SAAtC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../../src/MenuItem/components/Section/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MenuSectionItemT {\n label: string;\n wrapperStyles?: Record<string, unknown>;\n innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n render?: (props: MenuSectionItemT) => JSX.Element;\n}\n\nexport const defaultProps: MenuSectionItemT = {\n label: '',\n wrapperStyles: {},\n};\n\nexport const itemProps = {\n label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","label","wrapperStyles","itemProps","PropTypes","string","description","defaultValue"],"mappings":";;IASaA,YAA8B,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../../src/MenuItem/components/Section/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MenuSectionItemT {\n label: string;\n wrapperStyles?: Record<string, unknown>;\n innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n render?: (props: MenuSectionItemT) => JSX.Element;\n}\n\nexport const defaultProps: MenuSectionItemT = {\n label: '',\n wrapperStyles: {},\n};\n\nexport const itemProps = {\n label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","label","wrapperStyles","itemProps","PropTypes","string","description","defaultValue"],"mappings":";;IASaA,YAA8B,GAAG;EAC5CC,KAAK,EAAE,EADqC;EAE5CC,aAAa,EAAE;AAF6B;IAKjCC,SAAS,GAAG;EACvBF,KAAK,EAAEG,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C;AADgB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Section/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { position, layout } from 'styled-system';\n\nexport const StyledGroupLabel = styled.span`\n font-family: 12px;\n color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nexport const StyledSectionWrapper = styled.li`\n ${position}\n ${layout}\n list-style: none;\n padding: 0px 16px;\n`;\n"],"names":["StyledGroupLabel","styled","span","props","theme","colors","neutral","StyledSectionWrapper","li","position","layout"],"mappings":";;;IAGaA,gBAAgB,gBAAGC,MAAM,CAACC,IAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Section/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { position, layout } from 'styled-system';\n\nexport const StyledGroupLabel = styled.span`\n font-family: 12px;\n color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nexport const StyledSectionWrapper = styled.li`\n ${position}\n ${layout}\n list-style: none;\n padding: 0px 16px;\n`;\n"],"names":["StyledGroupLabel","styled","span","props","theme","colors","neutral","StyledSectionWrapper","li","position","layout"],"mappings":";;;IAGaA,gBAAgB,gBAAGC,MAAM,CAACC,IAAV;EAAA;AAAA,qCAElB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFkB;IAKhBC,oBAAoB,gBAAGN,MAAM,CAACO,EAAV;EAAA;AAAA,oDAC7BC,QAD6B,EAE7BC,MAF6B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Separator/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledSeparatorWrapper, StyledSeparator } from './styled';\n\ninterface SeparatorProps {\n wrapperStyles: Record<string, unknown>;\n innerRef: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n render?: (props: SeparatorProps) => JSX.Element;\n}\n\nconst Separator = (props: SeparatorProps): JSX.Element => {\n const { wrapperStyles, innerRef, render } = props;\n return (\n <StyledSeparatorWrapper style={wrapperStyles} ref={innerRef}>\n {render ? render(props) : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\nexport { Separator };\n"],"names":["Separator","props","wrapperStyles","innerRef","render"],"mappings":";;;;;IAUMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAwC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/Separator/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledSeparatorWrapper, StyledSeparator } from './styled';\n\ninterface SeparatorProps {\n wrapperStyles: Record<string, unknown>;\n innerRef: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n render?: (props: SeparatorProps) => JSX.Element;\n}\n\nconst Separator = (props: SeparatorProps): JSX.Element => {\n const { wrapperStyles, innerRef, render } = props;\n return (\n <StyledSeparatorWrapper style={wrapperStyles} ref={innerRef}>\n {render ? render(props) : <StyledSeparator />}\n </StyledSeparatorWrapper>\n );\n};\n\nexport { Separator };\n"],"names":["Separator","props","wrapperStyles","innerRef","render"],"mappings":";;;;;IAUMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAwC;EACxD,IAAQC,aAAR,GAA4CD,KAA5C,CAAQC,aAAR;MAAuBC,QAAvB,GAA4CF,KAA5C,CAAuBE,QAAvB;MAAiCC,MAAjC,GAA4CH,KAA5C,CAAiCG,MAAjC;EACA,oBACE,oBAAC,sBAAD;IAAwB,KAAK,EAAEF,aAA/B;IAA8C,GAAG,EAAEC;KAChDC,MAAM,GAAGA,MAAM,CAACH,KAAD,CAAT,gBAAmB,oBAAC,eAAD,OAD5B,CADF;AAKD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Separator/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { position, layout } from 'styled-system';\n\nexport const StyledSeparator = styled.hr`\n border: none;\n height: 1px;\n /* Set the hr color */\n background-color: ${(props) => props.theme.colors.neutral[500]}; ;\n`;\n\nexport const StyledSeparatorWrapper = styled.li`\n list-style: none;\n margin: 0px 16px;\n ${position}\n ${layout}\n`;\n"],"names":["StyledSeparator","styled","hr","props","theme","colors","neutral","StyledSeparatorWrapper","li","position","layout"],"mappings":";;;IAGaA,eAAe,gBAAGC,MAAM,CAACC,EAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/Separator/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { position, layout } from 'styled-system';\n\nexport const StyledSeparator = styled.hr`\n border: none;\n height: 1px;\n /* Set the hr color */\n background-color: ${(props) => props.theme.colors.neutral[500]}; ;\n`;\n\nexport const StyledSeparatorWrapper = styled.li`\n list-style: none;\n margin: 0px 16px;\n ${position}\n ${layout}\n`;\n"],"names":["StyledSeparator","styled","hr","props","theme","colors","neutral","StyledSeparatorWrapper","li","position","layout"],"mappings":";;;IAGaA,eAAe,gBAAGC,MAAM,CAACC,EAAV;EAAA;AAAA,uDAIN,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJM;IAOfC,sBAAsB,gBAAGN,MAAM,CAACO,EAAV;EAAA;AAAA,kDAG/BC,QAH+B,EAI/BC,MAJ+B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n label,\n isSelected,\n onClick,\n isFocus,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render,\n dataTestid,\n } = props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n pr={render ? 0 : 40}\n data-testid={dataTestid}\n >\n {render ? (\n render(props)\n ) : (\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","wrapperStyles","render","dataTestid","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;
|
|
1
|
+
{"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n label,\n isSelected,\n onClick,\n isFocus,\n isActive,\n innerRef,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n wrapperStyles,\n render,\n dataTestid,\n } = props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n style={wrapperStyles}\n pr={render ? 0 : 40}\n data-testid={dataTestid}\n >\n {render ? (\n render(props)\n ) : (\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n )}\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","wrapperStyles","render","dataTestid","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;EACxD,IACEC,IADF,GAcID,KAdJ,CACEC,IADF;MAEEC,KAFF,GAcIF,KAdJ,CAEEE,KAFF;MAGEC,UAHF,GAcIH,KAdJ,CAGEG,UAHF;MAIEC,OAJF,GAcIJ,KAdJ,CAIEI,OAJF;MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;MAMEC,QANF,GAcIN,KAdJ,CAMEM,QANF;MAOEC,QAPF,GAcIP,KAdJ,CAOEO,QAPF;MAQEC,WARF,GAcIR,KAdJ,CAQEQ,WARF;MASEC,YATF,GAcIT,KAdJ,CASES,YATF;MAUEC,YAVF,GAcIV,KAdJ,CAUEU,YAVF;MAWEC,aAXF,GAcIX,KAdJ,CAWEW,aAXF;MAYEC,MAZF,GAcIZ,KAdJ,CAYEY,MAZF;MAaEC,UAbF,GAcIb,KAdJ,CAaEa,UAbF;EAeA,oBACE,oBAAC,2BAAD;IACE,iBAAeV,UADjB;IAEE,EAAE,EAAEF,IAFN;IAGE,IAAI,EAAC,QAHP;IAIE,QAAQ,EAAEK,QAJZ;IAKE,UAAU,EAAEH,UALd;IAME,OAAO,EAAEE,OANX;IAOE,OAAO,EAAED,OAPX;IAQE,GAAG,EAAEG,QARP;IASE,WAAW,EAAEC,WATf;IAUE,YAAY,EAAEC,YAVhB;IAWE,YAAY,EAAEC,YAXhB;IAYE,SAAS,EAAEJ,QAAQ,GAAG,qBAAH,GAA2B,EAZhD;IAaE,KAAK,EAAEK,aAbT;IAcE,EAAE,EAAEC,MAAM,GAAG,CAAH,GAAO,EAdnB;IAeE,eAAaC;KAEZD,MAAM,GACLA,MAAM,CAACZ,KAAD,CADD,gBAGL,oBAAC,IAAD;IAAM,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;IAAqC,MAAM,EAAC,MAA5C;IAAmD,MAAM,EAAC;kBACxD,oBAAC,iBAAD,QAAoBG,UAAU,iBAAI,oBAAC,SAAD;IAAW,IAAI,EAAC,GAAhB;IAAoB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;IAA7D,CADF,eAEE,oBAAC,eAAD,qBACE,oBAAC,0BAAD;IAA4B,KAAK,EAAED;IADrC,CAFF,CApBJ,CADF;AA8BD;;AAEDH,cAAc,CAACe,SAAf,GAA2BC,SAA3B;AACAhB,cAAc,CAACiB,YAAf,GAA8BA,YAA9B;AACA,IAAMC,wBAAwB,GAAGC,QAAQ,CAACnB,cAAD,CAAzC;AACAkB,wBAAwB,CAACH,SAAzB,GAAqCC,SAArC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemChecked = styled.div`\n display: flex;\n align-items: center;\n width: 16px;\n`;\n\nexport const StyledItemLabel = styled.div`\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n line-height: 16px;\n`;\n"],"names":["StyledItemChecked","styled","div","StyledItemLabel"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemChecked = styled.div`\n display: flex;\n align-items: center;\n width: 16px;\n`;\n\nexport const StyledItemLabel = styled.div`\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n line-height: 16px;\n`;\n"],"names":["StyledItemChecked","styled","div","StyledItemLabel"],"mappings":";;IAEaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;IAMjBC,eAAe,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
|