@hitachivantara/uikit-react-core 3.64.0 → 3.66.1-next.2

package/dist/Donutchart/donutchartPlotlyOverrides.js

@@ -1,56 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Donutchart/donutchartPlotlyOverrides.js"],"names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;AAAA;;AAC/C;AACAF,EAAAA,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;AACpD,MAAMC,IAAI,GAAGF,SAAb;AAEAE,EAAAA,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;AACtBT,IAAAA,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACAT,IAAAA,WAAW,CAACS,KAAD,EAAQ,UAAR,EAAoB,MAApB,CAAX;AACAT,IAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;;AAEA,YAAQH,IAAR;AACE,WAAK,MAAL;AACEN,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AACA;;AACF,WAAK,SAAL;AACA;AACET,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AANJ;AAQD,GAbD;AAeA,SAAOF,IAAP;AACD,CAnBM;;;;AAqBA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;AAClD,MAAMC,aAAa,GAAG,EAAtB;AAEA,SAAO,CAACD,WAAD,GAAeC,aAAf,GAA+B,wBAAMD,WAAN,CAAtC;AACD,CAJM","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"],"file":"donutchartPlotlyOverrides.js"}

package/dist/Donutchart/index.d.ts

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

package/dist/Donutchart/index.js

@@ -1,16 +0,0 @@
-"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

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

package/dist/Donutchart/styles.js

@@ -1,10 +0,0 @@
-"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

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

package/dist/Linechart/Linechart.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,130 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Linechart/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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;AAAA,MATJC,EASI,QATJA,EASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,UAIV;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,MAGH;AAAA,8BAFJC,WAEI;AAAA,MAFJA,WAEI,iCAFU,KAEV;AAAA,MADDC,MACC;;AACJ;AAEA,MAAMC,SAAS,GAAG,oBAAQ;AAAA,WAAM,iDAAkBP,IAAlB,EAAwBI,IAAxB,CAAN;AAAA,GAAR,EAA6C,CAACJ,IAAD,EAAOI,IAAP,CAA7C,CAAlB;AACA,MAAMI,WAAW,GAAG,oBAClB;AAAA,WAAM,mDAAoBP,MAApB,EAA4BI,WAA5B,CAAN;AAAA,GADkB,EAElB,CAACJ,MAAD,EAASI,WAAT,CAFkB,CAApB;AAKA,sBACE,6BAAC,cAAD;AACE,IAAA,EAAE,EAAEP,EADN;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,IAAI,EAAEQ,SAHR;AAIE,IAAA,MAAM,EAAEC,WAJV;AAKE,IAAA,MAAM,EAAEN,MALV;AAME,IAAA,WAAW,EAAEC;AANf,KAOMG,MAPN,EADF;AAWD,CA9BD;;AAgCA,wCAAAT,SAAS,CAACY,SAAV,GAAsB;AACpB;AACF;AACA;AACEX,EAAAA,EAAE,EAAEY,mBAAUC,MAJM;;AAKpB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEW,mBAAUE,UAAV,CAAqBC,MAArB,CARW;;AASpB;AACF;AACA;AACEb,EAAAA,IAAI,EAAEU,mBAAUI,OAAV,CAAkBJ,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZlC;;AAapB;AACF;AACA;AACEd,EAAAA,MAAM,EAAES,mBAAUE,UAAV,CAAqBC,MAArB,CAhBY;;AAiBpB;AACF;AACA;AACEX,EAAAA,MAAM,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CApBY;;AAqBpB;AACF;AACA;AACEV,EAAAA,WAAW,EAAEO,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBO;;AAyBpB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEM,mBAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CA5Bc;;AA6BpB;AACF;AACA;AACEX,EAAAA,WAAW,EAAEK,mBAAUO;AAhCH,CAAtB;;eAmCe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4CtB,SAA5C,C","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"],"file":"Linechart.js"}

package/dist/Linechart/index.d.ts

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

package/dist/Linechart/index.js

@@ -1,16 +0,0 @@
-"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

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

package/dist/Linechart/lineChartPlotlyOverrides.js

@@ -1,79 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Linechart/lineChartPlotlyOverrides.js"],"names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","xaxis","yaxis","visible"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;AAAA;;AAC/C;AACAF,EAAAA,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;AACpD,MAAMC,IAAI,GAAGF,SAAb;AAEAE,EAAAA,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;AACtBT,IAAAA,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACAT,IAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,OAAhB,CAAX;;AAEA,YAAQH,IAAR;AACE,WAAK,MAAL;AACEN,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;AACAT,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;AACA;;AACF,WAAK,MAAL;AACET,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AACA;;AACF,WAAK,OAAL;AACET,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;AACAT,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;AACAT,QAAAA,WAAW,CAACS,KAAD,EAAQ,YAAR,EAAsB,KAAtB,CAAX;AACA;;AACF;AACET,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AAdJ;AAgBD,GApBD;AAsBA,SAAOF,IAAP;AACD,CA1BM;;;;AA4BA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmC;AAAA,MAAlCC,WAAkC,uEAApB,EAAoB;AAAA,MAAhBC,WAAgB;AACpE,MAAMC,MAAM,GAAG,wBAAMF,WAAN,CAAf;AAEAX,EAAAA,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAb,EAAAA,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAd,EAAAA,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AAEAd,EAAAA,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAb,EAAAA,WAAW,CAACa,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;;AAEA,MAAIH,WAAJ,EAAiB;AACfZ,IAAAA,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,aAAf,EAA8B;AACvCE,MAAAA,OAAO,EAAE;AAD8B,KAA9B,CAAX;AAGD;;AAED,SAAOH,MAAP;AACD,CAjBM","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"],"file":"lineChartPlotlyOverrides.js"}

package/dist/Linechart/styles.js

@@ -1,10 +0,0 @@
-"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

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

package/dist/legacy/Barchart/Barchart.d.ts

@@ -1,14 +0,0 @@
-import { HvChartProps } from "../Chart";
-
-export interface HvBarchartProps extends HvChartProps {
-  /**
-   * Sets if the chart is stack.
-   */
-  stack?: boolean;
-  /**
-   * Sets if the chart is horizontal.
-   */
-  horizontal?: boolean;
-}
-
-export default function HvBarchart(props: HvBarchartProps): JSX.Element | null;

package/dist/legacy/Barchart/Barchart.js

@@ -1,195 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
-import Chart from "../Chart";
-import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
-import styles from "./styles";
-var MARGIN = 50;
-var MAX_BAR_WIDTH = 90;
-var MIN_BAR_WIDTH = 3;
-/**
- * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
- *
- * 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 Barchart = function Barchart(_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$stack = _ref.stack,
-      stack = _ref$stack === void 0 ? false : _ref$stack,
-      _ref$horizontal = _ref.horizontal,
-      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
-      others = _objectWithoutProperties(_ref, _excluded);
-
-  /* Values derived from props */
-  var dataWithDefaults = useMemo(function () {
-    return applyDataDefaults(data, horizontal);
-  }, [data, horizontal]);
-  var chartLayout = useMemo(function () {
-    return applyLayoutDefaults(layout, stack, horizontal);
-  }, [layout, stack, horizontal]);
-  /* State */
-
-  var _useState = useState(dataWithDefaults),
-      _useState2 = _slicedToArray(_useState, 2),
-      chartData = _useState2[0],
-      setChartData = _useState2[1];
-  /* Effects */
-
-
-  var firstRender = useRef(true);
-  useEffect(function () {
-    // only setChartData when prop value changes
-    // not needed on first render because the
-    // initial state is already properly set
-    if (!firstRender.current) {
-      setChartData(dataWithDefaults);
-    }
-
-    firstRender.current = false;
-  }, [dataWithDefaults]);
-  /**
-   * Used to force the max width of each bar with 90px.
-   *
-   * (this is effectively more an effect than a callback)
-   */
-
-  var recalculateBarWidth = useCallback(function (ref) {
-    // use the data and layout info directly from the plotly ref
-    // as it's always the most uptodate version.
-    var plotData = ref.current.props.data;
-    var plotLayout = ref.current.props.layout;
-
-    if (plotData.length > 0) {
-      var barmode = plotLayout.barmode,
-          bargap = plotLayout.bargap,
-          bargroupgap = plotLayout.bargroupgap;
-      var isStack = barmode === "stack";
-      var numberOfBarsByGroup = isStack ? 1 : plotData.length;
-      var numberOfGroup = plotData[0].x.length;
-
-      var _ref$current$el$getBo = ref.current.el.getBoundingClientRect(),
-          width = _ref$current$el$getBo.width;
-
-      var plotWidth = width - MARGIN;
-      var groupWidth = plotWidth / numberOfGroup;
-      var colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
-      var calculatedBarWidth = colWidth / numberOfBarsByGroup;
-      var greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
-      var lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
-      var isAlreadyGreaterThan90 = plotData[0].width !== undefined;
-
-      if (greaterThan90 && !isAlreadyGreaterThan90) {
-        var newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
-        var newData = plotData.map(function (subData) {
-          return _objectSpread(_objectSpread({}, subData), {}, {
-            width: newWidth
-          });
-        });
-        setChartData(newData);
-      }
-
-      if (lessThan3 && !isAlreadyGreaterThan90) {
-        var _newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
-
-        var _newData = plotData.map(function (subData) {
-          return _objectSpread(_objectSpread({}, subData), {}, {
-            width: _newWidth
-          });
-        });
-
-        setChartData(_newData);
-      }
-
-      if (!greaterThan90 && isAlreadyGreaterThan90) {
-        var _newData2 = plotData.map(function (subData) {
-          return _objectSpread(_objectSpread({}, subData), {}, {
-            width: undefined
-          });
-        });
-
-        setChartData(_newData2);
-      }
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(Chart, _extends({
-    id: id,
-    classes: classes,
-    data: chartData,
-    layout: chartLayout,
-    config: config,
-    tooltipType: tooltipType,
-    afterPlot: recalculateBarWidth
-  }, others));
-};
-
-process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
-  /**
-   * An Id passed on to the component
-   */
-  id: PropTypes.string,
-
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.instanceOf(Object),
-
-  /**
-   * Plotly data object (see https://plot.ly/javascript/reference/).
-   */
-  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
-
-  /**
-   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
-   */
-  layout: PropTypes.instanceOf(Object),
-
-  /**
-   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
-   */
-  config: PropTypes.instanceOf(Object),
-
-  /**
-   * Defines if should use a single or multiline tooltip.
-   */
-  tooltipType: PropTypes.oneOf(["single", "multiple"]),
-
-  /**
-   * Sets is the chart is stack.
-   */
-  stack: PropTypes.bool,
-
-  /**
-   * Sets is the chart is horizontal.
-   */
-  horizontal: PropTypes.bool
-} : void 0;
-export default withStyles(styles, {
-  name: "HvBarchart"
-})(Barchart);
-//# sourceMappingURL=Barchart.js.map

package/dist/legacy/Barchart/Barchart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Barchart/Barchart.js"],"names":["React","useMemo","useEffect","useState","useCallback","useRef","PropTypes","withStyles","Chart","applyLayoutDefaults","applyDataDefaults","styles","MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","chartLayout","chartData","setChartData","firstRender","current","recalculateBarWidth","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","el","getBoundingClientRect","width","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyLayoutDefaults, applyDataDefaults } from \"./barchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst MARGIN = 50;\nconst MAX_BAR_WIDTH = 90;\nconst MIN_BAR_WIDTH = 3;\n\n/**\n * A Bar chart is a chart or graph that presents categorical data with rectangular bars.\n *\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 Barchart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  stack = false,\n  horizontal = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, stack, horizontal),\n    [layout, stack, horizontal]\n  );\n\n  /* State */\n\n  const [chartData, setChartData] = useState(dataWithDefaults);\n\n  /* Effects */\n\n  const firstRender = useRef(true);\n  useEffect(() => {\n    // only setChartData when prop value changes\n    // not needed on first render because the\n    // initial state is already properly set\n    if (!firstRender.current) {\n      setChartData(dataWithDefaults);\n    }\n\n    firstRender.current = false;\n  }, [dataWithDefaults]);\n\n  /**\n   * Used to force the max width of each bar with 90px.\n   *\n   * (this is effectively more an effect than a callback)\n   */\n  const recalculateBarWidth = useCallback((ref) => {\n    // use the data and layout info directly from the plotly ref\n    // as it's always the most uptodate version.\n    const plotData = ref.current.props.data;\n    const plotLayout = ref.current.props.layout;\n\n    if (plotData.length > 0) {\n      const { barmode, bargap, bargroupgap } = plotLayout;\n\n      const isStack = barmode === \"stack\";\n      const numberOfBarsByGroup = isStack ? 1 : plotData.length;\n      const numberOfGroup = plotData[0].x.length;\n\n      const { width } = ref.current.el.getBoundingClientRect();\n      const plotWidth = width - MARGIN;\n      const groupWidth = plotWidth / numberOfGroup;\n      const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;\n\n      const calculatedBarWidth = colWidth / numberOfBarsByGroup;\n      const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;\n      const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;\n      const isAlreadyGreaterThan90 = plotData[0].width !== undefined;\n\n      if (greaterThan90 && !isAlreadyGreaterThan90) {\n        const newWidth = (MAX_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (lessThan3 && !isAlreadyGreaterThan90) {\n        const newWidth = (MIN_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (!greaterThan90 && isAlreadyGreaterThan90) {\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: undefined };\n        });\n\n        setChartData(newData);\n      }\n    }\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      afterPlot={recalculateBarWidth}\n      {...others}\n    />\n  );\n};\nBarchart.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 is the chart is stack.\n   */\n  stack: PropTypes.bool,\n  /**\n   * Sets is the chart is horizontal.\n   */\n  horizontal: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBarchart\" })(Barchart);\n"],"file":"Barchart.js"}