intergalactic 15.66.0-prerelease-0004a874 → 15.67.0-prerelease-0da244c5
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 +81 -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 +21 -20
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +20 -4
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +15 -13
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +21 -20
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +20 -4
- package/base-trigger/lib/es6/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/es6/FilterTrigger.js +15 -13
- package/base-trigger/lib/es6/FilterTrigger.js.map +1 -1
- 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 -20
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +19 -20
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/checkbox/lib/cjs/Checkbox.js +21 -21
- package/checkbox/lib/cjs/Checkbox.js.map +1 -1
- package/checkbox/lib/es6/Checkbox.js +21 -21
- package/checkbox/lib/es6/Checkbox.js.map +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
- 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 +24 -24
- package/color-picker/lib/es6/ColorPicker.js.map +1 -1
- 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 +4 -4
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- 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 +4 -4
- package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
- 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/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +41 -41
- package/data-table/lib/cjs/Head.js +5 -5
- package/data-table/lib/cjs/Head.js.map +1 -1
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +41 -41
- package/data-table/lib/es6/Head.js +5 -5
- package/data-table/lib/es6/Head.js.map +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +30 -30
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +30 -30
- package/date-picker/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +30 -30
- package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/cjs/style/calendar.shadow.css +1 -1
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +30 -30
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +30 -30
- package/date-picker/lib/es6/components/PickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/RangePickerAbstract.js +30 -30
- package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/style/calendar.shadow.css +1 -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 +15 -15
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +15 -15
- 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 +6 -6
- package/icon/lib/cjs/Icon.js.map +1 -1
- package/icon/lib/es6/Icon.js +6 -6
- package/icon/lib/es6/Icon.js.map +1 -1
- 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/es6/index.js +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +6 -6
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +6 -6
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-input/lib/cjs/InlineInput.js +22 -22
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +22 -22
- package/inline-input/lib/es6/InlineInput.js.map +1 -1
- 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 +13 -13
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +13 -13
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- 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 +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 +14 -14
- package/pills/lib/cjs/Pills.js.map +1 -1
- package/pills/lib/es6/Pills.js +14 -14
- package/pills/lib/es6/Pills.js.map +1 -1
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/es6/Popper.js +6 -6
- 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 +18 -10
- package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +18 -10
- package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +9 -9
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +9 -9
- 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 +22 -22
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/es6/Switch.js +22 -22
- package/switch/lib/es6/Switch.js.map +1 -1
- 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 +9 -9
- package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
- package/tab-panel/lib/es6/TabPanel.js +9 -9
- package/tab-panel/lib/es6/TabPanel.js.map +1 -1
- package/tag/lib/cjs/Tag.js +23 -23
- package/tag/lib/cjs/Tag.js.map +1 -1
- package/tag/lib/es6/Tag.js +23 -23
- package/tag/lib/es6/Tag.js.map +1 -1
- 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 +19 -14
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/cjs/style/tooltip.shadow.css +0 -4
- package/tooltip/lib/es6/Tooltip.js +19 -14
- package/tooltip/lib/es6/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/style/tooltip.shadow.css +0 -4
- 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/syncScroll.js +1 -1
- package/utils/lib/syncScroll.js.map +1 -1
- package/utils/lib/syncScroll.mjs +1 -1
- package/utils/lib/syncScroll.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 +12 -12
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js.map +1 -1
package/tag/lib/cjs/Tag.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","code","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","key","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.code) {\n case 'Space':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
package/tag/lib/es6/Tag.js
CHANGED
@@ -23,26 +23,26 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
|
|
23
23
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
24
24
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
25
25
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__STag": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"_disabled": "
|
30
|
-
"_interactive": "
|
31
|
-
"_theme_primary-invert": "_theme_primary-
|
32
|
-
"_theme_secondary-invert": "_theme_secondary-
|
33
|
-
"_theme_additional-invert": "_theme_additional-
|
34
|
-
"__SText": "
|
35
|
-
"__SAddon": "
|
36
|
-
"__SCircle": "
|
37
|
-
"_size_m": "
|
38
|
-
"_size_l": "
|
39
|
-
"_size_xl": "
|
40
|
-
"--tag-color": "--tag-
|
41
|
-
"_theme_primary": "
|
42
|
-
"_active": "
|
43
|
-
"_theme_secondary": "
|
44
|
-
"_theme_additional": "
|
45
|
-
"__SClose": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_ydh1m_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_ydh1m)}.___STag_ydh1m_gg_:has(.___SText_ydh1m_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_ydh1m_gg_::after,.___STag_ydh1m_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_ydh1m_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_ydh1m);opacity:.2}.___STag_ydh1m_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_ydh1m);opacity:.1}.___STag_ydh1m_gg_:active,.___STag_ydh1m_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_ydh1m_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_ydh1m_gg_.__keyboardFocused_ydh1m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_ydh1m_gg_.__keyboardFocused_ydh1m_gg_:has(:focus){box-shadow:none}.___STag_ydh1m_gg_.__disabled_ydh1m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_ydh1m_gg_.__interactive_ydh1m_gg_{cursor:pointer}.___STag_ydh1m_gg_._size_m_ydh1m_gg_{height:20px;min-width:20px}.___STag_ydh1m_gg_._size_m_ydh1m_gg_ .___SCircle_ydh1m_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_ydh1m_gg_._size_m_ydh1m_gg_ .___SCircle_ydh1m_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_ydh1m_gg_._size_m_ydh1m_gg_ .___SText_ydh1m_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_ydh1m_gg_._size_l_ydh1m_gg_{height:28px;min-width:28px}.___STag_ydh1m_gg_._size_l_ydh1m_gg_ .___SText_ydh1m_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_ydh1m_gg_._size_xl_ydh1m_gg_{height:40px;min-width:40px}.___STag_ydh1m_gg_._size_xl_ydh1m_gg_ .___SText_ydh1m_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_ydh1m_gg_._theme_primary_ydh1m_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_ydh1m_gg_._theme_primary_ydh1m_gg_:after{display:none}.___STag_ydh1m_gg_._theme_primary_ydh1m_gg_.__active_ydh1m_gg_:before,.___STag_ydh1m_gg_._theme_primary_ydh1m_gg_.__interactive_ydh1m_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_ydh1m_gg_._theme_primary_ydh1m_gg_.__interactive_ydh1m_gg_:hover:before{opacity:.3}}.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_::before,.___STag_ydh1m_gg_._theme_secondary_ydh1m_gg_::before{opacity:.01}.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_.__active_ydh1m_gg_:before,.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_.__interactive_ydh1m_gg_:active:before,.___STag_ydh1m_gg_._theme_secondary_ydh1m_gg_.__active_ydh1m_gg_:before,.___STag_ydh1m_gg_._theme_secondary_ydh1m_gg_.__interactive_ydh1m_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_.__interactive_ydh1m_gg_:hover:before,.___STag_ydh1m_gg_._theme_secondary_ydh1m_gg_.__interactive_ydh1m_gg_:hover:before{opacity:.1}}.___SClose_ydh1m_gg_ path,.___STag_ydh1m_gg_._theme_additional-invert_ydh1m_gg_::after,.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_::after,.___STag_ydh1m_gg_._theme_secondary-invert_ydh1m_gg_::after,.___STag_ydh1m_gg_._theme_secondary_ydh1m_gg_::after{opacity:.5}.___STag_ydh1m_gg_._theme_primary-invert_ydh1m_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_ydh1m_gg_._theme_additional-invert_ydh1m_gg_,.___STag_ydh1m_gg_._theme_primary-invert_ydh1m_gg_,.___STag_ydh1m_gg_._theme_secondary-invert_ydh1m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_ydh1m_gg_._theme_additional_ydh1m_gg_::after{border-style:dashed}.___SText_ydh1m_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_ydh1m_gg_.__keyboardFocused_ydh1m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_ydh1m_gg_:not(:only-child):first-child{padding-right:0}.___SText_ydh1m_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_ydh1m_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_ydh1m_gg_,.___SCircle_ydh1m_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ydh1m_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_ydh1m_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_ydh1m_gg_:first-child{margin-left:0}.___SCircle_ydh1m_gg_:last-child{margin-right:0}.___SCircle_ydh1m_gg_._size_m_ydh1m_gg_{width:16px;height:16px}.___SCircle_ydh1m_gg_._size_l_ydh1m_gg_,.___SCircle_ydh1m_gg_._size_xl_ydh1m_gg_{width:20px;height:20px}.___SClose_ydh1m_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_ydh1m_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "ydh1m_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__STag": "___STag_ydh1m_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_ydh1m_gg_",
|
29
|
+
"_disabled": "__disabled_ydh1m_gg_",
|
30
|
+
"_interactive": "__interactive_ydh1m_gg_",
|
31
|
+
"_theme_primary-invert": "_theme_primary-invert_ydh1m_gg_",
|
32
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ydh1m_gg_",
|
33
|
+
"_theme_additional-invert": "_theme_additional-invert_ydh1m_gg_",
|
34
|
+
"__SText": "___SText_ydh1m_gg_",
|
35
|
+
"__SAddon": "___SAddon_ydh1m_gg_",
|
36
|
+
"__SCircle": "___SCircle_ydh1m_gg_",
|
37
|
+
"_size_m": "_size_m_ydh1m_gg_",
|
38
|
+
"_size_l": "_size_l_ydh1m_gg_",
|
39
|
+
"_size_xl": "_size_xl_ydh1m_gg_",
|
40
|
+
"--tag-color": "--tag-color_ydh1m",
|
41
|
+
"_theme_primary": "_theme_primary_ydh1m_gg_",
|
42
|
+
"_active": "__active_ydh1m_gg_",
|
43
|
+
"_theme_secondary": "_theme_secondary_ydh1m_gg_",
|
44
|
+
"_theme_additional": "_theme_additional_ydh1m_gg_",
|
45
|
+
"__SClose": "___SClose_ydh1m_gg_"
|
46
46
|
});
|
47
47
|
import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
48
48
|
var legacyThemeRecommendedMigration = {
|
@@ -79,8 +79,8 @@ var RootTag = /*#__PURE__*/function (_Component) {
|
|
79
79
|
});
|
80
80
|
});
|
81
81
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
|
82
|
-
switch (event.
|
83
|
-
case '
|
82
|
+
switch (event.key) {
|
83
|
+
case ' ':
|
84
84
|
case 'Enter':
|
85
85
|
if (_this.asProps.onClick) {
|
86
86
|
event.preventDefault();
|
@@ -199,7 +199,7 @@ function Close(props) {
|
|
199
199
|
if (props.onKeyDown) {
|
200
200
|
return props.onKeyDown(event);
|
201
201
|
}
|
202
|
-
if (props.onClick && (event.
|
202
|
+
if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {
|
203
203
|
event.preventDefault();
|
204
204
|
props.onClick(event);
|
205
205
|
}
|
package/tag/lib/es6/Tag.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","code","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","key","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","enhance","Close","_ref3","_ref8","SClose","useEffect","_props$onMount","_props$onUnmount","useCallback","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.code) {\n case 'Space':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.code === 'Enter' || event.code === 'Space')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","enhance","Close","_ref3","_ref8","SClose","useEffect","_props$onMount","_props$onUnmount","useCallback","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
@@ -21,14 +21,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
|
|
21
21
|
var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
|
22
22
|
var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
|
23
23
|
/*__reshadow-styles__:"./style/textarea.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__STextarea": "
|
26
|
-
"_size_m": "
|
27
|
-
"_size_l": "
|
28
|
-
"--resize": "--
|
29
|
-
"_state_normal": "
|
30
|
-
"_state_valid": "
|
31
|
-
"_state_invalid": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_ehilo_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_ehilo)}.___STextarea_ehilo_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_ehilo_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_ehilo_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_ehilo_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_ehilo_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_ehilo_gg_._size_m_ehilo_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_ehilo_gg_._size_l_ehilo_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_ehilo_gg_._state_normal_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_ehilo_gg_._state_valid_ehilo_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_ehilo_gg_._state_valid_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_ehilo_gg_._state_invalid_ehilo_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_ehilo_gg_._state_invalid_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "ehilo_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STextarea": "___STextarea_ehilo_gg_",
|
26
|
+
"_size_m": "_size_m_ehilo_gg_",
|
27
|
+
"_size_l": "_size_l_ehilo_gg_",
|
28
|
+
"--resize": "--resize_ehilo",
|
29
|
+
"_state_normal": "_state_normal_ehilo_gg_",
|
30
|
+
"_state_valid": "_state_valid_ehilo_gg_",
|
31
|
+
"_state_invalid": "_state_invalid_ehilo_gg_"
|
32
32
|
});
|
33
33
|
var Textarea = /*#__PURE__*/function (_Component) {
|
34
34
|
(0, _inherits2["default"])(Textarea, _Component);
|
@@ -15,14 +15,14 @@ import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
|
|
15
15
|
import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
|
16
16
|
import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
17
17
|
/*__reshadow-styles__:"./style/textarea.shadow.css"*/
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
19
|
-
"__STextarea": "
|
20
|
-
"_size_m": "
|
21
|
-
"_size_l": "
|
22
|
-
"--resize": "--
|
23
|
-
"_state_normal": "
|
24
|
-
"_state_valid": "
|
25
|
-
"_state_invalid": "
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_ehilo_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_ehilo)}.___STextarea_ehilo_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_ehilo_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_ehilo_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_ehilo_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_ehilo_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_ehilo_gg_._size_m_ehilo_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_ehilo_gg_._size_l_ehilo_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_ehilo_gg_._state_normal_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_ehilo_gg_._state_valid_ehilo_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_ehilo_gg_._state_valid_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_ehilo_gg_._state_invalid_ehilo_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_ehilo_gg_._state_invalid_ehilo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "ehilo_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__STextarea": "___STextarea_ehilo_gg_",
|
20
|
+
"_size_m": "_size_m_ehilo_gg_",
|
21
|
+
"_size_l": "_size_l_ehilo_gg_",
|
22
|
+
"--resize": "--resize_ehilo",
|
23
|
+
"_state_normal": "_state_normal_ehilo_gg_",
|
24
|
+
"_state_valid": "_state_valid_ehilo_gg_",
|
25
|
+
"_state_invalid": "_state_invalid_ehilo_gg_"
|
26
26
|
});
|
27
27
|
var Textarea = /*#__PURE__*/function (_Component) {
|
28
28
|
_inherits(Textarea, _Component);
|
@@ -29,18 +29,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
29
29
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
30
30
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
31
31
|
/*__reshadow-styles__:"./style/time-picker.shadow.css"*/
|
32
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
33
|
-
"__STimePicker": "
|
34
|
-
"_keyboardFocused": "
|
35
|
-
"_disabled": "
|
36
|
-
"__SPickerInput": "
|
37
|
-
"_size_m": "
|
38
|
-
"_size_l": "
|
39
|
-
"__SPickerFormat": "
|
40
|
-
"__STimePickerSeparator": "
|
41
|
-
"_placeholder": "
|
42
|
-
"_active": "
|
43
|
-
"__SPickerFormatText": "
|
32
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_91hwg_gg_{position:relative;width:auto;outline:0}.___STimePicker_91hwg_gg_.__keyboardFocused_91hwg_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_91hwg_gg_.__disabled_91hwg_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_91hwg_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_91hwg_gg_.__placeholder_91hwg_gg_{text-overflow:initial}.___SPickerInput_91hwg_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_91hwg_gg_._size_l_91hwg_gg_,.___SPickerInput_91hwg_gg_._size_m_91hwg_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_91hwg_gg_._size_l_91hwg_gg_{width:21px}.___SPickerFormat_91hwg_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_91hwg_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_91hwg_gg_.__active_91hwg_gg_,.___SPickerFormat_91hwg_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_91hwg_gg_._size_m_91hwg_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_91hwg_gg_._size_m_91hwg_gg_ .___SPickerFormatText_91hwg_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_91hwg_gg_._size_l_91hwg_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_91hwg_gg_._size_l_91hwg_gg_ .___SPickerFormatText_91hwg_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_91hwg_gg_.__disabled_91hwg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_91hwg_gg_.__keyboardFocused_91hwg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_91hwg_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_91hwg_gg_.__disabled_91hwg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "91hwg_gg_") /*__reshadow_css_end__*/, {
|
33
|
+
"__STimePicker": "___STimePicker_91hwg_gg_",
|
34
|
+
"_keyboardFocused": "__keyboardFocused_91hwg_gg_",
|
35
|
+
"_disabled": "__disabled_91hwg_gg_",
|
36
|
+
"__SPickerInput": "___SPickerInput_91hwg_gg_",
|
37
|
+
"_size_m": "_size_m_91hwg_gg_",
|
38
|
+
"_size_l": "_size_l_91hwg_gg_",
|
39
|
+
"__SPickerFormat": "___SPickerFormat_91hwg_gg_",
|
40
|
+
"__STimePickerSeparator": "___STimePickerSeparator_91hwg_gg_",
|
41
|
+
"_placeholder": "__placeholder_91hwg_gg_",
|
42
|
+
"_active": "__active_91hwg_gg_",
|
43
|
+
"__SPickerFormatText": "___SPickerFormatText_91hwg_gg_"
|
44
44
|
});
|
45
45
|
var MAP_MERIDIEM = {
|
46
46
|
AM: 'PM',
|
@@ -18,18 +18,18 @@ import Format from './PickerFormat';
|
|
18
18
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
19
19
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
20
20
|
/*__reshadow-styles__:"./style/time-picker.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__STimePicker": "
|
23
|
-
"_keyboardFocused": "
|
24
|
-
"_disabled": "
|
25
|
-
"__SPickerInput": "
|
26
|
-
"_size_m": "
|
27
|
-
"_size_l": "
|
28
|
-
"__SPickerFormat": "
|
29
|
-
"__STimePickerSeparator": "
|
30
|
-
"_placeholder": "
|
31
|
-
"_active": "
|
32
|
-
"__SPickerFormatText": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_91hwg_gg_{position:relative;width:auto;outline:0}.___STimePicker_91hwg_gg_.__keyboardFocused_91hwg_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_91hwg_gg_.__disabled_91hwg_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_91hwg_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_91hwg_gg_.__placeholder_91hwg_gg_{text-overflow:initial}.___SPickerInput_91hwg_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_91hwg_gg_._size_l_91hwg_gg_,.___SPickerInput_91hwg_gg_._size_m_91hwg_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_91hwg_gg_._size_l_91hwg_gg_{width:21px}.___SPickerFormat_91hwg_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_91hwg_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_91hwg_gg_.__active_91hwg_gg_,.___SPickerFormat_91hwg_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_91hwg_gg_._size_m_91hwg_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_91hwg_gg_._size_m_91hwg_gg_ .___SPickerFormatText_91hwg_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_91hwg_gg_._size_l_91hwg_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_91hwg_gg_._size_l_91hwg_gg_ .___SPickerFormatText_91hwg_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_91hwg_gg_.__disabled_91hwg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_91hwg_gg_.__keyboardFocused_91hwg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_91hwg_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_91hwg_gg_.__disabled_91hwg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "91hwg_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__STimePicker": "___STimePicker_91hwg_gg_",
|
23
|
+
"_keyboardFocused": "__keyboardFocused_91hwg_gg_",
|
24
|
+
"_disabled": "__disabled_91hwg_gg_",
|
25
|
+
"__SPickerInput": "___SPickerInput_91hwg_gg_",
|
26
|
+
"_size_m": "_size_m_91hwg_gg_",
|
27
|
+
"_size_l": "_size_l_91hwg_gg_",
|
28
|
+
"__SPickerFormat": "___SPickerFormat_91hwg_gg_",
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_91hwg_gg_",
|
30
|
+
"_placeholder": "__placeholder_91hwg_gg_",
|
31
|
+
"_active": "__active_91hwg_gg_",
|
32
|
+
"__SPickerFormatText": "___SPickerFormatText_91hwg_gg_"
|
33
33
|
});
|
34
34
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
35
35
|
var MAP_MERIDIEM = {
|
@@ -22,15 +22,15 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
|
|
22
22
|
var _findComponent = require("intergalactic/utils/lib/findComponent");
|
23
23
|
var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
24
24
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
25
|
+
var _portal = _interopRequireDefault(require("intergalactic/portal"));
|
25
26
|
var _excluded = ["Children", "title", "offset", "forcedAdvancedMode"];
|
26
27
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__STooltip": "
|
29
|
-
"_theme_default": "
|
30
|
-
"_theme_invert": "
|
31
|
-
"_theme_warning": "
|
32
|
-
"
|
33
|
-
"__SArrow": "___SArrow_1cdz3_gg_"
|
28
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_11tnz_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_11tnz_gg_._theme_default_11tnz_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_11tnz_gg_._theme_invert_11tnz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_11tnz_gg_._theme_warning_11tnz_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_11tnz_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_11tnz_gg_,.___SArrow_11tnz_gg_:before{position:absolute;border:6px solid}.___SArrow_11tnz_gg_:before{content:\"\"}.___SArrow_11tnz_gg_._theme_default_11tnz_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_11tnz_gg_._theme_default_11tnz_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_11tnz_gg_._theme_invert_11tnz_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_11tnz_gg_._theme_invert_11tnz_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_11tnz_gg_._theme_warning_11tnz_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_11tnz_gg_._theme_warning_11tnz_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_11tnz_gg_[data-popper-placement^=top] .___SArrow_11tnz_gg_,.___STooltip_11tnz_gg_[data-popper-placement^=top] .___SArrow_11tnz_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_11tnz_gg_[data-popper-placement^=top] .___SArrow_11tnz_gg_::before{top:-7px;left:-6px}.___STooltip_11tnz_gg_[data-popper-placement^=bottom] .___SArrow_11tnz_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_11tnz_gg_[data-popper-placement^=bottom] .___SArrow_11tnz_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_11tnz_gg_[data-popper-placement^=left] .___SArrow_11tnz_gg_,.___STooltip_11tnz_gg_[data-popper-placement^=left] .___SArrow_11tnz_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_11tnz_gg_[data-popper-placement^=left] .___SArrow_11tnz_gg_::before{top:-6px;left:-7px}.___STooltip_11tnz_gg_[data-popper-placement^=right] .___SArrow_11tnz_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_11tnz_gg_[data-popper-placement^=right] .___SArrow_11tnz_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}" /*__inner_css_end__*/, "11tnz_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__STooltip": "___STooltip_11tnz_gg_",
|
30
|
+
"_theme_default": "_theme_default_11tnz_gg_",
|
31
|
+
"_theme_invert": "_theme_invert_11tnz_gg_",
|
32
|
+
"_theme_warning": "_theme_warning_11tnz_gg_",
|
33
|
+
"__SArrow": "___SArrow_11tnz_gg_"
|
34
34
|
});
|
35
35
|
var Popper = _popper["default"][_core.CREATE_COMPONENT]();
|
36
36
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
@@ -143,19 +143,24 @@ function TooltipPopper(props) {
|
|
143
143
|
var Children = props.Children,
|
144
144
|
styles = props.styles,
|
145
145
|
theme = props.theme,
|
146
|
-
resolveColor = props.resolveColor
|
146
|
+
resolveColor = props.resolveColor,
|
147
|
+
disablePortal = props.disablePortal,
|
148
|
+
ignorePortalsStacking = props.ignorePortalsStacking;
|
147
149
|
var STooltip = Popper.Popper;
|
148
150
|
var SArrow = _flexBox.Box;
|
149
|
-
|
150
|
-
|
151
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_portal["default"], _ref5.cn("Portal", {
|
152
|
+
"disablePortal": disablePortal,
|
153
|
+
"ignorePortalsStacking": ignorePortalsStacking
|
154
|
+
}), /*#__PURE__*/_react["default"].createElement("div", _ref5.cn("div", {
|
155
|
+
"aria-live": theme === 'warning' ? 'assertive' : 'polite'
|
156
|
+
}), /*#__PURE__*/_react["default"].createElement(STooltip, _ref5.cn("STooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
157
|
+
"use:disablePortal": true,
|
151
158
|
"role": 'tooltip',
|
152
159
|
"use:theme": resolveColor(theme)
|
153
|
-
}, _ref3))), /*#__PURE__*/_react["default"].createElement(
|
154
|
-
"aria-live": theme === 'warning' ? 'assertive' : 'polite'
|
155
|
-
}), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SArrow, _ref5.cn("SArrow", {
|
160
|
+
}, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(SArrow, _ref5.cn("SArrow", {
|
156
161
|
"data-popper-arrow": true,
|
157
162
|
"use:theme": resolveColor(theme)
|
158
|
-
}))));
|
163
|
+
})))));
|
159
164
|
}
|
160
165
|
var Tooltip = (0, _core["default"])(TooltipRoot, {
|
161
166
|
Trigger: TooltipTrigger,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","popperId","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","Tooltip","Trigger","displayName","logger","warn","createElement","assignProps","Fragment","Component","uniqueIDEnhancement","resolveColorEnhance","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","Box","STooltipContent","createComponent","parent","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n const popperId = visible ? `igc-${uid}-popper` : undefined;\n\n return {\n 'aria-describedby': popperId,\n popperId,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor } = props;\n const STooltip = Root;\n const SArrow = Box;\n const STooltipContent = 'span';\n\n return sstyled(styles)(\n <>\n <STooltip render={Popper.Popper} role='tooltip' use:theme={resolveColor(theme)}>\n <STooltipContent aria-live={theme === 'warning' ? 'assertive' : 'polite'}>\n <Children />\n </STooltipContent>\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_portal","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","popperId","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","Tooltip","Trigger","displayName","logger","warn","createElement","assignProps","Fragment","Component","uniqueIDEnhancement","resolveColorEnhance","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","Box","createComponent","parent","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Portal from '@semcore/portal';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n static style = style;\n static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'default',\n placement: 'top',\n interaction: 'hover',\n timeout: [100, 50],\n offset: [0, 10],\n flip: {\n flipVariations: true,\n flipVariationsByContent: true,\n },\n defaultVisible: false,\n focusLoop: false,\n };\n state = { popperChildren: null };\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n getTriggerProps() {\n const { uid, visible, interaction, disabled } = this.asProps;\n\n let ariaHasPopup = 'true';\n\n if (interaction === 'hover' || disabled) {\n ariaHasPopup = 'false';\n }\n\n const popperId = visible ? `igc-${uid}-popper` : undefined;\n\n return {\n 'aria-describedby': popperId,\n popperId,\n 'aria-haspopup': ariaHasPopup,\n };\n }\n\n getPopperProps() {\n const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n this.asProps;\n return {\n id: `igc-${uid}-popper`,\n theme,\n disablePortal,\n ignorePortalsStacking,\n interaction,\n resolveColor,\n };\n }\n\n render() {\n const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n logger.warn(\n title && advancedMode,\n \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n logger.warn(\n other.interaction !== 'hover',\n \"You shouldn't use prop `interaction` except with `hover` value.\",\n other['data-ui-name'] || Tooltip.displayName,\n );\n\n return (\n <Root render={Popper}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <Tooltip.Trigger {...other}>\n <Children />\n </Tooltip.Trigger>\n <Tooltip.Popper>{title}</Tooltip.Popper>\n </>\n )}\n </Root>\n );\n }\n}\n\nfunction TooltipTrigger(props) {\n const { Children, styles } = props;\n const STrigger = Root;\n\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} role={undefined}>\n <Children />\n </STrigger>,\n );\n}\n\nfunction TooltipPopper(props) {\n const { Children, styles, theme, resolveColor, disablePortal, ignorePortalsStacking } = props;\n const STooltip = Root;\n const SArrow = Box;\n\n return sstyled(styles)(\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n <div aria-live={theme === 'warning' ? 'assertive' : 'polite'}>\n <STooltip\n render={Popper.Popper}\n use:disablePortal\n role='tooltip'\n use:theme={resolveColor(theme)}\n >\n <Children />\n <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n </STooltip>\n </div>\n </Portal>,\n );\n}\n\nconst Tooltip = createComponent(\n TooltipRoot,\n {\n Trigger: TooltipTrigger,\n Popper: TooltipPopper,\n },\n {\n parent: Popper,\n },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
|