intergalactic 15.52.0-prerelease.0-prerelease-3f2a94a7 → 15.53.0-prerelease-dfe34e97

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.
Files changed (203) hide show
  1. package/CHANGELOG.md +31 -4
  2. package/accordion/lib/cjs/Accordion.js +7 -6
  3. package/accordion/lib/cjs/Accordion.js.map +1 -1
  4. package/accordion/lib/cjs/style/accordion.shadow.css +2 -2
  5. package/accordion/lib/es6/Accordion.js +7 -6
  6. package/accordion/lib/es6/Accordion.js.map +1 -1
  7. package/accordion/lib/es6/style/accordion.shadow.css +2 -2
  8. package/components.json +12 -12
  9. package/d3-chart/Pattern.d.ts +336 -0
  10. package/d3-chart/Plot.d.ts +4 -0
  11. package/d3-chart/RadialTree.d.ts +7 -2
  12. package/d3-chart/component/Chart/AbstractChart.type.d.ts +3 -0
  13. package/d3-chart/component/ChartLegend/BaseLegend.type.d.ts +3 -0
  14. package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts +7 -1
  15. package/d3-chart/index.d.ts +3 -0
  16. package/d3-chart/lib/cjs/Area.js +25 -13
  17. package/d3-chart/lib/cjs/Area.js.map +1 -1
  18. package/d3-chart/lib/cjs/Bar.js +23 -12
  19. package/d3-chart/lib/cjs/Bar.js.map +1 -1
  20. package/d3-chart/lib/cjs/Bubble.js +25 -13
  21. package/d3-chart/lib/cjs/Bubble.js.map +1 -1
  22. package/d3-chart/lib/cjs/Donut.js +28 -12
  23. package/d3-chart/lib/cjs/Donut.js.map +1 -1
  24. package/d3-chart/lib/cjs/Dots.js +55 -28
  25. package/d3-chart/lib/cjs/Dots.js.map +1 -1
  26. package/d3-chart/lib/cjs/GroupBar.js +4 -2
  27. package/d3-chart/lib/cjs/GroupBar.js.map +1 -1
  28. package/d3-chart/lib/cjs/HorizontalBar.js +23 -12
  29. package/d3-chart/lib/cjs/HorizontalBar.js.map +1 -1
  30. package/d3-chart/lib/cjs/Hover.js +6 -3
  31. package/d3-chart/lib/cjs/Hover.js.map +1 -1
  32. package/d3-chart/lib/cjs/Line.js +14 -6
  33. package/d3-chart/lib/cjs/Line.js.map +1 -1
  34. package/d3-chart/lib/cjs/Pattern.js +540 -0
  35. package/d3-chart/lib/cjs/Pattern.js.map +1 -0
  36. package/d3-chart/lib/cjs/Plot.js +4 -2
  37. package/d3-chart/lib/cjs/Plot.js.map +1 -1
  38. package/d3-chart/lib/cjs/Radar.js +126 -83
  39. package/d3-chart/lib/cjs/Radar.js.map +1 -1
  40. package/d3-chart/lib/cjs/RadialTree.js +126 -100
  41. package/d3-chart/lib/cjs/RadialTree.js.map +1 -1
  42. package/d3-chart/lib/cjs/ScatterPlot.js +22 -10
  43. package/d3-chart/lib/cjs/ScatterPlot.js.map +1 -1
  44. package/d3-chart/lib/cjs/StackBar.js +8 -4
  45. package/d3-chart/lib/cjs/StackBar.js.map +1 -1
  46. package/d3-chart/lib/cjs/StackedArea.js +4 -1
  47. package/d3-chart/lib/cjs/StackedArea.js.map +1 -1
  48. package/d3-chart/lib/cjs/Tooltip.js +21 -11
  49. package/d3-chart/lib/cjs/Tooltip.js.map +1 -1
  50. package/d3-chart/lib/cjs/Venn.js +28 -12
  51. package/d3-chart/lib/cjs/Venn.js.map +1 -1
  52. package/d3-chart/lib/cjs/component/Chart/AbstractChart.js +7 -3
  53. package/d3-chart/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
  54. package/d3-chart/lib/cjs/component/Chart/AbstractChart.type.js.map +1 -1
  55. package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js +4 -2
  56. package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js.map +1 -1
  57. package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.type.js.map +1 -1
  58. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +80 -53
  59. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  60. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js +1 -1
  61. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
  62. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css +17 -3
  63. package/d3-chart/lib/cjs/index.js +19 -0
  64. package/d3-chart/lib/cjs/index.js.map +1 -1
  65. package/d3-chart/lib/cjs/style/area.shadow.css +6 -1
  66. package/d3-chart/lib/cjs/style/bar.shadow.css +7 -1
  67. package/d3-chart/lib/cjs/style/bubble.shadow.css +8 -1
  68. package/d3-chart/lib/cjs/style/donut.shadow.css +7 -1
  69. package/d3-chart/lib/cjs/style/dot.shadow.css +2 -2
  70. package/d3-chart/lib/cjs/style/radar.shadow.css +7 -1
  71. package/d3-chart/lib/cjs/style/radial-tree.shadow.css +5 -0
  72. package/d3-chart/lib/cjs/style/scatterplot.shadow.css +8 -1
  73. package/d3-chart/lib/cjs/style/tooltip.shadow.css +6 -6
  74. package/d3-chart/lib/cjs/style/venn.shadow.css +11 -0
  75. package/d3-chart/lib/cjs/types/Plot.d.js.map +1 -1
  76. package/d3-chart/lib/cjs/types/index.d.js +12 -0
  77. package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
  78. package/d3-chart/lib/es6/Area.js +25 -13
  79. package/d3-chart/lib/es6/Area.js.map +1 -1
  80. package/d3-chart/lib/es6/Bar.js +23 -12
  81. package/d3-chart/lib/es6/Bar.js.map +1 -1
  82. package/d3-chart/lib/es6/Bubble.js +25 -13
  83. package/d3-chart/lib/es6/Bubble.js.map +1 -1
  84. package/d3-chart/lib/es6/Donut.js +28 -12
  85. package/d3-chart/lib/es6/Donut.js.map +1 -1
  86. package/d3-chart/lib/es6/Dots.js +56 -29
  87. package/d3-chart/lib/es6/Dots.js.map +1 -1
  88. package/d3-chart/lib/es6/GroupBar.js +4 -2
  89. package/d3-chart/lib/es6/GroupBar.js.map +1 -1
  90. package/d3-chart/lib/es6/HorizontalBar.js +23 -12
  91. package/d3-chart/lib/es6/HorizontalBar.js.map +1 -1
  92. package/d3-chart/lib/es6/Hover.js +6 -3
  93. package/d3-chart/lib/es6/Hover.js.map +1 -1
  94. package/d3-chart/lib/es6/Line.js +15 -7
  95. package/d3-chart/lib/es6/Line.js.map +1 -1
  96. package/d3-chart/lib/es6/Pattern.js +534 -0
  97. package/d3-chart/lib/es6/Pattern.js.map +1 -0
  98. package/d3-chart/lib/es6/Plot.js +4 -2
  99. package/d3-chart/lib/es6/Plot.js.map +1 -1
  100. package/d3-chart/lib/es6/Radar.js +126 -83
  101. package/d3-chart/lib/es6/Radar.js.map +1 -1
  102. package/d3-chart/lib/es6/RadialTree.js +127 -101
  103. package/d3-chart/lib/es6/RadialTree.js.map +1 -1
  104. package/d3-chart/lib/es6/ScatterPlot.js +22 -10
  105. package/d3-chart/lib/es6/ScatterPlot.js.map +1 -1
  106. package/d3-chart/lib/es6/StackBar.js +8 -4
  107. package/d3-chart/lib/es6/StackBar.js.map +1 -1
  108. package/d3-chart/lib/es6/StackedArea.js +4 -1
  109. package/d3-chart/lib/es6/StackedArea.js.map +1 -1
  110. package/d3-chart/lib/es6/Tooltip.js +22 -11
  111. package/d3-chart/lib/es6/Tooltip.js.map +1 -1
  112. package/d3-chart/lib/es6/Venn.js +28 -12
  113. package/d3-chart/lib/es6/Venn.js.map +1 -1
  114. package/d3-chart/lib/es6/component/Chart/AbstractChart.js +7 -3
  115. package/d3-chart/lib/es6/component/Chart/AbstractChart.js.map +1 -1
  116. package/d3-chart/lib/es6/component/Chart/AbstractChart.type.js.map +1 -1
  117. package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.js +4 -2
  118. package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.js.map +1 -1
  119. package/d3-chart/lib/es6/component/ChartLegend/BaseLegend.type.js.map +1 -1
  120. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +80 -53
  121. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  122. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js +1 -1
  123. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
  124. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css +17 -3
  125. package/d3-chart/lib/es6/index.js +1 -0
  126. package/d3-chart/lib/es6/index.js.map +1 -1
  127. package/d3-chart/lib/es6/style/area.shadow.css +6 -1
  128. package/d3-chart/lib/es6/style/bar.shadow.css +7 -1
  129. package/d3-chart/lib/es6/style/bubble.shadow.css +8 -1
  130. package/d3-chart/lib/es6/style/donut.shadow.css +7 -1
  131. package/d3-chart/lib/es6/style/dot.shadow.css +2 -2
  132. package/d3-chart/lib/es6/style/radar.shadow.css +7 -1
  133. package/d3-chart/lib/es6/style/radial-tree.shadow.css +5 -0
  134. package/d3-chart/lib/es6/style/scatterplot.shadow.css +8 -1
  135. package/d3-chart/lib/es6/style/tooltip.shadow.css +6 -6
  136. package/d3-chart/lib/es6/style/venn.shadow.css +11 -0
  137. package/d3-chart/lib/es6/types/Plot.d.js.map +1 -1
  138. package/d3-chart/lib/es6/types/index.d.js +3 -0
  139. package/d3-chart/lib/es6/types/index.d.js.map +1 -1
  140. package/d3-chart/lib/types/Pattern.d.ts +336 -0
  141. package/d3-chart/lib/types/Plot.d.ts +4 -0
  142. package/d3-chart/lib/types/RadialTree.d.ts +7 -2
  143. package/d3-chart/lib/types/component/Chart/AbstractChart.type.d.ts +3 -0
  144. package/d3-chart/lib/types/component/ChartLegend/BaseLegend.type.d.ts +3 -0
  145. package/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +7 -1
  146. package/d3-chart/lib/types/index.d.ts +3 -0
  147. package/date-picker/lib/cjs/components/RangePickerAbstract.js +8 -4
  148. package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
  149. package/date-picker/lib/es6/components/RangePickerAbstract.js +8 -4
  150. package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
  151. package/drag-and-drop/index.d.ts +13 -2
  152. package/drag-and-drop/lib/cjs/DragAndDrop.js +96 -44
  153. package/drag-and-drop/lib/cjs/DragAndDrop.js.map +1 -1
  154. package/drag-and-drop/lib/cjs/index.d.js.map +1 -1
  155. package/drag-and-drop/lib/cjs/translations/de.json +5 -0
  156. package/drag-and-drop/lib/cjs/translations/en.json +5 -0
  157. package/drag-and-drop/lib/cjs/translations/es.json +5 -0
  158. package/drag-and-drop/lib/cjs/translations/fr.json +5 -0
  159. package/drag-and-drop/lib/cjs/translations/it.json +5 -0
  160. package/drag-and-drop/lib/cjs/translations/ja.json +5 -0
  161. package/drag-and-drop/lib/cjs/translations/ko.json +5 -0
  162. package/drag-and-drop/lib/cjs/translations/nl.json +5 -0
  163. package/drag-and-drop/lib/cjs/translations/pl.json +5 -0
  164. package/drag-and-drop/lib/cjs/translations/pt.json +5 -0
  165. package/drag-and-drop/lib/cjs/translations/sv.json +5 -0
  166. package/drag-and-drop/lib/cjs/translations/tr.json +5 -0
  167. package/drag-and-drop/lib/cjs/translations/vi.json +5 -0
  168. package/drag-and-drop/lib/cjs/translations/zh.json +5 -0
  169. package/drag-and-drop/lib/es6/DragAndDrop.js +96 -44
  170. package/drag-and-drop/lib/es6/DragAndDrop.js.map +1 -1
  171. package/drag-and-drop/lib/es6/index.d.js.map +1 -1
  172. package/drag-and-drop/lib/es6/translations/de.json +5 -0
  173. package/drag-and-drop/lib/es6/translations/en.json +5 -0
  174. package/drag-and-drop/lib/es6/translations/es.json +5 -0
  175. package/drag-and-drop/lib/es6/translations/fr.json +5 -0
  176. package/drag-and-drop/lib/es6/translations/it.json +5 -0
  177. package/drag-and-drop/lib/es6/translations/ja.json +5 -0
  178. package/drag-and-drop/lib/es6/translations/ko.json +5 -0
  179. package/drag-and-drop/lib/es6/translations/nl.json +5 -0
  180. package/drag-and-drop/lib/es6/translations/pl.json +5 -0
  181. package/drag-and-drop/lib/es6/translations/pt.json +5 -0
  182. package/drag-and-drop/lib/es6/translations/sv.json +5 -0
  183. package/drag-and-drop/lib/es6/translations/tr.json +5 -0
  184. package/drag-and-drop/lib/es6/translations/vi.json +5 -0
  185. package/drag-and-drop/lib/es6/translations/zh.json +5 -0
  186. package/drag-and-drop/lib/types/index.d.ts +13 -2
  187. package/package.json +1 -1
  188. package/pills/lib/cjs/Pills.js +44 -57
  189. package/pills/lib/cjs/Pills.js.map +1 -1
  190. package/pills/lib/cjs/style/pills.shadow.css +3 -9
  191. package/pills/lib/es6/Pills.js +44 -57
  192. package/pills/lib/es6/Pills.js.map +1 -1
  193. package/pills/lib/es6/style/pills.shadow.css +3 -9
  194. package/utils/lib/enhances/a11yEnhance.d.ts +9 -3
  195. package/utils/lib/enhances/a11yEnhance.js +11 -11
  196. package/utils/lib/enhances/a11yEnhance.js.map +1 -1
  197. package/utils/lib/enhances/a11yEnhance.mjs +11 -11
  198. package/utils/lib/enhances/a11yEnhance.mjs.map +1 -1
  199. package/utils/lib/themes/auto.css +3 -3
  200. package/utils/lib/themes/dark.css +2 -2
  201. package/utils/lib/themes/dark.json +1 -1
  202. package/utils/lib/themes/default.css +1 -1
  203. package/utils/lib/themes/light.css +1 -1
@@ -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","item","asProps","items","find","_this$props$onChangeV","_this$props","checked","props","onChangeVisibleItem","e","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","dataHints","_this$asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","shape","_this$asProps2$size","size","_objectSpread2","onClick","bindOnChange","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' } = this.asProps;\n const line = this.getItem(index);\n\n return {\n ...line,\n shape,\n size,\n onClick: this.bindOnChange(line.id),\n onMouseEnter: this.bindOnMouseEnterItem(line.id),\n onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n };\n }\n\n bindOnChange = (id: LegendItemKey) => {\n const item = this.asProps.items.find((item) => item.id === id);\n\n return () => {\n const checked = !item?.checked;\n\n this.props.onChangeVisibleItem?.(id, checked);\n };\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
+ {"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","item","asProps","items","find","_this$props$onChangeV","_this$props","checked","props","onChangeVisibleItem","e","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","dataHints","_this$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","onClick","bindOnChange","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 onClick: this.bindOnChange(line.id),\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 bindOnChange = (id: LegendItemKey) => {\n const item = this.asProps.items.find((item) => item.id === id);\n\n return () => {\n const checked = !item?.checked;\n\n this.props.onChangeVisibleItem?.(id, checked);\n };\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';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps & {\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"],"mappings":""}
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 /**\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 accessability */\n patterns?: PatternsConfig;\n };\n"],"mappings":""}
@@ -20,23 +20,27 @@ var _checkbox = _interopRequireDefault(require("intergalactic/checkbox"));
20
20
  var _typography = require("intergalactic/typography");
21
21
  var _LegendItem = require("./LegendItem.type");
22
22
  var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
23
+ var _Pattern = require("../../../Pattern");
24
+ var _utils = require("../../../utils");
23
25
  var _excluded = ["color"];
24
26
  /*__reshadow-styles__:"./legend-item.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_2zs4w_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_2zs4w_gg_:hover{cursor:pointer}.___SLegendItem_2zs4w_gg_.__disabled_2zs4w_gg_:hover{cursor:default}}.___SPointShape_2zs4w_gg_.__color_2zs4w_gg_{background-color:var(--color_2zs4w);margin-right:8px;flex-shrink:0}.___SPointShape_2zs4w_gg_._shape_Circle_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Circle_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Line_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_2zs4w_gg_._shape_Line_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_2zs4w_gg_._shape_Square_2zs4w_gg_._size_l_2zs4w_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_2zs4w_gg_._shape_Square_2zs4w_gg_._size_m_2zs4w_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_2zs4w_gg_{line-height:0;margin-right:4px}.___SIcon_2zs4w_gg_._size_l_2zs4w_gg_{margin-top:4px}.___SIcon_2zs4w_gg_._size_m_2zs4w_gg_{margin-top:2px}.___SLabel_2zs4w_gg_{min-width:0}.___SAdditionalLabel_2zs4w_gg_._size_l_2zs4w_gg_,.___SCount_2zs4w_gg_._size_l_2zs4w_gg_,.___SLabel_2zs4w_gg_._size_l_2zs4w_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_2zs4w_gg_._size_m_2zs4w_gg_,.___SCount_2zs4w_gg_._size_m_2zs4w_gg_,.___SLabel_2zs4w_gg_._size_m_2zs4w_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_2zs4w_gg_,.___SCount_2zs4w_gg_{margin-left:4px}.___SAdditionalLabel_2zs4w_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_2zs4w_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_2zs4w_gg_._size_l_2zs4w_gg_::before{margin-top:10px}.___SAdditionalLabel_2zs4w_gg_._size_m_2zs4w_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "2zs4w_gg_") /*__reshadow_css_end__*/, {
26
- "__SLegendItem": "___SLegendItem_2zs4w_gg_",
27
- "_disabled": "__disabled_2zs4w_gg_",
28
- "__SPointShape": "___SPointShape_2zs4w_gg_",
29
- "_color": "__color_2zs4w_gg_",
30
- "--color": "--color_2zs4w",
31
- "_shape_Circle": "_shape_Circle_2zs4w_gg_",
32
- "_size_l": "_size_l_2zs4w_gg_",
33
- "_size_m": "_size_m_2zs4w_gg_",
34
- "_shape_Line": "_shape_Line_2zs4w_gg_",
35
- "_shape_Square": "_shape_Square_2zs4w_gg_",
36
- "__SIcon": "___SIcon_2zs4w_gg_",
37
- "__SLabel": "___SLabel_2zs4w_gg_",
38
- "__SAdditionalLabel": "___SAdditionalLabel_2zs4w_gg_",
39
- "__SCount": "___SCount_2zs4w_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_siahs_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_siahs_gg_:hover{cursor:pointer}.___SLegendItem_siahs_gg_.__disabled_siahs_gg_:hover{cursor:default}}.___SPointShape_siahs_gg_.__color_siahs_gg_{background-color:var(--color_siahs);margin-right:8px;flex-shrink:0}.___SPointShape_siahs_gg_._shape_Circle_siahs_gg_._size_l_siahs_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Circle_siahs_gg_._size_m_siahs_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Line_siahs_gg_._size_l_siahs_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_siahs_gg_._shape_Line_siahs_gg_._size_m_siahs_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_siahs_gg_._shape_Square_siahs_gg_._size_l_siahs_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Square_siahs_gg_._size_m_siahs_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_siahs_gg_._shape_Pattern_siahs_gg_{background-color:transparent;margin-right:4px}.___SIcon_siahs_gg_{line-height:0;margin-right:4px}.___SIcon_siahs_gg_._size_l_siahs_gg_{margin-top:4px}.___SIcon_siahs_gg_._size_m_siahs_gg_{margin-top:2px}.___SLabel_siahs_gg_{min-width:0}.___SAdditionalLabel_siahs_gg_._size_l_siahs_gg_,.___SCount_siahs_gg_._size_l_siahs_gg_,.___SLabel_siahs_gg_._size_l_siahs_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_siahs_gg_._size_m_siahs_gg_,.___SCount_siahs_gg_._size_m_siahs_gg_,.___SLabel_siahs_gg_._size_m_siahs_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_siahs_gg_,.___SCount_siahs_gg_{margin-left:4px}.___SAdditionalLabel_siahs_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_siahs_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_siahs_gg_._size_l_siahs_gg_::before{margin-top:10px}.___SAdditionalLabel_siahs_gg_._size_m_siahs_gg_::before{margin-top:8px}.___SPatternSymbol_siahs_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "siahs_gg_") /*__reshadow_css_end__*/, {
28
+ "__SLegendItem": "___SLegendItem_siahs_gg_",
29
+ "_disabled": "__disabled_siahs_gg_",
30
+ "__SPointShape": "___SPointShape_siahs_gg_",
31
+ "_color": "__color_siahs_gg_",
32
+ "--color": "--color_siahs",
33
+ "_shape_Circle": "_shape_Circle_siahs_gg_",
34
+ "_size_l": "_size_l_siahs_gg_",
35
+ "_size_m": "_size_m_siahs_gg_",
36
+ "_shape_Line": "_shape_Line_siahs_gg_",
37
+ "_shape_Square": "_shape_Square_siahs_gg_",
38
+ "_shape_Pattern": "_shape_Pattern_siahs_gg_",
39
+ "__SIcon": "___SIcon_siahs_gg_",
40
+ "__SLabel": "___SLabel_siahs_gg_",
41
+ "__SAdditionalLabel": "___SAdditionalLabel_siahs_gg_",
42
+ "__SCount": "___SCount_siahs_gg_",
43
+ "__SPatternSymbol": "___SPatternSymbol_siahs_gg_"
40
44
  });
41
45
  var LegendItemRoot = /*#__PURE__*/function (_Component) {
42
46
  (0, _inherits2["default"])(LegendItemRoot, _Component);
@@ -56,13 +60,16 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
56
60
  id = _this$asProps.id,
57
61
  size = _this$asProps.size,
58
62
  onClick = _this$asProps.onClick,
59
- resolveColor = _this$asProps.resolveColor;
63
+ resolveColor = _this$asProps.resolveColor,
64
+ patterns = _this$asProps.patterns;
60
65
  return {
61
66
  id: id,
62
67
  label: label,
63
68
  shape: shape,
64
69
  checked: checked,
65
70
  color: resolveColor(color),
71
+ patternKey: color,
72
+ patterns: patterns,
66
73
  size: size,
67
74
  onKeyUp: function onKeyUp(e) {
68
75
  if (onClick && e.key === ' ') {
@@ -137,89 +144,109 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
137
144
  });
138
145
  function Shape(props) {
139
146
  var _ref2 = arguments[0],
140
- _ref8;
147
+ _ref10;
141
148
  var SPointShape = _flexBox.Box;
149
+ var SPatternSymbol = _Pattern.PatternSymbol;
142
150
  var styles = props.styles,
143
151
  size = props.size,
144
152
  shape = props.shape,
145
153
  checked = props.checked,
146
154
  color = props.color,
155
+ _props$patternKey = props.patternKey,
156
+ patternKey = _props$patternKey === void 0 ? (0, _utils.getChartDefaultColorName)(0) : _props$patternKey,
147
157
  Children = props.Children,
148
158
  hasChildren = props.children,
149
159
  onKeyUp = props.onKeyUp,
150
- label = props.label;
160
+ label = props.label,
161
+ patterns = props.patterns;
151
162
  if (hasChildren) {
152
163
  return /*#__PURE__*/_react["default"].createElement(Children, null);
153
164
  }
165
+ if (shape === 'Pattern') {
166
+ var _ref8;
167
+ return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref8.cn("Box", {
168
+ "mr": 1
169
+ }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
170
+ "color": color,
171
+ "patternKey": patternKey
172
+ })));
173
+ }
154
174
  if (shape === 'Checkbox') {
155
- return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
156
- size: size,
157
- checked: checked,
158
- theme: checked ? color : undefined,
159
- onKeyUp: onKeyUp,
175
+ var _ref9;
176
+ return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], _ref9.cn("Checkbox", {
177
+ "size": size,
178
+ "checked": checked,
179
+ "theme": checked ? color : undefined,
180
+ "onKeyUp": onKeyUp,
160
181
  "aria-label": label
161
- });
182
+ })), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
183
+ "mt": '2px',
184
+ "mr": 1
185
+ }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
186
+ "color": color,
187
+ "patternKey": patternKey
188
+ }))));
162
189
  }
163
- return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPointShape, _ref8.cn("SPointShape", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
190
+ return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPointShape, _ref10.cn("SPointShape", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
164
191
  }
165
- function Icon(_ref13) {
192
+ function Icon(_ref15) {
166
193
  var _ref3 = arguments[0],
167
- _ref9;
168
- var styles = _ref13.styles,
169
- hasChildren = _ref13.children,
170
- Children = _ref13.Children;
194
+ _ref11;
195
+ var styles = _ref15.styles,
196
+ hasChildren = _ref15.children,
197
+ Children = _ref15.Children;
171
198
  var SIcon = _flexBox.Box;
172
199
  if (!hasChildren) {
173
200
  return null;
174
201
  }
175
- return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref9.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
202
+ return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref11.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
176
203
  "tag": 'span'
177
- }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
204
+ }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
178
205
  }
179
206
  Icon.displayName = 'Icon';
180
- function Label(_ref14) {
207
+ function Label(_ref16) {
181
208
  var _ref4 = arguments[0],
182
- _ref10;
183
- var styles = _ref14.styles,
184
- hasChildren = _ref14.children,
185
- Children = _ref14.Children;
209
+ _ref12;
210
+ var styles = _ref16.styles,
211
+ hasChildren = _ref16.children,
212
+ Children = _ref16.Children;
186
213
  var SLabel = _typography.Text;
187
214
  if (!hasChildren) {
188
215
  return null;
189
216
  }
190
- return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref10.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
217
+ return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref12.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
191
218
  "use": 'primary'
192
- }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
219
+ }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
193
220
  }
194
221
  Label.displayName = 'Label';
195
- function AdditionalLabel(_ref15) {
222
+ function AdditionalLabel(_ref17) {
196
223
  var _ref5 = arguments[0],
197
- _ref11;
198
- var styles = _ref15.styles,
199
- hasChildren = _ref15.children,
200
- Children = _ref15.Children;
224
+ _ref13;
225
+ var styles = _ref17.styles,
226
+ hasChildren = _ref17.children,
227
+ Children = _ref17.Children;
201
228
  var SAdditionalLabel = _typography.Text;
202
229
  if (!hasChildren) {
203
230
  return null;
204
231
  }
205
- return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
232
+ return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
206
233
  "use": 'secondary'
207
- }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
234
+ }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})));
208
235
  }
209
236
  AdditionalLabel.displayName = 'AdditionalLabel';
210
- function Count(_ref16) {
237
+ function Count(_ref18) {
211
238
  var _ref6 = arguments[0],
212
- _ref12;
213
- var styles = _ref16.styles,
214
- hasChildren = _ref16.children,
215
- Children = _ref16.Children;
239
+ _ref14;
240
+ var styles = _ref18.styles,
241
+ hasChildren = _ref18.children,
242
+ Children = _ref18.Children;
216
243
  var SCount = _typography.Text;
217
244
  if (!hasChildren) {
218
245
  return null;
219
246
  }
220
- return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref12.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
247
+ return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref14.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
221
248
  "use": 'secondary'
222
- }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
249
+ }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref14.cn("Children", {})));
223
250
  }
224
251
  Count.displayName = 'Count';
225
252
  var LegendItemComponent = (0, _core["default"])(LegendItemRoot, {
@@ -1 +1 @@
1
- {"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_excluded","style","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","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]","_ref8","SPointShape","Box","hasChildren","theme","_ref13","_ref3","_ref9","SIcon","displayName","_ref14","_ref4","_ref10","SLabel","TypographyText","_ref15","_ref5","_ref11","SAdditionalLabel","_ref16","_ref6","_ref12","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';\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 } = this.asProps;\n\n return {\n id,\n label,\n shape,\n checked,\n color: resolveColor(color),\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 {\n styles,\n size,\n shape,\n checked,\n color,\n Children,\n children: hasChildren,\n onKeyUp,\n label,\n } = props;\n\n if (hasChildren) {\n return <Children />;\n }\n\n if (shape === 'Checkbox') {\n return (\n <Checkbox\n size={size}\n checked={checked}\n theme={checked ? color : undefined}\n onKeyUp={onKeyUp}\n aria-label={label}\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","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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"}
@@ -8,6 +8,6 @@ exports.StaticShapes = void 0;
8
8
  * Key of chart data item
9
9
  */
10
10
 
11
- var StaticShapes = ['Circle', 'Line', 'Square'];
11
+ var StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
12
12
  exports.StaticShapes = StaticShapes;
13
13
  //# sourceMappingURL=LegendItem.type.js.map
@@ -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';\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\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: () => void;\n};\n\nexport type ShapeProps = LegendItem & {\n size: LSize;\n shape: ShapeType;\n};\n\nexport const StaticShapes = ['Circle', 'Line', 'Square'] 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":";;;;;;AAMA;AACA;AACA;;AAmDO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}
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 accessability */\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: () => void;\n\n /** Enables patterns symbols that enhances charts accessability */\n patterns?: PatternsConfig;\n};\n\nexport type ShapeProps = LegendItem & {\n size: LSize;\n shape: ShapeType;\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;;AA2DO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}
@@ -59,6 +59,11 @@ SPointShape[shape='Square'][size='m'] {
59
59
  margin-top: 4px;
60
60
  }
61
61
 
62
+ SPointShape[shape='Pattern'] {
63
+ background-color: transparent;
64
+ margin-right: 4px;
65
+ }
66
+
62
67
  SIcon {
63
68
  line-height: 0;
64
69
  margin-right: 4px;
@@ -76,17 +81,22 @@ SLabel {
76
81
  min-width: 0;
77
82
  }
78
83
 
79
- SLabel[size='l'], SAdditionalLabel[size='l'], SCount[size='l'] {
84
+ SLabel[size='l'],
85
+ SAdditionalLabel[size='l'],
86
+ SCount[size='l'] {
80
87
  font-size: var(--intergalactic-fs-300, 16px);
81
88
  line-height: var(--intergalactic-lh-300, 150%);
82
89
  }
83
90
 
84
- SLabel[size='m'], SAdditionalLabel[size='m'], SCount[size='m'] {
91
+ SLabel[size='m'],
92
+ SAdditionalLabel[size='m'],
93
+ SCount[size='m'] {
85
94
  font-size: var(--intergalactic-fs-200, 14px);
86
95
  line-height: var(--intergalactic-lh-200, 142%);
87
96
  }
88
97
 
89
- SAdditionalLabel, SCount {
98
+ SAdditionalLabel,
99
+ SCount {
90
100
  margin-left: 4px;
91
101
  }
92
102
 
@@ -113,3 +123,7 @@ SAdditionalLabel[size='l']::before {
113
123
  SAdditionalLabel[size='m']::before {
114
124
  margin-top: 8px;
115
125
  }
126
+
127
+ SPatternSymbol {
128
+ transform: scale(0.8);
129
+ }
@@ -77,6 +77,18 @@ Object.defineProperty(exports, "Line", {
77
77
  return _Line["default"];
78
78
  }
79
79
  });
80
+ Object.defineProperty(exports, "PatternFill", {
81
+ enumerable: true,
82
+ get: function get() {
83
+ return _Pattern.PatternFill;
84
+ }
85
+ });
86
+ Object.defineProperty(exports, "PatternSymbol", {
87
+ enumerable: true,
88
+ get: function get() {
89
+ return _Pattern.PatternSymbol;
90
+ }
91
+ });
80
92
  Object.defineProperty(exports, "Plot", {
81
93
  enumerable: true,
82
94
  get: function get() {
@@ -161,6 +173,12 @@ Object.defineProperty(exports, "getLabelOffsetPosition", {
161
173
  return _Radar.getLabelOffsetPosition;
162
174
  }
163
175
  });
176
+ Object.defineProperty(exports, "getPatternSymbolSize", {
177
+ enumerable: true,
178
+ get: function get() {
179
+ return _Pattern.getPatternSymbolSize;
180
+ }
181
+ });
164
182
  Object.defineProperty(exports, "interpolateValue", {
165
183
  enumerable: true,
166
184
  get: function get() {
@@ -203,4 +221,5 @@ var _Hover = require("./Hover");
203
221
  var _utils = require("./utils");
204
222
  var _color = require("./color");
205
223
  var _hints = require("./a11y/hints");
224
+ var _Pattern = require("./Pattern");
206
225
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_Plot","_interopRequireDefault","require","_ChartLegend","_Chart","_Axis","_Line","_Bar","_HorizontalBar","_GroupBar","_StackBar","_Area","_StackedArea","_ScatterPlot","_Bubble","_RadialTree","_Donut","_Venn","_Radar","_interopRequireWildcard","_Tooltip","_ResponsiveContainer","_ReferenceLine","_Hover","_utils","_color","_hints"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,WAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,MAAA,GAAAC,uBAAA,CAAAjB,OAAA;AAEA,IAAAkB,QAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAEA,IAAAmB,oBAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,cAAA,GAAArB,sBAAA,CAAAC,OAAA;AAEA,IAAAqB,MAAA,GAAArB,OAAA;AAEA,IAAAsB,MAAA,GAAAtB,OAAA;AACA,IAAAuB,MAAA,GAAAvB,OAAA;AAEA,IAAAwB,MAAA,GAAAxB,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_Plot","_interopRequireDefault","require","_ChartLegend","_Chart","_Axis","_Line","_Bar","_HorizontalBar","_GroupBar","_StackBar","_Area","_StackedArea","_ScatterPlot","_Bubble","_RadialTree","_Donut","_Venn","_Radar","_interopRequireWildcard","_Tooltip","_ResponsiveContainer","_ReferenceLine","_Hover","_utils","_color","_hints","_Pattern"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\nexport { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,WAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,MAAA,GAAAC,uBAAA,CAAAjB,OAAA;AAEA,IAAAkB,QAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAEA,IAAAmB,oBAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,cAAA,GAAArB,sBAAA,CAAAC,OAAA;AAEA,IAAAqB,MAAA,GAAArB,OAAA;AAEA,IAAAsB,MAAA,GAAAtB,OAAA;AACA,IAAAuB,MAAA,GAAAvB,OAAA;AAEA,IAAAwB,MAAA,GAAAxB,OAAA;AAEA,IAAAyB,QAAA,GAAAzB,OAAA"}
@@ -9,6 +9,11 @@ SArea[color] {
9
9
  fill: var(--color);
10
10
  }
11
11
 
12
+ SArea[pattern] {
13
+ fill: var(--pattern);
14
+ fill-opacity: 0.7;
15
+ }
16
+
12
17
  SArea[transparent] {
13
18
  opacity: 0.3;
14
19
  }
@@ -42,4 +47,4 @@ SNull {
42
47
 
43
48
  SNull[hide] {
44
49
  display: none;
45
- }
50
+ }
@@ -11,6 +11,12 @@ SBar[color] {
11
11
  fill: var(--color);
12
12
  }
13
13
 
14
+ SBar[pattern][color] {
15
+ fill: var(--pattern);
16
+ stroke: var(--color);
17
+ stroke-width: 1px;
18
+ }
19
+
14
20
  SBar[hide] {
15
21
  display: none;
16
22
  }
@@ -21,4 +27,4 @@ SBar[transparent] {
21
27
 
22
28
  SBackground {
23
29
  fill: var(--intergalactic-chart-palette-order-other-data, #c4c7cf);
24
- }
30
+ }
@@ -8,6 +8,7 @@ SBubble {
8
8
  transition-duration: var(--duration);
9
9
  transition-timing-function: ease-in-out;
10
10
  opacity: 0.5;
11
+
11
12
  &:hover {
12
13
  opacity: 0.8;
13
14
  }
@@ -17,6 +18,12 @@ SBubble[color] {
17
18
  fill: var(--color);
18
19
  }
19
20
 
21
+ SBubble[pattern][color] {
22
+ fill: var(--pattern);
23
+ stroke: var(--color);
24
+ stroke-width: 1px;
25
+ }
26
+
20
27
  SBubble[transparent] {
21
28
  opacity: 0.3;
22
29
  }
@@ -54,4 +61,4 @@ SLabel[color] {
54
61
 
55
62
  SLabel[transparent] {
56
63
  opacity: 0.3;
57
- }
64
+ }
@@ -9,6 +9,12 @@ SPie[color] {
9
9
  fill: var(--color);
10
10
  }
11
11
 
12
+ SPie[pattern][color] {
13
+ fill: var(--pattern);
14
+ stroke: var(--color);
15
+ stroke-width: 1px;
16
+ }
17
+
12
18
  SPie[transparent] {
13
19
  opacity: 0.3;
14
20
  }
@@ -27,4 +33,4 @@ SLabel {
27
33
  font-size: var(--intergalactic-fs-200, 14px);
28
34
  line-height: var(--intergalactic-lh-200, 142%);
29
35
 
30
- }
36
+ }
@@ -7,10 +7,10 @@ SDots {
7
7
  }
8
8
 
9
9
  SDot {
10
- stroke-width: 2px;
10
+ stroke-width: 1px;
11
11
  stroke: var(--intergalactic-chart-grid-border, #ffffff);
12
12
  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
13
- transition-property: cx, cy;
13
+ transition-property: cx, cy, x, y;
14
14
  transition-timing-function: ease-in-out;
15
15
  }
16
16
 
@@ -39,6 +39,12 @@ SPolygon[color] {
39
39
  fill: var(--color);
40
40
  }
41
41
 
42
+ SPolygon[pattern][color] {
43
+ fill: var(--pattern);
44
+ stroke: var(--color);
45
+ stroke-width: 1px;
46
+ }
47
+
42
48
  SPolygonDot {
43
49
  stroke-width: 2px;
44
50
  stroke: var(--intergalactic-chart-grid-border, #ffffff);
@@ -70,4 +76,4 @@ SPolygonLine[color] {
70
76
 
71
77
  SPieRect {
72
78
  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
73
- }
79
+ }
@@ -21,6 +21,11 @@ SCap {
21
21
  transition: r 0.1s;
22
22
  }
23
23
 
24
+ SCap[pattern] {
25
+ stroke: var(--intergalactic-chart-grid-border, #ffffff);
26
+ stroke-width: 1px;
27
+ }
28
+
24
29
  SCap[transparent] {
25
30
  opacity: 0.3;
26
31
  }
@@ -6,6 +6,7 @@ SScatterPlot {
6
6
  transition-duration: var(--duration);
7
7
  transition-timing-function: ease-in-out;
8
8
  opacity: 0.5;
9
+
9
10
  &:hover {
10
11
  opacity: 0.8;
11
12
  }
@@ -15,6 +16,12 @@ SScatterPlot[color] {
15
16
  fill: var(--color);
16
17
  }
17
18
 
19
+ SScatterPlot[pattern][color] {
20
+ fill: var(--pattern);
21
+ stroke: var(--color);
22
+ stroke-width: 1px;
23
+ }
24
+
18
25
  SScatterPlot[transparent] {
19
26
  opacity: 0.3;
20
27
  }
@@ -31,4 +38,4 @@ SValue[color] {
31
38
 
32
39
  SValue[transparent] {
33
40
  opacity: 0.3;
34
- }
41
+ }