intergalactic 15.119.0 → 15.120.0
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/CHANGELOG.md +95 -0
- package/accordion/lib/cjs/Accordion.js +11 -12
- package/accordion/lib/cjs/Accordion.js.map +1 -1
- package/accordion/lib/es6/Accordion.js +11 -12
- package/accordion/lib/es6/Accordion.js.map +1 -1
- package/accordion/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +20 -18
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +4 -7
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -11
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +20 -18
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +4 -7
- package/base-trigger/lib/es6/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/es6/FilterTrigger.js +7 -11
- package/base-trigger/lib/es6/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/package.json +1 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +27 -27
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +27 -27
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/package.json +1 -1
- package/components.json +23 -23
- package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/index.d.ts +2 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js +173 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/cjs/index.js +7 -0
- package/d3-chart/lib/cjs/index.js.map +1 -1
- package/d3-chart/lib/cjs/types/index.d.js +9 -1
- package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js +163 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/es6/index.js +1 -0
- package/d3-chart/lib/es6/index.js.map +1 -1
- package/d3-chart/lib/es6/types/index.d.js +1 -0
- package/d3-chart/lib/es6/types/index.d.js.map +1 -1
- package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/lib/types/index.d.ts +2 -0
- package/d3-chart/package.json +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
- package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
- package/drag-and-drop/package.json +1 -1
- package/dropdown/lib/cjs/AbstractDropdown.js +52 -43
- package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/cjs/Dropdown.js +16 -16
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/AbstractDropdown.js +52 -43
- package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +16 -16
- package/dropdown/lib/es6/Dropdown.js.map +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/index.d.ts +2 -0
- package/dropdown-menu/lib/cjs/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/index.d.js.map +1 -1
- package/dropdown-menu/lib/es6/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/index.d.js.map +1 -1
- package/dropdown-menu/lib/types/index.d.ts +2 -0
- package/dropdown-menu/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/package.json +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +16 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +16 -4
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-edit/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +10 -21
- package/input-number/lib/cjs/InputNumber.js.map +1 -1
- package/input-number/lib/es6/InputNumber.js +10 -21
- package/input-number/lib/es6/InputNumber.js.map +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/InputTags.d.ts +4 -2
- package/input-tags/lib/cjs/InputTags.js +51 -37
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +52 -37
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/input-tags/lib/types/InputTags.d.ts +4 -2
- package/input-tags/package.json +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +19 -13
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +18 -18
- package/mini-chart/lib/cjs/component/trend/Bar.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Donut.js +19 -13
- package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.js +18 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +17 -11
- package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Line.js +17 -11
- package/mini-chart/lib/es6/component/trend/Line.js.map +1 -1
- package/mini-chart/package.json +1 -1
- package/notice/lib/cjs/Notice.js +14 -14
- package/notice/lib/es6/Notice.js +14 -14
- package/notice/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pagination/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +20 -16
- package/select/lib/cjs/InputSearch.js.map +1 -1
- package/select/lib/cjs/Select.js +28 -13
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/cjs/translations/de.json +2 -2
- package/select/lib/cjs/translations/en.json +3 -1
- package/select/lib/cjs/translations/es.json +2 -2
- package/select/lib/cjs/translations/fr.json +2 -2
- package/select/lib/cjs/translations/it.json +2 -2
- package/select/lib/cjs/translations/ja.json +2 -2
- package/select/lib/cjs/translations/ko.json +2 -2
- package/select/lib/cjs/translations/nl.json +2 -2
- package/select/lib/cjs/translations/pl.json +2 -2
- package/select/lib/cjs/translations/pt.json +2 -2
- package/select/lib/cjs/translations/sv.json +2 -2
- package/select/lib/cjs/translations/tr.json +2 -2
- package/select/lib/cjs/translations/vi.json +2 -2
- package/select/lib/cjs/translations/zh.json +2 -2
- package/select/lib/es6/InputSearch.js +20 -16
- package/select/lib/es6/InputSearch.js.map +1 -1
- package/select/lib/es6/Select.js +28 -13
- package/select/lib/es6/Select.js.map +1 -1
- package/select/lib/es6/translations/de.json +2 -2
- package/select/lib/es6/translations/en.json +3 -1
- package/select/lib/es6/translations/es.json +2 -2
- package/select/lib/es6/translations/fr.json +2 -2
- package/select/lib/es6/translations/it.json +2 -2
- package/select/lib/es6/translations/ja.json +2 -2
- package/select/lib/es6/translations/ko.json +2 -2
- package/select/lib/es6/translations/nl.json +2 -2
- package/select/lib/es6/translations/pl.json +2 -2
- package/select/lib/es6/translations/pt.json +2 -2
- package/select/lib/es6/translations/sv.json +2 -2
- package/select/lib/es6/translations/tr.json +2 -2
- package/select/lib/es6/translations/vi.json +2 -2
- package/select/lib/es6/translations/zh.json +2 -2
- package/select/package.json +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/package.json +1 -1
- package/utils/lib/ariaProps.d.ts +12 -0
- package/utils/lib/ariaProps.js +22 -0
- package/utils/lib/ariaProps.js.map +1 -0
- package/utils/lib/ariaProps.mjs +16 -0
- package/utils/lib/ariaProps.mjs.map +1 -0
@@ -21,35 +21,35 @@ import { localizedMessages } from '../translations/__intergalactic-dynamic-local
|
|
21
21
|
import { includesDate } from '../utils/includesDate';
|
22
22
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
23
23
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SHeader": "
|
26
|
-
"__STitle": "
|
27
|
-
"__SToday": "
|
28
|
-
"__SPeriod": "
|
29
|
-
"__SButton": "
|
30
|
-
"__SInner": "
|
31
|
-
"__SInputMask": "
|
32
|
-
"_animationsDisabled": "
|
33
|
-
"__SValue": "
|
34
|
-
"__SIndicator": "
|
35
|
-
"__SRangeIndicator": "
|
36
|
-
"_range_value": "
|
37
|
-
"_range_compare": "
|
38
|
-
"_disabled": "
|
39
|
-
"__SHumanizedDate": "
|
40
|
-
"__SMask": "
|
41
|
-
"__SSingleDateInput": "
|
42
|
-
"__SDateRange": "
|
43
|
-
"_noHumanizedDate": "
|
44
|
-
"__SRangeSep": "
|
45
|
-
"_fulfilled": "
|
46
|
-
"__SRangeComparatorHeader": "
|
47
|
-
"__SRangeCalendar": "
|
48
|
-
"__SFooter": "
|
49
|
-
"__SPeriodsList": "
|
50
|
-
"__STooltip": "
|
51
|
-
"__SCompareToggle": "
|
52
|
-
"__SPopper": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1eyjh_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1eyjh_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1eyjh_gg_:active,.___SPopper_1eyjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1eyjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1eyjh_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1eyjh_gg_,.___STitle_1eyjh_gg_{display:flex;align-items:center}.___STitle_1eyjh_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1eyjh_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1eyjh_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1eyjh_gg_ .___SInner_1eyjh_gg_{justify-content:flex-start}.___SInputMask_1eyjh_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1eyjh_gg_.__animationsDisabled_1eyjh_gg_{transition:none}.___SInputMask_1eyjh_gg_ .___SValue_1eyjh_gg_{letter-spacing:0}.___SIndicator_1eyjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1eyjh_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1eyjh_gg_._range_value_1eyjh_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1eyjh_gg_._range_compare_1eyjh_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1eyjh_gg_.__disabled_1eyjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1eyjh_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1eyjh_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1eyjh_gg_ .___SMask_1eyjh_gg_,.___SDateRange_1eyjh_gg_ .___SValue_1eyjh_gg_,.___SSingleDateInput_1eyjh_gg_ .___SMask_1eyjh_gg_,.___SSingleDateInput_1eyjh_gg_ .___SValue_1eyjh_gg_{opacity:0}.___SSingleDateInput_1eyjh_gg_:focus-within .___SHumanizedDate_1eyjh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1eyjh_gg_:focus-within .___SMask_1eyjh_gg_,.___SSingleDateInput_1eyjh_gg_:focus-within .___SValue_1eyjh_gg_{opacity:1}.___SDateRange_1eyjh_gg_:focus-within .___SHumanizedDate_1eyjh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1eyjh_gg_:focus-within .___SMask_1eyjh_gg_,.___SDateRange_1eyjh_gg_:focus-within .___SValue_1eyjh_gg_{opacity:1}.___SInputMask_1eyjh_gg_.__noHumanizedDate_1eyjh_gg_ .___SMask_1eyjh_gg_,.___SInputMask_1eyjh_gg_.__noHumanizedDate_1eyjh_gg_ .___SValue_1eyjh_gg_{opacity:1}.___SDateRange_1eyjh_gg_ .___SInputMask_1eyjh_gg_:focus-within .___SMask_1eyjh_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1eyjh_gg_:focus-within .___SRangeSep_1eyjh_gg_,.___SRangeSep_1eyjh_gg_.__fulfilled_1eyjh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1eyjh_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1eyjh_gg_,.___SRangeComparatorHeader_1eyjh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1eyjh_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1eyjh_gg_,.___SPeriodsList_1eyjh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1eyjh_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1eyjh_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1eyjh_gg_{transition:none}}" /*__inner_css_end__*/, "1eyjh_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SHeader": "___SHeader_1eyjh_gg_",
|
26
|
+
"__STitle": "___STitle_1eyjh_gg_",
|
27
|
+
"__SToday": "___SToday_1eyjh_gg_",
|
28
|
+
"__SPeriod": "___SPeriod_1eyjh_gg_",
|
29
|
+
"__SButton": "___SButton_1eyjh_gg_",
|
30
|
+
"__SInner": "___SInner_1eyjh_gg_",
|
31
|
+
"__SInputMask": "___SInputMask_1eyjh_gg_",
|
32
|
+
"_animationsDisabled": "__animationsDisabled_1eyjh_gg_",
|
33
|
+
"__SValue": "___SValue_1eyjh_gg_",
|
34
|
+
"__SIndicator": "___SIndicator_1eyjh_gg_",
|
35
|
+
"__SRangeIndicator": "___SRangeIndicator_1eyjh_gg_",
|
36
|
+
"_range_value": "_range_value_1eyjh_gg_",
|
37
|
+
"_range_compare": "_range_compare_1eyjh_gg_",
|
38
|
+
"_disabled": "__disabled_1eyjh_gg_",
|
39
|
+
"__SHumanizedDate": "___SHumanizedDate_1eyjh_gg_",
|
40
|
+
"__SMask": "___SMask_1eyjh_gg_",
|
41
|
+
"__SSingleDateInput": "___SSingleDateInput_1eyjh_gg_",
|
42
|
+
"__SDateRange": "___SDateRange_1eyjh_gg_",
|
43
|
+
"_noHumanizedDate": "__noHumanizedDate_1eyjh_gg_",
|
44
|
+
"__SRangeSep": "___SRangeSep_1eyjh_gg_",
|
45
|
+
"_fulfilled": "__fulfilled_1eyjh_gg_",
|
46
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_1eyjh_gg_",
|
47
|
+
"__SRangeCalendar": "___SRangeCalendar_1eyjh_gg_",
|
48
|
+
"__SFooter": "___SFooter_1eyjh_gg_",
|
49
|
+
"__SPeriodsList": "___SPeriodsList_1eyjh_gg_",
|
50
|
+
"__STooltip": "___STooltip_1eyjh_gg_",
|
51
|
+
"__SCompareToggle": "___SCompareToggle_1eyjh_gg_",
|
52
|
+
"__SPopper": "___SPopper_1eyjh_gg_"
|
53
53
|
});
|
54
54
|
var INTERACTION_TAGS = ['INPUT'];
|
55
55
|
var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
|
package/date-picker/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/date-picker","description":"Semrush DatePicker Component","version":"4.54.
|
1
|
+
{"name":"intergalactic/date-picker","description":"Semrush DatePicker Component","version":"4.54.6","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/base-trigger":"4.49.2","@semcore/button":"5.40.1","@semcore/divider":"4.38.0","@semcore/dropdown":"4.41.7","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/input":"4.40.0","@semcore/input-mask":"5.41.0","@semcore/neighbor-location":"4.37.0","@semcore/typography":"5.48.0","@semcore/checkbox":"7.42.0","@semcore/tooltip":"6.47.0","dayjs":"1.8.36"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/date-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
|
@@ -25,22 +25,22 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
25
25
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
26
26
|
var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
|
27
27
|
/*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__SDraggable": "
|
30
|
-
"_placement_top": "
|
31
|
-
"_placement_right": "
|
32
|
-
"_placement_left": "
|
33
|
-
"_placement_bottom": "
|
34
|
-
"__SDropZone": "
|
35
|
-
"_dropPreview": "
|
36
|
-
"_dark": "
|
37
|
-
"_keyboardFocused": "
|
38
|
-
"_keyboardDragging": "
|
39
|
-
"_reversedScaling": "
|
40
|
-
"_animatedScaling": "
|
41
|
-
"__SA11yHint": "
|
42
|
-
"_draggable": "
|
43
|
-
"_hideHoverEffect": "
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_:hover::before{display:block}}.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_.__hideHoverEffect_1jvy9_gg_::before{display:none}.___SDraggable_1jvy9_gg_._placement_right_1jvy9_gg_::before{right:0}.___SDraggable_1jvy9_gg_._placement_bottom_1jvy9_gg_::before{bottom:0}.___SDraggable_1jvy9_gg_._placement_left_1jvy9_gg_::before{left:0}.___SDraggable_1jvy9_gg_._placement_top_1jvy9_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1jvy9_gg_._placement_bottom_1jvy9_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1jvy9_gg_._placement_left_1jvy9_gg_::before,.___SDraggable_1jvy9_gg_._placement_right_1jvy9_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1jvy9_gg_{position:relative}.___SDraggable_1jvy9_gg_.__dropPreview_1jvy9_gg_,.___SDropZone_1jvy9_gg_.__dropPreview_1jvy9_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1jvy9_gg_.__dark_1jvy9_gg_.__dropPreview_1jvy9_gg_,.___SDropZone_1jvy9_gg_.__dark_1jvy9_gg_.__dropPreview_1jvy9_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1jvy9_gg_:focus{outline:0}.___SDraggable_1jvy9_gg_.__keyboardFocused_1jvy9_gg_:focus{box-shadow:none}.___SDraggable_1jvy9_gg_.__keyboardFocused_1jvy9_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_.__hideHoverEffect_1jvy9_gg_::before,.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_::before{display:block}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_.__reversedScaling_1jvy9_gg_{scale:.95}.___SDraggable_1jvy9_gg_.__animatedScaling_1jvy9_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1jvy9_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1jvy9_gg_{transition:none}}" /*__inner_css_end__*/, "1jvy9_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SDraggable": "___SDraggable_1jvy9_gg_",
|
30
|
+
"_placement_top": "_placement_top_1jvy9_gg_",
|
31
|
+
"_placement_right": "_placement_right_1jvy9_gg_",
|
32
|
+
"_placement_left": "_placement_left_1jvy9_gg_",
|
33
|
+
"_placement_bottom": "_placement_bottom_1jvy9_gg_",
|
34
|
+
"__SDropZone": "___SDropZone_1jvy9_gg_",
|
35
|
+
"_dropPreview": "__dropPreview_1jvy9_gg_",
|
36
|
+
"_dark": "__dark_1jvy9_gg_",
|
37
|
+
"_keyboardFocused": "__keyboardFocused_1jvy9_gg_",
|
38
|
+
"_keyboardDragging": "__keyboardDragging_1jvy9_gg_",
|
39
|
+
"_reversedScaling": "__reversedScaling_1jvy9_gg_",
|
40
|
+
"_animatedScaling": "__animatedScaling_1jvy9_gg_",
|
41
|
+
"__SA11yHint": "___SA11yHint_1jvy9_gg_",
|
42
|
+
"_draggable": "__draggable_1jvy9_gg_",
|
43
|
+
"_hideHoverEffect": "__hideHoverEffect_1jvy9_gg_"
|
44
44
|
});
|
45
45
|
var noop = function noop() {
|
46
46
|
/* do nothing */
|
@@ -17,22 +17,22 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
17
17
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
18
18
|
import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
|
19
19
|
/*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
21
|
-
"__SDraggable": "
|
22
|
-
"_placement_top": "
|
23
|
-
"_placement_right": "
|
24
|
-
"_placement_left": "
|
25
|
-
"_placement_bottom": "
|
26
|
-
"__SDropZone": "
|
27
|
-
"_dropPreview": "
|
28
|
-
"_dark": "
|
29
|
-
"_keyboardFocused": "
|
30
|
-
"_keyboardDragging": "
|
31
|
-
"_reversedScaling": "
|
32
|
-
"_animatedScaling": "
|
33
|
-
"__SA11yHint": "
|
34
|
-
"_draggable": "
|
35
|
-
"_hideHoverEffect": "
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_:hover::before{display:block}}.___SDraggable_1jvy9_gg_.__draggable_1jvy9_gg_.__hideHoverEffect_1jvy9_gg_::before{display:none}.___SDraggable_1jvy9_gg_._placement_right_1jvy9_gg_::before{right:0}.___SDraggable_1jvy9_gg_._placement_bottom_1jvy9_gg_::before{bottom:0}.___SDraggable_1jvy9_gg_._placement_left_1jvy9_gg_::before{left:0}.___SDraggable_1jvy9_gg_._placement_top_1jvy9_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1jvy9_gg_._placement_bottom_1jvy9_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1jvy9_gg_._placement_left_1jvy9_gg_::before,.___SDraggable_1jvy9_gg_._placement_right_1jvy9_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1jvy9_gg_{position:relative}.___SDraggable_1jvy9_gg_.__dropPreview_1jvy9_gg_,.___SDropZone_1jvy9_gg_.__dropPreview_1jvy9_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1jvy9_gg_.__dark_1jvy9_gg_.__dropPreview_1jvy9_gg_,.___SDropZone_1jvy9_gg_.__dark_1jvy9_gg_.__dropPreview_1jvy9_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1jvy9_gg_:focus{outline:0}.___SDraggable_1jvy9_gg_.__keyboardFocused_1jvy9_gg_:focus{box-shadow:none}.___SDraggable_1jvy9_gg_.__keyboardFocused_1jvy9_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_.__hideHoverEffect_1jvy9_gg_::before,.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_::before{display:block}.___SDraggable_1jvy9_gg_.__keyboardDragging_1jvy9_gg_.__reversedScaling_1jvy9_gg_{scale:.95}.___SDraggable_1jvy9_gg_.__animatedScaling_1jvy9_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1jvy9_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1jvy9_gg_{transition:none}}" /*__inner_css_end__*/, "1jvy9_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__SDraggable": "___SDraggable_1jvy9_gg_",
|
22
|
+
"_placement_top": "_placement_top_1jvy9_gg_",
|
23
|
+
"_placement_right": "_placement_right_1jvy9_gg_",
|
24
|
+
"_placement_left": "_placement_left_1jvy9_gg_",
|
25
|
+
"_placement_bottom": "_placement_bottom_1jvy9_gg_",
|
26
|
+
"__SDropZone": "___SDropZone_1jvy9_gg_",
|
27
|
+
"_dropPreview": "__dropPreview_1jvy9_gg_",
|
28
|
+
"_dark": "__dark_1jvy9_gg_",
|
29
|
+
"_keyboardFocused": "__keyboardFocused_1jvy9_gg_",
|
30
|
+
"_keyboardDragging": "__keyboardDragging_1jvy9_gg_",
|
31
|
+
"_reversedScaling": "__reversedScaling_1jvy9_gg_",
|
32
|
+
"_animatedScaling": "__animatedScaling_1jvy9_gg_",
|
33
|
+
"__SA11yHint": "___SA11yHint_1jvy9_gg_",
|
34
|
+
"_draggable": "__draggable_1jvy9_gg_",
|
35
|
+
"_hideHoverEffect": "__hideHoverEffect_1jvy9_gg_"
|
36
36
|
});
|
37
37
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
38
38
|
import { ScreenReaderOnly } from 'intergalactic/flex-box';
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.45.
|
1
|
+
{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.45.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/card":"5.44.1","@semcore/flex-box":"5.39.0","@semcore/grid":"5.38.0","@semcore/utils":"4.44.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}
|
@@ -44,19 +44,23 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
44
44
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickTrigger", function (e) {
|
45
45
|
var interaction = _this.asProps.interaction;
|
46
46
|
if (interaction === 'none') return false;
|
47
|
-
e.preventDefault();
|
48
|
-
e.stopPropagation();
|
49
|
-
_this.handlers.visible(true);
|
50
47
|
setTimeout(function () {
|
51
|
-
var _this$asProps
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
_this.handlers.highlightedIndex(highlightedIndex);
|
48
|
+
var _this$asProps = _this.asProps,
|
49
|
+
visible = _this$asProps.visible,
|
50
|
+
inlineActions = _this$asProps.inlineActions;
|
51
|
+
if (visible || inlineActions) {
|
52
|
+
_this.afterOpenPopper();
|
57
53
|
}
|
58
|
-
},
|
59
|
-
|
54
|
+
}, 200); // because first will be executed onClick handler in popper
|
55
|
+
});
|
56
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "afterOpenPopper", function () {
|
57
|
+
var _this$asProps$highlig;
|
58
|
+
var highlightedIndex = (_this$asProps$highlig = _this.asProps.highlightedIndex) !== null && _this$asProps$highlig !== void 0 ? _this$asProps$highlig : 0;
|
59
|
+
var element = _this.itemRefs[highlightedIndex];
|
60
|
+
element === null || element === void 0 ? void 0 : element.focus();
|
61
|
+
if (_this.role === 'menu') {
|
62
|
+
_this.handlers.highlightedIndex(highlightedIndex);
|
63
|
+
}
|
60
64
|
});
|
61
65
|
return _this;
|
62
66
|
}
|
@@ -83,12 +87,12 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
83
87
|
}, {
|
84
88
|
key: "getTriggerProps",
|
85
89
|
value: function getTriggerProps() {
|
86
|
-
var _this$
|
87
|
-
size = _this$
|
88
|
-
uid = _this$
|
89
|
-
disablePortal = _this$
|
90
|
-
visible = _this$
|
91
|
-
getI18nText = _this$
|
90
|
+
var _this$asProps2 = this.asProps,
|
91
|
+
size = _this$asProps2.size,
|
92
|
+
uid = _this$asProps2.uid,
|
93
|
+
disablePortal = _this$asProps2.disablePortal,
|
94
|
+
visible = _this$asProps2.visible,
|
95
|
+
getI18nText = _this$asProps2.getI18nText;
|
92
96
|
return {
|
93
97
|
size: size,
|
94
98
|
id: "igc-".concat(uid, "-trigger"),
|
@@ -112,12 +116,12 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
112
116
|
}, {
|
113
117
|
key: "getPopperProps",
|
114
118
|
value: function getPopperProps() {
|
115
|
-
var _this$
|
116
|
-
uid = _this$
|
117
|
-
disablePortal = _this$
|
118
|
-
ignorePortalsStacking = _this$
|
119
|
-
interaction = _this$
|
120
|
-
highlightedIndex = _this$
|
119
|
+
var _this$asProps3 = this.asProps,
|
120
|
+
uid = _this$asProps3.uid,
|
121
|
+
disablePortal = _this$asProps3.disablePortal,
|
122
|
+
ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
|
123
|
+
interaction = _this$asProps3.interaction,
|
124
|
+
highlightedIndex = _this$asProps3.highlightedIndex;
|
121
125
|
return {
|
122
126
|
ref: this.popperRef,
|
123
127
|
tabIndex: -1,
|
@@ -141,9 +145,9 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
141
145
|
key: "getItemProps",
|
142
146
|
value: function getItemProps(_, index) {
|
143
147
|
var _this3 = this;
|
144
|
-
var _this$
|
145
|
-
size = _this$
|
146
|
-
uid = _this$
|
148
|
+
var _this$asProps4 = this.asProps,
|
149
|
+
size = _this$asProps4.size,
|
150
|
+
uid = _this$asProps4.uid;
|
147
151
|
return {
|
148
152
|
id: "igc-".concat(uid, "-option-").concat(index),
|
149
153
|
size: size,
|
@@ -199,7 +203,7 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
199
203
|
var selectedIndex = this.itemProps.findIndex(function (item) {
|
200
204
|
return item.selected;
|
201
205
|
});
|
202
|
-
if (itemsLastIndex < 0) return
|
206
|
+
if (itemsLastIndex < 0) return -1;
|
203
207
|
var innerHighlightedIndex;
|
204
208
|
if (highlightedIndex == null) {
|
205
209
|
if (selectedIndex !== -1) {
|
@@ -221,7 +225,7 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
221
225
|
if ((_this$itemProps$newIn = this.itemProps[newIndex]) !== null && _this$itemProps$newIn !== void 0 && _this$itemProps$newIn.disabled) {
|
222
226
|
return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);
|
223
227
|
} else if (!this.itemProps[newIndex]) {
|
224
|
-
return
|
228
|
+
return -1;
|
225
229
|
} else {
|
226
230
|
return newIndex;
|
227
231
|
}
|
@@ -229,9 +233,9 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
229
233
|
}, {
|
230
234
|
key: "componentDidUpdate",
|
231
235
|
value: function componentDidUpdate(prevProps) {
|
232
|
-
var _this$
|
233
|
-
visible = _this$
|
234
|
-
focusSourceRef = _this$
|
236
|
+
var _this$asProps5 = this.asProps,
|
237
|
+
visible = _this$asProps5.visible,
|
238
|
+
focusSourceRef = _this$asProps5.focusSourceRef;
|
235
239
|
var visibilityChanged = visible !== prevProps.visible;
|
236
240
|
if (visibilityChanged && prevProps.visible !== undefined) {
|
237
241
|
if (!visible) {
|
@@ -273,6 +277,9 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
273
277
|
key: "handleOpenKeyDown",
|
274
278
|
value: function handleOpenKeyDown(e) {
|
275
279
|
if (this.asProps.visible !== true && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) && e.currentTarget.getAttribute('role') !== this.childRole) {
|
280
|
+
if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
|
281
|
+
this.handlers.visible(true);
|
282
|
+
}
|
276
283
|
this.handleClickTrigger(e);
|
277
284
|
}
|
278
285
|
}
|
@@ -280,9 +287,9 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
280
287
|
key: "handleArrowKeyDown",
|
281
288
|
value: function handleArrowKeyDown(e) {
|
282
289
|
var amountCount = e.shiftKey ? 5 : 1;
|
283
|
-
var _this$
|
284
|
-
highlightedIndex = _this$
|
285
|
-
inlineActions = _this$
|
290
|
+
var _this$asProps6 = this.asProps,
|
291
|
+
highlightedIndex = _this$asProps6.highlightedIndex,
|
292
|
+
inlineActions = _this$asProps6.inlineActions;
|
286
293
|
var amount = null;
|
287
294
|
switch (e.key) {
|
288
295
|
case 'ArrowDown':
|
@@ -315,7 +322,7 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
315
322
|
}
|
316
323
|
case ' ':
|
317
324
|
case 'Enter':
|
318
|
-
if (this.highlightedItemRef.current && highlightedIndex !== null) {
|
325
|
+
if (this.highlightedItemRef.current && highlightedIndex !== null && !this.itemProps[highlightedIndex].disabled) {
|
319
326
|
e.stopPropagation();
|
320
327
|
e.preventDefault();
|
321
328
|
this.highlightedItemRef.current.click();
|
@@ -324,14 +331,16 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
324
331
|
}
|
325
332
|
if (amount !== null) {
|
326
333
|
var newHighlightedIndex = this.getHighlightedIndex(amount);
|
327
|
-
if (newHighlightedIndex !== undefined && this.role === 'menu') {
|
328
|
-
var _this$itemRefs$newHig;
|
329
|
-
(_this$itemRefs$newHig = this.itemRefs[newHighlightedIndex]) === null || _this$itemRefs$newHig === void 0 ? void 0 : _this$itemRefs$newHig.focus();
|
330
|
-
}
|
331
334
|
if (this.role === 'listbox' && this.triggerRef.current && !(0, _useFocusLock.isFocusInside)(this.triggerRef.current)) {
|
332
335
|
this.focusTrigger();
|
333
336
|
}
|
334
|
-
|
337
|
+
if (newHighlightedIndex !== -1) {
|
338
|
+
this.handlers.highlightedIndex(newHighlightedIndex, e);
|
339
|
+
if (this.role === 'menu') {
|
340
|
+
var _this$itemRefs$newHig;
|
341
|
+
(_this$itemRefs$newHig = this.itemRefs[newHighlightedIndex]) === null || _this$itemRefs$newHig === void 0 ? void 0 : _this$itemRefs$newHig.focus();
|
342
|
+
}
|
343
|
+
}
|
335
344
|
e.preventDefault();
|
336
345
|
e.stopPropagation();
|
337
346
|
}
|
@@ -348,9 +357,9 @@ var AbstractDropdown = /*#__PURE__*/function (_Component) {
|
|
348
357
|
key: "getBasicListProps",
|
349
358
|
value: function getBasicListProps() {
|
350
359
|
var _this$triggerRef$curr;
|
351
|
-
var _this$
|
352
|
-
size = _this$
|
353
|
-
uid = _this$
|
360
|
+
var _this$asProps7 = this.asProps,
|
361
|
+
size = _this$asProps7.size,
|
362
|
+
uid = _this$asProps7.uid;
|
354
363
|
var triggerId = (_this$triggerRef$curr = this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : _this$triggerRef$curr.id;
|
355
364
|
var triggerElement = triggerId ? document.getElementById(triggerId) : null;
|
356
365
|
return {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AbstractDropdown.js","names":["_react","_interopRequireDefault","require","_core","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_focusSourceEnhance","_getAccessibleName","enhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","focusSourceEnhance","exports","selectedIndexContext","React","createContext","AbstractDropdown","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createRef","e","interaction","asProps","preventDefault","stopPropagation","handlers","visible","setTimeout","_this$asProps$highlig","highlightedIndex","element","itemRefs","focus","role","_createClass2","key","value","uncontrolledProps","_this2","selectedIndex","index","get","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","getBasicListProps","getMenuProps","getPopperProps","_this$asProps2","ignorePortalsStacking","popperRef","tabIndex","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps3","onMouseEnter","childRole","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","current","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps4","focusSourceRef","visibilityChanged","document","activeElement","body","isFocusInside","setFocus","itemRef","props","getAttribute","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps5","inlineActions","click","newHighlightedIndex","_this$itemRefs$newHig","focusTrigger","trigger","_this$triggerRef$curr","_this$asProps6","triggerId","triggerElement","getElementById","menuRef","getAccessibleName","Component"],"sources":["../../src/AbstractDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { isFocusInside, setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\nimport { DropdownProps } from './index';\nimport { getAccessibleName } from '@semcore/utils/lib/getAccessibleName';\n\ntype AbstractDDProps = {\n visible: boolean;\n highlightedIndex: number | null;\n selectedIndex: number | null;\n placement: DropdownProps['placement'];\n inlineActions: boolean;\n disablePortal: boolean;\n ignorePortalsStacking: boolean;\n interaction: DropdownProps['interaction'];\n timeout?: number | [number, number];\n};\n\nexport const enhance = [\n uniqueIDEnhancement(),\n i18nEnhance(localizedMessages),\n focusSourceEnhance(),\n] as const;\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<AbstractDDProps, {}, {}, typeof enhance> {\n protected abstract role: 'menu' | 'listbox';\n\n popperRef = React.createRef<HTMLElement>();\n triggerRef = React.createRef<HTMLElement>();\n menuRef = React.createRef<HTMLElement>();\n\n itemProps: any[] = [];\n itemRefs: HTMLElement[] = [];\n\n highlightedItemRef = React.createRef<HTMLElement>();\n\n prevHighlightedIndex: number | null = null;\n\n uncontrolledProps() {\n return {\n selectedIndex: null,\n highlightedIndex: [\n null,\n (index: number | null) => {\n this.handlers.selectedIndex(index);\n },\n ],\n visible: null,\n };\n }\n\n get childRole() {\n if (this.role === 'listbox') {\n return 'option';\n }\n\n return 'menuitem';\n }\n\n handleClickTrigger = (e: React.SyntheticEvent) => {\n const { interaction } = this.asProps;\n\n if (interaction === 'none') return false;\n\n e.preventDefault();\n e.stopPropagation();\n this.handlers.visible(true);\n\n setTimeout(() => {\n const highlightedIndex = this.asProps.highlightedIndex ?? 0;\n const element = this.itemRefs[highlightedIndex];\n element?.focus();\n if (this.role === 'menu') {\n this.handlers.highlightedIndex(highlightedIndex);\n }\n }, 0);\n\n return false;\n };\n\n getTriggerProps() {\n const { size, uid, disablePortal, visible, getI18nText } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n 'aria-haspopup': 'true',\n 'aria-expanded': visible ? 'true' : 'false',\n onClick: this.handleClickTrigger,\n ref: this.triggerRef,\n };\n }\n\n getListProps() {\n return this.getBasicListProps();\n }\n\n getMenuProps() {\n return this.getBasicListProps();\n }\n\n getPopperProps() {\n const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n this.asProps;\n\n return {\n ref: this.popperRef,\n tabIndex: -1,\n id: `igc-${uid}-popper`,\n disablePortal,\n ignorePortalsStacking,\n focusMaster: interaction === 'click',\n hideFocus: highlightedIndex !== null,\n 'use:autoFocus': false,\n };\n }\n\n getGroupProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemProps(_: any, index: number) {\n const { size, uid } = this.asProps;\n\n return {\n id: `igc-${uid}-option-${index}`,\n size,\n index,\n onMouseEnter: () => {\n this.handlers.selectedIndex(index);\n },\n role: this.childRole,\n };\n }\n\n getItemHintProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemTitleProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n scrollToNode(node: Element | null) {\n if (node) {\n // @ts-ignore\n this.highlightedItemRef.current = node;\n }\n setTimeout(() => {\n if (node?.scrollIntoView) {\n if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n this.prevHighlightedIndex = this.asProps.highlightedIndex;\n node.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }, 0);\n }\n\n getHighlightedIndex(amount: number): number {\n const { highlightedIndex } = this.asProps;\n const itemsLastIndex = this.itemProps.length - 1;\n const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n if (itemsLastIndex < 0) return 0;\n\n let innerHighlightedIndex: number;\n\n if (highlightedIndex == null) {\n if (selectedIndex !== -1) {\n innerHighlightedIndex = selectedIndex;\n } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {\n innerHighlightedIndex = this.prevHighlightedIndex;\n } else {\n innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n }\n } else {\n innerHighlightedIndex = highlightedIndex;\n }\n\n let newIndex = innerHighlightedIndex + amount;\n if (newIndex < 0) {\n newIndex = amount + itemsLastIndex + 1;\n } else if (newIndex > itemsLastIndex) {\n newIndex = newIndex - itemsLastIndex - 1;\n }\n\n if (this.itemProps[newIndex]?.disabled) {\n return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);\n } else if (!this.itemProps[newIndex]) {\n return 0;\n } else {\n return newIndex;\n }\n }\n\n componentDidUpdate(prevProps: AbstractDDProps) {\n const { visible, focusSourceRef } = this.asProps;\n const visibilityChanged = visible !== prevProps.visible;\n\n if (visibilityChanged && prevProps.visible !== undefined) {\n if (!visible) {\n this.handlers.highlightedIndex(null);\n // @ts-ignore\n this.highlightedItemRef.current = null;\n if (\n this.popperRef.current &&\n this.triggerRef.current &&\n (document.activeElement === document.body || isFocusInside(this.popperRef.current)) &&\n focusSourceRef.current === 'keyboard'\n ) {\n setFocus(this.triggerRef.current);\n }\n }\n }\n }\n\n protected itemRef(props: any, index: number, node: HTMLElement | null) {\n if (node?.getAttribute('role') === this.childRole) {\n this.itemRefs[index] = node;\n this.itemProps[index] = props;\n }\n }\n\n protected handlePreventCommonKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (e.target instanceof Element) {\n const targetTagName = e.target.tagName;\n\n if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;\n if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;\n }\n }\n protected handlePreventPopperKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (e.target instanceof Element) {\n const targetTagName = e.target.tagName;\n\n if (\n (e.key === ' ' || e.key === 'Enter') &&\n (targetTagName === 'BUTTON' || targetTagName === 'A')\n )\n return false;\n }\n }\n protected handleOpenKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (\n this.asProps.visible !== true &&\n ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) &&\n e.currentTarget.getAttribute('role') !== this.childRole\n ) {\n this.handleClickTrigger(e);\n }\n }\n\n protected handleArrowKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n const amountCount = e.shiftKey ? 5 : 1;\n const { highlightedIndex, inlineActions } = this.asProps;\n\n let amount: number | null = null;\n\n switch (e.key) {\n case 'ArrowDown': {\n if (!inlineActions) {\n amount = amountCount;\n }\n break;\n }\n case 'ArrowUp': {\n if (!inlineActions) {\n amount = -amountCount;\n }\n break;\n }\n case 'ArrowRight': {\n if (inlineActions) {\n amount = amountCount;\n }\n break;\n }\n case 'ArrowLeft': {\n if (inlineActions) {\n amount = -amountCount;\n }\n break;\n }\n case ' ':\n case 'Enter':\n if (this.highlightedItemRef.current && highlightedIndex !== null) {\n e.stopPropagation();\n e.preventDefault();\n this.highlightedItemRef.current.click();\n }\n\n break;\n }\n\n if (amount !== null) {\n const newHighlightedIndex = this.getHighlightedIndex(amount);\n if (newHighlightedIndex !== undefined && this.role === 'menu') {\n this.itemRefs[newHighlightedIndex]?.focus();\n }\n if (\n this.role === 'listbox' &&\n this.triggerRef.current &&\n !isFocusInside(this.triggerRef.current)\n ) {\n this.focusTrigger();\n }\n this.handlers.highlightedIndex(newHighlightedIndex, e);\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n private focusTrigger() {\n const trigger = this.triggerRef.current;\n if (!trigger) return;\n if (isFocusInside(trigger)) return;\n setFocus(trigger);\n }\n\n private getBasicListProps() {\n const { size, uid } = this.asProps;\n const triggerId = this.triggerRef.current?.id;\n const triggerElement = triggerId ? document.getElementById(triggerId) : null;\n\n return {\n size,\n index: this.asProps.highlightedIndex,\n tabIndex: -1,\n ref: this.menuRef,\n id: `igc-${uid}-list`,\n role: this.role,\n 'aria-label': getAccessibleName(triggerElement),\n };\n }\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"AbstractDropdown.js","names":["_react","_interopRequireDefault","require","_core","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_focusSourceEnhance","_getAccessibleName","enhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","focusSourceEnhance","exports","selectedIndexContext","React","createContext","AbstractDropdown","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createRef","e","interaction","asProps","setTimeout","_this$asProps","visible","inlineActions","afterOpenPopper","_this$asProps$highlig","highlightedIndex","element","itemRefs","focus","role","handlers","_createClass2","key","value","uncontrolledProps","_this2","selectedIndex","index","get","getTriggerProps","_this$asProps2","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","getBasicListProps","getMenuProps","getPopperProps","_this$asProps3","ignorePortalsStacking","popperRef","tabIndex","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps4","onMouseEnter","childRole","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","current","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps5","focusSourceRef","visibilityChanged","document","activeElement","body","isFocusInside","setFocus","itemRef","props","getAttribute","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps6","stopPropagation","preventDefault","click","newHighlightedIndex","focusTrigger","_this$itemRefs$newHig","trigger","_this$triggerRef$curr","_this$asProps7","triggerId","triggerElement","getElementById","menuRef","getAccessibleName","Component"],"sources":["../../src/AbstractDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { isFocusInside, setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\nimport { DropdownProps } from './index';\nimport { getAccessibleName } from '@semcore/utils/lib/getAccessibleName';\n\ntype AbstractDDProps = {\n visible: boolean;\n highlightedIndex: number | null;\n selectedIndex: number | null;\n placement: DropdownProps['placement'];\n inlineActions: boolean;\n disablePortal: boolean;\n ignorePortalsStacking: boolean;\n interaction: DropdownProps['interaction'];\n timeout?: number | [number, number];\n};\n\nexport const enhance = [\n uniqueIDEnhancement(),\n i18nEnhance(localizedMessages),\n focusSourceEnhance(),\n] as const;\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<AbstractDDProps, {}, {}, typeof enhance> {\n protected abstract role: 'menu' | 'listbox';\n\n popperRef = React.createRef<HTMLElement>();\n triggerRef = React.createRef<HTMLElement>();\n menuRef = React.createRef<HTMLElement>();\n\n itemProps: any[] = [];\n itemRefs: HTMLElement[] = [];\n\n highlightedItemRef = React.createRef<HTMLElement>();\n\n prevHighlightedIndex: number | null = null;\n\n uncontrolledProps() {\n return {\n selectedIndex: null,\n highlightedIndex: [\n null,\n (index: number | null) => {\n this.handlers.selectedIndex(index);\n },\n ],\n visible: null,\n };\n }\n\n get childRole() {\n if (this.role === 'listbox') {\n return 'option';\n }\n\n return 'menuitem';\n }\n\n handleClickTrigger = (e: React.SyntheticEvent) => {\n const { interaction } = this.asProps;\n\n if (interaction === 'none') return false;\n\n setTimeout(() => {\n const { visible, inlineActions } = this.asProps;\n if (visible || inlineActions) {\n this.afterOpenPopper();\n }\n }, 200); // because first will be executed onClick handler in popper\n };\n\n afterOpenPopper = () => {\n const highlightedIndex = this.asProps.highlightedIndex ?? 0;\n const element = this.itemRefs[highlightedIndex];\n element?.focus();\n if (this.role === 'menu') {\n this.handlers.highlightedIndex(highlightedIndex);\n }\n };\n\n getTriggerProps() {\n const { size, uid, disablePortal, visible, getI18nText } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n 'aria-haspopup': 'true',\n 'aria-expanded': visible ? 'true' : 'false',\n onClick: this.handleClickTrigger,\n ref: this.triggerRef,\n };\n }\n\n getListProps() {\n return this.getBasicListProps();\n }\n\n getMenuProps() {\n return this.getBasicListProps();\n }\n\n getPopperProps() {\n const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n this.asProps;\n\n return {\n ref: this.popperRef,\n tabIndex: -1,\n id: `igc-${uid}-popper`,\n disablePortal,\n ignorePortalsStacking,\n focusMaster: interaction === 'click',\n hideFocus: highlightedIndex !== null,\n 'use:autoFocus': false,\n };\n }\n\n getGroupProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemProps(_: any, index: number) {\n const { size, uid } = this.asProps;\n\n return {\n id: `igc-${uid}-option-${index}`,\n size,\n index,\n onMouseEnter: () => {\n this.handlers.selectedIndex(index);\n },\n role: this.childRole,\n };\n }\n\n getItemHintProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemTitleProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n scrollToNode(node: Element | null) {\n if (node) {\n // @ts-ignore\n this.highlightedItemRef.current = node;\n }\n setTimeout(() => {\n if (node?.scrollIntoView) {\n if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n this.prevHighlightedIndex = this.asProps.highlightedIndex;\n node.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }, 0);\n }\n\n getHighlightedIndex(amount: number): number {\n const { highlightedIndex } = this.asProps;\n const itemsLastIndex = this.itemProps.length - 1;\n const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n if (itemsLastIndex < 0) return -1;\n\n let innerHighlightedIndex: number;\n\n if (highlightedIndex == null) {\n if (selectedIndex !== -1) {\n innerHighlightedIndex = selectedIndex;\n } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {\n innerHighlightedIndex = this.prevHighlightedIndex;\n } else {\n innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n }\n } else {\n innerHighlightedIndex = highlightedIndex;\n }\n\n let newIndex = innerHighlightedIndex + amount;\n if (newIndex < 0) {\n newIndex = amount + itemsLastIndex + 1;\n } else if (newIndex > itemsLastIndex) {\n newIndex = newIndex - itemsLastIndex - 1;\n }\n\n if (this.itemProps[newIndex]?.disabled) {\n return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);\n } else if (!this.itemProps[newIndex]) {\n return -1;\n } else {\n return newIndex;\n }\n }\n\n componentDidUpdate(prevProps: AbstractDDProps) {\n const { visible, focusSourceRef } = this.asProps;\n const visibilityChanged = visible !== prevProps.visible;\n\n if (visibilityChanged && prevProps.visible !== undefined) {\n if (!visible) {\n this.handlers.highlightedIndex(null);\n // @ts-ignore\n this.highlightedItemRef.current = null;\n if (\n this.popperRef.current &&\n this.triggerRef.current &&\n (document.activeElement === document.body || isFocusInside(this.popperRef.current)) &&\n focusSourceRef.current === 'keyboard'\n ) {\n setFocus(this.triggerRef.current);\n }\n }\n }\n }\n\n protected itemRef(props: any, index: number, node: HTMLElement | null) {\n if (node?.getAttribute('role') === this.childRole) {\n this.itemRefs[index] = node;\n this.itemProps[index] = props;\n }\n }\n\n protected handlePreventCommonKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (e.target instanceof Element) {\n const targetTagName = e.target.tagName;\n\n if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;\n if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;\n }\n }\n protected handlePreventPopperKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (e.target instanceof Element) {\n const targetTagName = e.target.tagName;\n\n if (\n (e.key === ' ' || e.key === 'Enter') &&\n (targetTagName === 'BUTTON' || targetTagName === 'A')\n )\n return false;\n }\n }\n protected handleOpenKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (\n this.asProps.visible !== true &&\n ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) &&\n e.currentTarget.getAttribute('role') !== this.childRole\n ) {\n if (['ArrowDown', 'ArrowUp'].includes(e.key)) {\n this.handlers.visible(true);\n }\n\n this.handleClickTrigger(e);\n }\n }\n\n protected handleArrowKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n const amountCount = e.shiftKey ? 5 : 1;\n const { highlightedIndex, inlineActions } = this.asProps;\n\n let amount: number | null = null;\n\n switch (e.key) {\n case 'ArrowDown': {\n if (!inlineActions) {\n amount = amountCount;\n }\n break;\n }\n case 'ArrowUp': {\n if (!inlineActions) {\n amount = -amountCount;\n }\n break;\n }\n case 'ArrowRight': {\n if (inlineActions) {\n amount = amountCount;\n }\n break;\n }\n case 'ArrowLeft': {\n if (inlineActions) {\n amount = -amountCount;\n }\n break;\n }\n case ' ':\n case 'Enter':\n if (\n this.highlightedItemRef.current &&\n highlightedIndex !== null &&\n !this.itemProps[highlightedIndex].disabled\n ) {\n e.stopPropagation();\n e.preventDefault();\n this.highlightedItemRef.current.click();\n }\n\n break;\n }\n\n if (amount !== null) {\n const newHighlightedIndex = this.getHighlightedIndex(amount);\n\n if (\n this.role === 'listbox' &&\n this.triggerRef.current &&\n !isFocusInside(this.triggerRef.current)\n ) {\n this.focusTrigger();\n }\n\n if (newHighlightedIndex !== -1) {\n this.handlers.highlightedIndex(newHighlightedIndex, e);\n if (this.role === 'menu') {\n this.itemRefs[newHighlightedIndex]?.focus();\n }\n }\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n private focusTrigger() {\n const trigger = this.triggerRef.current;\n if (!trigger) return;\n if (isFocusInside(trigger)) return;\n setFocus(trigger);\n }\n\n private getBasicListProps() {\n const { size, uid } = this.asProps;\n const triggerId = this.triggerRef.current?.id;\n const triggerElement = triggerId ? document.getElementById(triggerId) : null;\n\n return {\n size,\n index: this.asProps.highlightedIndex,\n tabIndex: -1,\n ref: this.menuRef,\n id: `igc-${uid}-list`,\n role: this.role,\n 'aria-label': getAccessibleName(triggerElement),\n };\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAAO,kBAAA,GAAAP,OAAA;AAcO,IAAMQ,OAAO,GAAG,CACrB,IAAAC,oBAAmB,GAAE,EACrB,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,8BAAkB,GAAE,CACZ;AAACC,OAAA,CAAAL,OAAA,GAAAA,OAAA;AAEJ,IAAMM,oBAAoB,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAACH,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAAA,IAErCG,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,6BAGxBP,iBAAK,CAACoB,SAAS,EAAe;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,8BAC7BP,iBAAK,CAACoB,SAAS,EAAe;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,2BACjCP,iBAAK,CAACoB,SAAS,EAAe;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gBAErB,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,eACK,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,sCAEPP,iBAAK,CAACoB,SAAS,EAAe;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,2BAEb,IAAI;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBAuBrB,UAACc,CAAuB,EAAK;MAChD,IAAQC,WAAW,GAAKf,KAAA,CAAKgB,OAAO,CAA5BD,WAAW;MAEnB,IAAIA,WAAW,KAAK,MAAM,EAAE,OAAO,KAAK;MAExCE,UAAU,CAAC,YAAM;QACf,IAAAC,aAAA,GAAmClB,KAAA,CAAKgB,OAAO;UAAvCG,OAAO,GAAAD,aAAA,CAAPC,OAAO;UAAEC,aAAa,GAAAF,aAAA,CAAbE,aAAa;QAC9B,IAAID,OAAO,IAAIC,aAAa,EAAE;UAC5BpB,KAAA,CAAKqB,eAAe,EAAE;QACxB;MACF,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IACX,CAAC;IAAA,IAAAV,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,sBAEiB,YAAM;MAAA,IAAAsB,qBAAA;MACtB,IAAMC,gBAAgB,IAAAD,qBAAA,GAAGtB,KAAA,CAAKgB,OAAO,CAACO,gBAAgB,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,CAAC;MAC3D,IAAME,OAAO,GAAGxB,KAAA,CAAKyB,QAAQ,CAACF,gBAAgB,CAAC;MAC/CC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,KAAK,EAAE;MAChB,IAAI1B,KAAA,CAAK2B,IAAI,KAAK,MAAM,EAAE;QACxB3B,KAAA,CAAK4B,QAAQ,CAACL,gBAAgB,CAACA,gBAAgB,CAAC;MAClD;IACF,CAAC;IAAA,OAAAvB,KAAA;EAAA;EAAA,IAAA6B,aAAA,aAAAlC,gBAAA;IAAAmC,GAAA;IAAAC,KAAA,EAzCD,SAAAC,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,OAAO;QACLC,aAAa,EAAE,IAAI;QACnBX,gBAAgB,EAAE,CAChB,IAAI,EACJ,UAACY,KAAoB,EAAK;UACxBF,MAAI,CAACL,QAAQ,CAACM,aAAa,CAACC,KAAK,CAAC;QACpC,CAAC,CACF;QACDhB,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAW,GAAA;IAAAM,GAAA,EAED,SAAAA,IAAA,EAAgB;MACd,IAAI,IAAI,CAACT,IAAI,KAAK,SAAS,EAAE;QAC3B,OAAO,QAAQ;MACjB;MAEA,OAAO,UAAU;IACnB;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAwBD,SAAAM,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GAA2D,IAAI,CAACtB,OAAO;QAA/DuB,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,GAAG,GAAAF,cAAA,CAAHE,GAAG;QAAEC,aAAa,GAAAH,cAAA,CAAbG,aAAa;QAAEtB,OAAO,GAAAmB,cAAA,CAAPnB,OAAO;QAAEuB,WAAW,GAAAJ,cAAA,CAAXI,WAAW;MAEtD,OAAO;QACLH,IAAI,EAAJA,IAAI;QACJI,EAAE,SAAAjC,MAAA,CAAS8B,GAAG,aAAU;QACxBI,SAAS,EAAEzB,OAAO,IAAI,CAACsB,aAAa,GAAGC,WAAW,CAAC,aAAa,CAAC,GAAGG,SAAS;QAC7E,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE1B,OAAO,GAAG,MAAM,GAAG,OAAO;QAC3C2B,OAAO,EAAE,IAAI,CAACC,kBAAkB;QAChCC,GAAG,EAAE,IAAI,CAACC;MACZ,CAAC;IACH;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAmB,aAAA,EAAe;MACb,OAAO,IAAI,CAACC,iBAAiB,EAAE;IACjC;EAAC;IAAArB,GAAA;IAAAC,KAAA,EAED,SAAAqB,aAAA,EAAe;MACb,OAAO,IAAI,CAACD,iBAAiB,EAAE;IACjC;EAAC;IAAArB,GAAA;IAAAC,KAAA,EAED,SAAAsB,eAAA,EAAiB;MACf,IAAAC,cAAA,GACE,IAAI,CAACtC,OAAO;QADNwB,GAAG,GAAAc,cAAA,CAAHd,GAAG;QAAEC,aAAa,GAAAa,cAAA,CAAbb,aAAa;QAAEc,qBAAqB,GAAAD,cAAA,CAArBC,qBAAqB;QAAExC,WAAW,GAAAuC,cAAA,CAAXvC,WAAW;QAAEQ,gBAAgB,GAAA+B,cAAA,CAAhB/B,gBAAgB;MAGhF,OAAO;QACLyB,GAAG,EAAE,IAAI,CAACQ,SAAS;QACnBC,QAAQ,EAAE,CAAC,CAAC;QACZd,EAAE,SAAAjC,MAAA,CAAS8B,GAAG,YAAS;QACvBC,aAAa,EAAbA,aAAa;QACbc,qBAAqB,EAArBA,qBAAqB;QACrBG,WAAW,EAAE3C,WAAW,KAAK,OAAO;QACpC4C,SAAS,EAAEpC,gBAAgB,KAAK,IAAI;QACpC,eAAe,EAAE;MACnB,CAAC;IACH;EAAC;IAAAO,GAAA;IAAAC,KAAA,EAED,SAAA6B,cAAA,EAAgB;MACd,IAAQrB,IAAI,GAAK,IAAI,CAACvB,OAAO,CAArBuB,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAA8B,aAAaC,CAAM,EAAE3B,KAAa,EAAE;MAAA,IAAA4B,MAAA;MAClC,IAAAC,cAAA,GAAsB,IAAI,CAAChD,OAAO;QAA1BuB,IAAI,GAAAyB,cAAA,CAAJzB,IAAI;QAAEC,GAAG,GAAAwB,cAAA,CAAHxB,GAAG;MAEjB,OAAO;QACLG,EAAE,SAAAjC,MAAA,CAAS8B,GAAG,cAAA9B,MAAA,CAAWyB,KAAK,CAAE;QAChCI,IAAI,EAAJA,IAAI;QACJJ,KAAK,EAALA,KAAK;QACL8B,YAAY,EAAE,SAAAA,aAAA,EAAM;UAClBF,MAAI,CAACnC,QAAQ,CAACM,aAAa,CAACC,KAAK,CAAC;QACpC,CAAC;QACDR,IAAI,EAAE,IAAI,CAACuC;MACb,CAAC;IACH;EAAC;IAAApC,GAAA;IAAAC,KAAA,EAED,SAAAoC,iBAAA,EAAmB;MACjB,IAAQ5B,IAAI,GAAK,IAAI,CAACvB,OAAO,CAArBuB,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAqC,kBAAA,EAAoB;MAClB,IAAQ7B,IAAI,GAAK,IAAI,CAACvB,OAAO,CAArBuB,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAsC,aAAaC,IAAoB,EAAE;MAAA,IAAAC,MAAA;MACjC,IAAID,IAAI,EAAE;QACR;QACA,IAAI,CAACE,kBAAkB,CAACC,OAAO,GAAGH,IAAI;MACxC;MACArD,UAAU,CAAC,YAAM;QACf,IAAIqD,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,cAAc,EAAE;UACxB,IAAIH,MAAI,CAACvD,OAAO,CAACO,gBAAgB,KAAKgD,MAAI,CAACI,oBAAoB,EAAE;YAC/DJ,MAAI,CAACI,oBAAoB,GAAGJ,MAAI,CAACvD,OAAO,CAACO,gBAAgB;YACzD+C,IAAI,CAACI,cAAc,CAAC;cAClBE,KAAK,EAAE,SAAS;cAChBC,MAAM,EAAE;YACV,CAAC,CAAC;UACJ;QACF;MACF,CAAC,EAAE,CAAC,CAAC;IACP;EAAC;IAAA/C,GAAA;IAAAC,KAAA,EAED,SAAA+C,oBAAoBC,MAAc,EAAU;MAAA,IAAAC,qBAAA;MAC1C,IAAQzD,gBAAgB,GAAK,IAAI,CAACP,OAAO,CAAjCO,gBAAgB;MACxB,IAAM0D,cAAc,GAAG,IAAI,CAACC,SAAS,CAAC9E,MAAM,GAAG,CAAC;MAChD,IAAM8B,aAAa,GAAG,IAAI,CAACgD,SAAS,CAACC,SAAS,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACC,QAAQ;MAAA,EAAC;MAEvE,IAAIJ,cAAc,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;MAEjC,IAAIK,qBAA6B;MAEjC,IAAI/D,gBAAgB,IAAI,IAAI,EAAE;QAC5B,IAAIW,aAAa,KAAK,CAAC,CAAC,EAAE;UACxBoD,qBAAqB,GAAGpD,aAAa;QACvC,CAAC,MAAM,IAAI,IAAI,CAACsC,kBAAkB,CAACC,OAAO,IAAI,IAAI,CAACE,oBAAoB,KAAK,IAAI,EAAE;UAChFW,qBAAqB,GAAG,IAAI,CAACX,oBAAoB;QACnD,CAAC,MAAM;UACLW,qBAAqB,GAAGP,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGE,cAAc;QACzD;MACF,CAAC,MAAM;QACLK,qBAAqB,GAAG/D,gBAAgB;MAC1C;MAEA,IAAIgE,QAAQ,GAAGD,qBAAqB,GAAGP,MAAM;MAC7C,IAAIQ,QAAQ,GAAG,CAAC,EAAE;QAChBA,QAAQ,GAAGR,MAAM,GAAGE,cAAc,GAAG,CAAC;MACxC,CAAC,MAAM,IAAIM,QAAQ,GAAGN,cAAc,EAAE;QACpCM,QAAQ,GAAGA,QAAQ,GAAGN,cAAc,GAAG,CAAC;MAC1C;MAEA,KAAAD,qBAAA,GAAI,IAAI,CAACE,SAAS,CAACK,QAAQ,CAAC,cAAAP,qBAAA,eAAxBA,qBAAA,CAA0BQ,QAAQ,EAAE;QACtC,OAAO,IAAI,CAACV,mBAAmB,CAACC,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAC;MACvE,CAAC,MAAM,IAAI,CAAC,IAAI,CAACG,SAAS,CAACK,QAAQ,CAAC,EAAE;QACpC,OAAO,CAAC,CAAC;MACX,CAAC,MAAM;QACL,OAAOA,QAAQ;MACjB;IACF;EAAC;IAAAzD,GAAA;IAAAC,KAAA,EAED,SAAA0D,mBAAmBC,SAA0B,EAAE;MAC7C,IAAAC,cAAA,GAAoC,IAAI,CAAC3E,OAAO;QAAxCG,OAAO,GAAAwE,cAAA,CAAPxE,OAAO;QAAEyE,cAAc,GAAAD,cAAA,CAAdC,cAAc;MAC/B,IAAMC,iBAAiB,GAAG1E,OAAO,KAAKuE,SAAS,CAACvE,OAAO;MAEvD,IAAI0E,iBAAiB,IAAIH,SAAS,CAACvE,OAAO,KAAK0B,SAAS,EAAE;QACxD,IAAI,CAAC1B,OAAO,EAAE;UACZ,IAAI,CAACS,QAAQ,CAACL,gBAAgB,CAAC,IAAI,CAAC;UACpC;UACA,IAAI,CAACiD,kBAAkB,CAACC,OAAO,GAAG,IAAI;UACtC,IACE,IAAI,CAACjB,SAAS,CAACiB,OAAO,IACtB,IAAI,CAACxB,UAAU,CAACwB,OAAO,KACtBqB,QAAQ,CAACC,aAAa,KAAKD,QAAQ,CAACE,IAAI,IAAI,IAAAC,2BAAa,EAAC,IAAI,CAACzC,SAAS,CAACiB,OAAO,CAAC,CAAC,IACnFmB,cAAc,CAACnB,OAAO,KAAK,UAAU,EACrC;YACA,IAAAyB,sBAAQ,EAAC,IAAI,CAACjD,UAAU,CAACwB,OAAO,CAAC;UACnC;QACF;MACF;IACF;EAAC;IAAA3C,GAAA;IAAAC,KAAA,EAED,SAAAoE,QAAkBC,KAAU,EAAEjE,KAAa,EAAEmC,IAAwB,EAAE;MACrE,IAAI,CAAAA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE+B,YAAY,CAAC,MAAM,CAAC,MAAK,IAAI,CAACnC,SAAS,EAAE;QACjD,IAAI,CAACzC,QAAQ,CAACU,KAAK,CAAC,GAAGmC,IAAI;QAC3B,IAAI,CAACY,SAAS,CAAC/C,KAAK,CAAC,GAAGiE,KAAK;MAC/B;IACF;EAAC;IAAAtE,GAAA;IAAAC,KAAA,EAED,SAAAuE,2BAAqCxF,CAAmC,EAAE;MACxE,IAAIA,CAAC,CAACyF,MAAM,YAAYC,OAAO,EAAE;QAC/B,IAAMC,aAAa,GAAG3F,CAAC,CAACyF,MAAM,CAACG,OAAO;QAEtC,IAAI5F,CAAC,CAACgB,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC6E,QAAQ,CAACF,aAAa,CAAC,EAAE,OAAO,KAAK;QAChF,IAAI3F,CAAC,CAACgB,GAAG,KAAK,OAAO,IAAI2E,aAAa,KAAK,UAAU,EAAE,OAAO,KAAK;MACrE;IACF;EAAC;IAAA3E,GAAA;IAAAC,KAAA,EACD,SAAA6E,2BAAqC9F,CAAmC,EAAE;MACxE,IAAIA,CAAC,CAACyF,MAAM,YAAYC,OAAO,EAAE;QAC/B,IAAMC,aAAa,GAAG3F,CAAC,CAACyF,MAAM,CAACG,OAAO;QAEtC,IACE,CAAC5F,CAAC,CAACgB,GAAG,KAAK,GAAG,IAAIhB,CAAC,CAACgB,GAAG,KAAK,OAAO,MAClC2E,aAAa,KAAK,QAAQ,IAAIA,aAAa,KAAK,GAAG,CAAC,EAErD,OAAO,KAAK;MAChB;IACF;EAAC;IAAA3E,GAAA;IAAAC,KAAA,EACD,SAAA8E,kBAA4B/F,CAAmC,EAAE;MAC/D,IACE,IAAI,CAACE,OAAO,CAACG,OAAO,KAAK,IAAI,IAC7B,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAACwF,QAAQ,CAAC7F,CAAC,CAACgB,GAAG,CAAC,IACtDhB,CAAC,CAACgG,aAAa,CAACT,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAACnC,SAAS,EACvD;QACA,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAACyC,QAAQ,CAAC7F,CAAC,CAACgB,GAAG,CAAC,EAAE;UAC5C,IAAI,CAACF,QAAQ,CAACT,OAAO,CAAC,IAAI,CAAC;QAC7B;QAEA,IAAI,CAAC4B,kBAAkB,CAACjC,CAAC,CAAC;MAC5B;IACF;EAAC;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAgF,mBAA6BjG,CAAmC,EAAE;MAChE,IAAMkG,WAAW,GAAGlG,CAAC,CAACmG,QAAQ,GAAG,CAAC,GAAG,CAAC;MACtC,IAAAC,cAAA,GAA4C,IAAI,CAAClG,OAAO;QAAhDO,gBAAgB,GAAA2F,cAAA,CAAhB3F,gBAAgB;QAAEH,aAAa,GAAA8F,cAAA,CAAb9F,aAAa;MAEvC,IAAI2D,MAAqB,GAAG,IAAI;MAEhC,QAAQjE,CAAC,CAACgB,GAAG;QACX,KAAK,WAAW;UAAE;YAChB,IAAI,CAACV,aAAa,EAAE;cAClB2D,MAAM,GAAGiC,WAAW;YACtB;YACA;UACF;QACA,KAAK,SAAS;UAAE;YACd,IAAI,CAAC5F,aAAa,EAAE;cAClB2D,MAAM,GAAG,CAACiC,WAAW;YACvB;YACA;UACF;QACA,KAAK,YAAY;UAAE;YACjB,IAAI5F,aAAa,EAAE;cACjB2D,MAAM,GAAGiC,WAAW;YACtB;YACA;UACF;QACA,KAAK,WAAW;UAAE;YAChB,IAAI5F,aAAa,EAAE;cACjB2D,MAAM,GAAG,CAACiC,WAAW;YACvB;YACA;UACF;QACA,KAAK,GAAG;QACR,KAAK,OAAO;UACV,IACE,IAAI,CAACxC,kBAAkB,CAACC,OAAO,IAC/BlD,gBAAgB,KAAK,IAAI,IACzB,CAAC,IAAI,CAAC2D,SAAS,CAAC3D,gBAAgB,CAAC,CAACiE,QAAQ,EAC1C;YACA1E,CAAC,CAACqG,eAAe,EAAE;YACnBrG,CAAC,CAACsG,cAAc,EAAE;YAClB,IAAI,CAAC5C,kBAAkB,CAACC,OAAO,CAAC4C,KAAK,EAAE;UACzC;UAEA;MAAM;MAGV,IAAItC,MAAM,KAAK,IAAI,EAAE;QACnB,IAAMuC,mBAAmB,GAAG,IAAI,CAACxC,mBAAmB,CAACC,MAAM,CAAC;QAE5D,IACE,IAAI,CAACpD,IAAI,KAAK,SAAS,IACvB,IAAI,CAACsB,UAAU,CAACwB,OAAO,IACvB,CAAC,IAAAwB,2BAAa,EAAC,IAAI,CAAChD,UAAU,CAACwB,OAAO,CAAC,EACvC;UACA,IAAI,CAAC8C,YAAY,EAAE;QACrB;QAEA,IAAID,mBAAmB,KAAK,CAAC,CAAC,EAAE;UAC9B,IAAI,CAAC1F,QAAQ,CAACL,gBAAgB,CAAC+F,mBAAmB,EAAExG,CAAC,CAAC;UACtD,IAAI,IAAI,CAACa,IAAI,KAAK,MAAM,EAAE;YAAA,IAAA6F,qBAAA;YACxB,CAAAA,qBAAA,OAAI,CAAC/F,QAAQ,CAAC6F,mBAAmB,CAAC,cAAAE,qBAAA,uBAAlCA,qBAAA,CAAoC9F,KAAK,EAAE;UAC7C;QACF;QAEAZ,CAAC,CAACsG,cAAc,EAAE;QAClBtG,CAAC,CAACqG,eAAe,EAAE;MACrB;IACF;EAAC;IAAArF,GAAA;IAAAC,KAAA,EAED,SAAAwF,aAAA,EAAuB;MACrB,IAAME,OAAO,GAAG,IAAI,CAACxE,UAAU,CAACwB,OAAO;MACvC,IAAI,CAACgD,OAAO,EAAE;MACd,IAAI,IAAAxB,2BAAa,EAACwB,OAAO,CAAC,EAAE;MAC5B,IAAAvB,sBAAQ,EAACuB,OAAO,CAAC;IACnB;EAAC;IAAA3F,GAAA;IAAAC,KAAA,EAED,SAAAoB,kBAAA,EAA4B;MAAA,IAAAuE,qBAAA;MAC1B,IAAAC,cAAA,GAAsB,IAAI,CAAC3G,OAAO;QAA1BuB,IAAI,GAAAoF,cAAA,CAAJpF,IAAI;QAAEC,GAAG,GAAAmF,cAAA,CAAHnF,GAAG;MACjB,IAAMoF,SAAS,IAAAF,qBAAA,GAAG,IAAI,CAACzE,UAAU,CAACwB,OAAO,cAAAiD,qBAAA,uBAAvBA,qBAAA,CAAyB/E,EAAE;MAC7C,IAAMkF,cAAc,GAAGD,SAAS,GAAG9B,QAAQ,CAACgC,cAAc,CAACF,SAAS,CAAC,GAAG,IAAI;MAE5E,OAAO;QACLrF,IAAI,EAAJA,IAAI;QACJJ,KAAK,EAAE,IAAI,CAACnB,OAAO,CAACO,gBAAgB;QACpCkC,QAAQ,EAAE,CAAC,CAAC;QACZT,GAAG,EAAE,IAAI,CAAC+E,OAAO;QACjBpF,EAAE,SAAAjC,MAAA,CAAS8B,GAAG,UAAO;QACrBb,IAAI,EAAE,IAAI,CAACA,IAAI;QACf,YAAY,EAAE,IAAAqG,oCAAiB,EAACH,cAAc;MAChD,CAAC;IACH;EAAC;EAAA,OAAAlI,gBAAA;AAAA,EAhV4CsI,eAAS;AAAA1I,OAAA,CAAAI,gBAAA,GAAAA,gBAAA"}
|
@@ -31,21 +31,21 @@ var _DropdownItem = require("./DropdownItem");
|
|
31
31
|
var _flexBox = require("intergalactic/flex-box");
|
32
32
|
var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
|
33
33
|
/*__reshadow-styles__:"./style/dropdown.shadow.css"*/
|
34
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
35
|
-
"__SDropdownPopper": "
|
36
|
-
"__SDropdownItem": "
|
37
|
-
"_highlighted": "
|
38
|
-
"_disabled": "
|
39
|
-
"_size_l": "
|
40
|
-
"_size_m": "
|
41
|
-
"_visible": "
|
42
|
-
"_nesting-trigger": "__nesting-
|
43
|
-
"__SGroupTitle": "
|
44
|
-
"__SGroupHint": "
|
45
|
-
"_selected": "
|
46
|
-
"_notInteractive": "
|
47
|
-
"_variant_hint": "
|
48
|
-
"_variant_title": "
|
34
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_1ch3z_gg_,.___SDropdownPopper_1ch3z_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_1ch3z_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_1ch3z_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_1ch3z_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_1ch3z_gg_:focus{outline:0}.___SDropdownItem_1ch3z_gg_.__selected_1ch3z_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_1ch3z_gg_.__selected_1ch3z_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_1ch3z_gg_.__highlighted_1ch3z_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_1ch3z_gg_.__disabled_1ch3z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_1ch3z_gg_._size_l_1ch3z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_1ch3z_gg_._size_m_1ch3z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_1ch3z_gg_.__notInteractive_1ch3z_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_1ch3z_gg_.__notInteractive_1ch3z_gg_:hover{background:0 0}}.___SDropdownItem_1ch3z_gg_._variant_hint_1ch3z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_1ch3z_gg_._variant_hint_1ch3z_gg_:hover{background:0 0}}.___SDropdownItem_1ch3z_gg_._variant_title_1ch3z_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_1ch3z_gg_._variant_title_1ch3z_gg_:hover{background:0 0}}.___SDropdownItem_1ch3z_gg_.__visible_1ch3z_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_1ch3z_gg_.__nesting-trigger_1ch3z_gg_{justify-content:space-between}.___SGroupTitle_1ch3z_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_1ch3z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ch3z_gg_") /*__reshadow_css_end__*/, {
|
35
|
+
"__SDropdownPopper": "___SDropdownPopper_1ch3z_gg_",
|
36
|
+
"__SDropdownItem": "___SDropdownItem_1ch3z_gg_",
|
37
|
+
"_highlighted": "__highlighted_1ch3z_gg_",
|
38
|
+
"_disabled": "__disabled_1ch3z_gg_",
|
39
|
+
"_size_l": "_size_l_1ch3z_gg_",
|
40
|
+
"_size_m": "_size_m_1ch3z_gg_",
|
41
|
+
"_visible": "__visible_1ch3z_gg_",
|
42
|
+
"_nesting-trigger": "__nesting-trigger_1ch3z_gg_",
|
43
|
+
"__SGroupTitle": "___SGroupTitle_1ch3z_gg_",
|
44
|
+
"__SGroupHint": "___SGroupHint_1ch3z_gg_",
|
45
|
+
"_selected": "__selected_1ch3z_gg_",
|
46
|
+
"_notInteractive": "__notInteractive_1ch3z_gg_",
|
47
|
+
"_variant_hint": "_variant_hint_1ch3z_gg_",
|
48
|
+
"_variant_title": "_variant_title_1ch3z_gg_"
|
49
49
|
});
|
50
50
|
var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
|
51
51
|
var DropdownRoot = /*#__PURE__*/function (_Component) {
|
@@ -96,7 +96,7 @@ var DropdownRoot = /*#__PURE__*/function (_Component) {
|
|
96
96
|
}
|
97
97
|
if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;
|
98
98
|
if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
|
99
|
-
if (['Enter', ' '].includes(e.key) && interaction !== 'none'
|
99
|
+
if (['Enter', ' '].includes(e.key) && interaction !== 'none') {
|
100
100
|
e.preventDefault();
|
101
101
|
_this.handlers.visible(true);
|
102
102
|
}
|