intergalactic 15.52.0-prerelease.0-prerelease-3f2a94a7 → 15.53.0-prerelease-77cebec3

package/d3-chart/Pattern.d.ts

@@ -0,0 +1,336 @@
+import React from 'react';
+/**
+ * Object that is fully describes the pattern
+ */
+export type Pattern = {
+    /**
+     * SVG jsx element and svg viewbox of the SVG pattern
+     * used to fill chart elements such bars or areas
+     */
+    fill: {
+        viewBox: string;
+        children: React.ReactNode;
+    };
+    /**
+     * SVG jsx element, viewbox and render size of the single
+     * pattern image used on line dots or caps
+     */
+    symbol: {
+        viewBox: string;
+        size: [width: number, height: number];
+        children: React.ReactNode;
+    };
+    /**
+     * SVG stroke-dasharray property that defines line chart
+     * lines dash pattern
+     */
+    dasharray?: string;
+};
+declare const defaultPatterns: {
+    starSmall: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    romb: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    circleOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleDown: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    rombOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    square: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    trees: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    wave: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    star: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    cogwheel: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crossesDiagonal: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    chain: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    squama: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    linesDouble: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    zigzagVertical: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangleDownOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crosses: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    linesDoubleHorizontal: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    waveVertical: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    squareOutline: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    triangle: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    crescent: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+    zigzag: {
+        fill: {
+            viewBox: string;
+            children: JSX.Element;
+        };
+        symbol: {
+            viewBox: string;
+            size: [number, number];
+            children: JSX.Element;
+        };
+        dasharray: string;
+    };
+};
+export type PatternsConfig = true | keyof typeof defaultPatterns | Pattern | Pattern[];
+export declare const PatternFill: ({ id, color, patternKey, patterns, }: {
+    id: string;
+    color: string;
+    patternKey: string;
+    patterns?: PatternsConfig | undefined;
+}) => JSX.Element;
+export declare const getPatternSymbolSize: ({ patternKey, patterns, }: {
+    patternKey: string;
+    patterns?: PatternsConfig | undefined;
+}) => [width: number, height: number];
+export declare const PatternSymbol: React.FC<{
+    color: string;
+    patternKey: string;
+    patterns?: PatternsConfig;
+} & React.ComponentProps<'svg'>>;
+export declare const resolvePatternDasharray: (patternKey: string, patterns: PatternsConfig) => string | undefined;
+export {};

package/d3-chart/Plot.d.ts

@@ -2,6 +2,7 @@ import { BoxProps } from 'intergalactic/flex-box';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Context } from './context';
 import { DataStructureHints } from './a11y/hints';
+import { PatternsConfig } from '../Pattern';
 
 /** @deprecated */
 export interface IPlotProps extends PlotProps, UnknownProperties {}
@@ -27,6 +28,9 @@ export type PlotProps = Context &
     /** Optional prop to tune up alt text generating for charts */
     a11yAltTextConfig?: PlotSummarizerConfig;
 
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
+
     /** @deprecated */
     eventEmitter?: unknown;
   };

package/d3-chart/RadialTree.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { PatternsConfig } from './Pattern';
 type RadianData = {
     /**
      * Text label on the end of radian.
@@ -154,11 +155,15 @@ export type RadialTreeRadianCapProps = {
     transparent?: boolean;
     ['data-radial-animation']?: `${string}-cap-circle`;
     ['data-radian-index']?: number;
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
-type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
+type RadialTreeRadianCapAsProps = RadialTreeRadianCapProps & {
     Element: React.FC<{
-        render: string;
+        render: React.FC<any> | string;
         transparent: boolean;
+        patternKey?: string;
+        pattern?: boolean;
     } & React.SVGProps<any>>;
     styles: React.CSSProperties;
     resolveColor: (color?: string) => string;

package/d3-chart/component/Chart/AbstractChart.type.d.ts

@@ -4,6 +4,7 @@ import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 import Icon from 'intergalactic/icon';
 import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
 import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+import { PatternsConfig } from '../../Pattern';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -47,6 +48,8 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      * Height of plot
      */
     plotHeight: number;
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
     /**
      * Margin (for Y axis points) from left side of chart container to Y axis
      */

package/d3-chart/component/ChartLegend/BaseLegend.type.d.ts

@@ -1,6 +1,7 @@
 import { BoxProps, FlexProps } from 'intergalactic/flex-box';
 import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
 import { DataStructureHints } from '../../a11y/hints';
+import type { PatternsConfig } from '../../Pattern';
 export type LSize = 'm' | 'l';
 export type BaseChartLegendProps = FlexProps & {
     /**
@@ -24,4 +25,6 @@ export type LegendProps = BoxProps & BaseChartLegendProps & {
      * Legend items
      */
     items: LegendItem[];
+    /** Enables charts patterns that enhances charts accessability */
+    patterns?: PatternsConfig;
 };

package/d3-chart/component/ChartLegend/LegendItem/LegendItem.type.d.ts

@@ -3,6 +3,7 @@ import { Intergalactic, Root } from 'intergalactic/core';
 import Icon from 'intergalactic/icon';
 import { Text } from 'intergalactic/typography';
 import { LSize } from '../BaseLegend.type';
+import { PatternsConfig } from '../../../Pattern';
 /**
  * Key of chart data item
  */
@@ -36,6 +37,9 @@ export type LegendItem = {
     } | {
         count: number;
     };
+    patternKey?: string;
+    /** Enables patterns symbols that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
 export type LegendItemProps = LegendItem & {
     /**
@@ -51,12 +55,14 @@ export type LegendItemProps = LegendItem & {
      * !Need to redefine onClick, because we don't have `event` in it.
      */
     onClick: () => void;
+    /** Enables patterns symbols that enhances charts accessability */
+    patterns?: PatternsConfig;
 };
 export type ShapeProps = LegendItem & {
     size: LSize;
     shape: ShapeType;
 };
-export declare const StaticShapes: readonly ["Circle", "Line", "Square"];
+export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];
 export type ShapeType = 'Checkbox' | typeof StaticShapes[number];
 export type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {
     Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;

package/d3-chart/index.d.ts

@@ -80,6 +80,9 @@ export * from './component/ChartLegend/LegendTable/LegendTable.type';
 // @ts-ignore
 export * from './component/ChartLegend/LegendItem/LegendItem.type';
 
+// @ts-ignore
+export * from './Pattern';
+
 export { default as Chart } from './component/Chart';
 export * from './component/Chart/AbstractChart.type';
 export * from './component/Chart/LineChart.type';

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

@@ -20,16 +20,19 @@ var _Dots = _interopRequireDefault(require("./Dots"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
+var _Pattern = require("./Pattern");
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_ziazh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_ziazh_gg_.__color_ziazh_gg_{fill:var(--color_ziazh)}.___SArea_ziazh_gg_.__transparent_ziazh_gg_{opacity:.3}.___SAreaLine_ziazh_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_ziazh_gg_.__color_ziazh_gg_{stroke:var(--color_ziazh)}.___SAreaLine_ziazh_gg_.__transparent_ziazh_gg_{opacity:.3}.___SAreaLine_ziazh_gg_,.___SArea_ziazh_gg_{transition-property:d;transition-duration:var(--duration_ziazh);transition-timing-function:ease-in-out}.___SNull_ziazh_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_ziazh_gg_.__hide_ziazh_gg_{display:none}" /*__inner_css_end__*/, "ziazh_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_ziazh_gg_",
-  "_color": "__color_ziazh_gg_",
-  "--color": "--color_ziazh",
-  "_transparent": "__transparent_ziazh_gg_",
-  "__SAreaLine": "___SAreaLine_ziazh_gg_",
-  "--duration": "--duration_ziazh",
-  "__SNull": "___SNull_ziazh_gg_",
-  "_hide": "__hide_ziazh_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_kqaow_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_kqaow_gg_.__color_kqaow_gg_{fill:var(--color_kqaow)}.___SArea_kqaow_gg_.__pattern_kqaow_gg_{fill:var(--pattern_kqaow);fill-opacity:.7}.___SArea_kqaow_gg_.__transparent_kqaow_gg_{opacity:.3}.___SAreaLine_kqaow_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_kqaow_gg_.__color_kqaow_gg_{stroke:var(--color_kqaow)}.___SAreaLine_kqaow_gg_.__transparent_kqaow_gg_{opacity:.3}.___SAreaLine_kqaow_gg_,.___SArea_kqaow_gg_{transition-property:d;transition-duration:var(--duration_kqaow);transition-timing-function:ease-in-out}.___SNull_kqaow_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_kqaow_gg_.__hide_kqaow_gg_{display:none}" /*__inner_css_end__*/, "kqaow_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_kqaow_gg_",
+  "_color": "__color_kqaow_gg_",
+  "--color": "--color_kqaow",
+  "_pattern": "__pattern_kqaow_gg_",
+  "--pattern": "--pattern_kqaow",
+  "_transparent": "__transparent_kqaow_gg_",
+  "__SAreaLine": "___SAreaLine_kqaow_gg_",
+  "--duration": "--duration_kqaow",
+  "__SNull": "___SNull_kqaow_gg_",
+  "_hide": "__hide_kqaow_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AreaRoot, _Component);
@@ -47,7 +50,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         color = _this$asProps.color,
         d3Line = _this$asProps.d3Line,
         transparent = _this$asProps.transparent,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        patterns = _this$asProps.patterns;
       var data = this.asProps.data.filter(function (item) {
         return item[y] !== _utils.interpolateValue;
       });
@@ -58,7 +62,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         d3: d3Line,
         color: color,
         resolveColor: resolveColor,
-        transparent: transparent
+        transparent: transparent,
+        patterns: patterns
       };
     }
   }, {
@@ -119,7 +124,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         Children = _this$asProps4.Children,
         transparent = _this$asProps4.transparent,
         forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
-        resolveColor = _this$asProps4.resolveColor;
+        resolveColor = _this$asProps4.resolveColor,
+        patterns = _this$asProps4.patterns;
       var advancedMode = forcedAdvancedMode || !!(0, _findComponent["default"])(Children, [Area.Line.displayName]);
       var data = this.asProps.data.filter(function (item) {
         return item[y] !== _utils.interpolateValue;
@@ -128,7 +134,7 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
       this.asProps.dataHintsHandler.establishDataType('time-series');
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !advancedMode && /*#__PURE__*/_react["default"].createElement(SAreaLine, _ref.cn("SAreaLine", {
         "aria-hidden": true,
-        "clipPath": "url(#".concat(uid, ")"),
+        "clipPath": "url(#".concat(uid, "-animation)"),
         "d": d3Line(data),
         "color": resolveColor(color),
         "use:duration": "".concat(duration, "ms"),
@@ -139,6 +145,7 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "render": 'path',
         "d": d3(data),
         "hide": hide,
+        "pattern": patterns ? "url(#".concat(uid, "-pattern)") : undefined,
         "color": resolveColor(color),
         "use:duration": "".concat(duration, "ms"),
         "transparent": transparent
@@ -147,6 +154,11 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "id": uid,
         "width": 0,
         "height": size[1]
+      })), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref.cn("PatternFill", {
+        "id": "".concat(uid, "-pattern"),
+        "patternKey": color,
+        "color": resolveColor(color),
+        "patterns": patterns
       })));
     }
   }]);

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

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_AnimatedClipPath","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","data","filter","item","interpolateValue","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport AnimatedClipPath from './AnimatedClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
+{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_AnimatedClipPath","_Pattern","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","patterns","data","filter","item","interpolateValue","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","undefined","PatternFill","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor, patterns } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n      patterns,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid}-animation)`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}

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

@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_vdzoo_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_vdzoo_gg_.__hide_vdzoo_gg_,.___STick_vdzoo_gg_.__hide_vdzoo_gg_{display:none}.___STick_vdzoo_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_vdzoo_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_vdzoo_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_vdzoo)}.___STitle_vdzoo_gg_._position_top_vdzoo_gg_{text-anchor:middle}.___STitle_vdzoo_gg_._position_bottom_vdzoo_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_vdzoo_gg_._position_left_vdzoo_gg_,.___STitle_vdzoo_gg_._position_right_vdzoo_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_vdzoo_gg_._position_left_vdzoo_gg_.__verticalWritingMode_vdzoo_gg_,.___STitle_vdzoo_gg_._position_right_vdzoo_gg_.__verticalWritingMode_vdzoo_gg_{writing-mode:vertical-rl;transform:none}.___STick_vdzoo_gg_._position_top_vdzoo_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_vdzoo_gg_._position_bottom_vdzoo_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_vdzoo_gg_._position_right_vdzoo_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_vdzoo_gg_._position_left_vdzoo_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_vdzoo_gg_._position_custom_0_vdzoo_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_vdzoo_gg_._position_custom_1_vdzoo_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "vdzoo_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_vdzoo_gg_",
-  "_hide": "__hide_vdzoo_gg_",
-  "__STick": "___STick_vdzoo_gg_",
-  "__SGrid": "___SGrid_vdzoo_gg_",
-  "__STitle": "___STitle_vdzoo_gg_",
-  "--transform-origin": "--transform-origin_vdzoo",
-  "_position_top": "_position_top_vdzoo_gg_",
-  "_position_bottom": "_position_bottom_vdzoo_gg_",
-  "_position_right": "_position_right_vdzoo_gg_",
-  "_position_left": "_position_left_vdzoo_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_vdzoo_gg_",
-  "_position_custom_0": "_position_custom_0_vdzoo_gg_",
-  "_position_custom_1": "_position_custom_1_vdzoo_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_fxytp_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_fxytp_gg_.__hide_fxytp_gg_,.___STick_fxytp_gg_.__hide_fxytp_gg_{display:none}.___STick_fxytp_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_fxytp_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_fxytp_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_fxytp)}.___STitle_fxytp_gg_._position_top_fxytp_gg_{text-anchor:middle}.___STitle_fxytp_gg_._position_bottom_fxytp_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_fxytp_gg_._position_left_fxytp_gg_,.___STitle_fxytp_gg_._position_right_fxytp_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_fxytp_gg_._position_left_fxytp_gg_.__verticalWritingMode_fxytp_gg_,.___STitle_fxytp_gg_._position_right_fxytp_gg_.__verticalWritingMode_fxytp_gg_{writing-mode:vertical-rl;transform:none}.___STick_fxytp_gg_._position_top_fxytp_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_fxytp_gg_._position_bottom_fxytp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_fxytp_gg_._position_right_fxytp_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_fxytp_gg_._position_left_fxytp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_fxytp_gg_._position_custom_0_fxytp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_fxytp_gg_._position_custom_1_fxytp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "fxytp_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_fxytp_gg_",
+  "_hide": "__hide_fxytp_gg_",
+  "__STick": "___STick_fxytp_gg_",
+  "__SGrid": "___SGrid_fxytp_gg_",
+  "__STitle": "___STitle_fxytp_gg_",
+  "--transform-origin": "--transform-origin_fxytp",
+  "_position_top": "_position_top_fxytp_gg_",
+  "_position_bottom": "_position_bottom_fxytp_gg_",
+  "_position_right": "_position_right_fxytp_gg_",
+  "_position_left": "_position_left_fxytp_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_fxytp_gg_",
+  "_position_custom_0": "_position_custom_0_fxytp_gg_",
+  "_position_custom_1": "_position_custom_1_fxytp_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');