@hitachivantara/uikit-react-core 3.66.1 → 3.66.2

package/dist/Donutchart/donutchartPlotlyOverrides.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyLayoutDefaults = exports.applyDataDefaults = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var setterIfNil = function setterIfNil(object, property, value) {
+  var _object$property;
+
+  // eslint-disable-next-line no-param-reassign
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+/**
+ * Auxiliary functions to set the data in order to follow the DS guideline.
+ *
+ */
+
+
+var applyDataDefaults = function applyDataDefaults(inputData, type) {
+  var data = inputData;
+  data.forEach(function (trace) {
+    setterIfNil(trace, "hoverinfo", "none");
+    setterIfNil(trace, "textinfo", "none");
+    setterIfNil(trace, "type", "pie");
+
+    switch (type) {
+      case "thin":
+        setterIfNil(trace, "hole", "0.94");
+        break;
+
+      case "regular":
+      default:
+        setterIfNil(trace, "hole", "0.76");
+    }
+  });
+  return data;
+};
+
+exports.applyDataDefaults = applyDataDefaults;
+
+var applyLayoutDefaults = function applyLayoutDefaults(inputLayout) {
+  var defaultLayout = {};
+  return !inputLayout ? defaultLayout : (0, _cloneDeep.default)(inputLayout);
+};
+
+exports.applyLayoutDefaults = applyLayoutDefaults;
+//# sourceMappingURL=donutchartPlotlyOverrides.js.map

package/dist/Donutchart/donutchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donutchartPlotlyOverrides.js","names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"sources":["../../src/Donutchart/donutchartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    setterIfNil(trace, \"textinfo\", \"none\");\n    setterIfNil(trace, \"type\", \"pie\");\n\n    switch (type) {\n      case \"thin\":\n        setterIfNil(trace, \"hole\", \"0.94\");\n        break;\n      case \"regular\":\n      default:\n        setterIfNil(trace, \"hole\", \"0.76\");\n    }\n  });\n\n  return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout) => {\n  const defaultLayout = {};\n\n  return !inputLayout ? defaultLayout : clone(inputLayout);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,UAAR,EAAoB,MAApB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,SAAL;MACA;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IANJ;EAQD,CAbD;EAeA,OAAOF,IAAP;AACD,CAnBM;;;;AAqBA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;EAClD,IAAMC,aAAa,GAAG,EAAtB;EAEA,OAAO,CAACD,WAAD,GAAeC,aAAf,GAA+B,wBAAMD,WAAN,CAAtC;AACD,CAJM"}

package/dist/Donutchart/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Donutchart";
+export * from "./Donutchart";

package/dist/Donutchart/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Donutchart.default;
+  }
+});
+
+var _Donutchart = _interopRequireDefault(require("./Donutchart"));
+//# sourceMappingURL=index.js.map

package/dist/Donutchart/index.js.map

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

package/dist/Donutchart/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Donutchart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles"],"sources":["../../src/Donutchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,EAAf;eAEeA,M"}

package/dist/Linechart/Linechart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvLinechartProps extends HvChartProps {
+  /**
+   * Sets the type of graph.
+   */
+  type?: "line" | "area" | "stack";
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider?: boolean;
+}
+
+export default function HvLinechart(props: HvLinechartProps): JSX.Element | null;

package/dist/Linechart/Linechart.js

@@ -0,0 +1,130 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Chart = _interopRequireDefault(require("../Chart"));
+
+var _lineChartPlotlyOverrides = require("./lineChartPlotlyOverrides");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type", "rangeSlider"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * A line chart or line plot or line graph is a type of chart which displays information as a series of data points
+ * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.
+ * Our implementation leverages the Plotly charting library. If you have a specific case
+ * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+var Linechart = function Linechart(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      data = _ref.data,
+      layout = _ref.layout,
+      config = _ref.config,
+      _ref$tooltipType = _ref.tooltipType,
+      tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "line" : _ref$type,
+      _ref$rangeSlider = _ref.rangeSlider,
+      rangeSlider = _ref$rangeSlider === void 0 ? false : _ref$rangeSlider,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  /* Values derived from props */
+  var chartData = (0, _react.useMemo)(function () {
+    return (0, _lineChartPlotlyOverrides.applyDataDefaults)(data, type);
+  }, [data, type]);
+  var chartLayout = (0, _react.useMemo)(function () {
+    return (0, _lineChartPlotlyOverrides.applyLayoutDefaults)(layout, rangeSlider);
+  }, [layout, rangeSlider]);
+  return /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Linechart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: _propTypes.default.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets the type of graph.
+   */
+  type: _propTypes.default.oneOf(["line", "area", "stack"]),
+
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLinechart"
+})(Linechart);
+
+exports.default = _default;
+//# sourceMappingURL=Linechart.js.map

package/dist/Linechart/Linechart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Linechart.js","names":["Linechart","id","classes","data","layout","config","tooltipType","type","rangeSlider","others","chartData","chartLayout","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","styles","name"],"sources":["../../src/Linechart/Linechart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./lineChartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * A line chart or line plot or line graph is a type of chart which displays information as a series of data points\n * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Linechart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  type = \"line\",\n  rangeSlider = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, rangeSlider),\n    [layout, rangeSlider]\n  );\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      data={chartData}\n      layout={chartLayout}\n      config={config}\n      tooltipType={tooltipType}\n      {...others}\n    />\n  );\n};\n\nLinechart.propTypes = {\n  /**\n   * An Id passed on to the component\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Plotly data object (see https://plot.ly/javascript/reference/).\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n   */\n  layout: PropTypes.instanceOf(Object),\n  /**\n   * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n   */\n  config: PropTypes.instanceOf(Object),\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n  /**\n   * Sets the type of graph.\n   */\n  type: PropTypes.oneOf([\"line\", \"area\", \"stack\"]),\n  /**\n   * Defines it should present a range slider.\n   */\n  rangeSlider: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLinechart\" })(Linechart);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,IAOI,QAPJA,IAOI;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,4BAJJC,WAII;EAAA,IAJJA,WAII,iCAJU,UAIV;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,MAGH;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,KAEV;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,SAAS,GAAG,oBAAQ;IAAA,OAAM,iDAAkBP,IAAlB,EAAwBI,IAAxB,CAAN;EAAA,CAAR,EAA6C,CAACJ,IAAD,EAAOI,IAAP,CAA7C,CAAlB;EACA,IAAMI,WAAW,GAAG,oBAClB;IAAA,OAAM,mDAAoBP,MAApB,EAA4BI,WAA5B,CAAN;EAAA,CADkB,EAElB,CAACJ,MAAD,EAASI,WAAT,CAFkB,CAApB;EAKA,oBACE,6BAAC,cAAD;IACE,EAAE,EAAEP,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEQ,SAHR;IAIE,MAAM,EAAEC,WAJV;IAKE,MAAM,EAAEN,MALV;IAME,WAAW,EAAEC;EANf,GAOMG,MAPN,EADF;AAWD,CA9BD;;AAgCA,wCAAAT,SAAS,CAACY,SAAV,GAAsB;EACpB;AACF;AACA;EACEX,EAAE,EAAEY,mBAAUC,MAJM;;EAKpB;AACF;AACA;EACEZ,OAAO,EAAEW,mBAAUE,UAAV,CAAqBC,MAArB,CARW;;EASpB;AACF;AACA;EACEb,IAAI,EAAEU,mBAAUI,OAAV,CAAkBJ,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZlC;;EAapB;AACF;AACA;EACEd,MAAM,EAAES,mBAAUE,UAAV,CAAqBC,MAArB,CAhBY;;EAiBpB;AACF;AACA;EACEX,MAAM,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CApBY;;EAqBpB;AACF;AACA;EACEV,WAAW,EAAEO,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBO;;EAyBpB;AACF;AACA;EACEZ,IAAI,EAAEM,mBAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CA5Bc;;EA6BpB;AACF;AACA;EACEX,WAAW,EAAEK,mBAAUO;AAhCH,CAAtB;;eAmCe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CtB,SAA5C,C"}

package/dist/Linechart/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Linechart";
+export * from "./Linechart";

package/dist/Linechart/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Linechart.default;
+  }
+});
+
+var _Linechart = _interopRequireDefault(require("./Linechart"));
+//# sourceMappingURL=index.js.map

package/dist/Linechart/index.js.map

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

package/dist/Linechart/lineChartPlotlyOverrides.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyLayoutDefaults = exports.applyDataDefaults = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var setterIfNil = function setterIfNil(object, property, value) {
+  var _object$property;
+
+  // eslint-disable-next-line no-param-reassign
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+/**
+ * Auxiliary functions to set the data in order to follow the DS guideline.
+ *
+ */
+
+
+var applyDataDefaults = function applyDataDefaults(inputData, type) {
+  var data = inputData;
+  data.forEach(function (trace) {
+    setterIfNil(trace, "hoverinfo", "none");
+    setterIfNil(trace, "mode", "lines");
+
+    switch (type) {
+      case "area":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        break;
+
+      case "line":
+        setterIfNil(trace, "type", "line");
+        break;
+
+      case "stack":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        setterIfNil(trace, "stackgroup", "one");
+        break;
+
+      default:
+        setterIfNil(trace, "type", "line");
+    }
+  });
+  return data;
+};
+
+exports.applyDataDefaults = applyDataDefaults;
+
+var applyLayoutDefaults = function applyLayoutDefaults() {
+  var inputLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rangeSlider = arguments.length > 1 ? arguments[1] : undefined;
+  var layout = (0, _cloneDeep.default)(inputLayout);
+  setterIfNil(layout, "xaxis", {});
+  setterIfNil(layout.xaxis, "showgrid", true);
+  setterIfNil(layout.xaxis, "showline", true);
+  setterIfNil(layout, "yaxis", {});
+  setterIfNil(layout.yaxis, "showline", false);
+
+  if (rangeSlider) {
+    setterIfNil(layout.xaxis, "rangeslider", {
+      visible: true
+    });
+  }
+
+  return layout;
+};
+
+exports.applyLayoutDefaults = applyLayoutDefaults;
+//# sourceMappingURL=lineChartPlotlyOverrides.js.map

package/dist/Linechart/lineChartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineChartPlotlyOverrides.js","names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","xaxis","yaxis","visible"],"sources":["../../src/Linechart/lineChartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    setterIfNil(trace, \"mode\", \"lines\");\n\n    switch (type) {\n      case \"area\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        break;\n      case \"line\":\n        setterIfNil(trace, \"type\", \"line\");\n        break;\n      case \"stack\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        setterIfNil(trace, \"stackgroup\", \"one\");\n        break;\n      default:\n        setterIfNil(trace, \"type\", \"line\");\n    }\n  });\n\n  return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout = {}, rangeSlider) => {\n  const layout = clone(inputLayout);\n\n  setterIfNil(layout, \"xaxis\", {});\n  setterIfNil(layout.xaxis, \"showgrid\", true);\n  setterIfNil(layout.xaxis, \"showline\", true);\n\n  setterIfNil(layout, \"yaxis\", {});\n  setterIfNil(layout.yaxis, \"showline\", false);\n\n  if (rangeSlider) {\n    setterIfNil(layout.xaxis, \"rangeslider\", {\n      visible: true,\n    });\n  }\n\n  return layout;\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,OAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACA;;MACF,KAAK,MAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,OAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,YAAR,EAAsB,KAAtB,CAAX;QACA;;MACF;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IAdJ;EAgBD,CApBD;EAsBA,OAAOF,IAAP;AACD,CA1BM;;;;AA4BA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmC;EAAA,IAAlCC,WAAkC,uEAApB,EAAoB;EAAA,IAAhBC,WAAgB;EACpE,IAAMC,MAAM,GAAG,wBAAMF,WAAN,CAAf;EAEAX,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EACAd,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EAEAd,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;;EAEA,IAAIH,WAAJ,EAAiB;IACfZ,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,aAAf,EAA8B;MACvCE,OAAO,EAAE;IAD8B,CAA9B,CAAX;EAGD;;EAED,OAAOH,MAAP;AACD,CAjBM"}

package/dist/Linechart/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Linechart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles"],"sources":["../../src/Linechart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,EAAf;eAEeA,M"}

package/dist/Provider/Provider.js

@@ -21,8 +21,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -107,6 +105,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
 
 
 var HvProvider = function HvProvider(_ref) {
+  var _navigator$language, _navigator;
+
   var children = _ref.children,
       _ref$uiKitTheme = _ref.uiKitTheme,
       uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
@@ -121,18 +121,7 @@ var HvProvider = function HvProvider(_ref) {
       injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
       disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      localeSetting = _useState2[0],
-      setLocaleStting = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var _navigator$language, _navigator;
-
-    // ssr - only runs at the rendering phase, so it won't run on the server
-    setLocaleStting(locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US"));
-  }, [locale]);
+  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
   var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
   var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
   var generateClassName = generateClassNameProp || (0, _theme.createGenerateClassName)(generateClassNameOptions);

package/dist/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","setLocaleStting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const [localeSetting, setLocaleStting] = useState();\n\n  useEffect(() => {\n    // ssr - only runs at the rendering phase, so it won't run on the server\n    setLocaleStting(locale || (navigator?.language ?? \"en-US\"));\n  }, [locale]);\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/Stack/Stack.js

@@ -78,20 +78,20 @@ var getDirection = function getDirection(direction, width, breakpoints) {
  */
 
 
-var HvStack = function HvStack(props) {
-  var classes = props.classes,
-      children = props.children,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? "column" : _props$direction,
-      _props$spacing = props.spacing,
-      spacing = _props$spacing === void 0 ? "sm" : _props$spacing,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      _props$withNavigation = props.withNavigation,
-      withNavigation = _props$withNavigation === void 0 ? false : _props$withNavigation,
-      _props$dividerProps = props.dividerProps,
-      dividerProps = _props$dividerProps === void 0 ? {} : _props$dividerProps,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+var HvStack = function HvStack(_ref) {
+  var classes = _ref.classes,
+      children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "column" : _ref$direction,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? false : _ref$divider,
+      _ref$withNavigation = _ref.withNavigation,
+      withNavigation = _ref$withNavigation === void 0 ? false : _ref$withNavigation,
+      _ref$dividerProps = _ref.dividerProps,
+      dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var width = (0, _useWidth.default)();
   var theme = (0, _core.useTheme)();
   var containerRef = (0, _react.useRef)(null);

package/dist/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","props","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = (props) => {\n  const {\n    classes,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = props;\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -22,6 +22,9 @@ export * from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
 
+export { default as HvBarchart } from "./Barchart";
+export * from "./Barchart";
+
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export * from "./BreadCrumb";
 
@@ -42,6 +45,9 @@ export * from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
 export * from "./DatePicker";
 
+export { default as HvDonutchart } from "./Donutchart";
+export * from "./Donutchart";
+
 export { default as HvDropdown } from "./Dropdown";
 export * from "./Dropdown";
 
@@ -86,6 +92,9 @@ export * from "./Forms/Label";
 export { default as HvKpi } from "./Kpi";
 export * from "./Kpi";
 
+export { default as HvLinechart } from "./Linechart";
+export * from "./Linechart";
+
 export { default as HvLink } from "./Link";
 export * from "./Link";