@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2
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/controlled-autocomplete/Autocomplete.js +31 -51
- package/cjs/controlled-autocomplete/AutocompleteCTX.js +33 -58
- package/cjs/controlled-autocomplete/AutocompleteDataTestids.js +15 -43
- package/cjs/controlled-autocomplete/config/constants.js +13 -41
- package/cjs/controlled-autocomplete/config/useAutocomplete.js +53 -67
- package/cjs/controlled-autocomplete/config/useGetPropsWithDefault.js +11 -37
- package/cjs/controlled-autocomplete/index.d.js +2 -27
- package/cjs/controlled-autocomplete/index.js +10 -28
- package/cjs/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js +26 -43
- package/cjs/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js +21 -41
- package/cjs/controlled-autocomplete/parts/a11y-messages/index.js +11 -37
- package/cjs/controlled-autocomplete/parts/a11y-messages/styled.js +15 -41
- package/cjs/controlled-autocomplete/parts/container/Container.js +51 -64
- package/cjs/controlled-autocomplete/parts/container/index.js +9 -35
- package/cjs/controlled-autocomplete/parts/container/styled.js +23 -51
- package/cjs/controlled-autocomplete/parts/controls/Controls.js +54 -63
- package/cjs/controlled-autocomplete/parts/controls/index.js +9 -35
- package/cjs/controlled-autocomplete/parts/controls/styled.js +42 -106
- package/cjs/controlled-autocomplete/parts/controls/useControlsInput.js +25 -43
- package/cjs/controlled-autocomplete/parts/menu-list/MenuList.js +77 -75
- package/cjs/controlled-autocomplete/parts/menu-list/index.js +9 -35
- package/cjs/controlled-autocomplete/parts/menu-list/styled.js +32 -48
- package/cjs/controlled-autocomplete/parts/menu-list/useItemRenderer.js +62 -58
- package/cjs/controlled-autocomplete/parts/menu-list/useMenuList.js +36 -49
- package/cjs/controlled-autocomplete/propTypes.js +23 -54
- package/cjs/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js +59 -69
- package/cjs/controlled-autocomplete/utils/hooks/useOnElementResize.js +23 -42
- package/cjs/controlled-autocomplete/utils/listHelper.js +32 -50
- package/cjs/controlled-checkbox/ControlledCheckbox.js +50 -71
- package/cjs/controlled-checkbox/config/useValidateProps.js +18 -44
- package/cjs/controlled-checkbox/index.d.js +2 -27
- package/cjs/controlled-checkbox/index.js +10 -28
- package/cjs/controlled-checkbox/propTypes.js +20 -47
- package/cjs/controlled-checkbox/styles.js +106 -86
- package/cjs/controlled-checkbox/utils/setMultipleRefs.js +13 -37
- package/cjs/controlled-checkbox/utils/styleHelpers.js +34 -63
- package/cjs/controlled-combobox/ComboBox.js +31 -52
- package/cjs/controlled-combobox/ComboBoxCTX.js +39 -64
- package/cjs/controlled-combobox/ComboboxDataTestids.js +15 -43
- package/cjs/controlled-combobox/config/constants.js +13 -41
- package/cjs/controlled-combobox/config/useComboBox.js +93 -91
- package/cjs/controlled-combobox/config/useGetPropsWithDefault.js +11 -37
- package/cjs/controlled-combobox/index.d.js +2 -27
- package/cjs/controlled-combobox/index.js +10 -28
- package/cjs/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js +26 -43
- package/cjs/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +21 -41
- package/cjs/controlled-combobox/parts/a11y-messages/index.js +11 -37
- package/cjs/controlled-combobox/parts/a11y-messages/styled.js +15 -41
- package/cjs/controlled-combobox/parts/container/Container.js +53 -66
- package/cjs/controlled-combobox/parts/container/index.js +9 -35
- package/cjs/controlled-combobox/parts/container/styled.js +23 -51
- package/cjs/controlled-combobox/parts/controls/Controls.js +60 -65
- package/cjs/controlled-combobox/parts/controls/index.js +9 -35
- package/cjs/controlled-combobox/parts/controls/styled.js +57 -93
- package/cjs/controlled-combobox/parts/controls-input/ControlsInput.js +46 -52
- package/cjs/controlled-combobox/parts/controls-input/styled.js +27 -71
- package/cjs/controlled-combobox/parts/controls-input/useControlsInput.js +42 -55
- package/cjs/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +24 -45
- package/cjs/controlled-combobox/parts/dropdown-indicator/index.js +2 -20
- package/cjs/controlled-combobox/parts/dropdown-indicator/styled.js +17 -43
- package/cjs/controlled-combobox/parts/empty-state/index.js +20 -42
- package/cjs/controlled-combobox/parts/empty-state/styled.js +19 -40
- package/cjs/controlled-combobox/parts/header-list/HeaderList.js +56 -56
- package/cjs/controlled-combobox/parts/header-list/index.js +9 -35
- package/cjs/controlled-combobox/parts/header-list/styled.js +33 -78
- package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js +35 -55
- package/cjs/controlled-combobox/parts/menu-list/MenuList.js +72 -72
- package/cjs/controlled-combobox/parts/menu-list/index.js +9 -35
- package/cjs/controlled-combobox/parts/menu-list/styled.js +35 -53
- package/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js +100 -85
- package/cjs/controlled-combobox/parts/menu-list/useMenuList.js +34 -49
- package/cjs/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +44 -53
- package/cjs/controlled-combobox/parts/multi-selected-values-container/index.js +9 -35
- package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js +23 -48
- package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +42 -56
- package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +22 -42
- package/cjs/controlled-combobox/parts/single-selected-value-container/index.js +9 -35
- package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js +15 -40
- package/cjs/controlled-combobox/propTypes.js +24 -51
- package/cjs/controlled-combobox/utils/hooks/useKeyboardNavigation.js +102 -115
- package/cjs/controlled-combobox/utils/hooks/useOnElementResize.js +23 -42
- package/cjs/controlled-combobox/utils/listHelper.js +30 -49
- package/cjs/controlled-date-range-picker/ControlledDateRangePicker.js +28 -48
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerCTX.js +25 -49
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +7 -35
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerTypes.js +11 -38
- package/cjs/controlled-date-range-picker/config/useControlledDateRangePicker.js +41 -53
- package/cjs/controlled-date-range-picker/config/useGetPropsWithDefault.js +11 -37
- package/cjs/controlled-date-range-picker/config/useRangePickerLogic.js +128 -120
- package/cjs/controlled-date-range-picker/config/useValidateProps.js +36 -36
- package/cjs/controlled-date-range-picker/index.d.js +2 -27
- package/cjs/controlled-date-range-picker/index.js +14 -38
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +39 -50
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js +52 -57
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +37 -46
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +36 -45
- package/cjs/controlled-date-range-picker/propTypes.js +9 -41
- package/cjs/controlled-date-time-picker/ControlledDateTimePicker.js +28 -48
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerCTX.js +61 -79
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +47 -73
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerTypes.js +19 -46
- package/cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js +233 -293
- package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js +75 -109
- package/cjs/controlled-date-time-picker/config/useGetPropsWithDefault.js +11 -37
- package/cjs/controlled-date-time-picker/config/useValidateProps.js +65 -115
- package/cjs/controlled-date-time-picker/index.d.js +2 -27
- package/cjs/controlled-date-time-picker/index.js +26 -52
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js +33 -49
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js +44 -67
- package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +65 -71
- package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js +46 -63
- package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js +44 -65
- package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js +47 -64
- package/cjs/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +45 -62
- package/cjs/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +220 -248
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +48 -49
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +27 -42
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +37 -48
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +28 -53
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +49 -62
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js +23 -43
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +47 -62
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +36 -48
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js +22 -39
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js +28 -48
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +46 -49
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +106 -112
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +359 -350
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +51 -100
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js +68 -59
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +85 -70
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +160 -158
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +69 -75
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +34 -48
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +26 -45
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +17 -42
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +22 -41
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +30 -54
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +46 -49
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +77 -70
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +77 -98
- package/cjs/controlled-date-time-picker/parts/Pickers/PickersIcons.js +28 -46
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +60 -70
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +52 -74
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +62 -73
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +57 -67
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +236 -222
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +48 -49
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +37 -49
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +46 -57
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js +23 -43
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +34 -46
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +50 -53
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +26 -94
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +130 -110
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +268 -267
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +53 -62
- package/cjs/controlled-date-time-picker/parts/Styleds.js +116 -160
- package/cjs/controlled-date-time-picker/parts/TimeInputs/HHInput.js +47 -64
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +49 -65
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +45 -62
- package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +47 -64
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +184 -231
- package/cjs/controlled-date-time-picker/parts/config.js +9 -37
- package/cjs/controlled-date-time-picker/propTypes.js +30 -70
- package/cjs/controlled-date-time-picker/utils/constants.js +57 -96
- package/cjs/controlled-date-time-picker/utils/dateHelpers.js +161 -131
- package/cjs/controlled-date-time-picker/utils/dateTimeHelpers.js +23 -40
- package/cjs/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js +14 -39
- package/cjs/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js +31 -46
- package/cjs/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js +39 -56
- package/cjs/controlled-date-time-picker/utils/hooks/useOnClickOutside.js +20 -42
- package/cjs/controlled-date-time-picker/utils/numberHelpers.js +8 -37
- package/cjs/controlled-date-time-picker/utils/stringHelpers.js +134 -127
- package/cjs/controlled-date-time-picker/utils/timeHelpers.js +14 -39
- package/cjs/controlled-toggle/ControlledToggle.js +111 -116
- package/cjs/controlled-toggle/defaultProps.js +11 -39
- package/cjs/controlled-toggle/index.d.js +2 -27
- package/cjs/controlled-toggle/index.js +10 -28
- package/cjs/controlled-toggle/propTypes.js +20 -47
- package/cjs/controlled-toggle/styles.js +170 -123
- package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js +19 -42
- package/cjs/controlled-toggle/utils/styleHelpers.js +56 -70
- package/cjs/index.js +45 -33
- package/esm/controlled-autocomplete/Autocomplete.js +17 -17
- package/esm/controlled-autocomplete/AutocompleteCTX.js +19 -21
- package/esm/controlled-autocomplete/AutocompleteDataTestids.js +11 -14
- package/esm/controlled-autocomplete/config/constants.js +8 -11
- package/esm/controlled-autocomplete/config/useAutocomplete.js +35 -28
- package/esm/controlled-autocomplete/config/useGetPropsWithDefault.js +7 -8
- package/esm/controlled-autocomplete/index.d.js +1 -2
- package/esm/controlled-autocomplete/index.js +1 -3
- package/esm/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js +16 -12
- package/esm/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js +12 -11
- package/esm/controlled-autocomplete/parts/a11y-messages/index.js +2 -8
- package/esm/controlled-autocomplete/parts/a11y-messages/styled.js +7 -12
- package/esm/controlled-autocomplete/parts/container/Container.js +40 -32
- package/esm/controlled-autocomplete/parts/container/index.js +1 -6
- package/esm/controlled-autocomplete/parts/container/styled.js +13 -22
- package/esm/controlled-autocomplete/parts/controls/Controls.js +45 -33
- package/esm/controlled-autocomplete/parts/controls/index.js +1 -6
- package/esm/controlled-autocomplete/parts/controls/styled.js +31 -78
- package/esm/controlled-autocomplete/parts/controls/useControlsInput.js +18 -11
- package/esm/controlled-autocomplete/parts/menu-list/MenuList.js +65 -42
- package/esm/controlled-autocomplete/parts/menu-list/index.js +1 -6
- package/esm/controlled-autocomplete/parts/menu-list/styled.js +23 -20
- package/esm/controlled-autocomplete/parts/menu-list/useItemRenderer.js +50 -25
- package/esm/controlled-autocomplete/parts/menu-list/useMenuList.js +29 -17
- package/esm/controlled-autocomplete/propTypes.js +19 -25
- package/esm/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js +50 -35
- package/esm/controlled-autocomplete/utils/hooks/useOnElementResize.js +16 -10
- package/esm/controlled-autocomplete/utils/listHelper.js +23 -21
- package/esm/controlled-checkbox/ControlledCheckbox.js +37 -38
- package/esm/controlled-checkbox/config/useValidateProps.js +13 -14
- package/esm/controlled-checkbox/index.d.js +1 -2
- package/esm/controlled-checkbox/index.js +1 -3
- package/esm/controlled-checkbox/propTypes.js +16 -18
- package/esm/controlled-checkbox/styles.js +96 -58
- package/esm/controlled-checkbox/utils/setMultipleRefs.js +9 -8
- package/esm/controlled-checkbox/utils/styleHelpers.js +28 -34
- package/esm/controlled-combobox/ComboBox.js +17 -18
- package/esm/controlled-combobox/ComboBoxCTX.js +19 -21
- package/esm/controlled-combobox/ComboboxDataTestids.js +11 -14
- package/esm/controlled-combobox/config/constants.js +8 -11
- package/esm/controlled-combobox/config/useComboBox.js +69 -46
- package/esm/controlled-combobox/config/useGetPropsWithDefault.js +7 -8
- package/esm/controlled-combobox/index.d.js +1 -2
- package/esm/controlled-combobox/index.js +1 -3
- package/esm/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js +16 -12
- package/esm/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +12 -11
- package/esm/controlled-combobox/parts/a11y-messages/index.js +2 -8
- package/esm/controlled-combobox/parts/a11y-messages/styled.js +7 -12
- package/esm/controlled-combobox/parts/container/Container.js +41 -33
- package/esm/controlled-combobox/parts/container/index.js +1 -6
- package/esm/controlled-combobox/parts/container/styled.js +13 -22
- package/esm/controlled-combobox/parts/controls/Controls.js +50 -39
- package/esm/controlled-combobox/parts/controls/index.js +1 -6
- package/esm/controlled-combobox/parts/controls/styled.js +45 -65
- package/esm/controlled-combobox/parts/controls-input/ControlsInput.js +36 -21
- package/esm/controlled-combobox/parts/controls-input/styled.js +16 -42
- package/esm/controlled-combobox/parts/controls-input/useControlsInput.js +31 -19
- package/esm/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +16 -15
- package/esm/controlled-combobox/parts/dropdown-indicator/index.js +1 -2
- package/esm/controlled-combobox/parts/dropdown-indicator/styled.js +8 -14
- package/esm/controlled-combobox/parts/empty-state/index.js +12 -13
- package/esm/controlled-combobox/parts/empty-state/styled.js +10 -11
- package/esm/controlled-combobox/parts/header-list/HeaderList.js +43 -28
- package/esm/controlled-combobox/parts/header-list/index.js +1 -6
- package/esm/controlled-combobox/parts/header-list/styled.js +20 -49
- package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js +24 -19
- package/esm/controlled-combobox/parts/menu-list/MenuList.js +60 -39
- package/esm/controlled-combobox/parts/menu-list/index.js +1 -6
- package/esm/controlled-combobox/parts/menu-list/styled.js +25 -25
- package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js +85 -50
- package/esm/controlled-combobox/parts/menu-list/useMenuList.js +28 -18
- package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +33 -22
- package/esm/controlled-combobox/parts/multi-selected-values-container/index.js +1 -6
- package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js +13 -19
- package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +34 -23
- package/esm/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +13 -12
- package/esm/controlled-combobox/parts/single-selected-value-container/index.js +1 -6
- package/esm/controlled-combobox/parts/single-selected-value-container/styled.js +7 -11
- package/esm/controlled-combobox/propTypes.js +20 -22
- package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js +93 -81
- package/esm/controlled-combobox/utils/hooks/useOnElementResize.js +16 -10
- package/esm/controlled-combobox/utils/listHelper.js +21 -20
- package/esm/controlled-date-range-picker/ControlledDateRangePicker.js +16 -16
- package/esm/controlled-date-range-picker/ControlledDateRangePickerCTX.js +19 -20
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +3 -6
- package/esm/controlled-date-range-picker/ControlledDateRangePickerTypes.js +7 -9
- package/esm/controlled-date-range-picker/config/useControlledDateRangePicker.js +25 -16
- package/esm/controlled-date-range-picker/config/useGetPropsWithDefault.js +7 -8
- package/esm/controlled-date-range-picker/config/useRangePickerLogic.js +101 -72
- package/esm/controlled-date-range-picker/config/useValidateProps.js +32 -7
- package/esm/controlled-date-range-picker/index.d.js +1 -2
- package/esm/controlled-date-range-picker/index.js +3 -9
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +29 -19
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js +42 -28
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +27 -15
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +26 -14
- package/esm/controlled-date-range-picker/propTypes.js +5 -12
- package/esm/controlled-date-time-picker/ControlledDateTimePicker.js +16 -16
- package/esm/controlled-date-time-picker/ControlledDateTimePickerCTX.js +54 -49
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +43 -44
- package/esm/controlled-date-time-picker/ControlledDateTimePickerTypes.js +15 -17
- package/esm/controlled-date-time-picker/config/useControlledDateTimePicker.js +174 -222
- package/esm/controlled-date-time-picker/config/useGetDestructuredValues.js +60 -77
- package/esm/controlled-date-time-picker/config/useGetPropsWithDefault.js +7 -8
- package/esm/controlled-date-time-picker/config/useValidateProps.js +53 -84
- package/esm/controlled-date-time-picker/index.d.js +1 -2
- package/esm/controlled-date-time-picker/index.js +7 -28
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js +21 -16
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js +36 -34
- package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +55 -42
- package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js +37 -33
- package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js +36 -36
- package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js +38 -34
- package/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +36 -32
- package/esm/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +201 -212
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +38 -19
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +19 -14
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +28 -18
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +22 -24
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +41 -34
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js +14 -13
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +31 -25
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +25 -16
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js +14 -10
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js +19 -19
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +36 -19
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +90 -82
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +344 -324
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +37 -61
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js +49 -20
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +77 -37
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +149 -122
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +55 -36
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +24 -17
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +17 -15
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +11 -13
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +13 -11
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +18 -21
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +36 -19
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +67 -42
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +64 -60
- package/esm/controlled-date-time-picker/parts/Pickers/PickersIcons.js +19 -17
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +46 -36
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +40 -42
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +46 -38
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +41 -33
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +220 -195
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +38 -19
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +27 -24
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +40 -28
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js +14 -13
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +24 -15
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +40 -23
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +18 -61
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +111 -66
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +259 -233
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +40 -24
- package/esm/controlled-date-time-picker/parts/Styleds.js +99 -131
- package/esm/controlled-date-time-picker/parts/TimeInputs/HHInput.js +38 -34
- package/esm/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +40 -35
- package/esm/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +36 -32
- package/esm/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +39 -35
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +172 -194
- package/esm/controlled-date-time-picker/parts/config.js +5 -8
- package/esm/controlled-date-time-picker/propTypes.js +25 -40
- package/esm/controlled-date-time-picker/utils/constants.js +43 -66
- package/esm/controlled-date-time-picker/utils/dateHelpers.js +125 -96
- package/esm/controlled-date-time-picker/utils/dateTimeHelpers.js +15 -11
- package/esm/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js +9 -9
- package/esm/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js +25 -15
- package/esm/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js +26 -18
- package/esm/controlled-date-time-picker/utils/hooks/useOnClickOutside.js +15 -12
- package/esm/controlled-date-time-picker/utils/numberHelpers.js +4 -8
- package/esm/controlled-date-time-picker/utils/stringHelpers.js +112 -95
- package/esm/controlled-date-time-picker/utils/timeHelpers.js +9 -9
- package/esm/controlled-toggle/ControlledToggle.js +89 -83
- package/esm/controlled-toggle/defaultProps.js +7 -10
- package/esm/controlled-toggle/index.d.js +1 -2
- package/esm/controlled-toggle/index.js +1 -3
- package/esm/controlled-toggle/propTypes.js +16 -18
- package/esm/controlled-toggle/styles.js +157 -105
- package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js +11 -13
- package/esm/controlled-toggle/utils/styleHelpers.js +44 -41
- package/esm/index.js +14 -8
- package/package.json +13 -13
- package/types/controlled-combobox/ComboBox.d.ts +1 -1
- package/types/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.d.ts +0 -1
- package/cjs/controlled-autocomplete/Autocomplete.js.map +0 -7
- package/cjs/controlled-autocomplete/AutocompleteCTX.js.map +0 -7
- package/cjs/controlled-autocomplete/AutocompleteDataTestids.js.map +0 -7
- package/cjs/controlled-autocomplete/config/constants.js.map +0 -7
- package/cjs/controlled-autocomplete/config/useAutocomplete.js.map +0 -7
- package/cjs/controlled-autocomplete/config/useGetPropsWithDefault.js.map +0 -7
- package/cjs/controlled-autocomplete/index.d.js.map +0 -7
- package/cjs/controlled-autocomplete/index.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/a11y-messages/index.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/a11y-messages/styled.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/container/Container.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/container/index.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/container/styled.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/controls/Controls.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/controls/index.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/controls/styled.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/controls/useControlsInput.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/menu-list/MenuList.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/menu-list/index.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/menu-list/styled.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/menu-list/useItemRenderer.js.map +0 -7
- package/cjs/controlled-autocomplete/parts/menu-list/useMenuList.js.map +0 -7
- package/cjs/controlled-autocomplete/propTypes.js.map +0 -7
- package/cjs/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/cjs/controlled-autocomplete/utils/hooks/useOnElementResize.js.map +0 -7
- package/cjs/controlled-autocomplete/utils/listHelper.js.map +0 -7
- package/cjs/controlled-checkbox/ControlledCheckbox.js.map +0 -7
- package/cjs/controlled-checkbox/config/useValidateProps.js.map +0 -7
- package/cjs/controlled-checkbox/index.d.js.map +0 -7
- package/cjs/controlled-checkbox/index.js.map +0 -7
- package/cjs/controlled-checkbox/propTypes.js.map +0 -7
- package/cjs/controlled-checkbox/styles.js.map +0 -7
- package/cjs/controlled-checkbox/utils/setMultipleRefs.js.map +0 -7
- package/cjs/controlled-checkbox/utils/styleHelpers.js.map +0 -7
- package/cjs/controlled-combobox/ComboBox.js.map +0 -7
- package/cjs/controlled-combobox/ComboBoxCTX.js.map +0 -7
- package/cjs/controlled-combobox/ComboboxDataTestids.js.map +0 -7
- package/cjs/controlled-combobox/config/constants.js.map +0 -7
- package/cjs/controlled-combobox/config/useComboBox.js.map +0 -7
- package/cjs/controlled-combobox/config/useGetPropsWithDefault.js.map +0 -7
- package/cjs/controlled-combobox/index.d.js.map +0 -7
- package/cjs/controlled-combobox/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/cjs/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/cjs/controlled-combobox/parts/a11y-messages/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/a11y-messages/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/container/Container.js.map +0 -7
- package/cjs/controlled-combobox/parts/container/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/container/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls/Controls.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls-input/ControlsInput.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls-input/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/controls-input/useControlsInput.js.map +0 -7
- package/cjs/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js.map +0 -7
- package/cjs/controlled-combobox/parts/dropdown-indicator/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/dropdown-indicator/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/empty-state/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/empty-state/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/header-list/HeaderList.js.map +0 -7
- package/cjs/controlled-combobox/parts/header-list/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/header-list/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js.map +0 -7
- package/cjs/controlled-combobox/parts/menu-list/MenuList.js.map +0 -7
- package/cjs/controlled-combobox/parts/menu-list/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/menu-list/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js.map +0 -7
- package/cjs/controlled-combobox/parts/menu-list/useMenuList.js.map +0 -7
- package/cjs/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +0 -7
- package/cjs/controlled-combobox/parts/multi-selected-values-container/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js.map +0 -7
- package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js.map +0 -7
- package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +0 -7
- package/cjs/controlled-combobox/parts/single-selected-value-container/index.js.map +0 -7
- package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js.map +0 -7
- package/cjs/controlled-combobox/propTypes.js.map +0 -7
- package/cjs/controlled-combobox/tests/utils.js +0 -90
- package/cjs/controlled-combobox/tests/utils.js.map +0 -7
- package/cjs/controlled-combobox/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/cjs/controlled-combobox/utils/hooks/useOnElementResize.js.map +0 -7
- package/cjs/controlled-combobox/utils/listHelper.js.map +0 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePicker.js.map +0 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerCTX.js.map +0 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js.map +0 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerTypes.js.map +0 -7
- package/cjs/controlled-date-range-picker/config/useControlledDateRangePicker.js.map +0 -7
- package/cjs/controlled-date-range-picker/config/useGetPropsWithDefault.js.map +0 -7
- package/cjs/controlled-date-range-picker/config/useRangePickerLogic.js.map +0 -7
- package/cjs/controlled-date-range-picker/config/useValidateProps.js.map +0 -7
- package/cjs/controlled-date-range-picker/index.d.js.map +0 -7
- package/cjs/controlled-date-range-picker/index.js.map +0 -7
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js.map +0 -7
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +0 -7
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js.map +0 -7
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeToDate.js.map +0 -7
- package/cjs/controlled-date-range-picker/propTypes.js.map +0 -7
- package/cjs/controlled-date-time-picker/ControlledDateTimePicker.js.map +0 -7
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerCTX.js.map +0 -7
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js.map +0 -7
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerTypes.js.map +0 -7
- package/cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js.map +0 -7
- package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js.map +0 -7
- package/cjs/controlled-date-time-picker/config/useGetPropsWithDefault.js.map +0 -7
- package/cjs/controlled-date-time-picker/config/useValidateProps.js.map +0 -7
- package/cjs/controlled-date-time-picker/index.d.js.map +0 -7
- package/cjs/controlled-date-time-picker/index.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/DateInputs/YYYYInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/DateInputs/useDateInputs.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/PickersIcons.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/Styleds.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/HHInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js.map +0 -7
- package/cjs/controlled-date-time-picker/parts/config.js.map +0 -7
- package/cjs/controlled-date-time-picker/propTypes.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/constants.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/dateHelpers.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/dateTimeHelpers.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/hooks/useOnClickOutside.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/numberHelpers.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/stringHelpers.js.map +0 -7
- package/cjs/controlled-date-time-picker/utils/timeHelpers.js.map +0 -7
- package/cjs/controlled-toggle/ControlledToggle.js.map +0 -7
- package/cjs/controlled-toggle/defaultProps.js.map +0 -7
- package/cjs/controlled-toggle/index.d.js.map +0 -7
- package/cjs/controlled-toggle/index.js.map +0 -7
- package/cjs/controlled-toggle/propTypes.js.map +0 -7
- package/cjs/controlled-toggle/styles.js.map +0 -7
- package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js.map +0 -7
- package/cjs/controlled-toggle/utils/styleHelpers.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/controlled-autocomplete/Autocomplete.js.map +0 -7
- package/esm/controlled-autocomplete/AutocompleteCTX.js.map +0 -7
- package/esm/controlled-autocomplete/AutocompleteDataTestids.js.map +0 -7
- package/esm/controlled-autocomplete/config/constants.js.map +0 -7
- package/esm/controlled-autocomplete/config/useAutocomplete.js.map +0 -7
- package/esm/controlled-autocomplete/config/useGetPropsWithDefault.js.map +0 -7
- package/esm/controlled-autocomplete/index.d.js.map +0 -7
- package/esm/controlled-autocomplete/index.js.map +0 -7
- package/esm/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/esm/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/esm/controlled-autocomplete/parts/a11y-messages/index.js.map +0 -7
- package/esm/controlled-autocomplete/parts/a11y-messages/styled.js.map +0 -7
- package/esm/controlled-autocomplete/parts/container/Container.js.map +0 -7
- package/esm/controlled-autocomplete/parts/container/index.js.map +0 -7
- package/esm/controlled-autocomplete/parts/container/styled.js.map +0 -7
- package/esm/controlled-autocomplete/parts/controls/Controls.js.map +0 -7
- package/esm/controlled-autocomplete/parts/controls/index.js.map +0 -7
- package/esm/controlled-autocomplete/parts/controls/styled.js.map +0 -7
- package/esm/controlled-autocomplete/parts/controls/useControlsInput.js.map +0 -7
- package/esm/controlled-autocomplete/parts/menu-list/MenuList.js.map +0 -7
- package/esm/controlled-autocomplete/parts/menu-list/index.js.map +0 -7
- package/esm/controlled-autocomplete/parts/menu-list/styled.js.map +0 -7
- package/esm/controlled-autocomplete/parts/menu-list/useItemRenderer.js.map +0 -7
- package/esm/controlled-autocomplete/parts/menu-list/useMenuList.js.map +0 -7
- package/esm/controlled-autocomplete/propTypes.js.map +0 -7
- package/esm/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/esm/controlled-autocomplete/utils/hooks/useOnElementResize.js.map +0 -7
- package/esm/controlled-autocomplete/utils/listHelper.js.map +0 -7
- package/esm/controlled-checkbox/ControlledCheckbox.js.map +0 -7
- package/esm/controlled-checkbox/config/useValidateProps.js.map +0 -7
- package/esm/controlled-checkbox/index.d.js.map +0 -7
- package/esm/controlled-checkbox/index.js.map +0 -7
- package/esm/controlled-checkbox/propTypes.js.map +0 -7
- package/esm/controlled-checkbox/styles.js.map +0 -7
- package/esm/controlled-checkbox/utils/setMultipleRefs.js.map +0 -7
- package/esm/controlled-checkbox/utils/styleHelpers.js.map +0 -7
- package/esm/controlled-combobox/ComboBox.js.map +0 -7
- package/esm/controlled-combobox/ComboBoxCTX.js.map +0 -7
- package/esm/controlled-combobox/ComboboxDataTestids.js.map +0 -7
- package/esm/controlled-combobox/config/constants.js.map +0 -7
- package/esm/controlled-combobox/config/useComboBox.js.map +0 -7
- package/esm/controlled-combobox/config/useGetPropsWithDefault.js.map +0 -7
- package/esm/controlled-combobox/index.d.js.map +0 -7
- package/esm/controlled-combobox/index.js.map +0 -7
- package/esm/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/esm/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/esm/controlled-combobox/parts/a11y-messages/index.js.map +0 -7
- package/esm/controlled-combobox/parts/a11y-messages/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/container/Container.js.map +0 -7
- package/esm/controlled-combobox/parts/container/index.js.map +0 -7
- package/esm/controlled-combobox/parts/container/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/controls/Controls.js.map +0 -7
- package/esm/controlled-combobox/parts/controls/index.js.map +0 -7
- package/esm/controlled-combobox/parts/controls/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/controls-input/ControlsInput.js.map +0 -7
- package/esm/controlled-combobox/parts/controls-input/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/controls-input/useControlsInput.js.map +0 -7
- package/esm/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js.map +0 -7
- package/esm/controlled-combobox/parts/dropdown-indicator/index.js.map +0 -7
- package/esm/controlled-combobox/parts/dropdown-indicator/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/empty-state/index.js.map +0 -7
- package/esm/controlled-combobox/parts/empty-state/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/header-list/HeaderList.js.map +0 -7
- package/esm/controlled-combobox/parts/header-list/index.js.map +0 -7
- package/esm/controlled-combobox/parts/header-list/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js.map +0 -7
- package/esm/controlled-combobox/parts/menu-list/MenuList.js.map +0 -7
- package/esm/controlled-combobox/parts/menu-list/index.js.map +0 -7
- package/esm/controlled-combobox/parts/menu-list/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js.map +0 -7
- package/esm/controlled-combobox/parts/menu-list/useMenuList.js.map +0 -7
- package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map +0 -7
- package/esm/controlled-combobox/parts/multi-selected-values-container/index.js.map +0 -7
- package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js.map +0 -7
- package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js.map +0 -7
- package/esm/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js.map +0 -7
- package/esm/controlled-combobox/parts/single-selected-value-container/index.js.map +0 -7
- package/esm/controlled-combobox/parts/single-selected-value-container/styled.js.map +0 -7
- package/esm/controlled-combobox/propTypes.js.map +0 -7
- package/esm/controlled-combobox/tests/utils.js +0 -61
- package/esm/controlled-combobox/tests/utils.js.map +0 -7
- package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/esm/controlled-combobox/utils/hooks/useOnElementResize.js.map +0 -7
- package/esm/controlled-combobox/utils/listHelper.js.map +0 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePicker.js.map +0 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePickerCTX.js.map +0 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js.map +0 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePickerTypes.js.map +0 -7
- package/esm/controlled-date-range-picker/config/useControlledDateRangePicker.js.map +0 -7
- package/esm/controlled-date-range-picker/config/useGetPropsWithDefault.js.map +0 -7
- package/esm/controlled-date-range-picker/config/useRangePickerLogic.js.map +0 -7
- package/esm/controlled-date-range-picker/config/useValidateProps.js.map +0 -7
- package/esm/controlled-date-range-picker/index.d.js.map +0 -7
- package/esm/controlled-date-range-picker/index.js.map +0 -7
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js.map +0 -7
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +0 -7
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js.map +0 -7
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeToDate.js.map +0 -7
- package/esm/controlled-date-range-picker/propTypes.js.map +0 -7
- package/esm/controlled-date-time-picker/ControlledDateTimePicker.js.map +0 -7
- package/esm/controlled-date-time-picker/ControlledDateTimePickerCTX.js.map +0 -7
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js.map +0 -7
- package/esm/controlled-date-time-picker/ControlledDateTimePickerTypes.js.map +0 -7
- package/esm/controlled-date-time-picker/config/useControlledDateTimePicker.js.map +0 -7
- package/esm/controlled-date-time-picker/config/useGetDestructuredValues.js.map +0 -7
- package/esm/controlled-date-time-picker/config/useGetPropsWithDefault.js.map +0 -7
- package/esm/controlled-date-time-picker/config/useValidateProps.js.map +0 -7
- package/esm/controlled-date-time-picker/index.d.js.map +0 -7
- package/esm/controlled-date-time-picker/index.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/DateInputs/useDateInputs.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/PickersIcons.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/Styleds.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/TimeInputs/HHInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js.map +0 -7
- package/esm/controlled-date-time-picker/parts/config.js.map +0 -7
- package/esm/controlled-date-time-picker/propTypes.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/constants.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/dateHelpers.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/dateTimeHelpers.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/hooks/useOnClickOutside.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/numberHelpers.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/stringHelpers.js.map +0 -7
- package/esm/controlled-date-time-picker/utils/timeHelpers.js.map +0 -7
- package/esm/controlled-toggle/ControlledToggle.js.map +0 -7
- package/esm/controlled-toggle/defaultProps.js.map +0 -7
- package/esm/controlled-toggle/index.d.js.map +0 -7
- package/esm/controlled-toggle/index.js.map +0 -7
- package/esm/controlled-toggle/propTypes.js.map +0 -7
- package/esm/controlled-toggle/styles.js.map +0 -7
- package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js.map +0 -7
- package/esm/controlled-toggle/utils/styleHelpers.js.map +0 -7
- package/esm/index.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/container/Container.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline, startPlacementPreference, placementOrderPreference },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(AutocompleteContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n if (inputRef.current) inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const handleMouseDown = useCallback((e: React.KeyboardEvent) => {\n e.preventDefault();\n }, []);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n startPlacementPreference={startPlacementPreference}\n placementOrderPreference={placementOrderPreference}\n withoutPortal\n withoutArrow\n withoutAnimation\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n </>\n );\n};\n\nexport { Container };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,yBAA2B;AAC3B,6BAAoC;AACpC,oBAAsF;AACtF,sBAAyB;AACzB,uBAAyB;AACzB,MAAM,YAAY,MAAmB;AACnC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,0BAA0B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,kBAAkB,8BAAY,MAAM;AACxC,mBAAe;AACf,QAAI,SAAS;AAAS,eAAS,QAAQ;AAAA,KACtC,CAAC,UAAU;AAEd,QAAM,kBAAkB,8BAAY,CAAC,MAA2B;AAC9D,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,SAAS,sCAAwB;AACzD,SACE,wFACE,mDAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,mDAAC,0BAAD,OACC,SAAS,mDAAC,2BAAD,QAAe,OAE3B,mDAAC,+BAAD;AAAA,IACE,cAAc,CAAC,GAAG;AAAA,IAClB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,kBAAgB;AAAA,IAChB,QAAQ;AAAA,KAER,mDAAC,mCAAD;AAAA,IAAqB,UAAU;AAAA,IAAI,aAAa;AAAA,KAC9C,mDAAC,2BAAD;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/container/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { Container } from './Container';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/container/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledContainerWithPopper = styled.div`\n width: 100%;\n height: 28px;\n position: relative;\n`;\n\nexport const StyledContainerInline = styled.div`\n width: 100%;\n position: relative;\n`;\n\nexport const StyledPopperWrapper = styled.div`\n background: #fff;\n overflow: auto;\n position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/controls/Controls.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\n\nimport { StyledControlsWrapper, StyledInputWrapper, StyledInput } from './styled';\nconst Controls = (): JSX.Element => {\n const {\n props: { autoFocus, hasError, placeholder, inputMinWidth },\n inputRef,\n showPopover,\n focusOptionIdx,\n controlsWrapperRef,\n } = useContext(AutocompleteContext);\n\n const { onInputKeyDown } = useKeyboardNavigation();\n const { handleOnBlur, handleOnInputMouseDown, handleOnChange } = useControlsInput();\n\n return (\n <StyledControlsWrapper\n ref={controlsWrapperRef}\n cols={['minmax(20px, auto)']}\n minWidth={inputMinWidth}\n hasError={hasError}\n >\n <StyledInputWrapper>\n <StyledInput\n autoFocus={autoFocus}\n aria-labelledby=\"combo-label\"\n aria-controls=\"combo-listbox\"\n aria-owns=\"combo-listbox\"\n aria-activedescendant={focusOptionIdx}\n aria-expanded={showPopover}\n aria-haspopup=\"listbox\"\n placeholder={placeholder}\n role=\"combobox\"\n ref={inputRef}\n type=\"text\"\n onKeyDown={onInputKeyDown}\n onChange={handleOnChange}\n onBlur={handleOnBlur}\n onClick={handleOnInputMouseDown}\n />\n </StyledInputWrapper>\n </StyledControlsWrapper>\n );\n};\n\nexport { Controls };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,6BAAoC;AACpC,mCAAsC;AACtC,8BAAiC;AAEjC,oBAAuE;AACvE,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU,aAAa;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,cAAc,wBAAwB,mBAAmB;AAEjE,SACE,mDAAC,qCAAD;AAAA,IACE,KAAK;AAAA,IACL,MAAM,CAAC;AAAA,IACP,UAAU;AAAA,IACV;AAAA,KAEA,mDAAC,kCAAD,MACE,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/controls/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { Controls } from './Controls';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAyB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/controls/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { AutocompletePropsT } from '../../index.d';\n\nconst normalBorder = css<{ hasError: boolean }>`\n border: 1px solid ${(props) => (props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<{ minWidth: number; hasError: boolean }>`\n background: transparent;\n position: relative;\n border-radius: 2px;\n min-width: ${({ minWidth }) => `${minWidth}px`};\n align-items: center;\n align-content: center;\n height: 28px;\n padding-left: 8px;\n ::after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 2px;\n ${normalBorder}\n pointer-events: none;\n z-index: 7;\n }\n\n :focus-within {\n ::after {\n ${focusBorder}\n }\n }\n`;\n\nexport const StyledInput = styled.input`\n ::placeholder {\n font-style: italic;\n color: ${(props) => props.theme.colors.neutral[500]};\n }\n font-size: 13px;\n line-height: 13px;\n border: none;\n padding: 0;\n outline: none;\n width: 100%;\n color: ${(props) => props.theme.colors.neutral[700]};\n &:focus {\n outline: none;\n }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n font-style: italic;\n color: ${(props) => props.theme.colors.neutral[500]};\n position: absolute;\n display: flex;\n align-items: center;\n width: 100%;\n user-select: none;\n height: 28px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n position: relative;\n flex: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAoB;AACpB,qBAAqB;AAGrB,MAAM,eAAe;AAAA,sBACC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE/G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAAA,eAI7B,CAAC,EAAE,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOE;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,aAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,iCAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/controls/useControlsInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\n\nimport { AutocompleteContext } from '../../AutocompleteCTX';\n\ninterface UseControlsInputT {\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleOnInputMouseDown: (e: React.MouseEvent) => void;\n showPlaceholder: string | null | undefined;\n}\nconst useControlsInput = (): UseControlsInputT => {\n const {\n props: { selectedValues, onChange, placeholder, onFilter },\n setShowPopover,\n inputRef,\n } = useContext(AutocompleteContext);\n\n const handleOnChange = useCallback(\n (e: React.FormEvent<HTMLInputElement>) => {\n const target = e.target as HTMLInputElement;\n onChange(target.value);\n\n setShowPopover(true);\n onFilter(target.value);\n },\n [onFilter, onChange, setShowPopover],\n );\n\n const handleOnBlur = useCallback(() => {\n setShowPopover(false);\n }, [setShowPopover]);\n\n const handleOnInputMouseDown = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n const showPlaceholder = useMemo(\n () => (!inputRef.current?.value && selectedValues === '' ? placeholder : null),\n [placeholder, inputRef, selectedValues],\n );\n\n return useMemo(\n () => ({\n handleOnBlur,\n handleOnChange,\n handleOnInputMouseDown,\n showPlaceholder,\n }),\n [handleOnBlur, handleOnInputMouseDown, handleOnChange, showPlaceholder],\n );\n};\n\nexport { useControlsInput };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AAExD,6BAAoC;AAQpC,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa;AAAA,IAChD;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,iBAAiB,8BACrB,CAAC,MAAyC;AACxC,UAAM,SAAS,EAAE;AACjB,aAAS,OAAO;AAEhB,mBAAe;AACf,aAAS,OAAO;AAAA,KAElB,CAAC,UAAU,UAAU;AAGvB,QAAM,eAAe,8BAAY,MAAM;AACrC,mBAAe;AAAA,KACd,CAAC;AAEJ,QAAM,yBAAyB,8BAAY,CAAC,MAAwB;AAClE,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,0BACtB,MAAO,CAAC,SAAS,SAAS,SAAS,mBAAmB,KAAK,cAAc,MACzE,CAAC,aAAa,UAAU;AAG1B,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,cAAc,wBAAwB,gBAAgB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/MenuList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\n\nimport { StyledListWrapper, StyledList, StyledVirtualListWrapper } from './styled';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport { useItemRenderer } from './useItemRenderer';\nimport { useMenuList } from './useMenuList';\n\nconst MenuList = (): JSX.Element => {\n const {\n props: { menuMinWidth, menuMaxHeight, options, isLoading },\n referenceElement,\n inputRef,\n listRef,\n showPopover,\n wrapperListRef,\n controlsWrapperRef,\n virtualListHelpers: { totalSize },\n } = useContext(AutocompleteContext);\n\n const ItemRenderer = useItemRenderer();\n useMenuList();\n const { width } = useOnElementResize(controlsWrapperRef);\n\n const listWidth = useMemo(\n () => (menuMinWidth as number) || `${referenceElement?.offsetWidth as number}`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [menuMinWidth, referenceElement, width],\n );\n\n const handleOnFocus = useCallback(() => {\n inputRef.current?.focus();\n }, [inputRef]);\n\n return (\n <StyledListWrapper\n tabIndex={-1}\n ref={wrapperListRef}\n onMouseDown={(e) => e.preventDefault()}\n minWidth={listWidth}\n id=\"combo-listbox\"\n role=\"listbox\"\n >\n {isLoading && inputRef.current?.value !== '' ? (\n <Grid justifyContent=\"center\" alignItems=\"center\" style={{ padding: 20 }}>\n <DSCircularProgressIndicator size=\"l\" loading={isLoading} waiting={false} showTooltip={false} />\n </Grid>\n ) : (\n <>\n {options.length > 0 && (\n <StyledVirtualListWrapper tabIndex={-1} maxHeight={menuMaxHeight as number} ref={listRef}>\n <StyledList\n tabIndex={-1}\n aria-expanded={showPopover}\n onFocus={handleOnFocus}\n data-testid={AutocompleteDataTestid.LIST}\n style={{ height: totalSize, margin: '8px 0px' }}\n >\n {ItemRenderer}\n </StyledList>\n </StyledVirtualListWrapper>\n )}\n </>\n )}\n </StyledListWrapper>\n );\n};\n\nexport { MenuList };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4CAA4C;AAC5C,qBAAqB;AAErB,oBAAwE;AACxE,qCAAuC;AACvC,6BAAgC;AAChC,gCAAmC;AACnC,6BAAgC;AAChC,yBAA4B;AAE5B,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc,eAAe,SAAS;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,EAAE;AAAA,MACpB,6BAAW;AAEf,QAAM,eAAe;AACrB;AACA,QAAM,EAAE,UAAU,kDAAmB;AAErC,QAAM,YAAY,0BAChB,MAAO,gBAA2B,GAAG,kBAAkB,eAEvD,CAAC,cAAc,kBAAkB;AAGnC,QAAM,gBAAgB,8BAAY,MAAM;AACtC,aAAS,SAAS;AAAA,KACjB,CAAC;AAEJ,SACE,mDAAC,iCAAD;AAAA,IACE,UAAU;AAAA,IACV,KAAK;AAAA,IACL,aAAa,CAAC,MAAM,EAAE;AAAA,IACtB,UAAU;AAAA,IACV,IAAG;AAAA,IACH,MAAK;AAAA,KAEJ,aAAa,SAAS,SAAS,UAAU,KACxC,mDAAC,qBAAD;AAAA,IAAM,gBAAe;AAAA,IAAS,YAAW;AAAA,IAAS,OAAO,EAAE,SAAS;AAAA,KAClE,mDAAC,mEAAD;AAAA,IAA6B,MAAK;AAAA,IAAI,SAAS;AAAA,IAAW,SAAS;AAAA,IAAO,aAAa;AAAA,QAGzF,wFACG,QAAQ,SAAS,KAChB,mDAAC,wCAAD;AAAA,IAA0B,UAAU;AAAA,IAAI,WAAW;AAAA,IAAyB,KAAK;AAAA,KAC/E,mDAAC,0BAAD;AAAA,IACE,UAAU;AAAA,IACV,iBAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAa,sDAAuB;AAAA,IACpC,OAAO,EAAE,QAAQ,WAAW,QAAQ;AAAA,KAEnC;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { MenuList } from './MenuList';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAyB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledListWrapper = styled.div<{ inline: boolean | undefined; minWidth: string | number }>`\n min-width: ${(props) => (props.inline ? '100%' : `${props.minWidth}px`)};\n`;\n\nexport const StyledList = styled.ul`\n position: relative;\n padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n inline: boolean | undefined;\n maxHeight: number;\n withHeader: boolean;\n}>`\n overflow-y: auto;\n margin-top: ${({ withHeader }) => (withHeader ? '28px' : '')};\n\n max-height: ${({ maxHeight, inline }) => (inline ? '' : `${!maxHeight ? '400' : maxHeight}px`)};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,oBAAoB,iCAAO;AAAA,eACzB,CAAC,UAAW,MAAM,SAAS,SAAS,GAAG,MAAM;AAAA;AAGrD,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,2BAA2B,iCAAO;AAAA;AAAA,gBAM/B,CAAC,EAAE,iBAAkB,aAAa,SAAS;AAAA;AAAA,gBAE3C,CAAC,EAAE,WAAW,aAAc,SAAS,KAAK,GAAG,CAAC,YAAY,QAAQ;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/useItemRenderer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { VirtualItem } from 'react-virtual';\n\nimport { SingleMenuItem } from '@elliemae/ds-form';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { isSelected } from '../../utils/listHelper';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport { CBOptionT } from '../../index.d';\n\nconst useItemRenderer = (): React.ReactNode[] => {\n const {\n props: { options, onChange, selectedValues, onFilter },\n inputRef,\n setShowPopover,\n focusOptionIdx,\n virtualListHelpers,\n } = useContext(AutocompleteContext);\n\n const { virtualItems }: { virtualItems: VirtualItem[] } = virtualListHelpers;\n\n const handleClick = useCallback(\n (option: CBOptionT, e: Event) => {\n if (inputRef.current) inputRef.current.value = option.label;\n onFilter(option.label);\n onChange(option.label);\n setShowPopover(false);\n inputRef.current?.focus();\n e.stopPropagation();\n e.preventDefault();\n },\n [onFilter, onChange, setShowPopover, inputRef],\n );\n\n const handleOnMouseDown = useCallback((e: React.MouseEvent<HTMLLIElement>) => {\n e.preventDefault();\n }, []);\n\n const ItemRenderer = useMemo(\n (): React.ReactNode[] =>\n virtualItems.map((vItem) => {\n const option = options[vItem.index];\n const generalProps = {\n wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n key: `${option.dsId}`,\n innerRef: vItem.measureRef,\n };\n\n if (option.type === 'option') {\n return (\n <SingleMenuItem\n {...generalProps}\n value={option.value}\n label={option.label}\n dataTestid={AutocompleteDataTestid.OPTION}\n disabled={option.disabled}\n onClick={(e: Event) => handleClick(option, e)}\n onMouseDown={handleOnMouseDown}\n isActive={option.dsId === focusOptionIdx}\n isSelected={isSelected(selectedValues, option)}\n />\n );\n }\n return <></>;\n }),\n [options, focusOptionIdx, selectedValues, inputRef, virtualItems],\n );\n\n return ItemRenderer;\n};\n\nexport { useItemRenderer };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AAGxD,qBAA+B;AAC/B,6BAAoC;AACpC,wBAA2B;AAC3B,qCAAuC;AAGvC,MAAM,kBAAkB,MAAyB;AAC/C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,UAAU,gBAAgB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAkD;AAE1D,QAAM,cAAc,8BAClB,CAAC,QAAmB,MAAa;AAC/B,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ,OAAO;AACtD,aAAS,OAAO;AAChB,aAAS,OAAO;AAChB,mBAAe;AACf,aAAS,SAAS;AAClB,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,UAAU,UAAU,gBAAgB;AAGvC,QAAM,oBAAoB,8BAAY,CAAC,MAAuC;AAC5E,MAAE;AAAA,KACD;AAEH,QAAM,eAAe,0BACnB,MACE,aAAa,IAAI,CAAC,UAAU;AAC1B,UAAM,SAAS,QAAQ,MAAM;AAC7B,UAAM,eAAe;AAAA,MACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO;AAAA,MACzE,KAAK,GAAG,OAAO;AAAA,MACf,UAAU,MAAM;AAAA;AAGlB,QAAI,OAAO,SAAS,UAAU;AAC5B,aACE,mDAAC,+BAAD;AAAA,WACM;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,sDAAuB;AAAA,QACnC,UAAU,OAAO;AAAA,QACjB,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,YAAY,kCAAW,gBAAgB;AAAA;AAAA;AAI7C,WAAO;AAAA,MAEX,CAAC,SAAS,gBAAgB,gBAAgB,UAAU;AAGtD,SAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/useMenuList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useEffect, useContext } from 'react';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport type { CBItemOption } from '../../index.d';\n\nconst useMenuList = (): void => {\n const {\n props: { selectedValues, onMenuOpen, options },\n inputRef,\n setCurrentOption,\n scrollOptionIntoView,\n setShowPopover,\n showPopover,\n } = useContext(AutocompleteContext);\n\n useEffect(() => {\n if (options.length === 0 || inputRef.current?.value === '') {\n setShowPopover(false);\n }\n }, [options, inputRef, setShowPopover]);\n\n useEffect(() => {\n const getFirstOption = () => {\n for (let i = 0; i < options.length; i += 1)\n if (!['section', 'separator'].includes(options[i].type)) {\n setCurrentOption(options[i].dsId);\n break;\n }\n };\n if (showPopover) {\n onMenuOpen();\n if (inputRef.current?.value !== '') {\n getFirstOption();\n } else if (Array.isArray(selectedValues)) {\n const multiSelectedValues = selectedValues as CBItemOption[];\n if (multiSelectedValues.length > 0) {\n setCurrentOption(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n scrollOptionIntoView(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n } else {\n getFirstOption();\n }\n } else {\n const singleSelectedValue = selectedValues as CBItemOption;\n if (singleSelectedValue) {\n setCurrentOption(selectedValues.dsId);\n scrollOptionIntoView(selectedValues.dsId);\n } else {\n getFirstOption();\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [showPopover, inputRef.current?.value]);\n};\n\nexport { useMenuList };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,6BAAoC;AAGpC,MAAM,cAAc,MAAY;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,8BAAU,MAAM;AACd,QAAI,QAAQ,WAAW,KAAK,SAAS,SAAS,UAAU,IAAI;AAC1D,qBAAe;AAAA;AAAA,KAEhB,CAAC,SAAS,UAAU;AAEvB,8BAAU,MAAM;AACd,UAAM,iBAAiB,MAAM;AAC3B,eAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,YAAI,CAAC,CAAC,WAAW,aAAa,SAAS,QAAQ,GAAG,OAAO;AACvD,2BAAiB,QAAQ,GAAG;AAC5B;AAAA;AAAA;AAGN,QAAI,aAAa;AACf;AACA,UAAI,SAAS,SAAS,UAAU,IAAI;AAClC;AAAA,iBACS,MAAM,QAAQ,iBAAiB;AACxC,cAAM,sBAAsB;AAC5B,YAAI,oBAAoB,SAAS,GAAG;AAClC,2BAAiB,oBAAoB,oBAAoB,SAAS,GAAG;AACrE,+BAAqB,oBAAoB,oBAAoB,SAAS,GAAG;AAAA,eACpE;AACL;AAAA;AAAA,aAEG;AACL,cAAM,sBAAsB;AAC5B,YAAI,qBAAqB;AACvB,2BAAiB,eAAe;AAChC,+BAAqB,eAAe;AAAA,eAC/B;AACL;AAAA;AAAA;AAAA;AAAA,KAKL,CAAC,aAAa,SAAS,SAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-autocomplete/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n placeholder: PropTypes.string.description('input s placeholder value').defaultValue(''),\n options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description('List of options').defaultValue([]),\n selectedValues: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.object),\n PropTypes.object,\n PropTypes.string,\n ]).description('Array of option or single option selected'),\n autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n onChange: PropTypes.func\n .description('function triggered when an option is selected it will send the options selected')\n .defaultValue(''),\n onSelectAll: PropTypes.func\n .description('function triggered when ALL button is selected from the header menu list')\n .defaultValue(''),\n onFilter: PropTypes.func.description('function triggered when user type in the autocomplete input').defaultValue(''),\n onCreate: PropTypes.func\n .description(\n 'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n )\n .defaultValue(''),\n onClearAll: PropTypes.func\n .description('function triggered when user select CLEAR button from the header menu list')\n .defaultValue(''),\n onMenuOpen: PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),\n inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n withToggle: PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,aAAa,4BAAU,OAAO,YAAY,6BAA6B,aAAa;AAAA,EACpF,SAAS,4BAAU,UAAU,CAAC,4BAAU,OAAO,4BAAU,SAAS,YAAY,mBAAmB,aAAa;AAAA,EAC9G,gBAAgB,4BAAU,UAAU;AAAA,IAClC,4BAAU,QAAQ,4BAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EACf,WAAW,4BAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,UAAU,4BAAU,KAAK,YAAY,0CAA0C,aAAa;AAAA,EAC5F,UAAU,4BAAU,KACjB,YAAY,mFACZ,aAAa;AAAA,EAChB,aAAa,4BAAU,KACpB,YAAY,4EACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,KAAK,YAAY,+DAA+D,aAAa;AAAA,EACjH,UAAU,4BAAU,KACjB,YACC,0GAED,aAAa;AAAA,EAChB,YAAY,4BAAU,KACnB,YAAY,8EACZ,aAAa;AAAA,EAChB,YAAY,4BAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACvG,eAAe,4BAAU,IAAI,YAAY,oDAAoD,aAAa;AAAA,EAC1G,cAAc,4BAAU,IAAI,YAAY,uCAAuC,aAAa;AAAA,EAC5F,eAAe,4BAAU,IAAI,YAAY,wCAAwC,aAAa;AAAA,EAC9F,YAAY,4BAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/utils/hooks/useKeyboardNavigation.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { findInCircularList } from '../listHelper';\n\nconst isOptionFocuseable = (opt: CBOptionT): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n const {\n props: { onKeyDown, onChange, options, onFilter },\n setShowPopover,\n showPopover,\n focusOptionIdx,\n inputRef,\n setCurrentOption,\n scrollOptionIntoView,\n } = useContext(AutocompleteContext);\n\n const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n const currentItem = options.find((item) => item.dsId === focusOptionIdx) as CBOptionT;\n const selectOption = useCallback(() => {\n if (inputRef.current) inputRef.current.value = currentItem.label;\n onFilter(currentItem.label);\n onChange(currentItem.label);\n setShowPopover(false);\n }, [currentItem, setShowPopover, onFilter, inputRef, onChange]);\n\n const onInputKeyDown: React.KeyboardEventHandler = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n\n // =============================================================================\n // CUSTOM KEYS\n // =============================================================================\n onKeyDown(e, currentItem);\n\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n if (showPopover) {\n e.preventDefault();\n selectOption();\n }\n }\n\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n if (showPopover) {\n const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n } else {\n setShowPopover(true);\n }\n }\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n if (showPopover) {\n const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n } else {\n setShowPopover(true);\n setTimeout(() => {\n const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n });\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape') {\n setShowPopover(false);\n }\n },\n [\n scrollOptionIntoView,\n currentItemIndex,\n options,\n currentItem,\n showPopover,\n onKeyDown,\n setCurrentOption,\n setShowPopover,\n selectOption,\n ],\n );\n\n return { onInputKeyDown };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAwC;AAExC,6BAAoC;AACpC,wBAAmC;AAEnC,MAAM,qBAAqB,CAAC,QAA4B,CAAC,CAAC,WAAW,aAAa,SAAS,IAAI;AAExF,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU,SAAS;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS;AACjE,QAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,SAAS;AACzD,QAAM,eAAe,8BAAY,MAAM;AACrC,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ,YAAY;AAC3D,aAAS,YAAY;AACrB,aAAS,YAAY;AACrB,mBAAe;AAAA,KACd,CAAC,aAAa,gBAAgB,UAAU,UAAU;AAErD,QAAM,iBAA6C,8BACjD,CAAC,MAAM;AACL,UAAM,gBAAgB,EAAE;AAKxB,cAAU,GAAG;AAKb,QAAK,EAAE,YAAY,MAAM,cAAc,UAAU,MAAO,EAAE,QAAQ,SAAS;AACzE,UAAI,aAAa;AACf,UAAE;AACF;AAAA;AAAA;AAOJ,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,0CAAmB,SAAS,kBAAkB;AACpE,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AAAA;AAAA;AAGnB,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,0CAAmB,SAAS,kBAAkB,oBAAoB;AACxF,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AACf,mBAAW,MAAM;AACf,gBAAM,gBAAgB,0CAAmB,SAAS,GAAG,oBAAoB;AACzE,2BAAiB,QAAQ,eAAe;AACxC,+BAAqB,QAAQ,eAAe;AAAA;AAAA;AAAA;AAOlD,QAAI,EAAE,QAAQ,UAAU;AACtB,qBAAe;AAAA;AAAA,KAGnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO,EAAE;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-autocomplete/utils/hooks/useOnElementResize.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n const observer = useRef(null);\n\n useEffect(() => {\n function outputsize() {\n if (targetRef.current) {\n setWidth(targetRef.current.offsetWidth);\n setHeight(targetRef.current.offsetHeight);\n }\n }\n observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n return () => {\n observer.current?.disconnect();\n };\n }, [targetRef]);\n\n return useMemo(\n () => ({\n width,\n height,\n }),\n [width, height],\n );\n};\n\nexport { useOnElementResize };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAI5D,MAAM,qBAAqB,CAAC,cAAmF;AAC7G,QAAM,CAAC,OAAO,YAAY,2BAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AACxF,QAAM,CAAC,QAAQ,aAAa,2BAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AAC1F,QAAM,WAAW,yBAAO;AAExB,8BAAU,MAAM;AACd,0BAAsB;AACpB,UAAI,UAAU,SAAS;AACrB,iBAAS,UAAU,QAAQ;AAC3B,kBAAU,UAAU,QAAQ;AAAA;AAAA;AAGhC,aAAS,UAAU,IAAI,eAAe,YAAY,QAAQ,UAAU;AAEpE,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-autocomplete/utils/listHelper.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { CBOptionsT, CBOptionT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBOptionT | Array<CBOptionT>): boolean =>\n Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBOptionsT, activeOption: CBOptionT): boolean => {\n if (isSelectedValueMultiple(value)) {\n const multiValue = value as CBOptionT[];\n return multiValue.some((item) => item?.value === activeOption?.value);\n }\n if (typeof value === 'string') {\n return false;\n }\n const singleValue = value as CBOptionT;\n return singleValue?.value === activeOption.value;\n};\n\nexport const findInCircularList = <T extends unknown>(\n list: T[],\n from: number,\n criteria: (item: T) => boolean,\n step = 1,\n // eslint-disable-next-line max-params\n): number => {\n for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {\n if (criteria(list[i])) return i;\n }\n return from; // return same item\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,YAAY;AAEhF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY;AAE5D,MAAM,uBAAuB,CAAC,UACnC,MAAM,QAAQ,SAAS,MAAM,WAAW,IAAI,CAAC;AAExC,MAAM,0BAA0B,CAAC,UAAiD,MAAM,QAAQ;AAEhG,MAAM,aAAa,CAAC,OAAmB,iBAAqC;AACjF,MAAI,wBAAwB,QAAQ;AAClC,UAAM,aAAa;AACnB,WAAO,WAAW,KAAK,CAAC,SAAS,MAAM,UAAU,cAAc;AAAA;AAEjE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA;AAET,QAAM,cAAc;AACpB,SAAO,aAAa,UAAU,aAAa;AAAA;AAGtC,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WAAS,IAAK,QAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,MAAM,MAAM,IAAK,KAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAC9G,QAAI,SAAS,KAAK;AAAK,aAAO;AAAA;AAEhC,SAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-checkbox/ControlledCheckbox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, propTypes);\n const checkboxRef = useRef<HTMLInputElement>();\n\n const {\n autoFocus,\n checked,\n ariaControls,\n ariaLabel,\n disabled,\n id,\n label,\n hasError,\n onChange,\n onFocus,\n onBlur,\n value,\n readOnly,\n name,\n innerRef,\n tabIndex,\n } = props;\n\n const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (checkboxRef.current && e.key === 'Enter') {\n checkboxRef.current.click();\n }\n }, []);\n\n return (\n <StyledContainer data-testid=\"ds-checkbox-container\">\n <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n <StyledInput\n disabled={disabled}\n ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n onKeyDown={handleOnKeyDown}\n type=\"checkbox\"\n checked={checked !== 'mixed' ? checked : undefined}\n aria-controls={ariaControls}\n aria-checked={checked}\n aria-disabled={disabled}\n aria-invalid={hasError}\n aria-readonly={readOnly}\n aria-label={ariaLabel || label}\n onFocus={onFocus}\n onBlur={onBlur}\n name={name}\n value={value}\n onChange={onChange}\n id={id}\n data-testid=\"ds-checkbox\"\n autoFocus={autoFocus}\n tabIndex={tabIndex || 0}\n />\n </StyledCheckBox>\n {label && (\n <StyledLabel\n htmlFor={id}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-checkbox-label\"\n >\n <SimpleTruncatedTooltipText value={label} />\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,wBAAyB;AACzB,uCAA2C;AAC3C,uBAA0B;AAC1B,oBAA0E;AAE1E,8BAAiC;AACjC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,UAAmD;AAC/E,gDAAiB,OAAO;AACxB,QAAM,cAAc;AAEpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,8BAAY,CAAC,MAA2B;AAC9D,QAAI,YAAY,WAAW,EAAE,QAAQ,SAAS;AAC5C,kBAAY,QAAQ;AAAA;AAAA,KAErB;AAEH,SACE,mDAAC,+BAAD;AAAA,IAAiB,eAAY;AAAA,KAC3B,mDAAC,8BAAD;AAAA,IAAgB,SAAS,MAAM;AAAA,IAAS;AAAA,IAAoB;AAAA,IAAoB;AAAA,KAC9E,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,KAAK,CAAC,QAAQ,4CAAkC,CAAC,aAAa,WAAW;AAAA,IACzE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,YAAY,UAAU,UAAU;AAAA,IACzC,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,aAAa;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA,UAAU,YAAY;AAAA,OAGzB,SACC,mDAAC,2BAAD;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,KAEZ,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,qBAAqB,YAAY;AACjC,MAAM,iCAAiC,gCAAS;AAChD,+BAA+B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-checkbox/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckboxPropsT } from '../index.d';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `DSControlledCheckbox:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxPropsT, propTypes: unknown): void => {\n useValidateTypescriptPropTypes(props, propTypes);\n if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {\n throwError(`Please provide a label or ariaLabel property to use this component.`);\n }\n if (props.checked === 'mixed' && typeof props.ariaControls === 'undefined') {\n throwError(\n `Please provide an ariaControls property to use a checkbox mixed state. \n This property must be a string containing all the ids that this mixed checkbox is controlling.`,\n );\n }\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,0BAA0B;AAAA;AAAA;AAKvB,MAAM,mBAAmB,CAAC,OAAmC,cAA6B;AAC/F,8DAA+B,OAAO;AACtC,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,cAAc,aAAa;AAChF,eAAW;AAAA;AAEb,MAAI,MAAM,YAAY,WAAW,OAAO,MAAM,iBAAiB,aAAa;AAC1E,eACE;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-checkbox/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export interface DSControlledCheckboxPropsT {\n checked: boolean | 'mixed';\n name: string;\n label?: string;\n value?: string;\n onChange: () => void;\n onBlur: () => void;\n onFocus: () => void;\n ariaControls?: string;\n ariaLabel?: string;\n id?: string;\n readOnly?: boolean;\n tabIndex?: number;\n hasError?: boolean;\n disabled?: boolean;\n innerRef?: (ref: HTMLInputElement) => void;\n autoFocus?: boolean;\n}\n\nexport interface StyledCheckBoxT {\n checked: boolean | 'mixed';\n readOnly: boolean;\n hasError: boolean;\n disabled: boolean;\n}\n\nexport interface StyledLabelT {\n disabled: boolean;\n readOnly: boolean;\n checked: boolean | 'mixed';\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-checkbox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './ControlledCheckbox';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wCAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-checkbox/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n 'Whether the checkbox is invalid or not.',\n ),\n value: PropTypes.string.description('Checkbox value property.'),\n name: PropTypes.string.isRequired.description('Checkbox name property.'),\n label: PropTypes.string.description(\n 'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n ),\n id: PropTypes.string.isRequired.description(\n 'Checkbox unique id property, this property is required for accesibility purposes.',\n ),\n readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n ariaControls: PropTypes.string.description(\n 'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n ),\n ariaLabel: PropTypes.string.description(\n 'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n ),\n innerRef: PropTypes.func.description('Checkbox input ref.'),\n autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,SAAS,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,MAAM,CAAC,YAAY,WAAW,YACpF;AAAA,EAEF,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,WAAW,YAAY;AAAA,EAC9C,OAAO,4BAAU,OAAO,YACtB;AAAA,EAEF,IAAI,4BAAU,OAAO,WAAW,YAC9B;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,cAAc,4BAAU,OAAO,YAC7B;AAAA,EAEF,WAAW,4BAAU,OAAO,YAC1B;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,WAAW,4BAAU,KAAK,YAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-checkbox/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\nimport { StyledCheckBoxT, StyledLabelT } from './index.d';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div`\n display: inline-grid;\n grid-template-rows: min-content;\n grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n align-items: center;\n`;\n\nexport const StyledCheckBox = styled.span<StyledCheckBoxT>`\n width: ${({ theme }) => theme.space.xs};\n height: ${({ theme }) => theme.space.xs};\n border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n border-radius: 2px;\n position: relative;\n background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}\n &:focus-within {\n ${({ theme, hasError, disabled }) =>\n !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : undefined};\n &:hover {\n ${({ theme, checked, disabled, readOnly, hasError }) =>\n handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n }\n }\n &:hover {\n background: ${({ theme, checked, disabled }) =>\n !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined};\n ${({ theme, hasError, disabled, readOnly }) =>\n !hasError && !disabled && !readOnly ? ` border: 1px solid ${theme.colors.brand[600]}` : undefined};\n }\n`;\n\nexport const StyledInput = styled.input`\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n`;\n\nexport const StyledLabel = styled.label<StyledLabelT>`\n &:hover {\n cursor: pointer;\n }\n padding-left: ${({ theme }) => theme.space.xxs};\n color: ${({ theme, disabled, readOnly, checked }) =>\n (disabled && checked !== true) || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n font-size: 13px;\n line-height: 13px;\n display: inherit;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEnB,0BAAuD;AAEhD,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA,2BAGX,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAI/C,MAAM,iBAAiB,iCAAO;AAAA,WAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,sBACjB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,+CAAsB,OAAO;AAAA,IAClE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,yCAAgB,OAAO,SAAS,UAAU,UAAU;AAAA;AAAA,MAExG,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,YAAY,CAAC,WAAW,qBAAqB,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA,QAEzE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,yCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,kBAIpD,CAAC,EAAE,OAAO,SAAS,eAC/B,CAAC,YAAa,aAAY,WAAW,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC1E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAIxF,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA,kBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAClC,CAAC,EAAE,OAAO,UAAU,UAAU,cACpC,YAAY,YAAY,QAAS,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-checkbox/utils/setMultipleRefs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export function setMultipleRefs<T = unknown>(\n refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,\n): React.RefCallback<T> {\n return (value) => {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n (ref as React.MutableRefObject<T | null>).current = value;\n }\n });\n };\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,yBACL,MACsB;AACtB,SAAO,CAAC,UAAU;AAChB,SAAK,QAAQ,CAAC,QAAQ;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI;AAAA,iBACK,OAAO,MAAM;AACtB,QAAC,IAAyC,UAAU;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-checkbox/utils/styleHelpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-params */\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const handleCheckMarkColor = (\n { colors }: Theme,\n disabled: boolean,\n readOnly: boolean,\n hasError: boolean,\n checked: boolean | 'mixed',\n isHovering: boolean,\n): string => {\n if (hasError) {\n return colors.danger[900];\n }\n if (disabled || readOnly) {\n return colors.neutral[500];\n }\n if (isHovering && checked !== false) {\n return colors.brand[800];\n }\n return colors.brand[500];\n};\n\nexport const handleCheckmark = (\n theme: Theme,\n checked: boolean | 'mixed',\n disabled: boolean,\n readOnly: boolean,\n hasError: boolean,\n isHovering = false,\n): string => {\n if (checked === 'mixed') {\n return `&:before {\n position: absolute;\n content: '';\n top: 6px;\n left: 3px;\n background: ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};\n width: ${theme.space.xxs};\n height: 2px;\n }`;\n }\n if (checked) {\n return `&:before {\n position: absolute;\n content: '';\n top: 3px;\n left: 2px;\n border-left: 2px solid ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};\n border-bottom: 2px solid ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};\n height: 5px;\n width: 10px;\n transform: rotate(-45deg);\n }`;\n }\n return undefined;\n};\n\nexport const handleBackgroundColor = ({ colors }: Theme, disabled: boolean): string => {\n if (disabled) {\n return colors.neutral['080'];\n }\n\n return colors.neutral['000'];\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGhB,MAAM,uBAAuB,CAClC,EAAE,UACF,UACA,UACA,UACA,SACA,eACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO;AAAA;AAEvB,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ;AAAA;AAExB,MAAI,cAAc,YAAY,OAAO;AACnC,WAAO,OAAO,MAAM;AAAA;AAEtB,SAAO,OAAO,MAAM;AAAA;AAGf,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,UACF;AACX,MAAI,YAAY,SAAS;AACvB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKO,qBAAqB,OAAO,UAAU,UAAU,UAAU,SAAS;AAAA,aACxE,MAAM,MAAM;AAAA;AAAA;AAAA;AAIvB,MAAI,SAAS;AACX,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKwB,qBAAqB,OAAO,UAAU,UAAU,UAAU,SAAS;AAAA,qCACjE,qBAAqB,OAAO,UAAU,UAAU,UAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAMtG,SAAO;AAAA;AAGF,MAAM,wBAAwB,CAAC,EAAE,UAAiB,aAA8B;AACrF,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA;AAGxB,SAAO,OAAO,QAAQ;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-combobox/ComboBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { useComboBox } from './config/useComboBox';\nimport { Container } from './parts/container';\nimport { propTypes } from './propTypes';\nimport { ComboBoxContext, defaultProps } from './ComboBoxCTX';\nimport type { ComboBoxPropsT } from './index.d';\n\nconst DSComboBox = (props: ComboBoxPropsT): JSX.Element => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n const ctx = useComboBox(props);\n return (\n <ComboBoxContext.Provider value={ctx}>\n <Container />\n </ComboBoxContext.Provider>\n );\n};\nDSComboBox.propTypes = propTypes;\nconst DSComboBoxWithSchema = describe(DSComboBox);\nDSComboBoxWithSchema.propTypes = propTypes;\n\nexport { DSComboBox, DSComboBoxWithSchema, DSComboBox as DSComboBoxV3 };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6E;AAC7E,yBAA4B;AAC5B,uBAA0B;AAC1B,uBAA0B;AAC1B,yBAA8C;AAG9C,MAAM,aAAa,CAAC,UAAuC;AACzD,QAAM,mBAAmB,0DAA6B,OAAO;AAE7D,8DAA+B,kBAAkB;AACjD,QAAM,MAAM,oCAAY;AACxB,SACE,mDAAC,mCAAgB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAC/B,mDAAC,4BAAD;AAAA;AAIN,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-combobox/ComboBoxCTX.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { createContext, createRef } from 'react';\nimport { noop } from 'lodash';\nimport { ComboBoxPropsT, ComboBoxContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport const defaultProps: ComboBoxPropsT = {\n placeholder: '',\n options: [],\n selectedValues: null,\n hasError: false,\n inline: false,\n autoFocus: false,\n startPlacementPreference: 'bottom-start',\n placementOrderPreference: ['bottom-start', 'bottom-end'],\n onClearAll: noop,\n onSelectAll: noop,\n onCreate: noop,\n withToggle: false,\n onChange: noop,\n onKeyDown: noop,\n onFilter: noop,\n onMenuOpen: noop,\n};\nconst defaultContext = {\n props: defaultProps,\n showPopover: false,\n setShowPopover: noop,\n scrollOptionIntoView: noop,\n referenceElement: null,\n hasFocus: false,\n setHasFocus: noop,\n pillGroupRef: createRef<HTMLDivElement>(),\n setReferenceElement: noop,\n inputRef: createRef<HTMLInputElement>(),\n listRef: createRef<HTMLDivElement>(),\n wrapperListRef: createRef<HTMLDivElement>(),\n controlsWrapperRef: createRef<HTMLInputElement>(),\n selectedOptionsRef: createRef<HTMLInputElement>(),\n showSelectedValue: false,\n setShowSelectedValue: noop,\n focusOptionIdx: '',\n setCurrentOption: noop,\n showSelectedOptions: false,\n setShowSelectedOptions: noop,\n};\n/** Context for cross component communication */\nexport const ComboBoxContext = createContext<ComboBoxContextT>(defaultContext);\n\nexport default ComboBoxContext;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,oBAAqB;AAId,MAAM,eAA+B;AAAA,EAC1C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB;AAAA,EAC3C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA;AAEd,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA;AAGnB,MAAM,kBAAkB,gCAAgC;AAE/D,IAAO,sBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-combobox/ComboboxDataTestids.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const ComboboxDataTestid = {\n INPUT: 'combobox-input',\n LIST: 'combobox-menu-list',\n SELECTED_VALUES: 'combobox-selected-values',\n SELECT_ALL_BUTTON: 'combobox-all-btn',\n CLEAR_ALL_BUTTON: 'combobox-clear-btn',\n DROPDOWN: 'combobox-dropdown-btn',\n OPTION: 'combobox-option',\n SELECT_ALL_CHECKBOX: 'combobox-select-all-checkbox',\n SHOW_SELECTED_OPTIONS_TOGGLE: 'combobox-selected-options-toggle',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,8BAA8B;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-combobox/config/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const DATA_TESTID = {\n COMBOBOX_MENU_LIST: 'combobox-menu-list',\n COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',\n COMBOBOX_ALL_BTN: 'combobox-all-btn',\n COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',\n COMBOBOX_OPTION: 'combobox-option',\n COMBOBOX: 'combobox',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,UAAU;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-combobox/config/useComboBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useRef, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useVirtual } from 'react-virtual';\nimport { useGetComboBoxWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { ComboBoxPropsT, ComboBoxContextT, CBOptionT, CBItemCreatableOption } from '../index.d';\n\nexport const useComboBox = (props: Partial<ComboBoxPropsT>): ComboBoxContextT => {\n const [showPopover, setShowPopover] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n const [showSelectedValue, setShowSelectedValue] = useState<boolean>(false);\n const [showSelectedOptions, setShowSelectedOptions] = useState<boolean>(false);\n\n const [hasFocus, setHasFocus] = useState<boolean>(false);\n const [focusOptionIdx, setCurrentOption] = useState<string>('');\n const inputRef = useRef<HTMLInputElement>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const wrapperListRef = useRef<HTMLDivElement>(null);\n\n const selectedOptionsRef = useRef<HTMLDivElement>(null);\n const controlsWrapperRef = useRef<HTMLDivElement>(null);\n const pillGroupRef = useRef<HTMLDivElement>(null);\n\n const propsWithDefaults = useGetComboBoxWithDefaultsProps(props);\n const { options, selectedValues, onCreate } = propsWithDefaults;\n\n // ---------------------------------------------------------------------------\n // Menu Options with/out selected filter\n // ---------------------------------------------------------------------------\n\n const selectedValuesWithSections = useCallback(() => {\n const multiSelectedValue = selectedValues as CBOptionT[];\n const items = [] as CBOptionT[];\n\n options.forEach((option) => {\n const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);\n if (isSelectedValue) {\n items.push(option);\n }\n\n if (option.type === 'section') {\n if (items[items.length - 1]?.type === 'section') {\n items[items.length - 1] = option;\n } else {\n items.push(option);\n }\n }\n });\n if (items[items.length - 1]?.type === 'section') {\n items.pop();\n }\n\n return items;\n }, [options, selectedValues]);\n\n const correctOptions = useMemo(() => {\n if (showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0) {\n return selectedValuesWithSections();\n }\n if (onCreate !== noop && inputRef.current && inputRef.current.value !== '') {\n const creatableUuid = uuidv4() as string;\n const creatableItem: CBItemCreatableOption = {\n dsId: `creatable-${creatableUuid}`,\n label: inputRef.current?.value,\n type: 'creatable',\n };\n return [creatableItem, ...options];\n }\n return options;\n }, [options, onCreate, selectedValuesWithSections, selectedValues, showSelectedOptions]);\n\n // ===========================================================================\n // Virtualization setup\n // ===========================================================================\n\n const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n size: correctOptions.length,\n parentRef: listRef,\n overscan: 15,\n paddingStart: 0,\n });\n\n // ===========================================================================\n // Scroll into view function\n // ===========================================================================\n const scrollOptionIntoView = useCallback(\n (dsId: string, opts = { align: 'center' }) => {\n virtualListHelpers.scrollToIndex(\n correctOptions.findIndex((opt) => opt.dsId === dsId),\n opts,\n );\n },\n [correctOptions, virtualListHelpers],\n );\n\n const ctx = useMemo(\n () => ({\n props: { ...propsWithDefaults, options: correctOptions },\n virtualListHelpers,\n showPopover,\n referenceElement,\n inputRef,\n showSelectedValue,\n listRef,\n focusOptionIdx,\n selectedOptionsRef,\n controlsWrapperRef,\n hasFocus,\n pillGroupRef,\n showSelectedOptions,\n wrapperListRef,\n setShowSelectedOptions,\n setHasFocus,\n setCurrentOption,\n scrollOptionIntoView,\n setShowSelectedValue,\n setReferenceElement,\n setShowPopover,\n }),\n [\n scrollOptionIntoView,\n correctOptions,\n propsWithDefaults,\n virtualListHelpers,\n focusOptionIdx,\n showSelectedValue,\n wrapperListRef,\n showSelectedOptions,\n showPopover,\n pillGroupRef,\n referenceElement,\n inputRef,\n selectedOptionsRef,\n controlsWrapperRef,\n hasFocus,\n listRef,\n ],\n );\n\n return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAuD;AACvD,oBAAqB;AACrB,kBAA6B;AAE7B,2BAA2B;AAC3B,oCAAgD;AAGzC,MAAM,cAAc,CAAC,UAAqD;AAC/E,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,2BAA6B;AAC7E,QAAM,CAAC,mBAAmB,wBAAwB,2BAAkB;AACpE,QAAM,CAAC,qBAAqB,0BAA0B,2BAAkB;AAExE,QAAM,CAAC,UAAU,eAAe,2BAAkB;AAClD,QAAM,CAAC,gBAAgB,oBAAoB,2BAAiB;AAC5D,QAAM,WAAW,yBAAyB;AAC1C,QAAM,UAAU,yBAAuB;AACvC,QAAM,iBAAiB,yBAAuB;AAE9C,QAAM,qBAAqB,yBAAuB;AAClD,QAAM,qBAAqB,yBAAuB;AAClD,QAAM,eAAe,yBAAuB;AAE5C,QAAM,oBAAoB,mEAAgC;AAC1D,QAAM,EAAE,SAAS,gBAAgB,aAAa;AAM9C,QAAM,6BAA6B,8BAAY,MAAM;AACnD,UAAM,qBAAqB;AAC3B,UAAM,QAAQ;AAEd,YAAQ,QAAQ,CAAC,WAAW;AAC1B,YAAM,kBAAkB,mBAAmB,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO;AAC/E,UAAI,iBAAiB;AACnB,cAAM,KAAK;AAAA;AAGb,UAAI,OAAO,SAAS,WAAW;AAC7B,YAAI,MAAM,MAAM,SAAS,IAAI,SAAS,WAAW;AAC/C,gBAAM,MAAM,SAAS,KAAK;AAAA,eACrB;AACL,gBAAM,KAAK;AAAA;AAAA;AAAA;AAIjB,QAAI,MAAM,MAAM,SAAS,IAAI,SAAS,WAAW;AAC/C,YAAM;AAAA;AAGR,WAAO;AAAA,KACN,CAAC,SAAS;AAEb,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,uBAAuB,MAAM,QAAQ,mBAAmB,eAAe,SAAS,GAAG;AACrF,aAAO;AAAA;AAET,QAAI,aAAa,sBAAQ,SAAS,WAAW,SAAS,QAAQ,UAAU,IAAI;AAC1E,YAAM,gBAAgB;AACtB,YAAM,gBAAuC;AAAA,QAC3C,MAAM,aAAa;AAAA,QACnB,OAAO,SAAS,SAAS;AAAA,QACzB,MAAM;AAAA;AAER,aAAO,CAAC,eAAe,GAAG;AAAA;AAE5B,WAAO;AAAA,KACN,CAAC,SAAS,UAAU,4BAA4B,gBAAgB;AAMnE,QAAM,qBAAoD,qCAAW;AAAA,IACnE,MAAM,eAAe;AAAA,IACrB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,8BAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,eAAe,UAAU,CAAC,QAAQ,IAAI,SAAS,OAC/C;AAAA,KAGJ,CAAC,gBAAgB;AAGnB,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO,KAAK,mBAAmB,SAAS;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/controlled-combobox/config/useGetPropsWithDefault.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../ComboBoxCTX';\nimport { ComboBoxPropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetComboBoxWithDefaultsProps = (props: Partial<ComboBoxPropsT>): ComboBoxPropsT =>\n useMemoMergePropsWithDefault(props, defaultProps);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAC7C,yBAA6B;AAGtB,MAAM,kCAAkC,CAAC,UAC9C,0DAA6B,OAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-combobox/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { LayoutProps } from 'styled-system';\n\ninterface CommonCBItemOptions {\n dsId: string;\n render?: React.ComponentType<unknown>;\n}\nexport interface CBItemSeparatorOptions extends CommonCBItemOptions {\n type: 'separator';\n}\n\nexport interface CBItemSectionOptions extends CommonCBItemOptions {\n type: 'section';\n label: string;\n}\n\nexport interface CBItemOption extends CommonCBItemOptions {\n value: unknown;\n label: string;\n type: 'option';\n disabled?: boolean;\n}\n\nexport interface CBItemCreatableOption {\n dsId: string;\n label: string;\n type: 'creatable';\n}\n\nexport type CBOptionT = CBItemOption | CBItemSectionOptions | CBItemSeparatorOptions | CBItemCreatableOption;\n\nexport type CBSelectedOptionsT = CBItemOption[] | CBItemOption | null;\n\nexport interface ComboBoxPropsT {\n placeholder?: string;\n options: CBOptionT[];\n selectedValues: CBSelectedOptionsT;\n hasError?: boolean;\n inline?: boolean;\n autoFocus?: boolean;\n startPlacementPreference: string;\n placementOrderPreference: string[];\n inputMinWidth?: number;\n menuMinWidth?: number;\n menuMaxHeight?: number;\n onKeyDown: (e: KeyboardEvent<Element>, value: CBOptionT | undefined) => void;\n onChange: (value: CBItemValue) => void;\n onSelectAll: () => void;\n onClearAll: () => void;\n onFilter: (value: string) => void;\n onCreate: (label: string) => void;\n onMenuOpen?: () => void;\n onCancel?: () => void;\n}\n\nexport interface ComboBoxContextT {\n props: ComboBoxPropsT;\n virtualListHelpers?: ReturnType<typeof useVirtual>;\n showPopover: boolean;\n setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;\n referenceElement: HTMLElement | null;\n setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;\n hasFocus: boolean;\n pillGroupRef: React.RefObject<HTMLDivElement>;\n scrollOptionIntoView: (dsId: string, opts?: any) => void;\n setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;\n inputRef: React.RefObject<HTMLInputElement>;\n listRef: React.RefObject<HTMLDivElement>;\n wrapperListRef: React.RefObject<HTMLDivElement>;\n selectedOptionsRef: React.RefObject<HTMLDivElement>;\n controlsWrapperRef: React.RefObject<HTMLDivElement>;\n showSelectedValue: boolean;\n setShowSelectedValue: React.Dispatch<React.SetStateAction<boolean>>;\n focusOptionIdx: string;\n setCurrentOption: React.Dispatch<React.SetStateAction<string>>;\n showSelectedOptions: boolean;\n setShowSelectedOptions: React.Dispatch<React.SetStateAction<boolean>>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/controlled-combobox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './ComboBox';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADCvB,wCAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/a11y-messages/MultiAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n const {\n props: { options, selectedValues },\n } = useContext(ComboBoxContext);\n const selectableOptions = getSelectableOptions(options);\n\n const multipleSelectedValues = selectedValues as CBItemOption[];\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n multipleSelectedValues.length\n } of ${selectableOptions.length}`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { MultiAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,yBAAgC;AAChC,wBAAqC;AACrC,oBAAyC;AACzC,MAAM,oBAAoB,MAAmB;AAC3C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,MAChB,6BAAW;AACf,QAAM,oBAAoB,4CAAqB;AAE/C,QAAM,yBAAyB;AAC/B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,qBAAqB,uBAAuB,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK,UAC1E,uBAAuB,aAClB,kBAAkB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/a11y-messages/SingleAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n const {\n props: { selectedValues },\n } = useContext(ComboBoxContext);\n\n const singleSelectedValue = selectedValues as CBItemOption;\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Option selected: ${singleSelectedValue.label}.`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { SingleAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,yBAAgC;AAChC,oBAAyC;AACzC,MAAM,qBAAqB,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,oBAAoB,oBAAoB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/a11y-messages/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { MultiAllyMessages } from './MultiAllyMessages';\nexport { SingleAllyMessages } from './SingleAllyMessages';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAkC;AAClC,gCAAmC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/a11y-messages/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n width: 1px;\n height: 1px;\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/container/Container.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline, startPlacementPreference, placementOrderPreference },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n if (inputRef.current) inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const handleMouseDown = useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n }, []);\n\n const handleOnClickContainer = useCallback(() => {\n setShowPopover(!showPopover);\n }, [setShowPopover, showPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement} onClick={handleOnClickContainer}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n startPlacementPreference={startPlacementPreference}\n placementOrderPreference={placementOrderPreference}\n withoutPortal\n withoutArrow\n withoutAnimation\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,yBAA2B;AAC3B,yBAAgC;AAChC,oBAAsF;AACtF,sBAAyB;AACzB,uBAAyB;AACzB,MAAM,YAAY,MAAmB;AACnC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,0BAA0B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,kBAAkB,8BAAY,MAAM;AACxC,mBAAe;AACf,QAAI,SAAS;AAAS,eAAS,QAAQ;AAAA,KACtC,CAAC,UAAU;AAEd,QAAM,kBAAkB,8BAAY,CAAC,MAAwB;AAC3D,MAAE;AAAA,KACD;AAEH,QAAM,yBAAyB,8BAAY,MAAM;AAC/C,mBAAe,CAAC;AAAA,KACf,CAAC,gBAAgB;AAEpB,QAAM,kBAAkB,SAAS,sCAAwB;AACzD,SACE,wFACE,mDAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAqB,SAAS;AAAA,KAClD,mDAAC,0BAAD,OACC,SAAS,mDAAC,2BAAD,QAAe,OAE1B,CAAC,SACA,mDAAC,+BAAD;AAAA,IACE,cAAc,CAAC,GAAG;AAAA,IAClB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,kBAAgB;AAAA,IAChB,QAAQ;AAAA,KAER,mDAAC,mCAAD;AAAA,IAAqB,UAAU;AAAA,IAAI,aAAa;AAAA,KAC9C,mDAAC,2BAAD,UAGF;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/container/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { Container } from './Container';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/container/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledContainerWithPopper = styled.div`\n width: 100%;\n height: 28px;\n position: relative;\n`;\n\nexport const StyledContainerInline = styled.div`\n width: 100%;\n position: relative;\n`;\n\nexport const StyledPopperWrapper = styled.div`\n background: #fff;\n overflow: auto;\n position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/controls/Controls.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { DSPillV2 } from '@elliemae/ds-pills';\nimport { DropdownIndicator } from '../dropdown-indicator/DropdownIndicator';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport {\n StyledControlsWrapper,\n StyleHeaderActionsSeparator,\n StyledHeaderActionsWrapper,\n StyledSelection,\n} from './styled';\nimport { MultiSelectedValuesContainer } from '../multi-selected-values-container';\nimport { ControlsInput } from '../controls-input/ControlsInput';\nconst Controls = (): JSX.Element => {\n const {\n props: { inline, inputMinWidth, hasError, selectedValues },\n inputRef,\n selectedOptionsRef,\n setShowPopover,\n showPopover,\n hasFocus,\n controlsWrapperRef,\n } = useContext(ComboBoxContext);\n\n const handleOnClick = useCallback(() => {\n if (hasFocus && showPopover && !inline) {\n inputRef.current?.blur();\n } else if (hasFocus) {\n setShowPopover(true);\n } else {\n inputRef.current?.focus();\n }\n }, [hasFocus, setShowPopover, showPopover, inputRef, inline]);\n\n const handleOnMouseDown = (e: Event) => {\n if (hasFocus || inline) {\n e.preventDefault();\n }\n };\n const cols = !inline ? ['minmax(0px,max-content)', 'minmax(20px, auto)', '29px'] : ['minmax(0px, auto)'];\n return (\n <StyledControlsWrapper\n ref={controlsWrapperRef}\n cols={cols}\n minWidth={inputMinWidth}\n hasError={hasError}\n hasFocus={hasFocus}\n inline={inline}\n onClick={handleOnClick}\n onMouseDown={handleOnMouseDown}\n >\n {!inline && (\n <StyledSelection ref={selectedOptionsRef} data-testid={ComboboxDataTestid.SELECTED_VALUES}>\n {Array.isArray(selectedValues) ? (\n <MultiSelectedValuesContainer />\n ) : (\n <>\n {selectedValues && (\n <DSPillV2\n size=\"s\"\n labelTruncated\n key={selectedValues.value}\n label={selectedValues.label}\n type=\"value\"\n />\n )}\n </>\n )}\n </StyledSelection>\n )}\n\n <ControlsInput />\n {!inline && (\n <StyledHeaderActionsWrapper>\n <StyleHeaderActionsSeparator />\n <DropdownIndicator />\n </StyledHeaderActionsWrapper>\n )}\n </StyledControlsWrapper>\n );\n};\n\nexport { Controls };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,sBAAyB;AACzB,+BAAkC;AAClC,iCAAmC;AACnC,yBAAgC;AAChC,oBAKO;AACP,6CAA6C;AAC7C,2BAA8B;AAC9B,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,eAAe,UAAU;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,gBAAgB,8BAAY,MAAM;AACtC,QAAI,YAAY,eAAe,CAAC,QAAQ;AACtC,eAAS,SAAS;AAAA,eACT,UAAU;AACnB,qBAAe;AAAA,WACV;AACL,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,UAAU,gBAAgB,aAAa,UAAU;AAErD,QAAM,oBAAoB,CAAC,MAAa;AACtC,QAAI,YAAY,QAAQ;AACtB,QAAE;AAAA;AAAA;AAGN,QAAM,OAAO,CAAC,SAAS,CAAC,2BAA2B,sBAAsB,UAAU,CAAC;AACpF,SACE,mDAAC,qCAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,KAEZ,CAAC,UACA,mDAAC,+BAAD;AAAA,IAAiB,KAAK;AAAA,IAAoB,eAAa,8CAAmB;AAAA,KACvE,MAAM,QAAQ,kBACb,mDAAC,qEAAD,QAEA,wFACG,kBACC,mDAAC,0BAAD;AAAA,IACE,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,KAAK,eAAe;AAAA,IACpB,OAAO,eAAe;AAAA,IACtB,MAAK;AAAA,QAQjB,mDAAC,oCAAD,OACC,CAAC,UACA,mDAAC,0CAAD,MACE,mDAAC,2CAAD,OACA,mDAAC,4CAAD;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/controls/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { Controls } from './Controls';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAyB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/controls/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ComboBoxPropsT } from '../../index.d';\nimport { boolean } from 'yargs';\n\nconst normalBorder = css<{ hasError: boolean }>`\n border: 1px solid ${(props) => (props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<{\n hasError?: boolean;\n inline?: boolean;\n hasFocus: boolean;\n minWidth: number | undefined;\n}>`\n background: transparent;\n position: relative;\n border-radius: 2px;\n min-width: ${({ minWidth, inline }) => (inline ? '' : `${minWidth}px`)};\n align-items: center;\n align-content: center;\n height: 28px;\n padding-left: 8px;\n margin: ${({ inline }) => (inline ? '10px 16px' : 'none')};\n &::after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 2px;\n ${({ hasFocus }) => (hasFocus ? focusBorder : normalBorder)}\n pointer-events: none;\n z-index: 7;\n }\n`;\n\nexport const StyledSelection = styled.div`\n font-size: 13px;\n margin-right: 3px;\n line-height: 13px;\n display: flex;\n`;\n\nexport const StyledHeaderActionsWrapper = styled.div`\n align-items: center;\n align-self: stretch;\n display: flex;\n box-sizing: border-box;\n height: 28px;\n\n .em-ds-button--text:focus::after {\n border: none;\n }\n`;\n\nexport const StyleDropdownIndicator = styled.div``;\n\nexport const StyleHeaderActionsSeparator = styled.span`\n align-self: stretch;\n margin: 4px 0px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral['500']};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAoB;AACpB,qBAAqB;AAIrB,MAAM,eAAe;AAAA,sBACC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE/G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAAA,eAS7B,CAAC,EAAE,UAAU,aAAc,SAAS,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,YAK/C,CAAC,EAAE,aAAc,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU9C,CAAC,EAAE,eAAgB,WAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,6BAA6B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY1C,MAAM,yBAAyB,iCAAO;AAEtC,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA,sBAI5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/controls-input/ControlsInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from './styled';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\n\nconst ControlsInput = (): JSX.Element => {\n const {\n props: { autoFocus },\n showPopover,\n focusOptionIdx,\n inputRef,\n } = useContext(ComboBoxContext);\n const { onInputKeyDown } = useKeyboardNavigation();\n const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } =\n useControlsInput();\n return (\n <StyledInputWrapper>\n <StyledInputWidthReference ref={spanReference}>{spanReferenceText}</StyledInputWidthReference>\n <StyledInputPlaceHolder>\n <SimpleTruncatedTooltipText value={showPlaceholder}></SimpleTruncatedTooltipText>\n </StyledInputPlaceHolder>\n\n <StyledInput\n data-testid={ComboboxDataTestid.INPUT}\n autoFocus={autoFocus}\n aria-labelledby=\"combo-label\"\n aria-controls=\"combo-listbox\"\n aria-owns=\"combo-listbox\"\n aria-activedescendant={focusOptionIdx}\n aria-expanded={showPopover}\n aria-haspopup=\"listbox\"\n role=\"combobox\"\n style={{ width }}\n ref={inputRef}\n type=\"text\"\n onKeyDown={onInputKeyDown}\n onChange={handleOnChange}\n onBlur={handleOnBlur}\n onFocus={handleOnFocus}\n />\n </StyledInputWrapper>\n );\n};\n\nexport { ControlsInput };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,uCAA2C;AAC3C,iCAAmC;AACnC,oBAAmG;AACnG,mCAAsC;AACtC,8BAAiC;AACjC,yBAAgC;AAEhC,MAAM,gBAAgB,MAAmB;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,eAAe,OAAO,mBAAmB,iBAAiB,cAAc,gBAAgB,kBAC9F;AACF,SACE,mDAAC,kCAAD,MACE,mDAAC,yCAAD;AAAA,IAA2B,KAAK;AAAA,KAAgB,oBAChD,mDAAC,sCAAD,MACE,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAGrC,mDAAC,2BAAD;AAAA,IACE,eAAa,8CAAmB;AAAA,IAChC;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,OAAO,EAAE;AAAA,IACT,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/controlled-combobox/parts/controls-input/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledInput = styled.input`\n font-size: 13px;\n line-height: 13px;\n border: none;\n padding: 0;\n outline: none;\n color: ${(props) => props.theme.colors.neutral[700]};\n &:focus {\n outline: none;\n }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n font-style: italic;\n color: ${(props) => props.theme.colors.neutral[500]};\n position: absolute;\n display: flex;\n align-items: center;\n width: 100%;\n user-select: none;\n height: 28px;\n`;\n\nexport const StyledInputWidthReference = styled.span`\n visibility: hidden;\n position: absolute;\n top: -9999px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n position: relative;\n flex: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,iCAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|