@hitachivantara/uikit-react-viz 4.0.3 → 4.1.0

package/dist/Chart/Chart.js

@@ -1,92 +1,60 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.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");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.function.name.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _styles = require("@mui/styles");
-
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
 var _chartPlotlyOverrides = require("./chartPlotlyOverrides");
-
 var _Plot = _interopRequireDefault(require("./Plot"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "tooltip", "afterPlot", "xAxisTitle", "yAxisTitle"];
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var Chart = function Chart(_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,
-      tooltip = _ref.tooltip,
-      afterPlot = _ref.afterPlot,
-      xAxisTitle = _ref.xAxisTitle,
-      yAxisTitle = _ref.yAxisTitle,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    classes = _ref.classes,
+    data = _ref.data,
+    layout = _ref.layout,
+    config = _ref.config,
+    _ref$tooltipType = _ref.tooltipType,
+    tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
+    tooltip = _ref.tooltip,
+    afterPlot = _ref.afterPlot,
+    xAxisTitle = _ref.xAxisTitle,
+    yAxisTitle = _ref.yAxisTitle,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var theme = (0, _styles.useTheme)();
+
   /* Values derived from props */
-  // Check if the barchart is horizontal or vertical.
 
+  // Check if the barchart is horizontal or vertical.
   var isHorizontal = (0, _react.useMemo)(function () {
     var _data$;
-
     return !(0, _isNil.default)((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.orientation) ? data[0].orientation.toUpperCase() === "H" : false;
   }, [data]);
   var chartLayout = (0, _react.useMemo)(function () {
@@ -96,29 +64,28 @@ var Chart = function Chart(_ref) {
     return (0, _chartPlotlyOverrides.applyConfigDefaults)(config);
   }, [config]);
   var useSingle = tooltipType === "single";
+
   /* State */
 
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isHover = _useState2[0],
-      setIsHover = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isHover = _useState2[0],
+    setIsHover = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    x: 0,
-    y: 0
-  }),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      coordinates = _useState4[0],
-      setCoordinates = _useState4[1];
-
+      x: 0,
+      y: 0
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    coordinates = _useState4[0],
+    setCoordinates = _useState4[1];
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      dataTooltip = _useState6[0],
-      setDataTooltip = _useState6[1];
-  /* Callbacks */
-  // Extract data from the plotly onHover event to be used to create the tooltip.
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    dataTooltip = _useState6[0],
+    setDataTooltip = _useState6[1];
 
+  /* Callbacks */
 
+  // Extract data from the plotly onHover event to be used to create the tooltip.
   var onHover = (0, _react.useCallback)(function (event) {
     var points = event.points;
     var dataFromPoints = {
@@ -127,14 +94,14 @@ var Chart = function Chart(_ref) {
     };
     points.forEach(function (p, i) {
       var _fData$marker, _fData$line, _fData$labels;
-
       var fData = p.fullData;
       var pNumber = p.pointNumber;
       if (i === 0) dataFromPoints.title = isHorizontal ? p.y : p.x || fData.name;
       dataFromPoints.elements.push({
         color: ((_fData$marker = fData.marker) === null || _fData$marker === void 0 ? void 0 : _fData$marker.color) || ((_fData$line = fData.line) === null || _fData$line === void 0 ? void 0 : _fData$line.color) || p.color,
         name: ((_fData$labels = fData.labels) === null || _fData$labels === void 0 ? void 0 : _fData$labels[pNumber]) || fData.name,
-        value: isHorizontal ? p.x : p.y || p.value
+        value: isHorizontal ? p.x : p.y || p.value,
+        zValue: p.z
       });
     });
     setDataTooltip(dataFromPoints);
@@ -172,69 +139,56 @@ var Chart = function Chart(_ref) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? Chart.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.shape({
     root: _propTypes.default.string
   }),
-
   /**
    * 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).isRequired,
-
   /**
    * 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"]),
-
   /**
    * Custom tooltip element to be displayed
    */
   tooltip: _propTypes.default.func,
-
   /**
    * Function to be called after plot render.
    */
   afterPlot: _propTypes.default.func,
-
   /**
    * Defines the X axis title.
    */
   xAxisTitle: _propTypes.default.string,
-
   /**
    * Defines the Y axis title.
    */
   yAxisTitle: _propTypes.default.string,
-
   /**
    * Defines the chart subtitle.
    */
   subtitle: _propTypes.default.string
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChart"
 })(Chart);
-
 exports.default = _default;
 //# sourceMappingURL=Chart.js.map

package/dist/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["Chart","id","classes","data","layout","config","tooltipType","tooltip","afterPlot","xAxisTitle","yAxisTitle","others","theme","useTheme","isHorizontal","useMemo","isNil","orientation","toUpperCase","chartLayout","applyLayoutDefaults","chartConfig","applyConfigDefaults","useSingle","useState","isHover","setIsHover","x","y","coordinates","setCoordinates","dataTooltip","setDataTooltip","onHover","useCallback","event","points","dataFromPoints","title","elements","forEach","p","i","fData","fullData","pNumber","pointNumber","name","push","color","marker","line","labels","value","onUnHover","onMouseMove","clientX","clientY","root","propTypes","PropTypes","string","shape","arrayOf","instanceOf","Object","isRequired","oneOf","func","subtitle","withStyles","styles"],"sources":["../../src/Chart/Chart.js"],"sourcesContent":["import React, { useState, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport Tooltip from \"./Tooltip\";\nimport { applyLayoutDefaults, applyConfigDefaults } from \"./chartPlotlyOverrides\";\n\nimport Plot from \"./Plot\";\nimport styles from \"./styles\";\n\nconst Chart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  tooltip,\n  afterPlot,\n  xAxisTitle,\n  yAxisTitle,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  /* Values derived from props */\n\n  // Check if the barchart is horizontal or vertical.\n  const isHorizontal = useMemo(\n    () => (!isNil(data[0]?.orientation) ? data[0].orientation.toUpperCase() === \"H\" : false),\n    [data]\n  );\n\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, theme, isHorizontal, xAxisTitle, yAxisTitle),\n    [isHorizontal, layout, theme, xAxisTitle, yAxisTitle]\n  );\n\n  const chartConfig = useMemo(() => applyConfigDefaults(config), [config]);\n\n  const useSingle = tooltipType === \"single\";\n\n  /* State */\n\n  const [isHover, setIsHover] = useState(false);\n  const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });\n  const [dataTooltip, setDataTooltip] = useState();\n\n  /* Callbacks */\n\n  // Extract data from the plotly onHover event to be used to create the tooltip.\n  const onHover = useCallback(\n    (event) => {\n      const { points } = event;\n\n      const dataFromPoints = {\n        title: \"\",\n        elements: [],\n      };\n\n      points.forEach((p, i) => {\n        const fData = p.fullData;\n        const pNumber = p.pointNumber;\n\n        if (i === 0) dataFromPoints.title = isHorizontal ? p.y : p.x || fData.name;\n\n        dataFromPoints.elements.push({\n          color: fData.marker?.color || fData.line?.color || p.color,\n          name: fData.labels?.[pNumber] || fData.name,\n          value: isHorizontal ? p.x : p.y || p.value,\n        });\n      });\n\n      setDataTooltip(dataFromPoints);\n      setIsHover(true);\n    },\n    [isHorizontal]\n  );\n\n  const onUnHover = useCallback(() => {\n    setIsHover(false);\n  }, []);\n\n  const onMouseMove = useCallback((event) => {\n    setCoordinates({\n      x: event.clientX,\n      y: event.clientY,\n    });\n  }, []);\n\n  return (\n    <>\n      {isHover && (\n        <Tooltip\n          coordinates={coordinates}\n          data={dataTooltip}\n          useSingle={useSingle}\n          tooltip={tooltip}\n        />\n      )}\n      <div id={id} className={classes.root}>\n        <div onMouseMove={onMouseMove}>\n          <Plot\n            data={data}\n            layout={chartLayout}\n            config={chartConfig}\n            onHover={onHover}\n            onUnHover={onUnHover}\n            afterPlot={afterPlot}\n            {...others}\n          />\n        </div>\n      </div>\n    </>\n  );\n};\n\nChart.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.shape({\n    root: PropTypes.string,\n  }),\n\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).isRequired,\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   * Custom tooltip element to be displayed\n   */\n  tooltip: PropTypes.func,\n  /**\n   * Function to be called after plot render.\n   */\n  afterPlot: PropTypes.func,\n  /**\n   * Defines the X axis title.\n   */\n  xAxisTitle: PropTypes.string,\n  /**\n   * Defines the Y axis title.\n   */\n  yAxisTitle: PropTypes.string,\n  /**\n   * Defines the chart subtitle.\n   */\n  subtitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvChart\" })(Chart);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAYR;EAAA,IAXJC,EAWI,QAXJA,EAWI;EAAA,IAVJC,OAUI,QAVJA,OAUI;EAAA,IATJC,IASI,QATJA,IASI;EAAA,IARJC,MAQI,QARJA,MAQI;EAAA,IAPJC,MAOI,QAPJA,MAOI;EAAA,4BANJC,WAMI;EAAA,IANJA,WAMI,iCANU,UAMV;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,IAHJC,UAGI,QAHJA,UAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADDC,MACC;EACJ,IAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA;EAEA;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA;;IAAA,OAAO,CAAC,IAAAC,cAAA,YAAMb,IAAI,CAAC,CAAD,CAAV,2CAAM,OAASc,WAAf,CAAD,GAA+Bd,IAAI,CAAC,CAAD,CAAJ,CAAQc,WAAR,CAAoBC,WAApB,OAAsC,GAArE,GAA2E,KAAlF;EAAA,CADmB,EAEnB,CAACf,IAAD,CAFmB,CAArB;EAKA,IAAMgB,WAAW,GAAG,IAAAJ,cAAA,EAClB;IAAA,OAAM,IAAAK,yCAAA,EAAoBhB,MAApB,EAA4BQ,KAA5B,EAAmCE,YAAnC,EAAiDL,UAAjD,EAA6DC,UAA7D,CAAN;EAAA,CADkB,EAElB,CAACI,YAAD,EAAeV,MAAf,EAAuBQ,KAAvB,EAA8BH,UAA9B,EAA0CC,UAA1C,CAFkB,CAApB;EAKA,IAAMW,WAAW,GAAG,IAAAN,cAAA,EAAQ;IAAA,OAAM,IAAAO,yCAAA,EAAoBjB,MAApB,CAAN;EAAA,CAAR,EAA2C,CAACA,MAAD,CAA3C,CAApB;EAEA,IAAMkB,SAAS,GAAGjB,WAAW,KAAK,QAAlC;EAEA;;EAEA,gBAA8B,IAAAkB,eAAA,EAAS,KAAT,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,iBAAsC,IAAAF,eAAA,EAAS;IAAEG,CAAC,EAAE,CAAL;IAAQC,CAAC,EAAE;EAAX,CAAT,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAAsC,IAAAN,eAAA,GAAtC;EAAA;EAAA,IAAOO,WAAP;EAAA,IAAoBC,cAApB;EAEA;EAEA;;;EACA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EACd,UAACC,KAAD,EAAW;IACT,IAAQC,MAAR,GAAmBD,KAAnB,CAAQC,MAAR;IAEA,IAAMC,cAAc,GAAG;MACrBC,KAAK,EAAE,EADc;MAErBC,QAAQ,EAAE;IAFW,CAAvB;IAKAH,MAAM,CAACI,OAAP,CAAe,UAACC,CAAD,EAAIC,CAAJ,EAAU;MAAA;;MACvB,IAAMC,KAAK,GAAGF,CAAC,CAACG,QAAhB;MACA,IAAMC,OAAO,GAAGJ,CAAC,CAACK,WAAlB;MAEA,IAAIJ,CAAC,KAAK,CAAV,EAAaL,cAAc,CAACC,KAAf,GAAuBxB,YAAY,GAAG2B,CAAC,CAACb,CAAL,GAASa,CAAC,CAACd,CAAF,IAAOgB,KAAK,CAACI,IAAzD;MAEbV,cAAc,CAACE,QAAf,CAAwBS,IAAxB,CAA6B;QAC3BC,KAAK,EAAE,kBAAAN,KAAK,CAACO,MAAN,gEAAcD,KAAd,qBAAuBN,KAAK,CAACQ,IAA7B,gDAAuB,YAAYF,KAAnC,KAA4CR,CAAC,CAACQ,KAD1B;QAE3BF,IAAI,EAAE,kBAAAJ,KAAK,CAACS,MAAN,gEAAeP,OAAf,MAA2BF,KAAK,CAACI,IAFZ;QAG3BM,KAAK,EAAEvC,YAAY,GAAG2B,CAAC,CAACd,CAAL,GAASc,CAAC,CAACb,CAAF,IAAOa,CAAC,CAACY;MAHV,CAA7B;IAKD,CAXD;IAaArB,cAAc,CAACK,cAAD,CAAd;IACAX,UAAU,CAAC,IAAD,CAAV;EACD,CAxBa,EAyBd,CAACZ,YAAD,CAzBc,CAAhB;EA4BA,IAAMwC,SAAS,GAAG,IAAApB,kBAAA,EAAY,YAAM;IAClCR,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,EAFe,CAAlB;EAIA,IAAM6B,WAAW,GAAG,IAAArB,kBAAA,EAAY,UAACC,KAAD,EAAW;IACzCL,cAAc,CAAC;MACbH,CAAC,EAAEQ,KAAK,CAACqB,OADI;MAEb5B,CAAC,EAAEO,KAAK,CAACsB;IAFI,CAAD,CAAd;EAID,CALmB,EAKjB,EALiB,CAApB;EAOA,oBACE;IAAA,WACGhC,OAAO,iBACN,qBAAC,gBAAD;MACE,WAAW,EAAEI,WADf;MAEE,IAAI,EAAEE,WAFR;MAGE,SAAS,EAAER,SAHb;MAIE,OAAO,EAAEhB;IAJX,EAFJ,eASE;MAAK,EAAE,EAAEN,EAAT;MAAa,SAAS,EAAEC,OAAO,CAACwD,IAAhC;MAAA,uBACE;QAAK,WAAW,EAAEH,WAAlB;QAAA,uBACE,qBAAC,aAAD;UACE,IAAI,EAAEpD,IADR;UAEE,MAAM,EAAEgB,WAFV;UAGE,MAAM,EAAEE,WAHV;UAIE,OAAO,EAAEY,OAJX;UAKE,SAAS,EAAEqB,SALb;UAME,SAAS,EAAE9C;QANb,GAOMG,MAPN;MADF;IADF,EATF;EAAA,EADF;AAyBD,CAzGD;;AA2GA,wCAAAX,KAAK,CAAC2D,SAAN,GAAkB;EAChB;AACF;AACA;EACE1D,EAAE,EAAE2D,kBAAA,CAAUC,MAJE;;EAKhB;AACF;AACA;EACE3D,OAAO,EAAE0D,kBAAA,CAAUE,KAAV,CAAgB;IACvBJ,IAAI,EAAEE,kBAAA,CAAUC;EADO,CAAhB,CARO;;EAYhB;AACF;AACA;EACE1D,IAAI,EAAEyD,kBAAA,CAAUG,OAAV,CAAkBH,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,CAAlB,EAAgDC,UAftC;;EAgBhB;AACF;AACA;EACE9D,MAAM,EAAEwD,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,EAA6BC,UAnBrB;;EAoBhB;AACF;AACA;EACE7D,MAAM,EAAEuD,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,CAvBQ;;EAwBhB;AACF;AACA;EACE3D,WAAW,EAAEsD,kBAAA,CAAUO,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CA3BG;;EA4BhB;AACF;AACA;EACE5D,OAAO,EAAEqD,kBAAA,CAAUQ,IA/BH;;EAgChB;AACF;AACA;EACE5D,SAAS,EAAEoD,kBAAA,CAAUQ,IAnCL;;EAoChB;AACF;AACA;EACE3D,UAAU,EAAEmD,kBAAA,CAAUC,MAvCN;;EAwChB;AACF;AACA;EACEnD,UAAU,EAAEkD,kBAAA,CAAUC,MA3CN;;EA4ChB;AACF;AACA;EACEQ,QAAQ,EAAET,kBAAA,CAAUC;AA/CJ,CAAlB;;eAkDe,IAAAS,kBAAA,EAAWC,gBAAX,EAAmB;EAAExB,IAAI,EAAE;AAAR,CAAnB,EAAwC/C,KAAxC,C"}
+{"version":3,"file":"Chart.js","names":["Chart","id","classes","data","layout","config","tooltipType","tooltip","afterPlot","xAxisTitle","yAxisTitle","others","theme","useTheme","isHorizontal","useMemo","isNil","orientation","toUpperCase","chartLayout","applyLayoutDefaults","chartConfig","applyConfigDefaults","useSingle","useState","isHover","setIsHover","x","y","coordinates","setCoordinates","dataTooltip","setDataTooltip","onHover","useCallback","event","points","dataFromPoints","title","elements","forEach","p","i","fData","fullData","pNumber","pointNumber","name","push","color","marker","line","labels","value","zValue","z","onUnHover","onMouseMove","clientX","clientY","root","propTypes","PropTypes","string","shape","arrayOf","instanceOf","Object","isRequired","oneOf","func","subtitle","withStyles","styles"],"sources":["../../src/Chart/Chart.js"],"sourcesContent":["import React, { useState, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport Tooltip from \"./Tooltip\";\nimport { applyLayoutDefaults, applyConfigDefaults } from \"./chartPlotlyOverrides\";\n\nimport Plot from \"./Plot\";\nimport styles from \"./styles\";\n\nconst Chart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  tooltip,\n  afterPlot,\n  xAxisTitle,\n  yAxisTitle,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  /* Values derived from props */\n\n  // Check if the barchart is horizontal or vertical.\n  const isHorizontal = useMemo(\n    () => (!isNil(data[0]?.orientation) ? data[0].orientation.toUpperCase() === \"H\" : false),\n    [data]\n  );\n\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, theme, isHorizontal, xAxisTitle, yAxisTitle),\n    [isHorizontal, layout, theme, xAxisTitle, yAxisTitle]\n  );\n\n  const chartConfig = useMemo(() => applyConfigDefaults(config), [config]);\n\n  const useSingle = tooltipType === \"single\";\n\n  /* State */\n\n  const [isHover, setIsHover] = useState(false);\n  const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });\n  const [dataTooltip, setDataTooltip] = useState();\n\n  /* Callbacks */\n\n  // Extract data from the plotly onHover event to be used to create the tooltip.\n  const onHover = useCallback(\n    (event) => {\n      const { points } = event;\n\n      const dataFromPoints = {\n        title: \"\",\n        elements: [],\n      };\n\n      points.forEach((p, i) => {\n        const fData = p.fullData;\n        const pNumber = p.pointNumber;\n\n        if (i === 0) dataFromPoints.title = isHorizontal ? p.y : p.x || fData.name;\n\n        dataFromPoints.elements.push({\n          color: fData.marker?.color || fData.line?.color || p.color,\n          name: fData.labels?.[pNumber] || fData.name,\n          value: isHorizontal ? p.x : p.y || p.value,\n          zValue: p.z,\n        });\n      });\n\n      setDataTooltip(dataFromPoints);\n      setIsHover(true);\n    },\n    [isHorizontal]\n  );\n\n  const onUnHover = useCallback(() => {\n    setIsHover(false);\n  }, []);\n\n  const onMouseMove = useCallback((event) => {\n    setCoordinates({\n      x: event.clientX,\n      y: event.clientY,\n    });\n  }, []);\n\n  return (\n    <>\n      {isHover && (\n        <Tooltip\n          coordinates={coordinates}\n          data={dataTooltip}\n          useSingle={useSingle}\n          tooltip={tooltip}\n        />\n      )}\n      <div id={id} className={classes.root}>\n        <div onMouseMove={onMouseMove}>\n          <Plot\n            data={data}\n            layout={chartLayout}\n            config={chartConfig}\n            onHover={onHover}\n            onUnHover={onUnHover}\n            afterPlot={afterPlot}\n            {...others}\n          />\n        </div>\n      </div>\n    </>\n  );\n};\n\nChart.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.shape({\n    root: PropTypes.string,\n  }),\n\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).isRequired,\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   * Custom tooltip element to be displayed\n   */\n  tooltip: PropTypes.func,\n  /**\n   * Function to be called after plot render.\n   */\n  afterPlot: PropTypes.func,\n  /**\n   * Defines the X axis title.\n   */\n  xAxisTitle: PropTypes.string,\n  /**\n   * Defines the Y axis title.\n   */\n  yAxisTitle: PropTypes.string,\n  /**\n   * Defines the chart subtitle.\n   */\n  subtitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvChart\" })(Chart);\n"],"mappings":"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"}

package/dist/Chart/Plot/Plot.js

@@ -1,85 +1,58 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.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");
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _plotly = _interopRequireDefault(require("plotly.js-basic-dist"));
-
+var _plotly = _interopRequireDefault(require("plotly.js-dist-min"));
 var _factory = _interopRequireDefault(require("react-plotly.js/factory"));
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["data", "layout", "config", "revision", "onHover", "onUnHover", "afterPlot"];
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var PlotGraph = (0, _factory.default)(_plotly.default);
 var plotGraphStyle = {
   position: "relative"
 };
-
 var Plot = function Plot(_ref) {
   var data = _ref.data,
-      layout = _ref.layout,
-      config = _ref.config,
-      _ref$revision = _ref.revision,
-      revision = _ref$revision === void 0 ? 0 : _ref$revision,
-      onHover = _ref.onHover,
-      onUnHover = _ref.onUnHover,
-      afterPlot = _ref.afterPlot,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    layout = _ref.layout,
+    config = _ref.config,
+    _ref$revision = _ref.revision,
+    revision = _ref$revision === void 0 ? 0 : _ref$revision,
+    onHover = _ref.onHover,
+    onUnHover = _ref.onUnHover,
+    afterPlot = _ref.afterPlot,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)(null);
+
   /* Callbacks */
 
   var afterPlotInternal = (0, _react.useCallback)(function () {
     afterPlot === null || afterPlot === void 0 ? void 0 : afterPlot(ref);
   }, [afterPlot]);
+
   /* Effects */
 
   /**
@@ -87,7 +60,6 @@ var Plot = function Plot(_ref) {
    * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)
    */
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
   (0, _react.useLayoutEffect)(afterPlotInternal, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PlotGraph, _objectSpread({
     ref: ref,
@@ -101,47 +73,38 @@ var Plot = function Plot(_ref) {
     style: plotGraphStyle
   }, others));
 };
-
 process.env.NODE_ENV !== "production" ? Plot.propTypes = {
   /**
    * Plotly data object.
    */
   data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
-
   /**
    * Plotly layout object.
    */
   layout: _propTypes.default.instanceOf(Object).isRequired,
-
   /**
    * Plotly config object.
    */
   config: _propTypes.default.instanceOf(Object).isRequired,
-
   /**
    * OnHover function.
    */
   onHover: _propTypes.default.func,
-
   /**
    * OnUnHover function.
    */
   onUnHover: _propTypes.default.func,
-
   /**
    * Function to be call after plot render.
    */
   afterPlot: _propTypes.default.func,
-
   /**
    * Plot revision.
    */
   revision: _propTypes.default.number
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChartPlot"
 })(Plot);
-
 exports.default = _default;
 //# sourceMappingURL=Plot.js.map

package/dist/Chart/Plot/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["PlotGraph","createPlotlyComponent","Plotly","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","useRef","afterPlotInternal","useCallback","useLayoutEffect","propTypes","PropTypes","arrayOf","instanceOf","Object","isRequired","func","number","withStyles","styles","name"],"sources":["../../../src/Chart/Plot/Plot.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Plotly from \"plotly.js-basic-dist\";\nimport createPlotlyComponent from \"react-plotly.js/factory\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst PlotGraph = createPlotlyComponent(Plotly);\n\nconst plotGraphStyle = { position: \"relative\" };\n\nconst Plot = ({ data, layout, config, revision = 0, onHover, onUnHover, afterPlot, ...others }) => {\n  const ref = useRef(null);\n\n  /* Callbacks */\n\n  const afterPlotInternal = useCallback(() => {\n    afterPlot?.(ref);\n  }, [afterPlot]);\n\n  /* Effects */\n\n  /**\n   * Call in the first render because react-plotly.js won't do so.\n   * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)\n   */\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(afterPlotInternal, []);\n\n  return (\n    <PlotGraph\n      ref={ref}\n      data={data}\n      layout={layout}\n      config={config}\n      revision={revision}\n      onHover={onHover}\n      onUnhover={onUnHover}\n      onAfterPlot={afterPlot != null ? afterPlotInternal : null}\n      style={plotGraphStyle}\n      {...others}\n    />\n  );\n};\n\nPlot.propTypes = {\n  /**\n   * Plotly data object.\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object.\n   */\n  layout: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Plotly config object.\n   */\n  config: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * OnHover function.\n   */\n  onHover: PropTypes.func,\n  /**\n   * OnUnHover function.\n   */\n  onUnHover: PropTypes.func,\n  /**\n   * Function to be call after plot render.\n   */\n  afterPlot: PropTypes.func,\n  /**\n   * Plot revision.\n   */\n  revision: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvChartPlot\" })(Plot);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,gBAAA,EAAsBC,eAAtB,CAAlB;AAEA,IAAMC,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAAvB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAsF;EAAA,IAAnFC,IAAmF,QAAnFA,IAAmF;EAAA,IAA7EC,MAA6E,QAA7EA,MAA6E;EAAA,IAArEC,MAAqE,QAArEA,MAAqE;EAAA,yBAA7DC,QAA6D;EAAA,IAA7DA,QAA6D,8BAAlD,CAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,SAA2B,QAA3BA,SAA2B;EAAA,IAAbC,MAAa;EACjG,IAAMC,GAAG,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAZ;EAEA;;EAEA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EAAY,YAAM;IAC1CL,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAGE,GAAH,CAAT;EACD,CAFyB,EAEvB,CAACF,SAAD,CAFuB,CAA1B;EAIA;;EAEA;AACF;AACA;AACA;EACE;;EACA,IAAAM,sBAAA,EAAgBF,iBAAhB,EAAmC,EAAnC;EAEA,oBACE,qBAAC,SAAD;IACE,GAAG,EAAEF,GADP;IAEE,IAAI,EAAER,IAFR;IAGE,MAAM,EAAEC,MAHV;IAIE,MAAM,EAAEC,MAJV;IAKE,QAAQ,EAAEC,QALZ;IAME,OAAO,EAAEC,OANX;IAOE,SAAS,EAAEC,SAPb;IAQE,WAAW,EAAEC,SAAS,IAAI,IAAb,GAAoBI,iBAApB,GAAwC,IARvD;IASE,KAAK,EAAEb;EATT,GAUMU,MAVN,EADF;AAcD,CAhCD;;AAkCA,wCAAAR,IAAI,CAACc,SAAL,GAAiB;EACf;AACF;AACA;EACEb,IAAI,EAAEc,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDC,UAJvC;;EAKf;AACF;AACA;EACEjB,MAAM,EAAEa,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARtB;;EASf;AACF;AACA;EACEhB,MAAM,EAAEY,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UAZtB;;EAaf;AACF;AACA;EACEd,OAAO,EAAEU,kBAAA,CAAUK,IAhBJ;;EAiBf;AACF;AACA;EACEd,SAAS,EAAES,kBAAA,CAAUK,IApBN;;EAqBf;AACF;AACA;EACEb,SAAS,EAAEQ,kBAAA,CAAUK,IAxBN;;EAyBf;AACF;AACA;EACEhB,QAAQ,EAAEW,kBAAA,CAAUM;AA5BL,CAAjB;;eA+Be,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CxB,IAA5C,C"}
+{"version":3,"file":"Plot.js","names":["PlotGraph","createPlotlyComponent","Plotly","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","useRef","afterPlotInternal","useCallback","useLayoutEffect","propTypes","PropTypes","arrayOf","instanceOf","Object","isRequired","func","number","withStyles","styles","name"],"sources":["../../../src/Chart/Plot/Plot.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Plotly from \"plotly.js-dist-min\";\nimport createPlotlyComponent from \"react-plotly.js/factory\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst PlotGraph = createPlotlyComponent(Plotly);\n\nconst plotGraphStyle = { position: \"relative\" };\n\nconst Plot = ({ data, layout, config, revision = 0, onHover, onUnHover, afterPlot, ...others }) => {\n  const ref = useRef(null);\n\n  /* Callbacks */\n\n  const afterPlotInternal = useCallback(() => {\n    afterPlot?.(ref);\n  }, [afterPlot]);\n\n  /* Effects */\n\n  /**\n   * Call in the first render because react-plotly.js won't do so.\n   * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)\n   */\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(afterPlotInternal, []);\n\n  return (\n    <PlotGraph\n      ref={ref}\n      data={data}\n      layout={layout}\n      config={config}\n      revision={revision}\n      onHover={onHover}\n      onUnhover={onUnHover}\n      onAfterPlot={afterPlot != null ? afterPlotInternal : null}\n      style={plotGraphStyle}\n      {...others}\n    />\n  );\n};\n\nPlot.propTypes = {\n  /**\n   * Plotly data object.\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object.\n   */\n  layout: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Plotly config object.\n   */\n  config: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * OnHover function.\n   */\n  onHover: PropTypes.func,\n  /**\n   * OnUnHover function.\n   */\n  onUnHover: PropTypes.func,\n  /**\n   * Function to be call after plot render.\n   */\n  afterPlot: PropTypes.func,\n  /**\n   * Plot revision.\n   */\n  revision: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvChartPlot\" })(Plot);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9B,IAAMA,SAAS,GAAG,IAAAC,gBAAqB,EAACC,eAAM,CAAC;AAE/C,IAAMC,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAW,CAAC;AAE/C,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAAyF;EAAA,IAAnFC,IAAI,QAAJA,IAAI;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,MAAM;EAC1F,IAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;;EAExB;;EAEA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC1CL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,GAAG,CAAC;EAClB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;;EAEf;;EAEA;AACF;AACA;AACA;EACE;EACA,IAAAM,sBAAe,EAACF,iBAAiB,EAAE,EAAE,CAAC;EAEtC,oBACE,qBAAC,SAAS;IACR,GAAG,EAAEF,GAAI;IACT,IAAI,EAAER,IAAK;IACX,MAAM,EAAEC,MAAO;IACf,MAAM,EAAEC,MAAO;IACf,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAEC,OAAQ;IACjB,SAAS,EAAEC,SAAU;IACrB,WAAW,EAAEC,SAAS,IAAI,IAAI,GAAGI,iBAAiB,GAAG,IAAK;IAC1D,KAAK,EAAEb;EAAe,GAClBU,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,IAAI,CAACc,SAAS,GAAG;EACf;AACF;AACA;EACEb,IAAI,EAAEc,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACEjB,MAAM,EAAEa,kBAAS,CAACE,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEhB,MAAM,EAAEY,kBAAS,CAACE,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEd,OAAO,EAAEU,kBAAS,CAACK,IAAI;EACvB;AACF;AACA;EACEd,SAAS,EAAES,kBAAS,CAACK,IAAI;EACzB;AACF;AACA;EACEb,SAAS,EAAEQ,kBAAS,CAACK,IAAI;EACzB;AACF;AACA;EACEhB,QAAQ,EAAEW,kBAAS,CAACM;AACtB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAc,CAAC,CAAC,CAACxB,IAAI,CAAC;AAAA"}

package/dist/Chart/Plot/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Plot.default;
   }
 });
-
 var _Plot = _interopRequireDefault(require("./Plot"));
 //# sourceMappingURL=index.js.map

package/dist/Chart/Plot/index.js.map

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

package/dist/Chart/Plot/styles.js.map

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

package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js

@@ -1,51 +1,31 @@
 "use strict";
 
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.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;
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@mui/styles");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 var MultiTooltip = function MultiTooltip(_ref) {
   var _data$elements;
-
   var classes = _ref.classes,
-      data = _ref.data;
+    data = _ref.data;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes.root,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -88,7 +68,6 @@ var MultiTooltip = function MultiTooltip(_ref) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -98,43 +77,35 @@ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
      * Styles applied to the root.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the title.
      */
     title: _propTypes.default.string,
-
     /**
      * Styles applied to the values container.
      */
     valuesContainer: _propTypes.default.string,
-
     /**
      * Styling applied to the elements describing a data.
      */
     valueNameWrapper: _propTypes.default.string,
-
     /**
      * Styles applied to the values.
      */
     values: _propTypes.default.string,
-
     /**
      * Styles applied to the color.
      */
     color: _propTypes.default.string,
-
     /**
      * Styles applied to the separator between color and title.
      */
     separatorColor: _propTypes.default.string,
-
     /**
      * Styles applied to the separator.
      */
     separator: _propTypes.default.string
   }).isRequired,
-
   /**
    * Data of the tooltip.
    */
@@ -143,7 +114,6 @@ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
      * Styles applied to the barchart root class.
      */
     title: _propTypes.default.string,
-
     /**
      * Values of tooltip
      */
@@ -152,12 +122,10 @@ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
        * Color (in hex).
        */
       color: _propTypes.default.string,
-
       /**
        * Name.
        */
       name: _propTypes.default.string,
-
       /**
        * Value.
        */
@@ -165,14 +133,11 @@ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
     }))
   }).isRequired
 } : void 0;
-
 var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
   return prevProps.data === nextProps.data;
 };
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChartMultiTooltip"
 })( /*#__PURE__*/(0, _react.memo)(MultiTooltip, arePropsEqual));
-
 exports.default = _default;
 //# sourceMappingURL=MultiTooltip.js.map