@hitachivantara/uikit-react-viz 3.1.16 → 4.0.1-next.0

package/dist/Barchart/Barchart.js

@@ -33,8 +33,6 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -45,13 +43,15 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Chart = _interopRequireDefault(require("../Chart"));
 
 var _barchartPlotlyOverrides = require("./barchartPlotlyOverrides");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
 
@@ -180,7 +180,7 @@ var Barchart = function Barchart(_ref) {
       }
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chart.default, _objectSpread({
     id: id,
     classes: classes,
     data: chartData,
@@ -233,7 +233,7 @@ process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
   horizontal: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBarchart"
 })(Barchart);
 

package/dist/Barchart/Barchart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Barchart.js","names":["MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","MIN_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","useMemo","applyDataDefaults","chartLayout","applyLayoutDefaults","useState","chartData","setChartData","firstRender","useRef","useEffect","current","recalculateBarWidth","useCallback","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","el","getBoundingClientRect","boundingRect","width","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","withStyles","styles","name"],"sources":["../../src/Barchart/Barchart.js"],"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;\nconst MIN_WIDTH = 75;\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: boundingRect } = ref.current.el.getBoundingClientRect();\n      const width = boundingRect < MIN_WIDTH ? MIN_WIDTH : boundingRect;\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,EAAf;AACA,IAAMC,aAAa,GAAG,EAAtB;AACA,IAAMC,aAAa,GAAG,CAAtB;AACA,IAAMC,SAAS,GAAG,EAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAUX;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,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,KAGJ;EAAA,2BAFJC,UAEI;EAAA,IAFJA,UAEI,gCAFS,KAET;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,gBAAgB,GAAG,IAAAC,cAAA,EAAQ;IAAA,OAAM,IAAAC,0CAAA,EAAkBT,IAAlB,EAAwBK,UAAxB,CAAN;EAAA,CAAR,EAAmD,CAACL,IAAD,EAAOK,UAAP,CAAnD,CAAzB;EACA,IAAMK,WAAW,GAAG,IAAAF,cAAA,EAClB;IAAA,OAAM,IAAAG,4CAAA,EAAoBV,MAApB,EAA4BG,KAA5B,EAAmCC,UAAnC,CAAN;EAAA,CADkB,EAElB,CAACJ,MAAD,EAASG,KAAT,EAAgBC,UAAhB,CAFkB,CAApB;EAKA;;EAEA,gBAAkC,IAAAO,eAAA,EAASL,gBAAT,CAAlC;EAAA;EAAA,IAAOM,SAAP;EAAA,IAAkBC,YAAlB;EAEA;;;EAEA,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAO,IAAP,CAApB;EACA,IAAAC,gBAAA,EAAU,YAAM;IACd;IACA;IACA;IACA,IAAI,CAACF,WAAW,CAACG,OAAjB,EAA0B;MACxBJ,YAAY,CAACP,gBAAD,CAAZ;IACD;;IAEDQ,WAAW,CAACG,OAAZ,GAAsB,KAAtB;EACD,CATD,EASG,CAACX,gBAAD,CATH;EAWA;AACF;AACA;AACA;AACA;;EACE,IAAMY,mBAAmB,GAAG,IAAAC,kBAAA,EAAY,UAACC,GAAD,EAAS;IAC/C;IACA;IACA,IAAMC,QAAQ,GAAGD,GAAG,CAACH,OAAJ,CAAYK,KAAZ,CAAkBvB,IAAnC;IACA,IAAMwB,UAAU,GAAGH,GAAG,CAACH,OAAJ,CAAYK,KAAZ,CAAkBtB,MAArC;;IAEA,IAAIqB,QAAQ,CAACG,MAAT,GAAkB,CAAtB,EAAyB;MACvB,IAAQC,OAAR,GAAyCF,UAAzC,CAAQE,OAAR;MAAA,IAAiBC,MAAjB,GAAyCH,UAAzC,CAAiBG,MAAjB;MAAA,IAAyBC,WAAzB,GAAyCJ,UAAzC,CAAyBI,WAAzB;MAEA,IAAMC,OAAO,GAAGH,OAAO,KAAK,OAA5B;MACA,IAAMI,mBAAmB,GAAGD,OAAO,GAAG,CAAH,GAAOP,QAAQ,CAACG,MAAnD;MACA,IAAMM,aAAa,GAAGT,QAAQ,CAAC,CAAD,CAAR,CAAYU,CAAZ,CAAcP,MAApC;;MAEA,4BAAgCJ,GAAG,CAACH,OAAJ,CAAYe,EAAZ,CAAeC,qBAAf,EAAhC;MAAA,IAAeC,YAAf,yBAAQC,KAAR;;MACA,IAAMA,KAAK,GAAGD,YAAY,GAAGvC,SAAf,GAA2BA,SAA3B,GAAuCuC,YAArD;MACA,IAAME,SAAS,GAAGD,KAAK,GAAG3C,MAA1B;MACA,IAAM6C,UAAU,GAAGD,SAAS,GAAGN,aAA/B;MACA,IAAMQ,QAAQ,GAAGD,UAAU,IAAI,IAAIX,MAAR,CAAV,GAA4BW,UAAU,IAAI,IAAIX,MAAR,CAAV,GAA4BC,WAAzE;MAEA,IAAMY,kBAAkB,GAAGD,QAAQ,GAAGT,mBAAtC;MACA,IAAMW,aAAa,GAAGD,kBAAkB,GAAG9C,aAA3C;MACA,IAAMgD,SAAS,GAAGF,kBAAkB,GAAG7C,aAAvC;MACA,IAAMgD,sBAAsB,GAAGrB,QAAQ,CAAC,CAAD,CAAR,CAAYc,KAAZ,KAAsBQ,SAArD;;MAEA,IAAIH,aAAa,IAAI,CAACE,sBAAtB,EAA8C;QAC5C,IAAME,QAAQ,GAAInD,aAAa,GAAG2C,SAAjB,GAA8BN,aAA/C;QAEA,IAAMe,OAAO,GAAGxB,QAAQ,CAACyB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAES;UAA5B;QACD,CAFe,CAAhB;QAIA/B,YAAY,CAACgC,OAAD,CAAZ;MACD;;MAED,IAAIJ,SAAS,IAAI,CAACC,sBAAlB,EAA0C;QACxC,IAAME,SAAQ,GAAIlD,aAAa,GAAG0C,SAAjB,GAA8BN,aAA/C;;QAEA,IAAMe,QAAO,GAAGxB,QAAQ,CAACyB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAES;UAA5B;QACD,CAFe,CAAhB;;QAIA/B,YAAY,CAACgC,QAAD,CAAZ;MACD;;MAED,IAAI,CAACL,aAAD,IAAkBE,sBAAtB,EAA8C;QAC5C,IAAMG,SAAO,GAAGxB,QAAQ,CAACyB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAEQ;UAA5B;QACD,CAFe,CAAhB;;QAIA9B,YAAY,CAACgC,SAAD,CAAZ;MACD;IACF;EACF,CApD2B,EAoDzB,EApDyB,CAA5B;EAsDA,oBACE,6BAAC,cAAD;IACE,EAAE,EAAEhD,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEc,SAHR;IAIE,MAAM,EAAEH,WAJV;IAKE,MAAM,EAAER,MALV;IAME,WAAW,EAAEC,WANf;IAOE,SAAS,EAAEgB;EAPb,GAQMb,MARN,EADF;AAYD,CA5GD;;AA6GA,wCAAAT,QAAQ,CAACoD,SAAT,GAAqB;EACnB;AACF;AACA;EACEnD,EAAE,EAAEoD,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEpD,OAAO,EAAEmD,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARU;;EASnB;AACF;AACA;EACErD,IAAI,EAAEkD,kBAAA,CAAUI,OAAV,CAAkBJ,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZnC;;EAanB;AACF;AACA;EACEtD,MAAM,EAAEiD,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CAhBW;;EAiBnB;AACF;AACA;EACEnD,MAAM,EAAEgD,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CApBW;;EAqBnB;AACF;AACA;EACElD,WAAW,EAAE+C,kBAAA,CAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBM;;EAyBnB;AACF;AACA;EACEpD,KAAK,EAAE8C,kBAAA,CAAUO,IA5BE;;EA6BnB;AACF;AACA;EACEpD,UAAU,EAAE6C,kBAAA,CAAUO;AAhCH,CAArB;;eAmCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2C/D,QAA3C,C"}
+{"version":3,"file":"Barchart.js","names":["MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","MIN_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","useMemo","applyDataDefaults","chartLayout","applyLayoutDefaults","useState","chartData","setChartData","firstRender","useRef","useEffect","current","recalculateBarWidth","useCallback","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","el","getBoundingClientRect","boundingRect","width","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","withStyles","styles","name"],"sources":["../../src/Barchart/Barchart.js"],"sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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;\nconst MIN_WIDTH = 75;\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: boundingRect } = ref.current.el.getBoundingClientRect();\n      const width = boundingRect < MIN_WIDTH ? MIN_WIDTH : boundingRect;\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"],"mappings":"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"}

package/dist/Chart/Chart.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvPlotProps } from "./Plot";
 
 export type HvChartClassKey = "root";

package/dist/Chart/Chart.js

@@ -1,5 +1,15 @@
 "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");
@@ -8,8 +18,6 @@ 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");
@@ -25,7 +33,7 @@ require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -37,7 +45,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
@@ -45,7 +53,9 @@ var _chartPlotlyOverrides = require("./chartPlotlyOverrides");
 
 var _Plot = _interopRequireDefault(require("./Plot"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "afterPlot", "xAxisTitle", "yAxisTitle"];
 
@@ -53,6 +63,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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,
@@ -65,7 +79,7 @@ var Chart = function Chart(_ref) {
       xAxisTitle = _ref.xAxisTitle,
       yAxisTitle = _ref.yAxisTitle,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   /* Values derived from props */
   // Check if the barchart is horizontal or vertical.
 
@@ -134,23 +148,27 @@ var Chart = function Chart(_ref) {
       y: event.clientY
     });
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isHover && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    coordinates: coordinates,
-    data: dataTooltip,
-    useSingle: useSingle
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    onMouseMove: onMouseMove
-  }, /*#__PURE__*/_react.default.createElement(_Plot.default, (0, _extends2.default)({
-    data: data,
-    layout: chartLayout,
-    config: chartConfig,
-    onHover: onHover,
-    onUnHover: onUnHover,
-    afterPlot: afterPlot
-  }, others)))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isHover && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      coordinates: coordinates,
+      data: dataTooltip,
+      useSingle: useSingle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: id,
+      className: classes.root,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onMouseMove: onMouseMove,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Plot.default, _objectSpread({
+          data: data,
+          layout: chartLayout,
+          config: chartConfig,
+          onHover: onHover,
+          onUnHover: onUnHover,
+          afterPlot: afterPlot
+        }, others))
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Chart.propTypes = {
@@ -207,7 +225,7 @@ process.env.NODE_ENV !== "production" ? Chart.propTypes = {
   subtitle: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChart"
 })(Chart);
 

package/dist/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["Chart","id","classes","data","layout","config","tooltipType","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 { useTheme, withStyles } from \"@material-ui/core\";\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  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 && <Tooltip coordinates={coordinates} data={dataTooltip} useSingle={useSingle} />}\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   * 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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"}
+{"version":3,"file":"Chart.js","names":["Chart","id","classes","data","layout","config","tooltipType","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  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 && <Tooltip coordinates={coordinates} data={dataTooltip} useSingle={useSingle} />}\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   * 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.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import type { Config, Layout, Data as PlotlyPlotData } from "plotly.js";
 
 export type PlotData = PlotlyPlotData;

package/dist/Chart/Plot/Plot.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -33,9 +43,11 @@ var _plotly = _interopRequireDefault(require("plotly.js-basic-dist"));
 
 var _factory = _interopRequireDefault(require("react-plotly.js/factory"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["data", "layout", "config", "revision", "onHover", "onUnHover", "afterPlot"];
 
@@ -43,6 +55,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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"
@@ -73,7 +89,7 @@ var Plot = function Plot(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   (0, _react.useLayoutEffect)(afterPlotInternal, []);
-  return /*#__PURE__*/_react.default.createElement(PlotGraph, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PlotGraph, _objectSpread({
     ref: ref,
     data: data,
     layout: layout,
@@ -123,7 +139,7 @@ process.env.NODE_ENV !== "production" ? Plot.propTypes = {
   revision: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChartPlot"
 })(Plot);
 

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 \"@material-ui/core\";\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,6BAAC,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,gBAAA,EAAWC,eAAX,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-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"}

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

@@ -29,11 +29,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+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); }
 
@@ -44,33 +46,47 @@ var MultiTooltip = function MultiTooltip(_ref) {
 
   var classes = _ref.classes,
       data = _ref.data;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.title
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: "highlightText"
-  }, data.title))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.valuesContainer
-  }, data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(function (element) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: element.name,
-      className: classes.values
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.valueNameWrapper
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.color,
-      style: {
-        backgroundColor: element.color
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.separatorColor
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-      variant: "highlightText"
-    }, element.name)), /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.separator
-    })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, null, element.value)));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.title,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+          variant: "highlightText",
+          children: data.title
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.valuesContainer,
+      children: data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(function (element) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: classes.values,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: classes.valueNameWrapper,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: classes.color,
+              style: {
+                backgroundColor: element.color
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: classes.separatorColor
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+                variant: "highlightText",
+                children: element.name
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: classes.separator
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+              children: element.value
+            })
+          })]
+        }, element.name);
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
@@ -154,7 +170,7 @@ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
   return prevProps.data === nextProps.data;
 };
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChartMultiTooltip"
 })( /*#__PURE__*/(0, _react.memo)(MultiTooltip, arePropsEqual));
 

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

@@ -1 +1 @@
-{"version":3,"file":"MultiTooltip.js","names":["MultiTooltip","classes","data","root","title","valuesContainer","elements","map","element","name","values","valueNameWrapper","color","backgroundColor","separatorColor","separator","value","propTypes","PropTypes","shape","string","isRequired","arrayOf","number","arePropsEqual","prevProps","nextProps","withStyles","styles","memo"],"sources":["../../../../src/Chart/Tooltip/MultiTooltip/MultiTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst MultiTooltip = ({ classes, data }) => (\n  <div className={classes.root}>\n    <div className={classes.title}>\n      <div>\n        <HvTypography variant=\"highlightText\">{data.title}</HvTypography>\n      </div>\n    </div>\n    <div className={classes.valuesContainer}>\n      {data?.elements?.map((element) => (\n        <div key={element.name} className={classes.values}>\n          <div className={classes.valueNameWrapper}>\n            <div className={classes.color} style={{ backgroundColor: element.color }} />\n            <div className={classes.separatorColor} />\n            <div>\n              <HvTypography variant=\"highlightText\">{element.name}</HvTypography>\n            </div>\n            <div className={classes.separator} />\n          </div>\n          <div>\n            <HvTypography>{element.value}</HvTypography>\n          </div>\n        </div>\n      ))}\n    </div>\n  </div>\n);\n\nMultiTooltip.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styling applied to the elements describing a data.\n     */\n    valueNameWrapper: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Data of the tooltip.\n   */\n  data: PropTypes.shape({\n    /**\n     * Styles applied to the barchart root class.\n     */\n    title: PropTypes.string,\n    /**\n     * Values of tooltip\n     */\n    elements: PropTypes.arrayOf(\n      PropTypes.shape({\n        /**\n         * Color (in hex).\n         */\n        color: PropTypes.string,\n        /**\n         * Name.\n         */\n        name: PropTypes.string,\n        /**\n         * Value.\n         */\n        value: PropTypes.number,\n      })\n    ),\n  }).isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;\n\nexport default withStyles(styles, { name: \"HvChartMultiTooltip\" })(\n  memo(MultiTooltip, arePropsEqual)\n);\n"],"mappings":"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"}
+{"version":3,"file":"MultiTooltip.js","names":["MultiTooltip","classes","data","root","title","valuesContainer","elements","map","element","values","valueNameWrapper","color","backgroundColor","separatorColor","name","separator","value","propTypes","PropTypes","shape","string","isRequired","arrayOf","number","arePropsEqual","prevProps","nextProps","withStyles","styles","memo"],"sources":["../../../../src/Chart/Tooltip/MultiTooltip/MultiTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst MultiTooltip = ({ classes, data }) => (\n  <div className={classes.root}>\n    <div className={classes.title}>\n      <div>\n        <HvTypography variant=\"highlightText\">{data.title}</HvTypography>\n      </div>\n    </div>\n    <div className={classes.valuesContainer}>\n      {data?.elements?.map((element) => (\n        <div key={element.name} className={classes.values}>\n          <div className={classes.valueNameWrapper}>\n            <div className={classes.color} style={{ backgroundColor: element.color }} />\n            <div className={classes.separatorColor} />\n            <div>\n              <HvTypography variant=\"highlightText\">{element.name}</HvTypography>\n            </div>\n            <div className={classes.separator} />\n          </div>\n          <div>\n            <HvTypography>{element.value}</HvTypography>\n          </div>\n        </div>\n      ))}\n    </div>\n  </div>\n);\n\nMultiTooltip.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styling applied to the elements describing a data.\n     */\n    valueNameWrapper: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Data of the tooltip.\n   */\n  data: PropTypes.shape({\n    /**\n     * Styles applied to the barchart root class.\n     */\n    title: PropTypes.string,\n    /**\n     * Values of tooltip\n     */\n    elements: PropTypes.arrayOf(\n      PropTypes.shape({\n        /**\n         * Color (in hex).\n         */\n        color: PropTypes.string,\n        /**\n         * Name.\n         */\n        name: PropTypes.string,\n        /**\n         * Value.\n         */\n        value: PropTypes.number,\n      })\n    ),\n  }).isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;\n\nexport default withStyles(styles, { name: \"HvChartMultiTooltip\" })(\n  memo(MultiTooltip, arePropsEqual)\n);\n"],"mappings":"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"}

package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js

@@ -25,11 +25,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+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); }
 
@@ -39,13 +41,21 @@ var SingleTooltip = function SingleTooltip(_ref) {
   var classes = _ref.classes,
       title = _ref.title,
       value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: "highlightText"
-  }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.separator
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, null, value)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+        variant: "highlightText",
+        children: title
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.separator
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+        children: value
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? SingleTooltip.propTypes = {
@@ -79,7 +89,7 @@ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
   return prevProps.title === nextProps.title && prevProps.value === nextProps.value;
 };
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvChartSingleTooltip"
 })( /*#__PURE__*/(0, _react.memo)(SingleTooltip, arePropsEqual));
 

package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleTooltip.js","names":["SingleTooltip","classes","title","value","root","separator","propTypes","PropTypes","shape","string","isRequired","number","arePropsEqual","prevProps","nextProps","withStyles","styles","name","memo"],"sources":["../../../../src/Chart/Tooltip/SingleTooltip/SingleTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst SingleTooltip = ({ classes, title, value }) => (\n  <div className={classes.root}>\n    <div>\n      <HvTypography variant=\"highlightText\">{title}</HvTypography>\n    </div>\n    <div className={classes.separator} />\n    <div>\n      <HvTypography>{value}</HvTypography>\n    </div>\n  </div>\n);\n\nSingleTooltip.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the separator between title and value.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Title of the chart.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Value of the chart.\n   */\n  value: PropTypes.number.isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title && prevProps.value === nextProps.value;\n\nexport default withStyles(styles, { name: \"HvChartSingleTooltip\" })(\n  memo(SingleTooltip, arePropsEqual)\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,KAAZ,QAAYA,KAAZ;EAAA,IAAmBC,KAAnB,QAAmBA,KAAnB;EAAA,oBACpB;IAAK,SAAS,EAAEF,OAAO,CAACG;EAAxB,gBACE,uDACE,6BAAC,4BAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCF,KAAvC,CADF,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACI;EAAxB,EAJF,eAKE,uDACE,6BAAC,4BAAD,QAAeF,KAAf,CADF,CALF,CADoB;AAAA,CAAtB;;AAYA,wCAAAH,aAAa,CAACM,SAAd,GAA0B;EACxB;AACF;AACA;EACEL,OAAO,EAAEM,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEG,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEE,kBAAA,CAAUE;EARE,CAAhB,EASNC,UAbqB;;EAcxB;AACF;AACA;EACER,KAAK,EAAEK,kBAAA,CAAUE,MAAV,CAAiBC,UAjBA;;EAkBxB;AACF;AACA;EACEP,KAAK,EAAEI,kBAAA,CAAUI,MAAV,CAAiBD;AArBA,CAA1B;;AAwBA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAYC,SAAZ;EAAA,OACpBD,SAAS,CAACX,KAAV,KAAoBY,SAAS,CAACZ,KAA9B,IAAuCW,SAAS,CAACV,KAAV,KAAoBW,SAAS,CAACX,KADjD;AAAA,CAAtB;;eAGe,IAAAY,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,gBACb,IAAAC,WAAA,EAAKlB,aAAL,EAAoBY,aAApB,CADa,C"}
+{"version":3,"file":"SingleTooltip.js","names":["SingleTooltip","classes","title","value","root","separator","propTypes","PropTypes","shape","string","isRequired","number","arePropsEqual","prevProps","nextProps","withStyles","styles","name","memo"],"sources":["../../../../src/Chart/Tooltip/SingleTooltip/SingleTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst SingleTooltip = ({ classes, title, value }) => (\n  <div className={classes.root}>\n    <div>\n      <HvTypography variant=\"highlightText\">{title}</HvTypography>\n    </div>\n    <div className={classes.separator} />\n    <div>\n      <HvTypography>{value}</HvTypography>\n    </div>\n  </div>\n);\n\nSingleTooltip.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the separator between title and value.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Title of the chart.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Value of the chart.\n   */\n  value: PropTypes.number.isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title && prevProps.value === nextProps.value;\n\nexport default withStyles(styles, { name: \"HvChartSingleTooltip\" })(\n  memo(SingleTooltip, arePropsEqual)\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,KAAZ,QAAYA,KAAZ;EAAA,IAAmBC,KAAnB,QAAmBA,KAAnB;EAAA,oBACpB;IAAK,SAAS,EAAEF,OAAO,CAACG,IAAxB;IAAA,wBACE;MAAA,uBACE,qBAAC,4BAAD;QAAc,OAAO,EAAC,eAAtB;QAAA,UAAuCF;MAAvC;IADF,EADF,eAIE;MAAK,SAAS,EAAED,OAAO,CAACI;IAAxB,EAJF,eAKE;MAAA,uBACE,qBAAC,4BAAD;QAAA,UAAeF;MAAf;IADF,EALF;EAAA,EADoB;AAAA,CAAtB;;AAYA,wCAAAH,aAAa,CAACM,SAAd,GAA0B;EACxB;AACF;AACA;EACEL,OAAO,EAAEM,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEG,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEE,kBAAA,CAAUE;EARE,CAAhB,EASNC,UAbqB;;EAcxB;AACF;AACA;EACER,KAAK,EAAEK,kBAAA,CAAUE,MAAV,CAAiBC,UAjBA;;EAkBxB;AACF;AACA;EACEP,KAAK,EAAEI,kBAAA,CAAUI,MAAV,CAAiBD;AArBA,CAA1B;;AAwBA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAYC,SAAZ;EAAA,OACpBD,SAAS,CAACX,KAAV,KAAoBY,SAAS,CAACZ,KAA9B,IAAuCW,SAAS,CAACV,KAAV,KAAoBW,SAAS,CAACX,KADjD;AAAA,CAAtB;;eAGe,IAAAY,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,gBACb,IAAAC,WAAA,EAAKlB,aAAL,EAAoBY,aAApB,CADa,C"}