@wix/design-system 1.0.0

package/dist/cjs/SparklineChart/SparklineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LINE_WIDTH","AREA_MASK_ID","TOOLTIP_ELEMENT_RADIUS","DEFAULT_GRADIENT_ID","SparklineChart","React","PureComponent","constructor","props","_shouldShowTooltip","hoveredLabel","state","getTooltipContent","_useCreateContext","halfWidth","width","height","data","highlightedStartingIndex","color","highlightedEndingIndex","length","margin","top","right","bottom","left","innerTop","innerLeft","innerHeight","innerWidth","maxValue","max","_getValues","firstLabel","_getLabelAt","lastLabel","xScale","scaleTime","domain","range","yScale","scaleLinear","lineGenerator","line","x","dataPoint","i","y","curve","curveMonotoneX","areaGenerator","area","y0","y1","innerBottom","position","label","map","pair","value","_getLabels","_drawSparkline","chartContext","onHover","labels","container","select","svgRef","current","attr","dataContainer","dataHooks","_drawLines","componentRef","on","setState","d","dateUnderPointer","invert","pointer","currentDateIndex","bisector","date","beforeDateIndex","beforeDate","afterDate","closestDate","_areDatesEqual","labelIndex","indexOf","dataSets","selectAll","join","dataSet","enter","group","append","_getAreaMaskId","randomComponentId","_getLineColorId","_updateLines","update","_updateComponent","set","className","fncUpdater","animationDuration","transition","duration","ease","easeQuadIn","Math","random","toString","createRef","_getValueAt","date1","date2","date1Time","getTime","date2Time","componentId","componentDidMount","componentDidUpdate","prevProps","_updateContext","render","dataHook","context","highlightedStart","highlightedEnd","highlightedStartRelativeLocation","highlightedEndRelativeLocation","hoveredLabelIndex","currentHoveredLabel","currentHoveredValue","content","xCoordinate","yCoordinate","overflow","zIndex","stopColor","stopOpacity","classes","gradientStop","gradientStopWithoutOpacity","gradientStopWithHalfOpacity","tooltipElement","displayName","propTypes","PropTypes","string","number","arrayOf","shape","instanceOf","Date","isRequired","func","defaultProps"],"sources":["../../../src/SparklineChart/SparklineChart.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { scaleTime, scaleLinear } from 'd3-scale';\nimport { max, bisector } from 'd3-array';\nimport { line, area, curveMonotoneX } from 'd3-shape';\nimport { select, pointer } from 'd3-selection';\nimport { easeQuadIn } from 'd3-ease';\nimport { ChartTooltip } from './ChartTooltip';\nimport { dataHooks } from './constants';\nimport { classes } from './SparklineChart.st.css';\nimport 'd3-transition';\n\nconst LINE_WIDTH = 2;\nconst AREA_MASK_ID = 'areaMaskId';\nconst TOOLTIP_ELEMENT_RADIUS = 4;\nconst DEFAULT_GRADIENT_ID = 'DEFAULT_GRADIENT_ID';\n\n/** SparklineChart */\nclass SparklineChart extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.randomComponentId = Math.random().toString();\n    this.chartContext = {};\n\n    this.svgRef = React.createRef(null);\n    this.componentRef = React.createRef(null);\n\n    this.state = {\n      hoveredLabel: null,\n    };\n  }\n\n  _shouldShowTooltip = () => {\n    const { hoveredLabel } = this.state;\n    const { getTooltipContent } = this.props;\n    return (\n      getTooltipContent &&\n      typeof getTooltipContent === 'function' &&\n      hoveredLabel\n    );\n  };\n\n  _useCreateContext = () => {\n    const halfWidth = LINE_WIDTH / 2;\n    const {\n      width = 200,\n      height = 40,\n      data,\n      highlightedStartingIndex = 0,\n      color,\n    } = this.props;\n\n    const { highlightedEndingIndex = data.length - 1 } = this.props;\n\n    const margin = {\n      top: halfWidth + 2,\n      right: halfWidth,\n      bottom: halfWidth,\n      left: halfWidth,\n    };\n\n    const innerTop = margin.top;\n    const innerLeft = margin.left;\n    const innerHeight = height - innerTop - margin.bottom;\n    const innerWidth = width - innerLeft - margin.right;\n\n    const maxValue = max(this._getValues(data));\n    const firstLabel = this._getLabelAt(data, 0);\n    const lastLabel = this._getLabelAt(data, data.length - 1);\n\n    const xScale = scaleTime()\n      .domain([firstLabel, lastLabel])\n      .range([innerLeft, innerWidth]);\n    const yScale = scaleLinear()\n      .domain([0, maxValue])\n      .range([innerHeight, innerTop]);\n\n    const lineGenerator = line()\n      .x((dataPoint, i) => {\n        return xScale(this._getLabelAt(data, i));\n      })\n      .y(dataPoint => {\n        return yScale(dataPoint);\n      })\n      .curve(curveMonotoneX);\n\n    const areaGenerator = area()\n      .x((dataPoint, i) => {\n        return xScale(this._getLabelAt(data, i));\n      })\n      .y0(() => innerHeight)\n      .y1(dataPoint => {\n        return yScale(dataPoint);\n      })\n      .curve(curveMonotoneX);\n\n    return {\n      margin,\n      width,\n      height,\n      innerTop,\n      innerLeft,\n      innerBottom: margin.top + innerHeight,\n      innerWidth,\n      innerHeight,\n      data,\n      xScale,\n      yScale,\n      highlightedStartingIndex,\n      highlightedEndingIndex,\n      lineGenerator,\n      areaGenerator,\n      color,\n    };\n  };\n\n  _getLabelAt = (data, position) => {\n    return data[position] && data[position].label;\n  };\n\n  _getValueAt(data, position) {\n    return data[position] && data[position].value;\n  }\n\n  _getValues = data => data.map(pair => pair.value);\n  _getLabels = data => data.map(pair => pair.label);\n\n  _drawSparkline = () => {\n    const { width, height, data } = this.chartContext;\n    const { onHover } = this.props;\n    const labels = this._getLabels(data);\n\n    const container = select(this.svgRef.current);\n\n    container.attr('width', width).attr('height', height);\n    const dataContainer = container.select(\n      `[data-hook=\"${dataHooks.dataContainer}\"]`,\n    );\n\n    this._drawLines(dataContainer);\n    select(this.componentRef.current)\n      .on('mouseleave', () => {\n        this.setState({ hoveredLabel: null });\n      })\n      .on('mousemove', d => {\n        const dateUnderPointer = this.chartContext.xScale.invert(pointer(d)[0]);\n        const currentDateIndex = bisector(function (date) {\n          return date;\n        }).left(labels, dateUnderPointer, 1);\n\n        const beforeDateIndex = currentDateIndex - 1;\n\n        const beforeDate = labels[beforeDateIndex];\n        const afterDate = labels[currentDateIndex];\n        const closestDate =\n          +dateUnderPointer - +beforeDate > +afterDate - +dateUnderPointer\n            ? afterDate\n            : beforeDate;\n\n        if (\n          typeof onHover === 'function' &&\n          !this._areDatesEqual(closestDate, this.state.hoveredLabel)\n        ) {\n          const labelIndex = labels.indexOf(closestDate);\n          onHover(labelIndex);\n        }\n        this.setState({ hoveredLabel: closestDate });\n      });\n  };\n\n  _areDatesEqual(date1, date2) {\n    const date1Time = date1 && date1.getTime();\n    const date2Time = date2 && date2.getTime();\n    return date1Time === date2Time;\n  }\n\n  _getLineColorId(dataSet, componentId) {\n    return `${componentId}color`;\n  }\n\n  _getAreaMaskId(componentId) {\n    return `${AREA_MASK_ID}${componentId}`;\n  }\n\n  _drawLines = dataContainer => {\n    const { data, lineGenerator, areaGenerator, color } = this.chartContext;\n\n    const dataSets = [data];\n    dataContainer\n      .selectAll('.chartLines')\n      .data(dataSets)\n      .join('g')\n      .attr('class', 'chartLines')\n      .selectAll('g')\n      .data(dataSet => {\n        return [dataSet];\n      })\n      .join(\n        enter => {\n          const group = enter.append('g');\n          group\n            .append('path')\n            .attr('class', 'innerArea')\n            .attr(\n              'mask',\n              `url(#${this._getAreaMaskId(this.randomComponentId)})`,\n            )\n            .attr('fill', dataSet => {\n              return `url(#${color || DEFAULT_GRADIENT_ID})`;\n            })\n            .attr('d', dataSet => {\n              return areaGenerator(dataSet.map(() => 0));\n            });\n          group\n            .append('path')\n            .attr('class', 'innerLineBack')\n            .attr('fill', 'none')\n            .attr('stroke-width', LINE_WIDTH + 4)\n            .attr('stroke-linecap', 'round')\n            .attr('stroke', 'white')\n            .attr('d', dataSet => {\n              return lineGenerator(dataSet.map(() => 0));\n            });\n\n          group\n            .append('path')\n            .attr('class', 'innerLine')\n            .attr('fill', 'none')\n            .attr('stroke-width', LINE_WIDTH)\n            .attr('stroke-linecap', 'round')\n            .attr('stroke', dataSet => {\n              return `url(#${this._getLineColorId(\n                dataSet,\n                this.randomComponentId,\n              )})`;\n            })\n            .attr('d', dataSet => {\n              return lineGenerator(dataSet.map(() => 0));\n            });\n\n          this._updateLines(group);\n\n          return group;\n        },\n        update => {\n          this._updateLines(update);\n          return update;\n        },\n      );\n  };\n\n  _updateLines = container => {\n    const { lineGenerator, areaGenerator } = this.chartContext;\n    this._updateComponent(container, '.innerLine', set => {\n      return lineGenerator(this._getValues(set));\n    });\n\n    this._updateComponent(container, '.innerLineBack', set => {\n      return lineGenerator(this._getValues(set));\n    });\n\n    this._updateComponent(container, '.innerArea', set => {\n      return areaGenerator(this._getValues(set));\n    });\n  };\n\n  _updateComponent = (container, className, fncUpdater) => {\n    const { animationDuration } = this.props;\n    container\n      .select(className)\n      .transition()\n      .duration(animationDuration)\n      .ease(easeQuadIn)\n      .attr('d', fncUpdater);\n  };\n\n  componentDidMount() {\n    this._drawSparkline();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.data !== this.props.data) {\n      this._drawSparkline();\n    }\n  }\n\n  _updateContext() {\n    this.chartContext = this._useCreateContext();\n  }\n\n  render() {\n    this._updateContext();\n    const { getTooltipContent, className, dataHook } = this.props;\n    const { hoveredLabel } = this.state;\n    const context = this.chartContext;\n    const {\n      data,\n      highlightedStartingIndex,\n      highlightedEndingIndex,\n      innerWidth,\n      height,\n      width,\n      color,\n    } = context;\n\n    const highlightedStart = context.xScale(\n      this._getLabelAt(data, highlightedStartingIndex),\n    );\n    const highlightedEnd = context.xScale(\n      this._getLabelAt(data, highlightedEndingIndex),\n    );\n    const highlightedStartRelativeLocation = highlightedStart / innerWidth;\n    const highlightedEndRelativeLocation = highlightedEnd / innerWidth;\n\n    const labels = this._getLabels(data);\n    const hoveredLabelIndex = bisector(function (d) {\n      return d;\n    }).left(labels, hoveredLabel, 0);\n    const currentHoveredLabel = this._getLabelAt(data, hoveredLabelIndex);\n    const currentHoveredValue = this._getValueAt(data, hoveredLabelIndex);\n    const dataPoint = {\n      content:\n        getTooltipContent &&\n        typeof getTooltipContent === 'function' &&\n        getTooltipContent(hoveredLabelIndex),\n      xCoordinate: context.xScale(currentHoveredLabel),\n      yCoordinate:\n        context.yScale(currentHoveredValue) - TOOLTIP_ELEMENT_RADIUS / 2,\n    };\n\n    return (\n      <div\n        style={{ width, height, position: 'relative' }}\n        ref={this.componentRef}\n        className={className}\n        data-hook={dataHook}\n      >\n        <svg style={{ overflow: 'visible', zIndex: 1 }} ref={this.svgRef}>\n          <defs>\n            <mask id={this._getAreaMaskId(this.randomComponentId)}>\n              <rect\n                x={highlightedStart}\n                y=\"0\"\n                width={highlightedEnd - highlightedStart}\n                height={height}\n                fill=\"white\"\n              />\n            </mask>\n\n            <linearGradient\n              gradientUnits=\"userSpaceOnUse\"\n              key={`${this.randomComponentId}a`}\n              id={this._getLineColorId(data, this.randomComponentId)}\n              x1=\"0px\"\n              y1=\"0px\"\n              x2={`${innerWidth}px`}\n              y2=\"0px\"\n            >\n              <stop\n                offset={highlightedStartRelativeLocation}\n                style={{ stopColor: '#dfe5eb', stopOpacity: 1 }}\n              />\n              <stop\n                offset={highlightedStartRelativeLocation}\n                className={classes.gradientStop}\n                style={{ stopColor: color }}\n              />\n              <stop\n                offset={highlightedEndRelativeLocation}\n                className={classes.gradientStop}\n                style={{\n                  stopColor: color,\n                }}\n              />\n              <stop\n                offset={highlightedEndRelativeLocation}\n                style={{ stopColor: '#dfe5eb', stopOpacity: 1 }}\n              />\n              <stop\n                offset={1}\n                style={{ stopColor: '#dfe5eb', stopOpacity: 1 }}\n              />\n            </linearGradient>\n\n            <linearGradient\n              gradientUnits=\"userSpaceOnUse\"\n              key={this.randomComponentId}\n              id={color || DEFAULT_GRADIENT_ID}\n              x1=\"0px\"\n              y1={`${context.innerHeight}px`}\n              x2=\"0px\"\n              y2=\"0px\"\n            >\n              <stop\n                offset=\"10%\"\n                className={classes.gradientStopWithoutOpacity}\n                style={{ stopColor: color }}\n              />\n              <stop\n                offset=\"90%\"\n                className={classes.gradientStopWithHalfOpacity}\n                style={{\n                  stopColor: color,\n                }}\n              />\n            </linearGradient>\n          </defs>\n          <g>\n            <g data-hook={dataHooks.dataContainer} />\n            {this._shouldShowTooltip() && (\n              <g\n                transform={`translate(${dataPoint.xCoordinate}, ${\n                  dataPoint.yCoordinate + TOOLTIP_ELEMENT_RADIUS / 2\n                })`}\n              >\n                <circle\n                  r={TOOLTIP_ELEMENT_RADIUS}\n                  className={classes.tooltipElement}\n                  fill={color}\n                />\n              </g>\n            )}\n          </g>\n        </svg>\n        {this._shouldShowTooltip() && <ChartTooltip dataPoint={dataPoint} />}\n      </div>\n    );\n  }\n}\n\nSparklineChart.displayName = 'SparklineChart';\n\nSparklineChart.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n\n  /** Sets the width of the sparkline (pixels) */\n  width: PropTypes.number,\n\n  /** Sets the height of the sparkline (pixels) */\n  height: PropTypes.number,\n\n  /** Chart data */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.instanceOf(Date),\n      value: PropTypes.number,\n    }),\n  ).isRequired,\n\n  /** Sets the color of the sparkline  */\n  color: PropTypes.string,\n\n  /** Indicates the starting index of the highlighted area. Default is 0  */\n  highlightedStartingIndex: PropTypes.number,\n\n  /** Indicates the ending index of the highlighted area. Default is the last one  */\n  highlightedEndingIndex: PropTypes.number,\n\n  /** Tooltip content (JSX) getter function.  */\n  getTooltipContent: PropTypes.func,\n\n  /** callback when graph is hovered*/\n  onHover: PropTypes.func,\n\n  /** Sets the duration of the animation in milliseconds */\n  animationDuration: PropTypes.number,\n};\n\nSparklineChart.defaultProps = {\n  animationDuration: 300,\n};\n\nexport default SparklineChart;\n"],"mappings":"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"}

package/dist/cjs/SparklineChart/SparklineChart.meta.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  data: [{
+    label: new Date('Thu Sep 4 2020'),
+    value: 3
+  }, {
+    label: new Date('Thu Sep 5 2020'),
+    value: 17
+  }, {
+    label: new Date('Thu Sep 6 2020'),
+    value: 18
+  }]
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=SparklineChart.meta.js.map

package/dist/cjs/SparklineChart/SparklineChart.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","data","label","Date","value","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/SparklineChart/SparklineChart.meta.tsx"],"sourcesContent":["import { SparklineChartProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: SparklineChartProps = {\n  data: [\n    { label: new Date('Thu Sep 4 2020'), value: 3 },\n    { label: new Date('Thu Sep 5 2020'), value: 17 },\n    { label: new Date('Thu Sep 6 2020'), value: 18 },\n  ],\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as SparklineChartProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAkC,GAAG;EAChDC,IAAI,EAAE,CACJ;IAAEC,KAAK,EAAE,IAAIC,IAAI,CAAC,gBAAgB,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,EAC/C;IAAEF,KAAK,EAAE,IAAIC,IAAI,CAAC,gBAAgB,CAAC;IAAEC,KAAK,EAAE;EAAG,CAAC,EAChD;IAAEF,KAAK,EAAE,IAAIC,IAAI,CAAC,gBAAgB,CAAC;IAAEC,KAAK,EAAE;EAAG,CAAC;AAEpD,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAP,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMQ,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/SparklineChart/SparklineChart.st.css

@@ -0,0 +1,21 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: A1;
+}
+
+.gradientStop {
+  stop-color: value(A1);
+  stop-opacity: 1;
+}
+.gradientStopWithoutOpacity {
+  stop-color: value(A1);
+  stop-opacity: 0;
+}
+.gradientStopWithHalfOpacity {
+  stop-color: value(A1);
+  stop-opacity: 0.5;
+}
+
+.tooltipElement {
+  fill: value(A1);
+}

package/dist/cjs/SparklineChart/SparklineChart.st.css.js

@@ -0,0 +1,24 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_SparklineChart";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_SparklineChart__root","gradientStop":"wds_1_0_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_0_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_0_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_0_0_SparklineChart__tooltipElement"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/SparklineChart/SparklineChart.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=SparklineChart.uni.driver.d.js.map

package/dist/cjs/SparklineChart/SparklineChart.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/SparklineChart/SparklineChart.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface SparklineChartUniDriver extends BaseUniDriver {}\n"],"mappings":""}

package/dist/cjs/SparklineChart/SparklineChart.uni.driver.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.sparklineChartDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// import { dataHooks } from './constants';
+
+var sparklineChartDriverFactory = (base, body) => {
+  return _objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body));
+};
+exports.sparklineChartDriverFactory = sparklineChartDriverFactory;
+//# sourceMappingURL=SparklineChart.uni.driver.js.map

package/dist/cjs/SparklineChart/SparklineChart.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sparklineChartDriverFactory","base","body","baseUniDriverFactory"],"sources":["../../../src/SparklineChart/SparklineChart.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory /* findByHook */,\n} from '../test-utils/utils/unidriver';\n// import { dataHooks } from './constants';\n\nexport const sparklineChartDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n  };\n};\n"],"mappings":";;;;;;AAAA;AAEuC;AAAA;AACvC;;AAEO,IAAMA,2BAA2B,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EACzD,yBACK,IAAAC,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;AAEvC,CAAC;AAAC"}

package/dist/cjs/SparklineChart/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var dataHooks = {
+  chartPopover: 'sparklineChart-popover',
+  dataContainer: 'sparklineChart-dataContainer'
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/SparklineChart/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","chartPopover","dataContainer"],"sources":["../../../src/SparklineChart/constants.js"],"sourcesContent":["export const dataHooks = {\n  chartPopover: 'sparklineChart-popover',\n  dataContainer: 'sparklineChart-dataContainer',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,YAAY,EAAE,wBAAwB;EACtCC,aAAa,EAAE;AACjB,CAAC;AAAC"}

package/dist/cjs/SparklineChart/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class SparklineChart extends React.PureComponent {}
+exports.default = SparklineChart;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/SparklineChart/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SparklineChart","React","PureComponent"],"sources":["../../../src/SparklineChart/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\ntype chartData = {\n  label: Date;\n  value: number;\n};\n\nexport interface SparklineChartProps {\n  dataHook?: string;\n  className?: string;\n  data: chartData[];\n  color?: string;\n  width?: number;\n  height?: number;\n  highlightedStartingIndex?: number;\n  highlightedEndingIndex?: number;\n  getTooltipContent?: (index: number) => React.ReactNode;\n  onHover?: (index: number) => void;\n  animationDuration?: number;\n}\n\nexport default class SparklineChart extends React.PureComponent<SparklineChartProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAqBhB,MAAMA,cAAc,SAASC,KAAK,CAACC,aAAa,CAAsB;AAAE"}

package/dist/cjs/SparklineChart/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _SparklineChart = _interopRequireDefault(require("./SparklineChart.js"));
+exports.default = _SparklineChart.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/SparklineChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/SparklineChart/index.js"],"sourcesContent":["export { default } from './SparklineChart.js';\n"],"mappings":";;;;;AAAA;AAA8C"}

package/dist/cjs/StackedBarChart/StackedBarChart.js

@@ -0,0 +1,316 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
+var _StackedBarChartSt = require("./StackedBarChart.st.css.js");
+var _colorsSt = require("../Foundation/stylable/colors.st.css.js");
+var _d3Scale = require("d3-scale");
+var _d3Selection = require("d3-selection");
+var _d3Axis = require("d3-axis");
+var _d3Format = require("d3-format");
+var _constants = require("./constants");
+var _Text = _interopRequireDefault(require("../Text"));
+var _context = require("../WixStyleReactProvider/context");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/StackedBarChart/StackedBarChart.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var defaultYAxisTickFormat = (0, _d3Format.format)(',');
+var CONSTANTS = {
+  top: 30,
+  right: 30,
+  bottom: 30,
+  left: 100,
+  gap: 18,
+  barWidth: 48
+};
+
+/** StackedBarChart */
+class StackedBarChart extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+    this._getAmountOfBarsCanRender = data => {
+      var {
+        width
+      } = this.props;
+      var result = [];
+      var availableWidthForBars = width - this.margin.left;
+      var barWidth = CONSTANTS.barWidth + CONSTANTS.gap;
+      var availableBarsForRender = Math.floor(availableWidthForBars / barWidth);
+      for (var i = 0; i < availableBarsForRender; i++) {
+        if (!!data[i]) {
+          result.push(data[i]);
+        }
+      }
+      return result;
+    };
+    this._update = () => {
+      var {
+        data,
+        yAxisTickFormat,
+        width
+      } = this.props;
+      var {
+        svg,
+        x,
+        y
+      } = this.state;
+
+      // Data
+      var _data = this._getAmountOfBarsCanRender(data).map(d => _objectSpread(_objectSpread({}, d), {}, {
+        sum: d.values.reduce((a, b) => a + b, 0)
+      }));
+      var innerPadding = _data.length > 4 ? 0.8 : 0.75;
+      var scalesPadding = 0.5;
+      var scaleWidth = _data.length * (CONSTANTS.barWidth + CONSTANTS.gap) + CONSTANTS.gap;
+
+      // Scales
+      var _x = x.domain(_data.map(d => d.label)).range([0, scaleWidth]).paddingInner(innerPadding).paddingOuter(scalesPadding).round(true);
+      var _y = y.domain([0, Math.max(..._data.map(d => d.sum))]);
+      var yAxis = (0, _d3Axis.axisRight)(_y).tickSize(width).tickFormat(d => yAxisTickFormat(d, defaultYAxisTickFormat(d))).ticks(4);
+      svg.select("[data-hook=\"".concat(_constants.dataHooks.yAxis, "\"]")).call(yAxis).selectAll('.tick text').attr('x', -6).attr('dy', 4);
+      this.setState({
+        data: _data,
+        x: _x,
+        y: _y,
+        yAxis,
+        width
+      });
+    };
+    this.chart = /*#__PURE__*/_react.default.createRef();
+    window.chart = this;
+    this.data = [];
+    this.colors = [_colorsSt.stVars.A1, _colorsSt.stVars.A6];
+    this.newBrandingColors = [_colorsSt.stVars.A1, _colorsSt.stVars.A2];
+    this.margin = Object.assign(CONSTANTS, props.margin);
+    this.height = props.height;
+    this.chartHeight = this.height - this.margin.top - this.margin.bottom;
+    this.state = {
+      data: [],
+      x: (0, _d3Scale.scaleBand)().range([0, props.weight]),
+      y: (0, _d3Scale.scaleLinear)().range([this.chartHeight, 0]),
+      width: props.weight
+    };
+  }
+  componentDidMount() {
+    this.setState({
+      svg: (0, _d3Selection.select)(this.chart.current)
+    }, this._update);
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.data !== this.props.data) {
+      this.setState({
+        svg: (0, _d3Selection.select)(this.chart.current)
+      }, this._update);
+      return true;
+    }
+  }
+  render() {
+    var {
+      tooltipTemplate,
+      tooltipCommonProps,
+      className,
+      dataHook
+    } = this.props;
+    var {
+      data,
+      x,
+      y,
+      width
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_context.WixStyleReactContext.Consumer, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 142,
+        columnNumber: 7
+      }
+    }, _ref => {
+      var {
+        newColorsBranding
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        "data-hook": dataHook,
+        className: (0, _StackedBarChartSt.st)(_StackedBarChartSt.classes.root, {}, className),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 144,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement("svg", {
+        ref: this.chart,
+        width: width,
+        height: this.height,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 146,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/_react.default.createElement("g", {
+        "data-hook": _constants.dataHooks.yAxis,
+        className: _StackedBarChartSt.classes.yAxis,
+        transform: "translate(".concat(this.margin.left, ", ").concat(this.margin.top, ")"),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 148,
+          columnNumber: 15
+        }
+      }), /*#__PURE__*/_react.default.createElement("g", {
+        "data-hook": _constants.dataHooks.bars,
+        transform: "translate(".concat(this.margin.left, ", ").concat(this.margin.top, ")"),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 154,
+          columnNumber: 15
+        }
+      }, data.map((d, itemIndex) => {
+        var stacked = this.chartHeight;
+        return /*#__PURE__*/_react.default.createElement("g", {
+          key: itemIndex,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 161,
+            columnNumber: 21
+          }
+        }, d.values.map((value, index) => {
+          var height = this.chartHeight - y(value);
+          stacked -= height;
+          return /*#__PURE__*/_react.default.createElement("rect", {
+            key: index,
+            fill: newColorsBranding ? this.newBrandingColors[index] : this.colors[index],
+            height: height,
+            width: CONSTANTS.barWidth,
+            x: x(d.label) - 25,
+            y: stacked,
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 166,
+              columnNumber: 27
+            }
+          });
+        }));
+      }))), data && data.map((d, index) => /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: _StackedBarChartSt.classes.textPosition,
+        style: {
+          left: x(d.label) + this.margin.left - 25,
+          top: this.height - 15
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 187,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+        textAlign: "center",
+        skin: "standard",
+        light: true,
+        secondary: true,
+        weight: "normal",
+        size: "small",
+        ellipsis: true,
+        "data-hook": _constants.dataHooks.xAxis,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 195,
+          columnNumber: 19
+        }
+      }, d.label))), tooltipTemplate && data.map((d, index) => /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: _StackedBarChartSt.classes.tooltip,
+        style: {
+          left: x(d.label) + this.margin.left - 25,
+          top: y(d.sum) + this.margin.top
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 213,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({}, tooltipCommonProps, {
+        content: tooltipTemplate(d),
+        dataHook: _constants.dataHooks.tooltip,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 221,
+          columnNumber: 19
+        }
+      }), /*#__PURE__*/_react.default.createElement("button", {
+        className: _StackedBarChartSt.classes.tooltipInner,
+        style: {
+          height: "".concat(this.chartHeight - y(d.sum), "px")
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 226,
+          columnNumber: 21
+        }
+      })))));
+    });
+  }
+}
+StackedBarChart.displayName = 'StackedBarChart';
+StackedBarChart.propTypes = {
+  /** Applied as data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** A css class to be applied to the component's root element */
+  className: _propTypes.default.string,
+  /** Chart data */
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.node,
+    values: _propTypes.default.arrayOf(_propTypes.default.number)
+  })),
+  /** Tooltip template function */
+  tooltipTemplate: _propTypes.default.func,
+  /** Props that modify the Tooltip created from text bar charts
+   * @linkTypeTo components-overlays--tooltip
+   * @setTypeName TooltipCommonProps
+   */
+  tooltipCommonProps: _propTypes.default.shape(_TooltipCommon.TooltipCommonProps),
+  /** Chart height (px) */
+  height: _propTypes.default.number,
+  /** Chart width (px) */
+  width: _propTypes.default.number,
+  /** Margin (px) for each side of the Chart. For example, in order to render larger number of digits at the yAxis, increase the left margin prop. */
+  margin: _propTypes.default.shape({
+    right: _propTypes.default.number,
+    left: _propTypes.default.number,
+    bottom: _propTypes.default.number,
+    top: _propTypes.default.number
+  }),
+  /**
+   * ##### Formats Y axis ticks
+   *  * `param` {string} `rawValue` - a raw value e.g. 10000
+   *  * `param` {string} `rawValue` - number formatted value, comma separated e.g. 10,000
+   *  * `return` {string} - the value to be shown as Y axis tick
+   */
+  yAxisTickFormat: _propTypes.default.func
+};
+StackedBarChart.defaultProps = {
+  data: [],
+  width: 900,
+  height: 350,
+  margin: CONSTANTS,
+  tooltipCommonProps: {},
+  yAxisTickFormat: defaultYAxisTickFormat
+};
+var _default = StackedBarChart;
+exports.default = _default;
+//# sourceMappingURL=StackedBarChart.js.map

package/dist/cjs/StackedBarChart/StackedBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultYAxisTickFormat","format","CONSTANTS","top","right","bottom","left","gap","barWidth","StackedBarChart","React","PureComponent","constructor","props","_getAmountOfBarsCanRender","data","width","result","availableWidthForBars","margin","availableBarsForRender","Math","floor","i","push","_update","yAxisTickFormat","svg","x","y","state","_data","map","d","sum","values","reduce","a","b","innerPadding","length","scalesPadding","scaleWidth","_x","domain","label","range","paddingInner","paddingOuter","round","_y","max","yAxis","axisRight","tickSize","tickFormat","ticks","select","dataHooks","call","selectAll","attr","setState","chart","createRef","window","colors","A1","A6","newBrandingColors","A2","Object","assign","height","chartHeight","scaleBand","weight","scaleLinear","componentDidMount","current","componentDidUpdate","prevProps","render","tooltipTemplate","tooltipCommonProps","className","dataHook","newColorsBranding","st","classes","root","bars","itemIndex","stacked","value","index","textPosition","xAxis","tooltip","tooltipInner","displayName","propTypes","PropTypes","string","arrayOf","shape","node","number","func","TooltipCommonProps","defaultProps"],"sources":["../../../src/StackedBarChart/StackedBarChart.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '../Tooltip';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\nimport { st, classes } from './StackedBarChart.st.css';\nimport { stVars as colors } from '../Foundation/stylable/colors.st.css';\nimport { scaleLinear, scaleBand } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { axisRight } from 'd3-axis';\nimport { format } from 'd3-format';\nimport { dataHooks } from './constants';\nimport Text from '../Text';\nimport { WixStyleReactContext } from '../WixStyleReactProvider/context';\n\nconst defaultYAxisTickFormat = format(',');\n\nconst CONSTANTS = {\n  top: 30,\n  right: 30,\n  bottom: 30,\n  left: 100,\n  gap: 18,\n  barWidth: 48,\n};\n\n/** StackedBarChart */\nclass StackedBarChart extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.chart = React.createRef();\n\n    window.chart = this;\n\n    this.data = [];\n    this.colors = [colors.A1, colors.A6];\n    this.newBrandingColors = [colors.A1, colors.A2];\n    this.margin = Object.assign(CONSTANTS, props.margin);\n    this.height = props.height;\n    this.chartHeight = this.height - this.margin.top - this.margin.bottom;\n\n    this.state = {\n      data: [],\n      x: scaleBand().range([0, props.weight]),\n      y: scaleLinear().range([this.chartHeight, 0]),\n      width: props.weight,\n    };\n  }\n\n  _getAmountOfBarsCanRender = data => {\n    const { width } = this.props;\n    const result = [];\n\n    const availableWidthForBars = width - this.margin.left;\n    const barWidth = CONSTANTS.barWidth + CONSTANTS.gap;\n\n    const availableBarsForRender = Math.floor(availableWidthForBars / barWidth);\n\n    for (let i = 0; i < availableBarsForRender; i++) {\n      if (!!data[i]) {\n        result.push(data[i]);\n      }\n    }\n\n    return result;\n  };\n\n  _update = () => {\n    const { data, yAxisTickFormat, width } = this.props;\n    const { svg, x, y } = this.state;\n\n    // Data\n    const _data = this._getAmountOfBarsCanRender(data).map(d => ({\n      ...d,\n      sum: d.values.reduce((a, b) => a + b, 0),\n    }));\n\n    const innerPadding = _data.length > 4 ? 0.8 : 0.75;\n    const scalesPadding = 0.5;\n\n    const scaleWidth =\n      _data.length * (CONSTANTS.barWidth + CONSTANTS.gap) + CONSTANTS.gap;\n\n    // Scales\n    const _x = x\n      .domain(_data.map(d => d.label))\n      .range([0, scaleWidth])\n      .paddingInner(innerPadding)\n      .paddingOuter(scalesPadding)\n      .round(true);\n\n    const _y = y.domain([0, Math.max(..._data.map(d => d.sum))]);\n\n    const yAxis = axisRight(_y)\n      .tickSize(width)\n      .tickFormat(d => yAxisTickFormat(d, defaultYAxisTickFormat(d)))\n      .ticks(4);\n\n    svg\n      .select(`[data-hook=\"${dataHooks.yAxis}\"]`)\n      .call(yAxis)\n      .selectAll('.tick text')\n      .attr('x', -6)\n      .attr('dy', 4);\n\n    this.setState({\n      data: _data,\n      x: _x,\n      y: _y,\n      yAxis,\n      width,\n    });\n  };\n\n  componentDidMount() {\n    this.setState(\n      {\n        svg: select(this.chart.current),\n      },\n      this._update,\n    );\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.data !== this.props.data) {\n      this.setState(\n        {\n          svg: select(this.chart.current),\n        },\n        this._update,\n      );\n      return true;\n    }\n  }\n\n  render() {\n    const { tooltipTemplate, tooltipCommonProps, className, dataHook } =\n      this.props;\n    const { data, x, y, width } = this.state;\n\n    return (\n      <WixStyleReactContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div data-hook={dataHook} className={st(classes.root, {}, className)}>\n            {/* Chart */}\n            <svg ref={this.chart} width={width} height={this.height}>\n              {/* Axis */}\n              <g\n                data-hook={dataHooks.yAxis}\n                className={classes.yAxis}\n                transform={`translate(${this.margin.left}, ${this.margin.top})`}\n              />\n              {/* Bars */}\n              <g\n                data-hook={dataHooks.bars}\n                transform={`translate(${this.margin.left}, ${this.margin.top})`}\n              >\n                {data.map((d, itemIndex) => {\n                  let stacked = this.chartHeight;\n                  return (\n                    <g key={itemIndex}>\n                      {d.values.map((value, index) => {\n                        const height = this.chartHeight - y(value);\n                        stacked -= height;\n                        return (\n                          <rect\n                            key={index}\n                            fill={\n                              newColorsBranding\n                                ? this.newBrandingColors[index]\n                                : this.colors[index]\n                            }\n                            height={height}\n                            width={CONSTANTS.barWidth}\n                            x={x(d.label) - 25}\n                            y={stacked}\n                          />\n                        );\n                      })}\n                    </g>\n                  );\n                })}\n              </g>\n            </svg>\n            {data &&\n              data.map((d, index) => (\n                <div\n                  key={index}\n                  className={classes.textPosition}\n                  style={{\n                    left: x(d.label) + this.margin.left - 25,\n                    top: this.height - 15,\n                  }}\n                >\n                  <Text\n                    textAlign=\"center\"\n                    skin=\"standard\"\n                    light\n                    secondary\n                    weight=\"normal\"\n                    size=\"small\"\n                    ellipsis\n                    data-hook={dataHooks.xAxis}\n                  >\n                    {d.label}\n                  </Text>\n                </div>\n              ))}\n\n            {/* Tooltips */}\n            {tooltipTemplate &&\n              data.map((d, index) => (\n                <div\n                  key={index}\n                  className={classes.tooltip}\n                  style={{\n                    left: x(d.label) + this.margin.left - 25,\n                    top: y(d.sum) + this.margin.top,\n                  }}\n                >\n                  <Tooltip\n                    {...tooltipCommonProps}\n                    content={tooltipTemplate(d)}\n                    dataHook={dataHooks.tooltip}\n                  >\n                    <button\n                      className={classes.tooltipInner}\n                      style={{ height: `${this.chartHeight - y(d.sum)}px` }}\n                    />\n                  </Tooltip>\n                </div>\n              ))}\n          </div>\n        )}\n      </WixStyleReactContext.Consumer>\n    );\n  }\n}\n\nStackedBarChart.displayName = 'StackedBarChart';\n\nStackedBarChart.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n\n  /** Chart data */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node,\n      values: PropTypes.arrayOf(PropTypes.number),\n    }),\n  ),\n\n  /** Tooltip template function */\n  tooltipTemplate: PropTypes.func,\n\n  /** Props that modify the Tooltip created from text bar charts\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  tooltipCommonProps: PropTypes.shape(TooltipCommonProps),\n\n  /** Chart height (px) */\n  height: PropTypes.number,\n\n  /** Chart width (px) */\n  width: PropTypes.number,\n\n  /** Margin (px) for each side of the Chart. For example, in order to render larger number of digits at the yAxis, increase the left margin prop. */\n  margin: PropTypes.shape({\n    right: PropTypes.number,\n    left: PropTypes.number,\n    bottom: PropTypes.number,\n    top: PropTypes.number,\n  }),\n  /**\n   * ##### Formats Y axis ticks\n   *  * `param` {string} `rawValue` - a raw value e.g. 10000\n   *  * `param` {string} `rawValue` - number formatted value, comma separated e.g. 10,000\n   *  * `return` {string} - the value to be shown as Y axis tick\n   */\n  yAxisTickFormat: PropTypes.func,\n};\n\nStackedBarChart.defaultProps = {\n  data: [],\n  width: 900,\n  height: 350,\n  margin: CONSTANTS,\n  tooltipCommonProps: {},\n  yAxisTickFormat: defaultYAxisTickFormat,\n};\n\nexport default StackedBarChart;\n"],"mappings":"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"}

package/dist/cjs/StackedBarChart/StackedBarChart.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=StackedBarChart.meta.js.map

package/dist/cjs/StackedBarChart/StackedBarChart.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/StackedBarChart/StackedBarChart.meta.tsx"],"sourcesContent":["import { StackedBarChartProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: StackedBarChartProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as StackedBarChartProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAmC,GAAG,CAAC,CAAC;;AAErD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}