intergalactic 15.73.0 → 15.74.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 +33 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- package/animation/lib/cjs/Animation.js +11 -11
- package/animation/lib/cjs/Collapse.js +28 -28
- package/animation/lib/cjs/FadeInOut.js +28 -28
- package/animation/lib/cjs/Scale.js +28 -28
- package/animation/lib/cjs/Slide.js +28 -28
- package/animation/lib/cjs/Transform.js +28 -28
- package/animation/lib/es6/Animation.js +11 -11
- package/animation/lib/es6/Collapse.js +28 -28
- package/animation/lib/es6/FadeInOut.js +28 -28
- package/animation/lib/es6/Scale.js +28 -28
- package/animation/lib/es6/Slide.js +28 -28
- package/animation/lib/es6/Transform.js +28 -28
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
- package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +19 -19
- package/carousel/lib/es6/Carousel.js +19 -19
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/color-picker/lib/cjs/ColorPicker.js +23 -23
- package/color-picker/lib/cjs/PaletteManager.js +23 -23
- package/color-picker/lib/cjs/components/InputColor.js +23 -23
- package/color-picker/lib/es6/ColorPicker.js +23 -23
- package/color-picker/lib/es6/PaletteManager.js +23 -23
- package/color-picker/lib/es6/components/InputColor.js +23 -23
- package/components.json +73 -73
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- 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 +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- 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 +10 -10
- 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 +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- 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 +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- 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 +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- 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 +10 -10
- 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 +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- 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 +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/DataTable.js +35 -35
- package/data-table/lib/es6/DataTable.js +35 -35
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/cjs/translations/de.json +9 -1
- package/date-picker/lib/cjs/translations/es.json +9 -1
- package/date-picker/lib/cjs/translations/fr.json +9 -1
- package/date-picker/lib/cjs/translations/it.json +9 -1
- package/date-picker/lib/cjs/translations/ja.json +9 -1
- package/date-picker/lib/cjs/translations/ko.json +9 -1
- package/date-picker/lib/cjs/translations/nl.json +9 -1
- package/date-picker/lib/cjs/translations/pl.json +9 -1
- package/date-picker/lib/cjs/translations/pt.json +9 -1
- package/date-picker/lib/cjs/translations/sv.json +9 -1
- package/date-picker/lib/cjs/translations/tr.json +9 -1
- package/date-picker/lib/cjs/translations/vi.json +9 -1
- package/date-picker/lib/cjs/translations/zh.json +9 -1
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/es6/translations/de.json +9 -1
- package/date-picker/lib/es6/translations/es.json +9 -1
- package/date-picker/lib/es6/translations/fr.json +9 -1
- package/date-picker/lib/es6/translations/it.json +9 -1
- package/date-picker/lib/es6/translations/ja.json +9 -1
- package/date-picker/lib/es6/translations/ko.json +9 -1
- package/date-picker/lib/es6/translations/nl.json +9 -1
- package/date-picker/lib/es6/translations/pl.json +9 -1
- package/date-picker/lib/es6/translations/pt.json +9 -1
- package/date-picker/lib/es6/translations/sv.json +9 -1
- package/date-picker/lib/es6/translations/tr.json +9 -1
- package/date-picker/lib/es6/translations/vi.json +9 -1
- package/date-picker/lib/es6/translations/zh.json +9 -1
- package/divider/lib/cjs/Divider.js +9 -9
- package/divider/lib/es6/Divider.js +9 -9
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
- package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -15
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +16 -15
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MicrosoftOffice/l/index.js +10 -10
- package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
- package/icon/color/MicrosoftOffice/m/index.js +10 -10
- package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
- package/icon/lib/cjs/Icon.js +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- package/icon/pay/Discover/l/index.js +1 -1
- package/icon/pay/Discover/l/index.mjs +1 -1
- package/icon/pay/Discover/m/index.js +1 -1
- package/icon/pay/Discover/m/index.mjs +1 -1
- package/icon/pay/JCB/l/index.js +10 -10
- package/icon/pay/JCB/l/index.mjs +10 -10
- package/icon/pay/JCB/m/index.js +10 -10
- package/icon/pay/JCB/m/index.mjs +10 -10
- package/icon/pay/Visa/l/index.js +2 -2
- package/icon/pay/Visa/l/index.mjs +2 -2
- package/icon/pay/Visa/m/index.js +2 -2
- package/icon/pay/Visa/m/index.mjs +2 -2
- package/illustration/DeletedPage/index.js +34 -5
- package/illustration/DeletedPage/index.mjs +34 -5
- package/illustration/lib/cjs/index.js +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js +18 -18
- package/inline-input/lib/es6/InlineInput.js +18 -18
- package/input/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/modal/lib/cjs/Modal.js +9 -9
- package/modal/lib/es6/Modal.js +9 -9
- package/notice/lib/cjs/Notice.js +18 -16
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/cjs/translations/de.json +1 -0
- package/notice/lib/cjs/translations/en.json +1 -0
- package/notice/lib/cjs/translations/es.json +1 -0
- package/notice/lib/cjs/translations/fr.json +1 -0
- package/notice/lib/cjs/translations/it.json +1 -0
- package/notice/lib/cjs/translations/ja.json +1 -0
- package/notice/lib/cjs/translations/ko.json +1 -0
- package/notice/lib/cjs/translations/nl.json +1 -0
- package/notice/lib/cjs/translations/pl.json +1 -0
- package/notice/lib/cjs/translations/pt.json +1 -0
- package/notice/lib/cjs/translations/sv.json +1 -0
- package/notice/lib/cjs/translations/tr.json +1 -0
- package/notice/lib/cjs/translations/vi.json +1 -0
- package/notice/lib/cjs/translations/zh.json +1 -0
- package/notice/lib/es6/Notice.js +18 -16
- package/notice/lib/es6/Notice.js.map +1 -1
- package/notice/lib/es6/translations/de.json +1 -0
- package/notice/lib/es6/translations/en.json +1 -0
- package/notice/lib/es6/translations/es.json +1 -0
- package/notice/lib/es6/translations/fr.json +1 -0
- package/notice/lib/es6/translations/it.json +1 -0
- package/notice/lib/es6/translations/ja.json +1 -0
- package/notice/lib/es6/translations/ko.json +1 -0
- package/notice/lib/es6/translations/nl.json +1 -0
- package/notice/lib/es6/translations/pl.json +1 -0
- package/notice/lib/es6/translations/pt.json +1 -0
- package/notice/lib/es6/translations/sv.json +1 -0
- package/notice/lib/es6/translations/tr.json +1 -0
- package/notice/lib/es6/translations/vi.json +1 -0
- package/notice/lib/es6/translations/zh.json +1 -0
- package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
- package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/package.json +3 -3
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/popper/lib/cjs/Popper.js +20 -10
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +21 -11
- package/popper/lib/es6/Popper.js.map +1 -1
- package/portal/Portal.d.ts +2 -0
- package/portal/lib/cjs/Portal.js +5 -8
- package/portal/lib/cjs/Portal.js.map +1 -1
- package/portal/lib/es6/Portal.js +5 -8
- package/portal/lib/es6/Portal.js.map +1 -1
- package/portal/lib/types/Portal.d.ts +2 -0
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/scroll-area/lib/cjs/ScrollArea.js +17 -17
- package/scroll-area/lib/cjs/ScrollBar.js +6 -6
- package/scroll-area/lib/es6/ScrollArea.js +17 -17
- package/scroll-area/lib/es6/ScrollBar.js +6 -6
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/slider/lib/cjs/Slider.js +7 -7
- package/slider/lib/es6/Slider.js +7 -7
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tag/lib/cjs/Tag.js +20 -20
- package/tag/lib/es6/Tag.js +20 -20
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/es6/Tooltip.js +9 -9
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/propsForElement.js +2 -2
- package/utils/lib/propsForElement.js.map +1 -1
- package/utils/lib/propsForElement.mjs +2 -2
- package/utils/lib/propsForElement.mjs.map +1 -1
- package/utils/lib/use/useFocusLock.d.ts +5 -0
- package/utils/lib/use/useFocusLock.js +62 -23
- package/utils/lib/use/useFocusLock.js.map +1 -1
- package/utils/lib/use/useFocusLock.mjs +60 -23
- package/utils/lib/use/useFocusLock.mjs.map +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
@@ -8,6 +8,34 @@ import { getFocusableIn } from "../focus-lock/getFocusableIn.mjs";
|
|
8
8
|
import { addFocusBorders, removeFocusBorders, areFocusBordersPlacedCorrectly } from "../focus-lock/focusBorders.mjs";
|
9
9
|
export { isFocusInside, setFocus };
|
10
10
|
var focusBordersConsumers = new Set();
|
11
|
+
var syntheticEvents = {
|
12
|
+
blur: 'focusout-intergalactic-focus-lock-synthetic',
|
13
|
+
keydown: 'keydown-intergalactic-focus-lock-synthetic'
|
14
|
+
};
|
15
|
+
/**
|
16
|
+
* Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.
|
17
|
+
* You should always prevent native event propagation in order to prevent focus enforcing double calls.
|
18
|
+
*/
|
19
|
+
export var makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(baseEvent) {
|
20
|
+
var event = baseEvent;
|
21
|
+
var type = event.type;
|
22
|
+
if (!(type in syntheticEvents)) {
|
23
|
+
var supported = Object.keys(syntheticEvents).join(', ');
|
24
|
+
throw new Error("Unable to make synthetic event for ".concat(type, ", ").concat(supported, " are supported"));
|
25
|
+
}
|
26
|
+
var syntheticEvent = new Event(syntheticEvents[type], {
|
27
|
+
bubbles: true
|
28
|
+
});
|
29
|
+
Object.defineProperty(syntheticEvent, 'target', {
|
30
|
+
writable: false,
|
31
|
+
value: event.target
|
32
|
+
});
|
33
|
+
Object.defineProperty(syntheticEvent, 'relatedTarget', {
|
34
|
+
writable: false,
|
35
|
+
value: event.relatedTarget
|
36
|
+
});
|
37
|
+
return syntheticEvent;
|
38
|
+
};
|
11
39
|
var useFocusBorders = function useFocusBorders(React, disabled) {
|
12
40
|
useUniqueIdHookMock(React);
|
13
41
|
React.useEffect(function () {
|
@@ -114,16 +142,21 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
|
|
114
142
|
var returnFocus = React.useCallback(function () {
|
115
143
|
var trapNode = trapRef.current;
|
116
144
|
if (trapNode && !isFocusInside(trapNode)) return;
|
145
|
+
var focusMastersStackCount = focusMastersStack.length;
|
117
146
|
if (_typeof(returnFocusTo) === 'object' && returnFocusTo !== null && returnFocusTo !== void 0 && returnFocusTo.current) {
|
118
147
|
var returnFocusNode = returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current;
|
119
148
|
setTimeout(function () {
|
120
|
-
|
149
|
+
if (focusMastersStackCount !== focusMastersStack.length) {
|
150
|
+
setFocus(returnFocusNode, trapNode);
|
151
|
+
}
|
121
152
|
}, 0);
|
122
153
|
}
|
123
154
|
if (returnFocusTo === 'auto' && autoTriggerRef.current) {
|
124
155
|
var autoTrigger = autoTriggerRef.current;
|
125
156
|
setTimeout(function () {
|
126
|
-
|
157
|
+
if (focusMastersStackCount !== focusMastersStack.length) {
|
158
|
+
setFocus(autoTrigger, trapNode);
|
159
|
+
}
|
127
160
|
}, 0);
|
128
161
|
}
|
129
162
|
}, [returnFocusTo]);
|
@@ -137,27 +170,6 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
|
|
137
170
|
focusLockAllTraps["delete"](node);
|
138
171
|
};
|
139
172
|
}, [disabled]);
|
140
|
-
React.useEffect(function () {
|
141
|
-
if (_typeof(trapRef) !== 'object' || trapRef === null) return;
|
142
|
-
if (disabled) return;
|
143
|
-
if (!canUseDOM()) return;
|
144
|
-
if (!trapRef.current) return;
|
145
|
-
var focusableChildren = Array.from(trapRef.current.children).flatMap(function (node) {
|
146
|
-
return getFocusableIn(node);
|
147
|
-
});
|
148
|
-
if (focusableChildren.length === 0) return;
|
149
|
-
if (focusMaster) {
|
150
|
-
focusMastersStack.push(trapRef.current);
|
151
|
-
}
|
152
|
-
return function () {
|
153
|
-
if (!focusMaster) return;
|
154
|
-
if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {
|
155
|
-
focusMastersStack.pop();
|
156
|
-
} else {
|
157
|
-
focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current), 1);
|
158
|
-
}
|
159
|
-
};
|
160
|
-
}, [disabled, focusMaster]);
|
161
173
|
React.useEffect(function () {
|
162
174
|
if (disabled) return;
|
163
175
|
if (!canUseDOM()) return;
|
@@ -167,19 +179,44 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
|
|
167
179
|
});
|
168
180
|
if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;
|
169
181
|
document.body.addEventListener('focusout', handleFocusOut);
|
182
|
+
document.body.addEventListener(syntheticEvents.blur, handleFocusOut);
|
170
183
|
document.body.addEventListener('mousedown', handleMouseEvent);
|
171
184
|
document.body.addEventListener('touchstart', handleMouseEvent);
|
172
185
|
document.body.addEventListener('keydown', handleKeyboardEvent);
|
186
|
+
document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);
|
173
187
|
if (autoFocus) setFocus(trapRef.current, _typeof(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
|
174
188
|
return function () {
|
175
189
|
document.body.removeEventListener('focusout', handleFocusOut);
|
190
|
+
document.body.removeEventListener(syntheticEvents.blur, handleFocusOut);
|
176
191
|
document.body.removeEventListener('mousedown', handleMouseEvent);
|
177
192
|
document.body.removeEventListener('touchstart', handleMouseEvent);
|
178
193
|
document.body.removeEventListener('keydown', handleKeyboardEvent);
|
194
|
+
document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);
|
179
195
|
returnFocus();
|
180
196
|
autoTriggerRef.current = null;
|
181
197
|
};
|
182
198
|
}, [disabled, autoFocus, returnFocusTo, returnFocus]);
|
199
|
+
React.useEffect(function () {
|
200
|
+
if (_typeof(trapRef) !== 'object' || trapRef === null) return;
|
201
|
+
if (disabled) return;
|
202
|
+
if (!canUseDOM()) return;
|
203
|
+
if (!trapRef.current) return;
|
204
|
+
var focusableChildren = Array.from(trapRef.current.children).flatMap(function (node) {
|
205
|
+
return getFocusableIn(node);
|
206
|
+
});
|
207
|
+
if (focusableChildren.length === 0) return;
|
208
|
+
if (focusMaster) {
|
209
|
+
focusMastersStack.push(trapRef.current);
|
210
|
+
}
|
211
|
+
return function () {
|
212
|
+
if (!focusMaster) return;
|
213
|
+
if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {
|
214
|
+
focusMastersStack.pop();
|
215
|
+
} else {
|
216
|
+
focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current), 1);
|
217
|
+
}
|
218
|
+
};
|
219
|
+
}, [disabled, focusMaster]);
|
183
220
|
useUniqueIdHookMock(React);
|
184
221
|
React.useEffect(function () {
|
185
222
|
var id = getUniqueId('focus-lock-consumer');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useFocusLock.mjs","names":["canUseDOM","LocalReact","isFocusInside","setFocus","getFocusableIn","addFocusBorders","removeFocusBorders","areFocusBordersPlacedCorrectly","focusBordersConsumers","Set","useFocusBorders","React","disabled","useUniqueIdHookMock","useEffect","id","getUniqueId","add","size","uniqueId","prefix","concat","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","trapRef","autoFocus","returnFocusTo","arguments","length","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","event","focusCameFrom","target","focusMovedTo","relatedTarget","setTimeout","current","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","_typeof","handleMouseEvent","handleKeyboardEvent","returnFocus","trapNode","returnFocusNode","autoTrigger","node","focusableChildren","Array","from","children","flatMap","push","pop","splice","indexOf","document","body","addEventListener","removeEventListener","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element"],"sources":["../../src/use/useFocusLock.ts"],"sourcesContent":["import canUseDOM from '../canUseDOM';\nimport LocalReact from 'react';\n\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport {\n addFocusBorders,\n removeFocusBorders,\n areFocusBordersPlacedCorrectly,\n} from '../focus-lock/focusBorders';\n\nexport { isFocusInside, setFocus };\n\nconst focusBordersConsumers = new Set();\n\nconst useFocusBorders = (React: ReactT, disabled?: boolean) => {\n useUniqueIdHookMock(React);\n React.useEffect(() => {\n const id = getUniqueId('focus-borders-consumer');\n if (!disabled) {\n focusBordersConsumers.add(id);\n }\n\n if (!areFocusBordersPlacedCorrectly()) removeFocusBorders();\n if (focusBordersConsumers.size > 0) addFocusBorders();\n\n return () => {\n focusBordersConsumers.delete(id);\n if (focusBordersConsumers.size === 0) removeFocusBorders();\n };\n }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\n\n/**\n * # Focus lock hook merging\n * In some cases same page might contain different versions of components.\n * In such cases, we need to ensure that only one version of focus lock hook is used.\n * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.\n *\n * While evaluating this file code, we check if global focus lock hook is already defined.\n * If it's defined, we replace it ONLY if our version is higher and no components currently use it.\n * The last condition is very important because we are unable to replace React hook without reimplementing\n * React hooks lifecycle in some kind of wrapper.\n *\n * ## Versioning\n * Such versions merging requires us to keep hook api backward compatible.\n * When hook logic changes, the variable `focusLockVersion` should be incremented.\n *\n * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)\n * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).\n *\n * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.\n * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.\n *\n * ## React hooks order\n * When updating from version 2 to version 3 `useUniqueId` hook was removed.\n * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.\n * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.\n *\n * If new update requires to remove some hooks – add mocks instead of them.\n * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.\n */\nconst focusLockVersion = 3;\nconst globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';\n\nconst focusLockAllTraps = new Set<HTMLElement>();\nconst focusLockUsedInMountedComponents = new Set<string>();\n/** Focus master is a special mode in which focus lock might work.\n * Normally, focus lock hook allows user focus to move freely between\n * all active focus traps. When component provides `focusMaster=true`\n * parameter, it says that it doesn't want to share focus with other traps.\n * It is very useful for a big components like modals or side-bars that\n * also have some visual backdrop.\n * The last element in focus masters stack is considered as a current focus master.\n */\nconst focusMastersStack: HTMLElement[] = [];\n\nconst noop = () => {};\nconst useUniqueIdHookMock = (React: ReactT) => {\n React.useState(undefined);\n const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n useEnhancedEffect(noop, []);\n};\n\nconst useFocusLockHook = (\n React: ReactT,\n trapRef: React.RefObject<HTMLElement>,\n autoFocus: boolean | 'enforced',\n returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n disabled = false,\n focusMaster = false,\n onFocusOut?: (event: Event) => void,\n) => {\n useFocusBorders(React, disabled);\n\n const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n const handleFocusOut = React.useCallback(\n (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n const focusCameFrom = event.target;\n const focusMovedTo = event.relatedTarget;\n\n setTimeout(() => {\n if (!focusCameFrom) return;\n if (autoTriggerRef.current) return;\n autoTriggerRef.current = focusCameFrom;\n }, 0);\n if (lastUserInteractionRef.current === 'mouse') return;\n Promise.resolve().then(() => {\n if (!trapRef.current) return;\n const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];\n if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;\n const trapNodes = currentFocusMaster\n ? [trapRef.current]\n : [trapRef.current, ...focusLockAllTraps];\n if (isFocusInside(trapNodes, focusMovedTo)) return;\n if (\n typeof returnFocusTo === 'object' &&\n returnFocusTo?.current &&\n isFocusInside(returnFocusTo.current)\n )\n return;\n\n if (focusCameFrom) {\n setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n }\n\n onFocusOut?.(event);\n });\n },\n [onFocusOut],\n );\n const handleMouseEvent = React.useCallback(() => {\n lastUserInteractionRef.current = 'mouse';\n }, []);\n const handleKeyboardEvent = React.useCallback(() => {\n lastUserInteractionRef.current = 'keyboard';\n }, []);\n const returnFocus = React.useCallback(() => {\n const trapNode = trapRef.current;\n if (trapNode && !isFocusInside(trapNode)) return;\n if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n const returnFocusNode = returnFocusTo?.current;\n setTimeout(() => setFocus(returnFocusNode, trapNode), 0);\n }\n if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n const autoTrigger = autoTriggerRef.current;\n setTimeout(() => setFocus(autoTrigger, trapNode), 0);\n }\n }, [returnFocusTo]);\n React.useEffect(() => {\n if (typeof trapRef !== 'object' || trapRef === null) return;\n const node = trapRef.current;\n if (!node) return;\n focusLockAllTraps.add(node);\n return () => {\n if (!node) return;\n focusLockAllTraps.delete(node);\n };\n }, [disabled]);\n React.useEffect(() => {\n if (typeof trapRef !== 'object' || trapRef === null) return;\n if (disabled) return;\n if (!canUseDOM()) return;\n if (!trapRef.current) return;\n const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n if (focusableChildren.length === 0) return;\n\n if (focusMaster) {\n focusMastersStack.push(trapRef.current);\n }\n\n return () => {\n if (!focusMaster) return;\n if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {\n focusMastersStack.pop();\n } else {\n focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current!), 1);\n }\n };\n }, [disabled, focusMaster]);\n React.useEffect(() => {\n if (disabled) return;\n if (!canUseDOM()) return;\n if (!trapRef.current) return;\n const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;\n\n document.body.addEventListener('focusout', handleFocusOut as any);\n document.body.addEventListener('mousedown', handleMouseEvent);\n document.body.addEventListener('touchstart', handleMouseEvent);\n document.body.addEventListener('keydown', handleKeyboardEvent);\n\n if (autoFocus)\n setFocus(\n trapRef.current,\n typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n );\n\n return () => {\n document.body.removeEventListener('focusout', handleFocusOut as any);\n document.body.removeEventListener('mousedown', handleMouseEvent);\n document.body.removeEventListener('touchstart', handleMouseEvent);\n document.body.removeEventListener('keydown', handleKeyboardEvent);\n returnFocus();\n autoTriggerRef.current = null;\n };\n }, [disabled, autoFocus, returnFocusTo, returnFocus]);\n\n useUniqueIdHookMock(React);\n React.useEffect(() => {\n const id = getUniqueId('focus-lock-consumer');\n if (disabled) return;\n focusLockUsedInMountedComponents.add(id);\n return () => {\n focusLockUsedInMountedComponents.delete(id);\n };\n }, [disabled]);\n};\nconst establishHookAsGlobal = () => {\n (globalThis as any)[globalFocusLockHookKey] = {\n hook: useFocusLockHook,\n version: focusLockVersion,\n usedInComponents: focusLockUsedInMountedComponents,\n };\n};\nif (!(globalThis as any)[globalFocusLockHookKey]) {\n establishHookAsGlobal();\n} else if (typeof (globalThis as any)[globalFocusLockHookKey].version !== 'number') {\n establishHookAsGlobal();\n} else {\n const { version: theirVersion, usedInComponents } = (globalThis as any)[globalFocusLockHookKey];\n if (focusLockVersion > theirVersion && usedInComponents.size === 0) {\n establishHookAsGlobal();\n }\n}\n\nexport const useFocusLock = (\n trapRef: React.RefObject<HTMLElement>,\n autoFocus: boolean,\n returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n disabled = false,\n focusMaster = false,\n onFocusOut?: (event: Event) => void,\n) => {\n const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\n};\n\nexport const hasFocusableIn = (element: HTMLElement): boolean => {\n return (\n Array.from(element.children).flatMap((node) => getFocusableIn(node as HTMLElement)).length > 0\n );\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"useFocusLock.mjs","names":["canUseDOM","LocalReact","isFocusInside","setFocus","getFocusableIn","addFocusBorders","removeFocusBorders","areFocusBordersPlacedCorrectly","focusBordersConsumers","Set","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","baseEvent","event","type","supported","Object","keys","join","Error","concat","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","useUniqueIdHookMock","useEffect","id","getUniqueId","add","size","uniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","trapRef","autoFocus","returnFocusTo","arguments","length","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","current","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","_typeof","handleMouseEvent","handleKeyboardEvent","returnFocus","trapNode","focusMastersStackCount","returnFocusNode","autoTrigger","node","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","removeEventListener","push","pop","splice","indexOf","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element"],"sources":["../../src/use/useFocusLock.ts"],"sourcesContent":["import canUseDOM from '../canUseDOM';\nimport LocalReact from 'react';\n\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport {\n addFocusBorders,\n removeFocusBorders,\n areFocusBordersPlacedCorrectly,\n} from '../focus-lock/focusBorders';\n\nexport { isFocusInside, setFocus };\n\nconst focusBordersConsumers = new Set();\n\nconst syntheticEvents = {\n blur: 'focusout-intergalactic-focus-lock-synthetic',\n keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n const event = baseEvent as any;\n const type = event.type as keyof typeof syntheticEvents;\n if (!(type in syntheticEvents)) {\n const supported = Object.keys(syntheticEvents).join(', ');\n throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n }\n const syntheticEvent = new Event(syntheticEvents[type], {\n bubbles: true,\n });\n Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n Object.defineProperty(syntheticEvent, 'relatedTarget', {\n writable: false,\n value: event.relatedTarget,\n });\n return syntheticEvent;\n};\n\nconst useFocusBorders = (React: ReactT, disabled?: boolean) => {\n useUniqueIdHookMock(React);\n React.useEffect(() => {\n const id = getUniqueId('focus-borders-consumer');\n if (!disabled) {\n focusBordersConsumers.add(id);\n }\n\n if (!areFocusBordersPlacedCorrectly()) removeFocusBorders();\n if (focusBordersConsumers.size > 0) addFocusBorders();\n\n return () => {\n focusBordersConsumers.delete(id);\n if (focusBordersConsumers.size === 0) removeFocusBorders();\n };\n }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\n\n/**\n * # Focus lock hook merging\n * In some cases same page might contain different versions of components.\n * In such cases, we need to ensure that only one version of focus lock hook is used.\n * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.\n *\n * While evaluating this file code, we check if global focus lock hook is already defined.\n * If it's defined, we replace it ONLY if our version is higher and no components currently use it.\n * The last condition is very important because we are unable to replace React hook without reimplementing\n * React hooks lifecycle in some kind of wrapper.\n *\n * ## Versioning\n * Such versions merging requires us to keep hook api backward compatible.\n * When hook logic changes, the variable `focusLockVersion` should be incremented.\n *\n * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)\n * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).\n *\n * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.\n * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.\n *\n * ## React hooks order\n * When updating from version 2 to version 3 `useUniqueId` hook was removed.\n * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.\n * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.\n *\n * If new update requires to remove some hooks – add mocks instead of them.\n * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.\n */\nconst focusLockVersion = 3;\nconst globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';\n\nconst focusLockAllTraps = new Set<HTMLElement>();\nconst focusLockUsedInMountedComponents = new Set<string>();\n/** Focus master is a special mode in which focus lock might work.\n * Normally, focus lock hook allows user focus to move freely between\n * all active focus traps. When component provides `focusMaster=true`\n * parameter, it says that it doesn't want to share focus with other traps.\n * It is very useful for a big components like modals or side-bars that\n * also have some visual backdrop.\n * The last element in focus masters stack is considered as a current focus master.\n */\nconst focusMastersStack: HTMLElement[] = [];\n\nconst noop = () => {};\nconst useUniqueIdHookMock = (React: ReactT) => {\n React.useState(undefined);\n const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n useEnhancedEffect(noop, []);\n};\n\nconst useFocusLockHook = (\n React: ReactT,\n trapRef: React.RefObject<HTMLElement>,\n autoFocus: boolean | 'enforced',\n returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n disabled = false,\n focusMaster = false,\n onFocusOut?: (event: Event) => void,\n) => {\n useFocusBorders(React, disabled);\n\n const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n const handleFocusOut = React.useCallback(\n (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n const focusCameFrom = event.target;\n const focusMovedTo = event.relatedTarget;\n setTimeout(() => {\n if (!focusCameFrom) return;\n if (autoTriggerRef.current) return;\n autoTriggerRef.current = focusCameFrom;\n }, 0);\n if (lastUserInteractionRef.current === 'mouse') return;\n Promise.resolve().then(() => {\n if (!trapRef.current) return;\n const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];\n if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;\n const trapNodes = currentFocusMaster\n ? [trapRef.current]\n : [trapRef.current, ...focusLockAllTraps];\n if (isFocusInside(trapNodes, focusMovedTo)) return;\n if (\n typeof returnFocusTo === 'object' &&\n returnFocusTo?.current &&\n isFocusInside(returnFocusTo.current)\n )\n return;\n\n if (focusCameFrom) {\n setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n }\n\n onFocusOut?.(event);\n });\n },\n [onFocusOut],\n );\n const handleMouseEvent = React.useCallback(() => {\n lastUserInteractionRef.current = 'mouse';\n }, []);\n const handleKeyboardEvent = React.useCallback(() => {\n lastUserInteractionRef.current = 'keyboard';\n }, []);\n const returnFocus = React.useCallback(() => {\n const trapNode = trapRef.current;\n if (trapNode && !isFocusInside(trapNode)) return;\n const focusMastersStackCount = focusMastersStack.length;\n if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n const returnFocusNode = returnFocusTo?.current;\n setTimeout(() => {\n if (focusMastersStackCount !== focusMastersStack.length) {\n setFocus(returnFocusNode, trapNode);\n }\n }, 0);\n }\n if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n const autoTrigger = autoTriggerRef.current;\n setTimeout(() => {\n if (focusMastersStackCount !== focusMastersStack.length) {\n setFocus(autoTrigger, trapNode);\n }\n }, 0);\n }\n }, [returnFocusTo]);\n React.useEffect(() => {\n if (typeof trapRef !== 'object' || trapRef === null) return;\n const node = trapRef.current;\n if (!node) return;\n focusLockAllTraps.add(node);\n return () => {\n if (!node) return;\n focusLockAllTraps.delete(node);\n };\n }, [disabled]);\n\n React.useEffect(() => {\n if (disabled) return;\n if (!canUseDOM()) return;\n if (!trapRef.current) return;\n const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;\n\n document.body.addEventListener('focusout', handleFocusOut as any);\n document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n document.body.addEventListener('mousedown', handleMouseEvent);\n document.body.addEventListener('touchstart', handleMouseEvent);\n document.body.addEventListener('keydown', handleKeyboardEvent);\n document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n if (autoFocus)\n setFocus(\n trapRef.current,\n typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n );\n\n return () => {\n document.body.removeEventListener('focusout', handleFocusOut as any);\n document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n document.body.removeEventListener('mousedown', handleMouseEvent);\n document.body.removeEventListener('touchstart', handleMouseEvent);\n document.body.removeEventListener('keydown', handleKeyboardEvent);\n document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n returnFocus();\n autoTriggerRef.current = null;\n };\n }, [disabled, autoFocus, returnFocusTo, returnFocus]);\n\n React.useEffect(() => {\n if (typeof trapRef !== 'object' || trapRef === null) return;\n if (disabled) return;\n if (!canUseDOM()) return;\n if (!trapRef.current) return;\n const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n if (focusableChildren.length === 0) return;\n\n if (focusMaster) {\n focusMastersStack.push(trapRef.current);\n }\n\n return () => {\n if (!focusMaster) return;\n if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {\n focusMastersStack.pop();\n } else {\n focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current!), 1);\n }\n };\n }, [disabled, focusMaster]);\n\n useUniqueIdHookMock(React);\n React.useEffect(() => {\n const id = getUniqueId('focus-lock-consumer');\n if (disabled) return;\n focusLockUsedInMountedComponents.add(id);\n return () => {\n focusLockUsedInMountedComponents.delete(id);\n };\n }, [disabled]);\n};\nconst establishHookAsGlobal = () => {\n (globalThis as any)[globalFocusLockHookKey] = {\n hook: useFocusLockHook,\n version: focusLockVersion,\n usedInComponents: focusLockUsedInMountedComponents,\n };\n};\nif (!(globalThis as any)[globalFocusLockHookKey]) {\n establishHookAsGlobal();\n} else if (typeof (globalThis as any)[globalFocusLockHookKey].version !== 'number') {\n establishHookAsGlobal();\n} else {\n const { version: theirVersion, usedInComponents } = (globalThis as any)[globalFocusLockHookKey];\n if (focusLockVersion > theirVersion && usedInComponents.size === 0) {\n establishHookAsGlobal();\n }\n}\n\nexport const useFocusLock = (\n trapRef: React.RefObject<HTMLElement>,\n autoFocus: boolean,\n returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n disabled = false,\n focusMaster = false,\n onFocusOut?: (event: Event) => void,\n) => {\n const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\n};\n\nexport const hasFocusableIn = (element: HTMLElement): boolean => {\n return (\n Array.from(element.children).flatMap((node) => getFocusableIn(node as HTMLElement)).length > 0\n );\n};\n"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,kBAAc;AACpC,OAAOC,UAAU,MAAM,OAAO;AAE9B,SAASC,aAAa,QAAQ,iCAA6B;AAC3D,SAASC,QAAQ,QAAQ,4BAAwB;AACjD,SAASC,cAAc,QAAQ,kCAA8B;AAC7D,SACEC,eAAe,EACfC,kBAAkB,EAClBC,8BAA8B,QACzB,gCAA4B;AAEnC,SAASL,aAAa,EAAEC,QAAQ;AAEhC,IAAMK,qBAAqB,GAAG,IAAIC,GAAG,EAAE;AAEvC,IAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,6CAA6C;EACnDC,OAAO,EAAE;AACX,CAAC;AACD;AACA;AACA;AACA;AACA,OAAO,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIC,SAAgB,EAAK;EAC/D,IAAMC,KAAK,GAAGD,SAAgB;EAC9B,IAAME,IAAI,GAAGD,KAAK,CAACC,IAAoC;EACvD,IAAI,EAAEA,IAAI,IAAIN,eAAe,CAAC,EAAE;IAC9B,IAAMO,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACT,eAAe,CAAC,CAACU,IAAI,CAAC,IAAI,CAAC;IACzD,MAAM,IAAIC,KAAK,uCAAAC,MAAA,CAAuCN,IAAI,QAAAM,MAAA,CAAKL,SAAS,oBAAiB;EAC3F;EACA,IAAMM,cAAc,GAAG,IAAIC,KAAK,CAACd,eAAe,CAACM,IAAI,CAAC,EAAE;IACtDS,OAAO,EAAE;EACX,CAAC,CAAC;EACFP,MAAM,CAACQ,cAAc,CAACH,cAAc,EAAE,QAAQ,EAAE;IAAEI,QAAQ,EAAE,KAAK;IAAEC,KAAK,EAAEb,KAAK,CAACc;EAAO,CAAC,CAAC;EACzFX,MAAM,CAACQ,cAAc,CAACH,cAAc,EAAE,eAAe,EAAE;IACrDI,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAEb,KAAK,CAACe;EACf,CAAC,CAAC;EACF,OAAOP,cAAc;AACvB,CAAC;AAED,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAa,EAAEC,QAAkB,EAAK;EAC7DC,mBAAmB,CAACF,KAAK,CAAC;EAC1BA,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAMC,EAAE,GAAGC,WAAW,CAAC,wBAAwB,CAAC;IAChD,IAAI,CAACJ,QAAQ,EAAE;MACbzB,qBAAqB,CAAC8B,GAAG,CAACF,EAAE,CAAC;IAC/B;IAEA,IAAI,CAAC7B,8BAA8B,EAAE,EAAED,kBAAkB,EAAE;IAC3D,IAAIE,qBAAqB,CAAC+B,IAAI,GAAG,CAAC,EAAElC,eAAe,EAAE;IAErD,OAAO,YAAM;MACXG,qBAAqB,UAAO,CAAC4B,EAAE,CAAC;MAChC,IAAI5B,qBAAqB,CAAC+B,IAAI,KAAK,CAAC,EAAEjC,kBAAkB,EAAE;IAC5D,CAAC;EACH,CAAC,EAAE,CAAC2B,QAAQ,CAAC,CAAC;AAChB,CAAC;AAID,IAAIO,QAAQ,GAAG,CAAC;AAChB,IAAMH,WAAW,GAAG,SAAdA,WAAWA,CAAII,MAAc;EAAA,UAAAnB,MAAA,CAC9BmB,MAAM,OAAAnB,MAAA,CAAIoB,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,OAAAvB,MAAA,CAAIkB,QAAQ,EAAE;AAAA,CAAE;;AAElE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,gBAAgB,GAAG,CAAC;AAC1B,IAAMC,sBAAsB,GAAG,oDAAoD;AAEnF,IAAMC,iBAAiB,GAAG,IAAIvC,GAAG,EAAe;AAChD,IAAMwC,gCAAgC,GAAG,IAAIxC,GAAG,EAAU;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMyC,iBAAgC,GAAG,EAAE;AAE3C,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS,CAAC,CAAC;AACrB,IAAMjB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIF,KAAa,EAAK;EAC7CA,KAAK,CAACoB,QAAQ,CAACC,SAAS,CAAC;EACzB,IAAMC,iBAAiB,GAAGtD,SAAS,EAAE,GAAGgC,KAAK,CAACuB,eAAe,GAAGvB,KAAK,CAACG,SAAS;EAC/EmB,iBAAiB,CAACH,IAAI,EAAE,EAAE,CAAC;AAC7B,CAAC;AAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBxB,KAAa,EACbyB,OAAqC,EACrCC,SAA+B,EAC/BC,aAA2D,EAIxD;EAAA,IAHH1B,QAAQ,GAAA2B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;EAAA,IAChBE,WAAW,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;EAAA,IACnBG,UAAmC,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAP,SAAA;EAEnCtB,eAAe,CAACC,KAAK,EAAEC,QAAQ,CAAC;EAEhC,IAAM+B,cAAc,GAAGhC,KAAK,CAACiC,MAAM,CAAqB,IAAI,CAAC;EAC7D,IAAMC,sBAAsB,GAAGlC,KAAK,CAACiC,MAAM,CAAmCZ,SAAS,CAAC;EAExF,IAAMc,cAAc,GAAGnC,KAAK,CAACoC,WAAW,CACtC,UAACrD,KAAoE,EAAK;IACxE,IAAMsD,aAAa,GAAGtD,KAAK,CAACc,MAAM;IAClC,IAAMyC,YAAY,GAAGvD,KAAK,CAACe,aAAa;IACxCyC,UAAU,CAAC,YAAM;MACf,IAAI,CAACF,aAAa,EAAE;MACpB,IAAIL,cAAc,CAACQ,OAAO,EAAE;MAC5BR,cAAc,CAACQ,OAAO,GAAGH,aAAa;IACxC,CAAC,EAAE,CAAC,CAAC;IACL,IAAIH,sBAAsB,CAACM,OAAO,KAAK,OAAO,EAAE;IAChDC,OAAO,CAACC,OAAO,EAAE,CAACC,IAAI,CAAC,YAAM;MAC3B,IAAI,CAAClB,OAAO,CAACe,OAAO,EAAE;MACtB,IAAMI,kBAAkB,GAAG1B,iBAAiB,CAACA,iBAAiB,CAACW,MAAM,GAAG,CAAC,CAAC;MAC1E,IAAIe,kBAAkB,IAAIA,kBAAkB,KAAKnB,OAAO,CAACe,OAAO,EAAE;MAClE,IAAMK,SAAS,GAAGD,kBAAkB,GAChC,CAACnB,OAAO,CAACe,OAAO,CAAC,IAChBf,OAAO,CAACe,OAAO,EAAAlD,MAAA,CAAAwD,kBAAA,CAAK9B,iBAAiB,EAAC;MAC3C,IAAI9C,aAAa,CAAC2E,SAAS,EAAEP,YAAY,CAAC,EAAE;MAC5C,IACES,OAAA,CAAOpB,aAAa,MAAK,QAAQ,IACjCA,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEa,OAAO,IACtBtE,aAAa,CAACyD,aAAa,CAACa,OAAO,CAAC,EAEpC;MAEF,IAAIH,aAAa,EAAE;QACjBlE,QAAQ,CAACsD,OAAO,CAACe,OAAO,EAAEH,aAAa,EAAEC,YAAY,CAAC;MACxD;MAEAP,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGhD,KAAK,CAAC;IACrB,CAAC,CAAC;EACJ,CAAC,EACD,CAACgD,UAAU,CAAC,CACb;EACD,IAAMiB,gBAAgB,GAAGhD,KAAK,CAACoC,WAAW,CAAC,YAAM;IAC/CF,sBAAsB,CAACM,OAAO,GAAG,OAAO;EAC1C,CAAC,EAAE,EAAE,CAAC;EACN,IAAMS,mBAAmB,GAAGjD,KAAK,CAACoC,WAAW,CAAC,YAAM;IAClDF,sBAAsB,CAACM,OAAO,GAAG,UAAU;EAC7C,CAAC,EAAE,EAAE,CAAC;EACN,IAAMU,WAAW,GAAGlD,KAAK,CAACoC,WAAW,CAAC,YAAM;IAC1C,IAAMe,QAAQ,GAAG1B,OAAO,CAACe,OAAO;IAChC,IAAIW,QAAQ,IAAI,CAACjF,aAAa,CAACiF,QAAQ,CAAC,EAAE;IAC1C,IAAMC,sBAAsB,GAAGlC,iBAAiB,CAACW,MAAM;IACvD,IAAIkB,OAAA,CAAOpB,aAAa,MAAK,QAAQ,IAAIA,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEa,OAAO,EAAE;MAC/D,IAAMa,eAAe,GAAG1B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEa,OAAO;MAC9CD,UAAU,CAAC,YAAM;QACf,IAAIa,sBAAsB,KAAKlC,iBAAiB,CAACW,MAAM,EAAE;UACvD1D,QAAQ,CAACkF,eAAe,EAAEF,QAAQ,CAAC;QACrC;MACF,CAAC,EAAE,CAAC,CAAC;IACP;IACA,IAAIxB,aAAa,KAAK,MAAM,IAAIK,cAAc,CAACQ,OAAO,EAAE;MACtD,IAAMc,WAAW,GAAGtB,cAAc,CAACQ,OAAO;MAC1CD,UAAU,CAAC,YAAM;QACf,IAAIa,sBAAsB,KAAKlC,iBAAiB,CAACW,MAAM,EAAE;UACvD1D,QAAQ,CAACmF,WAAW,EAAEH,QAAQ,CAAC;QACjC;MACF,CAAC,EAAE,CAAC,CAAC;IACP;EACF,CAAC,EAAE,CAACxB,aAAa,CAAC,CAAC;EACnB3B,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI4C,OAAA,CAAOtB,OAAO,MAAK,QAAQ,IAAIA,OAAO,KAAK,IAAI,EAAE;IACrD,IAAM8B,IAAI,GAAG9B,OAAO,CAACe,OAAO;IAC5B,IAAI,CAACe,IAAI,EAAE;IACXvC,iBAAiB,CAACV,GAAG,CAACiD,IAAI,CAAC;IAC3B,OAAO,YAAM;MACX,IAAI,CAACA,IAAI,EAAE;MACXvC,iBAAiB,UAAO,CAACuC,IAAI,CAAC;IAChC,CAAC;EACH,CAAC,EAAE,CAACtD,QAAQ,CAAC,CAAC;EAEdD,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAIF,QAAQ,EAAE;IACd,IAAI,CAACjC,SAAS,EAAE,EAAE;IAClB,IAAI,CAACyD,OAAO,CAACe,OAAO,EAAE;IACtB,IAAMgB,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAACjC,OAAO,CAACe,OAAO,CAACmB,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACL,IAAI;MAAA,OAC1EnF,cAAc,CAACmF,IAAI,CAAgB;IAAA,EACpC;IACD,IAAIC,iBAAiB,CAAC3B,MAAM,KAAK,CAAC,IAAIH,SAAS,KAAK,UAAU,EAAE;IAEhEmC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,UAAU,EAAE5B,cAAc,CAAQ;IACjE0B,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAACrF,eAAe,CAACC,IAAI,EAAEwD,cAAc,CAAQ;IAC3E0B,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,WAAW,EAAEf,gBAAgB,CAAC;IAC7Da,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,YAAY,EAAEf,gBAAgB,CAAC;IAC9Da,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,SAAS,EAAEd,mBAAmB,CAAC;IAC9DY,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAACrF,eAAe,CAACE,OAAO,EAAEqE,mBAAmB,CAAC;IAE5E,IAAIvB,SAAS,EACXvD,QAAQ,CACNsD,OAAO,CAACe,OAAO,EACfO,OAAA,CAAOpB,aAAa,MAAK,QAAQ,GAAGA,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEa,OAAO,GAAGqB,QAAQ,CAACC,IAAI,CAC3E;IAEH,OAAO,YAAM;MACXD,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAAC,UAAU,EAAE7B,cAAc,CAAQ;MACpE0B,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAACtF,eAAe,CAACC,IAAI,EAAEwD,cAAc,CAAQ;MAC9E0B,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAAC,WAAW,EAAEhB,gBAAgB,CAAC;MAChEa,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAAC,YAAY,EAAEhB,gBAAgB,CAAC;MACjEa,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAAC,SAAS,EAAEf,mBAAmB,CAAC;MACjEY,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAACtF,eAAe,CAACE,OAAO,EAAEqE,mBAAmB,CAAC;MAC/EC,WAAW,EAAE;MACblB,cAAc,CAACQ,OAAO,GAAG,IAAI;IAC/B,CAAC;EACH,CAAC,EAAE,CAACvC,QAAQ,EAAEyB,SAAS,EAAEC,aAAa,EAAEuB,WAAW,CAAC,CAAC;EAErDlD,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI4C,OAAA,CAAOtB,OAAO,MAAK,QAAQ,IAAIA,OAAO,KAAK,IAAI,EAAE;IACrD,IAAIxB,QAAQ,EAAE;IACd,IAAI,CAACjC,SAAS,EAAE,EAAE;IAClB,IAAI,CAACyD,OAAO,CAACe,OAAO,EAAE;IACtB,IAAMgB,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAACjC,OAAO,CAACe,OAAO,CAACmB,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACL,IAAI;MAAA,OAC1EnF,cAAc,CAACmF,IAAI,CAAgB;IAAA,EACpC;IACD,IAAIC,iBAAiB,CAAC3B,MAAM,KAAK,CAAC,EAAE;IAEpC,IAAIC,WAAW,EAAE;MACfZ,iBAAiB,CAAC+C,IAAI,CAACxC,OAAO,CAACe,OAAO,CAAC;IACzC;IAEA,OAAO,YAAM;MACX,IAAI,CAACV,WAAW,EAAE;MAClB,IAAIZ,iBAAiB,CAACA,iBAAiB,CAACW,MAAM,GAAG,CAAC,CAAC,KAAKJ,OAAO,CAACe,OAAO,EAAE;QACvEtB,iBAAiB,CAACgD,GAAG,EAAE;MACzB,CAAC,MAAM;QACLhD,iBAAiB,CAACiD,MAAM,CAACjD,iBAAiB,CAACkD,OAAO,CAAC3C,OAAO,CAACe,OAAO,CAAE,EAAE,CAAC,CAAC;MAC1E;IACF,CAAC;EACH,CAAC,EAAE,CAACvC,QAAQ,EAAE6B,WAAW,CAAC,CAAC;EAE3B5B,mBAAmB,CAACF,KAAK,CAAC;EAC1BA,KAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAMC,EAAE,GAAGC,WAAW,CAAC,qBAAqB,CAAC;IAC7C,IAAIJ,QAAQ,EAAE;IACdgB,gCAAgC,CAACX,GAAG,CAACF,EAAE,CAAC;IACxC,OAAO,YAAM;MACXa,gCAAgC,UAAO,CAACb,EAAE,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACH,QAAQ,CAAC,CAAC;AAChB,CAAC;AACD,IAAMoE,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACjCC,UAAU,CAASvD,sBAAsB,CAAC,GAAG;IAC5CwD,IAAI,EAAE/C,gBAAgB;IACtBgD,OAAO,EAAE1D,gBAAgB;IACzB2D,gBAAgB,EAAExD;EACpB,CAAC;AACH,CAAC;AACD,IAAI,CAAEqD,UAAU,CAASvD,sBAAsB,CAAC,EAAE;EAChDsD,qBAAqB,EAAE;AACzB,CAAC,MAAM,IAAI,OAAQC,UAAU,CAASvD,sBAAsB,CAAC,CAACyD,OAAO,KAAK,QAAQ,EAAE;EAClFH,qBAAqB,EAAE;AACzB,CAAC,MAAM;EACL,IAAAK,qBAAA,GAAqDJ,UAAU,CAASvD,sBAAsB,CAAC;IAA9E4D,YAAY,GAAAD,qBAAA,CAArBF,OAAO;IAAgBC,gBAAgB,GAAAC,qBAAA,CAAhBD,gBAAgB;EAC/C,IAAI3D,gBAAgB,GAAG6D,YAAY,IAAIF,gBAAgB,CAAClE,IAAI,KAAK,CAAC,EAAE;IAClE8D,qBAAqB,EAAE;EACzB;AACF;AAEA,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CACvBnD,OAAqC,EACrCC,SAAkB,EAClBC,aAA2D,EAIxD;EAAA,IAAAkD,sBAAA,EAAAC,sBAAA;EAAA,IAHH7E,QAAQ,GAAA2B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;EAAA,IAChBE,WAAW,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;EAAA,IACnBG,UAAmC,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAP,SAAA;EAEnC,IAAMkD,IAAI,IAAAM,sBAAA,IAAAC,sBAAA,GAAIR,UAAU,CAASvD,sBAAsB,CAAC,cAAA+D,sBAAA,uBAA3CA,sBAAA,CAA6CP,IAAI,cAAAM,sBAAA,cAAAA,sBAAA,GAAIrD,gBAAgB;EAClF,OAAO+C,IAAI,CAACtG,UAAU,EAAEwD,OAAO,EAAEC,SAAS,EAAEC,aAAa,EAAE1B,QAAQ,EAAE6B,WAAW,EAAEC,UAAU,CAAC;AAC/F,CAAC;AAED,OAAO,IAAMgD,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAoB,EAAc;EAC/D,OACEvB,KAAK,CAACC,IAAI,CAACsB,OAAO,CAACrB,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACL,IAAI;IAAA,OAAKnF,cAAc,CAACmF,IAAI,CAAgB;EAAA,EAAC,CAAC1B,MAAM,GAAG,CAAC;AAElG,CAAC"}
|
@@ -18,11 +18,11 @@ var _illustration = require("intergalactic/illustration");
|
|
18
18
|
var _flexBox = require("intergalactic/flex-box");
|
19
19
|
var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
|
20
20
|
/*__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SWidgetEmpty": "
|
23
|
-
"__SImage": "
|
24
|
-
"__STitle": "
|
25
|
-
"__SDescription": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_a20y1_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_a20y1_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_a20y1_gg_,.___STitle_a20y1_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_a20y1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_a20y1_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_a20y1_gg_+.___SDescription_a20y1_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_a20y1_gg_+.___SDescription_a20y1_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "a20y1_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SWidgetEmpty": "___SWidgetEmpty_a20y1_gg_",
|
23
|
+
"__SImage": "___SImage_a20y1_gg_",
|
24
|
+
"__STitle": "___STitle_a20y1_gg_",
|
25
|
+
"__SDescription": "___SDescription_a20y1_gg_"
|
26
26
|
});
|
27
27
|
var getIconPath = function getIconPath(name) {
|
28
28
|
return (0, _illustration.getIllustrationPath)(name);
|
@@ -14,11 +14,11 @@ import { getIllustrationPath } from 'intergalactic/illustration';
|
|
14
14
|
import { Box, Flex } from 'intergalactic/flex-box';
|
15
15
|
import isNode from 'intergalactic/utils/lib/isNode';
|
16
16
|
/*__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
18
|
-
"__SWidgetEmpty": "
|
19
|
-
"__SImage": "
|
20
|
-
"__STitle": "
|
21
|
-
"__SDescription": "
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_a20y1_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_a20y1_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_a20y1_gg_,.___STitle_a20y1_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_a20y1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_a20y1_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_a20y1_gg_+.___SDescription_a20y1_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_a20y1_gg_+.___SDescription_a20y1_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "a20y1_gg_") /*__reshadow_css_end__*/, {
|
18
|
+
"__SWidgetEmpty": "___SWidgetEmpty_a20y1_gg_",
|
19
|
+
"__SImage": "___SImage_a20y1_gg_",
|
20
|
+
"__STitle": "___STitle_a20y1_gg_",
|
21
|
+
"__SDescription": "___SDescription_a20y1_gg_"
|
22
22
|
});
|
23
23
|
export var getIconPath = function getIconPath(name) {
|
24
24
|
return getIllustrationPath(name);
|
package/wizard/lib/cjs/Wizard.js
CHANGED
@@ -24,17 +24,17 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
24
24
|
var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
|
25
25
|
var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
|
26
26
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__SWizard": "
|
29
|
-
"__SStepNumber": "
|
30
|
-
"__SCompleted": "
|
31
|
-
"__SContent": "
|
32
|
-
"__SSidebar": "
|
33
|
-
"__SSidebarHeader": "
|
34
|
-
"__SStepper": "
|
35
|
-
"_active": "
|
36
|
-
"_disabled": "
|
37
|
-
"__SStepDescription": "
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWizard_15ihk_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_15ihk_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_15ihk_gg_{width:44px}}.___SSidebarHeader_15ihk_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_15ihk_gg_{display:none}}.___SStepper_15ihk_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_15ihk_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_15ihk_gg_.__active_15ihk_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_15ihk_gg_.__disabled_15ihk_gg_,.___SStepper_15ihk_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_15ihk_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_15ihk_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_15ihk_gg_:hover .___SStepDescription_15ihk_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_15ihk_gg_.__active_15ihk_gg_:hover .___SStepDescription_15ihk_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_15ihk_gg_{display:inline-block;min-width:20px}.___SCompleted_15ihk_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_15ihk_gg_{display:none}}.___SContent_15ihk_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "15ihk_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SWizard": "___SWizard_15ihk_gg_",
|
29
|
+
"__SStepNumber": "___SStepNumber_15ihk_gg_",
|
30
|
+
"__SCompleted": "___SCompleted_15ihk_gg_",
|
31
|
+
"__SContent": "___SContent_15ihk_gg_",
|
32
|
+
"__SSidebar": "___SSidebar_15ihk_gg_",
|
33
|
+
"__SSidebarHeader": "___SSidebarHeader_15ihk_gg_",
|
34
|
+
"__SStepper": "___SStepper_15ihk_gg_",
|
35
|
+
"_active": "__active_15ihk_gg_",
|
36
|
+
"_disabled": "__disabled_15ihk_gg_",
|
37
|
+
"__SStepDescription": "___SStepDescription_15ihk_gg_"
|
38
38
|
});
|
39
39
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(WizardRoot, _Component);
|
package/wizard/lib/es6/Wizard.js
CHANGED
@@ -21,17 +21,17 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
21
21
|
import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
|
22
22
|
import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
|
23
23
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SWizard": "
|
26
|
-
"__SStepNumber": "
|
27
|
-
"__SCompleted": "
|
28
|
-
"__SContent": "
|
29
|
-
"__SSidebar": "
|
30
|
-
"__SSidebarHeader": "
|
31
|
-
"__SStepper": "
|
32
|
-
"_active": "
|
33
|
-
"_disabled": "
|
34
|
-
"__SStepDescription": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_15ihk_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_15ihk_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_15ihk_gg_{width:44px}}.___SSidebarHeader_15ihk_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_15ihk_gg_{display:none}}.___SStepper_15ihk_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_15ihk_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_15ihk_gg_.__active_15ihk_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_15ihk_gg_.__disabled_15ihk_gg_,.___SStepper_15ihk_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_15ihk_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_15ihk_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_15ihk_gg_:hover .___SStepDescription_15ihk_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_15ihk_gg_.__active_15ihk_gg_:hover .___SStepDescription_15ihk_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_15ihk_gg_{display:inline-block;min-width:20px}.___SCompleted_15ihk_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_15ihk_gg_{display:none}}.___SContent_15ihk_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "15ihk_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SWizard": "___SWizard_15ihk_gg_",
|
26
|
+
"__SStepNumber": "___SStepNumber_15ihk_gg_",
|
27
|
+
"__SCompleted": "___SCompleted_15ihk_gg_",
|
28
|
+
"__SContent": "___SContent_15ihk_gg_",
|
29
|
+
"__SSidebar": "___SSidebar_15ihk_gg_",
|
30
|
+
"__SSidebarHeader": "___SSidebarHeader_15ihk_gg_",
|
31
|
+
"__SStepper": "___SStepper_15ihk_gg_",
|
32
|
+
"_active": "__active_15ihk_gg_",
|
33
|
+
"_disabled": "__disabled_15ihk_gg_",
|
34
|
+
"__SStepDescription": "___SStepDescription_15ihk_gg_"
|
35
35
|
});
|
36
36
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
37
37
|
_inherits(WizardRoot, _Component);
|