intergalactic 15.111.0-prerelease.0 → 15.112.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 +53 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/package.json +1 -1
- 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/animation/package.json +1 -1
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/badge/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
- package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
- package/breadcrumbs/package.json +1 -1
- package/breakpoints/package.json +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/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 +23 -26
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +23 -26
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/checkbox/package.json +1 -1
- package/color-picker/PaletteManager.d.ts +20 -31
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +26 -29
- package/color-picker/lib/cjs/PaletteManager.js.map +1 -1
- 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 +26 -29
- package/color-picker/lib/es6/PaletteManager.js.map +1 -1
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/lib/types/PaletteManager.d.ts +20 -31
- package/color-picker/package.json +1 -1
- package/components.json +73 -73
- package/core/package.json +1 -1
- package/counter/lib/cjs/Counter.js +13 -15
- package/counter/lib/cjs/Counter.js.map +1 -1
- package/counter/lib/es6/Counter.js +13 -15
- package/counter/lib/es6/Counter.js.map +1 -1
- package/counter/package.json +1 -1
- package/d3-chart/a11y/PlotA11yModule.d.ts +1 -1
- package/d3-chart/component/Chart/AbstractChart.d.ts +2 -1
- package/d3-chart/component/Chart/AbstractChart.type.d.ts +11 -1
- package/d3-chart/component/ChartLegend/BaseLegend.d.ts +1 -1
- package/d3-chart/component/ChartLegend/BaseLegend.type.d.ts +2 -1
- package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts +14 -4
- package/d3-chart/component/ChartLegend/LegendTable/LegendTable.type.d.ts +1 -1
- 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/PlotA11yModule.js.map +1 -1
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +21 -18
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.js +5 -2
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/AreaChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/AreaChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/BarChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/BarChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/BubbleChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/CigaretteChart.js +10 -1
- package/d3-chart/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/DonutChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/DonutChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/HistogramChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/HistogramChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/LineChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/LineChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/RadarChart.js +11 -0
- package/d3-chart/lib/cjs/component/Chart/RadarChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.js +10 -0
- package/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/VennChart.js +11 -3
- package/d3-chart/lib/cjs/component/Chart/VennChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js +4 -10
- package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +7 -5
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +35 -30
- 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 +8 -7
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/d3-chart/lib/cjs/translations/de.json +2 -1
- package/d3-chart/lib/cjs/translations/en.json +2 -1
- package/d3-chart/lib/cjs/translations/es.json +2 -1
- package/d3-chart/lib/cjs/translations/fr.json +2 -1
- package/d3-chart/lib/cjs/translations/it.json +2 -1
- package/d3-chart/lib/cjs/translations/ja.json +2 -1
- package/d3-chart/lib/cjs/translations/ko.json +2 -1
- package/d3-chart/lib/cjs/translations/nl.json +2 -1
- package/d3-chart/lib/cjs/translations/pl.json +2 -1
- package/d3-chart/lib/cjs/translations/pt.json +2 -1
- package/d3-chart/lib/cjs/translations/sv.json +2 -1
- package/d3-chart/lib/cjs/translations/tr.json +2 -1
- package/d3-chart/lib/cjs/translations/vi.json +2 -1
- package/d3-chart/lib/cjs/translations/zh.json +2 -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/PlotA11yModule.js.map +1 -1
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +21 -18
- package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/AbstractChart.js +5 -2
- package/d3-chart/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/AbstractChart.type.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/AreaChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/AreaChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/BarChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/BarChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/BubbleChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/CigaretteChart.js +10 -1
- package/d3-chart/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/DonutChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/DonutChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/HistogramChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/HistogramChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/LineChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/LineChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/RadarChart.js +11 -0
- package/d3-chart/lib/es6/component/Chart/RadarChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.js +10 -0
- package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/VennChart.js +11 -3
- package/d3-chart/lib/es6/component/Chart/VennChart.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.js +4 -10
- package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.type.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +7 -5
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +35 -30
- 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 +8 -7
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/d3-chart/lib/es6/translations/de.json +2 -1
- package/d3-chart/lib/es6/translations/en.json +2 -1
- package/d3-chart/lib/es6/translations/es.json +2 -1
- package/d3-chart/lib/es6/translations/fr.json +2 -1
- package/d3-chart/lib/es6/translations/it.json +2 -1
- package/d3-chart/lib/es6/translations/ja.json +2 -1
- package/d3-chart/lib/es6/translations/ko.json +2 -1
- package/d3-chart/lib/es6/translations/nl.json +2 -1
- package/d3-chart/lib/es6/translations/pl.json +2 -1
- package/d3-chart/lib/es6/translations/pt.json +2 -1
- package/d3-chart/lib/es6/translations/sv.json +2 -1
- package/d3-chart/lib/es6/translations/tr.json +2 -1
- package/d3-chart/lib/es6/translations/vi.json +2 -1
- package/d3-chart/lib/es6/translations/zh.json +2 -1
- package/d3-chart/lib/types/a11y/PlotA11yModule.d.ts +1 -1
- package/d3-chart/lib/types/component/Chart/AbstractChart.d.ts +2 -1
- package/d3-chart/lib/types/component/Chart/AbstractChart.type.d.ts +11 -1
- package/d3-chart/lib/types/component/ChartLegend/BaseLegend.d.ts +1 -1
- package/d3-chart/lib/types/component/ChartLegend/BaseLegend.type.d.ts +2 -1
- package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +14 -4
- package/d3-chart/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts +1 -1
- package/d3-chart/lib/types/translations/__intergalactic-dynamic-locales.d.ts +13 -0
- package/d3-chart/package.json +1 -1
- package/d3-chart/translations/__intergalactic-dynamic-locales.d.ts +13 -0
- package/data-table/lib/cjs/Body.js +3 -3
- package/data-table/lib/cjs/DataTable.js +36 -36
- package/data-table/lib/es6/Body.js +3 -3
- package/data-table/lib/es6/DataTable.js +36 -36
- package/data-table/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/divider/lib/cjs/Divider.js +10 -10
- package/divider/lib/es6/Divider.js +10 -10
- package/divider/package.json +1 -1
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/dot/package.json +1 -1
- package/drag-and-drop/index.d.ts +22 -8
- package/drag-and-drop/lib/cjs/DragAndDrop.js +172 -125
- package/drag-and-drop/lib/cjs/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/cjs/index.d.js.map +1 -1
- package/drag-and-drop/lib/cjs/translations/de.json +6 -5
- package/drag-and-drop/lib/cjs/translations/en.json +6 -5
- package/drag-and-drop/lib/cjs/translations/es.json +6 -5
- package/drag-and-drop/lib/cjs/translations/fr.json +6 -5
- package/drag-and-drop/lib/cjs/translations/it.json +6 -5
- package/drag-and-drop/lib/cjs/translations/ja.json +6 -5
- package/drag-and-drop/lib/cjs/translations/ko.json +6 -5
- package/drag-and-drop/lib/cjs/translations/nl.json +6 -5
- package/drag-and-drop/lib/cjs/translations/pl.json +6 -5
- package/drag-and-drop/lib/cjs/translations/pt.json +6 -5
- package/drag-and-drop/lib/cjs/translations/sv.json +6 -5
- package/drag-and-drop/lib/cjs/translations/tr.json +6 -5
- package/drag-and-drop/lib/cjs/translations/vi.json +6 -5
- package/drag-and-drop/lib/cjs/translations/zh.json +6 -5
- package/drag-and-drop/lib/es6/DragAndDrop.js +172 -125
- package/drag-and-drop/lib/es6/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/es6/index.d.js.map +1 -1
- package/drag-and-drop/lib/es6/translations/de.json +6 -5
- package/drag-and-drop/lib/es6/translations/en.json +6 -5
- package/drag-and-drop/lib/es6/translations/es.json +6 -5
- package/drag-and-drop/lib/es6/translations/fr.json +6 -5
- package/drag-and-drop/lib/es6/translations/it.json +6 -5
- package/drag-and-drop/lib/es6/translations/ja.json +6 -5
- package/drag-and-drop/lib/es6/translations/ko.json +6 -5
- package/drag-and-drop/lib/es6/translations/nl.json +6 -5
- package/drag-and-drop/lib/es6/translations/pl.json +6 -5
- package/drag-and-drop/lib/es6/translations/pt.json +6 -5
- package/drag-and-drop/lib/es6/translations/sv.json +6 -5
- package/drag-and-drop/lib/es6/translations/tr.json +6 -5
- package/drag-and-drop/lib/es6/translations/vi.json +6 -5
- package/drag-and-drop/lib/es6/translations/zh.json +6 -5
- package/drag-and-drop/lib/types/index.d.ts +22 -8
- package/drag-and-drop/package.json +1 -1
- package/dropdown/lib/cjs/AbstractDropdown.js +1 -5
- package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/cjs/Dropdown.js +15 -15
- package/dropdown/lib/es6/AbstractDropdown.js +1 -5
- package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +15 -15
- package/dropdown/package.json +1 -1
- package/dropdown-menu/index.d.ts +2 -0
- package/dropdown-menu/lib/cjs/DropdownMenu.js +83 -73
- 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/cjs/style/dropdown-menu.shadow.css +3 -3
- package/dropdown-menu/lib/es6/DropdownMenu.js +80 -69
- 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/es6/style/dropdown-menu.shadow.css +3 -3
- package/dropdown-menu/lib/types/index.d.ts +2 -0
- package/dropdown-menu/package.json +1 -1
- package/ellipsis/lib/cjs/Ellipsis.js +23 -19
- package/ellipsis/lib/cjs/Ellipsis.js.map +1 -1
- package/ellipsis/lib/es6/Ellipsis.js +23 -19
- package/ellipsis/lib/es6/Ellipsis.js.map +1 -1
- package/ellipsis/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/feature-popover/lib/cjs/FeaturePopover.js +11 -11
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feature-popover/package.json +1 -1
- package/feedback-form/component/feedback-rating/FeedbackRating.d.ts +5 -11
- 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-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
- 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-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/types/component/feedback-rating/FeedbackRating.d.ts +5 -11
- package/feedback-form/package.json +1 -1
- 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/flags/package.json +1 -1
- 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/flex-box/package.json +1 -1
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/format-text/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/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/grid/package.json +1 -1
- package/i18n-unplugin/package.json +1 -1
- package/icon/Tack/l/index.d.ts +6 -0
- package/icon/Tack/l/index.js +38 -0
- package/icon/Tack/l/index.mjs +26 -0
- package/icon/Tack/m/index.d.ts +6 -0
- package/icon/Tack/m/index.js +38 -0
- package/icon/Tack/m/index.mjs +26 -0
- package/icon/TackNo/l/index.d.ts +6 -0
- package/icon/TackNo/l/index.js +41 -0
- package/icon/TackNo/l/index.mjs +29 -0
- package/icon/TackNo/m/index.d.ts +6 -0
- package/icon/TackNo/m/index.js +41 -0
- package/icon/TackNo/m/index.mjs +29 -0
- package/icon/Yext/l/index.d.ts +6 -0
- package/icon/Yext/l/index.js +52 -0
- package/icon/Yext/l/index.mjs +40 -0
- package/icon/Yext/m/index.d.ts +6 -0
- package/icon/Yext/m/index.js +52 -0
- package/icon/Yext/m/index.mjs +40 -0
- package/icon/color/BirdeyeColored/l/index.d.ts +6 -0
- package/icon/color/BirdeyeColored/l/index.js +39 -0
- package/icon/color/BirdeyeColored/l/index.mjs +27 -0
- package/icon/color/BirdeyeColored/m/index.d.ts +6 -0
- package/icon/color/BirdeyeColored/m/index.js +39 -0
- package/icon/color/BirdeyeColored/m/index.mjs +27 -0
- package/icon/color/CallTrackingMetricsColored/l/index.d.ts +6 -0
- package/icon/color/CallTrackingMetricsColored/l/index.js +43 -0
- package/icon/color/CallTrackingMetricsColored/l/index.mjs +31 -0
- package/icon/color/CallTrackingMetricsColored/m/index.d.ts +6 -0
- package/icon/color/CallTrackingMetricsColored/m/index.js +43 -0
- package/icon/color/CallTrackingMetricsColored/m/index.mjs +31 -0
- package/icon/color/CampaignMonitorColored/l/index.d.ts +6 -0
- package/icon/color/CampaignMonitorColored/l/index.js +37 -0
- package/icon/color/CampaignMonitorColored/l/index.mjs +25 -0
- package/icon/color/CampaignMonitorColored/m/index.d.ts +6 -0
- package/icon/color/CampaignMonitorColored/m/index.js +37 -0
- package/icon/color/CampaignMonitorColored/m/index.mjs +25 -0
- 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/ConstantContactColored/l/index.d.ts +6 -0
- package/icon/color/ConstantContactColored/l/index.js +45 -0
- package/icon/color/ConstantContactColored/l/index.mjs +33 -0
- package/icon/color/ConstantContactColored/m/index.d.ts +6 -0
- package/icon/color/ConstantContactColored/m/index.js +45 -0
- package/icon/color/ConstantContactColored/m/index.mjs +33 -0
- package/icon/color/GoogleDisplayVideoAds/l/index.d.ts +6 -0
- package/icon/color/GoogleDisplayVideoAds/l/index.js +53 -0
- package/icon/color/GoogleDisplayVideoAds/l/index.mjs +41 -0
- package/icon/color/GoogleDisplayVideoAds/m/index.d.ts +6 -0
- package/icon/color/GoogleDisplayVideoAds/m/index.js +53 -0
- package/icon/color/GoogleDisplayVideoAds/m/index.mjs +41 -0
- package/icon/color/InstagramColored/l/index.d.ts +6 -0
- package/icon/color/InstagramColored/l/index.js +188 -0
- package/icon/color/InstagramColored/l/index.mjs +176 -0
- package/icon/color/InstagramColored/m/index.d.ts +6 -0
- package/icon/color/InstagramColored/m/index.js +188 -0
- package/icon/color/InstagramColored/m/index.mjs +176 -0
- package/icon/color/MetaColored/l/index.d.ts +6 -0
- package/icon/color/MetaColored/l/index.js +75 -0
- package/icon/color/MetaColored/l/index.mjs +63 -0
- package/icon/color/MetaColored/m/index.d.ts +6 -0
- package/icon/color/MetaColored/m/index.js +83 -0
- package/icon/color/MetaColored/m/index.mjs +71 -0
- 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/color/PipedriveColored/l/index.d.ts +6 -0
- package/icon/color/PipedriveColored/l/index.js +43 -0
- package/icon/color/PipedriveColored/l/index.mjs +31 -0
- package/icon/color/PipedriveColored/m/index.d.ts +6 -0
- package/icon/color/PipedriveColored/m/index.js +43 -0
- package/icon/color/PipedriveColored/m/index.mjs +31 -0
- package/icon/color/ShopifyColored/l/index.d.ts +6 -0
- package/icon/color/ShopifyColored/l/index.js +45 -0
- package/icon/color/ShopifyColored/l/index.mjs +33 -0
- package/icon/color/ShopifyColored/m/index.d.ts +6 -0
- package/icon/color/ShopifyColored/m/index.js +45 -0
- package/icon/color/ShopifyColored/m/index.mjs +33 -0
- package/icon/color/WhatConvertsColored/l/index.d.ts +6 -0
- package/icon/color/WhatConvertsColored/l/index.js +39 -0
- package/icon/color/WhatConvertsColored/l/index.mjs +27 -0
- package/icon/color/WhatConvertsColored/m/index.d.ts +6 -0
- package/icon/color/WhatConvertsColored/m/index.js +39 -0
- package/icon/color/WhatConvertsColored/m/index.mjs +27 -0
- package/icon/color/WooCommerceColored/l/index.d.ts +6 -0
- package/icon/color/WooCommerceColored/l/index.js +43 -0
- package/icon/color/WooCommerceColored/l/index.mjs +31 -0
- package/icon/color/WooCommerceColored/m/index.d.ts +6 -0
- package/icon/color/WooCommerceColored/m/index.js +43 -0
- package/icon/color/WooCommerceColored/m/index.mjs +31 -0
- package/icon/lib/cjs/Icon.js +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- package/icon/package.json +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/illustration/package.json +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- 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/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input/package.json +1 -1
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/cjs/InputMask.js.map +1 -1
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js.map +1 -1
- package/input-mask/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-number/package.json +1 -1
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/input-tags/package.json +1 -1
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/link/package.json +1 -1
- package/mini-chart/component/trend/Trend.d.ts +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/score/Line.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Trend.js +1 -1
- package/mini-chart/lib/cjs/component/trend/Trend.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/score/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Trend.js +1 -1
- package/mini-chart/lib/es6/component/trend/Trend.js.map +1 -1
- package/mini-chart/lib/types/component/trend/Trend.d.ts +1 -1
- package/mini-chart/package.json +1 -1
- package/modal/lib/cjs/Modal.js +8 -8
- package/modal/lib/es6/Modal.js +8 -8
- package/modal/package.json +1 -1
- package/neighbor-location/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/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
- package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/notice-global/package.json +1 -1
- package/outside-click/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +11 -10
- package/pagination/lib/cjs/Pagination.js.map +1 -1
- package/pagination/lib/es6/Pagination.js +11 -10
- package/pagination/lib/es6/Pagination.js.map +1 -1
- package/pagination/package.json +1 -1
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/pills/package.json +1 -1
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/es6/Popper.js +6 -6
- package/popper/package.json +1 -1
- package/portal/package.json +1 -1
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/product-head/package.json +1 -1
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/progress-bar/package.json +1 -1
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/radio/package.json +1 -1
- package/scroll-area/lib/cjs/ScrollArea.js +21 -21
- package/scroll-area/lib/cjs/ScrollBar.js +6 -6
- package/scroll-area/lib/es6/ScrollArea.js +21 -21
- package/scroll-area/lib/es6/ScrollBar.js +6 -6
- package/scroll-area/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/select/package.json +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -16
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/side-panel/package.json +1 -1
- 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/CompactHorizontalBar.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/CompactHorizontalBar.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/skeleton/package.json +1 -1
- package/slider/lib/cjs/Slider.js +8 -8
- package/slider/lib/es6/Slider.js +8 -8
- package/slider/package.json +1 -1
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin/package.json +1 -1
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/spin-container/package.json +1 -1
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/sticky/package.json +1 -1
- package/switch/lib/cjs/Switch.js +23 -30
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/es6/Switch.js +23 -30
- package/switch/lib/es6/Switch.js.map +1 -1
- package/switch/package.json +1 -1
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-line/package.json +1 -1
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tab-panel/package.json +1 -1
- package/tag/lib/cjs/Tag.js +23 -23
- package/tag/lib/es6/Tag.js +23 -23
- package/tag/package.json +1 -1
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/textarea/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/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/es6/Tooltip.js +9 -9
- package/tooltip/package.json +1 -1
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/typography/package.json +1 -1
- 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/core/types/Component.d.ts +23 -2
- package/utils/lib/core/types/Component.js +1 -1
- package/utils/lib/core/types/Component.js.map +1 -1
- package/utils/lib/core/types/Component.mjs +1 -1
- package/utils/lib/core/types/Component.mjs.map +1 -1
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/widget-empty/package.json +1 -1
- package/wizard/lib/cjs/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ScatterPlotChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","ScatterPlotChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getScatterPlotRadius","getValueScale","_toConsumableArray2","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","dataDefinitions","state","map","checked","createElement","ScatterPlot","x","y","id","color","renderTooltip","_this","_this$asProps5","showTooltip","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","AbstractChart","_defineProperty2","direction","showXAxis","showYAxis","showLegend","ScatterPlotChart","createComponent","exports"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport {\n ScatterPlotChartData,\n ScatterPlotChartProps,\n ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { Text } from '@semcore/typography';\nimport { BaseChartProps, ListData } from './AbstractChart.type';\n\nclass ScatterPlotChartComponent extends AbstractChart<ScatterPlotChartData, ScatterPlotChartProps> {\n static displayName = 'Chart.ScatterPlot';\n public static defaultProps: Partial<BaseChartProps<ListData>> = {\n direction: 'column',\n showXAxis: true,\n showYAxis: true,\n showTooltip: true,\n showLegend: false,\n };\n\n protected get dataKeys(): string[] {\n const { data, groupKey, valueKey } = this.props;\n\n return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n }\n\n protected get xScale() {\n const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n if (xScale) {\n return xScale;\n }\n\n const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\n const testItem = data[0][groupKey];\n const range = [marginY, plotWidth - this.plotPadding];\n const domain = minMax(data, groupKey);\n\n if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n return scaleTime([domain[0] - radius, domain[1] + radius], range);\n }\n\n return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n }\n\n protected get yScale(): ScaleLinear<any, any> {\n const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n if (yScale) {\n return yScale;\n }\n\n const flatValues = this.flatValues;\n const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n const max = Math.max(...flatValues) + radius;\n const min = Math.min(...flatValues) - radius;\n\n return scaleLinear()\n .range([plotHeight - marginX, this.plotPadding])\n .domain([min, max]);\n }\n\n protected get flatValues(): Set<number> {\n const { data, groupKey, valueKey } = this.asProps;\n\n const flatValues = data.reduce<Set<number>>((result, item) => {\n Object.entries(item).forEach(([key, value]) => {\n if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n result.add(value);\n }\n });\n\n return result;\n }, new Set());\n\n return flatValues;\n }\n\n protected renderChart() {\n const { groupKey, valueKey } = this.asProps;\n const { dataDefinitions } = this.state;\n\n return dataDefinitions.map((item) => {\n return (\n item.checked && (\n <ScatterPlot x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n )\n );\n });\n }\n\n protected renderTooltip() {\n const { data, groupKey, showTooltip } = this.asProps;\n const { dataDefinitions } = this.state;\n\n if (!showTooltip) {\n return null;\n }\n\n return dataDefinitions\n .filter((item) => item.checked)\n .map((item) => {\n return (\n <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n {({ index, x, y }: any) => {\n return {\n children: (\n <>\n <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n <Text tag='div'>X axis {this.tooltipValueFormatter(data[index][x])}</Text>\n <Text tag='div'>Y axis {this.tooltipValueFormatter(data[index][y])}</Text>\n </>\n ),\n };\n }}\n </ScatterPlot.Tooltip>\n );\n });\n }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"ScatterPlotChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","_i18nEnhance","_intergalacticDynamicLocales","ScatterPlotChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getScatterPlotRadius","getValueScale","_toConsumableArray2","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","dataDefinitions","state","map","checked","createElement","ScatterPlot","x","y","id","color","renderTooltip","_this","_this$asProps5","showTooltip","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","direction","showXAxis","showYAxis","showLegend","i18nEnhance","localizedMessages","ScatterPlotChart","createComponent","exports"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport {\n ScatterPlotChartData,\n ScatterPlotChartProps,\n ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { Text } from '@semcore/typography';\nimport { BaseChartProps, ListData } from './AbstractChart.type';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass ScatterPlotChartComponent extends AbstractChart<\n ScatterPlotChartData,\n ScatterPlotChartProps,\n typeof ScatterPlotChartComponent.enhance\n> {\n static displayName = 'Chart.ScatterPlot';\n public static defaultProps: Partial<BaseChartProps<ListData>> = {\n direction: 'column',\n showXAxis: true,\n showYAxis: true,\n showTooltip: true,\n showLegend: false,\n };\n\n static enhance = [i18nEnhance(localizedMessages)] as const;\n\n protected get dataKeys(): string[] {\n const { data, groupKey, valueKey } = this.props;\n\n return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n }\n\n protected get xScale() {\n const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n if (xScale) {\n return xScale;\n }\n\n const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\n const testItem = data[0][groupKey];\n const range = [marginY, plotWidth - this.plotPadding];\n const domain = minMax(data, groupKey);\n\n if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n return scaleTime([domain[0] - radius, domain[1] + radius], range);\n }\n\n return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n }\n\n protected get yScale(): ScaleLinear<any, any> {\n const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n if (yScale) {\n return yScale;\n }\n\n const flatValues = this.flatValues;\n const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n const max = Math.max(...flatValues) + radius;\n const min = Math.min(...flatValues) - radius;\n\n return scaleLinear()\n .range([plotHeight - marginX, this.plotPadding])\n .domain([min, max]);\n }\n\n protected get flatValues(): Set<number> {\n const { data, groupKey, valueKey } = this.asProps;\n\n const flatValues = data.reduce<Set<number>>((result, item) => {\n Object.entries(item).forEach(([key, value]) => {\n if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n result.add(value);\n }\n });\n\n return result;\n }, new Set());\n\n return flatValues;\n }\n\n protected renderChart() {\n const { groupKey, valueKey } = this.asProps;\n const { dataDefinitions } = this.state;\n\n return dataDefinitions.map((item) => {\n return (\n item.checked && (\n <ScatterPlot x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n )\n );\n });\n }\n\n protected renderTooltip() {\n const { data, groupKey, showTooltip } = this.asProps;\n const { dataDefinitions } = this.state;\n\n if (!showTooltip) {\n return null;\n }\n\n return dataDefinitions\n .filter((item) => item.checked)\n .map((item) => {\n return (\n <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n {({ index, x, y }: any) => {\n return {\n children: (\n <>\n <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n <Text tag='div'>X axis {this.tooltipValueFormatter(data[index][x])}</Text>\n <Text tag='div'>Y axis {this.tooltipValueFormatter(data[index][y])}</Text>\n </>\n ),\n };\n }}\n </ScatterPlot.Tooltip>\n );\n });\n }\n\n protected getLegendAriaLabel(): string {\n return this.asProps.getI18nText('legendForChart', { chartType: 'ScatterPlot' });\n }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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"}
|
@@ -16,6 +16,8 @@ var _d3Scale = require("d3-scale");
|
|
16
16
|
var _ = require("../..");
|
17
17
|
var _AbstractChart2 = require("./AbstractChart");
|
18
18
|
var _typography = require("intergalactic/typography");
|
19
|
+
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
20
|
+
var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
|
19
21
|
// @ts-ignore
|
20
22
|
var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
21
23
|
(0, _inherits2["default"])(VennChartComponent, _AbstractChart);
|
@@ -45,9 +47,7 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
45
47
|
}, {
|
46
48
|
key: "dataKeys",
|
47
49
|
get: function get() {
|
48
|
-
var
|
49
|
-
data = _this$props.data,
|
50
|
-
groupKey = _this$props.groupKey;
|
50
|
+
var data = this.props.data;
|
51
51
|
var legendKeys = Object.keys(data).filter(function (item) {
|
52
52
|
var isIntersection = /\//.test(item);
|
53
53
|
return !isIntersection;
|
@@ -129,6 +129,13 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
129
129
|
};
|
130
130
|
});
|
131
131
|
}
|
132
|
+
}, {
|
133
|
+
key: "getLegendAriaLabel",
|
134
|
+
value: function getLegendAriaLabel() {
|
135
|
+
return this.asProps.getI18nText('legendForChart', {
|
136
|
+
chartType: 'Venn'
|
137
|
+
});
|
138
|
+
}
|
132
139
|
}]);
|
133
140
|
return VennChartComponent;
|
134
141
|
}(_AbstractChart2.AbstractChart);
|
@@ -139,6 +146,7 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
139
146
|
marginY: 0,
|
140
147
|
marginX: 0
|
141
148
|
});
|
149
|
+
(0, _defineProperty2["default"])(VennChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
142
150
|
var VennChart = (0, _core["default"])(VennChartComponent);
|
143
151
|
exports.VennChart = VennChart;
|
144
152
|
//# sourceMappingURL=VennChart.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VennChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","VennChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","
|
1
|
+
{"version":3,"file":"VennChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","_i18nEnhance","_intergalacticDynamicLocales","VennChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","data","props","legendKeys","Object","keys","filter","item","isIntersection","test","value","defaultLegendProps","legendType","renderChart","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","Venn","map","index","Circle","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","_dataDefinitions$find","find","legendItem","join","Intersection","renderTooltip","showTooltip","Tooltip","_ref","children","Fragment","Title","Text","bold","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","direction","alignItems","marginY","marginX","i18nEnhance","localizedMessages","VennChart","createComponent","exports"],"sources":["../../../../src/component/Chart/VennChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Venn } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Text } from '@semcore/typography';\nimport { VennChartData, VennChartProps, VennChartType } from './VennChart.type';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass VennChartComponent extends AbstractChart<\n VennChartData,\n VennChartProps,\n typeof VennChartComponent.enhance\n> {\n static displayName = 'Chart.Venn';\n\n static defaultProps: Partial<BaseChartProps<VennChartData>> = {\n direction: 'row-reverse',\n alignItems: 'flex-start',\n marginY: 0,\n marginX: 0,\n };\n\n static enhance = [i18nEnhance(localizedMessages)] as const;\n\n get xScale() {\n const { xScale } = this.asProps;\n\n if (xScale) {\n return xScale;\n }\n\n return scaleLinear();\n }\n\n get yScale() {\n const { yScale } = this.asProps;\n\n if (yScale) {\n return yScale;\n }\n\n return scaleLinear();\n }\n\n protected get dataKeys(): string[] {\n const { data } = this.props;\n\n const legendKeys: string[] = Object.keys(data).filter((item) => {\n const isIntersection = /\\//.test(item);\n\n return !isIntersection;\n });\n\n return legendKeys;\n }\n\n defaultLegendProps() {\n return {\n legendType: 'Table' as const,\n };\n }\n\n renderChart() {\n const { data } = this.asProps;\n const { dataDefinitions, highlightedLine } = this.state;\n\n const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n const checkedLegendItemsMap = checkedLegendItems.reduce<Record<string, LegendItem>>(\n (result, item) => {\n result[item.id] = item;\n\n return result;\n },\n {},\n );\n\n const intersections = Object.keys(data).reduce<string[]>((result, dataKey) => {\n const isIntersection = /\\//.test(dataKey);\n\n if (isIntersection) {\n result.push(dataKey);\n }\n\n return result;\n }, []);\n\n return (\n <Venn>\n {checkedLegendItems.map((item, index) => {\n return (\n <Venn.Circle\n key={item.id}\n dataKey={item.id}\n name={item.label}\n color={item.color}\n transparent={highlightedLine !== -1 && highlightedLine !== index}\n />\n );\n })}\n\n {intersections.map((intersectionKey) => {\n const intersectionKeys = intersectionKey.split('/');\n\n const hasDisabledItems = intersectionKeys.some((key) => {\n return checkedLegendItemsMap[key] === undefined;\n });\n\n if (hasDisabledItems) {\n return null;\n }\n\n const name = intersectionKeys\n .map((id) => {\n return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || '';\n })\n .join(' & ');\n\n return <Venn.Intersection key={intersectionKey} dataKey={intersectionKey} name={name} />;\n })}\n </Venn>\n );\n }\n\n renderTooltip() {\n const { showTooltip } = this.asProps;\n\n if (!showTooltip) {\n return null;\n }\n\n return (\n <Venn.Tooltip>\n {({ name, dataKey, data }: any) => {\n return {\n children: (\n <>\n <Venn.Tooltip.Title>{name}</Venn.Tooltip.Title>\n <Text bold>{data[dataKey]}</Text>\n </>\n ),\n };\n }}\n </Venn.Tooltip>\n );\n }\n\n protected getLegendAriaLabel(): string {\n return this.asProps.getI18nText('legendForChart', { chartType: 'Venn' });\n }\n}\n\nexport const VennChart: VennChartType = createComponent(VennChartComponent);\n"],"mappings":"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"}
|
@@ -24,15 +24,9 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
|
|
24
24
|
args[_key] = arguments[_key];
|
25
25
|
}
|
26
26
|
_this = _super.call.apply(_super, [this].concat(args));
|
27
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "
|
28
|
-
var
|
29
|
-
|
30
|
-
});
|
31
|
-
return function () {
|
32
|
-
var _this$props$onChangeV, _this$props;
|
33
|
-
var checked = !(item !== null && item !== void 0 && item.checked);
|
34
|
-
(_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 ? void 0 : _this$props$onChangeV.call(_this$props, id, checked);
|
35
|
-
};
|
27
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeLegendItem", function (id, checked) {
|
28
|
+
var _this$props$onChangeV, _this$props;
|
29
|
+
(_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 ? void 0 : _this$props$onChangeV.call(_this$props, id, checked);
|
36
30
|
});
|
37
31
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnMouseEnterItem", function (id) {
|
38
32
|
return function (e) {
|
@@ -93,7 +87,7 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
|
|
93
87
|
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, line), {}, {
|
94
88
|
shape: shape,
|
95
89
|
size: size,
|
96
|
-
|
90
|
+
onChangeLegendItem: this.onChangeLegendItem,
|
97
91
|
onMouseEnter: this.bindOnMouseEnterItem(line.id),
|
98
92
|
onMouseLeave: this.bindOnMouseLeaveItem(line.id),
|
99
93
|
style: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","id","
|
1
|
+
{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","e","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","shape","_this$asProps2$size","size","patterns","_objectSpread2","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component","exports"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, Intergalactic } from '@semcore/core';\nimport { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';\nimport { LegendProps } from './BaseLegend.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n componentDidMount() {\n this.setHints();\n }\n\n componentDidUpdate(prevProps: T) {\n if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n this.setHints();\n }\n }\n\n setHints() {\n const { items, dataHints } = this.asProps;\n const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n items.forEach((legendItem) => {\n dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n });\n }\n\n getItem(index: number) {\n const line = this.asProps.items[index];\n\n if (line === undefined) {\n throw new Error(`No index \"${index}\" in lines`);\n }\n\n return line;\n }\n\n getLegendItemProps(\n _: {},\n index: number,\n ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n const line = this.getItem(index);\n\n return {\n ...line,\n shape,\n size,\n onChangeLegendItem: this.onChangeLegendItem,\n onMouseEnter: this.bindOnMouseEnterItem(line.id),\n onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n patterns,\n };\n }\n\n onChangeLegendItem = (id: LegendItemKey, checked: boolean) => {\n this.props.onChangeVisibleItem?.(id, checked);\n };\n\n bindOnMouseEnterItem = (id: LegendItemKey) => {\n return (e: React.SyntheticEvent) => {\n this.props.onMouseEnterItem?.(id, e);\n };\n };\n\n bindOnMouseLeaveItem = (id: LegendItemKey) => {\n return (e: React.SyntheticEvent) => {\n this.props.onMouseLeaveItem?.(id, e);\n };\n };\n}\n"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps & {\n
|
1
|
+
{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\nimport { AriaNameProps } from '../Chart/AbstractChart.type';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps &\n AriaNameProps & {\n /**\n * Size for legend items\n */\n size?: LSize;\n /**\n * Shape of data item on Legend panel\n */\n shape?: ShapeType;\n /**\n * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n */\n onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n dataHints?: DataStructureHints;\n };\n\nexport type LegendProps = BoxProps &\n BaseChartLegendProps & {\n /**\n * Legend items\n */\n items: LegendItem[];\n\n /** Enables charts patterns that enhances charts accessibility */\n patterns?: PatternsConfig;\n };\n"],"mappings":""}
|
@@ -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_6u5v9_gg_._direction_row_6u5v9_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_6u5v9_gg_._direction_column_6u5v9_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "6u5v9_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SLegendFlex": "___SLegendFlex_6u5v9_gg_",
|
28
|
+
"_direction_row": "_direction_row_6u5v9_gg_",
|
29
|
+
"_direction_column": "_direction_column_6u5v9_gg_"
|
30
30
|
});
|
31
31
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
32
32
|
(0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
|
@@ -66,7 +66,9 @@ var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
66
66
|
suffix = _this$asProps.suffix,
|
67
67
|
items = _this$asProps.items;
|
68
68
|
var orientation = direction === 'row' ? 'vertical' : 'horizontal';
|
69
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendFlex, _ref2.cn("SLegendFlex", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
69
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendFlex, _ref2.cn("SLegendFlex", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
70
|
+
"role": 'group'
|
71
|
+
}, _ref))), items.map(function (_ref4) {
|
70
72
|
var id = _ref4.id;
|
71
73
|
return /*#__PURE__*/_react["default"].createElement(Children, {
|
72
74
|
key: id
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegendFlex.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_divider","_checkbox","_BaseLegend2","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","LegendFlexRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread2","assignProps","map","_ref4","id","BaseLegend","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n static displayName = 'LegendFlex';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n direction: 'row',\n children: <LegendFlex.LegendItem />,\n });\n\n renderTrend() {\n const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n return (\n <Checkbox\n checked={trendIsVisible}\n onChange={onTrendIsVisibleChange}\n theme={'gray-400'}\n label={trendLabel ?? getI18nText('trend')}\n size={size}\n />\n );\n }\n\n render() {\n const SLegendFlex = Root;\n const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n return sstyled(styles)(\n <SLegendFlex render={Flex}>\n {items.map(({ id }) => {\n return <Children key={id} />;\n })}\n {(withTrend || suffix) && <Divider orientation={orientation} />}\n {withTrend && this.renderTrend()}\n {suffix ? suffix : null}\n </SLegendFlex>,\n );\n }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n LegendItem: LegendItemComponent,\n});\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,4BAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAkE;AAAA,IAAAU,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,cAAc,0BAAAC,WAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,WAAA;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,EAWlB,SAAAC,YAAA,EAAc;MACZ,IAAAC,KAAA,GAAkF,IAAI,CACnFC,OAAO;QADFC,sBAAsB,GAAAF,KAAA,CAAtBE,sBAAsB;QAAEC,cAAc,GAAAH,KAAA,CAAdG,cAAc;QAAEC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;QAAEC,IAAI,GAAAL,KAAA,CAAJK,IAAI;QAAEC,WAAW,GAAAN,KAAA,CAAXM,WAAW;MAG7E,oBACE/B,MAAA,YAAAgC,aAAA,CAAC3B,SAAA,WAAQ;QACP4B,OAAO,EAAEL,cAAe;QACxBM,QAAQ,EAAEP,sBAAuB;QACjCQ,KAAK,EAAE,UAAW;QAClBC,KAAK,EAAEP,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIE,WAAW,CAAC,OAAO,CAAE;QAC1CD,IAAI,EAAEA;MAAK,EACX;IAEN;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAc,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAZ,OAAA;QAAAa,KAAA;MACP,IAAMC,WAAW,GAKMC,aAAI;MAJ3B,IAAAC,aAAA,GAAkE,IAAI,CAAChB,OAAO;QAAtEiB,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,SAAS,GAAAH,aAAA,CAATG,SAAS;QAAEC,SAAS,GAAAJ,aAAA,CAATI,SAAS;QAAEC,MAAM,GAAAL,aAAA,CAANK,MAAM;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;MAC7D,IAAMC,WAAW,GAAGJ,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY;MAEnE,OAAAN,KAAA,GAAO,IAAA5B,aAAO,EAACgC,MAAM,CAAC,eACpB3C,MAAA,YAAAgC,aAAA,CAACQ,WAAW,EAAAD,KAAA,CAAAW,EAAA,oBAAAC,cAAA,qBAAAtD,KAAA,CAAAuD,WAAA,
|
1
|
+
{"version":3,"file":"LegendFlex.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_divider","_checkbox","_BaseLegend2","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","LegendFlexRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread2","assignProps","map","_ref4","id","BaseLegend","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n static displayName = 'LegendFlex';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n direction: 'row',\n children: <LegendFlex.LegendItem />,\n });\n\n renderTrend() {\n const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n return (\n <Checkbox\n checked={trendIsVisible}\n onChange={onTrendIsVisibleChange}\n theme={'gray-400'}\n label={trendLabel ?? getI18nText('trend')}\n size={size}\n />\n );\n }\n\n render() {\n const SLegendFlex = Root;\n const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n return sstyled(styles)(\n <SLegendFlex render={Flex} role={'group'}>\n {items.map(({ id }) => {\n return <Children key={id} />;\n })}\n {(withTrend || suffix) && <Divider orientation={orientation} />}\n {withTrend && this.renderTrend()}\n {suffix ? suffix : null}\n </SLegendFlex>,\n );\n }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n LegendItem: LegendItemComponent,\n});\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,4BAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAkE;AAAA,IAAAU,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,cAAc,0BAAAC,WAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,WAAA;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,EAWlB,SAAAC,YAAA,EAAc;MACZ,IAAAC,KAAA,GAAkF,IAAI,CACnFC,OAAO;QADFC,sBAAsB,GAAAF,KAAA,CAAtBE,sBAAsB;QAAEC,cAAc,GAAAH,KAAA,CAAdG,cAAc;QAAEC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;QAAEC,IAAI,GAAAL,KAAA,CAAJK,IAAI;QAAEC,WAAW,GAAAN,KAAA,CAAXM,WAAW;MAG7E,oBACE/B,MAAA,YAAAgC,aAAA,CAAC3B,SAAA,WAAQ;QACP4B,OAAO,EAAEL,cAAe;QACxBM,QAAQ,EAAEP,sBAAuB;QACjCQ,KAAK,EAAE,UAAW;QAClBC,KAAK,EAAEP,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIE,WAAW,CAAC,OAAO,CAAE;QAC1CD,IAAI,EAAEA;MAAK,EACX;IAEN;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAc,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAZ,OAAA;QAAAa,KAAA;MACP,IAAMC,WAAW,GAKMC,aAAI;MAJ3B,IAAAC,aAAA,GAAkE,IAAI,CAAChB,OAAO;QAAtEiB,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,SAAS,GAAAH,aAAA,CAATG,SAAS;QAAEC,SAAS,GAAAJ,aAAA,CAATI,SAAS;QAAEC,MAAM,GAAAL,aAAA,CAANK,MAAM;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;MAC7D,IAAMC,WAAW,GAAGJ,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY;MAEnE,OAAAN,KAAA,GAAO,IAAA5B,aAAO,EAACgC,MAAM,CAAC,eACpB3C,MAAA,YAAAgC,aAAA,CAACQ,WAAW,EAAAD,KAAA,CAAAW,EAAA,oBAAAC,cAAA,qBAAAtD,KAAA,CAAAuD,WAAA;QAAA,QAAqB;MAAO,GAAAd,IAAA,KACrCU,KAAK,CAACK,GAAG,CAAC,UAAAC,KAAA,EAAY;QAAA,IAATC,EAAE,GAAAD,KAAA,CAAFC,EAAE;QACd,oBAAOvD,MAAA,YAAAgC,aAAA,CAACY,QAAQ;UAACtB,GAAG,EAAEiC;QAAG,EAAG;MAC9B,CAAC,CAAC,EACD,CAACT,SAAS,IAAIC,MAAM,kBAAK/C,MAAA,YAAAgC,aAAA,CAAC5B,QAAA,WAAO,EAAAmC,KAAA,CAAAW,EAAA;QAAA,eAAcD;MAAW,GAAI,EAC9DH,SAAS,IAAI,IAAI,CAACtB,WAAW,EAAE,EAC/BuB,MAAM,GAAGA,MAAM,GAAG,IAAI,CACX;IAElB;EAAC;EAAA,OAAAlC,cAAA;AAAA,EAzC0B2C,uBAAU;AAAA,IAAAC,gBAAA,aAAjC5C,cAAc,iBACG,YAAY;AAAA,IAAA4C,gBAAA,aAD7B5C,cAAc,WAEHJ,KAAK;AAAA,IAAAgD,gBAAA,aAFhB5C,cAAc,aAID,CAAC,IAAA6C,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAF,gBAAA,aAJ7C5C,cAAc,kBAMI;EAAA,OAAO;IAC3BgC,SAAS,EAAE,KAAK;IAChBe,QAAQ,eAAE5D,MAAA,YAAAgC,aAAA,CAAC6B,UAAU,CAACC,UAAU;EAClC,CAAC;AAAA,CAAC;AAmCG,IAAMD,UAA0B,GAAG,IAAAE,gBAAe,EAAClD,cAAc,EAAE;EACxEiD,UAAU,EAAEE;AACd,CAAC,CAAC;AAACC,OAAA,CAAAJ,UAAA,GAAAA,UAAA"}
|
@@ -23,25 +23,25 @@ var _LegendItem = require("./LegendItem.type");
|
|
23
23
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
24
24
|
var _Pattern = require("../../../Pattern");
|
25
25
|
var _utils = require("../../../utils");
|
26
|
-
var _excluded = ["color"];
|
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_asnfj_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_asnfj_gg_:hover{cursor:pointer}.___SLegendItem_asnfj_gg_.__disabled_asnfj_gg_:hover{cursor:default}}.___SPointShape_asnfj_gg_.__color_asnfj_gg_{background-color:var(--color_asnfj);margin-right:8px;flex-shrink:0}.___SPointShape_asnfj_gg_._shape_Circle_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Circle_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Line_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_asnfj_gg_._shape_Line_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_asnfj_gg_._shape_Square_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Square_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Pattern_asnfj_gg_{background-color:transparent;margin-right:4px}.___SIcon_asnfj_gg_{line-height:0;margin-right:4px}.___SIcon_asnfj_gg_._size_l_asnfj_gg_{margin-top:4px}.___SIcon_asnfj_gg_._size_m_asnfj_gg_{margin-top:2px}.___SLabel_asnfj_gg_{min-width:0}.___SAdditionalLabel_asnfj_gg_._size_l_asnfj_gg_,.___SCount_asnfj_gg_._size_l_asnfj_gg_,.___SLabel_asnfj_gg_._size_l_asnfj_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_asnfj_gg_._size_m_asnfj_gg_,.___SCount_asnfj_gg_._size_m_asnfj_gg_,.___SLabel_asnfj_gg_._size_m_asnfj_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_asnfj_gg_,.___SCount_asnfj_gg_{margin-left:4px}.___SAdditionalLabel_asnfj_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_asnfj_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_asnfj_gg_._size_l_asnfj_gg_::before{margin-top:10px}.___SAdditionalLabel_asnfj_gg_._size_m_asnfj_gg_::before{margin-top:8px}.___SPatternSymbol_asnfj_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "asnfj_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SLegendItem": "___SLegendItem_asnfj_gg_",
|
30
|
+
"_disabled": "__disabled_asnfj_gg_",
|
31
|
+
"__SPointShape": "___SPointShape_asnfj_gg_",
|
32
|
+
"_color": "__color_asnfj_gg_",
|
33
|
+
"--color": "--color_asnfj",
|
34
|
+
"_shape_Circle": "_shape_Circle_asnfj_gg_",
|
35
|
+
"_size_l": "_size_l_asnfj_gg_",
|
36
|
+
"_size_m": "_size_m_asnfj_gg_",
|
37
|
+
"_shape_Line": "_shape_Line_asnfj_gg_",
|
38
|
+
"_shape_Square": "_shape_Square_asnfj_gg_",
|
39
|
+
"_shape_Pattern": "_shape_Pattern_asnfj_gg_",
|
40
|
+
"__SIcon": "___SIcon_asnfj_gg_",
|
41
|
+
"__SLabel": "___SLabel_asnfj_gg_",
|
42
|
+
"__SAdditionalLabel": "___SAdditionalLabel_asnfj_gg_",
|
43
|
+
"__SCount": "___SCount_asnfj_gg_",
|
44
|
+
"__SPatternSymbol": "___SPatternSymbol_asnfj_gg_"
|
45
45
|
});
|
46
46
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
47
47
|
(0, _inherits2["default"])(LegendItemRoot, _Component);
|
@@ -60,9 +60,9 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
60
60
|
label = _this$asProps.label,
|
61
61
|
id = _this$asProps.id,
|
62
62
|
size = _this$asProps.size,
|
63
|
-
onClick = _this$asProps.onClick,
|
64
63
|
resolveColor = _this$asProps.resolveColor,
|
65
|
-
patterns = _this$asProps.patterns
|
64
|
+
patterns = _this$asProps.patterns,
|
65
|
+
onChangeLegendItem = _this$asProps.onChangeLegendItem;
|
66
66
|
return {
|
67
67
|
id: id,
|
68
68
|
label: label,
|
@@ -72,11 +72,10 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
72
72
|
patternKey: color,
|
73
73
|
patterns: patterns,
|
74
74
|
size: size,
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
}
|
75
|
+
onChange: function onChange(value) {
|
76
|
+
onChangeLegendItem(id, value);
|
77
|
+
},
|
78
|
+
'aria-labelledby': id
|
80
79
|
};
|
81
80
|
}
|
82
81
|
}, {
|
@@ -91,9 +90,17 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
91
90
|
key: "getLabelProps",
|
92
91
|
value: function getLabelProps() {
|
93
92
|
var _this$asProps2 = this.asProps,
|
93
|
+
id = _this$asProps2.id,
|
94
|
+
checked = _this$asProps2.checked,
|
94
95
|
color = _this$asProps2.color,
|
96
|
+
onChangeLegendItem = _this$asProps2.onChangeLegendItem,
|
95
97
|
props = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
|
96
98
|
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
99
|
+
id: id,
|
100
|
+
checked: checked,
|
101
|
+
onClick: function onClick() {
|
102
|
+
return onChangeLegendItem(id, !checked);
|
103
|
+
},
|
97
104
|
children: props.label
|
98
105
|
});
|
99
106
|
}
|
@@ -157,9 +164,8 @@ function Shape(props) {
|
|
157
164
|
patternKey = _props$patternKey === void 0 ? (0, _utils.getChartDefaultColorName)(0) : _props$patternKey,
|
158
165
|
Children = props.Children,
|
159
166
|
hasChildren = props.children,
|
160
|
-
|
161
|
-
|
162
|
-
patterns = props.patterns;
|
167
|
+
patterns = props.patterns,
|
168
|
+
onChange = props.onChange;
|
163
169
|
if (hasChildren) {
|
164
170
|
return /*#__PURE__*/_react["default"].createElement(Children, null);
|
165
171
|
}
|
@@ -178,8 +184,7 @@ function Shape(props) {
|
|
178
184
|
"size": size,
|
179
185
|
"checked": checked,
|
180
186
|
"theme": checked ? color : undefined,
|
181
|
-
"
|
182
|
-
"aria-label": label
|
187
|
+
"onChange": onChange
|
183
188
|
})), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
|
184
189
|
"mt": '2px',
|
185
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","onClick","resolveColor","patterns","patternKey","onKeyUp","e","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","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 } 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(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n const { checked, color, shape, label, id, size, onClick, resolveColor, patterns } =\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 onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n if (onClick && e.key === ' ') {\n onClick();\n }\n },\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 {\n const { color, ...props } = this.asProps;\n\n return {\n ...props,\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 onKeyUp,\n label,\n patterns,\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 onKeyUp={onKeyUp}\n aria-label={label}\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 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 +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 */\n onClick
|
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;;AAyEO,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_128ci_gg_.__columns-count_128ci_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_128ci_gg_._size_l_128ci_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_128ci_gg_._size_m_128ci_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "128ci_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SLegendTable": "___SLegendTable_128ci_gg_",
|
24
|
+
"_columns-count": "__columns-count_128ci_gg_",
|
25
|
+
"__SColumnItem": "___SColumnItem_128ci_gg_",
|
26
|
+
"_size_l": "_size_l_128ci_gg_",
|
27
|
+
"_size_m": "_size_m_128ci_gg_"
|
28
28
|
});
|
29
29
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
30
30
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
@@ -48,7 +48,8 @@ var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
48
48
|
items = _this$asProps.items;
|
49
49
|
var columnsCount = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.columns.length;
|
50
50
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendTable, _ref3.cn("SLegendTable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
51
|
-
"columns-count": columnsCount + 1
|
51
|
+
"columns-count": columnsCount + 1,
|
52
|
+
"role": 'group'
|
52
53
|
}, _ref))), items.map(function (_ref5, index) {
|
53
54
|
var id = _ref5.id,
|
54
55
|
_ref5$columns = _ref5.columns,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","_index","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n static displayName = 'LegendTable';\n static style = style;\n\n static defaultProps = () => ({\n children: <LegendTable.LegendItem />,\n });\n\n render() {\n const SLegendTable = Root;\n const { styles, Children, size = 'm', items } = this.asProps;\n const columnsCount = items[0]?.columns.length;\n\n return sstyled(styles)(\n <SLegendTable render={Box} columns-count={columnsCount + 1}>\n {items.map(({ id, columns = [] }, index) => {\n return (\n <React.Fragment key={id}>\n <Children />\n {columns.map((item, index) => {\n return (\n <React.Fragment key={`${id}__${index}`}>\n <LegendTable.Column index={index} size={size} styles={styles}>\n {item}\n </LegendTable.Column>\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </SLegendTable>,\n );\n }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n const SColumnItem = Root;\n const { styles, index, size, Children } = props;\n\n return sstyled(styles)(\n <SColumnItem\n style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n render={Box}\n size={size}\n >\n <Children />\n </SColumnItem>,\n );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n LegendItem: LegendItemComponent,\n Column: ColumnComponent,\n});\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAA2C;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAErCC,eAAe,0BAAAC,WAAA;EAAA,IAAAC,UAAA,aAAAF,eAAA,EAAAC,WAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,gBAAA,mBAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAQnB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;QAAAC,OAAA;MACP,IAAMC,YAAY,GAKMC,YAAG;MAJ3B,IAAAC,aAAA,GAAgD,IAAI,CAACL,OAAO;QAApDM,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAAC,kBAAA,GAAAH,aAAA,CAAEI,IAAI;QAAJA,IAAI,GAAAD,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAEE,KAAK,GAAAL,aAAA,CAALK,KAAK;MAC3C,IAAMC,YAAY,IAAAT,OAAA,GAAGQ,KAAK,CAAC,CAAC,CAAC,cAAAR,OAAA,uBAARA,OAAA,CAAUU,OAAO,CAACC,MAAM;MAE7C,OAAAZ,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB5B,MAAA,YAAAoC,aAAA,CAACX,YAAY,EAAAF,KAAA,CAAAc,EAAA,qBAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;QAAA,iBAA6BN,YAAY,GAAG;
|
1
|
+
{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","_index","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n static displayName = 'LegendTable';\n static style = style;\n\n static defaultProps = () => ({\n children: <LegendTable.LegendItem />,\n });\n\n render() {\n const SLegendTable = Root;\n const { styles, Children, size = 'm', items } = this.asProps;\n const columnsCount = items[0]?.columns.length;\n\n return sstyled(styles)(\n <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n {items.map(({ id, columns = [] }, index) => {\n return (\n <React.Fragment key={id}>\n <Children />\n {columns.map((item, index) => {\n return (\n <React.Fragment key={`${id}__${index}`}>\n <LegendTable.Column index={index} size={size} styles={styles}>\n {item}\n </LegendTable.Column>\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </SLegendTable>,\n );\n }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n const SColumnItem = Root;\n const { styles, index, size, Children } = props;\n\n return sstyled(styles)(\n <SColumnItem\n style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n render={Box}\n size={size}\n >\n <Children />\n </SColumnItem>,\n );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n LegendItem: LegendItemComponent,\n Column: ColumnComponent,\n});\n"],"mappings":"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"}
|