@wix/design-system 1.162.0 → 1.164.0

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_Accordion";
+var _namespace_ = "wds_1_164_0_Accordion";
 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_162_0_Accordion__root","accordion":"wds_1_162_0_Accordion__accordion","item":"wds_1_162_0_Accordion__item"};
+module.exports.classes = {"root":"wds_1_164_0_Accordion__root","accordion":"wds_1_164_0_Accordion__accordion","item":"wds_1_164_0_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_AccordionItem";
+var _namespace_ = "wds_1_164_0_AccordionItem";
 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_162_0_AccordionItem__root","header":"wds_1_162_0_AccordionItem__header","iconsContainer":"wds_1_162_0_AccordionItem__iconsContainer","affix":"wds_1_162_0_AccordionItem__affix","titleWrapper":"wds_1_162_0_AccordionItem__titleWrapper","children":"wds_1_162_0_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_164_0_AccordionItem__root","header":"wds_1_164_0_AccordionItem__header","iconsContainer":"wds_1_164_0_AccordionItem__iconsContainer","affix":"wds_1_164_0_AccordionItem__affix","titleWrapper":"wds_1_164_0_AccordionItem__titleWrapper","children":"wds_1_164_0_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_162_0_AccordionItemCaret";
+var _namespace_ = "wds_1_164_0_AccordionItemCaret";
 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_162_0_AccordionItemCaret__root","textButton":"wds_1_162_0_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_164_0_AccordionItemCaret__root","textButton":"wds_1_164_0_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AddItem";
+var _namespace_ = "wds_1_164_0_AddItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_162_0_AddItem__root","icon":"wds_1_162_0_AddItem__icon","illustration":"wds_1_162_0_AddItem__illustration","contentContainer":"wds_1_162_0_AddItem__contentContainer","content":"wds_1_162_0_AddItem__content","textWrapper":"wds_1_162_0_AddItem__textWrapper","textContent":"wds_1_162_0_AddItem__textContent","subtitle":"wds_1_162_0_AddItem__subtitle","tooltip":"wds_1_162_0_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_164_0_AddItem__root","icon":"wds_1_164_0_AddItem__icon","illustration":"wds_1_164_0_AddItem__illustration","contentContainer":"wds_1_164_0_AddItem__contentContainer","content":"wds_1_164_0_AddItem__content","textWrapper":"wds_1_164_0_AddItem__textWrapper","textContent":"wds_1_164_0_AddItem__textContent","subtitle":"wds_1_164_0_AddItem__subtitle","tooltip":"wds_1_164_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AddressInputItem";
+var _namespace_ = "wds_1_164_0_AddressInputItem";
 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_162_0_AddressInputItem__root"};
+module.exports.classes = {"root":"wds_1_164_0_AddressInputItem__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/AnalyticsLayout.js

@@ -30,30 +30,35 @@ class AnalyticsLayout extends React.PureComponent {
     var {
       dataHook,
       items,
+      minItemsPerRow,
+      maxItemsPerRow,
+      divider,
       className,
       children
     } = this.props;
-    var itemsSplitToRows = _splitItemsToRows(items, MIN_ITEMS_PER_ROW, MAX_ITEMS_PER_ROW);
+    var itemsSplitToRows = _splitItemsToRows(items, minItemsPerRow, maxItemsPerRow);
     return /*#__PURE__*/React.createElement("div", {
       className: (0, _AnalyticsLayoutSt.st)(_AnalyticsLayoutSt.classes.root, className),
       "data-hook": dataHook,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 64,
         columnNumber: 7
       }
     }, itemsSplitToRows.map((row, indexKey) => {
       return /*#__PURE__*/React.createElement("div", {
         key: indexKey,
-        className: (0, _AnalyticsLayoutSt.st)(_AnalyticsLayoutSt.classes.row),
+        className: (0, _AnalyticsLayoutSt.st)(_AnalyticsLayoutSt.classes.row, {
+          divider
+        }),
         style: {
           gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)")
         },
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 53,
+          lineNumber: 67,
           columnNumber: 13
         }
       }, row.map((item, index) => {
@@ -64,13 +69,19 @@ class AnalyticsLayout extends React.PureComponent {
 }
 AnalyticsLayout.displayName = 'AnalyticsLayout';
 AnalyticsLayout.defaultProps = {
-  items: []
+  items: [],
+  minItemsPerRow: MIN_ITEMS_PER_ROW,
+  maxItemsPerRow: MAX_ITEMS_PER_ROW,
+  divider: true
 };
 AnalyticsLayout.Cell = _Cell.default;
 AnalyticsLayout.propTypes = {
   dataHook: _propTypes.default.string,
   className: _propTypes.default.string,
   items: _propTypes.default.any.isRequired,
+  divider: _propTypes.default.bool,
+  minItemsPerRow: _propTypes.default.number,
+  maxItemsPerRow: _propTypes.default.number,
   children: _propTypes.default.func.isRequired
 };
 var _default = exports.default = AnalyticsLayout;

package/dist/cjs/AnalyticsLayout/AnalyticsLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_chunk","_AnalyticsLayoutSt","_Cell","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_ITEMS_PER_ROW","MAX_ITEMS_PER_ROW","_splitItemsToRows","items","min","max","mod","length","numberOfItemsForFillsMaxRows","Math","floor","ItemsForFillsMaxRows","splice","chunk","AnalyticsLayout","PureComponent","render","dataHook","className","children","props","itemsSplitToRows","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","row","indexKey","key","style","gridTemplateColumns","concat","item","index","displayName","defaultProps","Cell","propTypes","PropTypes","string","any","isRequired","func","_default","exports"],"sources":["../../../src/AnalyticsLayout/AnalyticsLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport chunk from 'lodash/chunk';\nimport { st, classes } from './AnalyticsLayout.st.css';\nimport { AnalyticsLayoutProps } from './AnalyticsLayout.types';\nimport Cell from './Cell/Cell';\n\nconst MIN_ITEMS_PER_ROW = 2;\nconst MAX_ITEMS_PER_ROW = 3;\n\nfunction _splitItemsToRows(items: React.ReactNode[], min: number, max: number) {\n  const mod = items.length % max;\n\n  if (mod < min && mod !== 0) {\n    const numberOfItemsForFillsMaxRows =\n      max * (Math.floor(items.length / max) - 1);\n    const ItemsForFillsMaxRows = items.splice(0, numberOfItemsForFillsMaxRows);\n    return [...chunk(ItemsForFillsMaxRows, max), ...chunk(items, min)];\n  } else {\n    return chunk(items, max);\n  }\n}\n\n/** AnalyticsLayout */\nclass AnalyticsLayout extends React.PureComponent<AnalyticsLayoutProps> {\n  static displayName = 'AnalyticsLayout';\n\n  static defaultProps = {\n    items: [],\n  };\n\n  static Cell = Cell;\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    items: PropTypes.any.isRequired,\n    children: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const { dataHook, items, className, children } = this.props;\n    const itemsSplitToRows = _splitItemsToRows(\n      items,\n      MIN_ITEMS_PER_ROW,\n      MAX_ITEMS_PER_ROW,\n    );\n\n    return (\n      <div className={st(classes.root, className)} data-hook={dataHook}>\n        {itemsSplitToRows.map((row, indexKey) => {\n          return (\n            <div\n              key={indexKey}\n              className={st(classes.row)}\n              style={{ gridTemplateColumns: `repeat(${row.length}, 1fr)` }}\n            >\n              {row.map((item, index) => {\n                return children(item, index, row.length);\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n\nexport default AnalyticsLayout;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_chunk","_AnalyticsLayoutSt","_Cell","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_ITEMS_PER_ROW","MAX_ITEMS_PER_ROW","_splitItemsToRows","items","min","max","mod","length","numberOfItemsForFillsMaxRows","Math","floor","ItemsForFillsMaxRows","splice","chunk","AnalyticsLayout","PureComponent","render","dataHook","minItemsPerRow","maxItemsPerRow","divider","className","children","props","itemsSplitToRows","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","row","indexKey","key","style","gridTemplateColumns","concat","item","index","displayName","defaultProps","Cell","propTypes","PropTypes","string","any","isRequired","bool","number","func","_default","exports"],"sources":["../../../src/AnalyticsLayout/AnalyticsLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport chunk from 'lodash/chunk';\nimport { st, classes } from './AnalyticsLayout.st.css';\nimport { AnalyticsLayoutProps } from './AnalyticsLayout.types';\nimport Cell from './Cell/Cell';\n\nconst MIN_ITEMS_PER_ROW = 2;\nconst MAX_ITEMS_PER_ROW = 3;\n\nfunction _splitItemsToRows(items: React.ReactNode[], min: number, max: number) {\n  const mod = items.length % max;\n\n  if (mod < min && mod !== 0) {\n    const numberOfItemsForFillsMaxRows =\n      max * (Math.floor(items.length / max) - 1);\n    const ItemsForFillsMaxRows = items.splice(0, numberOfItemsForFillsMaxRows);\n    return [...chunk(ItemsForFillsMaxRows, max), ...chunk(items, min)];\n  } else {\n    return chunk(items, max);\n  }\n}\n\n/** AnalyticsLayout */\nclass AnalyticsLayout extends React.PureComponent<AnalyticsLayoutProps> {\n  static displayName = 'AnalyticsLayout';\n\n  static defaultProps = {\n    items: [],\n    minItemsPerRow: MIN_ITEMS_PER_ROW,\n    maxItemsPerRow: MAX_ITEMS_PER_ROW,\n    divider: true,\n  };\n\n  static Cell = Cell;\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    items: PropTypes.any.isRequired,\n    divider: PropTypes.bool,\n    minItemsPerRow: PropTypes.number,\n    maxItemsPerRow: PropTypes.number,\n    children: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const {\n      dataHook,\n      items,\n      minItemsPerRow,\n      maxItemsPerRow,\n      divider,\n      className,\n      children,\n    } = this.props;\n    const itemsSplitToRows = _splitItemsToRows(\n      items,\n      minItemsPerRow!,\n      maxItemsPerRow!,\n    );\n\n    return (\n      <div className={st(classes.root, className)} data-hook={dataHook}>\n        {itemsSplitToRows.map((row, indexKey) => {\n          return (\n            <div\n              key={indexKey}\n              className={st(classes.row, { divider })}\n              style={{ gridTemplateColumns: `repeat(${row.length}, 1fr)` }}\n            >\n              {row.map((item, index) => {\n                return children(item, index, row.length);\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n\nexport default AnalyticsLayout;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_162_0_AnalyticsLayout";
+var _namespace_ = "wds_1_164_0_AnalyticsLayout";
 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_162_0_AnalyticsLayout__root","row":"wds_1_162_0_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_164_0_AnalyticsLayout__root","row":"wds_1_164_0_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/AnalyticsLayout/AnalyticsLayout.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AnalyticsLayoutProps {\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\n  className?: string;\n\n  /** Items that will be rendered  */\n  items: React.ReactNode[];\n\n  /** Children  */\n  children: AnalyticsLayoutChildren;\n}\n\ntype AnalyticsLayoutChildren = (\n  item: React.ReactNode,\n  index: number,\n  rowItemsCount: number,\n) => React.ReactNode;\n\nexport interface AnalyticsLayoutCellProps {\n  dataHook?: string;\n  disableHighlight?: boolean;\n  children: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/AnalyticsLayout/AnalyticsLayout.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AnalyticsLayoutProps {\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\n  className?: string;\n\n  /** Items that will be rendered  */\n  items: React.ReactNode[];\n\n  /** Shows or hides divider\n   * @default true\n   * */\n  divider?: boolean;\n\n  /** Sets minimum number of items per row\n   * @default 2\n   * */\n  minItemsPerRow?: number;\n\n  /** Sets maximum number of items per row\n   * @default 3\n   * */\n  maxItemsPerRow?: number;\n\n  /** Children  */\n  children: AnalyticsLayoutChildren;\n}\n\ntype AnalyticsLayoutChildren = (\n  item: React.ReactNode,\n  index: number,\n  rowItemsCount: number,\n) => React.ReactNode;\n\nexport interface AnalyticsLayoutCellProps {\n  dataHook?: string;\n  disableHighlight?: boolean;\n  divider?: boolean;\n  children: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/AnalyticsLayout/Cell/Cell.js

@@ -24,7 +24,8 @@ class Cell extends _react.default.PureComponent {
     var {
       dataHook,
       children,
-      disableHighlight
+      disableHighlight,
+      divider
     } = this.props;
     var {
       isHovered
@@ -32,14 +33,15 @@ class Cell extends _react.default.PureComponent {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-hook": dataHook,
       className: (0, _CellSt.st)(_CellSt.classes.root, {
-        highlight: !disableHighlight && isHovered
+        highlight: !disableHighlight && isHovered,
+        divider
       }),
       onMouseEnter: () => this._setHover(true),
       onMouseLeave: () => this._setHover(false),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
+        lineNumber: 35,
         columnNumber: 7
       }
     }, children);
@@ -47,12 +49,14 @@ class Cell extends _react.default.PureComponent {
 }
 Cell.defaultProps = {
   disableHighlight: false,
+  divider: true,
   children: null
 };
 Cell.displayName = 'Cell';
 Cell.propTypes = {
   dataHook: _propTypes.default.string,
   disableHighlight: _propTypes.default.bool,
+  divider: _propTypes.default.bool,
   children: _propTypes.default.any.isRequired
 };
 var _default = exports.default = Cell;

package/dist/cjs/AnalyticsLayout/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_CellSt","_jsxFileName","Cell","React","PureComponent","constructor","arguments","state","isHovered","_setHover","setState","render","dataHook","children","disableHighlight","props","default","createElement","className","st","classes","root","highlight","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","defaultProps","displayName","propTypes","PropTypes","string","bool","any","isRequired","_default","exports"],"sources":["../../../../src/AnalyticsLayout/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Cell.st.css';\n\nimport { AnalyticsLayoutCellProps } from '../AnalyticsLayout.types';\n\n/** Cell */\nclass Cell extends React.PureComponent<AnalyticsLayoutCellProps> {\n  static defaultProps = {\n    disableHighlight: false,\n    children: null,\n  };\n\n  static displayName = 'Cell';\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    disableHighlight: PropTypes.bool,\n    children: PropTypes.any.isRequired,\n  };\n\n  state = { isHovered: false };\n\n  _setHover(isHovered: boolean) {\n    this.setState({ isHovered });\n  }\n\n  render() {\n    const { dataHook, children, disableHighlight } = this.props;\n    const { isHovered } = this.state;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, {\n          highlight: !disableHighlight && isHovered,\n        })}\n        onMouseEnter={() => this._setHover(true)}\n        onMouseLeave={() => this._setHover(false)}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default Cell;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAI5C;AACA,MAAMC,IAAI,SAASC,cAAK,CAACC,aAAa,CAA2B;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAc/DC,KAAK,GAAG;MAAEC,SAAS,EAAE;IAAM,CAAC;EAAA;EAE5BC,SAASA,CAACD,SAAkB,EAAE;IAC5B,IAAI,CAACE,QAAQ,CAAC;MAAEF;IAAU,CAAC,CAAC;EAC9B;EAEAG,MAAMA,CAAA,EAAG;IACP,IAAM;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAG,IAAI,CAACC,KAAK;IAC3D,IAAM;MAAEP;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAEhC,oBACEX,MAAA,CAAAoB,OAAA,CAAAC,aAAA;MACE,aAAWL,QAAS;MACpBM,SAAS,EAAE,IAAAC,UAAE,EAACC,eAAO,CAACC,IAAI,EAAE;QAC1BC,SAAS,EAAE,CAACR,gBAAgB,IAAIN;MAClC,CAAC,CAAE;MACHe,YAAY,EAAEA,CAAA,KAAM,IAAI,CAACd,SAAS,CAAC,IAAI,CAAE;MACzCe,YAAY,EAAEA,CAAA,KAAM,IAAI,CAACf,SAAS,CAAC,KAAK,CAAE;MAAAgB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzChB,QACE,CAAC;EAEV;AACF;AArCMX,IAAI,CACD4B,YAAY,GAAG;EACpBhB,gBAAgB,EAAE,KAAK;EACvBD,QAAQ,EAAE;AACZ,CAAC;AAJGX,IAAI,CAMD6B,WAAW,GAAG,MAAM;AANvB7B,IAAI,CAQD8B,SAAS,GAAG;EACjBpB,QAAQ,EAAEqB,kBAAS,CAACC,MAAM;EAC1BpB,gBAAgB,EAAEmB,kBAAS,CAACE,IAAI;EAChCtB,QAAQ,EAAEoB,kBAAS,CAACG,GAAG,CAACC;AAC1B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GA2BYd,IAAI","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_CellSt","_jsxFileName","Cell","React","PureComponent","constructor","arguments","state","isHovered","_setHover","setState","render","dataHook","children","disableHighlight","divider","props","default","createElement","className","st","classes","root","highlight","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","defaultProps","displayName","propTypes","PropTypes","string","bool","any","isRequired","_default","exports"],"sources":["../../../../src/AnalyticsLayout/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Cell.st.css';\n\nimport { AnalyticsLayoutCellProps } from '../AnalyticsLayout.types';\n\n/** Cell */\nclass Cell extends React.PureComponent<AnalyticsLayoutCellProps> {\n  static defaultProps = {\n    disableHighlight: false,\n    divider: true,\n    children: null,\n  };\n\n  static displayName = 'Cell';\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    disableHighlight: PropTypes.bool,\n    divider: PropTypes.bool,\n    children: PropTypes.any.isRequired,\n  };\n\n  state = { isHovered: false };\n\n  _setHover(isHovered: boolean) {\n    this.setState({ isHovered });\n  }\n\n  render() {\n    const { dataHook, children, disableHighlight, divider } = this.props;\n    const { isHovered } = this.state;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, {\n          highlight: !disableHighlight && isHovered,\n          divider,\n        })}\n        onMouseEnter={() => this._setHover(true)}\n        onMouseLeave={() => this._setHover(false)}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default Cell;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAI5C;AACA,MAAMC,IAAI,SAASC,cAAK,CAACC,aAAa,CAA2B;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAgB/DC,KAAK,GAAG;MAAEC,SAAS,EAAE;IAAM,CAAC;EAAA;EAE5BC,SAASA,CAACD,SAAkB,EAAE;IAC5B,IAAI,CAACE,QAAQ,CAAC;MAAEF;IAAU,CAAC,CAAC;EAC9B;EAEAG,MAAMA,CAAA,EAAG;IACP,IAAM;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,gBAAgB;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACpE,IAAM;MAAER;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAEhC,oBACEX,MAAA,CAAAqB,OAAA,CAAAC,aAAA;MACE,aAAWN,QAAS;MACpBO,SAAS,EAAE,IAAAC,UAAE,EAACC,eAAO,CAACC,IAAI,EAAE;QAC1BC,SAAS,EAAE,CAACT,gBAAgB,IAAIN,SAAS;QACzCO;MACF,CAAC,CAAE;MACHS,YAAY,EAAEA,CAAA,KAAM,IAAI,CAACf,SAAS,CAAC,IAAI,CAAE;MACzCgB,YAAY,EAAEA,CAAA,KAAM,IAAI,CAAChB,SAAS,CAAC,KAAK,CAAE;MAAAiB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzCjB,QACE,CAAC;EAEV;AACF;AAxCMX,IAAI,CACD6B,YAAY,GAAG;EACpBjB,gBAAgB,EAAE,KAAK;EACvBC,OAAO,EAAE,IAAI;EACbF,QAAQ,EAAE;AACZ,CAAC;AALGX,IAAI,CAOD8B,WAAW,GAAG,MAAM;AAPvB9B,IAAI,CASD+B,SAAS,GAAG;EACjBrB,QAAQ,EAAEsB,kBAAS,CAACC,MAAM;EAC1BrB,gBAAgB,EAAEoB,kBAAS,CAACE,IAAI;EAChCrB,OAAO,EAAEmB,kBAAS,CAACE,IAAI;EACvBvB,QAAQ,EAAEqB,kBAAS,CAACG,GAAG,CAACC;AAC1B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GA4BYf,IAAI","ignoreList":[]}

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_162_0_AnalyticsLayoutCell";
+var _namespace_ = "wds_1_164_0_AnalyticsLayoutCell";
 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_162_0_AnalyticsLayoutCell__root"};
+module.exports.classes = {"root":"wds_1_164_0_AnalyticsLayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsSummaryCard/AnalyticsSummaryCard.constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = void 0;
+exports.dataHooks = exports.HORIZONTAL_PADDING = void 0;
 var dataHooks = exports.dataHooks = {
   analyticsSummaryCardCTA: 'analyticsSummaryCard-CTA',
   analyticsSummaryCardChart: 'analyticsSummaryCard-chart',
@@ -12,4 +12,9 @@ var dataHooks = exports.dataHooks = {
   analyticsSummaryCardValueTooltip: 'analyticsSummaryCard-value-tooltip',
   analyticsSummaryCardTrend: 'analyticsSummaryCard-trend'
 };
+var HORIZONTAL_PADDING = exports.HORIZONTAL_PADDING = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
 //# sourceMappingURL=AnalyticsSummaryCard.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","analyticsSummaryCardCTA","analyticsSummaryCardChart","analyticsSummaryCardLoader","analyticsSummaryCardTitle","analyticsSummaryCardTitleTooltip","analyticsSummaryCardValue","analyticsSummaryCardValueTooltip","analyticsSummaryCardTrend"],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.constants.ts"],"sourcesContent":["export const dataHooks = {\n  analyticsSummaryCardCTA: 'analyticsSummaryCard-CTA',\n  analyticsSummaryCardChart: 'analyticsSummaryCard-chart',\n  analyticsSummaryCardLoader: 'analyticsSummaryCard-loader',\n  analyticsSummaryCardTitle: 'analyticsSummaryCard-title',\n  analyticsSummaryCardTitleTooltip: 'analyticsSummaryCard-title-tooltip',\n  analyticsSummaryCardValue: 'analyticsSummaryCard-value',\n  analyticsSummaryCardValueTooltip: 'analyticsSummaryCard-value-tooltip',\n  analyticsSummaryCardTrend: 'analyticsSummaryCard-trend',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,uBAAuB,EAAE,0BAA0B;EACnDC,yBAAyB,EAAE,4BAA4B;EACvDC,0BAA0B,EAAE,6BAA6B;EACzDC,yBAAyB,EAAE,4BAA4B;EACvDC,gCAAgC,EAAE,oCAAoC;EACtEC,yBAAyB,EAAE,4BAA4B;EACvDC,gCAAgC,EAAE,oCAAoC;EACtEC,yBAAyB,EAAE;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","analyticsSummaryCardCTA","analyticsSummaryCardChart","analyticsSummaryCardLoader","analyticsSummaryCardTitle","analyticsSummaryCardTitleTooltip","analyticsSummaryCardValue","analyticsSummaryCardValueTooltip","analyticsSummaryCardTrend","HORIZONTAL_PADDING","small","medium","large"],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.constants.ts"],"sourcesContent":["export const dataHooks = {\n  analyticsSummaryCardCTA: 'analyticsSummaryCard-CTA',\n  analyticsSummaryCardChart: 'analyticsSummaryCard-chart',\n  analyticsSummaryCardLoader: 'analyticsSummaryCard-loader',\n  analyticsSummaryCardTitle: 'analyticsSummaryCard-title',\n  analyticsSummaryCardTitleTooltip: 'analyticsSummaryCard-title-tooltip',\n  analyticsSummaryCardValue: 'analyticsSummaryCard-value',\n  analyticsSummaryCardValueTooltip: 'analyticsSummaryCard-value-tooltip',\n  analyticsSummaryCardTrend: 'analyticsSummaryCard-trend',\n};\n\nexport const HORIZONTAL_PADDING = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,uBAAuB,EAAE,0BAA0B;EACnDC,yBAAyB,EAAE,4BAA4B;EACvDC,0BAA0B,EAAE,6BAA6B;EACzDC,yBAAyB,EAAE,4BAA4B;EACvDC,gCAAgC,EAAE,oCAAoC;EACtEC,yBAAyB,EAAE,4BAA4B;EACvDC,gCAAgC,EAAE,oCAAoC;EACtEC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,IAAMC,kBAAkB,GAAAT,OAAA,CAAAS,kBAAA,GAAG;EAChCC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/cjs/AnalyticsSummaryCard/AnalyticsSummaryCard.js

@@ -46,7 +46,9 @@ var AnalyticsSummaryCard = _ref => {
     chartHighlightedStartingIndex,
     getChartTooltipContent,
     focusableOnFocus,
-    focusableOnBlur
+    focusableOnBlur,
+    border = false,
+    horizontalPadding = _AnalyticsSummaryCard.HORIZONTAL_PADDING.large
   } = _ref;
   var [isHovered, setIsHovered] = (0, _react.useState)(false);
   var handleMouseEnter = (0, _react.useCallback)(() => setIsHovered(true), []);
@@ -65,7 +67,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 75,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -73,7 +75,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 81,
       columnNumber: 9
     }
   }, title)), [title, titleTooltip]);
@@ -86,7 +88,7 @@ var AnalyticsSummaryCard = _ref => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 85,
+          lineNumber: 90,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -96,7 +98,7 @@ var AnalyticsSummaryCard = _ref => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 95,
           columnNumber: 11
         }
       }, value));
@@ -108,7 +110,7 @@ var AnalyticsSummaryCard = _ref => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 101,
+          lineNumber: 106,
           columnNumber: 9
         }
       }, value);
@@ -118,7 +120,9 @@ var AnalyticsSummaryCard = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _AnalyticsSummaryCardSt.st)(_AnalyticsSummaryCardSt.classes.root, {
       hovered: isHovered,
-      clickable: isClickable
+      clickable: isClickable,
+      border,
+      horizontalPadding
     }, className),
     "data-hook": dataHook,
     onClick: handleClick,
@@ -129,7 +133,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 120,
       columnNumber: 5
     }
   }, isLoading && /*#__PURE__*/_react.default.createElement("div", {
@@ -137,7 +141,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 140,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
@@ -146,7 +150,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 141,
       columnNumber: 11
     }
   })), shouldShowCTA && /*#__PURE__*/_react.default.createElement("div", {
@@ -158,14 +162,14 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 147,
       columnNumber: 9
     }
   }, ctaButton), /*#__PURE__*/_react.default.createElement("div", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 158,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -175,7 +179,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 160,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Heading.default, {
@@ -183,7 +187,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 165,
       columnNumber: 11
     }
   }, renderTitle())), /*#__PURE__*/_react.default.createElement("div", {
@@ -191,7 +195,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 162,
+      lineNumber: 169,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -199,7 +203,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 170,
       columnNumber: 11
     }
   }, renderValue(), isTrendVisible && trend !== undefined && /*#__PURE__*/_react.default.createElement(_TrendIndicator.default, {
@@ -210,7 +214,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 173,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -220,7 +224,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 183,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_SparklineChart.default, {
@@ -236,7 +240,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 188,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -244,7 +248,7 @@ var AnalyticsSummaryCard = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 201,
       columnNumber: 9
     }
   }, " ", footer)));
@@ -273,7 +277,9 @@ AnalyticsSummaryCard.propTypes = {
   getChartTooltipContent: _propTypes.default.func,
   chartColorHex: _propTypes.default.string,
   chartAnimationDuration: _propTypes.default.number,
-  footer: _propTypes.default.any
+  footer: _propTypes.default.any,
+  border: _propTypes.default.bool,
+  horizontalPadding: _propTypes.default.any
 };
 var _default = exports.default = (0, _Focusable.withFocusable)(AnalyticsSummaryCard);
 //# sourceMappingURL=AnalyticsSummaryCard.js.map

package/dist/cjs/AnalyticsSummaryCard/AnalyticsSummaryCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_noop","_Heading","_Tooltip","_SparklineChart","_TrendIndicator","_Text","_Loader","_AnalyticsSummaryCardSt","_AnalyticsSummaryCard","_Focusable","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SPARKLINE_HEIGHT","AnalyticsSummaryCard","_ref","isLoading","ctaButton","footer","onChartHover","noop","isTrendVisible","alwaysShowCTA","chartWidth","chartAnimationDuration","onClick","onCTAClick","title","titleTooltip","value","valueTooltip","dataHook","className","trend","invertedTrend","chartData","chartColorHex","chartHighlightedStartingIndex","getChartTooltipContent","focusableOnFocus","focusableOnBlur","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","handleClick","event","handleCTAClick","stopPropagation","shouldShowCTA","useMemo","renderTitle","createElement","placement","content","disabled","dataHooks","analyticsSummaryCardTitleTooltip","__self","__source","fileName","lineNumber","columnNumber","analyticsSummaryCardTitle","renderValue","analyticsSummaryCardValueTooltip","tagName","weight","analyticsSummaryCardValue","isClickable","undefined","st","classes","root","hovered","clickable","onMouseEnter","onMouseLeave","onFocus","onBlur","loader","analyticsSummaryCardLoader","size","analyticsSummaryCardCTA","valueLineContainer","valueAndTrend","analyticsSummaryCardTrend","inverted","sparkline","analyticsSummaryCardChart","onHover","data","color","width","height","highlightedStartingIndex","getTooltipContent","animationDuration","exports","displayName","propTypes","PropTypes","string","isRequired","number","bool","any","func","_default","withFocusable"],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.tsx"],"sourcesContent":["import React, { MouseEvent, useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport Heading from '../Heading';\nimport Tooltip from '../Tooltip';\nimport SparklineChart from '../SparklineChart';\nimport TrendIndicator from '../TrendIndicator';\nimport Text from '../Text';\nimport Loader from '../Loader';\nimport { st, classes } from './AnalyticsSummaryCard.st.css';\nimport { dataHooks } from './AnalyticsSummaryCard.constants';\nimport { InjectedFocusableProps, withFocusable } from '../common/Focusable';\nimport { AnalyticsSummaryCardProps } from './AnalyticsSummaryCard.types';\n\nconst SPARKLINE_HEIGHT = 22;\n\n// storybook utils can't unwrap HOC, hence the export\nexport const AnalyticsSummaryCard = ({\n  isLoading = false,\n  ctaButton = null,\n  footer = null,\n  onChartHover = noop,\n  isTrendVisible = false,\n  alwaysShowCTA = false,\n  chartWidth = 69,\n  chartAnimationDuration = 300,\n  onClick,\n  onCTAClick,\n  title,\n  titleTooltip,\n  value,\n  valueTooltip,\n  dataHook,\n  className,\n  trend,\n  invertedTrend,\n  chartData,\n  chartColorHex,\n  chartHighlightedStartingIndex,\n  getChartTooltipContent,\n  focusableOnFocus,\n  focusableOnBlur,\n}: InjectedFocusableProps<AnalyticsSummaryCardProps, HTMLDivElement>) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n\n  const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => onClick?.(event),\n    [onClick],\n  );\n\n  const handleCTAClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      event.stopPropagation();\n      onCTAClick?.(event);\n    },\n    [onCTAClick],\n  );\n\n  const shouldShowCTA = useMemo(\n    () => !isLoading && ctaButton && (isHovered || alwaysShowCTA),\n    [alwaysShowCTA, ctaButton, isHovered, isLoading],\n  );\n\n  const renderTitle = useCallback(\n    () => (\n      <Tooltip\n        placement=\"top\"\n        content={titleTooltip}\n        disabled={!titleTooltip}\n        dataHook={dataHooks.analyticsSummaryCardTitleTooltip}\n      >\n        <span data-hook={dataHooks.analyticsSummaryCardTitle}>{title}</span>\n      </Tooltip>\n    ),\n    [title, titleTooltip],\n  );\n\n  const renderValue = useCallback(() => {\n    if (valueTooltip) {\n      return (\n        <Tooltip\n          placement=\"top\"\n          content={valueTooltip}\n          dataHook={dataHooks.analyticsSummaryCardValueTooltip}\n        >\n          <Text\n            tagName=\"span\"\n            weight=\"bold\"\n            dataHook={dataHooks.analyticsSummaryCardValue}\n          >\n            {value}\n          </Text>\n        </Tooltip>\n      );\n    } else {\n      return (\n        <Text\n          tagName=\"span\"\n          weight=\"bold\"\n          dataHook={dataHooks.analyticsSummaryCardValue}\n        >\n          {value}\n        </Text>\n      );\n    }\n  }, [value, valueTooltip]);\n\n  const isClickable = useMemo(() => onClick !== undefined, [onClick]);\n\n  return (\n    <div\n      className={st(\n        classes.root,\n        {\n          hovered: isHovered,\n          clickable: isClickable,\n        },\n        className,\n      )}\n      data-hook={dataHook}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={focusableOnFocus}\n      onBlur={focusableOnBlur}\n    >\n      {/* Loader */}\n      {isLoading && (\n        <div className={classes.loader}>\n          <Loader dataHook={dataHooks.analyticsSummaryCardLoader} size=\"tiny\" />\n        </div>\n      )}\n\n      {/* CTA */}\n      {shouldShowCTA && (\n        <div\n          data-hook={dataHooks.analyticsSummaryCardCTA}\n          className={st(classes.ctaButton)}\n          onClick={handleCTAClick}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          {ctaButton}\n        </div>\n      )}\n\n      <div>\n        {/* Header */}\n        <div\n          className={st(classes.title)}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          <Heading size=\"extraTiny\">{renderTitle()}</Heading>\n        </div>\n\n        {/* Value & Trend */}\n        <div className={classes.valueLineContainer}>\n          <div className={classes.valueAndTrend}>\n            {renderValue()}\n            {isTrendVisible && trend !== undefined && (\n              <TrendIndicator\n                dataHook={dataHooks.analyticsSummaryCardTrend}\n                className={classes.trend}\n                value={trend}\n                inverted={invertedTrend}\n              />\n            )}\n          </div>\n\n          {/* Sparkline Chart */}\n          <div\n            className={st(classes.sparkline)}\n            onFocus={focusableOnFocus}\n            onBlur={focusableOnBlur}\n          >\n            <SparklineChart\n              dataHook={dataHooks.analyticsSummaryCardChart}\n              onHover={onChartHover}\n              data={chartData}\n              color={chartColorHex}\n              width={chartWidth}\n              height={SPARKLINE_HEIGHT}\n              highlightedStartingIndex={chartHighlightedStartingIndex}\n              getTooltipContent={getChartTooltipContent}\n              animationDuration={chartAnimationDuration}\n            />\n          </div>\n        </div>\n        <div className={st(classes.footer)}> {footer}</div>\n      </div>\n    </div>\n  );\n};\n\nAnalyticsSummaryCard.displayName = 'AnalyticsSummaryCard';\n\nAnalyticsSummaryCard.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  title: PropTypes.string,\n  titleTooltip: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  valueTooltip: PropTypes.string,\n  trend: PropTypes.number,\n  invertedTrend: PropTypes.bool,\n  isTrendVisible: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  ctaButton: PropTypes.any,\n  onCTAClick: PropTypes.func,\n  alwaysShowCTA: PropTypes.bool,\n  onClick: PropTypes.func,\n  onChartHover: PropTypes.func,\n  chartHighlightedStartingIndex: PropTypes.number,\n  chartWidth: PropTypes.number,\n  chartData: PropTypes.any,\n  getChartTooltipContent: PropTypes.func,\n  chartColorHex: PropTypes.string,\n  chartAnimationDuration: PropTypes.number,\n  footer: PropTypes.any,\n};\n\nexport default withFocusable<AnalyticsSummaryCardProps>(AnalyticsSummaryCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_noop","_Heading","_Tooltip","_SparklineChart","_TrendIndicator","_Text","_Loader","_AnalyticsSummaryCardSt","_AnalyticsSummaryCard","_Focusable","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SPARKLINE_HEIGHT","AnalyticsSummaryCard","_ref","isLoading","ctaButton","footer","onChartHover","noop","isTrendVisible","alwaysShowCTA","chartWidth","chartAnimationDuration","onClick","onCTAClick","title","titleTooltip","value","valueTooltip","dataHook","className","trend","invertedTrend","chartData","chartColorHex","chartHighlightedStartingIndex","getChartTooltipContent","focusableOnFocus","focusableOnBlur","border","horizontalPadding","HORIZONTAL_PADDING","large","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","handleClick","event","handleCTAClick","stopPropagation","shouldShowCTA","useMemo","renderTitle","createElement","placement","content","disabled","dataHooks","analyticsSummaryCardTitleTooltip","__self","__source","fileName","lineNumber","columnNumber","analyticsSummaryCardTitle","renderValue","analyticsSummaryCardValueTooltip","tagName","weight","analyticsSummaryCardValue","isClickable","undefined","st","classes","root","hovered","clickable","onMouseEnter","onMouseLeave","onFocus","onBlur","loader","analyticsSummaryCardLoader","size","analyticsSummaryCardCTA","valueLineContainer","valueAndTrend","analyticsSummaryCardTrend","inverted","sparkline","analyticsSummaryCardChart","onHover","data","color","width","height","highlightedStartingIndex","getTooltipContent","animationDuration","exports","displayName","propTypes","PropTypes","string","isRequired","number","bool","any","func","_default","withFocusable"],"sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.tsx"],"sourcesContent":["import React, { MouseEvent, useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport Heading from '../Heading';\nimport Tooltip from '../Tooltip';\nimport SparklineChart from '../SparklineChart';\nimport TrendIndicator from '../TrendIndicator';\nimport Text from '../Text';\nimport Loader from '../Loader';\nimport { st, classes } from './AnalyticsSummaryCard.st.css';\nimport {\n  dataHooks,\n  HORIZONTAL_PADDING,\n} from './AnalyticsSummaryCard.constants';\nimport { InjectedFocusableProps, withFocusable } from '../common/Focusable';\nimport { AnalyticsSummaryCardProps } from './AnalyticsSummaryCard.types';\n\nconst SPARKLINE_HEIGHT = 22;\n\n// storybook utils can't unwrap HOC, hence the export\nexport const AnalyticsSummaryCard = ({\n  isLoading = false,\n  ctaButton = null,\n  footer = null,\n  onChartHover = noop,\n  isTrendVisible = false,\n  alwaysShowCTA = false,\n  chartWidth = 69,\n  chartAnimationDuration = 300,\n  onClick,\n  onCTAClick,\n  title,\n  titleTooltip,\n  value,\n  valueTooltip,\n  dataHook,\n  className,\n  trend,\n  invertedTrend,\n  chartData,\n  chartColorHex,\n  chartHighlightedStartingIndex,\n  getChartTooltipContent,\n  focusableOnFocus,\n  focusableOnBlur,\n  border = false,\n  horizontalPadding = HORIZONTAL_PADDING.large,\n}: InjectedFocusableProps<AnalyticsSummaryCardProps, HTMLDivElement>) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n\n  const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => onClick?.(event),\n    [onClick],\n  );\n\n  const handleCTAClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      event.stopPropagation();\n      onCTAClick?.(event);\n    },\n    [onCTAClick],\n  );\n\n  const shouldShowCTA = useMemo(\n    () => !isLoading && ctaButton && (isHovered || alwaysShowCTA),\n    [alwaysShowCTA, ctaButton, isHovered, isLoading],\n  );\n\n  const renderTitle = useCallback(\n    () => (\n      <Tooltip\n        placement=\"top\"\n        content={titleTooltip}\n        disabled={!titleTooltip}\n        dataHook={dataHooks.analyticsSummaryCardTitleTooltip}\n      >\n        <span data-hook={dataHooks.analyticsSummaryCardTitle}>{title}</span>\n      </Tooltip>\n    ),\n    [title, titleTooltip],\n  );\n\n  const renderValue = useCallback(() => {\n    if (valueTooltip) {\n      return (\n        <Tooltip\n          placement=\"top\"\n          content={valueTooltip}\n          dataHook={dataHooks.analyticsSummaryCardValueTooltip}\n        >\n          <Text\n            tagName=\"span\"\n            weight=\"bold\"\n            dataHook={dataHooks.analyticsSummaryCardValue}\n          >\n            {value}\n          </Text>\n        </Tooltip>\n      );\n    } else {\n      return (\n        <Text\n          tagName=\"span\"\n          weight=\"bold\"\n          dataHook={dataHooks.analyticsSummaryCardValue}\n        >\n          {value}\n        </Text>\n      );\n    }\n  }, [value, valueTooltip]);\n\n  const isClickable = useMemo(() => onClick !== undefined, [onClick]);\n\n  return (\n    <div\n      className={st(\n        classes.root,\n        {\n          hovered: isHovered,\n          clickable: isClickable,\n          border,\n          horizontalPadding,\n        },\n        className,\n      )}\n      data-hook={dataHook}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={focusableOnFocus}\n      onBlur={focusableOnBlur}\n    >\n      {/* Loader */}\n      {isLoading && (\n        <div className={classes.loader}>\n          <Loader dataHook={dataHooks.analyticsSummaryCardLoader} size=\"tiny\" />\n        </div>\n      )}\n\n      {/* CTA */}\n      {shouldShowCTA && (\n        <div\n          data-hook={dataHooks.analyticsSummaryCardCTA}\n          className={st(classes.ctaButton)}\n          onClick={handleCTAClick}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          {ctaButton}\n        </div>\n      )}\n\n      <div>\n        {/* Header */}\n        <div\n          className={st(classes.title)}\n          onFocus={focusableOnFocus}\n          onBlur={focusableOnBlur}\n        >\n          <Heading size=\"extraTiny\">{renderTitle()}</Heading>\n        </div>\n\n        {/* Value & Trend */}\n        <div className={classes.valueLineContainer}>\n          <div className={classes.valueAndTrend}>\n            {renderValue()}\n            {isTrendVisible && trend !== undefined && (\n              <TrendIndicator\n                dataHook={dataHooks.analyticsSummaryCardTrend}\n                className={classes.trend}\n                value={trend}\n                inverted={invertedTrend}\n              />\n            )}\n          </div>\n\n          {/* Sparkline Chart */}\n          <div\n            className={st(classes.sparkline)}\n            onFocus={focusableOnFocus}\n            onBlur={focusableOnBlur}\n          >\n            <SparklineChart\n              dataHook={dataHooks.analyticsSummaryCardChart}\n              onHover={onChartHover}\n              data={chartData}\n              color={chartColorHex}\n              width={chartWidth}\n              height={SPARKLINE_HEIGHT}\n              highlightedStartingIndex={chartHighlightedStartingIndex}\n              getTooltipContent={getChartTooltipContent}\n              animationDuration={chartAnimationDuration}\n            />\n          </div>\n        </div>\n        <div className={st(classes.footer)}> {footer}</div>\n      </div>\n    </div>\n  );\n};\n\nAnalyticsSummaryCard.displayName = 'AnalyticsSummaryCard';\n\nAnalyticsSummaryCard.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  title: PropTypes.string,\n  titleTooltip: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  valueTooltip: PropTypes.string,\n  trend: PropTypes.number,\n  invertedTrend: PropTypes.bool,\n  isTrendVisible: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  ctaButton: PropTypes.any,\n  onCTAClick: PropTypes.func,\n  alwaysShowCTA: PropTypes.bool,\n  onClick: PropTypes.func,\n  onChartHover: PropTypes.func,\n  chartHighlightedStartingIndex: PropTypes.number,\n  chartWidth: PropTypes.number,\n  chartData: PropTypes.any,\n  getChartTooltipContent: PropTypes.func,\n  chartColorHex: PropTypes.string,\n  chartAnimationDuration: PropTypes.number,\n  footer: PropTypes.any,\n  border: PropTypes.bool,\n  horizontalPadding: PropTypes.any,\n};\n\nexport default withFocusable<AnalyticsSummaryCardProps>(AnalyticsSummaryCard);\n"],"mappings":"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","ignoreList":[]}