intergalactic 15.44.0-prerelease.0-prerelease-719954bd → 15.45.0-prerelease-2330151a
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 +31 -8
- package/accordion/lib/cjs/Accordion.js +6 -6
- package/accordion/lib/es6/Accordion.js +6 -6
- 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/index.d.ts +2 -2
- 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/cjs/index.d.js.map +1 -1
- 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/base-trigger/lib/es6/index.d.js.map +1 -1
- package/base-trigger/lib/types/index.d.ts +2 -2
- 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/cjs/style/button.shadow.css +49 -43
- package/button/lib/es6/Button.js +26 -26
- package/button/lib/es6/style/button.shadow.css +49 -43
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +16 -16
- package/carousel/lib/es6/Carousel.js +16 -16
- package/checkbox/lib/cjs/Checkbox.js +16 -16
- package/checkbox/lib/es6/Checkbox.js +16 -16
- 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 +72 -72
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- package/d3-chart/lib/cjs/Area.js +9 -9
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +8 -8
- package/d3-chart/lib/cjs/Bubble.js +10 -10
- package/d3-chart/lib/cjs/Donut.js +7 -7
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +8 -8
- 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 +17 -17
- package/d3-chart/lib/cjs/RadialTree.js +10 -10
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +7 -7
- package/d3-chart/lib/cjs/Tooltip.js +8 -8
- package/d3-chart/lib/cjs/Venn.js +7 -7
- 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 +15 -15
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +9 -9
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +8 -8
- package/d3-chart/lib/es6/Bubble.js +10 -10
- package/d3-chart/lib/es6/Donut.js +7 -7
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +8 -8
- 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 +17 -17
- package/d3-chart/lib/es6/RadialTree.js +10 -10
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +7 -7
- package/d3-chart/lib/es6/Tooltip.js +8 -8
- package/d3-chart/lib/es6/Venn.js +7 -7
- 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 +15 -15
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +40 -40
- package/data-table/lib/cjs/Head.js +4 -4
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +40 -40
- package/data-table/lib/es6/Head.js +4 -4
- package/date-picker/index.d.ts +8 -2
- package/date-picker/lib/cjs/DatePicker.js +4 -4
- package/date-picker/lib/cjs/DatePicker.js.map +1 -1
- package/date-picker/lib/cjs/DateRangePicker.js +4 -4
- package/date-picker/lib/cjs/DateRangePicker.js.map +1 -1
- package/date-picker/lib/cjs/MonthPicker.js +4 -4
- package/date-picker/lib/cjs/MonthPicker.js.map +1 -1
- package/date-picker/lib/cjs/MonthRangePicker.js +4 -4
- package/date-picker/lib/cjs/MonthRangePicker.js.map +1 -1
- 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 +27 -27
- package/date-picker/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +51 -37
- package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/cjs/index.d.js.map +1 -1
- package/date-picker/lib/es6/DatePicker.js +4 -4
- package/date-picker/lib/es6/DatePicker.js.map +1 -1
- package/date-picker/lib/es6/DateRangePicker.js +4 -4
- package/date-picker/lib/es6/DateRangePicker.js.map +1 -1
- package/date-picker/lib/es6/MonthPicker.js +4 -4
- package/date-picker/lib/es6/MonthPicker.js.map +1 -1
- package/date-picker/lib/es6/MonthRangePicker.js +4 -4
- package/date-picker/lib/es6/MonthRangePicker.js.map +1 -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 +27 -27
- package/date-picker/lib/es6/components/PickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/RangePickerAbstract.js +51 -37
- package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/index.d.js.map +1 -1
- package/date-picker/lib/types/index.d.ts +8 -2
- 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 +12 -12
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
- 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/cjs/Flags.js.map +1 -1
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/es6/Flags.js.map +1 -1
- 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/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- 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/lib/cjs/index.js +1 -1
- package/illustration/lib/cjs/index.js.map +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/illustration/lib/es6/index.js.map +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/modal/lib/cjs/Modal.js +7 -7
- package/modal/lib/es6/Modal.js +7 -7
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- 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 +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +17 -17
- package/pills/lib/es6/Pills.js +17 -17
- package/popper/index.d.ts +5 -1
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/cjs/index.d.js.map +1 -1
- package/popper/lib/es6/Popper.js +6 -6
- package/popper/lib/es6/index.d.js.map +1 -1
- package/popper/lib/types/index.d.ts +5 -1
- 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 +14 -14
- package/radio/lib/es6/Radio.js +14 -14
- package/scroll-area/lib/cjs/ScrollArea.js +9 -9
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +9 -9
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +7 -7
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +7 -7
- 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 +19 -19
- package/tag/lib/es6/Tag.js +19 -19
- 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 +13 -8
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/Tooltip.js +13 -8
- package/tooltip/lib/es6/Tooltip.js.map +1 -1
- 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.js.map +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/injectStyle.mjs.map +1 -1
- package/utils/lib/themes/auto.css +3 -0
- package/utils/lib/themes/default.css +3 -0
- package/utils/lib/themes/default.json +2 -0
- package/utils/lib/themes/light.css +3 -0
- package/utils/lib/themes/light.json +2 -0
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/wizard/lib/cjs/Wizard.js +28 -12
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +28 -12
- package/wizard/lib/es6/Wizard.js.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"injectStyle.js","names":["sh","selectorClass","hashCode","str","hash","i","chr","length","charCodeAt","injectStyle","css","window","_typeof2","prevSh","document","querySelector","concat","version","createElement","setAttribute","classList","add","head","appendChild","Math","abs","dataset","insertAdjacentText","_default","exports"],"sources":["../src/injectStyle.ts"],"sourcesContent":["// THIS USE BABEL-PLUGIN-CSS-STYLE\n\nlet sh: any = null;\nconst selectorClass = '_css-style';\n\nfunction hashCode(str: string) {\n let hash = 0;\n let i;\n let chr;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\nfunction injectStyle(css: string) {\n if (typeof window === 'object') {\n if (!sh) {\n const prevSh = document.querySelector(`.${selectorClass}`);\n if (prevSh) {\n sh = prevSh;\n } else {\n // @ts-ignore\n const version = preval`\n module.exports = require('../package.json').version\n `;\n sh = document.createElement('style');\n sh.setAttribute('data-ui-v', version);\n sh.classList.add(selectorClass);\n document.head.appendChild(sh);\n }\n }\n const hash = Math.abs(hashCode(css));\n if (!sh.dataset[hash]) {\n sh.dataset[hash] = true;\n sh.insertAdjacentText('beforeend', css);\n }\n }\n}\n\nexport default injectStyle;\n"],"mappings":";;;;;;;;AAAA;;AAEA,IAAIA,EAAO,GAAG,IAAI;AAClB,IAAMC,aAAa,GAAG,YAAY;AAElC,SAASC,QAAQA,CAACC,GAAW,EAAE;EAC7B,IAAIC,IAAI,GAAG,CAAC;EACZ,IAAIC,CAAC;EACL,IAAIC,GAAG;EACP,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACI,MAAM,EAAEF,CAAC,EAAE,EAAE;IAC/BC,GAAG,GAAGH,GAAG,CAACK,UAAU,CAACH,CAAC,CAAC;IACvBD,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGE,GAAG;IAC/BF,IAAI,IAAI,CAAC,CAAC,CAAC;EACb;;EACA,OAAOA,IAAI;AACb;AAEA,SAASK,WAAWA,CAACC,GAAW,EAAE;EAChC,IAAI,QAAOC,MAAM,qCAAAC,QAAA,aAAND,MAAM,OAAK,QAAQ,EAAE;IAC9B,IAAI,CAACX,EAAE,EAAE;MACP,IAAMa,MAAM,GAAGC,QAAQ,CAACC,aAAa,KAAAC,MAAA,CAAKf,aAAa,EAAG;MAC1D,IAAIY,MAAM,EAAE;QACVb,EAAE,GAAGa,MAAM;MACb,CAAC,MAAM;QACL;QACA,IAAMI,OAAO,
|
1
|
+
{"version":3,"file":"injectStyle.js","names":["sh","selectorClass","hashCode","str","hash","i","chr","length","charCodeAt","injectStyle","css","window","_typeof2","prevSh","document","querySelector","concat","version","createElement","setAttribute","classList","add","head","appendChild","Math","abs","dataset","insertAdjacentText","_default","exports"],"sources":["../src/injectStyle.ts"],"sourcesContent":["// THIS USE BABEL-PLUGIN-CSS-STYLE\n\nlet sh: any = null;\nconst selectorClass = '_css-style';\n\nfunction hashCode(str: string) {\n let hash = 0;\n let i;\n let chr;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\nfunction injectStyle(css: string) {\n if (typeof window === 'object') {\n if (!sh) {\n const prevSh = document.querySelector(`.${selectorClass}`);\n if (prevSh) {\n sh = prevSh;\n } else {\n // @ts-ignore\n const version = preval`\n module.exports = require('../package.json').version\n `;\n sh = document.createElement('style');\n sh.setAttribute('data-ui-v', version);\n sh.classList.add(selectorClass);\n document.head.appendChild(sh);\n }\n }\n const hash = Math.abs(hashCode(css));\n if (!sh.dataset[hash]) {\n sh.dataset[hash] = true;\n sh.insertAdjacentText('beforeend', css);\n }\n }\n}\n\nexport default injectStyle;\n"],"mappings":";;;;;;;;AAAA;;AAEA,IAAIA,EAAO,GAAG,IAAI;AAClB,IAAMC,aAAa,GAAG,YAAY;AAElC,SAASC,QAAQA,CAACC,GAAW,EAAE;EAC7B,IAAIC,IAAI,GAAG,CAAC;EACZ,IAAIC,CAAC;EACL,IAAIC,GAAG;EACP,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACI,MAAM,EAAEF,CAAC,EAAE,EAAE;IAC/BC,GAAG,GAAGH,GAAG,CAACK,UAAU,CAACH,CAAC,CAAC;IACvBD,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGE,GAAG;IAC/BF,IAAI,IAAI,CAAC,CAAC,CAAC;EACb;;EACA,OAAOA,IAAI;AACb;AAEA,SAASK,WAAWA,CAACC,GAAW,EAAE;EAChC,IAAI,QAAOC,MAAM,qCAAAC,QAAA,aAAND,MAAM,OAAK,QAAQ,EAAE;IAC9B,IAAI,CAACX,EAAE,EAAE;MACP,IAAMa,MAAM,GAAGC,QAAQ,CAACC,aAAa,KAAAC,MAAA,CAAKf,aAAa,EAAG;MAC1D,IAAIY,MAAM,EAAE;QACVb,EAAE,GAAGa,MAAM;MACb,CAAC,MAAM;QACL;QACA,IAAMI,OAAO,WAEZ;QACDjB,EAAE,GAAGc,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;QACpClB,EAAE,CAACmB,YAAY,CAAC,WAAW,EAAEF,OAAO,CAAC;QACrCjB,EAAE,CAACoB,SAAS,CAACC,GAAG,CAACpB,aAAa,CAAC;QAC/Ba,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACvB,EAAE,CAAC;MAC/B;IACF;IACA,IAAMI,IAAI,GAAGoB,IAAI,CAACC,GAAG,CAACvB,QAAQ,CAACQ,GAAG,CAAC,CAAC;IACpC,IAAI,CAACV,EAAE,CAAC0B,OAAO,CAACtB,IAAI,CAAC,EAAE;MACrBJ,EAAE,CAAC0B,OAAO,CAACtB,IAAI,CAAC,GAAG,IAAI;MACvBJ,EAAE,CAAC2B,kBAAkB,CAAC,WAAW,EAAEjB,GAAG,CAAC;IACzC;EACF;AACF;AAAC,IAAAkB,QAAA,GAEcnB,WAAW;AAAAoB,OAAA,cAAAD,QAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"injectStyle.mjs","names":["sh","selectorClass","hashCode","str","hash","i","chr","length","charCodeAt","injectStyle","css","window","_typeof","prevSh","document","querySelector","concat","version","createElement","setAttribute","classList","add","head","appendChild","Math","abs","dataset","insertAdjacentText"],"sources":["../src/injectStyle.ts"],"sourcesContent":["// THIS USE BABEL-PLUGIN-CSS-STYLE\n\nlet sh: any = null;\nconst selectorClass = '_css-style';\n\nfunction hashCode(str: string) {\n let hash = 0;\n let i;\n let chr;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\nfunction injectStyle(css: string) {\n if (typeof window === 'object') {\n if (!sh) {\n const prevSh = document.querySelector(`.${selectorClass}`);\n if (prevSh) {\n sh = prevSh;\n } else {\n // @ts-ignore\n const version = preval`\n module.exports = require('../package.json').version\n `;\n sh = document.createElement('style');\n sh.setAttribute('data-ui-v', version);\n sh.classList.add(selectorClass);\n document.head.appendChild(sh);\n }\n }\n const hash = Math.abs(hashCode(css));\n if (!sh.dataset[hash]) {\n sh.dataset[hash] = true;\n sh.insertAdjacentText('beforeend', css);\n }\n }\n}\n\nexport default injectStyle;\n"],"mappings":";AAAA;;AAEA,IAAIA,EAAO,GAAG,IAAI;AAClB,IAAMC,aAAa,GAAG,YAAY;AAElC,SAASC,QAAQA,CAACC,GAAW,EAAE;EAC7B,IAAIC,IAAI,GAAG,CAAC;EACZ,IAAIC,CAAC;EACL,IAAIC,GAAG;EACP,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACI,MAAM,EAAEF,CAAC,EAAE,EAAE;IAC/BC,GAAG,GAAGH,GAAG,CAACK,UAAU,CAACH,CAAC,CAAC;IACvBD,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGE,GAAG;IAC/BF,IAAI,IAAI,CAAC,CAAC,CAAC;EACb;;EACA,OAAOA,IAAI;AACb;AAEA,SAASK,WAAWA,CAACC,GAAW,EAAE;EAChC,IAAI,QAAOC,MAAM,iCAAAC,OAAA,CAAND,MAAM,OAAK,QAAQ,EAAE;IAC9B,IAAI,CAACX,EAAE,EAAE;MACP,IAAMa,MAAM,GAAGC,QAAQ,CAACC,aAAa,KAAAC,MAAA,CAAKf,aAAa,EAAG;MAC1D,IAAIY,MAAM,EAAE;QACVb,EAAE,GAAGa,MAAM;MACb,CAAC,MAAM;QACL;QACA,IAAMI,OAAO,
|
1
|
+
{"version":3,"file":"injectStyle.mjs","names":["sh","selectorClass","hashCode","str","hash","i","chr","length","charCodeAt","injectStyle","css","window","_typeof","prevSh","document","querySelector","concat","version","createElement","setAttribute","classList","add","head","appendChild","Math","abs","dataset","insertAdjacentText"],"sources":["../src/injectStyle.ts"],"sourcesContent":["// THIS USE BABEL-PLUGIN-CSS-STYLE\n\nlet sh: any = null;\nconst selectorClass = '_css-style';\n\nfunction hashCode(str: string) {\n let hash = 0;\n let i;\n let chr;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = (hash << 5) - hash + chr;\n hash |= 0; // Convert to 32bit integer\n }\n return hash;\n}\n\nfunction injectStyle(css: string) {\n if (typeof window === 'object') {\n if (!sh) {\n const prevSh = document.querySelector(`.${selectorClass}`);\n if (prevSh) {\n sh = prevSh;\n } else {\n // @ts-ignore\n const version = preval`\n module.exports = require('../package.json').version\n `;\n sh = document.createElement('style');\n sh.setAttribute('data-ui-v', version);\n sh.classList.add(selectorClass);\n document.head.appendChild(sh);\n }\n }\n const hash = Math.abs(hashCode(css));\n if (!sh.dataset[hash]) {\n sh.dataset[hash] = true;\n sh.insertAdjacentText('beforeend', css);\n }\n }\n}\n\nexport default injectStyle;\n"],"mappings":";AAAA;;AAEA,IAAIA,EAAO,GAAG,IAAI;AAClB,IAAMC,aAAa,GAAG,YAAY;AAElC,SAASC,QAAQA,CAACC,GAAW,EAAE;EAC7B,IAAIC,IAAI,GAAG,CAAC;EACZ,IAAIC,CAAC;EACL,IAAIC,GAAG;EACP,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACI,MAAM,EAAEF,CAAC,EAAE,EAAE;IAC/BC,GAAG,GAAGH,GAAG,CAACK,UAAU,CAACH,CAAC,CAAC;IACvBD,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGE,GAAG;IAC/BF,IAAI,IAAI,CAAC,CAAC,CAAC;EACb;;EACA,OAAOA,IAAI;AACb;AAEA,SAASK,WAAWA,CAACC,GAAW,EAAE;EAChC,IAAI,QAAOC,MAAM,iCAAAC,OAAA,CAAND,MAAM,OAAK,QAAQ,EAAE;IAC9B,IAAI,CAACX,EAAE,EAAE;MACP,IAAMa,MAAM,GAAGC,QAAQ,CAACC,aAAa,KAAAC,MAAA,CAAKf,aAAa,EAAG;MAC1D,IAAIY,MAAM,EAAE;QACVb,EAAE,GAAGa,MAAM;MACb,CAAC,MAAM;QACL;QACA,IAAMI,OAAO,WAEZ;QACDjB,EAAE,GAAGc,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;QACpClB,EAAE,CAACmB,YAAY,CAAC,WAAW,EAAEF,OAAO,CAAC;QACrCjB,EAAE,CAACoB,SAAS,CAACC,GAAG,CAACpB,aAAa,CAAC;QAC/Ba,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACvB,EAAE,CAAC;MAC/B;IACF;IACA,IAAMI,IAAI,GAAGoB,IAAI,CAACC,GAAG,CAACvB,QAAQ,CAACQ,GAAG,CAAC,CAAC;IACpC,IAAI,CAACV,EAAE,CAAC0B,OAAO,CAACtB,IAAI,CAAC,EAAE;MACrBJ,EAAE,CAAC0B,OAAO,CAACtB,IAAI,CAAC,GAAG,IAAI;MACvBJ,EAAE,CAAC2B,kBAAkB,CAAC,WAAW,EAAEjB,GAAG,CAAC;IACzC;EACF;AACF;AAEA,eAAeD,WAAW"}
|
@@ -487,6 +487,7 @@
|
|
487
487
|
--intergalactic-spacing-24x: 96px;
|
488
488
|
/* 120px */
|
489
489
|
--intergalactic-spacing-30x: 120px;
|
490
|
+
--intergalactic-rounded-extra-small: 2px;
|
490
491
|
--intergalactic-rounded-small: 4px;
|
491
492
|
--intergalactic-rounded-medium: 6px;
|
492
493
|
--intergalactic-rounded-large: 12px;
|
@@ -495,6 +496,8 @@
|
|
495
496
|
--intergalactic-addon-rounded: 4px;
|
496
497
|
/* Use for rounding Badge. */
|
497
498
|
--intergalactic-badge-rounded: 6px;
|
499
|
+
/* Use for rounding big and small charts like bar, histogram and others. */
|
500
|
+
--intergalactic-chart-rounded: 2px;
|
498
501
|
/* Use for rounding Counter. */
|
499
502
|
--intergalactic-counter-rounded: 12px;
|
500
503
|
/* Use for rounding Tag. */
|
@@ -487,6 +487,7 @@
|
|
487
487
|
--intergalactic-spacing-24x: 96px;
|
488
488
|
/* 120px */
|
489
489
|
--intergalactic-spacing-30x: 120px;
|
490
|
+
--intergalactic-rounded-extra-small: 2px;
|
490
491
|
--intergalactic-rounded-small: 4px;
|
491
492
|
--intergalactic-rounded-medium: 6px;
|
492
493
|
--intergalactic-rounded-large: 12px;
|
@@ -495,6 +496,8 @@
|
|
495
496
|
--intergalactic-addon-rounded: 4px;
|
496
497
|
/* Use for rounding Badge. */
|
497
498
|
--intergalactic-badge-rounded: 6px;
|
499
|
+
/* Use for rounding big and small charts like bar, histogram and others. */
|
500
|
+
--intergalactic-chart-rounded: 2px;
|
498
501
|
/* Use for rounding Counter. */
|
499
502
|
--intergalactic-counter-rounded: 12px;
|
500
503
|
/* Use for rounding Tag. */
|
@@ -243,12 +243,14 @@
|
|
243
243
|
"--intergalactic-spacing-20x": "80px",
|
244
244
|
"--intergalactic-spacing-24x": "96px",
|
245
245
|
"--intergalactic-spacing-30x": "120px",
|
246
|
+
"--intergalactic-rounded-extra-small": "2px",
|
246
247
|
"--intergalactic-rounded-small": "4px",
|
247
248
|
"--intergalactic-rounded-medium": "6px",
|
248
249
|
"--intergalactic-rounded-large": "12px",
|
249
250
|
"--intergalactic-rounded-extra-large": "24px",
|
250
251
|
"--intergalactic-addon-rounded": "4px",
|
251
252
|
"--intergalactic-badge-rounded": "6px",
|
253
|
+
"--intergalactic-chart-rounded": "2px",
|
252
254
|
"--intergalactic-counter-rounded": "12px",
|
253
255
|
"--intergalactic-tag-rounded": "24px",
|
254
256
|
"--intergalactic-switch-rounded": "24px",
|
@@ -487,6 +487,7 @@
|
|
487
487
|
--intergalactic-spacing-24x: 96px;
|
488
488
|
/* 120px */
|
489
489
|
--intergalactic-spacing-30x: 120px;
|
490
|
+
--intergalactic-rounded-extra-small: 2px;
|
490
491
|
--intergalactic-rounded-small: 4px;
|
491
492
|
--intergalactic-rounded-medium: 6px;
|
492
493
|
--intergalactic-rounded-large: 12px;
|
@@ -495,6 +496,8 @@
|
|
495
496
|
--intergalactic-addon-rounded: 4px;
|
496
497
|
/* Use for rounding Badge. */
|
497
498
|
--intergalactic-badge-rounded: 6px;
|
499
|
+
/* Use for rounding big and small charts like bar, histogram and others. */
|
500
|
+
--intergalactic-chart-rounded: 2px;
|
498
501
|
/* Use for rounding Counter. */
|
499
502
|
--intergalactic-counter-rounded: 12px;
|
500
503
|
/* Use for rounding Tag. */
|
@@ -243,12 +243,14 @@
|
|
243
243
|
"--intergalactic-spacing-20x": "80px",
|
244
244
|
"--intergalactic-spacing-24x": "96px",
|
245
245
|
"--intergalactic-spacing-30x": "120px",
|
246
|
+
"--intergalactic-rounded-extra-small": "2px",
|
246
247
|
"--intergalactic-rounded-small": "4px",
|
247
248
|
"--intergalactic-rounded-medium": "6px",
|
248
249
|
"--intergalactic-rounded-large": "12px",
|
249
250
|
"--intergalactic-rounded-extra-large": "24px",
|
250
251
|
"--intergalactic-addon-rounded": "4px",
|
251
252
|
"--intergalactic-badge-rounded": "6px",
|
253
|
+
"--intergalactic-chart-rounded": "2px",
|
252
254
|
"--intergalactic-counter-rounded": "12px",
|
253
255
|
"--intergalactic-tag-rounded": "24px",
|
254
256
|
"--intergalactic-switch-rounded": "24px",
|
@@ -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_jaf8z_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_jaf8z_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px)}.___SDescription_jaf8z_gg_,.___STitle_jaf8z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_jaf8z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_jaf8z_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_jaf8z_gg_+.___SDescription_jaf8z_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_jaf8z_gg_+.___SDescription_jaf8z_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "jaf8z_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SWidgetEmpty": "___SWidgetEmpty_jaf8z_gg_",
|
23
|
+
"__SImage": "___SImage_jaf8z_gg_",
|
24
|
+
"__STitle": "___STitle_jaf8z_gg_",
|
25
|
+
"__SDescription": "___SDescription_jaf8z_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_jaf8z_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_jaf8z_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px)}.___SDescription_jaf8z_gg_,.___STitle_jaf8z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_jaf8z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_jaf8z_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_jaf8z_gg_+.___SDescription_jaf8z_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_jaf8z_gg_+.___SDescription_jaf8z_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "jaf8z_gg_") /*__reshadow_css_end__*/, {
|
18
|
+
"__SWidgetEmpty": "___SWidgetEmpty_jaf8z_gg_",
|
19
|
+
"__SImage": "___SImage_jaf8z_gg_",
|
20
|
+
"__STitle": "___STitle_jaf8z_gg_",
|
21
|
+
"__SDescription": "___SDescription_jaf8z_gg_"
|
22
22
|
});
|
23
23
|
export var getIconPath = function getIconPath(name) {
|
24
24
|
return getIllustrationPath(name);
|
package/wizard/lib/cjs/Wizard.js
CHANGED
@@ -22,18 +22,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
22
22
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
23
23
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
24
24
|
var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
|
25
|
+
var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
|
25
26
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SWizard": "
|
28
|
-
"__SStepNumber": "
|
29
|
-
"__SCompleted": "
|
30
|
-
"__SContent": "
|
31
|
-
"__SSidebar": "
|
32
|
-
"__SSidebarHeader": "
|
33
|
-
"__SStepper": "
|
34
|
-
"_active": "
|
35
|
-
"_disabled": "
|
36
|
-
"__SStepDescription": "
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWizard_pnimz_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_pnimz_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_pnimz_gg_{width:44px}}.___SSidebarHeader_pnimz_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_pnimz_gg_{display:none}}.___SStepper_pnimz_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_pnimz_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_pnimz_gg_.__active_pnimz_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_pnimz_gg_.__disabled_pnimz_gg_,.___SStepper_pnimz_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_pnimz_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_pnimz_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_pnimz_gg_:hover .___SStepDescription_pnimz_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_pnimz_gg_.__active_pnimz_gg_:hover .___SStepDescription_pnimz_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_pnimz_gg_{display:inline-block;min-width:20px}.___SCompleted_pnimz_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_pnimz_gg_{display:none}}.___SContent_pnimz_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__*/, "pnimz_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SWizard": "___SWizard_pnimz_gg_",
|
29
|
+
"__SStepNumber": "___SStepNumber_pnimz_gg_",
|
30
|
+
"__SCompleted": "___SCompleted_pnimz_gg_",
|
31
|
+
"__SContent": "___SContent_pnimz_gg_",
|
32
|
+
"__SSidebar": "___SSidebar_pnimz_gg_",
|
33
|
+
"__SSidebarHeader": "___SSidebarHeader_pnimz_gg_",
|
34
|
+
"__SStepper": "___SStepper_pnimz_gg_",
|
35
|
+
"_active": "__active_pnimz_gg_",
|
36
|
+
"_disabled": "__disabled_pnimz_gg_",
|
37
|
+
"__SStepDescription": "___SStepDescription_pnimz_gg_"
|
37
38
|
});
|
38
39
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
39
40
|
(0, _inherits2["default"])(WizardRoot, _Component);
|
@@ -46,6 +47,7 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
46
47
|
}
|
47
48
|
_this = _super.call.apply(_super, [this].concat(args));
|
48
49
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_steps", new Map());
|
50
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "modalRef", /*#__PURE__*/_react["default"].createRef());
|
49
51
|
return _this;
|
50
52
|
}
|
51
53
|
(0, _createClass2["default"])(WizardRoot, [{
|
@@ -74,6 +76,19 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
74
76
|
getI18nText: this.asProps.getI18nText
|
75
77
|
};
|
76
78
|
}
|
79
|
+
}, {
|
80
|
+
key: "componentDidUpdate",
|
81
|
+
value: function componentDidUpdate(prevProps) {
|
82
|
+
var _this2 = this;
|
83
|
+
if (prevProps.step === this.asProps.step) return;
|
84
|
+
setTimeout(function () {
|
85
|
+
if (prevProps.step === _this2.asProps.step) return;
|
86
|
+
if (document.activeElement !== document.body) return;
|
87
|
+
if (!_this2.asProps.visible) return;
|
88
|
+
if (!_this2.modalRef.current) return;
|
89
|
+
(0, _useFocusLock.setFocus)(_this2.modalRef.current, document.body);
|
90
|
+
}, 1);
|
91
|
+
}
|
77
92
|
}, {
|
78
93
|
key: "render",
|
79
94
|
value: function render() {
|
@@ -84,7 +99,8 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
84
99
|
styles = _this$asProps.styles;
|
85
100
|
this._steps.clear();
|
86
101
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWizard, _ref5.cn("SWizard", {
|
87
|
-
"render": _modal["default"]
|
102
|
+
"render": _modal["default"],
|
103
|
+
"ref": this.modalRef
|
88
104
|
}), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})));
|
89
105
|
}
|
90
106
|
}]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","style","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","_createClass2","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread2","getI18nText","render","_ref5","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","Component","i18nEnhance","localizedMessages","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","Box","SSidebarHeader","assignProps","Step","_ref2","SStep","_ref7","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","React","useCallback","e","handlerKeyDown","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref9","SContent","Wizard","createComponent","_default","exports"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","_useFocusLock","style","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","React","createRef","_createClass2","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread2","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","setFocus","render","_ref5","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","Component","i18nEnhance","localizedMessages","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","Box","SSidebarHeader","assignProps","Step","_ref2","SStep","_ref7","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","useCallback","e","handlerKeyDown","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref9","SContent","Wizard","createComponent","_default","exports"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":"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"}
|
package/wizard/lib/es6/Wizard.js
CHANGED
@@ -19,18 +19,19 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
|
|
19
19
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
20
20
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
21
21
|
import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
|
22
|
+
import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
|
22
23
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SWizard": "
|
25
|
-
"__SStepNumber": "
|
26
|
-
"__SCompleted": "
|
27
|
-
"__SContent": "
|
28
|
-
"__SSidebar": "
|
29
|
-
"__SSidebarHeader": "
|
30
|
-
"__SStepper": "
|
31
|
-
"_active": "
|
32
|
-
"_disabled": "
|
33
|
-
"__SStepDescription": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_pnimz_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_pnimz_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_pnimz_gg_{width:44px}}.___SSidebarHeader_pnimz_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_pnimz_gg_{display:none}}.___SStepper_pnimz_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_pnimz_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_pnimz_gg_.__active_pnimz_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_pnimz_gg_.__disabled_pnimz_gg_,.___SStepper_pnimz_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_pnimz_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_pnimz_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_pnimz_gg_:hover .___SStepDescription_pnimz_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_pnimz_gg_.__active_pnimz_gg_:hover .___SStepDescription_pnimz_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_pnimz_gg_{display:inline-block;min-width:20px}.___SCompleted_pnimz_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_pnimz_gg_{display:none}}.___SContent_pnimz_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__*/, "pnimz_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SWizard": "___SWizard_pnimz_gg_",
|
26
|
+
"__SStepNumber": "___SStepNumber_pnimz_gg_",
|
27
|
+
"__SCompleted": "___SCompleted_pnimz_gg_",
|
28
|
+
"__SContent": "___SContent_pnimz_gg_",
|
29
|
+
"__SSidebar": "___SSidebar_pnimz_gg_",
|
30
|
+
"__SSidebarHeader": "___SSidebarHeader_pnimz_gg_",
|
31
|
+
"__SStepper": "___SStepper_pnimz_gg_",
|
32
|
+
"_active": "__active_pnimz_gg_",
|
33
|
+
"_disabled": "__disabled_pnimz_gg_",
|
34
|
+
"__SStepDescription": "___SStepDescription_pnimz_gg_"
|
34
35
|
});
|
35
36
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
36
37
|
_inherits(WizardRoot, _Component);
|
@@ -43,6 +44,7 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
43
44
|
}
|
44
45
|
_this = _super.call.apply(_super, [this].concat(args));
|
45
46
|
_defineProperty(_assertThisInitialized(_this), "_steps", new Map());
|
47
|
+
_defineProperty(_assertThisInitialized(_this), "modalRef", /*#__PURE__*/React.createRef());
|
46
48
|
return _this;
|
47
49
|
}
|
48
50
|
_createClass(WizardRoot, [{
|
@@ -71,6 +73,19 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
71
73
|
getI18nText: this.asProps.getI18nText
|
72
74
|
};
|
73
75
|
}
|
76
|
+
}, {
|
77
|
+
key: "componentDidUpdate",
|
78
|
+
value: function componentDidUpdate(prevProps) {
|
79
|
+
var _this2 = this;
|
80
|
+
if (prevProps.step === this.asProps.step) return;
|
81
|
+
setTimeout(function () {
|
82
|
+
if (prevProps.step === _this2.asProps.step) return;
|
83
|
+
if (document.activeElement !== document.body) return;
|
84
|
+
if (!_this2.asProps.visible) return;
|
85
|
+
if (!_this2.modalRef.current) return;
|
86
|
+
setFocus(_this2.modalRef.current, document.body);
|
87
|
+
}, 1);
|
88
|
+
}
|
74
89
|
}, {
|
75
90
|
key: "render",
|
76
91
|
value: function render() {
|
@@ -81,7 +96,8 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
|
|
81
96
|
styles = _this$asProps.styles;
|
82
97
|
this._steps.clear();
|
83
98
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWizard, _ref5.cn("SWizard", {
|
84
|
-
"render": Modal
|
99
|
+
"render": Modal,
|
100
|
+
"ref": this.modalRef
|
85
101
|
}), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})));
|
86
102
|
}
|
87
103
|
}]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Wizard.js","names":["React","createComponent","Component","Root","sstyled","Box","Modal","CheckM","keyboardFocusEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","style","_sstyled","insert","WizardRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","_createClass","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread","getI18nText","render","_ref5","SWizard","_this$asProps","Children","styles","clear","createElement","cn","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","SSidebarHeader","_assignProps","Step","_ref2","SStep","_ref7","_assignProps2","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","handlerClick","useCallback","e","handlerKeyDown","_assignProps3","enhance","Content","_ref4","_ref9","SContent","_assignProps4","Wizard"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Wizard.js","names":["React","createComponent","Component","Root","sstyled","Box","Modal","CheckM","keyboardFocusEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","setFocus","style","_sstyled","insert","WizardRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","createRef","_createClass","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","render","_ref5","SWizard","_this$asProps","Children","styles","clear","createElement","cn","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","SSidebarHeader","_assignProps","Step","_ref2","SStep","_ref7","_assignProps2","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","handlerClick","useCallback","e","handlerKeyDown","_assignProps3","enhance","Content","_ref4","_ref9","SContent","_assignProps4","Wizard"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,MAAM,MAAM,uBAAuB;AAC1C,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,QAAQ,QAAQ,qCAAqC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIzDC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,UAAA;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;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,aAUL,IAAIa,GAAG,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BACPrB,KAAK,CAACmC,SAAS,EAAE;IAAA,OAAAd,KAAA;EAAA;EAAAe,YAAA,CAAApB,UAAA;IAAAqB,GAAA;IAAAC,KAAA,EAE5B,SAAAC,aAAaC,KAAK,EAAE;MAClB,OAAO;QACLC,KAAK,EAAE,IAAI,CAACC,MAAM;QAClBC,MAAM,EAAEH,KAAK,CAACI,IAAI,KAAK,IAAI,CAACC,OAAO,CAACD;MACtC,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAQ,gBAAgBN,KAAK,EAAEO,CAAC,EAAE;MACxB,IAAIC,MAAM,GAAGD,CAAC,GAAG,CAAC;MAClB,IAAI,IAAI,CAACL,MAAM,CAACO,GAAG,CAACT,KAAK,CAACI,IAAI,CAAC,EAAE;QAC/B,IAAMA,IAAI,GAAG,IAAI,CAACF,MAAM,CAACQ,GAAG,CAACV,KAAK,CAACI,IAAI,CAAC;QACxCI,MAAM,GAAGJ,IAAI,CAACI,MAAM;MACtB,CAAC,MAAM;QACL,IAAI,CAACN,MAAM,CAACS,GAAG,CAACX,KAAK,CAACI,IAAI,EAAAQ,aAAA;UAAIJ,MAAM,EAANA;QAAM,GAAKR,KAAK,EAAG;MACnD;MACA,OAAO;QACLG,MAAM,EAAEH,KAAK,CAACI,IAAI,KAAK,IAAI,CAACC,OAAO,CAACD,IAAI;QACxCI,MAAM,EAANA,MAAM;QACNK,WAAW,EAAE,IAAI,CAACR,OAAO,CAACQ;MAC5B,CAAC;IACH;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,mBAAmBC,SAAS,EAAE;MAAA,IAAAC,MAAA;MAC5B,IAAID,SAAS,CAACX,IAAI,KAAK,IAAI,CAACC,OAAO,CAACD,IAAI,EAAE;MAC1Ca,UAAU,CAAC,YAAM;QACf,IAAIF,SAAS,CAACX,IAAI,KAAKY,MAAI,CAACX,OAAO,CAACD,IAAI,EAAE;QAC1C,IAAIc,QAAQ,CAACC,aAAa,KAAKD,QAAQ,CAACE,IAAI,EAAE;QAC9C,IAAI,CAACJ,MAAI,CAACX,OAAO,CAACgB,OAAO,EAAE;QAC3B,IAAI,CAACL,MAAI,CAACM,QAAQ,CAACC,OAAO,EAAE;QAC5BnD,QAAQ,CAAC4C,MAAI,CAACM,QAAQ,CAACC,OAAO,EAAEL,QAAQ,CAACE,IAAI,CAAC;MAChD,CAAC,EAAE,CAAC,CAAC;IACP;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAA0B,OAAA,EAAS;MAAA,IAAAC,KAAA;MACP,IAAMC,OAAO,GAAG,IAAI,CAAC/D,IAAI;MACzB,IAAAgE,aAAA,GAA6B,IAAI,CAACtB,OAAO;QAAjCuB,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;MAExB,IAAI,CAAC3B,MAAM,CAAC4B,KAAK,EAAE;MAEnB,OAAAL,KAAA,GAAO7D,OAAO,CAACiE,MAAM,CAAC,eACpBrE,KAAA,CAAAuE,aAAA,CAACL,OAAO,EAAAD,KAAA,CAAAO,EAAA;QAAA,UAASlE,KAAK;QAAA,OAAO,IAAI,CAACwD;MAAQ,iBACxC9D,KAAA,CAAAuE,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAAxD,UAAA;AAAA,EAzDsBd,SAAS;AAAA8B,eAAA,CAA5BhB,UAAU,iBACO,QAAQ;AAAAgB,eAAA,CADzBhB,UAAU,WAECH,KAAK;AAAAmB,eAAA,CAFhBhB,UAAU,aAGG,CAACP,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAAsB,eAAA,CAH7ChB,UAAU,kBAIQ;EACpB4B,IAAI,EAAE,IAAI;EACV6B,IAAI,EAAE/D,iBAAiB;EACvBgE,MAAM,EAAE;AACV,CAAC;AAoDH,SAASC,OAAOA,CAACnC,KAAK,EAAE;EAAA,IAAAoC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQV,QAAQ,GAAoB5B,KAAK,CAAjC4B,QAAQ;IAAEC,MAAM,GAAY7B,KAAK,CAAvB6B,MAAM;IAAEU,KAAK,GAAKvC,KAAK,CAAfuC,KAAK;EAC/B,IAAMC,QAAQ,GAGM3E,GAAG;EAFvB,IAAM4E,cAAc,GAAG,IAAI;EAC3B,OAAAH,KAAA,GAAO1E,OAAO,CAACiE,MAAM,CAAC,eACpBrE,KAAA,CAAAuE,aAAA,CAACS,QAAQ,EAAAF,KAAA,CAAAN,EAAA,aAAApB,aAAA,KAAA8B,YAAA;IAAA,QAAmB;EAAM,GAAAN,IAAA,KAC/BG,KAAK,iBAAI/E,KAAA,CAAAuE,aAAA,CAACU,cAAc,EAAAH,KAAA,CAAAN,EAAA,wBAAEO,KAAK,CAAkB,eAClD/E,KAAA,CAAAuE,aAAA,CAACH,QAAQ,EAAAU,KAAA,CAAAN,EAAA,iBAAG,CACH;AAEf;AAEA,SAASW,IAAIA,CAAC3C,KAAK,EAAE;EAAA,IAAA4C,KAAA,GAAAP,YAAA;EACnB,IAAMQ,KAAK,GAIQhF,GAAG;EAHtB,IAAQ+D,QAAQ,GAAqB5B,KAAK,CAAlC4B,QAAQ;IAAEC,MAAM,GAAa7B,KAAK,CAAxB6B,MAAM;IAAE1B,MAAM,GAAKH,KAAK,CAAhBG,MAAM;EAChC,IAAIA,MAAM,EAAE;IAAA,IAAA2C,KAAA;IACV,OAAAA,KAAA,GAAOlF,OAAO,CAACiE,MAAM,CAAC,eACpBrE,KAAA,CAAAuE,aAAA,CAACc,KAAK,EAAAC,KAAA,CAAAd,EAAA,UAAApB,aAAA,KAAAmC,aAAA;MAAA,OAAmBlF;IAAG,GAAA+E,KAAA,kBAC1BpF,KAAA,CAAAuE,aAAA,CAACH,QAAQ,EAAAkB,KAAA,CAAAd,EAAA,iBAAG,CACN;EAEZ;EACA,OAAO,IAAI;AACb;AAEA,SAASgB,OAAOA,CAAChD,KAAK,EAAE;EAAA,IAAAiD,KAAA,GAAAZ,YAAA;IAAAa,KAAA;EACtB,IAAQtB,QAAQ,GACd5B,KAAK,CADC4B,QAAQ;IAAEC,MAAM,GACtB7B,KAAK,CADW6B,MAAM;IAAEzB,IAAI,GAC5BJ,KAAK,CADmBI,IAAI;IAAED,MAAM,GACpCH,KAAK,CADyBG,MAAM;IAAEgD,QAAQ,GAC9CnD,KAAK,CADiCmD,QAAQ;IAAEC,SAAS,GACzDpD,KAAK,CAD2CoD,SAAS;IAAEC,QAAQ,GACnErD,KAAK,CADsDqD,QAAQ;IAAE7C,MAAM,GAC3ER,KAAK,CADgEQ,MAAM;IAAEK,WAAW,GACxFb,KAAK,CADwEa,WAAW;EAE1F,IAAMyC,QAAQ,GAuBFzF,GAAG;EAtBf,IAAM0F,WAAW,GAAG,MAAM;EAC1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,UAAU,GAAG1F,MAAM;EAEzB,IAAM2F,YAAY,GAAGlG,KAAK,CAACmG,WAAW,CACpC,UAACC,CAAC,EAAK;IACL,IAAIT,QAAQ,EAAEA,QAAQ,CAAC/C,IAAI,EAAEwD,CAAC,CAAC;EACjC,CAAC,EACD,CAACxD,IAAI,EAAE+C,QAAQ,CAAC,CACjB;EAED,IAAMU,cAAc,GAAGrG,KAAK,CAACmG,WAAW,CACtC,UAACC,CAAC,EAAK;IACL,IAAIT,QAAQ,IAAIS,CAAC,CAAC/D,GAAG,KAAK,OAAO,EAAE;MACjCsD,QAAQ,CAAC/C,IAAI,EAAEwD,CAAC,CAAC;IACnB;EACF,CAAC,EACD,CAACxD,IAAI,EAAE+C,QAAQ,CAAC,CACjB;EAED,OAAAD,KAAA,GAAOtF,OAAO,CAACiE,MAAM,CAAC,eACpBrE,KAAA,CAAAuE,aAAA,CAACuB,QAAQ,EAAAJ,KAAA,CAAAlB,EAAA,aAAApB,aAAA,KAAAkD,aAAA;IAAA,QAEF,UAAU;IAAA,iBACAT,QAAQ;IAAA,gBACTlD,MAAM;IAAA,WACXuD,YAAY;IAAA,aACVG;EAAc,GAAAZ,KAAA,KAExBG,SAAS,iBAAI5F,KAAA,CAAAuE,aAAA,CAAC5D,gBAAgB,EAAA+E,KAAA,CAAAlB,EAAA,0BAAEnB,WAAW,CAAC,eAAe,CAAC,CAAoB,eACjFrD,KAAA,CAAAuE,aAAA,CAACwB,WAAW,EAAAL,KAAA,CAAAlB,EAAA;IAAA,eAAa;EAAM,IAAEoB,SAAS,gBAAG5F,KAAA,CAAAuE,aAAA,CAAC0B,UAAU,EAAAP,KAAA,CAAAlB,EAAA,mBAAG,GAAGxB,MAAM,CAAe,eACnFhD,KAAA,CAAAuE,aAAA,CAACyB,gBAAgB,EAAAN,KAAA,CAAAlB,EAAA,uCACfxE,KAAA,CAAAuE,aAAA,CAACH,QAAQ,EAAAsB,KAAA,CAAAlB,EAAA,iBAAG,CACK,CACV;AAEf;AAEAgB,OAAO,CAACe,OAAO,GAAG,CAAC/F,oBAAoB,EAAE,CAAC;AAE1C,SAASgG,OAAOA,CAAChE,KAAK,EAAE;EAAA,IAAAiE,KAAA,GAAA5B,YAAA;IAAA6B,KAAA;EACtB,IAAQtC,QAAQ,GAAa5B,KAAK,CAA1B4B,QAAQ;IAAEC,MAAM,GAAK7B,KAAK,CAAhB6B,MAAM;EACxB,IAAMsC,QAAQ,GAEMtG,GAAG;EADvB,OAAAqG,KAAA,GAAOtG,OAAO,CAACiE,MAAM,CAAC,eACpBrE,KAAA,CAAAuE,aAAA,CAACoC,QAAQ,EAAAD,KAAA,CAAAlC,EAAA,aAAApB,aAAA,KAAAwD,aAAA,KAAAH,KAAA,kBACPzG,KAAA,CAAAuE,aAAA,CAACH,QAAQ,EAAAsC,KAAA,CAAAlC,EAAA,iBAAG,CACH;AAEf;AAEA,IAAMqC,MAAM,GAAG5G,eAAe,CAACe,UAAU,EAAE;EACzC2D,OAAO,EAAPA,OAAO;EACP6B,OAAO,EAAPA,OAAO;EACPrB,IAAI,EAAJA,IAAI;EACJK,OAAO,EAAPA;AACF,CAAC,CAAC;AAEF,eAAeqB,MAAM"}
|