@wix/design-system 1.199.0 → 1.200.0

package/dist/cjs/StackedBarChart/StackedBarChart.js

@@ -18,7 +18,7 @@ var _d3Format = require("d3-format");
 var _constants = require("./constants");
 var _Text = _interopRequireDefault(require("../Text"));
 var _context = require("../WixDesignSystemProvider/context");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/StackedBarChart/StackedBarChart.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/StackedBarChart/StackedBarChart.tsx";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultYAxisTickFormat = (0, _d3Format.format)(',');
@@ -30,17 +30,25 @@ var CONSTANTS = {
   gap: 18,
   barWidth: 48
 };
-
-/** StackedBarChart */
 class StackedBarChart extends _react.default.PureComponent {
   constructor(props) {
+    var _this, _props$height;
     super(props);
-    this._getAmountOfBarsCanRender = data => {
+    _this = this;
+    this.chart = void 0;
+    this.data = void 0;
+    this.colors = [_colorsSt.stVars.A1, _colorsSt.stVars.A6];
+    this.newBrandingColors = void 0;
+    this.margin = void 0;
+    this.height = void 0;
+    this.chartHeight = void 0;
+    this._getAmountOfBarsCanRender = function () {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var {
-        width
-      } = this.props;
+        width = StackedBarChart.defaultProps.width
+      } = _this.props;
       var result = [];
-      var availableWidthForBars = width - this.margin.left;
+      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++) {
@@ -53,8 +61,8 @@ class StackedBarChart extends _react.default.PureComponent {
     this._update = () => {
       var {
         data,
-        yAxisTickFormat,
-        width
+        yAxisTickFormat = StackedBarChart.defaultProps.yAxisTickFormat,
+        width = StackedBarChart.defaultProps.width
       } = this.props;
       var {
         svg,
@@ -74,7 +82,9 @@ class StackedBarChart extends _react.default.PureComponent {
       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);
+      svg.select("[data-hook=\"".concat(_constants.dataHooks.yAxis, "\"]"))
+      // @ts-expect-error some confusion between call signatures - generic gets lost?
+      .call(yAxis).selectAll('.tick text').attr('x', -6).attr('dy', 4);
       this.setState({
         data: _data,
         x: _x,
@@ -84,12 +94,10 @@ class StackedBarChart extends _react.default.PureComponent {
       });
     };
     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.height = (_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : StackedBarChart.defaultProps.height;
     this.chartHeight = this.height - this.margin.top - this.margin.bottom;
     this.state = {
       data: [],
@@ -110,6 +118,7 @@ class StackedBarChart extends _react.default.PureComponent {
       }, this._update);
       return true;
     }
+    return false;
   }
   render() {
     var {
@@ -128,7 +137,7 @@ class StackedBarChart extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 219,
         columnNumber: 7
       }
     }, _ref => {
@@ -141,7 +150,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 144,
+          lineNumber: 221,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement("svg", {
@@ -151,7 +160,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 146,
+          lineNumber: 223,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("g", {
@@ -161,7 +170,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 148,
+          lineNumber: 225,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement("g", {
@@ -170,7 +179,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 154,
+          lineNumber: 231,
           columnNumber: 15
         }
       }, data.map((d, itemIndex) => {
@@ -180,7 +189,7 @@ class StackedBarChart extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 161,
+            lineNumber: 238,
             columnNumber: 21
           }
         }, d.values.map((value, index) => {
@@ -196,7 +205,7 @@ class StackedBarChart extends _react.default.PureComponent {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 166,
+              lineNumber: 243,
               columnNumber: 27
             }
           });
@@ -211,7 +220,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 187,
+          lineNumber: 264,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -226,7 +235,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 195,
+          lineNumber: 272,
           columnNumber: 19
         }
       }, d.label))), tooltipTemplate && data.map((d, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -239,7 +248,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 213,
+          lineNumber: 290,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({}, tooltipCommonProps, {
@@ -248,7 +257,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 221,
+          lineNumber: 298,
           columnNumber: 19
         }
       }), /*#__PURE__*/_react.default.createElement("button", {
@@ -259,7 +268,7 @@ class StackedBarChart extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 226,
+          lineNumber: 303,
           columnNumber: 21
         }
       })))));
@@ -267,52 +276,32 @@ class StackedBarChart extends _react.default.PureComponent {
   }
 }
 StackedBarChart.displayName = 'StackedBarChart';
+StackedBarChart.defaultProps = {
+  data: [],
+  width: 900,
+  height: 350,
+  margin: CONSTANTS,
+  tooltipCommonProps: {},
+  yAxisTickFormat: defaultYAxisTickFormat
+};
 StackedBarChart.propTypes = {
-  /** Applied as data-hook HTML attribute that can be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
   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 = exports.default = StackedBarChart;
 //# sourceMappingURL=StackedBarChart.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Tooltip","_TooltipCommon","_StackedBarChartSt","_colorsSt","_d3Scale","_d3Selection","_d3Axis","_d3Format","_constants","_Text","_context","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","defaultYAxisTickFormat","format","CONSTANTS","top","right","bottom","left","gap","barWidth","StackedBarChart","React","PureComponent","constructor","props","_getAmountOfBarsCanRender","data","width","result","availableWidthForBars","margin","availableBarsForRender","Math","floor","i","_update","yAxisTickFormat","svg","x","y","state","_data","map","d","sum","values","reduce","a","b","innerPadding","scalesPadding","scaleWidth","_x","domain","label","range","paddingInner","paddingOuter","round","_y","max","yAxis","axisRight","tickSize","tickFormat","ticks","select","concat","dataHooks","call","selectAll","attr","setState","chart","createRef","window","colors","A1","A6","newBrandingColors","A2","assign","height","chartHeight","scaleBand","weight","scaleLinear","componentDidMount","current","componentDidUpdate","prevProps","render","tooltipTemplate","tooltipCommonProps","className","dataHook","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","st","classes","root","ref","transform","bars","itemIndex","stacked","key","value","index","fill","textPosition","style","textAlign","skin","light","secondary","size","ellipsis","xAxis","tooltip","_extends2","content","tooltipInner","displayName","propTypes","PropTypes","string","arrayOf","shape","node","number","func","TooltipCommonProps","defaultProps","_default","exports"],"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 { WixDesignSystemContext } from '../WixDesignSystemProvider/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      <WixDesignSystemContext.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      </WixDesignSystemContext.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  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\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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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Tooltip","_TooltipCommon","_StackedBarChartSt","_colorsSt","_d3Scale","_d3Selection","_d3Axis","_d3Format","_constants","_Text","_context","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","defaultYAxisTickFormat","format","CONSTANTS","top","right","bottom","left","gap","barWidth","StackedBarChart","React","PureComponent","constructor","props","_this","_props$height","this","chart","data","colors","A1","A6","newBrandingColors","margin","height","chartHeight","_getAmountOfBarsCanRender","undefined","width","defaultProps","result","availableWidthForBars","availableBarsForRender","Math","floor","i","_update","yAxisTickFormat","svg","x","y","state","_data","map","d","sum","values","reduce","a","b","innerPadding","scalesPadding","scaleWidth","_x","domain","label","range","paddingInner","paddingOuter","round","_y","max","yAxis","axisRight","tickSize","tickFormat","ticks","select","concat","dataHooks","call","selectAll","attr","setState","createRef","A2","assign","scaleBand","weight","scaleLinear","componentDidMount","current","componentDidUpdate","prevProps","render","tooltipTemplate","tooltipCommonProps","className","dataHook","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","st","classes","root","ref","transform","bars","itemIndex","stacked","key","value","index","fill","textPosition","style","textAlign","skin","light","secondary","size","ellipsis","xAxis","tooltip","_extends2","content","tooltipInner","displayName","propTypes","PropTypes","string","arrayOf","shape","node","number","func","TooltipCommonProps","_default","exports"],"sources":["../../../src/StackedBarChart/StackedBarChart.tsx"],"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 {\n  scaleLinear,\n  scaleBand,\n  ScaleBand,\n  ScaleLinear,\n  NumberValue,\n} from 'd3-scale';\nimport { select, Selection } from 'd3-selection';\nimport { Axis, axisRight } from 'd3-axis';\nimport { format } from 'd3-format';\nimport { dataHooks } from './constants';\nimport Text from '../Text';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport {\n  StackedBarChartItem,\n  StackedBarChartProps,\n} from './StackedBarChart.types';\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\ntype StackedBarChartState = {\n  data: { sum: number; label: string; values: number[] }[];\n  x: ScaleBand<string>;\n  y: ScaleLinear<number, number, never>;\n  yAxis?: unknown;\n  width?: number;\n  svg?: Selection<SVGSVGElement, unknown, any, undefined>;\n};\n\nclass StackedBarChart extends React.PureComponent<\n  StackedBarChartProps,\n  StackedBarChartState\n> {\n  chart: React.RefObject<SVGSVGElement>;\n  data: never[];\n  colors = [colors.A1, colors.A6];\n  newBrandingColors: any[];\n  margin: {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n    gap: number;\n    barWidth: number;\n  } & { top: number; left: number; bottom: number; right: number };\n  height: number;\n  chartHeight: number;\n\n  static displayName = 'StackedBarChart';\n\n  static defaultProps = {\n    data: [],\n    width: 900,\n    height: 350,\n    margin: CONSTANTS,\n    tooltipCommonProps: {},\n    yAxisTickFormat: defaultYAxisTickFormat,\n  };\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.node,\n        values: PropTypes.arrayOf(PropTypes.number),\n      }),\n    ),\n    tooltipTemplate: PropTypes.func,\n    tooltipCommonProps: PropTypes.shape(TooltipCommonProps),\n    height: PropTypes.number,\n    width: PropTypes.number,\n    margin: PropTypes.shape({\n      right: PropTypes.number,\n      left: PropTypes.number,\n      bottom: PropTypes.number,\n      top: PropTypes.number,\n    }),\n    yAxisTickFormat: PropTypes.func,\n  };\n\n  constructor(props: StackedBarChartProps) {\n    super(props);\n\n    this.chart = React.createRef();\n\n    this.data = [];\n    this.newBrandingColors = [colors.A1, colors.A2];\n    this.margin = Object.assign(CONSTANTS, props.margin);\n    this.height = props.height ?? StackedBarChart.defaultProps.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: StackedBarChartItem[] = []) => {\n    const { width = StackedBarChart.defaultProps.width } = this.props;\n    const result: StackedBarChartItem[] = [];\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 {\n      data,\n      yAxisTickFormat = StackedBarChart.defaultProps.yAxisTickFormat,\n      width = StackedBarChart.defaultProps.width,\n    } = 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: Axis<NumberValue> = axisRight(_y)\n      .tickSize(width)\n      .tickFormat(d =>\n        yAxisTickFormat(\n          d as string & { valueOf(): number },\n          defaultYAxisTickFormat(d),\n        ),\n      )\n      .ticks(4);\n\n    svg!\n      .select(`[data-hook=\"${dataHooks.yAxis}\"]`)\n      // @ts-expect-error some confusion between call signatures - generic gets lost?\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: StackedBarChartProps) {\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    return false;\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      <WixDesignSystemContext.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      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nexport default StackedBarChart;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["requiredProps","exports","sharedTests","title","props","_objectSpread","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,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,CAAC;;AAErD;AACA,IAAME,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAL,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMM,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAN,OAAA,CAAAM,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAP,OAAA,CAAAO,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["requiredProps","exports","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/StackedBarChart/StackedBarChart.meta.tsx"],"sourcesContent":["import { StackedBarChartProps } from './StackedBarChart.types';\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,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,CAAC;;AAErD;AACA,IAAME,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAL,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMM,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAN,OAAA,CAAAM,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAP,OAAA,CAAAO,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_199_0_StackedBarChart";
+var _namespace_ = "wds_1_200_0_StackedBarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StackedBarChart__root","text-tiny-thin":"wds_1_199_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_199_0_StackedBarChart__xAxis","yAxis":"wds_1_199_0_StackedBarChart__yAxis","tooltip":"wds_1_199_0_StackedBarChart__tooltip","textPosition":"wds_1_199_0_StackedBarChart__textPosition","tooltipInner":"wds_1_199_0_StackedBarChart__tooltipInner"};
+module.exports.classes = {"root":"wds_1_200_0_StackedBarChart__root","text-tiny-thin":"wds_1_200_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_200_0_StackedBarChart__xAxis","yAxis":"wds_1_200_0_StackedBarChart__yAxis","tooltip":"wds_1_200_0_StackedBarChart__tooltip","textPosition":"wds_1_200_0_StackedBarChart__textPosition","tooltipInner":"wds_1_200_0_StackedBarChart__tooltipInner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StackedBarChart/StackedBarChart.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=StackedBarChart.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/StackedBarChart/StackedBarChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport type StackedBarChartItem = {\n  label: string;\n  values: number[];\n};\n\nexport interface StackedBarChartProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests. */\n  dataHook?: string;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Chart data. */\n  data?: StackedBarChartItem[];\n  /** Tooltip template function. */\n  tooltipTemplate?: (item: StackedBarChartItem) => React.ReactNode;\n  /**\n   * Props that modify the Tooltip created from text bar charts.\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  tooltipCommonProps?: TooltipCommonProps;\n  /** Chart width (px). */\n  width?: number;\n  /** Chart height (px). */\n  height?: number;\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?: { top: number; left: number; bottom: number; right: number };\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?: (rawValue: string, parsedValue: string) => string;\n  weight?: number;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -11,25 +11,16 @@ var _constants = require("./constants");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var stackedBarChartDriverFactory = (base, body) => {
-  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body)), {}, {
-    /**
-     * Gets number of tooltips
-     * @return {Promise<number>}
-     */
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
     getDataLength: function () {
       var _getDataLength = (0, _asyncToGenerator2.default)(function* () {
-        return base.$$(["[data-hook=\"".concat(_constants.dataHooks.tooltip, "\"]")]).count();
+        return base.$$("[data-hook=\"".concat(_constants.dataHooks.tooltip, "\"]")).count();
       });
       function getDataLength() {
         return _getDataLength.apply(this, arguments);
       }
       return getDataLength;
     }(),
-    /**
-     * Gets tooltip value at index
-     * @param {number} index Item index
-     * @return {Promise<any>}
-     */
     getTooltipContentAt: function () {
       var _getTooltipContentAt = (0, _asyncToGenerator2.default)(function* (index) {
         var tooltipElement = yield (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.tooltip, index);

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_TooltipUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","stackedBarChartDriverFactory","base","body","baseUniDriverFactory","getDataLength","_getDataLength","_asyncToGenerator2","$$","concat","dataHooks","tooltip","count","getTooltipContentAt","_getTooltipContentAt","index","tooltipElement","findByHookAtIndex","tooltipTestkit","tooltipDriverFactory","getTooltipText","_x","exports"],"sources":["../../../src/StackedBarChart/StackedBarChart.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHookAtIndex,\n} from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const stackedBarChartDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets number of tooltips\n     * @return {Promise<number>}\n     */\n    getDataLength: async () => {\n      return base.$$([`[data-hook=\"${dataHooks.tooltip}\"]`]).count();\n    },\n\n    /**\n     * Gets tooltip value at index\n     * @param {number} index Item index\n     * @return {Promise<any>}\n     */\n    getTooltipContentAt: async index => {\n      const tooltipElement = await findByHookAtIndex(\n        base,\n        dataHooks.tooltip,\n        index,\n      );\n      const tooltipTestkit = tooltipDriverFactory(tooltipElement, body);\n\n      return await tooltipTestkit.getTooltipText();\n    },\n  };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAwC,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEjC,IAAMqB,4BAA4B,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EAC1D,OAAAX,aAAA,CAAAA,aAAA,KACK,IAAAY,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;IAEnC;AACJ;AACA;AACA;IACIE,aAAa;MAAA,IAAAC,cAAA,OAAAC,kBAAA,CAAAV,OAAA,EAAE,aAAY;QACzB,OAAOK,IAAI,CAACM,EAAE,CAAC,iBAAAC,MAAA,CAAgBC,oBAAS,CAACC,OAAO,SAAK,CAAC,CAACC,KAAK,CAAC,CAAC;MAChE,CAAC;MAAA,SAFDP,aAAaA,CAAA;QAAA,OAAAC,cAAA,CAAAf,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAbY,aAAa;IAAA,GAEZ;IAED;AACJ;AACA;AACA;AACA;IACIQ,mBAAmB;MAAA,IAAAC,oBAAA,OAAAP,kBAAA,CAAAV,OAAA,EAAE,WAAMkB,KAAK,EAAI;QAClC,IAAMC,cAAc,SAAS,IAAAC,4BAAiB,EAC5Cf,IAAI,EACJQ,oBAAS,CAACC,OAAO,EACjBI,KACF,CAAC;QACD,IAAMG,cAAc,GAAG,IAAAC,gCAAoB,EAACH,cAAc,EAAEb,IAAI,CAAC;QAEjE,aAAae,cAAc,CAACE,cAAc,CAAC,CAAC;MAC9C,CAAC;MAAA,SATDP,mBAAmBA,CAAAQ,EAAA;QAAA,OAAAP,oBAAA,CAAAvB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAnBoB,mBAAmB;IAAA;EASlB;AAEL,CAAC;AAACS,OAAA,CAAArB,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_TooltipUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","stackedBarChartDriverFactory","base","body","baseUniDriverFactory","getDataLength","_getDataLength","_asyncToGenerator2","$$","concat","dataHooks","tooltip","count","getTooltipContentAt","_getTooltipContentAt","index","tooltipElement","findByHookAtIndex","tooltipTestkit","tooltipDriverFactory","getTooltipText","_x","exports"],"sources":["../../../src/StackedBarChart/StackedBarChart.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHookAtIndex,\n} from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { dataHooks } from './constants';\n\nimport { BaseUniDriver, UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport interface StackedBarChartUniDriver extends BaseUniDriver {\n  /**\n   * Gets number of tooltips.\n   */\n  getDataLength: () => Promise<number>;\n  /**\n   * Gets tooltip value at index.\n   */\n  getTooltipContentAt(index: number): Promise<any>;\n}\n\nexport const stackedBarChartDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): StackedBarChartUniDriver => {\n  return {\n    ...baseUniDriverFactory(base),\n\n    getDataLength: async () => {\n      return base.$$(`[data-hook=\"${dataHooks.tooltip}\"]`).count();\n    },\n\n    getTooltipContentAt: async index => {\n      const tooltipElement = await findByHookAtIndex(\n        base,\n        dataHooks.tooltip,\n        index,\n      );\n      const tooltipTestkit = tooltipDriverFactory(tooltipElement, body);\n\n      return await tooltipTestkit.getTooltipText();\n    },\n  };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAwC,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAejC,IAAMqB,4BAA4B,GAAGA,CAC1CC,IAAe,EACfC,IAAe,KACc;EAC7B,OAAAX,aAAA,CAAAA,aAAA,KACK,IAAAY,+BAAoB,EAACF,IAAI,CAAC;IAE7BG,aAAa;MAAA,IAAAC,cAAA,OAAAC,kBAAA,CAAAV,OAAA,EAAE,aAAY;QACzB,OAAOK,IAAI,CAACM,EAAE,iBAAAC,MAAA,CAAgBC,oBAAS,CAACC,OAAO,QAAI,CAAC,CAACC,KAAK,CAAC,CAAC;MAC9D,CAAC;MAAA,SAFDP,aAAaA,CAAA;QAAA,OAAAC,cAAA,CAAAf,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAbY,aAAa;IAAA,GAEZ;IAEDQ,mBAAmB;MAAA,IAAAC,oBAAA,OAAAP,kBAAA,CAAAV,OAAA,EAAE,WAAMkB,KAAK,EAAI;QAClC,IAAMC,cAAc,SAAS,IAAAC,4BAAiB,EAC5Cf,IAAI,EACJQ,oBAAS,CAACC,OAAO,EACjBI,KACF,CAAC;QACD,IAAMG,cAAc,GAAG,IAAAC,gCAAoB,EAACH,cAAc,EAAEb,IAAI,CAAC;QAEjE,aAAae,cAAc,CAACE,cAAc,CAAC,CAAC;MAC9C,CAAC;MAAA,SATDP,mBAAmBA,CAAAQ,EAAA;QAAA,OAAAP,oBAAA,CAAAvB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAnBoB,mBAAmB;IAAA;EASlB;AAEL,CAAC;AAACS,OAAA,CAAArB,4BAAA,GAAAA,4BAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","bars","xAxis","yAxis","tooltip"],"sources":["../../../src/StackedBarChart/constants.js"],"sourcesContent":["export const dataHooks = {\n  bars: 'stackedBarChart-bars',\n  xAxis: 'stackedBarChart-xAxis',\n  yAxis: 'stackedBarChart-yAxis',\n  tooltip: 'stackedBarChart-tooltip',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAE,uBAAuB;EAC9BC,KAAK,EAAE,uBAAuB;EAC9BC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","bars","xAxis","yAxis","tooltip"],"sources":["../../../src/StackedBarChart/constants.ts"],"sourcesContent":["export const dataHooks = {\n  bars: 'stackedBarChart-bars',\n  xAxis: 'stackedBarChart-xAxis',\n  yAxis: 'stackedBarChart-yAxis',\n  tooltip: 'stackedBarChart-tooltip',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAE,uBAAuB;EAC9BC,KAAK,EAAE,uBAAuB;EAC9BC,OAAO,EAAE;AACX,CAAU","ignoreList":[]}

package/dist/cjs/StackedBarChart/index.js

@@ -2,7 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {};
 exports.default = void 0;
-var _StackedBarChart = _interopRequireDefault(require("./StackedBarChart.js"));
+var _StackedBarChart = _interopRequireDefault(require("./StackedBarChart"));
 exports.default = _StackedBarChart.default;
+var _StackedBarChart2 = require("./StackedBarChart.types");
+Object.keys(_StackedBarChart2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StackedBarChart2[key]) return;
+  exports[key] = _StackedBarChart2[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_StackedBarChart","_interopRequireDefault","require","exports","default"],"sources":["../../../src/StackedBarChart/index.js"],"sourcesContent":["export { default } from './StackedBarChart.js';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+CC,OAAA,CAAAC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_StackedBarChart","_interopRequireDefault","require","exports","default","_StackedBarChart2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/StackedBarChart/index.ts"],"sourcesContent":["export { default } from './StackedBarChart';\nexport * from './StackedBarChart.types';\n"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4CC,OAAA,CAAAC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA;AAC5C,IAAAC,iBAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,iBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,iBAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,iBAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/StarsRatingBar/components/StarsRatingBar.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_199_0_StarsRatingBar";
+var _namespace_ = "wds_1_200_0_StarsRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StarsRatingBar__root","starsContainer":"wds_1_199_0_StarsRatingBar__starsContainer","starContainer":"wds_1_199_0_StarsRatingBar__starContainer","star":"wds_1_199_0_StarsRatingBar__star","rateCaption":"wds_1_199_0_StarsRatingBar__rateCaption"};
+module.exports.classes = {"root":"wds_1_200_0_StarsRatingBar__root","starsContainer":"wds_1_200_0_StarsRatingBar__starsContainer","starContainer":"wds_1_200_0_StarsRatingBar__starContainer","star":"wds_1_200_0_StarsRatingBar__star","rateCaption":"wds_1_200_0_StarsRatingBar__rateCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_199_0_StatisticsItem";
+var _namespace_ = "wds_1_200_0_StatisticsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StatisticsItem__root","item":"wds_1_199_0_StatisticsItem__item","loader":"wds_1_199_0_StatisticsItem__loader","description":"wds_1_199_0_StatisticsItem__description","info":"wds_1_199_0_StatisticsItem__info","percentage":"wds_1_199_0_StatisticsItem__percentage","tooltip":"wds_1_199_0_StatisticsItem__tooltip"};
+module.exports.classes = {"root":"wds_1_200_0_StatisticsItem__root","item":"wds_1_200_0_StatisticsItem__item","loader":"wds_1_200_0_StatisticsItem__loader","description":"wds_1_200_0_StatisticsItem__description","info":"wds_1_200_0_StatisticsItem__info","percentage":"wds_1_200_0_StatisticsItem__percentage","tooltip":"wds_1_200_0_StatisticsItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_199_0_StatisticsWidget";
+var _namespace_ = "wds_1_200_0_StatisticsWidget";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StatisticsWidget__root"};
+module.exports.classes = {"root":"wds_1_200_0_StatisticsWidget__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_199_0_StatusIndicator";
+var _namespace_ = "wds_1_200_0_StatusIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StatusIndicator__root"};
+module.exports.classes = {"root":"wds_1_200_0_StatusIndicator__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_199_0_StatusToast";
+var _namespace_ = "wds_1_200_0_StatusToast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_StatusToast__root","toast":"wds_1_199_0_StatusToast__toast","icon":"wds_1_199_0_StatusToast__icon","content":"wds_1_199_0_StatusToast__content","action":"wds_1_199_0_StatusToast__action"};
+module.exports.classes = {"root":"wds_1_200_0_StatusToast__root","toast":"wds_1_200_0_StatusToast__toast","icon":"wds_1_200_0_StatusToast__icon","content":"wds_1_200_0_StatusToast__content","action":"wds_1_200_0_StatusToast__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_199_0_Stepper";
+var _namespace_ = "wds_1_200_0_Stepper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_Stepper__root"};
+module.exports.classes = {"root":"wds_1_200_0_Stepper__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Stepper/components/Step.st.css.js

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_199_0_Step";
+var _namespace_ = "wds_1_200_0_Step";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_199_0_Step__root","text-medium-normal":"wds_1_199_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_199_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_199_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_199_0_StylableTypography__text-small-thin","marker":"wds_1_199_0_Step__marker","content":"wds_1_199_0_Step__content","text":"wds_1_199_0_Step__text","arrow":"wds_1_199_0_Step__arrow"};
+module.exports.classes = {"root":"wds_1_200_0_Step__root","text-medium-normal":"wds_1_200_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_200_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_200_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_200_0_StylableTypography__text-small-thin","marker":"wds_1_200_0_Step__marker","content":"wds_1_200_0_Step__content","text":"wds_1_200_0_Step__text","arrow":"wds_1_200_0_Step__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};