@elliemae/ds-form 1.61.12 → 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":"index.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport Ellipsis from '@elliemae/ds-icons/MoreOptionsVert';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemLabel } from './styled';\nimport { StyledSubmenuItemWrapper } from '../styled';\n\nconst SubmenuItem = (props: MenuItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());\n\n const {\n dsId,\n label,\n isSelected,\n isActive,\n onClick,\n isFocus,\n rightAddon,\n options,\n selectedOptions,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onKeyDown,\n onOptionClick,\n onClickOutside,\n wrapperStyles,\n minWidth,\n maxHeight,\n render,\n } = propsWithDefault;\n\n // If we don't delay the opening of the poppers, the position will not be placed correctly\n // That why we delay it for the next render using the useEffect hook\n const [delayedIsOpened, setDelayedIsOpened] = useState(false);\n\n useEffect(() => {\n setDelayedIsOpened(isSelected);\n }, [isSelected]);\n\n const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n const onMouseEnterHandler = useCallback(\n (e) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSelected) onClick(e);\n timeoutRef.current = null;\n }\n if (e.target) onMouseEnter(e);\n },\n [isSelected, onClick, onMouseEnter, rightAddon],\n );\n\n const onMouseLeaveHandler = useCallback(\n (e) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onClick(e);\n }, 300);\n }\n }\n onMouseLeave(e);\n },\n [onClick, onMouseLeave, rightAddon],\n );\n\n return (\n <DSDropdownMenuV2\n isOpened={delayedIsOpened}\n options={options}\n onOptionClick={onOptionClick}\n startPlacementPreference=\"right-start\"\n placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n selectedOptions={selectedOptions}\n onKeyDown={onKeyDown}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n onClickOutside={onClickOutside}\n customOffset={[0, 1]}\n wrapperStyles={{ ...wrapperStyles, width: '100%' }}\n minWidth={minWidth}\n maxHeight={maxHeight}\n >\n <StyledSubmenuItemWrapper\n aria-selected={isSelected}\n pr={0}\n id={dsId}\n role=\"option\"\n isSelected={isSelected}\n isActive={isActive}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n aria-describedby={`dropdownmenu-submenu-${dsId}`}\n >\n {render ? (\n render(props)\n ) : (\n <Grid cols={['auto', 'min-content']}>\n <StyledItemLabel>{label}</StyledItemLabel>\n\n <DSButtonV2\n buttonType=\"icon\"\n onClick={(e) => {\n e.stopPropagation();\n onClick(e);\n }}\n >\n {rightAddon === 'ellipsis' ? <Ellipsis /> : <ChevronRight />}\n </DSButtonV2>\n </Grid>\n )}\n <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n Submenu. To open this submenu press the Right Arrow key.\n </span>\n </StyledSubmenuItemWrapper>\n </DSDropdownMenuV2>\n );\n};\n\nSubmenuItem.propTypes = itemProps;\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n"],"names":["SubmenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","SubmenuItemWithSchema","toTypescript","dsId","label","isSelected","isActive","onClick","isFocus","rightAddon","options","selectedOptions","innerRef","onMouseEnter","onMouseLeave","onKeyDown","onOptionClick","onClickOutside","wrapperStyles","minWidth","maxHeight","render","useState","delayedIsOpened","setDelayedIsOpened","useEffect","timeoutRef","useRef","onMouseEnterHandler","useCallback","e","current","clearTimeout","target","onMouseLeaveHandler","setTimeout","React","DSDropdownMenuV2","width","StyledSubmenuItemWrapper","Grid","StyledItemLabel","DSButtonV2","stopPropagation","Ellipsis","ChevronRight","display","propTypes","itemProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAmC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport Ellipsis from '@elliemae/ds-icons/MoreOptionsVert';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemLabel } from './styled';\nimport { StyledSubmenuItemWrapper } from '../styled';\n\nconst SubmenuItem = (props: MenuItemT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());\n\n const {\n dsId,\n label,\n isSelected,\n isActive,\n onClick,\n isFocus,\n rightAddon,\n options,\n selectedOptions,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onKeyDown,\n onOptionClick,\n onClickOutside,\n wrapperStyles,\n minWidth,\n maxHeight,\n render,\n } = propsWithDefault;\n\n // If we don't delay the opening of the poppers, the position will not be placed correctly\n // That why we delay it for the next render using the useEffect hook\n const [delayedIsOpened, setDelayedIsOpened] = useState(false);\n\n useEffect(() => {\n setDelayedIsOpened(isSelected);\n }, [isSelected]);\n\n const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n const onMouseEnterHandler = useCallback(\n (e) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSelected) onClick(e);\n timeoutRef.current = null;\n }\n if (e.target) onMouseEnter(e);\n },\n [isSelected, onClick, onMouseEnter, rightAddon],\n );\n\n const onMouseLeaveHandler = useCallback(\n (e) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onClick(e);\n }, 300);\n }\n }\n onMouseLeave(e);\n },\n [onClick, onMouseLeave, rightAddon],\n );\n\n return (\n <DSDropdownMenuV2\n isOpened={delayedIsOpened}\n options={options}\n onOptionClick={onOptionClick}\n startPlacementPreference=\"right-start\"\n placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n selectedOptions={selectedOptions}\n onKeyDown={onKeyDown}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n onClickOutside={onClickOutside}\n customOffset={[0, 1]}\n wrapperStyles={{ ...wrapperStyles, width: '100%' }}\n minWidth={minWidth}\n maxHeight={maxHeight}\n >\n <StyledSubmenuItemWrapper\n aria-selected={isSelected}\n pr={0}\n id={dsId}\n role=\"option\"\n isSelected={isSelected}\n isActive={isActive}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n aria-describedby={`dropdownmenu-submenu-${dsId}`}\n >\n {render ? (\n render(props)\n ) : (\n <Grid cols={['auto', 'min-content']}>\n <StyledItemLabel>{label}</StyledItemLabel>\n\n <DSButtonV2\n buttonType=\"icon\"\n onClick={(e) => {\n e.stopPropagation();\n onClick(e);\n }}\n >\n {rightAddon === 'ellipsis' ? <Ellipsis /> : <ChevronRight />}\n </DSButtonV2>\n </Grid>\n )}\n <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n Submenu. To open this submenu press the Right Arrow key.\n </span>\n </StyledSubmenuItemWrapper>\n </DSDropdownMenuV2>\n );\n};\n\nSubmenuItem.propTypes = itemProps;\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n"],"names":["SubmenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","SubmenuItemWithSchema","toTypescript","dsId","label","isSelected","isActive","onClick","isFocus","rightAddon","options","selectedOptions","innerRef","onMouseEnter","onMouseLeave","onKeyDown","onOptionClick","onClickOutside","wrapperStyles","minWidth","maxHeight","render","useState","delayedIsOpened","setDelayedIsOpened","useEffect","timeoutRef","useRef","onMouseEnterHandler","useCallback","e","current","clearTimeout","target","onMouseLeaveHandler","setTimeout","React","DSDropdownMenuV2","width","StyledSubmenuItemWrapper","Grid","StyledItemLabel","DSButtonV2","stopPropagation","Ellipsis","ChevronRight","display","propTypes","itemProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAmC;EACrD,IAAMC,gBAAgB,GAAGC,2CAA4B,CAACF,KAAD,EAAQG,2BAAR,CAArD;EAEAC,6CAA8B,CAACH,gBAAD,EAAmBI,qBAAqB,CAACC,YAAtB,EAAnB,CAA9B;EAEA,IACEC,IADF,GAoBIN,gBApBJ,CACEM,IADF;MAEEC,KAFF,GAoBIP,gBApBJ,CAEEO,KAFF;MAGEC,UAHF,GAoBIR,gBApBJ,CAGEQ,UAHF;MAIEC,QAJF,GAoBIT,gBApBJ,CAIES,QAJF;MAKEC,QALF,GAoBIV,gBApBJ,CAKEU,OALF;MAMEC,OANF,GAoBIX,gBApBJ,CAMEW,OANF;MAOEC,UAPF,GAoBIZ,gBApBJ,CAOEY,UAPF;MAQEC,OARF,GAoBIb,gBApBJ,CAQEa,OARF;MASEC,eATF,GAoBId,gBApBJ,CASEc,eATF;MAUEC,QAVF,GAoBIf,gBApBJ,CAUEe,QAVF;MAWEC,YAXF,GAoBIhB,gBApBJ,CAWEgB,YAXF;MAYEC,YAZF,GAoBIjB,gBApBJ,CAYEiB,YAZF;MAaEC,SAbF,GAoBIlB,gBApBJ,CAaEkB,SAbF;MAcEC,aAdF,GAoBInB,gBApBJ,CAcEmB,aAdF;MAeEC,cAfF,GAoBIpB,gBApBJ,CAeEoB,cAfF;MAgBEC,aAhBF,GAoBIrB,gBApBJ,CAgBEqB,aAhBF;MAiBEC,QAjBF,GAoBItB,gBApBJ,CAiBEsB,QAjBF;MAkBEC,SAlBF,GAoBIvB,gBApBJ,CAkBEuB,SAlBF;MAmBEC,MAnBF,GAoBIxB,gBApBJ,CAmBEwB,MAnBF,CALqD;;;EA6BrD,gBAA8CC,cAAQ,CAAC,KAAD,CAAtD;;MAAOC,eAAP;MAAwBC,kBAAxB;;EAEAC,eAAS,CAAC,YAAM;IACdD,kBAAkB,CAACnB,UAAD,CAAlB;GADO,EAEN,CAACA,UAAD,CAFM,CAAT;EAIA,IAAMqB,UAAU,GAAGC,YAAM,CAAiB,IAAjB,CAAzB;EAEA,IAAMC,mBAAmB,GAAGC,iBAAW,CACrC,UAACC,CAAD,EAAO;IACL,IAAIrB,UAAU,KAAK,UAAnB,EAA+B;MAC7B,IAAIiB,UAAU,CAACK,OAAX,KAAuB,IAA3B,EAAiCC,YAAY,CAACN,UAAU,CAACK,OAAZ,CAAZ,CAAjC,KACK,IAAI,CAAC1B,UAAL,EAAiBE,QAAO,CAACuB,CAAD,CAAP;MACtBJ,UAAU,CAACK,OAAX,GAAqB,IAArB;;;IAEF,IAAID,CAAC,CAACG,MAAN,EAAcpB,YAAY,CAACiB,CAAD,CAAZ;GAPqB,EASrC,CAACzB,UAAD,EAAaE,QAAb,EAAsBM,YAAtB,EAAoCJ,UAApC,CATqC,CAAvC;EAYA,IAAMyB,mBAAmB,GAAGL,iBAAW,CACrC,UAACC,CAAD,EAAO;IACL,IAAIrB,UAAU,KAAK,UAAnB,EAA+B;MAC7B,IAAIiB,UAAU,CAACK,OAAX,KAAuB,IAA3B,EAAiC;QAC/BL,UAAU,CAACK,OAAX,GAAqBI,UAAU,CAAC,YAAM;UACpCT,UAAU,CAACK,OAAX,GAAqB,IAArB;;UACAxB,QAAO,CAACuB,CAAD,CAAP;SAF6B,EAG5B,GAH4B,CAA/B;;;;IAMJhB,YAAY,CAACgB,CAAD,CAAZ;GAVmC,EAYrC,CAACvB,QAAD,EAAUO,YAAV,EAAwBL,UAAxB,CAZqC,CAAvC;EAeA,oBACE2B,wCAACC,+BAAD;IACE,QAAQ,EAAEd,eADZ;IAEE,OAAO,EAAEb,OAFX;IAGE,aAAa,EAAEM,aAHjB;IAIE,wBAAwB,EAAC,aAJ3B;IAKE,wBAAwB,EAAE,CAAC,aAAD,EAAgB,WAAhB,EAA6B,YAA7B,EAA2C,UAA3C,CAL5B;IAME,eAAe,EAAEL,eANnB;IAOE,SAAS,EAAEI,SAPb;IAQE,YAAY,EAAEa,mBARhB;IASE,YAAY,EAAEM,mBAThB;IAUE,cAAc,EAAEjB,cAVlB;IAWE,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CAXhB;IAYE,aAAa,kCAAOC,aAAP;MAAsBoB,KAAK,EAAE;MAZ5C;IAaE,QAAQ,EAAEnB,QAbZ;IAcE,SAAS,EAAEC;kBAEXgB,wCAACG,mDAAD;IACE,iBAAelC,UADjB;IAEE,EAAE,EAAE,CAFN;IAGE,EAAE,EAAEF,IAHN;IAIE,IAAI,EAAC,QAJP;IAKE,UAAU,EAAEE,UALd;IAME,QAAQ,EAAEC,QANZ;IAOE,OAAO,EAAEE,OAPX;IAQE,OAAO,EAAED,QARX;IASE,GAAG,EAAEK,QATP;IAUE,YAAY,EAAEgB,mBAVhB;IAWE,YAAY,EAAEM,mBAXhB;IAYE,mDAA0C/B,IAA1C;KAECkB,MAAM,GACLA,MAAM,CAACzB,KAAD,CADD,gBAGLwC,wCAACI,wBAAD;IAAM,IAAI,EAAE,CAAC,MAAD,EAAS,aAAT;kBACVJ,wCAACK,sDAAD,QAAkBrC,KAAlB,CADF,eAGEgC,wCAACM,mBAAD;IACE,UAAU,EAAC,MADb;IAEE,OAAO,EAAE,iBAACZ,CAAD,EAAO;MACdA,CAAC,CAACa,eAAF;;MACApC,QAAO,CAACuB,CAAD,CAAP;;KAGDrB,UAAU,KAAK,UAAf,gBAA4B2B,wCAACQ,4BAAD,OAA5B,gBAA2CR,wCAACS,gCAAD,OAP9C,CAHF,CAjBJ,eA+BET;IAAM,EAAE,iCAA0BjC,IAA1B,CAAR;IAA0C,KAAK,EAAE;MAAE2C,OAAO,EAAE;;gEA/B9D,CAhBF,CADF;AAsDD;;AAEDnD,WAAW,CAACoD,SAAZ,GAAwBC,wBAAxB;IACM/C,qBAAqB,GAAGgD,kBAAQ,CAACtD,WAAD;AACtCM,qBAAqB,CAAC8C,SAAtB,GAAkCC,wBAAlC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nexport const StyledItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n`;\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":["StyledItemWrapper","styled","StyledGlobalMenuItemWrapper","props","isSelected","theme","colors","brand","StyledItemLabel","div"],"mappings":";;;;;;;;;;;;IAGaA,iBAAiB,gBAAGC,0BAAM,CAACC,sDAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nexport const StyledItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n`;\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":["StyledItemWrapper","styled","StyledGlobalMenuItemWrapper","props","isSelected","theme","colors","brand","StyledItemLabel","div"],"mappings":";;;;;;;;;;;;IAGaA,iBAAiB,gBAAGC,0BAAM,CAACC,sDAAD,CAAT;EAAA;AAAA,0CACR,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,UAAN,GAAmBD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADQ;IAIjBC,eAAe,gBAAGP,0BAAM,CAACQ,GAAV;EAAA;AAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/MenuItem/components/styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { layout, position, space } from 'styled-system';\nimport { MenuItemT } from '../props';\n\nconst borderOutside = (color, width = 1) => css`\n :after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: ${width}px solid ${color};\n pointer-events: none;\n z-index: 7;\n }\n`;\n\nconst activeBorderCss = (props) => borderOutside(props.theme.colors.brand[500]);\nconst focusBorderCss = (props) => borderOutside(props.theme.colors.brand[700], 2);\n\nexport const StyledGlobalMenuItemWrapper = styled.li<\n Pick<MenuItemT, 'isSelected' | 'isFocus' | 'isActive'> & typeof layout\n>`\n cursor: pointer;\n height: 32px;\n padding-left: 16px;\n padding-right: 40px;\n display: grid;\n align-items: center;\n list-style: none;\n position: relative;\n\n ${position}\n ${layout}\n ${space}\n\n ${(props) => {\n if (props.isFocus) return focusBorderCss(props);\n if (props.isActive) return activeBorderCss(props);\n return '';\n }};\n\n background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : 'white')};\n\n &:hover {\n background-color: ${(props) => props.theme.colors.brand[200]};\n }\n`;\n\nexport const StyledMenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n\n ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n\nexport const StyledSubmenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n ${(props) => (props.isSelected || props.isActive ? activeBorderCss(props) : '')};\n\n padding-right: 0;\n`;\n"],"names":["borderOutside","color","width","css","activeBorderCss","props","theme","colors","brand","focusBorderCss","StyledGlobalMenuItemWrapper","styled","li","position","layout","space","isFocus","isActive","StyledMenuItemWrapper","isSelected","StyledSubmenuItemWrapper"],"mappings":";;;;;;;;;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/MenuItem/components/styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { layout, position, space } from 'styled-system';\nimport { MenuItemT } from '../props';\n\nconst borderOutside = (color, width = 1) => css`\n :after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: ${width}px solid ${color};\n pointer-events: none;\n z-index: 7;\n }\n`;\n\nconst activeBorderCss = (props) => borderOutside(props.theme.colors.brand[500]);\nconst focusBorderCss = (props) => borderOutside(props.theme.colors.brand[700], 2);\n\nexport const StyledGlobalMenuItemWrapper = styled.li<\n Pick<MenuItemT, 'isSelected' | 'isFocus' | 'isActive'> & typeof layout\n>`\n cursor: pointer;\n height: 32px;\n padding-left: 16px;\n padding-right: 40px;\n display: grid;\n align-items: center;\n list-style: none;\n position: relative;\n\n ${position}\n ${layout}\n ${space}\n\n ${(props) => {\n if (props.isFocus) return focusBorderCss(props);\n if (props.isActive) return activeBorderCss(props);\n return '';\n }};\n\n background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : 'white')};\n\n &:hover {\n background-color: ${(props) => props.theme.colors.brand[200]};\n }\n`;\n\nexport const StyledMenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n\n ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n\nexport const StyledSubmenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n ${(props) => (props.isSelected || props.isActive ? activeBorderCss(props) : '')};\n\n padding-right: 0;\n`;\n"],"names":["borderOutside","color","width","css","activeBorderCss","props","theme","colors","brand","focusBorderCss","StyledGlobalMenuItemWrapper","styled","li","position","layout","space","isFocus","isActive","StyledMenuItemWrapper","isSelected","StyledSubmenuItemWrapper"],"mappings":";;;;;;;;;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;EAAA,IAAQC,KAAR,uEAAgB,CAAhB;EAAA,OAAsBC,UAAtB,gJASRD,KATQ,EASSD,KATT;AAAA,CAAtB;;AAeA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;EAAA,OAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,CAAxB;AAAA,CAAxB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACJ,KAAD;EAAA,OAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,CAAxB;AAAA,CAAvB;;IAEaE,2BAA2B,gBAAGC,0BAAM,CAACC,EAAV;EAAA;AAAA,oNAYpCC,qBAZoC,EAapCC,mBAboC,EAcpCC,kBAdoC,EAgBpC,UAACV,KAAD,EAAW;EACX,IAAIA,KAAK,CAACW,OAAV,EAAmB,OAAOP,cAAc,CAACJ,KAAD,CAArB;EACnB,IAAIA,KAAK,CAACY,QAAV,EAAoB,OAAOb,eAAe,CAACC,KAAD,CAAtB;EACpB,OAAO,EAAP;AACD,CApBqC,EAsBlB,UAACA,KAAD;EAAA,OAAYA,KAAK,CAACY,QAAN,GAAiBZ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,OAA7D;AAAA,CAtBkB,EAyBhB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAzBgB;IA6B3BU,qBAAqB,gBAAGP,0BAAM,CAACD,2BAAD,CAAT;EAAA;AAAA,+CACZ,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACc,UAAN,GAAmBd,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADY,EAG9B,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACc,UAAN,IAAoB,CAACd,KAAK,CAACW,OAA3B,GAAqCZ,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CAH8B;IAMrBe,wBAAwB,gBAAGT,0BAAM,CAACD,2BAAD,CAAT;EAAA;AAAA,8BACjC,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACc,UAAN,IAAoBd,KAAK,CAACY,QAA1B,GAAqCb,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CADiC;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/MenuItem/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\nimport { LayoutProps } from 'styled-system';\n\nexport interface MenuItemT {\n dsId: string;\n value: string;\n label: string;\n onClick: (value: any) => void;\n onKeyUp: () => void;\n isSelected: boolean;\n isFocus: boolean;\n isActive: boolean;\n disabled: boolean;\n rightAddon?: 'chevron' | 'ellipsis';\n options?: unknown[];\n innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n selectedOptions?: unknown[];\n onMouseDown?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n wrapperStyles?: Record<string, unknown>;\n withVirtualization?: boolean;\n minWidth?: LayoutProps['minWidth'];\n maxHeight?: LayoutProps['maxHeight'];\n render?: (props: MenuItemT) => JSX.Element;\n dataTestid: string;\n}\n\nexport const defaultProps: MenuItemT = {\n dsId: '',\n value: '',\n label: '',\n onClick: noop,\n onKeyUp: noop,\n isSelected: false,\n isActive: false,\n isFocus: false,\n disabled: false,\n wrapperStyles: {},\n withVirtualization: false,\n dataTestid: 'ds-menu-item',\n};\n\nexport const itemProps = {\n value: PropTypes.any.description('').defaultValue(''),\n label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","dsId","value","label","onClick","noop","onKeyUp","isSelected","isActive","isFocus","disabled","wrapperStyles","withVirtualization","dataTestid","itemProps","PropTypes","any","description","defaultValue","string"],"mappings":";;;;;;;IA8BaA,YAAuB,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/MenuItem/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\nimport { LayoutProps } from 'styled-system';\n\nexport interface MenuItemT {\n dsId: string;\n value: string;\n label: string;\n onClick: (value: any) => void;\n onKeyUp: () => void;\n isSelected: boolean;\n isFocus: boolean;\n isActive: boolean;\n disabled: boolean;\n rightAddon?: 'chevron' | 'ellipsis';\n options?: unknown[];\n innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n selectedOptions?: unknown[];\n onMouseDown?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n wrapperStyles?: Record<string, unknown>;\n withVirtualization?: boolean;\n minWidth?: LayoutProps['minWidth'];\n maxHeight?: LayoutProps['maxHeight'];\n render?: (props: MenuItemT) => JSX.Element;\n dataTestid: string;\n}\n\nexport const defaultProps: MenuItemT = {\n dsId: '',\n value: '',\n label: '',\n onClick: noop,\n onKeyUp: noop,\n isSelected: false,\n isActive: false,\n isFocus: false,\n disabled: false,\n wrapperStyles: {},\n withVirtualization: false,\n dataTestid: 'ds-menu-item',\n};\n\nexport const itemProps = {\n value: PropTypes.any.description('').defaultValue(''),\n label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","dsId","value","label","onClick","noop","onKeyUp","isSelected","isActive","isFocus","disabled","wrapperStyles","withVirtualization","dataTestid","itemProps","PropTypes","any","description","defaultValue","string"],"mappings":";;;;;;;IA8BaA,YAAuB,GAAG;EACrCC,IAAI,EAAE,EAD+B;EAErCC,KAAK,EAAE,EAF8B;EAGrCC,KAAK,EAAE,EAH8B;EAIrCC,OAAO,EAAEC,WAJ4B;EAKrCC,OAAO,EAAED,WAL4B;EAMrCE,UAAU,EAAE,KANyB;EAOrCC,QAAQ,EAAE,KAP2B;EAQrCC,OAAO,EAAE,KAR4B;EASrCC,QAAQ,EAAE,KAT2B;EAUrCC,aAAa,EAAE,EAVsB;EAWrCC,kBAAkB,EAAE,KAXiB;EAYrCC,UAAU,EAAE;AAZyB;IAe1BC,SAAS,GAAG;EACvBZ,KAAK,EAAEa,mBAAS,CAACC,GAAV,CAAcC,WAAd,CAA0B,EAA1B,EAA8BC,YAA9B,CAA2C,EAA3C,CADgB;EAEvBf,KAAK,EAAEY,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C;AAFgB;;;;;"}
|
package/cjs/Radio/Circle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Circle.js","sources":["../../../src/Radio/Circle.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst Circle = ({ checked, theme }) => {\n const r =\n theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;\n return (\n <svg width=\"100%\" height=\"100%\">\n <circle\n className={checked ? 'checked' : 'unchecked'}\n r={r}\n cx=\"50%\"\n cy=\"50%\"\n />\n </svg>\n );\n};\n\nexport default withTheme(Circle);\n"],"names":["Circle","checked","theme","r","breakpoints","medium","split","window","innerWidth","React","withTheme"],"mappings":";;;;;;;;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAwB;
|
|
1
|
+
{"version":3,"file":"Circle.js","sources":["../../../src/Radio/Circle.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst Circle = ({ checked, theme }) => {\n const r =\n theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;\n return (\n <svg width=\"100%\" height=\"100%\">\n <circle\n className={checked ? 'checked' : 'unchecked'}\n r={r}\n cx=\"50%\"\n cy=\"50%\"\n />\n </svg>\n );\n};\n\nexport default withTheme(Circle);\n"],"names":["Circle","checked","theme","r","breakpoints","medium","split","window","innerWidth","React","withTheme"],"mappings":";;;;;;;;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAwB;EAAA,IAArBC,OAAqB,QAArBA,OAAqB;MAAZC,KAAY,QAAZA,KAAY;EACrC,IAAMC,CAAC,GACLD,KAAK,CAACE,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,IAA0CC,MAAM,CAACC,UAAjD,IAA+D,CAA/D,GAAmE,CAAnE,GAAuE,CADzE;EAEA,oBACEC;IAAK,KAAK,EAAC,MAAX;IAAkB,MAAM,EAAC;kBACvBA;IACE,SAAS,EAAER,OAAO,GAAG,SAAH,GAAe,WADnC;IAEE,CAAC,EAAEE,CAFL;IAGE,EAAE,EAAC,KAHL;IAIE,EAAE,EAAC;IALP,CADF;AAUD,CAbD;;AAeA,eAAeO,kBAAS,CAACV,MAAD,CAAxB;;;;"}
|
package/cjs/Radio/DSRadio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSRadio.js","sources":["../../../src/Radio/DSRadio.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Circle from './Circle';\n\nconst DSRadio = ({\n containerProps,\n className,\n style,\n labelText,\n htmlFor,\n hasError,\n readOnly,\n disabled,\n checked,\n value,\n name,\n onChange,\n children,\n tabIndex,\n ...otherProps\n}) => {\n const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n hasError,\n readOnly,\n disabled,\n });\n const checkRef = useRef(null);\n return (\n <div {...containerProps} className={cssClassName}>\n <label className={classNameElement('label')} htmlFor={htmlFor}>\n <input\n {...otherProps}\n ref={checkRef}\n aria-disabled={disabled}\n checked={disabled ? false : checked}\n className={classNameElement('input')}\n disabled={disabled}\n name={name}\n onChange={(e) => {\n if (!readOnly && !disabled) {\n onChange(e);\n }\n }}\n readOnly={readOnly}\n tabIndex={-1}\n type=\"radio\"\n value={value}\n />\n <span\n ref={otherProps.innerRef}\n aria-checked={checked}\n aria-disabled={disabled}\n className={classNameElement('input-button')}\n onKeyDown={(e) => {\n e.target = checkRef.current;\n if (disabled) return;\n if (e.key === 'Enter' || e.keyCode === 32) {\n onChange(e);\n } else if (otherProps.onKeyDown) {\n otherProps.onKeyDown(e);\n }\n }}\n role=\"radio\"\n style={style}\n tabIndex={disabled ? -1 : tabIndex}\n value={value}\n >\n <Circle checked={checked} />\n </span>\n <span className={classNameElement('label-text')}>{labelText}</span>\n </label>\n {children && <div className={classNameElement('radio-children')}>{children}</div>}\n </div>\n );\n};\n\nDSRadio.defaultProps = {\n containerProps: {},\n className: '',\n hasError: false,\n readOnly: false,\n disabled: false,\n checked: false,\n name: '',\n onChange: () => null,\n children: null,\n tabIndex: 0,\n};\n\nconst radioProps = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n /** css class prop */\n className: PropTypes.string.description('css class prop'),\n /** name property to manage form */\n name: PropTypes.string.description('name property to manage form'),\n /**\n * Displayable label for the radio\n */\n labelText: PropTypes.string.description('Displayable label for the radio'),\n /** HTMLFOR property to manage form */\n htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n /**\n * Whether the radio has error or not\n */\n hasError: PropTypes.bool.description('Whether the radio has error or not'),\n /**\n * Whether the radio is read only or not\n */\n readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n /**\n * Whether the radio is disabled or not\n */\n disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n /**\n * Whether the radio is checked or not\n */\n checked: PropTypes.bool.description('Whether the radio is checked or not'),\n /**\n * Value that takes the checkbox if it is checked\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired.description(\n 'Value that takes the checkbox if it is checked',\n ),\n /**\n * Allows a function that is triggered once the radio changes\n */\n onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n /**\n * Optional, if you want a checkbox customized\n */\n children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n /** HTML tabindex to manage focus */\n tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n /** style override object */\n style: PropTypes.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\n\nconst DSRadioWithSchema = describe(DSRadio).description('Radio button component');\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadioWithSchema };\n\nexport default DSRadio;\n"],"names":["DSRadio","containerProps","className","style","labelText","htmlFor","hasError","readOnly","disabled","checked","value","name","onChange","children","tabIndex","otherProps","convertPropToCssClassName","cssClassName","classNameElement","checkRef","useRef","React","e","innerRef","target","current","key","keyCode","onKeyDown","Circle","defaultProps","radioProps","PropTypes","object","description","string","element","bool","oneOfType","number","isRequired","func","node","propTypes","DSRadioWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,OAgBV;
|
|
1
|
+
{"version":3,"file":"DSRadio.js","sources":["../../../src/Radio/DSRadio.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Circle from './Circle';\n\nconst DSRadio = ({\n containerProps,\n className,\n style,\n labelText,\n htmlFor,\n hasError,\n readOnly,\n disabled,\n checked,\n value,\n name,\n onChange,\n children,\n tabIndex,\n ...otherProps\n}) => {\n const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n hasError,\n readOnly,\n disabled,\n });\n const checkRef = useRef(null);\n return (\n <div {...containerProps} className={cssClassName}>\n <label className={classNameElement('label')} htmlFor={htmlFor}>\n <input\n {...otherProps}\n ref={checkRef}\n aria-disabled={disabled}\n checked={disabled ? false : checked}\n className={classNameElement('input')}\n disabled={disabled}\n name={name}\n onChange={(e) => {\n if (!readOnly && !disabled) {\n onChange(e);\n }\n }}\n readOnly={readOnly}\n tabIndex={-1}\n type=\"radio\"\n value={value}\n />\n <span\n ref={otherProps.innerRef}\n aria-checked={checked}\n aria-disabled={disabled}\n className={classNameElement('input-button')}\n onKeyDown={(e) => {\n e.target = checkRef.current;\n if (disabled) return;\n if (e.key === 'Enter' || e.keyCode === 32) {\n onChange(e);\n } else if (otherProps.onKeyDown) {\n otherProps.onKeyDown(e);\n }\n }}\n role=\"radio\"\n style={style}\n tabIndex={disabled ? -1 : tabIndex}\n value={value}\n >\n <Circle checked={checked} />\n </span>\n <span className={classNameElement('label-text')}>{labelText}</span>\n </label>\n {children && <div className={classNameElement('radio-children')}>{children}</div>}\n </div>\n );\n};\n\nDSRadio.defaultProps = {\n containerProps: {},\n className: '',\n hasError: false,\n readOnly: false,\n disabled: false,\n checked: false,\n name: '',\n onChange: () => null,\n children: null,\n tabIndex: 0,\n};\n\nconst radioProps = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n /** css class prop */\n className: PropTypes.string.description('css class prop'),\n /** name property to manage form */\n name: PropTypes.string.description('name property to manage form'),\n /**\n * Displayable label for the radio\n */\n labelText: PropTypes.string.description('Displayable label for the radio'),\n /** HTMLFOR property to manage form */\n htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n /**\n * Whether the radio has error or not\n */\n hasError: PropTypes.bool.description('Whether the radio has error or not'),\n /**\n * Whether the radio is read only or not\n */\n readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n /**\n * Whether the radio is disabled or not\n */\n disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n /**\n * Whether the radio is checked or not\n */\n checked: PropTypes.bool.description('Whether the radio is checked or not'),\n /**\n * Value that takes the checkbox if it is checked\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired.description(\n 'Value that takes the checkbox if it is checked',\n ),\n /**\n * Allows a function that is triggered once the radio changes\n */\n onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n /**\n * Optional, if you want a checkbox customized\n */\n children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n /** HTML tabindex to manage focus */\n tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n /** style override object */\n style: PropTypes.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\n\nconst DSRadioWithSchema = describe(DSRadio).description('Radio button component');\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadioWithSchema };\n\nexport default DSRadio;\n"],"names":["DSRadio","containerProps","className","style","labelText","htmlFor","hasError","readOnly","disabled","checked","value","name","onChange","children","tabIndex","otherProps","convertPropToCssClassName","cssClassName","classNameElement","checkRef","useRef","React","e","innerRef","target","current","key","keyCode","onKeyDown","Circle","defaultProps","radioProps","PropTypes","object","description","string","element","bool","oneOfType","number","isRequired","func","node","propTypes","DSRadioWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSRadioGroup.js","sources":["../../../src/RadioGroup/DSRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport DSFormItemLayout from '../FormItem';\nimport DSRadio from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n <GroupItem\n render={(context) => (\n <DSRadio\n {...props}\n checked={context.activeValue === props.value}\n disabled={context.disabled || props.disabled}\n onChange={context.onChange}\n />\n )}\n />\n);\n\nconst DSRadioGroup = ({\n containerProps,\n onChange,\n activeValue,\n children,\n orientation,\n disabled,\n truncateText,\n labelProps,\n}) => {\n const checkRefs = [];\n const count = React.Children.count(children);\n const onKeyDown = (e, index) => {\n if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n if (index === 0) checkRefs[count - 1].focus();\n else checkRefs[index - 1].focus();\n }\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n if (index === count - 1) checkRefs[0].focus();\n else checkRefs[index + 1].focus();\n }\n };\n const group = (\n <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n <div\n data-testid=\"ds-radiogroup\"\n {...(labelProps && labelProps.labelText ? {} : containerProps)}\n className={`${baseClass} ${baseClass}--${orientation}`}\n role=\"group\"\n >\n {React.Children.map(\n children,\n (child, index) => (\n <RadioItem\n {...child.props}\n innerRef={(t) => {\n checkRefs.push(t);\n }}\n onKeyDown={(e) => onKeyDown(e, index)}\n />\n ),\n null,\n )}\n </div>\n </Group>\n );\n\n if (labelProps && labelProps.labelText) {\n return (\n <div\n className={`${baseClass}-form-item-layout-wrapper`}\n {...containerProps}\n role=\"group\"\n >\n <DSFormItemLayout\n {...labelProps}\n inputComponent={group}\n onChange={onChange}\n truncateText={truncateText}\n />\n </div>\n );\n }\n return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\n\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n"],"names":["emClassPrefix","baseClass","RadioItem","props","React","GroupItem","context","DSRadio","activeValue","value","disabled","onChange","DSRadioGroup","containerProps","children","orientation","truncateText","labelProps","checkRefs","count","Children","onKeyDown","e","index","key","focus","group","Group","labelText","map","child","t","push","DSFormItemLayout","propTypes","rprops","defaultProps","DSRadioGroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,aAAa,GAAG,OAAtB;AACA,IAAMC,SAAS,aAAMD,aAAN,iBAAf;;AAEA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"DSRadioGroup.js","sources":["../../../src/RadioGroup/DSRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport DSFormItemLayout from '../FormItem';\nimport DSRadio from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n <GroupItem\n render={(context) => (\n <DSRadio\n {...props}\n checked={context.activeValue === props.value}\n disabled={context.disabled || props.disabled}\n onChange={context.onChange}\n />\n )}\n />\n);\n\nconst DSRadioGroup = ({\n containerProps,\n onChange,\n activeValue,\n children,\n orientation,\n disabled,\n truncateText,\n labelProps,\n}) => {\n const checkRefs = [];\n const count = React.Children.count(children);\n const onKeyDown = (e, index) => {\n if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n if (index === 0) checkRefs[count - 1].focus();\n else checkRefs[index - 1].focus();\n }\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n if (index === count - 1) checkRefs[0].focus();\n else checkRefs[index + 1].focus();\n }\n };\n const group = (\n <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n <div\n data-testid=\"ds-radiogroup\"\n {...(labelProps && labelProps.labelText ? {} : containerProps)}\n className={`${baseClass} ${baseClass}--${orientation}`}\n role=\"group\"\n >\n {React.Children.map(\n children,\n (child, index) => (\n <RadioItem\n {...child.props}\n innerRef={(t) => {\n checkRefs.push(t);\n }}\n onKeyDown={(e) => onKeyDown(e, index)}\n />\n ),\n null,\n )}\n </div>\n </Group>\n );\n\n if (labelProps && labelProps.labelText) {\n return (\n <div\n className={`${baseClass}-form-item-layout-wrapper`}\n {...containerProps}\n role=\"group\"\n >\n <DSFormItemLayout\n {...labelProps}\n inputComponent={group}\n onChange={onChange}\n truncateText={truncateText}\n />\n </div>\n );\n }\n return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\n\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n"],"names":["emClassPrefix","baseClass","RadioItem","props","React","GroupItem","context","DSRadio","activeValue","value","disabled","onChange","DSRadioGroup","containerProps","children","orientation","truncateText","labelProps","checkRefs","count","Children","onKeyDown","e","index","key","focus","group","Group","labelText","map","child","t","push","DSFormItemLayout","propTypes","rprops","defaultProps","DSRadioGroupWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/RadioGroup/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n containerProps: {},\n onChange: () => null,\n orientation: 'vertical',\n disabled: false,\n truncateText: false,\n labelProps: {\n feedbackMessage: '',\n labelText: '',\n required: false,\n },\n};\n"],"names":["defaultProps","containerProps","onChange","orientation","disabled","truncateText","labelProps","feedbackMessage","labelText","required"],"mappings":";;;;IAAaA,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/RadioGroup/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n containerProps: {},\n onChange: () => null,\n orientation: 'vertical',\n disabled: false,\n truncateText: false,\n labelProps: {\n feedbackMessage: '',\n labelText: '',\n required: false,\n },\n};\n"],"names":["defaultProps","containerProps","onChange","orientation","disabled","truncateText","labelProps","feedbackMessage","labelText","required"],"mappings":";;;;IAAaA,YAAY,GAAG;EAC1BC,cAAc,EAAE,EADU;EAE1BC,QAAQ,EAAE;IAAA,OAAM,IAAN;GAFgB;EAG1BC,WAAW,EAAE,UAHa;EAI1BC,QAAQ,EAAE,KAJgB;EAK1BC,YAAY,EAAE,KALY;EAM1BC,UAAU,EAAE;IACVC,eAAe,EAAE,EADP;IAEVC,SAAS,EAAE,EAFD;IAGVC,QAAQ,EAAE;;AATc;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/RadioGroup/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { orientation as radioGroupOrientation } from '../../../../shared-configs/prop-types';\n\nexport const props = {\n /** Inject props to component wrapper */\n containerProps: PropTypes.object.description(\n 'Inject props to component wrapper',\n ),\n /**\n * Allows a function that is triggered once the radio group changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the radio group changes',\n ),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Radio group items to show of type DSRadio\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n 'Radio group items to show of type DSRadio',\n ),\n /**\n * ['horizontal', 'vertical']\n */\n orientation: PropTypes.oneOf(radioGroupOrientation).description(\n \"['horizontal', 'vertical']\",\n ),\n /**\n * Whether the radio group is disabled or not\n */\n disabled: PropTypes.bool.description(''),\n labelProps: PropTypes.shape({\n feedbackMessage: PropTypes.string,\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n required: PropTypes.bool,\n }).description('Whether the radio group is disabled or not'),\n};\n"],"names":["props","containerProps","PropTypes","object","description","onChange","func","activeValue","oneOfType","string","number","children","arrayOf","element","isRequired","orientation","oneOf","radioGroupOrientation","disabled","bool","labelProps","shape","feedbackMessage","labelText","required"],"mappings":";;;;;;;IAGaA,KAAK,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/RadioGroup/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { orientation as radioGroupOrientation } from '../../../../shared-configs/prop-types';\n\nexport const props = {\n /** Inject props to component wrapper */\n containerProps: PropTypes.object.description(\n 'Inject props to component wrapper',\n ),\n /**\n * Allows a function that is triggered once the radio group changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the radio group changes',\n ),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Radio group items to show of type DSRadio\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n 'Radio group items to show of type DSRadio',\n ),\n /**\n * ['horizontal', 'vertical']\n */\n orientation: PropTypes.oneOf(radioGroupOrientation).description(\n \"['horizontal', 'vertical']\",\n ),\n /**\n * Whether the radio group is disabled or not\n */\n disabled: PropTypes.bool.description(''),\n labelProps: PropTypes.shape({\n feedbackMessage: PropTypes.string,\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n required: PropTypes.bool,\n }).description('Whether the radio group is disabled or not'),\n};\n"],"names":["props","containerProps","PropTypes","object","description","onChange","func","activeValue","oneOfType","string","number","children","arrayOf","element","isRequired","orientation","oneOf","radioGroupOrientation","disabled","bool","labelProps","shape","feedbackMessage","labelText","required"],"mappings":";;;;;;;IAGaA,KAAK,GAAG;;EAEnBC,cAAc,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,mCADc,CAFG;;;AAMrB;AACA;EACEC,QAAQ,EAAEH,mBAAS,CAACI,IAAV,CAAeF,WAAf,CACR,kEADQ,CARS;;;AAYrB;AACA;EACEG,WAAW,EAAEL,mBAAS,CAACM,SAAV,CAAoB,CAC/BN,mBAAS,CAACO,MADqB,EAE/BP,mBAAS,CAACQ,MAFqB,CAApB,EAGVN,WAHU,CAGE,+BAHF,CAdM;;;AAmBrB;AACA;EACEO,QAAQ,EAAET,mBAAS,CAACU,OAAV,CAAkBV,mBAAS,CAACW,OAA5B,EAAqCC,UAArC,CAAgDV,WAAhD,CACR,2CADQ,CArBS;;;AAyBrB;AACA;EACEW,WAAW,EAAEb,mBAAS,CAACc,KAAV,CAAgBC,qBAAhB,EAAuCb,WAAvC,CACX,4BADW,CA3BM;;;AA+BrB;AACA;EACEc,QAAQ,EAAEhB,mBAAS,CAACiB,IAAV,CAAef,WAAf,CAA2B,EAA3B,CAjCS;EAkCnBgB,UAAU,EAAElB,mBAAS,CAACmB,KAAV,CAAgB;IAC1BC,eAAe,EAAEpB,mBAAS,CAACO,MADD;IAE1Bc,SAAS,EAAErB,mBAAS,CAACM,SAAV,CAAoB,CAACN,mBAAS,CAACO,MAAX,EAAmBP,mBAAS,CAACW,OAA7B,CAApB,CAFe;IAG1BW,QAAQ,EAAEtB,mBAAS,CAACiB;GAHV,EAITf,WAJS,CAIG,4CAJH;AAlCO;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequiredMark.js","sources":["../../../src/RequiredMark/RequiredMark.tsx"],"sourcesContent":["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n if (!required && !optional) return null;\n if (required) {\n return <span className={`${cssClassName}`}>●</span>;\n }\n return <span className={`${cssClassName} optional-mark`}>⚬</span>;\n};\n\nexport default RequiredMark;\n"],"names":["convertPropToCssClassName","cssClassName","RequiredMark","required","optional","React"],"mappings":";;;;;;;;;AAGA,4BAAyBA,sCAAyB,CAAC,oBAAD,CAAlD;AAAA,IAAQC,YAAR,yBAAQA,YAAR;;IACMC,YAAY,GAAG,SAAfA,YAAe,OAA4C;
|
|
1
|
+
{"version":3,"file":"RequiredMark.js","sources":["../../../src/RequiredMark/RequiredMark.tsx"],"sourcesContent":["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n if (!required && !optional) return null;\n if (required) {\n return <span className={`${cssClassName}`}>●</span>;\n }\n return <span className={`${cssClassName} optional-mark`}>⚬</span>;\n};\n\nexport default RequiredMark;\n"],"names":["convertPropToCssClassName","cssClassName","RequiredMark","required","optional","React"],"mappings":";;;;;;;;;AAGA,4BAAyBA,sCAAyB,CAAC,oBAAD,CAAlD;AAAA,IAAQC,YAAR,yBAAQA,YAAR;;IACMC,YAAY,GAAG,SAAfA,YAAe,OAA4C;EAAA,yBAAzCC,QAAyC;MAAzCA,QAAyC,8BAA9B,KAA8B;2BAAvBC,QAAuB;MAAvBA,QAAuB,8BAAZ,KAAY;EAC/D,IAAI,CAACD,QAAD,IAAa,CAACC,QAAlB,EAA4B,OAAO,IAAP;;EAC5B,IAAID,QAAJ,EAAc;IACZ,oBAAOE;MAAM,SAAS,YAAKJ,YAAL;gBAAtB;;;EAEF,oBAAOI;IAAM,SAAS,YAAKJ,YAAL;cAAtB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSSearchBox.js","sources":["../../../src/SearchBox/DSSearchBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n className,\n clearable,\n containerProps,\n disableButton,\n disabled,\n innerRef,\n onBlur,\n onChange,\n onKeyUp,\n onSearch,\n onClearButtonClick,\n placeholder,\n property,\n readOnly,\n searchOnEnter,\n onSearchButtonClick,\n showIcon,\n style,\n value,\n}) => {\n const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n onChange,\n onKeyUp,\n onSearch,\n onSearchButtonClick,\n property,\n searchOnEnter,\n value,\n onClearButtonClick,\n });\n const shouldShowClearIcon = clearable && searchValue?.length > 0;\n const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n const PureSearchboxIcon = React.useMemo(() => {\n let Icon = <Search aria-label=\"Search\" />;\n let handleOnClick = () => handleSearch(true);\n if (!shouldShowAnyIcon) return null;\n if (shouldShowClearIcon) {\n Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n handleOnClick = handleClear;\n }\n\n return (\n <SButton\n disabled={disabled || disableButton}\n icon={Icon}\n onClick={handleOnClick}\n dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n />\n );\n }, [\n shouldShowClearIcon,\n shouldShowSearchIcon,\n shouldShowAnyIcon,\n disabled,\n disableButton,\n handleSearch,\n handleClear,\n ]);\n\n return (\n <div style={{ position: 'relative', zIndex: 0 }}>\n <SearchBoxTextBox\n className={className}\n containerProps={containerProps}\n disabled={disabled}\n innerRef={innerRef}\n onChange={handleChange}\n onKeyUp={handleKeyUp}\n onBlur={onBlur}\n placeholder={placeholder}\n readOnly={readOnly}\n style={style}\n value={searchValue}\n />\n {PureSearchboxIcon}\n </div>\n );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema };\nexport default DSSearchBox;\n"],"names":["DSSearchBox","className","clearable","containerProps","disableButton","disabled","innerRef","onBlur","onChange","onKeyUp","onSearch","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","onSearchButtonClick","showIcon","style","value","useSearch","searchValue","handleChange","handleSearch","handleKeyUp","handleClear","shouldShowClearIcon","length","shouldShowSearchIcon","shouldShowAnyIcon","PureSearchboxIcon","React","useMemo","Icon","Search","handleOnClick","CloseXsmall","DSIconColors","PRIMARY","SButton","position","zIndex","SearchBoxTextBox","propTypes","searchBoxProps","defaultProps","SearchBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAWMA,WAAW,GAAG,SAAdA,WAAc,OAoBd;
|
|
1
|
+
{"version":3,"file":"DSSearchBox.js","sources":["../../../src/SearchBox/DSSearchBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n className,\n clearable,\n containerProps,\n disableButton,\n disabled,\n innerRef,\n onBlur,\n onChange,\n onKeyUp,\n onSearch,\n onClearButtonClick,\n placeholder,\n property,\n readOnly,\n searchOnEnter,\n onSearchButtonClick,\n showIcon,\n style,\n value,\n}) => {\n const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n onChange,\n onKeyUp,\n onSearch,\n onSearchButtonClick,\n property,\n searchOnEnter,\n value,\n onClearButtonClick,\n });\n const shouldShowClearIcon = clearable && searchValue?.length > 0;\n const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n const PureSearchboxIcon = React.useMemo(() => {\n let Icon = <Search aria-label=\"Search\" />;\n let handleOnClick = () => handleSearch(true);\n if (!shouldShowAnyIcon) return null;\n if (shouldShowClearIcon) {\n Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n handleOnClick = handleClear;\n }\n\n return (\n <SButton\n disabled={disabled || disableButton}\n icon={Icon}\n onClick={handleOnClick}\n dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n />\n );\n }, [\n shouldShowClearIcon,\n shouldShowSearchIcon,\n shouldShowAnyIcon,\n disabled,\n disableButton,\n handleSearch,\n handleClear,\n ]);\n\n return (\n <div style={{ position: 'relative', zIndex: 0 }}>\n <SearchBoxTextBox\n className={className}\n containerProps={containerProps}\n disabled={disabled}\n innerRef={innerRef}\n onChange={handleChange}\n onKeyUp={handleKeyUp}\n onBlur={onBlur}\n placeholder={placeholder}\n readOnly={readOnly}\n style={style}\n value={searchValue}\n />\n {PureSearchboxIcon}\n </div>\n );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema };\nexport default DSSearchBox;\n"],"names":["DSSearchBox","className","clearable","containerProps","disableButton","disabled","innerRef","onBlur","onChange","onKeyUp","onSearch","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","onSearchButtonClick","showIcon","style","value","useSearch","searchValue","handleChange","handleSearch","handleKeyUp","handleClear","shouldShowClearIcon","length","shouldShowSearchIcon","shouldShowAnyIcon","PureSearchboxIcon","React","useMemo","Icon","Search","handleOnClick","CloseXsmall","DSIconColors","PRIMARY","SButton","position","zIndex","SearchBoxTextBox","propTypes","searchBoxProps","defaultProps","SearchBoxWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavSearchBox.js","sources":["../../../src/SearchBox/NavSearchBox.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { describe } from 'react-desc';\nimport { ChevronDown, Search, ChevronUp, CloseXsmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSTextBox from '../TextBox';\nimport { navSearchBoxProps } from './props';\nimport { navSearchBoxDefaultProps } from './defaultProps';\n\nconst StyledResultTracker = styled.div`\n padding: 0 8px;\n color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n white-space: nowrap;\n word-spacing: 2px;\n`;\nconst StyledVerticalSeparator = styled.div`\n height: 60%;\n border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n`;\nconst StyledToolbarRightAddonsWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n`;\n\nconst NavBtn = styled(DSButton)`\n height: calc(100% - 2px);\n border: none;\n border-radius: ${({ last }) => (last ? '2px 2px 0px 0px' : '0px')};\n`;\n\nconst RightButtonsGroup = (props) => {\n const { onNext, onPrevious, onClear, hideNavs, showClear } = props;\n\n return (\n <>\n {!hideNavs && (\n <>\n <NavBtn\n buttonType=\"text\"\n containerProps={{ 'data-testid': 'ds-navsearchbox-next' }}\n icon={<ChevronDown color={['brand-primary', '800']} />}\n onClick={onNext}\n />\n <NavBtn\n buttonType=\"text\"\n containerProps={{ 'data-testid': 'ds-navsearchbox-prev' }}\n icon={<ChevronUp color={['brand-primary', '800']} />}\n onClick={onPrevious}\n />\n </>\n )}\n {showClear ? (\n <NavBtn\n containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n buttonType=\"text\"\n icon={<CloseXsmall color={['brand-primary', '800']} />}\n onClick={onClear}\n last\n />\n ) : (\n <NavBtn\n containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n buttonType=\"text\"\n icon={<Search color={['brand-primary', '800']} />}\n last\n />\n )}\n </>\n );\n};\nRightButtonsGroup.propTypes = {\n onNext: PropTypes.func.isRequired,\n onPrevious: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n hideNavs: PropTypes.bool,\n showClear: PropTypes.bool,\n};\n\nconst ResultTracker = (props) => {\n const { currentResultIndex, totalResults } = props;\n\n if (currentResultIndex === -1 && !totalResults) return null;\n\n if (currentResultIndex === -1 && totalResults) return <StyledResultTracker>{totalResults}</StyledResultTracker>;\n\n return <StyledResultTracker>{`${currentResultIndex + 1} / ${totalResults}`}</StyledResultTracker>;\n};\nResultTracker.propTypes = {\n currentResultIndex: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n};\n\nconst VerticalSeparator = () => <StyledVerticalSeparator />;\n\nconst ToolbarRightAddons = (props) => {\n const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;\n\n return (\n <StyledToolbarRightAddonsWrapper>\n <ResultTracker currentResultIndex={currentResultIndex} totalResults={totalResults} />\n {currentResultIndex !== -1 || totalResults ? <VerticalSeparator /> : null}\n <RightButtonsGroup\n onNext={onNext}\n hideNavs={currentResultIndex === -1 && !totalResults}\n onPrevious={onPrevious}\n showClear={showClear}\n onClear={onClear}\n />\n </StyledToolbarRightAddonsWrapper>\n );\n};\nToolbarRightAddons.propTypes = {\n onNext: PropTypes.func.isRequired,\n onPrevious: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n currentResultIndex: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n showClear: PropTypes.bool,\n};\n\nconst NavSearchBox = (props) => {\n const { currentResultIndex, onChange, onClear, onNext, onPrevious, totalResults, value, onBlur, placeholder } = props;\n\n const handleChange = (e) => {\n if (onChange) onChange(e.target.value);\n };\n\n const handleKeyDown = (e) => {\n // SHIFT + ENTER\n if (e.shiftKey) {\n if (e.key === 'Enter' || e.keyCode === 13) {\n onPrevious();\n }\n } // ESCAPE\n else if (e.key === 'Escape' || e.keyCode === 27) {\n onClear();\n } // ENTER\n else if (e.key === 'Enter' || e.keyCode === 13) {\n onNext();\n }\n };\n\n return (\n <DSTextBox\n onChange={handleChange}\n containerProps={{ 'data-testid': 'ds-nav-searchbox-input' }}\n onBlur={onBlur}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n value={value}\n rightComponent={\n <ToolbarRightAddons\n showClear={!!value}\n onNext={onNext}\n onPrevious={onPrevious}\n onClear={onClear}\n currentResultIndex={currentResultIndex}\n totalResults={totalResults}\n />\n }\n />\n );\n};\n\nNavSearchBox.propTypes = navSearchBoxProps;\nNavSearchBox.defaultProps = navSearchBoxDefaultProps;\nconst DSNavSearchBoxWithSchema = describe(NavSearchBox);\nDSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;\nexport { NavSearchBox, DSNavSearchBoxWithSchema };\n"],"names":["StyledResultTracker","styled","div","StyledVerticalSeparator","StyledToolbarRightAddonsWrapper","NavBtn","DSButton","last","RightButtonsGroup","props","onNext","onPrevious","onClear","hideNavs","showClear","React","ChevronDown","ChevronUp","CloseXsmall","Search","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","DSTextBox","navSearchBoxProps","defaultProps","navSearchBoxDefaultProps","DSNavSearchBoxWithSchema","describe"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NavSearchBox.js","sources":["../../../src/SearchBox/NavSearchBox.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { describe } from 'react-desc';\nimport { ChevronDown, Search, ChevronUp, CloseXsmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSTextBox from '../TextBox';\nimport { navSearchBoxProps } from './props';\nimport { navSearchBoxDefaultProps } from './defaultProps';\n\nconst StyledResultTracker = styled.div`\n padding: 0 8px;\n color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n white-space: nowrap;\n word-spacing: 2px;\n`;\nconst StyledVerticalSeparator = styled.div`\n height: 60%;\n border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n`;\nconst StyledToolbarRightAddonsWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n`;\n\nconst NavBtn = styled(DSButton)`\n height: calc(100% - 2px);\n border: none;\n border-radius: ${({ last }) => (last ? '2px 2px 0px 0px' : '0px')};\n`;\n\nconst RightButtonsGroup = (props) => {\n const { onNext, onPrevious, onClear, hideNavs, showClear } = props;\n\n return (\n <>\n {!hideNavs && (\n <>\n <NavBtn\n buttonType=\"text\"\n containerProps={{ 'data-testid': 'ds-navsearchbox-next' }}\n icon={<ChevronDown color={['brand-primary', '800']} />}\n onClick={onNext}\n />\n <NavBtn\n buttonType=\"text\"\n containerProps={{ 'data-testid': 'ds-navsearchbox-prev' }}\n icon={<ChevronUp color={['brand-primary', '800']} />}\n onClick={onPrevious}\n />\n </>\n )}\n {showClear ? (\n <NavBtn\n containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n buttonType=\"text\"\n icon={<CloseXsmall color={['brand-primary', '800']} />}\n onClick={onClear}\n last\n />\n ) : (\n <NavBtn\n containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n buttonType=\"text\"\n icon={<Search color={['brand-primary', '800']} />}\n last\n />\n )}\n </>\n );\n};\nRightButtonsGroup.propTypes = {\n onNext: PropTypes.func.isRequired,\n onPrevious: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n hideNavs: PropTypes.bool,\n showClear: PropTypes.bool,\n};\n\nconst ResultTracker = (props) => {\n const { currentResultIndex, totalResults } = props;\n\n if (currentResultIndex === -1 && !totalResults) return null;\n\n if (currentResultIndex === -1 && totalResults) return <StyledResultTracker>{totalResults}</StyledResultTracker>;\n\n return <StyledResultTracker>{`${currentResultIndex + 1} / ${totalResults}`}</StyledResultTracker>;\n};\nResultTracker.propTypes = {\n currentResultIndex: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n};\n\nconst VerticalSeparator = () => <StyledVerticalSeparator />;\n\nconst ToolbarRightAddons = (props) => {\n const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;\n\n return (\n <StyledToolbarRightAddonsWrapper>\n <ResultTracker currentResultIndex={currentResultIndex} totalResults={totalResults} />\n {currentResultIndex !== -1 || totalResults ? <VerticalSeparator /> : null}\n <RightButtonsGroup\n onNext={onNext}\n hideNavs={currentResultIndex === -1 && !totalResults}\n onPrevious={onPrevious}\n showClear={showClear}\n onClear={onClear}\n />\n </StyledToolbarRightAddonsWrapper>\n );\n};\nToolbarRightAddons.propTypes = {\n onNext: PropTypes.func.isRequired,\n onPrevious: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n currentResultIndex: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n showClear: PropTypes.bool,\n};\n\nconst NavSearchBox = (props) => {\n const { currentResultIndex, onChange, onClear, onNext, onPrevious, totalResults, value, onBlur, placeholder } = props;\n\n const handleChange = (e) => {\n if (onChange) onChange(e.target.value);\n };\n\n const handleKeyDown = (e) => {\n // SHIFT + ENTER\n if (e.shiftKey) {\n if (e.key === 'Enter' || e.keyCode === 13) {\n onPrevious();\n }\n } // ESCAPE\n else if (e.key === 'Escape' || e.keyCode === 27) {\n onClear();\n } // ENTER\n else if (e.key === 'Enter' || e.keyCode === 13) {\n onNext();\n }\n };\n\n return (\n <DSTextBox\n onChange={handleChange}\n containerProps={{ 'data-testid': 'ds-nav-searchbox-input' }}\n onBlur={onBlur}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n value={value}\n rightComponent={\n <ToolbarRightAddons\n showClear={!!value}\n onNext={onNext}\n onPrevious={onPrevious}\n onClear={onClear}\n currentResultIndex={currentResultIndex}\n totalResults={totalResults}\n />\n }\n />\n );\n};\n\nNavSearchBox.propTypes = navSearchBoxProps;\nNavSearchBox.defaultProps = navSearchBoxDefaultProps;\nconst DSNavSearchBoxWithSchema = describe(NavSearchBox);\nDSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;\nexport { NavSearchBox, DSNavSearchBoxWithSchema };\n"],"names":["StyledResultTracker","styled","div","StyledVerticalSeparator","StyledToolbarRightAddonsWrapper","NavBtn","DSButton","last","RightButtonsGroup","props","onNext","onPrevious","onClear","hideNavs","showClear","React","ChevronDown","ChevronUp","CloseXsmall","Search","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","DSTextBox","navSearchBoxProps","defaultProps","navSearchBoxDefaultProps","DSNavSearchBoxWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SButton.js","sources":["../../../src/SearchBox/SButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { focus } from '@elliemae/ds-system';\n\nconst Button = styled.button`\n all: unset;\n position: absolute;\n height: calc(100% - 2px);\n width: 28px;\n top: 1px;\n right: 1px;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n cursor: pointer;\n z-index: 1;\n svg {\n fill: ${(props) => props.theme.colors.brand['600']};\n }\n &:disabled {\n color: #5d6775;\n cursor: not-allowed;\n svg {\n fill: #5d6775;\n }\n }\n &:focus {\n ${focus()}\n }\n`;\n\nconst SButton = ({ icon, disabled, onClick, dataTestid = \"ds-searchbox-button\" }) => (\n <Button\n data-testid={dataTestid}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n {icon}\n </Button>\n);\n\nSButton.propTypes = {\n /** click handler for button */\n onClick: PropTypes.func.isRequired.description('click handler for button'),\n /** ds icon to render inside button */\n icon: PropTypes.node.isRequired.description(\n 'ds icon to render inside button',\n ),\n /** disable button */\n disabled: PropTypes.bool.description('disable button'),\n dataTestid: PropTypes.string.description('Data test id')\n};\n\nexport { SButton };\n"],"names":["Button","styled","button","props","theme","colors","brand","focus","SButton","icon","disabled","onClick","dataTestid","React","propTypes","PropTypes","func","isRequired","description","node","bool","string"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,MAAM,gBAAGC,0BAAM,CAACC,MAAV;
|
|
1
|
+
{"version":3,"file":"SButton.js","sources":["../../../src/SearchBox/SButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { focus } from '@elliemae/ds-system';\n\nconst Button = styled.button`\n all: unset;\n position: absolute;\n height: calc(100% - 2px);\n width: 28px;\n top: 1px;\n right: 1px;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n cursor: pointer;\n z-index: 1;\n svg {\n fill: ${(props) => props.theme.colors.brand['600']};\n }\n &:disabled {\n color: #5d6775;\n cursor: not-allowed;\n svg {\n fill: #5d6775;\n }\n }\n &:focus {\n ${focus()}\n }\n`;\n\nconst SButton = ({ icon, disabled, onClick, dataTestid = \"ds-searchbox-button\" }) => (\n <Button\n data-testid={dataTestid}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n {icon}\n </Button>\n);\n\nSButton.propTypes = {\n /** click handler for button */\n onClick: PropTypes.func.isRequired.description('click handler for button'),\n /** ds icon to render inside button */\n icon: PropTypes.node.isRequired.description(\n 'ds icon to render inside button',\n ),\n /** disable button */\n disabled: PropTypes.bool.description('disable button'),\n dataTestid: PropTypes.string.description('Data test id')\n};\n\nexport { SButton };\n"],"names":["Button","styled","button","props","theme","colors","brand","focus","SButton","icon","disabled","onClick","dataTestid","React","propTypes","PropTypes","func","isRequired","description","node","bool","string"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,MAAM,gBAAGC,0BAAM,CAACC,MAAV;EAAA;AAAA,2RAcA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAdA,EAwBNC,cAAK,EAxBC,CAAZ;;IA4BMC,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,IAAH,QAAGA,IAAH;MAASC,QAAT,QAASA,QAAT;MAAmBC,OAAnB,QAAmBA,OAAnB;6BAA4BC,UAA5B;MAA4BA,UAA5B,gCAAyC,qBAAzC;EAAA,oBACdC,wCAAC,MAAD;IACE,eAAaD,UADf;IAEE,OAAO,EAAED,OAFX;IAGE,QAAQ,EAAED,QAHZ;IAIE,IAAI,EAAC;KAEJD,IANH,CADc;AAAA;;AAWhBD,OAAO,CAACM,SAAR,GAAoB;;EAElBH,OAAO,EAAEI,mBAAS,CAACC,IAAV,CAAeC,UAAf,CAA0BC,WAA1B,CAAsC,0BAAtC,CAFS;;;EAIlBT,IAAI,EAAEM,mBAAS,CAACI,IAAV,CAAeF,UAAf,CAA0BC,WAA1B,CACJ,iCADI,CAJY;;;EAQlBR,QAAQ,EAAEK,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,CARQ;EASlBN,UAAU,EAAEG,mBAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,cAA7B;AATM,CAApB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBoxToggle.js","sources":["../../../src/SearchBox/SearchBoxToggle.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Search } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSSearchBox from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n transition: width 200ms ease;\n width: ${SEARCH_BUTTON_WIDTH}px;\n height: 0;\n\n ${(props) =>\n !props.show\n ? `\n opacity:0;\n\n & * {\n width: ${SEARCH_BUTTON_WIDTH}px;\n height: 0;\n border: 0;\n }\n `\n : ''}\n ${(props) => (props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : '')}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n const [isOpen, setOpen] = useState(false);\n const [show, setShow] = useState(true);\n const computedWidth = typeof width === 'number' ? `${width}px` : width;\n const button = (\n <DSButton\n onClick={() => {\n setOpen(true);\n }}\n buttonType=\"text\"\n icon={<Search />}\n />\n );\n return (\n <div>\n {show && !isOpen && button}\n <SearchWrap\n show={!show || isOpen}\n isOpen={isOpen}\n width={computedWidth}\n onTransitionEnd={() => {\n setShow(!isOpen);\n }}\n >\n <DSSearchBox\n {...rest}\n onSearchButtonClick={() => {\n onSearchButtonClick();\n setOpen(false);\n }}\n />\n </SearchWrap>\n </div>\n );\n};\n\nSearchBoxToggle.defaultProps = {\n onSearchButtonClick: () => null,\n width: 300,\n};\n\nexport default SearchBoxToggle;\n"],"names":["SEARCH_BUTTON_WIDTH","SearchWrap","styled","div","props","show","isOpen","width","SearchBoxToggle","onSearchButtonClick","rest","useState","setOpen","setShow","computedWidth","button","React","DSButton","Search","DSSearchBox","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,0BAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"SearchBoxToggle.js","sources":["../../../src/SearchBox/SearchBoxToggle.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Search } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSSearchBox from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n transition: width 200ms ease;\n width: ${SEARCH_BUTTON_WIDTH}px;\n height: 0;\n\n ${(props) =>\n !props.show\n ? `\n opacity:0;\n\n & * {\n width: ${SEARCH_BUTTON_WIDTH}px;\n height: 0;\n border: 0;\n }\n `\n : ''}\n ${(props) => (props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : '')}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n const [isOpen, setOpen] = useState(false);\n const [show, setShow] = useState(true);\n const computedWidth = typeof width === 'number' ? `${width}px` : width;\n const button = (\n <DSButton\n onClick={() => {\n setOpen(true);\n }}\n buttonType=\"text\"\n icon={<Search />}\n />\n );\n return (\n <div>\n {show && !isOpen && button}\n <SearchWrap\n show={!show || isOpen}\n isOpen={isOpen}\n width={computedWidth}\n onTransitionEnd={() => {\n setShow(!isOpen);\n }}\n >\n <DSSearchBox\n {...rest}\n onSearchButtonClick={() => {\n onSearchButtonClick();\n setOpen(false);\n }}\n />\n </SearchWrap>\n </div>\n );\n};\n\nSearchBoxToggle.defaultProps = {\n onSearchButtonClick: () => null,\n width: 300,\n};\n\nexport default SearchBoxToggle;\n"],"names":["SEARCH_BUTTON_WIDTH","SearchWrap","styled","div","props","show","isOpen","width","SearchBoxToggle","onSearchButtonClick","rest","useState","setOpen","setShow","computedWidth","button","React","DSButton","Search","DSSearchBox","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,oEAELH,mBAFK,EAKZ,UAACI,KAAD;EAAA,OACA,CAACA,KAAK,CAACC,IAAP,qEAKeL,mBALf,0EAUI,EAXJ;AAAA,CALY,EAiBZ,UAACI,KAAD;EAAA,OAAYA,KAAK,CAACE,MAAN,oBAAyBF,KAAK,CAACG,KAA/B,iCAAkE,EAA9E;AAAA,CAjBY,CAAhB;;IAqBMC,eAAe,GAAG,SAAlBA,eAAkB,OAA6C;EAAA,IAA1CC,oBAA0C,QAA1CA,mBAA0C;MAArBF,KAAqB,QAArBA,KAAqB;MAAXG,IAAW;;EACnE,gBAA0BC,cAAQ,CAAC,KAAD,CAAlC;;MAAOL,MAAP;MAAeM,OAAf;;EACA,iBAAwBD,cAAQ,CAAC,IAAD,CAAhC;;MAAON,IAAP;MAAaQ,OAAb;;EACA,IAAMC,aAAa,GAAG,OAAOP,KAAP,KAAiB,QAAjB,aAA+BA,KAA/B,UAA2CA,KAAjE;EACA,IAAMQ,MAAM,gBACVC,wCAACC,4BAAD;IACE,OAAO,EAAE,mBAAM;MACbL,OAAO,CAAC,IAAD,CAAP;KAFJ;IAIE,UAAU,EAAC,MAJb;IAKE,IAAI,eAAEI,wCAACE,cAAD;IANV;EASA,oBACEF,qDACGX,IAAI,IAAI,CAACC,MAAT,IAAmBS,MADtB,eAEEC,wCAAC,UAAD;IACE,IAAI,EAAE,CAACX,IAAD,IAASC,MADjB;IAEE,MAAM,EAAEA,MAFV;IAGE,KAAK,EAAEQ,aAHT;IAIE,eAAe,EAAE,2BAAM;MACrBD,OAAO,CAAC,CAACP,MAAF,CAAP;;kBAGFU,wCAACG,gCAAD,mCACMT,IADN;IAEE,mBAAmB,EAAE,+BAAM;MACzBD,oBAAmB;;MACnBG,OAAO,CAAC,KAAD,CAAP;;KAZN,CAFF,CADF;AAqBD;;AAEDJ,eAAe,CAACY,YAAhB,GAA+B;EAC7BX,mBAAmB,EAAE;IAAA,OAAM,IAAN;GADQ;EAE7BF,KAAK,EAAE;AAFsB,CAA/B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/SearchBox/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n className: '',\n clearable: false,\n clearOnSearch: false,\n containerProps: {},\n disableButton: false,\n disabled: false,\n innerRef: undefined,\n onBlur: () => null,\n onChange: () => null,\n onKeyUp: () => null,\n onSearch: () => null,\n onSearchButtonClick: () => null,\n onClearButtonClick: () => null,\n placeholder: 'Search all',\n property: 'all',\n readOnly: false,\n searchOnEnter: true,\n showIcon: true,\n style: {},\n value: undefined,\n};\n\nexport const navSearchBoxDefaultProps = {\n placeholder: 'Search...',\n currentResultIndex: -1,\n};\n"],"names":["defaultProps","className","clearable","clearOnSearch","containerProps","disableButton","disabled","innerRef","undefined","onBlur","onChange","onKeyUp","onSearch","onSearchButtonClick","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","showIcon","style","value","navSearchBoxDefaultProps","currentResultIndex"],"mappings":";;;;IAAaA,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/SearchBox/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n className: '',\n clearable: false,\n clearOnSearch: false,\n containerProps: {},\n disableButton: false,\n disabled: false,\n innerRef: undefined,\n onBlur: () => null,\n onChange: () => null,\n onKeyUp: () => null,\n onSearch: () => null,\n onSearchButtonClick: () => null,\n onClearButtonClick: () => null,\n placeholder: 'Search all',\n property: 'all',\n readOnly: false,\n searchOnEnter: true,\n showIcon: true,\n style: {},\n value: undefined,\n};\n\nexport const navSearchBoxDefaultProps = {\n placeholder: 'Search...',\n currentResultIndex: -1,\n};\n"],"names":["defaultProps","className","clearable","clearOnSearch","containerProps","disableButton","disabled","innerRef","undefined","onBlur","onChange","onKeyUp","onSearch","onSearchButtonClick","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","showIcon","style","value","navSearchBoxDefaultProps","currentResultIndex"],"mappings":";;;;IAAaA,YAAY,GAAG;EAC1BC,SAAS,EAAE,EADe;EAE1BC,SAAS,EAAE,KAFe;EAG1BC,aAAa,EAAE,KAHW;EAI1BC,cAAc,EAAE,EAJU;EAK1BC,aAAa,EAAE,KALW;EAM1BC,QAAQ,EAAE,KANgB;EAO1BC,QAAQ,EAAEC,SAPgB;EAQ1BC,MAAM,EAAE;IAAA,OAAM,IAAN;GARkB;EAS1BC,QAAQ,EAAE;IAAA,OAAM,IAAN;GATgB;EAU1BC,OAAO,EAAE;IAAA,OAAM,IAAN;GAViB;EAW1BC,QAAQ,EAAE;IAAA,OAAM,IAAN;GAXgB;EAY1BC,mBAAmB,EAAE;IAAA,OAAM,IAAN;GAZK;EAa1BC,kBAAkB,EAAE;IAAA,OAAM,IAAN;GAbM;EAc1BC,WAAW,EAAE,YAda;EAe1BC,QAAQ,EAAE,KAfgB;EAgB1BC,QAAQ,EAAE,KAhBgB;EAiB1BC,aAAa,EAAE,IAjBW;EAkB1BC,QAAQ,EAAE,IAlBgB;EAmB1BC,KAAK,EAAE,EAnBmB;EAoB1BC,KAAK,EAAEb;AApBmB;IAuBfc,wBAAwB,GAAG;EACtCP,WAAW,EAAE,WADyB;EAEtCQ,kBAAkB,EAAE,CAAC;AAFiB;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../src/SearchBox/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const searchBoxProps = {\n /** Set of Properties attached to the main container */\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n /** html class attribute */\n className: PropTypes.string.description('html class attribute'),\n /** ref to the components container */\n innerRef: PropTypes.object.description('ref to the components container'),\n /** Set style to the search box */\n style: PropTypes.object.description('Set style to the search box'),\n /** search property */\n property: PropTypes.string.description('search property'),\n /** Placeholder for the search box */\n placeholder: PropTypes.string.description('Placeholder for the search box'),\n /** Whether to trigger the search once the enter is pressed */\n searchOnEnter: PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),\n /** Whether to clear the input on search */\n clearOnSearch: PropTypes.bool.description('Whether to clear the input on search'),\n /** function triggered once in the clear button is clicked */\n onClearButtonClick: PropTypes.func.description('function triggered once in the clear button is clicked'),\n /** function triggered once in the search box a keyboard key is released */\n onKeyUp: PropTypes.func.description('function triggered once in the search box a keyboard key is released'),\n /** function triggered once the search action begins (search icon click/ enter keypress) */\n onSearch: PropTypes.func.description(\n 'unction triggered once the search action begins (search icon click/ enter keypress)',\n ),\n /** function triggered once the search icon is clicked */\n onSearchButtonClick: PropTypes.func.description('function triggered once the search icon is clicked'),\n /** function that is triggered on change */\n onChange: PropTypes.func.description('function that is triggered on change'),\n /** Function that is triggered on blur */\n onBlur: PropTypes.func.description('Function that is triggered on blur'),\n /** searchbox input value */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n 'searchbox input value',\n ),\n /** Whether to show an icon or not */\n showIcon: PropTypes.bool.description('Whether to show an icon or not'),\n /** Disables the search input and button */\n disabled: PropTypes.bool.description('Disables the search input and button'),\n /** Disables the search button */\n disableButton: PropTypes.bool.description('Disables the search button'),\n /** whether the input is read only or not */\n readOnly: PropTypes.bool.description('whether the input is read only or not'),\n /** Show clearable button */\n clearable: PropTypes.bool.description('Show clearable button'),\n};\n\nexport const navSearchBoxProps = {\n /** searchbox input value */\n value: PropTypes.string.isRequired.description('searchbox input value'),\n /** function that is triggered on change */\n onChange: PropTypes.func.isRequired.description('function that is triggered on change'),\n /** Function that is triggered on blur */\n onBlur: PropTypes.func.description('Function that is triggered on blur'),\n /** triggered on next chevron click */\n onNext: PropTypes.func.isRequired.description('triggered on next chevron click'),\n /** triggered on prev chevron click */\n onPrevious: PropTypes.func.isRequired.description('triggered on prev chevron click'),\n /** function that is triggered on clear button press */\n onClear: PropTypes.func.isRequired.description('function that is triggered on clear button press'),\n /** zero based index to show on search box, -1 hides navigation */\n currentResultIndex: PropTypes.number.isRequired.description(\n 'zero based index to show on search box, -1 hides navigation',\n ),\n /** total items to navigate */\n totalResults: PropTypes.number.isRequired.description('total items to navigate'),\n /** Placeholder for the search box */\n placeholder: PropTypes.string.description('Placeholder for the search box'),\n};\n"],"names":["searchBoxProps","containerProps","PropTypes","object","description","className","string","innerRef","style","property","placeholder","searchOnEnter","bool","clearOnSearch","onClearButtonClick","func","onKeyUp","onSearch","onSearchButtonClick","onChange","onBlur","value","oneOfType","number","showIcon","disabled","disableButton","readOnly","clearable","navSearchBoxProps","isRequired","onNext","onPrevious","onClear","currentResultIndex","totalResults"],"mappings":";;;;;;IAEaA,cAAc,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/SearchBox/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const searchBoxProps = {\n /** Set of Properties attached to the main container */\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n /** html class attribute */\n className: PropTypes.string.description('html class attribute'),\n /** ref to the components container */\n innerRef: PropTypes.object.description('ref to the components container'),\n /** Set style to the search box */\n style: PropTypes.object.description('Set style to the search box'),\n /** search property */\n property: PropTypes.string.description('search property'),\n /** Placeholder for the search box */\n placeholder: PropTypes.string.description('Placeholder for the search box'),\n /** Whether to trigger the search once the enter is pressed */\n searchOnEnter: PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),\n /** Whether to clear the input on search */\n clearOnSearch: PropTypes.bool.description('Whether to clear the input on search'),\n /** function triggered once in the clear button is clicked */\n onClearButtonClick: PropTypes.func.description('function triggered once in the clear button is clicked'),\n /** function triggered once in the search box a keyboard key is released */\n onKeyUp: PropTypes.func.description('function triggered once in the search box a keyboard key is released'),\n /** function triggered once the search action begins (search icon click/ enter keypress) */\n onSearch: PropTypes.func.description(\n 'unction triggered once the search action begins (search icon click/ enter keypress)',\n ),\n /** function triggered once the search icon is clicked */\n onSearchButtonClick: PropTypes.func.description('function triggered once the search icon is clicked'),\n /** function that is triggered on change */\n onChange: PropTypes.func.description('function that is triggered on change'),\n /** Function that is triggered on blur */\n onBlur: PropTypes.func.description('Function that is triggered on blur'),\n /** searchbox input value */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n 'searchbox input value',\n ),\n /** Whether to show an icon or not */\n showIcon: PropTypes.bool.description('Whether to show an icon or not'),\n /** Disables the search input and button */\n disabled: PropTypes.bool.description('Disables the search input and button'),\n /** Disables the search button */\n disableButton: PropTypes.bool.description('Disables the search button'),\n /** whether the input is read only or not */\n readOnly: PropTypes.bool.description('whether the input is read only or not'),\n /** Show clearable button */\n clearable: PropTypes.bool.description('Show clearable button'),\n};\n\nexport const navSearchBoxProps = {\n /** searchbox input value */\n value: PropTypes.string.isRequired.description('searchbox input value'),\n /** function that is triggered on change */\n onChange: PropTypes.func.isRequired.description('function that is triggered on change'),\n /** Function that is triggered on blur */\n onBlur: PropTypes.func.description('Function that is triggered on blur'),\n /** triggered on next chevron click */\n onNext: PropTypes.func.isRequired.description('triggered on next chevron click'),\n /** triggered on prev chevron click */\n onPrevious: PropTypes.func.isRequired.description('triggered on prev chevron click'),\n /** function that is triggered on clear button press */\n onClear: PropTypes.func.isRequired.description('function that is triggered on clear button press'),\n /** zero based index to show on search box, -1 hides navigation */\n currentResultIndex: PropTypes.number.isRequired.description(\n 'zero based index to show on search box, -1 hides navigation',\n ),\n /** total items to navigate */\n totalResults: PropTypes.number.isRequired.description('total items to navigate'),\n /** Placeholder for the search box */\n placeholder: PropTypes.string.description('Placeholder for the search box'),\n};\n"],"names":["searchBoxProps","containerProps","PropTypes","object","description","className","string","innerRef","style","property","placeholder","searchOnEnter","bool","clearOnSearch","onClearButtonClick","func","onKeyUp","onSearch","onSearchButtonClick","onChange","onBlur","value","oneOfType","number","showIcon","disabled","disableButton","readOnly","clearable","navSearchBoxProps","isRequired","onNext","onPrevious","onClear","currentResultIndex","totalResults"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/SearchBox/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSTextBox from '../TextBox';\nexport const SearchBoxTextBox = styled(DSTextBox)`\n padding-right: 33px;\n`;\n"],"names":["SearchBoxTextBox","styled","DSTextBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,gBAAgB,gBAAGC,0BAAM,CAACC,4BAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../src/SearchBox/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSTextBox from '../TextBox';\nexport const SearchBoxTextBox = styled(DSTextBox)`\n padding-right: 33px;\n`;\n"],"names":["SearchBoxTextBox","styled","DSTextBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,gBAAgB,gBAAGC,0BAAM,CAACC,4BAAD,CAAT;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","sources":["../../../src/SearchBox/useSearch.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n clearOnSearch,\n setValue,\n searchOnEnter,\n value,\n onSearch,\n property,\n clickTrigger,\n onSearchButtonClick,\n) {\n if (clickTrigger) {\n onSearchButtonClick();\n }\n if (clearOnSearch) setValue('');\n if (searchOnEnter && !value) return;\n onSearch({\n query: { [property]: value },\n property,\n value,\n });\n}\n\nexport function useSearch(params = {}) {\n const {\n onKeyUp,\n onSearch,\n onSearchButtonClick,\n property,\n clearOnSearch,\n searchOnEnter,\n onChange,\n onClearButtonClick,\n } = params;\n const [value, setValue] = useState(params.value);\n const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n // update state if prop changes\n useEffect(() => {\n if (value !== params.value) {\n setValue(params.value);\n }\n }, [params.value]);\n\n const searchWithParams = (clickedSearchButton = false) =>\n handleSearch(\n clearOnSearch,\n setValue,\n searchOnEnter,\n value,\n onSearch,\n property,\n clickedSearchButton,\n onSearchButtonClick,\n );\n\n const handleChange = ({ target }) => {\n onChange(target.value);\n setValue(target.value);\n if (!searchOnEnter) {\n // Functional update to get latest value state, similar to this.setState callback\n setValue((prevValue) => {\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n return prevValue;\n });\n }\n };\n\n const handleClear = () => {\n onClearButtonClick();\n onChange('');\n setValue('');\n if (!searchOnEnter) {\n // Functional update to get latest value state, similar to this.setState callback\n setValue((prevValue) => {\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n return prevValue;\n });\n }\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n };\n\n const handleKeyUp = (e) => {\n const { key } = e;\n if (searchOnEnter && key === 'Enter') {\n searchWithParams();\n }\n onKeyUp(e);\n };\n\n return {\n searchValue: value,\n handleChange,\n handleSearch: searchWithParams,\n handleKeyUp,\n handleClear,\n };\n}\n"],"names":["handleSearch","clearOnSearch","setValue","searchOnEnter","value","onSearch","property","clickTrigger","onSearchButtonClick","query","useSearch","params","onKeyUp","onChange","onClearButtonClick","useState","debouncedSearch","useCallback","debounce","useEffect","searchWithParams","clickedSearchButton","handleChange","target","prevValue","handleClear","handleKeyUp","e","key","searchValue"],"mappings":";;;;;;;;;;;;;;AAIA,SAASA,YAAT,CACEC,aADF,EAEEC,QAFF,EAGEC,aAHF,EAIEC,KAJF,EAKEC,QALF,EAMEC,QANF,EAOEC,YAPF,EAQEC,mBARF,EASE;
|
|
1
|
+
{"version":3,"file":"useSearch.js","sources":["../../../src/SearchBox/useSearch.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n clearOnSearch,\n setValue,\n searchOnEnter,\n value,\n onSearch,\n property,\n clickTrigger,\n onSearchButtonClick,\n) {\n if (clickTrigger) {\n onSearchButtonClick();\n }\n if (clearOnSearch) setValue('');\n if (searchOnEnter && !value) return;\n onSearch({\n query: { [property]: value },\n property,\n value,\n });\n}\n\nexport function useSearch(params = {}) {\n const {\n onKeyUp,\n onSearch,\n onSearchButtonClick,\n property,\n clearOnSearch,\n searchOnEnter,\n onChange,\n onClearButtonClick,\n } = params;\n const [value, setValue] = useState(params.value);\n const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n // update state if prop changes\n useEffect(() => {\n if (value !== params.value) {\n setValue(params.value);\n }\n }, [params.value]);\n\n const searchWithParams = (clickedSearchButton = false) =>\n handleSearch(\n clearOnSearch,\n setValue,\n searchOnEnter,\n value,\n onSearch,\n property,\n clickedSearchButton,\n onSearchButtonClick,\n );\n\n const handleChange = ({ target }) => {\n onChange(target.value);\n setValue(target.value);\n if (!searchOnEnter) {\n // Functional update to get latest value state, similar to this.setState callback\n setValue((prevValue) => {\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n return prevValue;\n });\n }\n };\n\n const handleClear = () => {\n onClearButtonClick();\n onChange('');\n setValue('');\n if (!searchOnEnter) {\n // Functional update to get latest value state, similar to this.setState callback\n setValue((prevValue) => {\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n return prevValue;\n });\n }\n debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n };\n\n const handleKeyUp = (e) => {\n const { key } = e;\n if (searchOnEnter && key === 'Enter') {\n searchWithParams();\n }\n onKeyUp(e);\n };\n\n return {\n searchValue: value,\n handleChange,\n handleSearch: searchWithParams,\n handleKeyUp,\n handleClear,\n };\n}\n"],"names":["handleSearch","clearOnSearch","setValue","searchOnEnter","value","onSearch","property","clickTrigger","onSearchButtonClick","query","useSearch","params","onKeyUp","onChange","onClearButtonClick","useState","debouncedSearch","useCallback","debounce","useEffect","searchWithParams","clickedSearchButton","handleChange","target","prevValue","handleClear","handleKeyUp","e","key","searchValue"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withSearchable.js","sources":["../../../src/SearchBox/withSearchable.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities';\n\nconst withSearchable = (WrappedComponent) => {\n class Searchable extends Component {\n debouncedSearch = debounce(this.handleSearch, 200);\n\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n };\n this.handleSearch = this.handleSearch.bind(this);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.buttonRef = React.createRef();\n }\n\n static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n if (nextProps.value !== prevPropValue) {\n return {\n value: nextProps.value,\n prevPropValue: nextProps.value,\n };\n }\n return null;\n }\n\n handleKeyUp(e) {\n const { onKeyUp, searchOnEnter } = this.props;\n const { key } = e;\n if (searchOnEnter && key === 'Enter') {\n this.handleSearch();\n }\n onKeyUp(e);\n }\n\n handleSearch() {\n const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n const { value } = this.state;\n\n if (clearOnSearch) this.setState({ value: '' });\n if (searchOnEnter && !value) return;\n onSearch({\n query: { [property]: value },\n property,\n value,\n });\n }\n\n handleChange({ target }) {\n const { value } = target;\n const { searchOnEnter, onChange } = this.props;\n onChange(value);\n this.setState({ value }, () => {\n if (!searchOnEnter) this.debouncedSearch();\n });\n }\n\n render() {\n const { value } = this.state;\n const { containerProps, ...rest } = this.props;\n\n return (\n <WrappedComponent\n {...rest}\n buttonRef={this.buttonRef}\n containerProps={containerProps}\n onChange={this.handleChange}\n onKeyUp={this.handleKeyUp}\n onSearch={this.handleSearch}\n value={value}\n />\n );\n }\n }\n\n Searchable.defaultProps = {\n onChange: () => null,\n onSearch: () => null,\n onKeyUp: () => null,\n property: 'all',\n searchOnEnter: true,\n clearOnSearch: false,\n containerProps: {},\n };\n\n Searchable.propTypes = {\n containerProps: PropTypes.shape({}),\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onKeyUp: PropTypes.func,\n property: PropTypes.string,\n searchOnEnter: PropTypes.bool,\n clearOnSearch: PropTypes.bool,\n value: PropTypes.string,\n };\n\n return Searchable;\n};\n\nexport default withSearchable;\n"],"names":["withSearchable","WrappedComponent","Searchable","props","debouncedSearch","debounce","handleSearch","state","value","bind","handleKeyUp","handleChange","buttonRef","React","createRef","e","onKeyUp","searchOnEnter","key","onSearch","property","clearOnSearch","setState","query","target","onChange","containerProps","rest","nextProps","prevPropValue","Component","defaultProps","propTypes","PropTypes","shape","func","string","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,gBAAD,EAAsB;
|
|
1
|
+
{"version":3,"file":"withSearchable.js","sources":["../../../src/SearchBox/withSearchable.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities';\n\nconst withSearchable = (WrappedComponent) => {\n class Searchable extends Component {\n debouncedSearch = debounce(this.handleSearch, 200);\n\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n };\n this.handleSearch = this.handleSearch.bind(this);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.buttonRef = React.createRef();\n }\n\n static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n if (nextProps.value !== prevPropValue) {\n return {\n value: nextProps.value,\n prevPropValue: nextProps.value,\n };\n }\n return null;\n }\n\n handleKeyUp(e) {\n const { onKeyUp, searchOnEnter } = this.props;\n const { key } = e;\n if (searchOnEnter && key === 'Enter') {\n this.handleSearch();\n }\n onKeyUp(e);\n }\n\n handleSearch() {\n const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n const { value } = this.state;\n\n if (clearOnSearch) this.setState({ value: '' });\n if (searchOnEnter && !value) return;\n onSearch({\n query: { [property]: value },\n property,\n value,\n });\n }\n\n handleChange({ target }) {\n const { value } = target;\n const { searchOnEnter, onChange } = this.props;\n onChange(value);\n this.setState({ value }, () => {\n if (!searchOnEnter) this.debouncedSearch();\n });\n }\n\n render() {\n const { value } = this.state;\n const { containerProps, ...rest } = this.props;\n\n return (\n <WrappedComponent\n {...rest}\n buttonRef={this.buttonRef}\n containerProps={containerProps}\n onChange={this.handleChange}\n onKeyUp={this.handleKeyUp}\n onSearch={this.handleSearch}\n value={value}\n />\n );\n }\n }\n\n Searchable.defaultProps = {\n onChange: () => null,\n onSearch: () => null,\n onKeyUp: () => null,\n property: 'all',\n searchOnEnter: true,\n clearOnSearch: false,\n containerProps: {},\n };\n\n Searchable.propTypes = {\n containerProps: PropTypes.shape({}),\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onKeyUp: PropTypes.func,\n property: PropTypes.string,\n searchOnEnter: PropTypes.bool,\n clearOnSearch: PropTypes.bool,\n value: PropTypes.string,\n };\n\n return Searchable;\n};\n\nexport default withSearchable;\n"],"names":["withSearchable","WrappedComponent","Searchable","_inherits","props","_classCallCheck","debouncedSearch","debounce","handleSearch","state","value","bind","handleKeyUp","handleChange","buttonRef","React","createRef","_createClass","e","onKeyUp","searchOnEnter","key","onSearch","property","clearOnSearch","setState","query","target","onChange","containerProps","rest","nextProps","prevPropValue","Component","defaultProps","propTypes","PropTypes","shape","func","string","bool"],"mappings":"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"}
|