intergalactic 15.119.0 → 15.120.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +95 -0
- package/accordion/lib/cjs/Accordion.js +11 -12
- package/accordion/lib/cjs/Accordion.js.map +1 -1
- package/accordion/lib/es6/Accordion.js +11 -12
- package/accordion/lib/es6/Accordion.js.map +1 -1
- package/accordion/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +20 -18
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +4 -7
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -11
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +20 -18
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +4 -7
- package/base-trigger/lib/es6/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/es6/FilterTrigger.js +7 -11
- package/base-trigger/lib/es6/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/package.json +1 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +27 -27
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +0 -1
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +27 -27
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/package.json +1 -1
- package/components.json +23 -23
- package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/index.d.ts +2 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js +173 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/cjs/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/cjs/index.js +7 -0
- package/d3-chart/lib/cjs/index.js.map +1 -1
- package/d3-chart/lib/cjs/types/index.d.js +9 -1
- package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +19 -19
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js +163 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.js.map +1 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js +2 -0
- package/d3-chart/lib/es6/component/StackGroupBar/StackGroupBar.type.js.map +1 -0
- package/d3-chart/lib/es6/index.js +1 -0
- package/d3-chart/lib/es6/index.js.map +1 -1
- package/d3-chart/lib/es6/types/index.d.js +1 -0
- package/d3-chart/lib/es6/types/index.d.js.map +1 -1
- package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.d.ts +3 -0
- package/d3-chart/lib/types/component/StackGroupBar/StackGroupBar.type.d.ts +29 -0
- package/d3-chart/lib/types/index.d.ts +2 -0
- package/d3-chart/package.json +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
- package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
- package/drag-and-drop/package.json +1 -1
- package/dropdown/lib/cjs/AbstractDropdown.js +52 -43
- package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/cjs/Dropdown.js +16 -16
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/AbstractDropdown.js +52 -43
- package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +16 -16
- package/dropdown/lib/es6/Dropdown.js.map +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/index.d.ts +2 -0
- package/dropdown-menu/lib/cjs/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/index.d.js.map +1 -1
- package/dropdown-menu/lib/es6/DropdownMenu.js +29 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/index.d.js.map +1 -1
- package/dropdown-menu/lib/types/index.d.ts +2 -0
- package/dropdown-menu/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js +1 -1
- package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/package.json +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +16 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +16 -4
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-edit/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +10 -21
- package/input-number/lib/cjs/InputNumber.js.map +1 -1
- package/input-number/lib/es6/InputNumber.js +10 -21
- package/input-number/lib/es6/InputNumber.js.map +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/InputTags.d.ts +4 -2
- package/input-tags/lib/cjs/InputTags.js +51 -37
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +52 -37
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/input-tags/lib/types/InputTags.d.ts +4 -2
- package/input-tags/package.json +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +19 -13
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +18 -18
- package/mini-chart/lib/cjs/component/trend/Bar.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +17 -11
- package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Donut.js +19 -13
- package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.js +18 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +17 -11
- package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Line.js +17 -11
- package/mini-chart/lib/es6/component/trend/Line.js.map +1 -1
- package/mini-chart/package.json +1 -1
- package/notice/lib/cjs/Notice.js +14 -14
- package/notice/lib/es6/Notice.js +14 -14
- package/notice/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pagination/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +20 -16
- package/select/lib/cjs/InputSearch.js.map +1 -1
- package/select/lib/cjs/Select.js +28 -13
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/cjs/translations/de.json +2 -2
- package/select/lib/cjs/translations/en.json +3 -1
- package/select/lib/cjs/translations/es.json +2 -2
- package/select/lib/cjs/translations/fr.json +2 -2
- package/select/lib/cjs/translations/it.json +2 -2
- package/select/lib/cjs/translations/ja.json +2 -2
- package/select/lib/cjs/translations/ko.json +2 -2
- package/select/lib/cjs/translations/nl.json +2 -2
- package/select/lib/cjs/translations/pl.json +2 -2
- package/select/lib/cjs/translations/pt.json +2 -2
- package/select/lib/cjs/translations/sv.json +2 -2
- package/select/lib/cjs/translations/tr.json +2 -2
- package/select/lib/cjs/translations/vi.json +2 -2
- package/select/lib/cjs/translations/zh.json +2 -2
- package/select/lib/es6/InputSearch.js +20 -16
- package/select/lib/es6/InputSearch.js.map +1 -1
- package/select/lib/es6/Select.js +28 -13
- package/select/lib/es6/Select.js.map +1 -1
- package/select/lib/es6/translations/de.json +2 -2
- package/select/lib/es6/translations/en.json +3 -1
- package/select/lib/es6/translations/es.json +2 -2
- package/select/lib/es6/translations/fr.json +2 -2
- package/select/lib/es6/translations/it.json +2 -2
- package/select/lib/es6/translations/ja.json +2 -2
- package/select/lib/es6/translations/ko.json +2 -2
- package/select/lib/es6/translations/nl.json +2 -2
- package/select/lib/es6/translations/pl.json +2 -2
- package/select/lib/es6/translations/pt.json +2 -2
- package/select/lib/es6/translations/sv.json +2 -2
- package/select/lib/es6/translations/tr.json +2 -2
- package/select/lib/es6/translations/vi.json +2 -2
- package/select/lib/es6/translations/zh.json +2 -2
- package/select/package.json +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/package.json +1 -1
- package/utils/lib/ariaProps.d.ts +12 -0
- package/utils/lib/ariaProps.js +22 -0
- package/utils/lib/ariaProps.js.map +1 -0
- package/utils/lib/ariaProps.mjs +16 -0
- package/utils/lib/ariaProps.mjs.map +1 -0
@@ -28,18 +28,18 @@ var _utils = require("./utils");
|
|
28
28
|
var _Pattern = require("./Pattern");
|
29
29
|
var _excluded = ["data"];
|
30
30
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SRadian": "
|
33
|
-
"__SLine": "
|
34
|
-
"_stroke": "
|
35
|
-
"--stroke": "--
|
36
|
-
"_transparent": "
|
37
|
-
"__SCap": "
|
38
|
-
"_pattern": "
|
39
|
-
"__SIcon": "
|
40
|
-
"__SLabel": "
|
41
|
-
"--color": "--
|
42
|
-
"__SLineCap": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadian_1cggo_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1cggo_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1cggo_gg_.__stroke_1cggo_gg_{stroke:var(--stroke_1cggo)}.___SLine_1cggo_gg_.__transparent_1cggo_gg_{opacity:.3}.___SCap_1cggo_gg_{transition:r .1s}.___SCap_1cggo_gg_.__pattern_1cggo_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1cggo_gg_.__transparent_1cggo_gg_,.___SIcon_1cggo_gg_.__transparent_1cggo_gg_,.___SLabel_1cggo_gg_.__transparent_1cggo_gg_{opacity:.3}.___SLabel_1cggo_gg_{fill:var(--color_1cggo)}@media (hover:hover){.___SRadian_1cggo_gg_:hover .___SLabel_1cggo_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1cggo_gg_{transition:none}}" /*__inner_css_end__*/, "1cggo_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SRadian": "___SRadian_1cggo_gg_",
|
33
|
+
"__SLine": "___SLine_1cggo_gg_",
|
34
|
+
"_stroke": "__stroke_1cggo_gg_",
|
35
|
+
"--stroke": "--stroke_1cggo",
|
36
|
+
"_transparent": "__transparent_1cggo_gg_",
|
37
|
+
"__SCap": "___SCap_1cggo_gg_",
|
38
|
+
"_pattern": "__pattern_1cggo_gg_",
|
39
|
+
"__SIcon": "___SIcon_1cggo_gg_",
|
40
|
+
"__SLabel": "___SLabel_1cggo_gg_",
|
41
|
+
"--color": "--color_1cggo",
|
42
|
+
"__SLineCap": "___SLineCap_1cggo_gg_"
|
43
43
|
});
|
44
44
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
45
45
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
@@ -19,18 +19,18 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
|
|
19
19
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
20
20
|
var _utils = require("./utils");
|
21
21
|
/*__reshadow-styles__:"./style/reference.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SReferenceLine": "
|
24
|
-
"__STitle": "
|
25
|
-
"--transform-origin": "--transform-
|
26
|
-
"_position_top": "
|
27
|
-
"_position_bottom": "
|
28
|
-
"_position_right": "
|
29
|
-
"_position_left": "
|
30
|
-
"__SBackground": "
|
31
|
-
"__SStripes": "
|
32
|
-
"--fill": "--
|
33
|
-
"__SStripesPatternPath": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1idsk_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1idsk_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1idsk)}.___STitle_1idsk_gg_._position_top_1idsk_gg_{text-anchor:middle}.___STitle_1idsk_gg_._position_bottom_1idsk_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1idsk_gg_._position_left_1idsk_gg_,.___STitle_1idsk_gg_._position_right_1idsk_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1idsk_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1idsk_gg_{fill:var(--fill_1idsk)}.___SStripesPatternPath_1idsk_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "1idsk_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SReferenceLine": "___SReferenceLine_1idsk_gg_",
|
24
|
+
"__STitle": "___STitle_1idsk_gg_",
|
25
|
+
"--transform-origin": "--transform-origin_1idsk",
|
26
|
+
"_position_top": "_position_top_1idsk_gg_",
|
27
|
+
"_position_bottom": "_position_bottom_1idsk_gg_",
|
28
|
+
"_position_right": "_position_right_1idsk_gg_",
|
29
|
+
"_position_left": "_position_left_1idsk_gg_",
|
30
|
+
"__SBackground": "___SBackground_1idsk_gg_",
|
31
|
+
"__SStripes": "___SStripes_1idsk_gg_",
|
32
|
+
"--fill": "--fill_1idsk",
|
33
|
+
"__SStripesPatternPath": "___SStripesPatternPath_1idsk_gg_"
|
34
34
|
});
|
35
35
|
var side2direction = {
|
36
36
|
left: 'vertical',
|
@@ -24,15 +24,15 @@ var _utils = require("./utils");
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
25
25
|
var _Pattern = require("./Pattern");
|
26
26
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__SScatterPlot": "
|
29
|
-
"_color": "
|
30
|
-
"--color": "--
|
31
|
-
"_pattern": "
|
32
|
-
"--pattern": "--
|
33
|
-
"_transparent": "
|
34
|
-
"__SValue": "
|
35
|
-
"--duration": "--
|
27
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_k52et_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_k52et);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_k52et_gg_:hover{opacity:.8}}.___SScatterPlot_k52et_gg_.__color_k52et_gg_{fill:var(--color_k52et)}.___SScatterPlot_k52et_gg_.__pattern_k52et_gg_.__color_k52et_gg_{fill:var(--pattern_k52et);stroke:var(--color_k52et);stroke-width:1px}.___SScatterPlot_k52et_gg_.__transparent_k52et_gg_{opacity:.3}.___SValue_k52et_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_k52et_gg_.__color_k52et_gg_{stroke:var(--color_k52et)}.___SValue_k52et_gg_.__transparent_k52et_gg_{opacity:.3}" /*__inner_css_end__*/, "k52et_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SScatterPlot": "___SScatterPlot_k52et_gg_",
|
29
|
+
"_color": "__color_k52et_gg_",
|
30
|
+
"--color": "--color_k52et",
|
31
|
+
"_pattern": "__pattern_k52et_gg_",
|
32
|
+
"--pattern": "--pattern_k52et",
|
33
|
+
"_transparent": "__transparent_k52et_gg_",
|
34
|
+
"__SValue": "___SValue_k52et_gg_",
|
35
|
+
"--duration": "--duration_k52et"
|
36
36
|
});
|
37
37
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
38
38
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
@@ -25,15 +25,15 @@ var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
|
|
25
25
|
var _Pattern = require("./Pattern");
|
26
26
|
var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
|
27
27
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__STooltip": "
|
30
|
-
"__STitle": "
|
31
|
-
"__SDotGroup": "
|
32
|
-
"__SDot": "
|
33
|
-
"__SDotCircle": "
|
34
|
-
"_color": "
|
35
|
-
"--color": "--
|
36
|
-
"__SFooter": "
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STooltip_35tix_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_35tix_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_35tix_gg_{display:flex;align-items:center}.___SDot_35tix_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_35tix_gg_.__color_35tix_gg_{background-color:var(--color_35tix);width:8px;height:8px;border-radius:50%}.___SFooter_35tix_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "35tix_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__STooltip": "___STooltip_35tix_gg_",
|
30
|
+
"__STitle": "___STitle_35tix_gg_",
|
31
|
+
"__SDotGroup": "___SDotGroup_35tix_gg_",
|
32
|
+
"__SDot": "___SDot_35tix_gg_",
|
33
|
+
"__SDotCircle": "___SDotCircle_35tix_gg_",
|
34
|
+
"_color": "__color_35tix_gg_",
|
35
|
+
"--color": "--color_35tix",
|
36
|
+
"__SFooter": "___SFooter_35tix_gg_"
|
37
37
|
});
|
38
38
|
/**
|
39
39
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/d3-chart/lib/cjs/Venn.js
CHANGED
@@ -26,15 +26,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
26
26
|
var _Pattern = require("./Pattern");
|
27
27
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
28
28
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
29
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
30
|
-
"__SCircle": "
|
31
|
-
"_color": "
|
32
|
-
"--color": "--
|
33
|
-
"_transparent": "
|
34
|
-
"__SIntersection": "
|
35
|
-
"--duration": "--
|
36
|
-
"_pattern": "
|
37
|
-
"--pattern": "--
|
29
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_17uyq_gg_,.___SIntersection_17uyq_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_17uyq_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_17uyq);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_17uyq_gg_:hover{fill-opacity:.7}}.___SCircle_17uyq_gg_.__color_17uyq_gg_{fill:var(--color_17uyq)}.___SCircle_17uyq_gg_.__pattern_17uyq_gg_.__color_17uyq_gg_{fill:var(--pattern_17uyq);fill-opacity:.7;stroke:var(--color_17uyq);stroke-width:1px}@media (hover:hover){.___SCircle_17uyq_gg_.__pattern_17uyq_gg_.__color_17uyq_gg_:hover{fill-opacity:.85}}.___SCircle_17uyq_gg_.__transparent_17uyq_gg_{opacity:.3}.___SIntersection_17uyq_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_17uyq_gg_:hover{fill-opacity:.1}}.___SIntersection_17uyq_gg_.__transparent_17uyq_gg_{opacity:.3}" /*__inner_css_end__*/, "17uyq_gg_") /*__reshadow_css_end__*/, {
|
30
|
+
"__SCircle": "___SCircle_17uyq_gg_",
|
31
|
+
"_color": "__color_17uyq_gg_",
|
32
|
+
"--color": "--color_17uyq",
|
33
|
+
"_transparent": "__transparent_17uyq_gg_",
|
34
|
+
"__SIntersection": "___SIntersection_17uyq_gg_",
|
35
|
+
"--duration": "--duration_17uyq",
|
36
|
+
"_pattern": "__pattern_17uyq_gg_",
|
37
|
+
"--pattern": "--pattern_17uyq"
|
38
38
|
});
|
39
39
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(VennRoot, _Component);
|
@@ -17,8 +17,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
17
17
|
var _WithI18n = require("intergalactic/utils/lib/enhances/WithI18n");
|
18
18
|
var _flexBox = require("intergalactic/flex-box");
|
19
19
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
20
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
21
|
-
"__SPlotA11yModule": "
|
20
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1mwgm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1mwgm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1mwgm_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1mwgm_gg_"
|
22
22
|
});
|
23
23
|
var globalWasFocused = false;
|
24
24
|
var globalNavWithKeyboard = false;
|
@@ -19,8 +19,8 @@ var _i18nEnhance = require("intergalactic/utils/lib/enhances/i18nEnhance");
|
|
19
19
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
20
20
|
var _DataAccessibilityTable = require("./DataAccessibilityTable");
|
21
21
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
22
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SPlotA11yView": "
|
22
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_79ej0_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_79ej0_gg_:focus,.___SPlotA11yView_79ej0_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_79ej0_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_79ej0_gg_ table,.___SPlotA11yView_79ej0_gg_ td,.___SPlotA11yView_79ej0_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "79ej0_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SPlotA11yView": "___SPlotA11yView_79ej0_gg_"
|
24
24
|
});
|
25
25
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
26
26
|
var _ref = arguments[0],
|
@@ -23,10 +23,10 @@ var _BaseLegend2 = require("../BaseLegend");
|
|
23
23
|
var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
25
25
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SLegendFlex": "
|
28
|
-
"_direction_row": "
|
29
|
-
"_direction_column": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_j6n9v_gg_._direction_row_j6n9v_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_j6n9v_gg_._direction_column_j6n9v_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "j6n9v_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SLegendFlex": "___SLegendFlex_j6n9v_gg_",
|
28
|
+
"_direction_row": "_direction_row_j6n9v_gg_",
|
29
|
+
"_direction_column": "_direction_column_j6n9v_gg_"
|
30
30
|
});
|
31
31
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
32
32
|
(0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
|
@@ -25,23 +25,23 @@ var _Pattern = require("../../../Pattern");
|
|
25
25
|
var _utils = require("../../../utils");
|
26
26
|
var _excluded = ["id", "checked", "color", "onChangeLegendItem"];
|
27
27
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__SLegendItem": "
|
30
|
-
"_disabled": "
|
31
|
-
"__SPointShape": "
|
32
|
-
"_color": "
|
33
|
-
"--color": "--
|
34
|
-
"_shape_Circle": "
|
35
|
-
"_size_l": "
|
36
|
-
"_size_m": "
|
37
|
-
"_shape_Line": "
|
38
|
-
"_shape_Square": "
|
39
|
-
"_shape_Pattern": "
|
40
|
-
"__SIcon": "
|
41
|
-
"__SLabel": "
|
42
|
-
"__SAdditionalLabel": "
|
43
|
-
"__SCount": "
|
44
|
-
"__SPatternSymbol": "
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_115qf_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_115qf_gg_:hover{cursor:pointer}.___SLegendItem_115qf_gg_.__disabled_115qf_gg_:hover{cursor:default}}.___SPointShape_115qf_gg_.__color_115qf_gg_{background-color:var(--color_115qf);margin-right:8px;flex-shrink:0}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_l_115qf_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_m_115qf_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Pattern_115qf_gg_{background-color:transparent;margin-right:4px}.___SIcon_115qf_gg_{line-height:0;margin-right:4px}.___SIcon_115qf_gg_._size_l_115qf_gg_{margin-top:4px}.___SIcon_115qf_gg_._size_m_115qf_gg_{margin-top:2px}.___SLabel_115qf_gg_{min-width:0}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_,.___SCount_115qf_gg_._size_l_115qf_gg_,.___SLabel_115qf_gg_._size_l_115qf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_,.___SCount_115qf_gg_._size_m_115qf_gg_,.___SLabel_115qf_gg_._size_m_115qf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_115qf_gg_,.___SCount_115qf_gg_{margin-left:4px}.___SAdditionalLabel_115qf_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_115qf_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_::before{margin-top:10px}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_::before{margin-top:8px}.___SPatternSymbol_115qf_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "115qf_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SLegendItem": "___SLegendItem_115qf_gg_",
|
30
|
+
"_disabled": "__disabled_115qf_gg_",
|
31
|
+
"__SPointShape": "___SPointShape_115qf_gg_",
|
32
|
+
"_color": "__color_115qf_gg_",
|
33
|
+
"--color": "--color_115qf",
|
34
|
+
"_shape_Circle": "_shape_Circle_115qf_gg_",
|
35
|
+
"_size_l": "_size_l_115qf_gg_",
|
36
|
+
"_size_m": "_size_m_115qf_gg_",
|
37
|
+
"_shape_Line": "_shape_Line_115qf_gg_",
|
38
|
+
"_shape_Square": "_shape_Square_115qf_gg_",
|
39
|
+
"_shape_Pattern": "_shape_Pattern_115qf_gg_",
|
40
|
+
"__SIcon": "___SIcon_115qf_gg_",
|
41
|
+
"__SLabel": "___SLabel_115qf_gg_",
|
42
|
+
"__SAdditionalLabel": "___SAdditionalLabel_115qf_gg_",
|
43
|
+
"__SCount": "___SCount_115qf_gg_",
|
44
|
+
"__SPatternSymbol": "___SPatternSymbol_115qf_gg_"
|
45
45
|
});
|
46
46
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
47
47
|
(0, _inherits2["default"])(LegendItemRoot, _Component);
|
@@ -64,7 +64,6 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
64
64
|
patterns = _this$asProps.patterns,
|
65
65
|
onChangeLegendItem = _this$asProps.onChangeLegendItem;
|
66
66
|
return {
|
67
|
-
id: id,
|
68
67
|
label: label,
|
69
68
|
shape: shape,
|
70
69
|
checked: checked,
|
@@ -184,7 +183,8 @@ function Shape(props) {
|
|
184
183
|
"size": size,
|
185
184
|
"checked": checked,
|
186
185
|
"theme": checked ? color : undefined,
|
187
|
-
"onChange": onChange
|
186
|
+
"onChange": onChange,
|
187
|
+
"aria-labelledby": props['aria-labelledby']
|
188
188
|
})), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
|
189
189
|
"mt": '2px',
|
190
190
|
"mr": 1
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_Pattern","_utils","_excluded","style","_index","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","onClick","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","resolveColorEnhance","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref15","_ref3","_ref11","SIcon","displayName","_ref16","_ref4","_ref12","SLabel","TypographyText","_ref17","_ref5","_ref13","SAdditionalLabel","_ref18","_ref6","_ref14","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n ShapeProps,\n LegendItemProps,\n LegendItemType,\n LegendItem,\n StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n static displayName = 'LegendItem';\n static style = style;\n\n static enhance = [resolveColorEnhance()];\n\n static defaultProps = () => ({\n children: (\n <>\n <LegendItemComponent.Shape />\n <LegendItemComponent.Icon />\n <LegendItemComponent.Label />\n <LegendItemComponent.AdditionalLabel />\n <LegendItemComponent.Count />\n </>\n ),\n });\n\n getShapeProps() {\n const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n this.asProps;\n\n return {\n id,\n label,\n shape,\n checked,\n color: resolveColor(color),\n patternKey: color,\n patterns,\n size,\n onChange: (value: boolean) => {\n onChangeLegendItem(id, value);\n },\n 'aria-labelledby': id,\n };\n }\n\n getIconProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n return {\n ...props,\n children: props.icon,\n };\n }\n\n getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n return {\n ...props,\n id,\n checked,\n onClick: () => onChangeLegendItem(id, !checked),\n children: props.label,\n };\n }\n\n getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n const { additionalInfo } = props;\n\n return {\n ...props,\n children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n };\n }\n\n getCountProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n const { additionalInfo } = props;\n\n return {\n ...props,\n children:\n additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n };\n }\n\n render() {\n const SLegendItem = Root;\n const { styles, Children, shape } = this.asProps;\n\n // @ts-ignore\n const disabled = StaticShapes.includes(shape);\n\n return sstyled(styles)(\n <SLegendItem render={Flex} disabled={disabled}>\n <Children />\n </SLegendItem>,\n );\n }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n const SPointShape = Root;\n const SPatternSymbol = PatternSymbol;\n const {\n styles,\n size,\n shape,\n checked,\n color,\n patternKey = getChartDefaultColorName(0),\n Children,\n children: hasChildren,\n patterns,\n onChange,\n } = props;\n\n if (hasChildren) {\n return <Children />;\n }\n\n if (shape === 'Pattern') {\n return sstyled(styles)(\n <Box mr={1}>\n <SPatternSymbol color={color} patternKey={patternKey} />\n </Box>,\n );\n }\n\n if (shape === 'Checkbox') {\n return sstyled(styles)(\n <>\n <Checkbox\n size={size}\n checked={checked}\n theme={checked ? color : undefined}\n onChange={onChange}\n />\n {patterns && (\n <Box mt={'2px'} mr={1}>\n <SPatternSymbol color={color} patternKey={patternKey} />\n </Box>\n )}\n </>,\n );\n }\n\n return sstyled(styles)(\n <SPointShape render={Box}>\n <Children />\n </SPointShape>,\n );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SIcon = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SIcon render={Box} tag={'span'}>\n <Children />\n </SIcon>,\n );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SLabel = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SLabel render={TypographyText} use={'primary'}>\n <Children />\n </SLabel>,\n );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SAdditionalLabel = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SAdditionalLabel render={TypographyText} use={'secondary'}>\n <Children />\n </SAdditionalLabel>,\n );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SCount = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SCount render={TypographyText} use={'secondary'}>\n <Children />\n </SCount>,\n );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n Shape,\n Icon,\n Label,\n AdditionalLabel,\n Count,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_Pattern","_utils","_excluded","style","_index","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","onClick","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","resolveColorEnhance","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref15","_ref3","_ref11","SIcon","displayName","_ref16","_ref4","_ref12","SLabel","TypographyText","_ref17","_ref5","_ref13","SAdditionalLabel","_ref18","_ref6","_ref14","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n ShapeProps,\n LegendItemProps,\n LegendItemType,\n LegendItem,\n StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n static displayName = 'LegendItem';\n static style = style;\n\n static enhance = [resolveColorEnhance()];\n\n static defaultProps = () => ({\n children: (\n <>\n <LegendItemComponent.Shape />\n <LegendItemComponent.Icon />\n <LegendItemComponent.Label />\n <LegendItemComponent.AdditionalLabel />\n <LegendItemComponent.Count />\n </>\n ),\n });\n\n getShapeProps() {\n const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n this.asProps;\n\n return {\n label,\n shape,\n checked,\n color: resolveColor(color),\n patternKey: color,\n patterns,\n size,\n onChange: (value: boolean) => {\n onChangeLegendItem(id, value);\n },\n 'aria-labelledby': id,\n };\n }\n\n getIconProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n return {\n ...props,\n children: props.icon,\n };\n }\n\n getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n return {\n ...props,\n id,\n checked,\n onClick: () => onChangeLegendItem(id, !checked),\n children: props.label,\n };\n }\n\n getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n const { additionalInfo } = props;\n\n return {\n ...props,\n children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n };\n }\n\n getCountProps(): LegendItem & IRootComponentProps {\n const props = this.asProps;\n\n const { additionalInfo } = props;\n\n return {\n ...props,\n children:\n additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n };\n }\n\n render() {\n const SLegendItem = Root;\n const { styles, Children, shape } = this.asProps;\n\n // @ts-ignore\n const disabled = StaticShapes.includes(shape);\n\n return sstyled(styles)(\n <SLegendItem render={Flex} disabled={disabled}>\n <Children />\n </SLegendItem>,\n );\n }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n const SPointShape = Root;\n const SPatternSymbol = PatternSymbol;\n const {\n styles,\n size,\n shape,\n checked,\n color,\n patternKey = getChartDefaultColorName(0),\n Children,\n children: hasChildren,\n patterns,\n onChange,\n } = props;\n\n if (hasChildren) {\n return <Children />;\n }\n\n if (shape === 'Pattern') {\n return sstyled(styles)(\n <Box mr={1}>\n <SPatternSymbol color={color} patternKey={patternKey} />\n </Box>,\n );\n }\n\n if (shape === 'Checkbox') {\n return sstyled(styles)(\n <>\n <Checkbox\n size={size}\n checked={checked}\n theme={checked ? color : undefined}\n onChange={onChange}\n aria-labelledby={props['aria-labelledby']}\n />\n {patterns && (\n <Box mt={'2px'} mr={1}>\n <SPatternSymbol color={color} patternKey={patternKey} />\n </Box>\n )}\n </>,\n );\n }\n\n return sstyled(styles)(\n <SPointShape render={Box}>\n <Children />\n </SPointShape>,\n );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SIcon = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SIcon render={Box} tag={'span'}>\n <Children />\n </SIcon>,\n );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SLabel = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SLabel render={TypographyText} use={'primary'}>\n <Children />\n </SLabel>,\n );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SAdditionalLabel = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SAdditionalLabel render={TypographyText} use={'secondary'}>\n <Children />\n </SAdditionalLabel>,\n );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n const SCount = Root;\n\n if (!hasChildren) {\n return null;\n }\n\n return sstyled(styles)(\n <SCount render={TypographyText} use={'secondary'}>\n <Children />\n </SCount>,\n );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n Shape,\n Icon,\n Label,\n AdditionalLabel,\n Count,\n});\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAGA,IAAAM,WAAA,GAAAN,OAAA;AAOA,IAAAO,oBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAA0D,IAAAU,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAEpDC,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAoBlB,SAAAC,cAAA,EAAgB;MACd,IAAAC,aAAA,GACE,IAAI,CAACC,OAAO;QADNC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;QAAEC,EAAE,GAAAN,aAAA,CAAFM,EAAE;QAAEC,IAAI,GAAAP,aAAA,CAAJO,IAAI;QAAEC,YAAY,GAAAR,aAAA,CAAZQ,YAAY;QAAEC,QAAQ,GAAAT,aAAA,CAARS,QAAQ;QAAEC,kBAAkB,GAAAV,aAAA,CAAlBU,kBAAkB;MAG1F,OAAO;QACLL,KAAK,EAALA,KAAK;QACLD,KAAK,EAALA,KAAK;QACLF,OAAO,EAAPA,OAAO;QACPC,KAAK,EAAEK,YAAY,CAACL,KAAK,CAAC;QAC1BQ,UAAU,EAAER,KAAK;QACjBM,QAAQ,EAARA,QAAQ;QACRF,IAAI,EAAJA,IAAI;QACJK,QAAQ,EAAE,SAAAA,SAACd,KAAc,EAAK;UAC5BY,kBAAkB,CAACJ,EAAE,EAAER,KAAK,CAAC;QAC/B,CAAC;QACD,iBAAiB,EAAEQ;MACrB,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAe,aAAA,EAAiD;MAC/C,IAAMC,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,WAAAc,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACG;MAAI;IAExB;EAAC;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAoB,cAAA,EAA2F;MACzF,IAAAC,cAAA,GAA6D,IAAI,CAAClB,OAAO;QAAjEK,EAAE,GAAAa,cAAA,CAAFb,EAAE;QAAEJ,OAAO,GAAAiB,cAAA,CAAPjB,OAAO;QAAEC,KAAK,GAAAgB,cAAA,CAALhB,KAAK;QAAEO,kBAAkB,GAAAS,cAAA,CAAlBT,kBAAkB;QAAKI,KAAK,OAAAM,yBAAA,aAAAD,cAAA,EAAApC,SAAA;MAExD,WAAAgC,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRR,EAAE,EAAFA,EAAE;QACFJ,OAAO,EAAPA,OAAO;QACPmB,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMX,kBAAkB,CAACJ,EAAE,EAAE,CAACJ,OAAO,CAAC;QAAA;QAC/Cc,QAAQ,EAAEF,KAAK,CAACT;MAAK;IAEzB;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAwB,wBAAA,EAA4D;MAC1D,IAAMR,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,IAAQsB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEO,cAAc,IAAI,OAAO,IAAIA,cAAc,MAAAC,MAAA,CAAMD,cAAc,CAAClB,KAAK,IAAKoB;MAAS;IAEjG;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA4B,cAAA,EAAkD;MAChD,IAAMZ,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,IAAQsB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EACNO,cAAc,IAAI,OAAO,IAAIA,cAAc,OAAAC,MAAA,CAAOD,cAAc,CAACI,KAAK,SAAMF;MAAS;IAE3F;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA8B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA5B,OAAA;QAAA6B,KAAA;MACP,IAAMC,WAAW,GAOMC,aAAI;MAN3B,IAAAC,cAAA,GAAoC,IAAI,CAAChC,OAAO;QAAxCiC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAE/B,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;;MAE/B;MACA,IAAMgC,QAAQ,GAAGC,wBAAY,CAACC,QAAQ,CAAClC,KAAK,CAAC;MAE7C,OAAA0B,KAAA,GAAO,IAAA5C,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACR,WAAW,EAAAD,KAAA,CAAAU,EAAA,oBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;QAAA,YAAyBL;MAAQ,GAAAP,IAAA,kBAC3CvD,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAL,KAAA,CAAAU,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAApD,cAAA;AAAA,EA/F0BsD,eAAS;AAAA,IAAAC,gBAAA,aAAhCvD,cAAc,iBAGG,YAAY;AAAA,IAAAuD,gBAAA,aAH7BvD,cAAc,WAIHJ,KAAK;AAAA,IAAA2D,gBAAA,aAJhBvD,cAAc,aAMD,CAAC,IAAAwD,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aANpCvD,cAAc,kBAQI;EAAA,OAAO;IAC3B4B,QAAQ,eACN1C,MAAA,YAAAiE,aAAA,CAAAjE,MAAA,YAAAuE,QAAA,qBACEvE,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACC,KAAK,OAAG,eAC7BzE,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACE,IAAI,OAAG,eAC5B1E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACG,KAAK,OAAG,eAC7B3E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACI,eAAe,OAAG,eACvC5E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACK,KAAK,OAAG;EAGnC,CAAC;AAAA,CAAC;AAgFJ,SAASJ,KAAKA,CAACjC,KAAyE,EAAE;EAAA,IAAAsC,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACxF,IAAMC,WAAW,GA+CMC,YAAG;EA9C1B,IAAMC,cAAc,GAAGC,sBAAa;EACpC,IACExB,MAAM,GAUJpB,KAAK,CAVPoB,MAAM;IACN3B,IAAI,GASFO,KAAK,CATPP,IAAI;IACJH,KAAK,GAQHU,KAAK,CARPV,KAAK;IACLF,OAAO,GAOLY,KAAK,CAPPZ,OAAO;IACPC,KAAK,GAMHW,KAAK,CANPX,KAAK;IAAAwD,iBAAA,GAMH7C,KAAK,CALPH,UAAU;IAAVA,UAAU,GAAAgD,iBAAA,cAAG,IAAAC,+BAAwB,EAAC,CAAC,CAAC,GAAAD,iBAAA;IACxCxB,QAAQ,GAINrB,KAAK,CAJPqB,QAAQ;IACE0B,WAAW,GAGnB/C,KAAK,CAHPE,QAAQ;IACRP,QAAQ,GAENK,KAAK,CAFPL,QAAQ;IACRG,QAAQ,GACNE,KAAK,CADPF,QAAQ;EAGV,IAAIiD,WAAW,EAAE;IACf,oBAAOvF,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,OAAG;EACrB;EAEA,IAAI/B,KAAK,KAAK,SAAS,EAAE;IAAA,IAAA0D,KAAA;IACvB,OAAAA,KAAA,GAAO,IAAA5E,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC/D,QAAA,CAAAgF,GAAG,EAAAM,KAAA,CAAAtB,EAAA;MAAA,MAAK;IAAC,iBACRlE,MAAA,YAAAiE,aAAA,CAACkB,cAAc,EAAAK,KAAA,CAAAtB,EAAA;MAAA,SAAQrC,KAAK;MAAA,cAAcQ;IAAU,GAAI,CACpD;EAEV;EAEA,IAAIP,KAAK,KAAK,UAAU,EAAE;IAAA,IAAA2D,KAAA;IACxB,OAAAA,KAAA,GAAO,IAAA7E,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAAjE,MAAA,YAAAuE,QAAA,qBACEvE,MAAA,YAAAiE,aAAA,CAAC9D,SAAA,WAAQ,EAAAsF,KAAA,CAAAvB,EAAA;MAAA,QACDjC,IAAI;MAAA,WACDL,OAAO;MAAA,SACTA,OAAO,GAAGC,KAAK,GAAGsB,SAAS;MAAA,YACxBb,QAAQ;MAAA,mBACDE,KAAK,CAAC,iBAAiB;IAAC,GACzC,EACDL,QAAQ,iBACPnC,MAAA,YAAAiE,aAAA,CAAC/D,QAAA,CAAAgF,GAAG,EAAAO,KAAA,CAAAvB,EAAA;MAAA,MAAK,KAAK;MAAA,MAAM;IAAC,iBACnBlE,MAAA,YAAAiE,aAAA,CAACkB,cAAc,EAAAM,KAAA,CAAAvB,EAAA;MAAA,SAAQrC,KAAK;MAAA,cAAcQ;IAAU,GAAI,CAE3D,CACA;EAEP;EAEA,OAAA2C,MAAA,GAAO,IAAApE,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACgB,WAAW,EAAAD,MAAA,CAAAd,EAAA,oBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA,MAAAW,KAAA,kBACV9E,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAmB,MAAA,CAAAd,EAAA,iBAAG,CACA;AAElB;AAEA,SAASQ,IAAIA,CAAAgB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAhEhC,MAAM,GAAA8B,MAAA,CAAN9B,MAAM;IAAY2B,WAAW,GAAAG,MAAA,CAArBhD,QAAQ;IAAemB,QAAQ,GAAA6B,MAAA,CAAR7B,QAAQ;EACrD,IAAMgC,KAAK,GAOMX,YAAG;EALpB,IAAI,CAACK,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAK,MAAA,GAAO,IAAAhF,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC4B,KAAK,EAAAD,MAAA,CAAA1B,EAAA,cAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAAmB;EAAM,GAAAwB,KAAA,kBAC7B3F,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAA+B,MAAA,CAAA1B,EAAA,iBAAG,CACN;AAEZ;AACAQ,IAAI,CAACoB,WAAW,GAAG,MAAM;AAEzB,SAASnB,KAAKA,CAAAoB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAjB,YAAA;IAAAkB,MAAA;EAAA,IAAhErC,MAAM,GAAAmC,MAAA,CAANnC,MAAM;IAAY2B,WAAW,GAAAQ,MAAA,CAArBrD,QAAQ;IAAemB,QAAQ,GAAAkC,MAAA,CAARlC,QAAQ;EACtD,IAAMqC,MAAM,GAOMC,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAU,MAAA,GAAO,IAAArF,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACiC,MAAM,EAAAD,MAAA,CAAA/B,EAAA,eAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAS,GAAA6B,KAAA,kBAC5ChG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAoC,MAAA,CAAA/B,EAAA,iBAAG,CACL;AAEb;AACAS,KAAK,CAACmB,WAAW,GAAG,OAAO;AAE3B,SAASlB,eAAeA,CAAAwB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAtB,YAAA;IAAAuB,MAAA;EAAA,IAAhE1C,MAAM,GAAAwC,MAAA,CAANxC,MAAM;IAAY2B,WAAW,GAAAa,MAAA,CAArB1D,QAAQ;IAAemB,QAAQ,GAAAuC,MAAA,CAARvC,QAAQ;EAChE,IAAM0C,gBAAgB,GAOMJ,gBAAc;EAL1C,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAe,MAAA,GAAO,IAAA1F,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACsC,gBAAgB,EAAAD,MAAA,CAAApC,EAAA,yBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAW,GAAAkC,KAAA,kBACxDrG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAyC,MAAA,CAAApC,EAAA,iBAAG,CACK;AAEvB;AACAU,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAE/C,SAASjB,KAAKA,CAAA2B,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAA1B,YAAA;IAAA2B,MAAA;EAAA,IAAhE9C,MAAM,GAAA4C,MAAA,CAAN5C,MAAM;IAAY2B,WAAW,GAAAiB,MAAA,CAArB9D,QAAQ;IAAemB,QAAQ,GAAA2C,MAAA,CAAR3C,QAAQ;EACtD,IAAM8C,MAAM,GAOMR,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAmB,MAAA,GAAO,IAAA9F,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC0C,MAAM,EAAAD,MAAA,CAAAxC,EAAA,eAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAW,GAAAsC,KAAA,kBAC9CzG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAA6C,MAAA,CAAAxC,EAAA,iBAAG,CACL;AAEb;AACAW,KAAK,CAACiB,WAAW,GAAG,OAAO;AAEpB,IAAMtB,mBAAmC,GAAG,IAAAoC,gBAAe,EAAC9F,cAAc,EAAE;EACjF2D,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA,KAAK;EACLC,eAAe,EAAfA,eAAe;EACfC,KAAK,EAALA;AACF,CAAC,CAAC;AAACgC,OAAA,CAAArC,mBAAA,GAAAA,mBAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n /**\n * One of keys from data set\n */\n id: LegendItemKey;\n /**\n * Label for data item in Legend\n */\n label: string;\n /**\n * Flag for selected data item\n */\n checked: boolean;\n /**\n * Color of data item\n */\n color: string;\n /**\n * Icon before label\n */\n icon?: typeof Icon;\n /**\n * Additional info with sub-label or count\n */\n additionalInfo?: { label: string } | { count: number };\n\n patternKey?: string;\n\n /** Enables patterns symbols that enhances charts accessibility */\n patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n /**\n * Size for legend item\n */\n size: LSize;\n /**\n * Shape of data item on Legend panel\n */\n shape: ShapeType;\n /**\n * Handler for select/deselect legend item.\n * !Need to redefine onClick, because we don't have `event` in it.\n * @deprecated\n */\n onClick?: () => void;\n\n /** Enables patterns symbols that enhances charts accessibility */\n patterns?: PatternsConfig;\n\n /**\n * Handler for select/deselect legend item\n */\n onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n};\n\nexport type ShapeProps = LegendItem &\n (\n | {\n size: LSize;\n shape: Exclude<ShapeType, 'Checkbox'>;\n }\n | {\n size: LSize;\n shape: Extract<ShapeType, 'Checkbox'>;\n onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n }\n );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":";;;;;;AAOA;AACA;AACA;;
|
1
|
+
{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n /**\n * One of keys from data set\n */\n id: LegendItemKey;\n /**\n * Label for data item in Legend\n */\n label: string;\n /**\n * Flag for selected data item\n */\n checked: boolean;\n /**\n * Color of data item\n */\n color: string;\n /**\n * Icon before label\n */\n icon?: typeof Icon;\n /**\n * Additional info with sub-label or count\n */\n additionalInfo?: { label: string } | { count: number };\n\n patternKey?: string;\n\n /** Enables patterns symbols that enhances charts accessibility */\n patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n /**\n * Size for legend item\n */\n size: LSize;\n /**\n * Shape of data item on Legend panel\n */\n shape: ShapeType;\n /**\n * Handler for select/deselect legend item.\n * !Need to redefine onClick, because we don't have `event` in it.\n * @deprecated\n */\n onClick?: () => void;\n\n /** Enables patterns symbols that enhances charts accessibility */\n patterns?: PatternsConfig;\n\n /**\n * Handler for select/deselect legend item\n */\n onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n};\n\nexport type ShapeProps = LegendItem &\n (\n | {\n size: LSize;\n shape: Exclude<ShapeType, 'Checkbox'>;\n }\n | {\n size: LSize;\n shape: Extract<ShapeType, 'Checkbox'>;\n onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n 'aria-labelledby'?: string;\n }\n );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":";;;;;;AAOA;AACA;AACA;;AA0EO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}
|
@@ -19,12 +19,12 @@ var _flexBox = require("intergalactic/flex-box");
|
|
19
19
|
var _LegendItem = require("../LegendItem/LegendItem");
|
20
20
|
var _BaseLegend2 = require("../BaseLegend");
|
21
21
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SLegendTable": "
|
24
|
-
"_columns-count": "__columns-
|
25
|
-
"__SColumnItem": "
|
26
|
-
"_size_l": "
|
27
|
-
"_size_m": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1ccji_gg_.__columns-count_1ccji_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ccji_gg_._size_l_1ccji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ccji_gg_._size_m_1ccji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ccji_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SLegendTable": "___SLegendTable_1ccji_gg_",
|
24
|
+
"_columns-count": "__columns-count_1ccji_gg_",
|
25
|
+
"__SColumnItem": "___SColumnItem_1ccji_gg_",
|
26
|
+
"_size_l": "_size_l_1ccji_gg_",
|
27
|
+
"_size_m": "_size_m_1ccji_gg_"
|
28
28
|
});
|
29
29
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
30
30
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
@@ -0,0 +1,173 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports["default"] = void 0;
|
9
|
+
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
11
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
13
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
15
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
17
|
+
var _react = _interopRequireDefault(require("react"));
|
18
|
+
var _core = require("intergalactic/core");
|
19
|
+
var _createElement = _interopRequireDefault(require("../../createElement"));
|
20
|
+
var _utils = require("../../utils");
|
21
|
+
var _Bar = _interopRequireWildcard(require("../../Bar"));
|
22
|
+
var _d3Scale = require("d3-scale");
|
23
|
+
var _d3Shape = require("d3-shape");
|
24
|
+
// @ts-ignore
|
25
|
+
|
26
|
+
var XY0 = Symbol('XY0');
|
27
|
+
var StackGroupBarRoot = /*#__PURE__*/function (_Component) {
|
28
|
+
(0, _inherits2["default"])(StackGroupBarRoot, _Component);
|
29
|
+
var _super = (0, _createSuper2["default"])(StackGroupBarRoot);
|
30
|
+
function StackGroupBarRoot(props) {
|
31
|
+
var _this;
|
32
|
+
(0, _classCallCheck2["default"])(this, StackGroupBarRoot);
|
33
|
+
_this = _super.call(this, props);
|
34
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "groupDomain", new Set());
|
35
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scaleGroup", (0, _d3Scale.scaleBand)());
|
36
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stacks", {});
|
37
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "offsetBars", []);
|
38
|
+
var children = props.children;
|
39
|
+
var groups = {};
|
40
|
+
_react["default"].Children.toArray(children).forEach(function (child) {
|
41
|
+
if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackGroupBar.Bar && !child.props.hide) {
|
42
|
+
// fill the domain for groups
|
43
|
+
_this.groupDomain.add(child.props.group);
|
44
|
+
|
45
|
+
// fill the groups with stacked values
|
46
|
+
if (!groups[child.props.group]) {
|
47
|
+
groups[child.props.group] = [];
|
48
|
+
}
|
49
|
+
groups[child.props.group].push(child.props.y);
|
50
|
+
}
|
51
|
+
});
|
52
|
+
Object.entries(groups).forEach(function (_ref) {
|
53
|
+
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
54
|
+
group = _ref2[0],
|
55
|
+
stackKeys = _ref2[1];
|
56
|
+
_this.stacks[group] = (0, _d3Shape.stack)();
|
57
|
+
_this.stacks[group].keys(stackKeys);
|
58
|
+
});
|
59
|
+
return _this;
|
60
|
+
}
|
61
|
+
(0, _createClass2["default"])(StackGroupBarRoot, [{
|
62
|
+
key: "componentDidMount",
|
63
|
+
value: function componentDidMount() {
|
64
|
+
var scale = this.asProps.scale;
|
65
|
+
this.scaleGroup = (0, _d3Scale.scaleBand)().range([0, (0, _utils.scaleToBand)(scale[0]).bandwidth()]) // scale always will be because of CreateElement wrapper
|
66
|
+
.domain(this.groupDomain).paddingInner(0.1).paddingOuter(0.1);
|
67
|
+
this.forceUpdate();
|
68
|
+
}
|
69
|
+
}, {
|
70
|
+
key: "getSeries",
|
71
|
+
value: function getSeries(group) {
|
72
|
+
var _this$stacks$group, _this$stacks;
|
73
|
+
var data = this.asProps.data;
|
74
|
+
return (_this$stacks$group = (_this$stacks = this.stacks)[group]) === null || _this$stacks$group === void 0 ? void 0 : _this$stacks$group.call(_this$stacks, data); // data always will be because of CreateElement wrapper
|
75
|
+
}
|
76
|
+
}, {
|
77
|
+
key: "getBarProps",
|
78
|
+
value: function getBarProps(_ref3, index) {
|
79
|
+
var _this$offsetBars$seri,
|
80
|
+
_this$scaleGroup$band,
|
81
|
+
_this2 = this;
|
82
|
+
var y = _ref3.y,
|
83
|
+
group = _ref3.group,
|
84
|
+
_ref3$hMin = _ref3.hMin,
|
85
|
+
hMin = _ref3$hMin === void 0 ? _Bar.MIN_HEIGHT : _ref3$hMin;
|
86
|
+
var _this$asProps = this.asProps,
|
87
|
+
x = _this$asProps.x,
|
88
|
+
r = _this$asProps.r,
|
89
|
+
scale = _this$asProps.scale,
|
90
|
+
_this$asProps$maxBarS = _this$asProps.maxBarSize,
|
91
|
+
maxBarSize = _this$asProps$maxBarS === void 0 ? Infinity : _this$asProps$maxBarS,
|
92
|
+
patterns = _this$asProps.patterns;
|
93
|
+
var _ref4 = scale,
|
94
|
+
_ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
|
95
|
+
yScale = _ref5[1]; // scale always will be because of CreateElement wrapper
|
96
|
+
|
97
|
+
var allGroupSeries = this.getSeries(group);
|
98
|
+
var seriesIndex = allGroupSeries.findIndex(function (s) {
|
99
|
+
return s.key === y;
|
100
|
+
});
|
101
|
+
// or [] if hide bar
|
102
|
+
var series = allGroupSeries[seriesIndex] || [];
|
103
|
+
var rBar = series.map(function (s, i) {
|
104
|
+
return allGroupSeries.slice(seriesIndex + 1).some(function (bar) {
|
105
|
+
return bar[i][0] !== bar[i][1];
|
106
|
+
}) ? 0 : r;
|
107
|
+
});
|
108
|
+
this.offsetBars[seriesIndex] = (_this$offsetBars$seri = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri !== void 0 ? _this$offsetBars$seri : [];
|
109
|
+
var data = series.map(function (s) {
|
110
|
+
var _objectSpread2;
|
111
|
+
return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s[1]), (0, _defineProperty2["default"])(_objectSpread2, XY0, s[0]), _objectSpread2));
|
112
|
+
});
|
113
|
+
var bandWidth = (_this$scaleGroup$band = this.scaleGroup.bandwidth()) !== null && _this$scaleGroup$band !== void 0 ? _this$scaleGroup$band : 0;
|
114
|
+
var width = Math.min(bandWidth, maxBarSize);
|
115
|
+
var calcOffset = function calcOffset(i) {
|
116
|
+
var _this2$scaleGroup, _d$XY, _d$XY2;
|
117
|
+
var offsetX = ((_this2$scaleGroup = _this2.scaleGroup(group)) !== null && _this2$scaleGroup !== void 0 ? _this2$scaleGroup : 0) + bandWidth / 2 - width / 2;
|
118
|
+
var offsetY = _this2.offsetBars.reduce(function (offset, offsetBar) {
|
119
|
+
var _offsetBar$i;
|
120
|
+
return offset - ((_offsetBar$i = offsetBar[i]) !== null && _offsetBar$i !== void 0 ? _offsetBar$i : 0);
|
121
|
+
}, 0);
|
122
|
+
var d = data[i];
|
123
|
+
var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$XY = d[XY0]) !== null && _d$XY !== void 0 ? _d$XY : 0)));
|
124
|
+
var isEmptyValue = Number(d[y] - ((_d$XY2 = d[XY0]) !== null && _d$XY2 !== void 0 ? _d$XY2 : 0)) === 0;
|
125
|
+
if (isEmptyValue || absHeight >= hMin) {
|
126
|
+
_this2.offsetBars[seriesIndex][i] = 0;
|
127
|
+
} else {
|
128
|
+
var offsetValue = hMin - absHeight;
|
129
|
+
_this2.offsetBars[seriesIndex][i] = d[y] > 0 ? offsetValue : -offsetValue;
|
130
|
+
}
|
131
|
+
return [offsetX, offsetY];
|
132
|
+
};
|
133
|
+
var barProps = {
|
134
|
+
offset: calcOffset,
|
135
|
+
width: width,
|
136
|
+
color: (0, _utils.getChartDefaultColorName)(index),
|
137
|
+
x: x,
|
138
|
+
groupKey: x,
|
139
|
+
patterns: patterns,
|
140
|
+
data: data,
|
141
|
+
hMin: hMin,
|
142
|
+
y0: XY0,
|
143
|
+
r: rBar,
|
144
|
+
maxBarSize: maxBarSize
|
145
|
+
};
|
146
|
+
return barProps;
|
147
|
+
}
|
148
|
+
}, {
|
149
|
+
key: "render",
|
150
|
+
value: function render() {
|
151
|
+
// @ts-ignore this.Element will always be defined because of `createElement` factory function
|
152
|
+
var Element = this.Element;
|
153
|
+
this.asProps.dataHintsHandler.establishDataType('grouped-values');
|
154
|
+
this.offsetBars = [];
|
155
|
+
return /*#__PURE__*/_react["default"].createElement(Element, {
|
156
|
+
"aria-hidden": true,
|
157
|
+
render: "g",
|
158
|
+
childrenPosition: "inside"
|
159
|
+
});
|
160
|
+
}
|
161
|
+
}]);
|
162
|
+
return StackGroupBarRoot;
|
163
|
+
}(_core.Component);
|
164
|
+
(0, _defineProperty2["default"])(StackGroupBarRoot, "displayName", 'StackGroupBar');
|
165
|
+
(0, _defineProperty2["default"])(StackGroupBarRoot, "defaultProps", {
|
166
|
+
r: 2
|
167
|
+
});
|
168
|
+
var StackGroupBar = (0, _createElement["default"])(StackGroupBarRoot, {
|
169
|
+
Bar: _Bar["default"]
|
170
|
+
});
|
171
|
+
var _default = StackGroupBar;
|
172
|
+
exports["default"] = _default;
|
173
|
+
//# sourceMappingURL=StackGroupBar.js.map
|