@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.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/ComboBox/v3/ComboBox/package.json +10 -0
- package/ComboBox/v3/ComboBoxCTX/package.json +10 -0
- package/ComboBox/v3/config/useComboBox/package.json +10 -0
- package/ComboBox/v3/config/useGetPropsWithDefault/package.json +10 -0
- package/ComboBox/v3/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/MultiAllyMessages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/SingleAllyMessages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/package.json +10 -0
- package/ComboBox/v3/parts/a11y-messages/styled/package.json +10 -0
- package/ComboBox/v3/parts/container/Container/package.json +10 -0
- package/ComboBox/v3/parts/container/package.json +10 -0
- package/ComboBox/v3/parts/container/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls/Controls/package.json +10 -0
- package/ComboBox/v3/parts/controls/package.json +10 -0
- package/ComboBox/v3/parts/controls/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/ControlsInput/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/styled/package.json +10 -0
- package/ComboBox/v3/parts/controls-input/useControlsInput/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/package.json +10 -0
- package/ComboBox/v3/parts/dropdown-indicator/styled/package.json +10 -0
- package/ComboBox/v3/parts/empty-state/package.json +10 -0
- package/ComboBox/v3/parts/empty-state/styled/package.json +10 -0
- package/ComboBox/v3/parts/header-list/HeaderList/package.json +10 -0
- package/ComboBox/v3/parts/header-list/package.json +10 -0
- package/ComboBox/v3/parts/header-list/styled/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/MenuList/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/MenuListInline/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/styled/package.json +10 -0
- package/ComboBox/v3/parts/menu-list/useMenuList/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/styled/package.json +10 -0
- package/ComboBox/v3/parts/multi-selected-values-container/useGroupPills/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/package.json +10 -0
- package/ComboBox/v3/parts/single-selected-value-container/styled/package.json +10 -0
- package/ComboBox/v3/propTypes/package.json +10 -0
- package/ComboBox/v3/tests/utils/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useKeyboardNavigation/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useOnElementResize/package.json +10 -0
- package/ComboBox/v3/utils/hooks/useOnWindowResize/package.json +10 -0
- package/ComboBox/v3/utils/listHelper/package.json +10 -0
- package/MenuItem/components/MenuItem/package.json +10 -0
- package/MenuItem/components/MenuItem/styled/package.json +10 -0
- package/MenuItem/components/MultiMenuItem/MultiMenuItem/package.json +10 -0
- package/MenuItem/components/MultiMenuItem/styled/package.json +10 -0
- package/MenuItem/components/Section/package.json +10 -0
- package/MenuItem/components/Section/props/package.json +10 -0
- package/MenuItem/components/Section/styled/package.json +10 -0
- package/MenuItem/components/Separator/package.json +10 -0
- package/MenuItem/components/Separator/styled/package.json +10 -0
- package/MenuItem/components/SingleMenuItem/SingleMenuItem/package.json +10 -0
- package/MenuItem/components/SingleMenuItem/styled/package.json +10 -0
- package/MenuItem/components/SubmenuItem/package.json +10 -0
- package/MenuItem/components/SubmenuItem/styled/package.json +10 -0
- package/MenuItem/components/package.json +10 -0
- package/MenuItem/components/styled/package.json +10 -0
- package/MenuItem/package.json +10 -0
- package/MenuItem/props/package.json +10 -0
- package/cjs/Checkbox/DSCheckbox.js +2 -2
- package/cjs/Checkbox/DSCheckbox.js.map +1 -1
- package/cjs/Checkbox/index.js +1 -1
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +2 -3
- package/cjs/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/cjs/CheckboxGroup/index.js +2 -3
- package/cjs/CheckboxGroup/index.js.map +1 -1
- package/cjs/CheckboxGroup/props.js +1 -1
- package/cjs/ComboBox/DSComboBox.js +2 -6
- package/cjs/ComboBox/DSComboBox.js.map +1 -1
- package/cjs/ComboBox/index.js +40 -6
- package/cjs/ComboBox/index.js.map +1 -1
- package/cjs/ComboBox/v1/DSComboBox.js +3 -4
- package/cjs/ComboBox/v1/DSComboBox.js.map +1 -1
- package/cjs/ComboBox/v1/components/AllOption.js +1 -1
- package/cjs/ComboBox/v1/components/ClearIndicator.js +2 -3
- package/cjs/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +1 -1
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +2 -3
- package/cjs/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v1/components/MenuList.js +1 -1
- package/cjs/ComboBox/v1/components/SelectMenu.js +3 -3
- package/cjs/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/cjs/ComboBox/v1/index.js +2 -3
- package/cjs/ComboBox/v1/index.js.map +1 -1
- package/cjs/ComboBox/v2/Combobox.js +5 -10
- package/cjs/ComboBox/v2/Combobox.js.map +1 -1
- package/cjs/ComboBox/v2/components/AllOption.js +1 -1
- package/cjs/ComboBox/v2/components/ClearIndicator.js +2 -3
- package/cjs/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +1 -1
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +2 -3
- package/cjs/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/cjs/ComboBox/v2/components/MenuList.js +1 -1
- package/cjs/ComboBox/v2/components/ValueContainer.js +2 -2
- package/cjs/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/cjs/ComboBox/v2/index.js +2 -5
- package/cjs/ComboBox/v2/index.js.map +1 -1
- package/cjs/ComboBox/v3/ComboBox.js +69 -0
- package/cjs/ComboBox/v3/ComboBox.js.map +1 -0
- package/cjs/ComboBox/v3/ComboBoxCTX.js +47 -0
- package/cjs/ComboBox/v3/ComboBoxCTX.js.map +1 -0
- package/cjs/ComboBox/v3/config/useComboBox.js +69 -0
- package/cjs/ComboBox/v3/config/useComboBox.js.map +1 -0
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js +15 -0
- package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -0
- package/cjs/ComboBox/v3/index.d.js +3 -0
- package/cjs/ComboBox/v3/index.d.js.map +1 -0
- package/cjs/ComboBox/v3/index.js +54 -0
- package/cjs/ComboBox/v3/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +33 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +27 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/index.js +17 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js +16 -0
- package/cjs/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/Container.js +79 -0
- package/cjs/ComboBox/v3/parts/container/Container.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/index.js +47 -0
- package/cjs/ComboBox/v3/parts/container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/container/styled.js +24 -0
- package/cjs/ComboBox/v3/parts/container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/Controls.js +81 -0
- package/cjs/ComboBox/v3/parts/controls/Controls.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/index.js +35 -0
- package/cjs/ComboBox/v3/parts/controls/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls/styled.js +48 -0
- package/cjs/ComboBox/v3/parts/controls/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js +63 -0
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/styled.js +30 -0
- package/cjs/ComboBox/v3/parts/controls-input/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js +92 -0
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +37 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js +3 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js +18 -0
- package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/empty-state/index.js +24 -0
- package/cjs/ComboBox/v3/parts/empty-state/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/empty-state/styled.js +20 -0
- package/cjs/ComboBox/v3/parts/empty-state/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js +94 -0
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/index.js +17 -0
- package/cjs/ComboBox/v3/parts/header-list/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/header-list/styled.js +40 -0
- package/cjs/ComboBox/v3/parts/header-list/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js +62 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuListInline.js +44 -0
- package/cjs/ComboBox/v3/parts/menu-list/MenuListInline.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/index.js +27 -0
- package/cjs/ComboBox/v3/parts/menu-list/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/styled.js +39 -0
- package/cjs/ComboBox/v3/parts/menu-list/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js +88 -0
- package/cjs/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +77 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/index.js +22 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js +24 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +76 -0
- package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +27 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js +15 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js.map +1 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js +16 -0
- package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -0
- package/cjs/ComboBox/v3/propTypes.js +22 -0
- package/cjs/ComboBox/v3/propTypes.js.map +1 -0
- package/cjs/ComboBox/v3/tests/utils.js +23 -0
- package/cjs/ComboBox/v3/tests/utils.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +153 -0
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js +52 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js +51 -0
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -0
- package/cjs/ComboBox/v3/utils/listHelper.js +38 -0
- package/cjs/ComboBox/v3/utils/listHelper.js.map +1 -0
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +38 -6
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +2 -3
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +1 -1
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +2 -3
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/cjs/ComboBoxFreeSolo/index.js +38 -6
- package/cjs/ComboBoxFreeSolo/index.js.map +1 -1
- package/cjs/DateInput/DSDateInput.js +4 -6
- package/cjs/DateInput/DSDateInput.js.map +1 -1
- package/cjs/DateInput/components/DateInputImpl.js +2 -4
- package/cjs/DateInput/components/DateInputImpl.js.map +1 -1
- package/cjs/DateInput/components/DateInputs.js +8 -13
- package/cjs/DateInput/components/DateInputs.js.map +1 -1
- package/cjs/DateInput/components/utils.js +7 -8
- package/cjs/DateInput/components/utils.js.map +1 -1
- package/cjs/DateInput/index.js +2 -4
- package/cjs/DateInput/index.js.map +1 -1
- package/cjs/DateInputV2/components/DSDateInput.js +2 -3
- package/cjs/DateInputV2/components/DSDateInput.js.map +1 -1
- package/cjs/DateInputV2/components/DateInputs.js +1 -2
- package/cjs/DateInputV2/components/DateInputs.js.map +1 -1
- package/cjs/DateInputV2/components/helpers.js +1 -2
- package/cjs/DateInputV2/components/helpers.js.map +1 -1
- package/cjs/DateInputV2/components/styled.js +3 -3
- package/cjs/DateInputV2/components/styled.js.map +1 -1
- package/cjs/DateInputV2/components/utils.js +12 -13
- package/cjs/DateInputV2/components/utils.js.map +1 -1
- package/cjs/DateInputV2/index.js +2 -3
- package/cjs/DateInputV2/index.js.map +1 -1
- package/cjs/ExpandableInput/DSExpandableInput.js +1 -1
- package/cjs/ExpandableInput/ExpandableInputImpl.js +1 -1
- package/cjs/ExpandableInput/index.js +1 -1
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +2 -3
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/cjs/FloatingLabelInput/index.js +2 -2
- package/cjs/FormItem/DSFormItemLayout.js +3 -4
- package/cjs/FormItem/DSFormItemLayout.js.map +1 -1
- package/cjs/FormItem/defaultProps.js +1 -1
- package/cjs/FormItem/index.js +2 -2
- package/cjs/Input/DSInput.js +1 -1
- package/cjs/Input/InputImpl.js +2 -3
- package/cjs/Input/InputImpl.js.map +1 -1
- package/cjs/Input/index.js +1 -1
- package/cjs/InputMask/DSInputMask.js +1 -1
- package/cjs/InputMask/DSInputMaskDeprecated.js +1 -1
- package/cjs/InputMask/index.js +1 -1
- package/cjs/InputMask/mask_types/DateInputMask.js +1 -1
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +1 -1
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +1 -1
- package/cjs/InputMask/mask_types/NumberInputMask.js +1 -1
- package/cjs/InputMask/mask_types/PhoneInputMask.js +1 -1
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +1 -1
- package/cjs/InputMask/mask_types/SsnInputMask.js +1 -1
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +1 -1
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -1
- package/cjs/InputMask/mask_types/index.js +1 -1
- package/cjs/InputProtected/DSInputProtected.js +9 -18
- package/cjs/InputProtected/DSInputProtected.js.map +1 -1
- package/cjs/InputProtected/index.js +4 -7
- package/cjs/InputProtected/index.js.map +1 -1
- package/cjs/InputProtected/options.js.map +1 -1
- package/cjs/MenuItem/components/MenuItem/index.js +53 -0
- package/cjs/MenuItem/components/MenuItem/index.js.map +1 -0
- package/cjs/MenuItem/components/MenuItem/styled.js +16 -0
- package/cjs/MenuItem/components/MenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js +65 -0
- package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -0
- package/cjs/MenuItem/components/MultiMenuItem/styled.js +16 -0
- package/cjs/MenuItem/components/MultiMenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/Section/index.js +30 -0
- package/cjs/MenuItem/components/Section/index.js.map +1 -0
- package/cjs/MenuItem/components/Section/props.js +16 -0
- package/cjs/MenuItem/components/Section/props.js.map +1 -0
- package/cjs/MenuItem/components/Section/styled.js +28 -0
- package/cjs/MenuItem/components/Section/styled.js.map +1 -0
- package/cjs/MenuItem/components/Separator/index.js +18 -0
- package/cjs/MenuItem/components/Separator/index.js.map +1 -0
- package/cjs/MenuItem/components/Separator/styled.js +28 -0
- package/cjs/MenuItem/components/Separator/styled.js.map +1 -0
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js +65 -0
- package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -0
- package/cjs/MenuItem/components/SingleMenuItem/styled.js +20 -0
- package/cjs/MenuItem/components/SingleMenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/SubmenuItem/index.js +123 -0
- package/cjs/MenuItem/components/SubmenuItem/index.js.map +1 -0
- package/cjs/MenuItem/components/SubmenuItem/styled.js +24 -0
- package/cjs/MenuItem/components/SubmenuItem/styled.js.map +1 -0
- package/cjs/MenuItem/components/index.js +47 -0
- package/cjs/MenuItem/components/index.js.map +1 -0
- package/cjs/MenuItem/components/styled.js +54 -0
- package/cjs/MenuItem/components/styled.js.map +1 -0
- package/cjs/MenuItem/index.js +47 -0
- package/cjs/MenuItem/index.js.map +1 -0
- package/cjs/MenuItem/props.js +26 -0
- package/cjs/MenuItem/props.js.map +1 -0
- package/cjs/RadioGroup/DSRadioGroup.js +2 -2
- package/cjs/RadioGroup/index.js +2 -2
- package/cjs/SearchBox/DSSearchBox.js +4 -8
- package/cjs/SearchBox/DSSearchBox.js.map +1 -1
- package/cjs/SearchBox/NavSearchBox.js +5 -13
- package/cjs/SearchBox/NavSearchBox.js.map +1 -1
- package/cjs/SearchBox/SearchBoxToggle.js +3 -6
- package/cjs/SearchBox/SearchBoxToggle.js.map +1 -1
- package/cjs/SearchBox/index.js +2 -6
- package/cjs/SearchBox/index.js.map +1 -1
- package/cjs/SearchBox/styled.js +1 -1
- package/cjs/SearchBox/useSearch.js +2 -2
- package/cjs/SearchBox/useSearch.js.map +1 -1
- package/cjs/SearchBox/withSearchable.js +2 -2
- package/cjs/SearchBox/withSearchable.js.map +1 -1
- package/cjs/TextBox/DSTextBox.js +1 -1
- package/cjs/TextBox/index.js +1 -1
- package/cjs/TimeInput/DSTimeInput.js +3 -4
- package/cjs/TimeInput/DSTimeInput.js.map +1 -1
- package/cjs/TimeInput/TimeInputImpl.js +3 -4
- package/cjs/TimeInput/TimeInputImpl.js.map +1 -1
- package/cjs/TimeInput/TimeInputs.js +2 -3
- package/cjs/TimeInput/TimeInputs.js.map +1 -1
- package/cjs/TimeInput/index.js +3 -4
- package/cjs/TimeInput/index.js.map +1 -1
- package/cjs/TimeInput/utils.js +2 -3
- package/cjs/TimeInput/utils.js.map +1 -1
- package/cjs/Toggle/DSToggle.js +1 -1
- package/cjs/Toggle/DSToggleImpl.js +1 -1
- package/cjs/Toggle/DSToggleRender.js +2 -3
- package/cjs/Toggle/DSToggleRender.js.map +1 -1
- package/cjs/Toggle/index.js +1 -1
- package/cjs/index.js +152 -72
- package/cjs/index.js.map +1 -1
- package/cjs/{utils-328f60e2.js → utils-f82fe290.js} +6 -7
- package/cjs/utils-f82fe290.js.map +1 -0
- package/esm/Checkbox/DSCheckbox.js +2 -2
- package/esm/Checkbox/DSCheckbox.js.map +1 -1
- package/esm/Checkbox/defaultProps.js +1 -1
- package/esm/Checkbox/index.js +2 -2
- package/esm/Checkbox/props.js +1 -1
- package/esm/CheckboxGroup/DSCheckboxGroup.js +3 -4
- package/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/esm/CheckboxGroup/index.js +3 -4
- package/esm/CheckboxGroup/index.js.map +1 -1
- package/esm/CheckboxGroup/props.js +2 -2
- package/esm/ComboBox/DSComboBox.js +3 -7
- package/esm/ComboBox/DSComboBox.js.map +1 -1
- package/esm/ComboBox/index.js +39 -7
- package/esm/ComboBox/index.js.map +1 -1
- package/esm/ComboBox/v1/DSComboBox.js +4 -5
- package/esm/ComboBox/v1/DSComboBox.js.map +1 -1
- package/esm/ComboBox/v1/components/AllOption.js +2 -2
- package/esm/ComboBox/v1/components/ClearIndicator.js +1 -1
- package/esm/ComboBox/v1/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v1/components/DropdownIndicator.js +1 -1
- package/esm/ComboBox/v1/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v1/components/MenuList.js +2 -2
- package/esm/ComboBox/v1/components/SelectMenu.js +1 -1
- package/esm/ComboBox/v1/components/SelectMenu.js.map +1 -1
- package/esm/ComboBox/v1/index.js +3 -4
- package/esm/ComboBox/v1/index.js.map +1 -1
- package/esm/ComboBox/v2/Combobox.js +3 -6
- package/esm/ComboBox/v2/Combobox.js.map +1 -1
- package/esm/ComboBox/v2/components/AllOption.js +2 -2
- package/esm/ComboBox/v2/components/ClearIndicator.js +1 -1
- package/esm/ComboBox/v2/components/ClearIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v2/components/DropdownIndicator.js +1 -1
- package/esm/ComboBox/v2/components/DropdownIndicator.js.map +1 -1
- package/esm/ComboBox/v2/components/MenuList.js +2 -2
- package/esm/ComboBox/v2/components/ValueContainer.js +1 -1
- package/esm/ComboBox/v2/components/ValueContainer.js.map +1 -1
- package/esm/ComboBox/v2/index.js +3 -6
- package/esm/ComboBox/v2/index.js.map +1 -1
- package/esm/ComboBox/v3/ComboBox.js +60 -0
- package/esm/ComboBox/v3/ComboBox.js.map +1 -0
- package/esm/ComboBox/v3/ComboBoxCTX.js +41 -0
- package/esm/ComboBox/v3/ComboBoxCTX.js.map +1 -0
- package/esm/ComboBox/v3/config/useComboBox.js +61 -0
- package/esm/ComboBox/v3/config/useComboBox.js.map +1 -0
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js +11 -0
- package/esm/ComboBox/v3/config/useGetPropsWithDefault.js.map +1 -0
- package/esm/ComboBox/v3/index.d.js +2 -0
- package/esm/ComboBox/v3/index.d.js.map +1 -0
- package/esm/ComboBox/v3/index.js +45 -0
- package/esm/ComboBox/v3/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js +25 -0
- package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js +19 -0
- package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/index.js +8 -0
- package/esm/ComboBox/v3/parts/a11y-messages/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js +8 -0
- package/esm/ComboBox/v3/parts/a11y-messages/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/Container.js +71 -0
- package/esm/ComboBox/v3/parts/container/Container.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/index.js +39 -0
- package/esm/ComboBox/v3/parts/container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/container/styled.js +14 -0
- package/esm/ComboBox/v3/parts/container/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/Controls.js +73 -0
- package/esm/ComboBox/v3/parts/controls/Controls.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/index.js +27 -0
- package/esm/ComboBox/v3/parts/controls/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls/styled.js +36 -0
- package/esm/ComboBox/v3/parts/controls/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js +55 -0
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/styled.js +19 -0
- package/esm/ComboBox/v3/parts/controls-input/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js +84 -0
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js +30 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/index.js +2 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js +9 -0
- package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/empty-state/index.js +16 -0
- package/esm/ComboBox/v3/parts/empty-state/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/empty-state/styled.js +11 -0
- package/esm/ComboBox/v3/parts/empty-state/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js +86 -0
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/index.js +9 -0
- package/esm/ComboBox/v3/parts/header-list/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/header-list/styled.js +26 -0
- package/esm/ComboBox/v3/parts/header-list/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js +54 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuListInline.js +36 -0
- package/esm/ComboBox/v3/parts/menu-list/MenuListInline.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/index.js +18 -0
- package/esm/ComboBox/v3/parts/menu-list/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/styled.js +28 -0
- package/esm/ComboBox/v3/parts/menu-list/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js +80 -0
- package/esm/ComboBox/v3/parts/menu-list/useMenuList.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +68 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/index.js +14 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js +14 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/styled.js.map +1 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js +67 -0
- package/esm/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js +19 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/index.js +7 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/index.js.map +1 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js +8 -0
- package/esm/ComboBox/v3/parts/single-selected-value-container/styled.js.map +1 -0
- package/esm/ComboBox/v3/propTypes.js +18 -0
- package/esm/ComboBox/v3/propTypes.js.map +1 -0
- package/esm/ComboBox/v3/tests/utils.js +19 -0
- package/esm/ComboBox/v3/tests/utils.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +149 -0
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js +44 -0
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js.map +1 -0
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js +43 -0
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js.map +1 -0
- package/esm/ComboBox/v3/utils/listHelper.js +30 -0
- package/esm/ComboBox/v3/utils/listHelper.js.map +1 -0
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +39 -7
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +1 -1
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValue.js +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +1 -1
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/esm/ComboBoxFreeSolo/index.js +39 -7
- package/esm/ComboBoxFreeSolo/index.js.map +1 -1
- package/esm/DateInput/DSDateInput.js +3 -5
- package/esm/DateInput/DSDateInput.js.map +1 -1
- package/esm/DateInput/components/DateInputImpl.js +2 -4
- package/esm/DateInput/components/DateInputImpl.js.map +1 -1
- package/esm/DateInput/components/DateInputs.js +7 -11
- package/esm/DateInput/components/DateInputs.js.map +1 -1
- package/esm/DateInput/components/utils.js +1 -2
- package/esm/DateInput/components/utils.js.map +1 -1
- package/esm/DateInput/index.js +2 -4
- package/esm/DateInput/index.js.map +1 -1
- package/esm/DateInputV2/components/DSDateInput.js +2 -3
- package/esm/DateInputV2/components/DSDateInput.js.map +1 -1
- package/esm/DateInputV2/components/DateInputs.js +1 -2
- package/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/esm/DateInputV2/components/helpers.js +1 -2
- package/esm/DateInputV2/components/helpers.js.map +1 -1
- package/esm/DateInputV2/components/utils.js +1 -2
- package/esm/DateInputV2/components/utils.js.map +1 -1
- package/esm/DateInputV2/index.js +2 -3
- package/esm/DateInputV2/index.js.map +1 -1
- package/esm/ExpandableInput/DSExpandableInput.js +1 -1
- package/esm/ExpandableInput/ExpandableInputImpl.js +1 -1
- package/esm/ExpandableInput/index.js +1 -1
- package/esm/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js +1 -1
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/esm/FloatingLabelInput/index.js +2 -2
- package/esm/FormItem/DSFormItemLayout.js +2 -2
- package/esm/FormItem/DSFormItemLayout.js.map +1 -1
- package/esm/FormItem/defaultProps.js +1 -1
- package/esm/FormItem/index.js +2 -2
- package/esm/Input/DSInput.js +1 -1
- package/esm/Input/InputImpl.js +1 -1
- package/esm/Input/InputImpl.js.map +1 -1
- package/esm/Input/index.js +1 -1
- package/esm/InputMask/DSInputMask.js +1 -1
- package/esm/InputMask/DSInputMaskDeprecated.js +1 -1
- package/esm/InputMask/index.js +1 -1
- package/esm/InputMask/mask_types/DateInputMask.js +1 -1
- package/esm/InputMask/mask_types/DateTimeInputMask.js +1 -1
- package/esm/InputMask/mask_types/DictionaryInputMask.js +1 -1
- package/esm/InputMask/mask_types/NumberInputMask.js +1 -1
- package/esm/InputMask/mask_types/PhoneInputMask.js +1 -1
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js +1 -1
- package/esm/InputMask/mask_types/SsnInputMask.js +1 -1
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js +1 -1
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -1
- package/esm/InputMask/mask_types/index.js +1 -1
- package/esm/InputProtected/DSInputProtected.js +4 -9
- package/esm/InputProtected/DSInputProtected.js.map +1 -1
- package/esm/InputProtected/index.js +2 -6
- package/esm/InputProtected/index.js.map +1 -1
- package/esm/InputProtected/options.js.map +1 -1
- package/esm/MenuItem/components/MenuItem/index.js +43 -0
- package/esm/MenuItem/components/MenuItem/index.js.map +1 -0
- package/esm/MenuItem/components/MenuItem/styled.js +8 -0
- package/esm/MenuItem/components/MenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js +56 -0
- package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -0
- package/esm/MenuItem/components/MultiMenuItem/styled.js +8 -0
- package/esm/MenuItem/components/MultiMenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/Section/index.js +21 -0
- package/esm/MenuItem/components/Section/index.js.map +1 -0
- package/esm/MenuItem/components/Section/props.js +11 -0
- package/esm/MenuItem/components/Section/props.js.map +1 -0
- package/esm/MenuItem/components/Section/styled.js +18 -0
- package/esm/MenuItem/components/Section/styled.js.map +1 -0
- package/esm/MenuItem/components/Separator/index.js +10 -0
- package/esm/MenuItem/components/Separator/index.js.map +1 -0
- package/esm/MenuItem/components/Separator/styled.js +18 -0
- package/esm/MenuItem/components/Separator/styled.js.map +1 -0
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js +55 -0
- package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -0
- package/esm/MenuItem/components/SingleMenuItem/styled.js +11 -0
- package/esm/MenuItem/components/SingleMenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/SubmenuItem/index.js +110 -0
- package/esm/MenuItem/components/SubmenuItem/index.js.map +1 -0
- package/esm/MenuItem/components/SubmenuItem/styled.js +15 -0
- package/esm/MenuItem/components/SubmenuItem/styled.js.map +1 -0
- package/esm/MenuItem/components/index.js +31 -0
- package/esm/MenuItem/components/index.js.map +1 -0
- package/esm/MenuItem/components/styled.js +44 -0
- package/esm/MenuItem/components/styled.js.map +1 -0
- package/esm/MenuItem/index.js +31 -0
- package/esm/MenuItem/index.js.map +1 -0
- package/esm/MenuItem/props.js +21 -0
- package/esm/MenuItem/props.js.map +1 -0
- package/esm/RadioGroup/DSRadioGroup.js +3 -3
- package/esm/RadioGroup/index.js +3 -3
- package/esm/RadioGroup/props.js +1 -1
- package/esm/SearchBox/DSSearchBox.js +3 -5
- package/esm/SearchBox/DSSearchBox.js.map +1 -1
- package/esm/SearchBox/NavSearchBox.js +2 -6
- package/esm/SearchBox/NavSearchBox.js.map +1 -1
- package/esm/SearchBox/SearchBoxToggle.js +3 -5
- package/esm/SearchBox/SearchBoxToggle.js.map +1 -1
- package/esm/SearchBox/index.js +2 -6
- package/esm/SearchBox/index.js.map +1 -1
- package/esm/SearchBox/styled.js +1 -1
- package/esm/SearchBox/useSearch.js +1 -1
- package/esm/SearchBox/useSearch.js.map +1 -1
- package/esm/SearchBox/withSearchable.js +1 -1
- package/esm/SearchBox/withSearchable.js.map +1 -1
- package/esm/TextBox/DSTextBox.js +1 -1
- package/esm/TextBox/index.js +1 -1
- package/esm/TimeInput/DSTimeInput.js +3 -4
- package/esm/TimeInput/DSTimeInput.js.map +1 -1
- package/esm/TimeInput/TimeInputImpl.js +2 -3
- package/esm/TimeInput/TimeInputImpl.js.map +1 -1
- package/esm/TimeInput/TimeInputs.js +2 -3
- package/esm/TimeInput/TimeInputs.js.map +1 -1
- package/esm/TimeInput/index.js +3 -4
- package/esm/TimeInput/index.js.map +1 -1
- package/esm/TimeInput/utils.js +2 -3
- package/esm/TimeInput/utils.js.map +1 -1
- package/esm/Toggle/DSToggle.js +2 -2
- package/esm/Toggle/DSToggleImpl.js +2 -2
- package/esm/Toggle/DSToggleRender.js +1 -1
- package/esm/Toggle/DSToggleRender.js.map +1 -1
- package/esm/Toggle/index.js +2 -2
- package/esm/Toggle/props.js +1 -1
- package/esm/index.js +120 -70
- package/esm/index.js.map +1 -1
- package/esm/{prop-types-cc01d273.js → prop-types-45aa1e9c.js} +2 -2
- package/esm/{prop-types-cc01d273.js.map → prop-types-45aa1e9c.js.map} +1 -1
- package/esm/{utils-0a7eb302.js → utils-ced363ec.js} +2 -3
- package/esm/utils-ced363ec.js.map +1 -0
- package/package.json +17 -17
- package/cjs/utils-328f60e2.js.map +0 -1
- package/esm/utils-0a7eb302.js.map +0 -1
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactDesc = require('react-desc');
|
|
7
|
+
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
8
|
+
var Checkmark = require('@elliemae/ds-icons/Checkmark');
|
|
9
|
+
var Grid = require('@elliemae/ds-grid');
|
|
10
|
+
var MenuItem_props = require('../../props.js');
|
|
11
|
+
var MenuItem_components_SingleMenuItem_styled = require('./styled.js');
|
|
12
|
+
var MenuItem_components_styled = require('../styled.js');
|
|
13
|
+
require('lodash');
|
|
14
|
+
require('styled-components');
|
|
15
|
+
require('styled-system');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
+
var Checkmark__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
|
|
21
|
+
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
22
|
+
|
|
23
|
+
var SingleMenuItem = function SingleMenuItem(props) {
|
|
24
|
+
var dsId = props.dsId,
|
|
25
|
+
label = props.label,
|
|
26
|
+
isSelected = props.isSelected,
|
|
27
|
+
onClick = props.onClick,
|
|
28
|
+
isFocus = props.isFocus,
|
|
29
|
+
isActive = props.isActive,
|
|
30
|
+
innerRef = props.innerRef,
|
|
31
|
+
onMouseDown = props.onMouseDown,
|
|
32
|
+
onMouseEnter = props.onMouseEnter,
|
|
33
|
+
onMouseLeave = props.onMouseLeave;
|
|
34
|
+
return /*#__PURE__*/React__default['default'].createElement(MenuItem_components_styled.StyledGlobalMenuItemWrapper, {
|
|
35
|
+
"aria-selected": isSelected,
|
|
36
|
+
id: dsId,
|
|
37
|
+
role: "option",
|
|
38
|
+
isActive: isActive,
|
|
39
|
+
isSelected: isSelected,
|
|
40
|
+
isFocus: isFocus,
|
|
41
|
+
onClick: onClick,
|
|
42
|
+
ref: innerRef,
|
|
43
|
+
onMouseDown: onMouseDown,
|
|
44
|
+
onMouseEnter: onMouseEnter,
|
|
45
|
+
onMouseLeave: onMouseLeave,
|
|
46
|
+
className: isActive ? 'ds-list-item-active' : ''
|
|
47
|
+
}, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
|
|
48
|
+
cols: ['min-content', 'auto'],
|
|
49
|
+
height: "16px",
|
|
50
|
+
gutter: "xxs"
|
|
51
|
+
}, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_SingleMenuItem_styled.StyledItemChecked, null, isSelected && /*#__PURE__*/React__default['default'].createElement(Checkmark__default['default'], {
|
|
52
|
+
size: "s",
|
|
53
|
+
color: ['brand-primary', '600']
|
|
54
|
+
})), /*#__PURE__*/React__default['default'].createElement(MenuItem_components_SingleMenuItem_styled.StyledItemLabel, null, /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
55
|
+
value: label
|
|
56
|
+
}))));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
SingleMenuItem.propTypes = MenuItem_props.itemProps;
|
|
60
|
+
SingleMenuItem.defaultProps = MenuItem_props.defaultProps;
|
|
61
|
+
var SingleMenuItemWithSchema = reactDesc.describe(SingleMenuItem);
|
|
62
|
+
SingleMenuItemWithSchema.propTypes = MenuItem_props.itemProps;
|
|
63
|
+
|
|
64
|
+
exports.SingleMenuItem = SingleMenuItem;
|
|
65
|
+
//# sourceMappingURL=SingleMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n >\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","React","StyledGlobalMenuItemWrapper","Grid","StyledItemChecked","Checkmark","StyledItemLabel","SimpleTruncatedTooltipText","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACEC,wCAACC,sDAAD;AACE,qBAAeT,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEJ,QAAQ,GAAG,qBAAH,GAA2B;AAZhD,kBAcEK,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACEF,wCAACG,2DAAD,QAAoBX,UAAU,iBAAIQ,wCAACI,6BAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEEJ,wCAACK,yDAAD,qBACEL,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEf;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACmB,SAAf,GAA2BC,wBAA3B;AACApB,cAAc,CAACqB,YAAf,GAA8BA,2BAA9B;AACA,IAAMC,wBAAwB,GAAGC,kBAAQ,CAACvB,cAAD,CAAzC;AACAsB,wBAAwB,CAACH,SAAzB,GAAqCC,wBAArC;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
10
|
+
|
|
11
|
+
var StyledItemChecked = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
12
|
+
componentId: "sc-s7mavv-0"
|
|
13
|
+
})(["display:flex;align-items:center;width:16px;"]);
|
|
14
|
+
var StyledItemLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
15
|
+
componentId: "sc-s7mavv-1"
|
|
16
|
+
})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;line-height:16px;"]);
|
|
17
|
+
|
|
18
|
+
exports.StyledItemChecked = StyledItemChecked;
|
|
19
|
+
exports.StyledItemLabel = StyledItemLabel;
|
|
20
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledItemChecked = styled.div`\n display: flex;\n align-items: center;\n width: 16px;\n`;\n\nexport const StyledItemLabel = styled.div`\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n line-height: 16px;\n`;\n"],"names":["StyledItemChecked","styled","div","StyledItemLabel"],"mappings":";;;;;;;;;;IAEaA,iBAAiB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAMjBC,eAAe,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var reactDesc = require('react-desc');
|
|
8
|
+
var Grid = require('@elliemae/ds-grid');
|
|
9
|
+
var DSButton = require('@elliemae/ds-button');
|
|
10
|
+
var Ellipsis = require('@elliemae/ds-icons/MoreOptionsVert');
|
|
11
|
+
var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
|
|
12
|
+
var dsDropdownmenu = require('@elliemae/ds-dropdownmenu');
|
|
13
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
14
|
+
var MenuItem_props = require('../../props.js');
|
|
15
|
+
var MenuItem_components_SubmenuItem_styled = require('./styled.js');
|
|
16
|
+
var MenuItem_components_styled = require('../styled.js');
|
|
17
|
+
require('lodash');
|
|
18
|
+
require('styled-components');
|
|
19
|
+
require('styled-system');
|
|
20
|
+
|
|
21
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
|
+
|
|
23
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
24
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
|
+
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
26
|
+
var Ellipsis__default = /*#__PURE__*/_interopDefaultLegacy(Ellipsis);
|
|
27
|
+
var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
28
|
+
|
|
29
|
+
var SubmenuItem = function SubmenuItem(props) {
|
|
30
|
+
var propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, MenuItem_props.defaultProps);
|
|
31
|
+
dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());
|
|
32
|
+
var dsId = propsWithDefault.dsId,
|
|
33
|
+
label = propsWithDefault.label,
|
|
34
|
+
isSelected = propsWithDefault.isSelected,
|
|
35
|
+
isActive = propsWithDefault.isActive,
|
|
36
|
+
_onClick = propsWithDefault.onClick,
|
|
37
|
+
isFocus = propsWithDefault.isFocus,
|
|
38
|
+
rightAddon = propsWithDefault.rightAddon,
|
|
39
|
+
options = propsWithDefault.options,
|
|
40
|
+
selectedOptions = propsWithDefault.selectedOptions,
|
|
41
|
+
innerRef = propsWithDefault.innerRef,
|
|
42
|
+
onMouseEnter = propsWithDefault.onMouseEnter,
|
|
43
|
+
onMouseLeave = propsWithDefault.onMouseLeave,
|
|
44
|
+
onKeyDown = propsWithDefault.onKeyDown,
|
|
45
|
+
onOptionClick = propsWithDefault.onOptionClick,
|
|
46
|
+
onClickOutside = propsWithDefault.onClickOutside;
|
|
47
|
+
|
|
48
|
+
var _useState = React.useState(false),
|
|
49
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
50
|
+
delayedIsOpened = _useState2[0],
|
|
51
|
+
setDelayedIsOpened = _useState2[1];
|
|
52
|
+
|
|
53
|
+
React.useEffect(function () {
|
|
54
|
+
setDelayedIsOpened(isSelected);
|
|
55
|
+
}, [isSelected]);
|
|
56
|
+
var timeoutRef = React.useRef(null);
|
|
57
|
+
var onMouseEnterHandler = React.useCallback(function (e) {
|
|
58
|
+
if (rightAddon !== 'ellipsis') {
|
|
59
|
+
if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) _onClick(e);
|
|
60
|
+
timeoutRef.current = null;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
if (e.target) onMouseEnter(e);
|
|
64
|
+
}, [isSelected, _onClick, onMouseEnter, rightAddon]);
|
|
65
|
+
var onMouseLeaveHandler = React.useCallback(function (e) {
|
|
66
|
+
if (rightAddon !== 'ellipsis') {
|
|
67
|
+
if (timeoutRef.current === null) {
|
|
68
|
+
timeoutRef.current = setTimeout(function () {
|
|
69
|
+
timeoutRef.current = null;
|
|
70
|
+
|
|
71
|
+
_onClick(e);
|
|
72
|
+
}, 300);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
onMouseLeave(e);
|
|
77
|
+
}, [_onClick, onMouseLeave, rightAddon]);
|
|
78
|
+
return /*#__PURE__*/React__default['default'].createElement(dsDropdownmenu.DSDropdownMenuV2, {
|
|
79
|
+
isOpened: delayedIsOpened,
|
|
80
|
+
options: options,
|
|
81
|
+
onOptionClick: onOptionClick,
|
|
82
|
+
startPlacementPreference: "right-start",
|
|
83
|
+
placementOrderPreference: ['right-start', 'right-end', 'left-start', 'left-end'],
|
|
84
|
+
selectedOptions: selectedOptions,
|
|
85
|
+
onKeyDown: onKeyDown,
|
|
86
|
+
onMouseEnter: onMouseEnterHandler,
|
|
87
|
+
onMouseLeave: onMouseLeaveHandler,
|
|
88
|
+
onClickOutside: onClickOutside,
|
|
89
|
+
wrapperSpacing: {
|
|
90
|
+
width: '100%'
|
|
91
|
+
},
|
|
92
|
+
customOffset: [0, 1]
|
|
93
|
+
}, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_styled.StyledSubmenuItemWrapper, {
|
|
94
|
+
"aria-selected": isSelected,
|
|
95
|
+
pr: 0,
|
|
96
|
+
id: dsId,
|
|
97
|
+
role: "option",
|
|
98
|
+
isSelected: isSelected,
|
|
99
|
+
isActive: isActive,
|
|
100
|
+
isFocus: isFocus,
|
|
101
|
+
onClick: _onClick,
|
|
102
|
+
ref: innerRef,
|
|
103
|
+
onMouseEnter: onMouseEnterHandler,
|
|
104
|
+
onMouseLeave: onMouseLeaveHandler
|
|
105
|
+
}, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
|
|
106
|
+
cols: ['auto', 'min-content']
|
|
107
|
+
}, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_SubmenuItem_styled.StyledItemLabel, null, label), /*#__PURE__*/React__default['default'].createElement(DSButton.DSButtonV2, {
|
|
108
|
+
buttonType: "icon",
|
|
109
|
+
onClick: function onClick(e) {
|
|
110
|
+
e.stopPropagation();
|
|
111
|
+
|
|
112
|
+
_onClick(e);
|
|
113
|
+
}
|
|
114
|
+
}, rightAddon === 'ellipsis' ? /*#__PURE__*/React__default['default'].createElement(Ellipsis__default['default'], null) : /*#__PURE__*/React__default['default'].createElement(ChevronRight__default['default'], null)))));
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
SubmenuItem.propTypes = MenuItem_props.itemProps;
|
|
118
|
+
var SubmenuItemWithSchema = reactDesc.describe(SubmenuItem);
|
|
119
|
+
SubmenuItemWithSchema.propTypes = MenuItem_props.itemProps;
|
|
120
|
+
|
|
121
|
+
exports.SubmenuItem = SubmenuItem;
|
|
122
|
+
exports.SubmenuItemWithSchema = SubmenuItemWithSchema;
|
|
123
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/index.tsx"],"sourcesContent":["import 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 } = propsWithDefault;\n\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 wrapperSpacing={{ width: '100%' }}\n customOffset={[0, 1]}\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 >\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 </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","useState","delayedIsOpened","setDelayedIsOpened","useEffect","timeoutRef","useRef","onMouseEnterHandler","useCallback","e","current","clearTimeout","target","onMouseLeaveHandler","setTimeout","React","DSDropdownMenuV2","width","StyledSubmenuItemWrapper","Grid","StyledItemLabel","DSButtonV2","stopPropagation","Ellipsis","ChevronRight","propTypes","itemProps","describe"],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var MenuItem_components_styled = require('../styled.js');
|
|
7
|
+
require('styled-system');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
|
+
|
|
13
|
+
var StyledItemWrapper = /*#__PURE__*/styled__default['default'](MenuItem_components_styled.StyledGlobalMenuItemWrapper).withConfig({
|
|
14
|
+
componentId: "sc-1kei8ft-0"
|
|
15
|
+
})(["background-color:", " !important;"], function (props) {
|
|
16
|
+
return props.isSelected ? props.theme.colors.brand[200] : 'white';
|
|
17
|
+
});
|
|
18
|
+
var StyledItemLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
19
|
+
componentId: "sc-1kei8ft-1"
|
|
20
|
+
})(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
|
|
21
|
+
|
|
22
|
+
exports.StyledItemLabel = StyledItemLabel;
|
|
23
|
+
exports.StyledItemWrapper = StyledItemWrapper;
|
|
24
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +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;AAAA;AAAA,0CACR,UAACC,KAAD;AAAA,SAAYA,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;AAAA;AAAA;;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MenuItem_components_SingleMenuItem_SingleMenuItem = require('./SingleMenuItem/SingleMenuItem.js');
|
|
6
|
+
var MenuItem_components_MultiMenuItem_MultiMenuItem = require('./MultiMenuItem/MultiMenuItem.js');
|
|
7
|
+
var MenuItem_components_MenuItem_index = require('./MenuItem/index.js');
|
|
8
|
+
var MenuItem_components_SubmenuItem_index = require('./SubmenuItem/index.js');
|
|
9
|
+
var MenuItem_components_Section_index = require('./Section/index.js');
|
|
10
|
+
var MenuItem_components_Separator_index = require('./Separator/index.js');
|
|
11
|
+
require('react');
|
|
12
|
+
require('react-desc');
|
|
13
|
+
require('@elliemae/ds-truncated-tooltip-text');
|
|
14
|
+
require('@elliemae/ds-icons/Checkmark');
|
|
15
|
+
require('@elliemae/ds-grid');
|
|
16
|
+
require('../props.js');
|
|
17
|
+
require('lodash');
|
|
18
|
+
require('./SingleMenuItem/styled.js');
|
|
19
|
+
require('styled-components');
|
|
20
|
+
require('./styled.js');
|
|
21
|
+
require('styled-system');
|
|
22
|
+
require('@elliemae/ds-controlled-form');
|
|
23
|
+
require('./MultiMenuItem/styled.js');
|
|
24
|
+
require('@elliemae/ds-props-helpers');
|
|
25
|
+
require('./MenuItem/styled.js');
|
|
26
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
27
|
+
require('@elliemae/ds-button');
|
|
28
|
+
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
29
|
+
require('@elliemae/ds-icons/ChevronRight');
|
|
30
|
+
require('@elliemae/ds-dropdownmenu');
|
|
31
|
+
require('./SubmenuItem/styled.js');
|
|
32
|
+
require('./Section/props.js');
|
|
33
|
+
require('./Section/styled.js');
|
|
34
|
+
require('./Separator/styled.js');
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
exports.SingleMenuItem = MenuItem_components_SingleMenuItem_SingleMenuItem.SingleMenuItem;
|
|
39
|
+
exports.MultiMenuItem = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItem;
|
|
40
|
+
exports.MultiMenuItemWithSchema = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItemWithSchema;
|
|
41
|
+
exports.MenuItem = MenuItem_components_MenuItem_index.MenuItem;
|
|
42
|
+
exports.MenuItemWithSchema = MenuItem_components_MenuItem_index.MenuItemWithSchema;
|
|
43
|
+
exports.SubmenuItem = MenuItem_components_SubmenuItem_index.SubmenuItem;
|
|
44
|
+
exports.SubmenuItemWithSchema = MenuItem_components_SubmenuItem_index.SubmenuItemWithSchema;
|
|
45
|
+
exports.Section = MenuItem_components_Section_index.Section;
|
|
46
|
+
exports.Separator = MenuItem_components_Separator_index.Separator;
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var styledSystem = require('styled-system');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
+
|
|
12
|
+
var borderOutside = function borderOutside(color) {
|
|
13
|
+
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
14
|
+
return styled.css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
var activeBorderCss = function activeBorderCss(props) {
|
|
18
|
+
return borderOutside(props.theme.colors.brand[500]);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var focusBorderCss = function focusBorderCss(props) {
|
|
22
|
+
return borderOutside(props.theme.colors.brand[700], 2);
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
var StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default['default'].li.withConfig({
|
|
26
|
+
componentId: "sc-jyoobd-0"
|
|
27
|
+
})(["cursor:pointer;height:32px;padding-left:16px;padding-right:40px;display:grid;align-items:center;list-style:none;position:relative;", " ", ";background-color:", ";&:hover{background-color:", ";}"], styledSystem.space, function (props) {
|
|
28
|
+
if (props.isFocus) return focusBorderCss(props);
|
|
29
|
+
if (props.isActive) return activeBorderCss(props);
|
|
30
|
+
return '';
|
|
31
|
+
}, function (props) {
|
|
32
|
+
return props.isActive ? props.theme.colors.brand[200] : 'white';
|
|
33
|
+
}, function (props) {
|
|
34
|
+
return props.theme.colors.brand[200];
|
|
35
|
+
});
|
|
36
|
+
var StyledMenuItemWrapper = /*#__PURE__*/styled__default['default'](StyledGlobalMenuItemWrapper).withConfig({
|
|
37
|
+
componentId: "sc-jyoobd-1"
|
|
38
|
+
})(["background-color:", " !important;", ";"], function (props) {
|
|
39
|
+
return props.isSelected ? props.theme.colors.brand[200] : 'white';
|
|
40
|
+
}, function (props) {
|
|
41
|
+
return props.isSelected && !props.isFocus ? activeBorderCss(props) : '';
|
|
42
|
+
});
|
|
43
|
+
var StyledSubmenuItemWrapper = /*#__PURE__*/styled__default['default'](StyledGlobalMenuItemWrapper).withConfig({
|
|
44
|
+
componentId: "sc-jyoobd-2"
|
|
45
|
+
})(["background-color:", " !important;", ";"], function (props) {
|
|
46
|
+
return props.isSelected ? props.theme.colors.brand[200] : 'white';
|
|
47
|
+
}, function (props) {
|
|
48
|
+
return props.isSelected && !props.isFocus ? activeBorderCss(props) : '';
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
exports.StyledGlobalMenuItemWrapper = StyledGlobalMenuItemWrapper;
|
|
52
|
+
exports.StyledMenuItemWrapper = StyledMenuItemWrapper;
|
|
53
|
+
exports.StyledSubmenuItemWrapper = StyledSubmenuItemWrapper;
|
|
54
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/MenuItem/components/styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { 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 space\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 ${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 background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n\n ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n"],"names":["borderOutside","color","width","css","activeBorderCss","props","theme","colors","brand","focusBorderCss","StyledGlobalMenuItemWrapper","styled","li","space","isFocus","isActive","StyledMenuItemWrapper","isSelected","StyledSubmenuItemWrapper"],"mappings":";;;;;;;;;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,MAAQC,KAAR,uEAAgB,CAAhB;AAAA,SAAsBC,UAAtB,gJASRD,KATQ,EASSD,KATT;AAAA,CAAtB;;AAeA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,CAAxB;AAAA,CAAxB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACJ,KAAD;AAAA,SAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,CAAxB;AAAA,CAAvB;;IAEaE,2BAA2B,gBAAGC,0BAAM,CAACC,EAAV;AAAA;AAAA,0MAYpCC,kBAZoC,EAcpC,UAACR,KAAD,EAAW;AACX,MAAIA,KAAK,CAACS,OAAV,EAAmB,OAAOL,cAAc,CAACJ,KAAD,CAArB;AACnB,MAAIA,KAAK,CAACU,QAAV,EAAoB,OAAOX,eAAe,CAACC,KAAD,CAAtB;AACpB,SAAO,EAAP;AACD,CAlBqC,EAoBlB,UAACA,KAAD;AAAA,SAAYA,KAAK,CAACU,QAAN,GAAiBV,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,OAA7D;AAAA,CApBkB,EAuBhB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAvBgB;IA2B3BQ,qBAAqB,gBAAGL,0BAAM,CAACD,2BAAD,CAAT;AAAA;AAAA,+CACZ,UAACL,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,GAAmBZ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADY,EAG9B,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,IAAoB,CAACZ,KAAK,CAACS,OAA3B,GAAqCV,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CAH8B;IAMrBa,wBAAwB,gBAAGP,0BAAM,CAACD,2BAAD,CAAT;AAAA;AAAA,+CACf,UAACL,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,GAAmBZ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADe,EAGjC,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,IAAoB,CAACZ,KAAK,CAACS,OAA3B,GAAqCV,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CAHiC;;;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MenuItem_components_SingleMenuItem_SingleMenuItem = require('./components/SingleMenuItem/SingleMenuItem.js');
|
|
6
|
+
var MenuItem_components_MultiMenuItem_MultiMenuItem = require('./components/MultiMenuItem/MultiMenuItem.js');
|
|
7
|
+
var MenuItem_components_MenuItem_index = require('./components/MenuItem/index.js');
|
|
8
|
+
var MenuItem_components_SubmenuItem_index = require('./components/SubmenuItem/index.js');
|
|
9
|
+
var MenuItem_components_Section_index = require('./components/Section/index.js');
|
|
10
|
+
var MenuItem_components_Separator_index = require('./components/Separator/index.js');
|
|
11
|
+
require('react');
|
|
12
|
+
require('react-desc');
|
|
13
|
+
require('@elliemae/ds-truncated-tooltip-text');
|
|
14
|
+
require('@elliemae/ds-icons/Checkmark');
|
|
15
|
+
require('@elliemae/ds-grid');
|
|
16
|
+
require('./props.js');
|
|
17
|
+
require('lodash');
|
|
18
|
+
require('./components/SingleMenuItem/styled.js');
|
|
19
|
+
require('styled-components');
|
|
20
|
+
require('./components/styled.js');
|
|
21
|
+
require('styled-system');
|
|
22
|
+
require('@elliemae/ds-controlled-form');
|
|
23
|
+
require('./components/MultiMenuItem/styled.js');
|
|
24
|
+
require('@elliemae/ds-props-helpers');
|
|
25
|
+
require('./components/MenuItem/styled.js');
|
|
26
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
27
|
+
require('@elliemae/ds-button');
|
|
28
|
+
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
29
|
+
require('@elliemae/ds-icons/ChevronRight');
|
|
30
|
+
require('@elliemae/ds-dropdownmenu');
|
|
31
|
+
require('./components/SubmenuItem/styled.js');
|
|
32
|
+
require('./components/Section/props.js');
|
|
33
|
+
require('./components/Section/styled.js');
|
|
34
|
+
require('./components/Separator/styled.js');
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
exports.SingleMenuItem = MenuItem_components_SingleMenuItem_SingleMenuItem.SingleMenuItem;
|
|
39
|
+
exports.MultiMenuItem = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItem;
|
|
40
|
+
exports.MultiMenuItemWithSchema = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItemWithSchema;
|
|
41
|
+
exports.MenuItem = MenuItem_components_MenuItem_index.MenuItem;
|
|
42
|
+
exports.MenuItemWithSchema = MenuItem_components_MenuItem_index.MenuItemWithSchema;
|
|
43
|
+
exports.SubmenuItem = MenuItem_components_SubmenuItem_index.SubmenuItem;
|
|
44
|
+
exports.SubmenuItemWithSchema = MenuItem_components_SubmenuItem_index.SubmenuItemWithSchema;
|
|
45
|
+
exports.Section = MenuItem_components_Section_index.Section;
|
|
46
|
+
exports.Separator = MenuItem_components_Separator_index.Separator;
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var lodash = require('lodash');
|
|
6
|
+
var reactDesc = require('react-desc');
|
|
7
|
+
|
|
8
|
+
var defaultProps = {
|
|
9
|
+
dsId: '',
|
|
10
|
+
value: '',
|
|
11
|
+
label: '',
|
|
12
|
+
onClick: lodash.noop,
|
|
13
|
+
onKeyUp: lodash.noop,
|
|
14
|
+
isSelected: false,
|
|
15
|
+
isActive: false,
|
|
16
|
+
isFocus: false,
|
|
17
|
+
disabled: false
|
|
18
|
+
};
|
|
19
|
+
var itemProps = {
|
|
20
|
+
value: reactDesc.PropTypes.string.description('').defaultValue(''),
|
|
21
|
+
label: reactDesc.PropTypes.string.description('').defaultValue('')
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
exports.defaultProps = defaultProps;
|
|
25
|
+
exports.itemProps = itemProps;
|
|
26
|
+
//# sourceMappingURL=props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/MenuItem/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\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}\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};\n\nexport const itemProps = {\n value: PropTypes.string.description('').defaultValue(''),\n label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","dsId","value","label","onClick","noop","onKeyUp","isSelected","isActive","isFocus","disabled","itemProps","PropTypes","string","description","defaultValue"],"mappings":";;;;;;;IAuBaA,YAAuB,GAAG;AACrCC,EAAAA,IAAI,EAAE,EAD+B;AAErCC,EAAAA,KAAK,EAAE,EAF8B;AAGrCC,EAAAA,KAAK,EAAE,EAH8B;AAIrCC,EAAAA,OAAO,EAAEC,WAJ4B;AAKrCC,EAAAA,OAAO,EAAED,WAL4B;AAMrCE,EAAAA,UAAU,EAAE,KANyB;AAOrCC,EAAAA,QAAQ,EAAE,KAP2B;AAQrCC,EAAAA,OAAO,EAAE,KAR4B;AASrCC,EAAAA,QAAQ,EAAE;AAT2B;IAY1BC,SAAS,GAAG;AACvBT,EAAAA,KAAK,EAAEU,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C,CADgB;AAEvBZ,EAAAA,KAAK,EAAES,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C;AAFgB;;;;;"}
|
|
@@ -15,7 +15,7 @@ var RadioGroup_defaultProps = require('./defaultProps.js');
|
|
|
15
15
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
16
16
|
require('@babel/runtime/helpers/defineProperty');
|
|
17
17
|
require('@elliemae/ds-classnames');
|
|
18
|
-
require('@elliemae/ds-utilities
|
|
18
|
+
require('@elliemae/ds-utilities');
|
|
19
19
|
require('../InputGroup/DSInputGroup.js');
|
|
20
20
|
require('../InputGroup/AddonWrapper.js');
|
|
21
21
|
require('@babel/runtime/helpers/classCallCheck');
|
|
@@ -40,7 +40,7 @@ require('../Input/DSInput.js');
|
|
|
40
40
|
require('../Input/InputImpl.js');
|
|
41
41
|
require('@babel/runtime/helpers/typeof');
|
|
42
42
|
require('lodash');
|
|
43
|
-
require('@elliemae/ds-icons
|
|
43
|
+
require('@elliemae/ds-icons');
|
|
44
44
|
require('@elliemae/ds-button');
|
|
45
45
|
require('@elliemae/ds-tooltip');
|
|
46
46
|
require('../Input/InputAddonWrapper.js');
|
package/cjs/RadioGroup/index.js
CHANGED
|
@@ -10,7 +10,7 @@ require('../FormItem/DSFormItemLayout.js');
|
|
|
10
10
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
11
11
|
require('@babel/runtime/helpers/defineProperty');
|
|
12
12
|
require('@elliemae/ds-classnames');
|
|
13
|
-
require('@elliemae/ds-utilities
|
|
13
|
+
require('@elliemae/ds-utilities');
|
|
14
14
|
require('../InputGroup/DSInputGroup.js');
|
|
15
15
|
require('../InputGroup/AddonWrapper.js');
|
|
16
16
|
require('@babel/runtime/helpers/classCallCheck');
|
|
@@ -35,7 +35,7 @@ require('../Input/DSInput.js');
|
|
|
35
35
|
require('../Input/InputImpl.js');
|
|
36
36
|
require('@babel/runtime/helpers/typeof');
|
|
37
37
|
require('lodash');
|
|
38
|
-
require('@elliemae/ds-icons
|
|
38
|
+
require('@elliemae/ds-icons');
|
|
39
39
|
require('@elliemae/ds-button');
|
|
40
40
|
require('@elliemae/ds-tooltip');
|
|
41
41
|
require('../Input/InputAddonWrapper.js');
|
|
@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactDesc = require('react-desc');
|
|
7
|
-
var
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
8
|
var dsIcon = require('@elliemae/ds-icon');
|
|
9
|
-
var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
|
|
10
9
|
var SearchBox_styled = require('./styled.js');
|
|
11
10
|
var SearchBox_SButton = require('./SButton.js');
|
|
12
11
|
var SearchBox_useSearch = require('./useSearch.js');
|
|
@@ -29,20 +28,17 @@ require('@babel/runtime/helpers/defineProperty');
|
|
|
29
28
|
require('prop-types');
|
|
30
29
|
require('lodash');
|
|
31
30
|
require('@elliemae/ds-classnames');
|
|
32
|
-
require('@elliemae/ds-icons/CloseCircle');
|
|
33
31
|
require('@elliemae/ds-button');
|
|
34
32
|
require('@elliemae/ds-tooltip');
|
|
35
33
|
require('../Input/InputAddonWrapper.js');
|
|
36
34
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
37
35
|
require('@elliemae/ds-system');
|
|
38
36
|
require('@babel/runtime/helpers/slicedToArray');
|
|
39
|
-
require('@elliemae/ds-utilities
|
|
37
|
+
require('@elliemae/ds-utilities');
|
|
40
38
|
|
|
41
39
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
42
40
|
|
|
43
41
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
44
|
-
var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
|
|
45
|
-
var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
|
|
46
42
|
|
|
47
43
|
/* eslint-disable complexity */
|
|
48
44
|
|
|
@@ -87,7 +83,7 @@ var DSSearchBox = function DSSearchBox(_ref) {
|
|
|
87
83
|
var shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
|
|
88
84
|
var shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
|
|
89
85
|
var PureSearchboxIcon = React__default['default'].useMemo(function () {
|
|
90
|
-
var Icon = /*#__PURE__*/React__default['default'].createElement(
|
|
86
|
+
var Icon = /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
|
|
91
87
|
"aria-label": "Search"
|
|
92
88
|
});
|
|
93
89
|
|
|
@@ -98,7 +94,7 @@ var DSSearchBox = function DSSearchBox(_ref) {
|
|
|
98
94
|
if (!shouldShowAnyIcon) return null;
|
|
99
95
|
|
|
100
96
|
if (shouldShowClearIcon) {
|
|
101
|
-
Icon = /*#__PURE__*/React__default['default'].createElement(
|
|
97
|
+
Icon = /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
|
|
102
98
|
color: dsIcon.DSIconColors.PRIMARY,
|
|
103
99
|
"aria-label": "Clear input"
|
|
104
100
|
});
|
|
@@ -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 from '@elliemae/ds-icons
|
|
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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"}
|