intergalactic 15.52.0-prerelease.0-prerelease-15fe9f5e → 15.53.0-prerelease-dfe34e97

package/d3-chart/lib/cjs/component/Chart/AbstractChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { FlexProps } from '@semcore/flex-box';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\nimport Icon from '@semcore/icon';\nimport { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n        /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n        legendType?: never | 'Flex';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Flex'>;\n      })\n    | {\n        /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n        legendType: 'Table';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Table'>;\n      }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {\n  /**\n   * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n   */\n  data: T;\n  /**\n   * Width of plot\n   */\n  plotWidth: number;\n  /**\n   * Height of plot\n   */\n  plotHeight: number;\n  /**\n   * Margin (for Y axis points) from left side of chart container to Y axis\n   */\n  marginY?: number;\n  /**\n   * Margin (for X axis points) from bottom of chart container to X axis\n   */\n  marginX?: number;\n  /**\n   * invert axis and show horizontal charts (only for Bars!)\n   */\n  invertAxis?: boolean;\n\n  /**\n   * Show X axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showXAxis?: boolean;\n  /**\n   * Show Y axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showYAxis?: boolean;\n  /**\n   * Map with colors for data items\n   */\n  colorMap?: Record<string, string>;\n  /**\n   * Show tooltip's.\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Show sum of values for selected point in tooltip\n   */\n  showTotalInTooltip?: boolean;\n  /**\n   * Scale for xAxis (see more in d3-scale)\n   */\n  xScale?: unknown;\n  /**\n   * Scale for yAxis (see more in d3-scale)\n   */\n  yScale?: unknown;\n  /**\n   * Count of ticks for X axis\n   */\n  xTicksCount?: number;\n  /**\n   * Count of ticks for Y axis\n   */\n  yTicksCount?: number;\n  /**\n   * Group key for all array-based charts (for get keys of items for legend except that group key)\n   */\n  groupKey?: string;\n  /**\n   * function for format axis item text\n   */\n  axisXValueFormatter?: (value: unknown) => string;\n  axisYValueFormatter?: (value: unknown) => string;\n  /**\n   * Function for format text for tooltip\n   */\n  tooltipValueFormatter?: (value?: unknown) => string;\n} /**\n * By default, we show the Legend for all charts with more the one data item.\n * For hide the Legend, you should set showLegend prop to `false`.\n */ & (\n    | {\n        /**\n         * Don't show legend\n         */\n        showLegend?: false;\n        legendProps?: never;\n      }\n    | {\n        /**\n         *  By default (if showLegend don't set), for one data item on chart,\n         *  Legend component will be hide, and show for more then 1 data item.\n         *  If set `true` - Legend component will show always.\n         */\n        showLegend?: true;\n        /**\n         * Props for Legend\n         */\n        legendProps?: Partial<BaseLegendProps>;\n      }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":""}
+{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { FlexProps } from '@semcore/flex-box';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\nimport Icon from '@semcore/icon';\nimport { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\nimport { PatternsConfig } from '../../Pattern';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n        /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n        legendType?: never | 'Flex';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Flex'>;\n      })\n    | {\n        /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n        legendType: 'Table';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Table'>;\n      }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {\n  /**\n   * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n   */\n  data: T;\n  /**\n   * Width of plot\n   */\n  plotWidth: number;\n  /**\n   * Height of plot\n   */\n  plotHeight: number;\n\n  /** Enables charts patterns that enhances charts accessability */\n  patterns?: PatternsConfig;\n  /**\n   * Margin (for Y axis points) from left side of chart container to Y axis\n   */\n  marginY?: number;\n  /**\n   * Margin (for X axis points) from bottom of chart container to X axis\n   */\n  marginX?: number;\n  /**\n   * invert axis and show horizontal charts (only for Bars!)\n   */\n  invertAxis?: boolean;\n\n  /**\n   * Show X axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showXAxis?: boolean;\n  /**\n   * Show Y axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showYAxis?: boolean;\n  /**\n   * Map with colors for data items\n   */\n  colorMap?: Record<string, string>;\n  /**\n   * Show tooltip's.\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Show sum of values for selected point in tooltip\n   */\n  showTotalInTooltip?: boolean;\n  /**\n   * Scale for xAxis (see more in d3-scale)\n   */\n  xScale?: unknown;\n  /**\n   * Scale for yAxis (see more in d3-scale)\n   */\n  yScale?: unknown;\n  /**\n   * Count of ticks for X axis\n   */\n  xTicksCount?: number;\n  /**\n   * Count of ticks for Y axis\n   */\n  yTicksCount?: number;\n  /**\n   * Group key for all array-based charts (for get keys of items for legend except that group key)\n   */\n  groupKey?: string;\n  /**\n   * function for format axis item text\n   */\n  axisXValueFormatter?: (value: unknown) => string;\n  axisYValueFormatter?: (value: unknown) => string;\n  /**\n   * Function for format text for tooltip\n   */\n  tooltipValueFormatter?: (value?: unknown) => string;\n} /**\n * By default, we show the Legend for all charts with more the one data item.\n * For hide the Legend, you should set showLegend prop to `false`.\n */ & (\n    | {\n        /**\n         * Don't show legend\n         */\n        showLegend?: false;\n        legendProps?: never;\n      }\n    | {\n        /**\n         *  By default (if showLegend don't set), for one data item on chart,\n         *  Legend component will be hide, and show for more then 1 data item.\n         *  If set `true` - Legend component will show always.\n         */\n        showLegend?: true;\n        /**\n         * Props for Legend\n         */\n        legendProps?: Partial<BaseLegendProps>;\n      }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":""}

package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js

@@ -87,7 +87,8 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
         _this$asProps2$shape = _this$asProps2.shape,
         shape = _this$asProps2$shape === void 0 ? 'Checkbox' : _this$asProps2$shape,
         _this$asProps2$size = _this$asProps2.size,
-        size = _this$asProps2$size === void 0 ? 'm' : _this$asProps2$size;
+        size = _this$asProps2$size === void 0 ? 'm' : _this$asProps2$size,
+        patterns = _this$asProps2.patterns;
       var line = this.getItem(index);
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, line), {}, {
         shape: shape,
@@ -98,7 +99,8 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
         style: {
           gridRowStart: "".concat(index + 1),
           gridRowEnd: "".concat(index + 2)
-        }
+        },
+        patterns: patterns
       });
     }
   }]);

package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.js.map

@@ -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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"}
+{"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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"}

package/d3-chart/lib/cjs/component/ChartLegend/BaseLegend.type.js.map

@@ -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":""}
+{"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":""}

package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -22,10 +22,10 @@ var _BaseLegend2 = require("../BaseLegend");
 var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1shn8_gg_._direction_row_1shn8_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1shn8_gg_._direction_column_1shn8_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1shn8_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_1shn8_gg_",
-  "_direction_row": "_direction_row_1shn8_gg_",
-  "_direction_column": "_direction_column_1shn8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1yvn1_gg_._direction_row_1yvn1_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1yvn1_gg_._direction_column_1yvn1_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1yvn1_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_1yvn1_gg_",
+  "_direction_row": "_direction_row_1yvn1_gg_",
+  "_direction_column": "_direction_column_1yvn1_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);

package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js

@@ -20,23 +20,27 @@ var _checkbox = _interopRequireDefault(require("intergalactic/checkbox"));
 var _typography = require("intergalactic/typography");
 var _LegendItem = require("./LegendItem.type");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+var _Pattern = require("../../../Pattern");
+var _utils = require("../../../utils");
 var _excluded = ["color"];
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_8qeo3_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_8qeo3_gg_:hover{cursor:pointer}.___SLegendItem_8qeo3_gg_.__disabled_8qeo3_gg_:hover{cursor:default}}.___SPointShape_8qeo3_gg_.__color_8qeo3_gg_{background-color:var(--color_8qeo3);margin-right:8px;flex-shrink:0}.___SPointShape_8qeo3_gg_._shape_Circle_8qeo3_gg_._size_l_8qeo3_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_8qeo3_gg_._shape_Circle_8qeo3_gg_._size_m_8qeo3_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_8qeo3_gg_._shape_Line_8qeo3_gg_._size_l_8qeo3_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_8qeo3_gg_._shape_Line_8qeo3_gg_._size_m_8qeo3_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_8qeo3_gg_._shape_Square_8qeo3_gg_._size_l_8qeo3_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_8qeo3_gg_._shape_Square_8qeo3_gg_._size_m_8qeo3_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_8qeo3_gg_{line-height:0;margin-right:4px}.___SIcon_8qeo3_gg_._size_l_8qeo3_gg_{margin-top:4px}.___SIcon_8qeo3_gg_._size_m_8qeo3_gg_{margin-top:2px}.___SLabel_8qeo3_gg_{min-width:0}.___SAdditionalLabel_8qeo3_gg_._size_l_8qeo3_gg_,.___SCount_8qeo3_gg_._size_l_8qeo3_gg_,.___SLabel_8qeo3_gg_._size_l_8qeo3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_8qeo3_gg_._size_m_8qeo3_gg_,.___SCount_8qeo3_gg_._size_m_8qeo3_gg_,.___SLabel_8qeo3_gg_._size_m_8qeo3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_8qeo3_gg_,.___SCount_8qeo3_gg_{margin-left:4px}.___SAdditionalLabel_8qeo3_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_8qeo3_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_8qeo3_gg_._size_l_8qeo3_gg_::before{margin-top:10px}.___SAdditionalLabel_8qeo3_gg_._size_m_8qeo3_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "8qeo3_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_8qeo3_gg_",
-  "_disabled": "__disabled_8qeo3_gg_",
-  "__SPointShape": "___SPointShape_8qeo3_gg_",
-  "_color": "__color_8qeo3_gg_",
-  "--color": "--color_8qeo3",
-  "_shape_Circle": "_shape_Circle_8qeo3_gg_",
-  "_size_l": "_size_l_8qeo3_gg_",
-  "_size_m": "_size_m_8qeo3_gg_",
-  "_shape_Line": "_shape_Line_8qeo3_gg_",
-  "_shape_Square": "_shape_Square_8qeo3_gg_",
-  "__SIcon": "___SIcon_8qeo3_gg_",
-  "__SLabel": "___SLabel_8qeo3_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_8qeo3_gg_",
-  "__SCount": "___SCount_8qeo3_gg_"
+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__*/, {
+  "__SLegendItem": "___SLegendItem_siahs_gg_",
+  "_disabled": "__disabled_siahs_gg_",
+  "__SPointShape": "___SPointShape_siahs_gg_",
+  "_color": "__color_siahs_gg_",
+  "--color": "--color_siahs",
+  "_shape_Circle": "_shape_Circle_siahs_gg_",
+  "_size_l": "_size_l_siahs_gg_",
+  "_size_m": "_size_m_siahs_gg_",
+  "_shape_Line": "_shape_Line_siahs_gg_",
+  "_shape_Square": "_shape_Square_siahs_gg_",
+  "_shape_Pattern": "_shape_Pattern_siahs_gg_",
+  "__SIcon": "___SIcon_siahs_gg_",
+  "__SLabel": "___SLabel_siahs_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_siahs_gg_",
+  "__SCount": "___SCount_siahs_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_siahs_gg_"
 });
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LegendItemRoot, _Component);
@@ -56,13 +60,16 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         id = _this$asProps.id,
         size = _this$asProps.size,
         onClick = _this$asProps.onClick,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        patterns = _this$asProps.patterns;
       return {
         id: id,
         label: label,
         shape: shape,
         checked: checked,
         color: resolveColor(color),
+        patternKey: color,
+        patterns: patterns,
         size: size,
         onKeyUp: function onKeyUp(e) {
           if (onClick && e.key === ' ') {
@@ -137,89 +144,109 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
 });
 function Shape(props) {
   var _ref2 = arguments[0],
-    _ref8;
+    _ref10;
   var SPointShape = _flexBox.Box;
+  var SPatternSymbol = _Pattern.PatternSymbol;
   var styles = props.styles,
     size = props.size,
     shape = props.shape,
     checked = props.checked,
     color = props.color,
+    _props$patternKey = props.patternKey,
+    patternKey = _props$patternKey === void 0 ? (0, _utils.getChartDefaultColorName)(0) : _props$patternKey,
     Children = props.Children,
     hasChildren = props.children,
     onKeyUp = props.onKeyUp,
-    label = props.label;
+    label = props.label,
+    patterns = props.patterns;
   if (hasChildren) {
     return /*#__PURE__*/_react["default"].createElement(Children, null);
   }
+  if (shape === 'Pattern') {
+    var _ref8;
+    return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref8.cn("Box", {
+      "mr": 1
+    }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
+      "color": color,
+      "patternKey": patternKey
+    })));
+  }
   if (shape === 'Checkbox') {
-    return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-      size: size,
-      checked: checked,
-      theme: checked ? color : undefined,
-      onKeyUp: onKeyUp,
+    var _ref9;
+    return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], _ref9.cn("Checkbox", {
+      "size": size,
+      "checked": checked,
+      "theme": checked ? color : undefined,
+      "onKeyUp": onKeyUp,
       "aria-label": label
-    });
+    })), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
+      "mt": '2px',
+      "mr": 1
+    }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
+      "color": color,
+      "patternKey": patternKey
+    }))));
   }
-  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", {})));
+  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", {})));
 }
-function Icon(_ref13) {
+function Icon(_ref15) {
   var _ref3 = arguments[0],
-    _ref9;
-  var styles = _ref13.styles,
-    hasChildren = _ref13.children,
-    Children = _ref13.Children;
+    _ref11;
+  var styles = _ref15.styles,
+    hasChildren = _ref15.children,
+    Children = _ref15.Children;
   var SIcon = _flexBox.Box;
   if (!hasChildren) {
     return null;
   }
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref9.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref11.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
 }
 Icon.displayName = 'Icon';
-function Label(_ref14) {
+function Label(_ref16) {
   var _ref4 = arguments[0],
-    _ref10;
-  var styles = _ref14.styles,
-    hasChildren = _ref14.children,
-    Children = _ref14.Children;
+    _ref12;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children;
   var SLabel = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref10.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref12.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'primary'
-  }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+  }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
 }
 Label.displayName = 'Label';
-function AdditionalLabel(_ref15) {
+function AdditionalLabel(_ref17) {
   var _ref5 = arguments[0],
-    _ref11;
-  var styles = _ref15.styles,
-    hasChildren = _ref15.children,
-    Children = _ref15.Children;
+    _ref13;
+  var styles = _ref17.styles,
+    hasChildren = _ref17.children,
+    Children = _ref17.Children;
   var SAdditionalLabel = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'secondary'
-  }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
+  }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})));
 }
 AdditionalLabel.displayName = 'AdditionalLabel';
-function Count(_ref16) {
+function Count(_ref18) {
   var _ref6 = arguments[0],
-    _ref12;
-  var styles = _ref16.styles,
-    hasChildren = _ref16.children,
-    Children = _ref16.Children;
+    _ref14;
+  var styles = _ref18.styles,
+    hasChildren = _ref18.children,
+    Children = _ref18.Children;
   var SCount = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref12.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref14.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'secondary'
-  }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
+  }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref14.cn("Children", {})));
 }
 Count.displayName = 'Count';
 var LegendItemComponent = (0, _core["default"])(LegendItemRoot, {

package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -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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"}
+{"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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"}

package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js

@@ -8,6 +8,6 @@ exports.StaticShapes = void 0;
  * Key of chart data item
  */
 
-var StaticShapes = ['Circle', 'Line', 'Square'];
+var StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
 exports.StaticShapes = StaticShapes;
 //# sourceMappingURL=LegendItem.type.js.map

package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map

@@ -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"}
+{"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"}

package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css

@@ -59,6 +59,11 @@ SPointShape[shape='Square'][size='m'] {
   margin-top: 4px;
 }
 
+SPointShape[shape='Pattern'] {
+  background-color: transparent;
+  margin-right: 4px;
+}
+
 SIcon {
   line-height: 0;
   margin-right: 4px;
@@ -76,17 +81,22 @@ SLabel {
   min-width: 0;
 }
 
-SLabel[size='l'], SAdditionalLabel[size='l'], SCount[size='l'] {
+SLabel[size='l'],
+SAdditionalLabel[size='l'],
+SCount[size='l'] {
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);
 }
 
-SLabel[size='m'], SAdditionalLabel[size='m'], SCount[size='m'] {
+SLabel[size='m'],
+SAdditionalLabel[size='m'],
+SCount[size='m'] {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
 }
 
-SAdditionalLabel, SCount {
+SAdditionalLabel,
+SCount {
   margin-left: 4px;
 }
 
@@ -113,3 +123,7 @@ SAdditionalLabel[size='l']::before {
 SAdditionalLabel[size='m']::before {
   margin-top: 8px;
 }
+
+SPatternSymbol {
+  transform: scale(0.8);
+}

package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js

@@ -18,12 +18,12 @@ var _flexBox = require("intergalactic/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_6t6q8_gg_.__columns-count_6t6q8_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_6t6q8_gg_._size_l_6t6q8_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_6t6q8_gg_._size_m_6t6q8_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "6t6q8_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_6t6q8_gg_",
-  "_columns-count": "__columns-count_6t6q8_gg_",
-  "__SColumnItem": "___SColumnItem_6t6q8_gg_",
-  "_size_l": "_size_l_6t6q8_gg_",
-  "_size_m": "_size_m_6t6q8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_5x0ni_gg_.__columns-count_5x0ni_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_5x0ni_gg_._size_l_5x0ni_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_5x0ni_gg_._size_m_5x0ni_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "5x0ni_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_5x0ni_gg_",
+  "_columns-count": "__columns-count_5x0ni_gg_",
+  "__SColumnItem": "___SColumnItem_5x0ni_gg_",
+  "_size_l": "_size_l_5x0ni_gg_",
+  "_size_m": "_size_m_5x0ni_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);

package/d3-chart/lib/cjs/index.js

@@ -77,6 +77,18 @@ Object.defineProperty(exports, "Line", {
     return _Line["default"];
   }
 });
+Object.defineProperty(exports, "PatternFill", {
+  enumerable: true,
+  get: function get() {
+    return _Pattern.PatternFill;
+  }
+});
+Object.defineProperty(exports, "PatternSymbol", {
+  enumerable: true,
+  get: function get() {
+    return _Pattern.PatternSymbol;
+  }
+});
 Object.defineProperty(exports, "Plot", {
   enumerable: true,
   get: function get() {
@@ -161,6 +173,12 @@ Object.defineProperty(exports, "getLabelOffsetPosition", {
     return _Radar.getLabelOffsetPosition;
   }
 });
+Object.defineProperty(exports, "getPatternSymbolSize", {
+  enumerable: true,
+  get: function get() {
+    return _Pattern.getPatternSymbolSize;
+  }
+});
 Object.defineProperty(exports, "interpolateValue", {
   enumerable: true,
   get: function get() {
@@ -203,4 +221,5 @@ var _Hover = require("./Hover");
 var _utils = require("./utils");
 var _color = require("./color");
 var _hints = require("./a11y/hints");
+var _Pattern = require("./Pattern");
 //# sourceMappingURL=index.js.map

package/d3-chart/lib/cjs/index.js.map

@@ -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"}
+{"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"}

package/d3-chart/lib/cjs/style/area.shadow.css

@@ -9,6 +9,11 @@ SArea[color] {
   fill: var(--color);
 }
 
+SArea[pattern] {
+  fill: var(--pattern);
+  fill-opacity: 0.7;
+}
+
 SArea[transparent] {
   opacity: 0.3;
 }
@@ -42,4 +47,4 @@ SNull {
 
 SNull[hide] {
   display: none;
-}
+}

package/d3-chart/lib/cjs/style/bar.shadow.css

@@ -11,6 +11,12 @@ SBar[color] {
   fill: var(--color);
 }
 
+SBar[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SBar[hide] {
   display: none;
 }
@@ -21,4 +27,4 @@ SBar[transparent] {
 
 SBackground {
   fill: var(--intergalactic-chart-palette-order-other-data, #c4c7cf);
-}
+}

package/d3-chart/lib/cjs/style/bubble.shadow.css

@@ -8,6 +8,7 @@ SBubble {
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
   opacity: 0.5;
+
   &:hover {
     opacity: 0.8;
   }
@@ -17,6 +18,12 @@ SBubble[color] {
   fill: var(--color);
 }
 
+SBubble[pattern][color] {
+  fill: var(--pattern);
+  stroke: var(--color);
+  stroke-width: 1px;
+}
+
 SBubble[transparent] {
   opacity: 0.3;
 }
@@ -54,4 +61,4 @@ SLabel[color] {
 
 SLabel[transparent] {
   opacity: 0.3;
-}
+}