@hitachivantara/uikit-react-viz 4.0.4 → 4.1.1

package/dist/Chart/Chart.js

@@ -100,7 +100,8 @@ var Chart = function Chart(_ref) {
       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);

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":"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"}
+{"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

@@ -21,7 +21,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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"));

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;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"}
+{"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/ConfusionMatrix/ConfusionMatrix.d.ts

@@ -0,0 +1,10 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvConfusionMatrixProps extends HvChartProps {
+    /**
+     * 
+     */
+    deltaMatrix?: number[][];
+}
+
+export default function HvConfusionMatrixProps(props: HvConfusionMatrixProps): JSX.Element | null;

package/dist/ConfusionMatrix/ConfusionMatrix.js

@@ -0,0 +1,102 @@
+"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 _styles = require("@mui/styles");
+var _styles2 = require("@mui/material/styles");
+var _Chart = _interopRequireDefault(require("../Chart"));
+var _CustomTooltip = _interopRequireDefault(require("./CustomTooltip"));
+var _confusionMatrixPlotlyOverrides = require("./confusionMatrixPlotlyOverrides");
+var _styles3 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltip", "deltaMatrix"];
+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 ConfusionMatrix = function ConfusionMatrix(_ref) {
+  var id = _ref.id,
+    classes = _ref.classes,
+    data = _ref.data,
+    layout = _ref.layout,
+    config = _ref.config,
+    tooltip = _ref.tooltip,
+    deltaMatrix = _ref.deltaMatrix,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var theme = (0, _styles2.useTheme)();
+  var dataWithDefaults = (0, _react.useMemo)(function () {
+    return (0, _confusionMatrixPlotlyOverrides.applyDataDefaults)(data, theme, deltaMatrix);
+  }, [data, theme, deltaMatrix]);
+  var layoutWithDefaults = (0, _react.useMemo)(function () {
+    return (0, _confusionMatrixPlotlyOverrides.applyLayoutDefaults)(layout, theme, dataWithDefaults, deltaMatrix);
+  }, [layout, theme, dataWithDefaults, deltaMatrix]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chart.default, _objectSpread({
+    id: id,
+    classes: classes,
+    data: dataWithDefaults,
+    layout: layoutWithDefaults,
+    config: config,
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : function (tooltipData) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {
+        data: tooltipData,
+        deltaMatrix: !!deltaMatrix
+      });
+    }
+  }, others));
+};
+process.env.NODE_ENV !== "production" ? ConfusionMatrix.propTypes = {
+  /**
+   *
+   */
+  id: _propTypes.default.string,
+  /**
+   *
+   */
+  classes: _propTypes.default.shape({
+    root: _propTypes.default.string
+  }),
+  /**
+   *
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
+  /**
+   *
+   */
+  layout: _propTypes.default.instanceOf(Object),
+  /**
+   *
+   */
+  config: _propTypes.default.instanceOf(Object),
+  /**
+   *
+   */
+  tooltip: _propTypes.default.func,
+  /**
+   *
+   */
+  deltaMatrix: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.number))
+} : void 0;
+var _default = (0, _styles.withStyles)(_styles3.default, {
+  name: "HvConfusionMatrix"
+})(ConfusionMatrix);
+exports.default = _default;
+//# sourceMappingURL=ConfusionMatrix.js.map

package/dist/ConfusionMatrix/ConfusionMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfusionMatrix.js","names":["ConfusionMatrix","id","classes","data","layout","config","tooltip","deltaMatrix","others","theme","useTheme","dataWithDefaults","useMemo","applyDataDefaults","layoutWithDefaults","applyLayoutDefaults","tooltipData","propTypes","PropTypes","string","shape","root","arrayOf","instanceOf","Object","isRequired","func","number","withStyles","styles","name"],"sources":["../../src/ConfusionMatrix/ConfusionMatrix.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Chart from \"../Chart\";\nimport CustomTooltip from \"./CustomTooltip\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./confusionMatrixPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst ConfusionMatrix = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltip,\n  deltaMatrix,\n  ...others\n}) => {\n  const theme = useTheme();\n  const dataWithDefaults = useMemo(\n    () => applyDataDefaults(data, theme, deltaMatrix),\n    [data, theme, deltaMatrix]\n  );\n  const layoutWithDefaults = useMemo(\n    () => applyLayoutDefaults(layout, theme, dataWithDefaults, deltaMatrix),\n    [layout, theme, dataWithDefaults, deltaMatrix]\n  );\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      data={dataWithDefaults}\n      layout={layoutWithDefaults}\n      config={config}\n      tooltip={\n        tooltip ??\n        ((tooltipData) => <CustomTooltip data={tooltipData} deltaMatrix={!!deltaMatrix} />)\n      }\n      {...others}\n    />\n  );\n};\n\nConfusionMatrix.propTypes = {\n  /**\n   *\n   */\n  id: PropTypes.string,\n  /**\n   *\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n  }),\n  /**\n   *\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   *\n   */\n  layout: PropTypes.instanceOf(Object),\n  /**\n   *\n   */\n  config: PropTypes.instanceOf(Object),\n  /**\n   *\n   */\n  tooltip: PropTypes.func,\n  /**\n   *\n   */\n  deltaMatrix: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n};\n\nexport default withStyles(styles, { name: \"HvConfusionMatrix\" })(ConfusionMatrix);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OASf;EAAA,IARJC,EAAE,QAAFA,EAAE;IACFC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,WAAW,QAAXA,WAAW;IACRC,MAAM;EAET,IAAMC,KAAK,GAAG,IAAAC,iBAAQ,GAAE;EACxB,IAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B;IAAA,OAAM,IAAAC,iDAAiB,EAACV,IAAI,EAAEM,KAAK,EAAEF,WAAW,CAAC;EAAA,GACjD,CAACJ,IAAI,EAAEM,KAAK,EAAEF,WAAW,CAAC,CAC3B;EACD,IAAMO,kBAAkB,GAAG,IAAAF,cAAO,EAChC;IAAA,OAAM,IAAAG,mDAAmB,EAACX,MAAM,EAAEK,KAAK,EAAEE,gBAAgB,EAAEJ,WAAW,CAAC;EAAA,GACvE,CAACH,MAAM,EAAEK,KAAK,EAAEE,gBAAgB,EAAEJ,WAAW,CAAC,CAC/C;EAED,oBACE,qBAAC,cAAK;IACJ,EAAE,EAAEN,EAAG;IACP,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAES,gBAAiB;IACvB,MAAM,EAAEG,kBAAmB;IAC3B,MAAM,EAAET,MAAO;IACf,OAAO,EACLC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GACN,UAACU,WAAW;MAAA,oBAAK,qBAAC,sBAAa;QAAC,IAAI,EAAEA,WAAY;QAAC,WAAW,EAAE,CAAC,CAACT;MAAY,EAAG;IAAA;EACnF,GACGC,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,eAAe,CAACiB,SAAS,GAAG;EAC1B;AACF;AACA;EACEhB,EAAE,EAAEiB,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEjB,OAAO,EAAEgB,kBAAS,CAACE,KAAK,CAAC;IACvBC,IAAI,EAAEH,kBAAS,CAACC;EAClB,CAAC,CAAC;EACF;AACF;AACA;EACEhB,IAAI,EAAEe,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACK,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACErB,MAAM,EAAEc,kBAAS,CAACK,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACEnB,MAAM,EAAEa,kBAAS,CAACK,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACElB,OAAO,EAAEY,kBAAS,CAACQ,IAAI;EACvB;AACF;AACA;EACEnB,WAAW,EAAEW,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACS,MAAM,CAAC;AACpE,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAoB,CAAC,CAAC,CAAC9B,eAAe,CAAC;AAAA"}

package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+var CustomTooltip = function CustomTooltip(_ref) {
+  var data = _ref.data,
+    deltaMatrix = _ref.deltaMatrix;
+  var classes = (0, _styles.default)();
+  var _data$elements = (0, _slicedToArray2.default)(data.elements, 1),
+    element = _data$elements[0];
+  var value = deltaMatrix && data.title !== element.value ? 0 - element.zValue : element.zValue;
+  var oneLiner = "".concat(data.title, " - ").concat(element.value, ": ").concat(value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classes.root,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.container,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+          children: oneLiner
+        })
+      })
+    })
+  });
+};
+process.env.NODE_ENV !== "production" ? CustomTooltip.propTypes = {
+  data: _propTypes.default.shape({
+    title: _propTypes.default.string,
+    elements: _propTypes.default.arrayOf(_propTypes.default.shape({
+      value: _propTypes.default.string,
+      zValue: _propTypes.default.number
+    }))
+  }),
+  deltaMatrix: _propTypes.default.bool
+} : void 0;
+var _default = CustomTooltip;
+exports.default = _default;
+//# sourceMappingURL=CustomTooltip.js.map

package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltip.js","names":["CustomTooltip","data","deltaMatrix","classes","useStyles","elements","element","value","title","zValue","oneLiner","root","container","propTypes","PropTypes","shape","string","arrayOf","number","bool"],"sources":["../../../src/ConfusionMatrix/CustomTooltip/CustomTooltip.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\nconst CustomTooltip = ({ data, deltaMatrix }) => {\n  const classes = useStyles();\n  const [element] = data.elements;\n  const value = deltaMatrix && data.title !== element.value ? 0 - element.zValue : element.zValue;\n  const oneLiner = `${data.title} - ${element.value}: ${value}`;\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}>\n        <div>\n          <HvTypography>{oneLiner}</HvTypography>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCustomTooltip.propTypes = {\n  data: PropTypes.shape({\n    title: PropTypes.string,\n    elements: PropTypes.arrayOf(\n      PropTypes.shape({\n        value: PropTypes.string,\n        zValue: PropTypes.number,\n      })\n    ),\n  }),\n  deltaMatrix: PropTypes.bool,\n};\n\nexport default CustomTooltip;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAAiC;AAEjC,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAA8B;EAAA,IAAxBC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;EACxC,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAC3B,kDAAkBH,IAAI,CAACI,QAAQ;IAAxBC,OAAO;EACd,IAAMC,KAAK,GAAGL,WAAW,IAAID,IAAI,CAACO,KAAK,KAAKF,OAAO,CAACC,KAAK,GAAG,CAAC,GAAGD,OAAO,CAACG,MAAM,GAAGH,OAAO,CAACG,MAAM;EAC/F,IAAMC,QAAQ,aAAMT,IAAI,CAACO,KAAK,gBAAMF,OAAO,CAACC,KAAK,eAAKA,KAAK,CAAE;EAC7D,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACQ,IAAK;IAAA,uBAC3B;MAAK,SAAS,EAAER,OAAO,CAACS,SAAU;MAAA,uBAChC;QAAA,uBACE,qBAAC,4BAAY;UAAA,UAAEF;QAAQ;MAAgB;IACnC;EACF,EACF;AAEV,CAAC;AAED,wCAAAV,aAAa,CAACa,SAAS,GAAG;EACxBZ,IAAI,EAAEa,kBAAS,CAACC,KAAK,CAAC;IACpBP,KAAK,EAAEM,kBAAS,CAACE,MAAM;IACvBX,QAAQ,EAAES,kBAAS,CAACG,OAAO,CACzBH,kBAAS,CAACC,KAAK,CAAC;MACdR,KAAK,EAAEO,kBAAS,CAACE,MAAM;MACvBP,MAAM,EAAEK,kBAAS,CAACI;IACpB,CAAC,CAAC;EAEN,CAAC,CAAC;EACFhB,WAAW,EAAEY,kBAAS,CAACK;AACzB,CAAC;AAAC,eAEanB,aAAa;AAAA"}

package/dist/ConfusionMatrix/CustomTooltip/index.js

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

package/dist/ConfusionMatrix/CustomTooltip/index.js.map

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

package/dist/ConfusionMatrix/CustomTooltip/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      width: "fit-content",
+      minWidth: 150,
+      boxShadow: theme.hv.shadows[1],
+      zIndex: 1000
+    },
+    container: {
+      padding: theme.hvSpacing("15px", "sm"),
+      display: "flex",
+      flexDirection: "column"
+    }
+  };
+});
+var _default = useStyles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ConfusionMatrix/CustomTooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["useStyles","makeStyles","theme","root","backgroundColor","hv","palette","atmosphere","atmo1","width","minWidth","boxShadow","shadows","zIndex","container","padding","hvSpacing","display","flexDirection"],"sources":["../../../src/ConfusionMatrix/CustomTooltip/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    width: \"fit-content\",\n    minWidth: 150,\n    boxShadow: theme.hv.shadows[1],\n    zIndex: 1000,\n  },\n  container: {\n    padding: theme.hvSpacing(\"15px\", \"sm\"),\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACvCC,IAAI,EAAE;MACJC,eAAe,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,KAAK,EAAE,aAAa;MACpBC,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAET,KAAK,CAACG,EAAE,CAACO,OAAO,CAAC,CAAC,CAAC;MAC9BC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAEb,KAAK,CAACc,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;MACtCC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,eAEWlB,SAAS;AAAA"}

package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js

@@ -0,0 +1,189 @@
+"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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyLayoutDefaults = exports.applyDataDefaults = void 0;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.flat.js");
+require("core-js/modules/es.array.unscopables.flat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+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 HEX_ALPHA_50 = "80";
+var HEIGHT_PER_CATEGORY = 45;
+var WIDTH_PER_CATEGORY = 55;
+var setterIfNil = function setterIfNil(object, property, value) {
+  var _object$property;
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+var buildAnnotations = function buildAnnotations(trace, customAnnotations) {
+  var deltaMatrix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var _trace$x = trace.x,
+    x = _trace$x === void 0 ? [] : _trace$x,
+    _trace$y = trace.y,
+    y = _trace$y === void 0 ? [] : _trace$y,
+    _trace$z = trace.z,
+    z = _trace$z === void 0 ? [] : _trace$z;
+  var annotations = [];
+  for (var i = 0; i < y.length; i += 1) {
+    for (var j = 0; j < x.length; j += 1) {
+      var _customAnnotations$te, _customAnnotations$te2, _customAnnotations$si;
+      var currentValue = z[i][j];
+      var textValue = void 0;
+      var size = 12;
+      if (currentValue > 999) {
+        textValue = currentValue.toExponential(1);
+      } else {
+        textValue = currentValue;
+      }
+      if (deltaMatrix) {
+        if (i !== j) {
+          textValue = 0 - textValue;
+        } else {
+          textValue = "<span style=\"font-weight: 600;\">".concat(textValue, "</span>");
+          size = 14;
+        }
+      }
+      var result = {
+        xref: "x1",
+        yref: "y1",
+        x: x[j],
+        y: y[i],
+        text: (_customAnnotations$te = customAnnotations === null || customAnnotations === void 0 ? void 0 : (_customAnnotations$te2 = customAnnotations.text) === null || _customAnnotations$te2 === void 0 ? void 0 : _customAnnotations$te2.call(customAnnotations, currentValue)) !== null && _customAnnotations$te !== void 0 ? _customAnnotations$te : textValue,
+        font: {
+          family: "Open Sans",
+          size: (_customAnnotations$si = customAnnotations === null || customAnnotations === void 0 ? void 0 : customAnnotations.size) !== null && _customAnnotations$si !== void 0 ? _customAnnotations$si : size,
+          color: customAnnotations === null || customAnnotations === void 0 ? void 0 : customAnnotations.textColor
+        },
+        showarrow: false
+      };
+      annotations.push(result);
+    }
+  }
+  return annotations;
+};
+
+/**
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
+ */
+var applyLayoutDefaults = function applyLayoutDefaults() {
+  var _theme$hv, _theme$hv$palette, _theme$hv$palette$acc, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$at;
+  var inputLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var theme = arguments.length > 1 ? arguments[1] : undefined;
+  var data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [{}];
+  var deltaMatrix = arguments.length > 3 ? arguments[3] : undefined;
+  var layout = (0, _cloneDeep.default)(inputLayout);
+  setterIfNil(layout, "hovermode", "closest");
+  var _data = (0, _slicedToArray2.default)(data, 1),
+    trace = _data[0];
+  var categories = (trace === null || trace === void 0 ? void 0 : trace.x) || [];
+  var squareWidth = categories.length * WIDTH_PER_CATEGORY;
+  var squareHeight = categories.length * HEIGHT_PER_CATEGORY;
+  var chartWidth = Math.max(squareWidth, WIDTH_PER_CATEGORY * 10);
+  var chartHeight = Math.max(squareHeight, WIDTH_PER_CATEGORY * 10);
+  setterIfNil(layout, "width", chartWidth);
+  setterIfNil(layout, "height", chartHeight);
+  setterIfNil(layout, "margin", {
+    t: 130,
+    b: 40,
+    pad: 10
+  });
+  var textColor = (theme === null || theme === void 0 ? void 0 : (_theme$hv = theme.hv) === null || _theme$hv === void 0 ? void 0 : (_theme$hv$palette = _theme$hv.palette) === null || _theme$hv$palette === void 0 ? void 0 : (_theme$hv$palette$acc = _theme$hv$palette.accent) === null || _theme$hv$palette$acc === void 0 ? void 0 : _theme$hv$palette$acc.acce1) || "black";
+  var getAxisLayout = function getAxisLayout(text, standoff) {
+    return {
+      color: textColor,
+      showline: false,
+      showgrid: false,
+      tickfont: {
+        family: "Open Sans",
+        size: 12
+      },
+      ticks: "",
+      title: {
+        text: text,
+        standoff: standoff,
+        font: {
+          family: "Open Sans",
+          size: 12
+        }
+      }
+    };
+  };
+  setterIfNil(layout, "yaxis", _objectSpread(_objectSpread({}, getAxisLayout("True Label", 50)), {}, {
+    autorange: "reversed"
+  }));
+  setterIfNil(layout, "xaxis", _objectSpread(_objectSpread({}, getAxisLayout("Predicted Label", 15)), {}, {
+    side: "top",
+    tickangle: "-45"
+  }));
+  var backgroundColor = (theme === null || theme === void 0 ? void 0 : (_theme$hv2 = theme.hv) === null || _theme$hv2 === void 0 ? void 0 : (_theme$hv2$palette = _theme$hv2.palette) === null || _theme$hv2$palette === void 0 ? void 0 : (_theme$hv2$palette$at = _theme$hv2$palette.atmosphere) === null || _theme$hv2$palette$at === void 0 ? void 0 : _theme$hv2$palette$at.atmo1) || "white";
+  setterIfNil(layout, "paper_bgcolor", backgroundColor);
+  setterIfNil(layout, "plot_bgcolor", backgroundColor);
+  setterIfNil(layout, "annotations", buildAnnotations(trace, _objectSpread({
+    textColor: textColor
+  }, layout.customAnnotations || {}), deltaMatrix));
+  return layout;
+};
+exports.applyLayoutDefaults = applyLayoutDefaults;
+var calculateDeltaMatrix = function calculateDeltaMatrix(matrix1, matrix2) {
+  var deltaMin = 0;
+  var matrixData = matrix1.reduce(function (lineAcc, classLine, lineIndex) {
+    var lineValues = classLine.reduce(function (columnAcc, columnValue, columnIndex) {
+      var value = columnValue - matrix2[lineIndex][columnIndex];
+      deltaMin = Math.min(deltaMin, value);
+      if (lineIndex !== columnIndex) {
+        value = 0 - value;
+      }
+      return [].concat((0, _toConsumableArray2.default)(columnAcc), [value]);
+    }, []);
+    return [].concat((0, _toConsumableArray2.default)(lineAcc), [lineValues]);
+  }, []);
+  return [matrixData, deltaMin];
+};
+var applyDataDefaults = function applyDataDefaults() {
+  var _theme$hv3, _theme$hv3$palette, _theme$hv3$palette$at, _theme$hv4, _theme$hv4$viz, _theme$hv4$viz$palett, _theme$hv4$viz$palett2, _theme$hv5, _theme$hv5$viz, _theme$hv5$viz$palett, _theme$hv5$viz$palett2;
+  var inputData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{}];
+  var theme = arguments.length > 1 ? arguments[1] : undefined;
+  var deltaMatrix = arguments.length > 2 ? arguments[2] : undefined;
+  var data = (0, _cloneDeep.default)(inputData);
+  var backgroundColor = (theme === null || theme === void 0 ? void 0 : (_theme$hv3 = theme.hv) === null || _theme$hv3 === void 0 ? void 0 : (_theme$hv3$palette = _theme$hv3.palette) === null || _theme$hv3$palette === void 0 ? void 0 : (_theme$hv3$palette$at = _theme$hv3$palette.atmosphere) === null || _theme$hv3$palette$at === void 0 ? void 0 : _theme$hv3$palette$at.atmo1) || "white";
+  var greenColor = (theme === null || theme === void 0 ? void 0 : (_theme$hv4 = theme.hv) === null || _theme$hv4 === void 0 ? void 0 : (_theme$hv4$viz = _theme$hv4.viz) === null || _theme$hv4$viz === void 0 ? void 0 : (_theme$hv4$viz$palett = _theme$hv4$viz.palette) === null || _theme$hv4$viz$palett === void 0 ? void 0 : (_theme$hv4$viz$palett2 = _theme$hv4$viz$palett.polarized) === null || _theme$hv4$viz$palett2 === void 0 ? void 0 : _theme$hv4$viz$palett2.cviz21) || "#008000";
+  var redColor = (theme === null || theme === void 0 ? void 0 : (_theme$hv5 = theme.hv) === null || _theme$hv5 === void 0 ? void 0 : (_theme$hv5$viz = _theme$hv5.viz) === null || _theme$hv5$viz === void 0 ? void 0 : (_theme$hv5$viz$palett = _theme$hv5$viz.palette) === null || _theme$hv5$viz$palett === void 0 ? void 0 : (_theme$hv5$viz$palett2 = _theme$hv5$viz$palett.polarized) === null || _theme$hv5$viz$palett2 === void 0 ? void 0 : _theme$hv5$viz$palett2.cviz26) || "#FF0000";
+  data.forEach(function (trace) {
+    setterIfNil(trace, "type", "heatmap");
+    setterIfNil(trace, "hoverinfo", "none");
+    var colorscale = [[0, backgroundColor], [1, "".concat(greenColor).concat(HEX_ALPHA_50)]];
+    var deltaColorscale = [[0, "".concat(redColor).concat(HEX_ALPHA_50)], [0.5, backgroundColor], [1, "".concat(greenColor).concat(HEX_ALPHA_50)]];
+    setterIfNil(trace, "colorscale", deltaMatrix ? deltaColorscale : colorscale);
+    setterIfNil(trace, "showscale", false);
+    var _ref = deltaMatrix ? calculateDeltaMatrix(trace.z, deltaMatrix) : [trace.z],
+      _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      matrixData = _ref2[0],
+      deltaMin = _ref2[1];
+    trace.z = matrixData;
+    if (deltaMatrix) {
+      var getMax = function getMax(matrix) {
+        var max = Math.max.apply(Math, (0, _toConsumableArray2.default)(matrix.flat()));
+        return max < 0 ? Math.abs(deltaMin) : max;
+      };
+      setterIfNil(trace, "zmin", deltaMin);
+      setterIfNil(trace, "zmid", 0);
+      setterIfNil(trace, "zmax", getMax(matrixData));
+    }
+  });
+  return data;
+};
+exports.applyDataDefaults = applyDataDefaults;
+//# sourceMappingURL=confusionMatrixPlotlyOverrides.js.map

package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confusionMatrixPlotlyOverrides.js","names":["HEX_ALPHA_50","HEIGHT_PER_CATEGORY","WIDTH_PER_CATEGORY","setterIfNil","object","property","value","buildAnnotations","trace","customAnnotations","deltaMatrix","x","y","z","annotations","i","length","j","currentValue","textValue","size","toExponential","result","xref","yref","text","font","family","color","textColor","showarrow","push","applyLayoutDefaults","inputLayout","theme","data","layout","clone","categories","squareWidth","squareHeight","chartWidth","Math","max","chartHeight","t","b","pad","hv","palette","accent","acce1","getAxisLayout","standoff","showline","showgrid","tickfont","ticks","title","autorange","side","tickangle","backgroundColor","atmosphere","atmo1","calculateDeltaMatrix","matrix1","matrix2","deltaMin","matrixData","reduce","lineAcc","classLine","lineIndex","lineValues","columnAcc","columnValue","columnIndex","min","applyDataDefaults","inputData","greenColor","viz","polarized","cviz21","redColor","cviz26","forEach","colorscale","deltaColorscale","getMax","matrix","flat","abs"],"sources":["../../src/ConfusionMatrix/confusionMatrixPlotlyOverrides.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport clone from \"lodash/cloneDeep\";\n\nconst HEX_ALPHA_50 = \"80\";\nconst HEIGHT_PER_CATEGORY = 45;\nconst WIDTH_PER_CATEGORY = 55;\n\nconst setterIfNil = (object, property, value) => {\n  object[property] = object[property] ?? value;\n};\n\nconst buildAnnotations = (trace, customAnnotations, deltaMatrix = false) => {\n  const { x = [], y = [], z = [] } = trace;\n  const annotations = [];\n  for (let i = 0; i < y.length; i += 1) {\n    for (let j = 0; j < x.length; j += 1) {\n      const currentValue = z[i][j];\n      let textValue;\n      let size = 12;\n      if (currentValue > 999) {\n        textValue = currentValue.toExponential(1);\n      } else {\n        textValue = currentValue;\n      }\n\n      if (deltaMatrix) {\n        if (i !== j) {\n          textValue = 0 - textValue;\n        } else {\n          textValue = `<span style=\"font-weight: 600;\">${textValue}</span>`;\n          size = 14;\n        }\n      }\n\n      const result = {\n        xref: \"x1\",\n        yref: \"y1\",\n        x: x[j],\n        y: y[i],\n        text: customAnnotations?.text?.(currentValue) ?? textValue,\n        font: {\n          family: \"Open Sans\",\n          size: customAnnotations?.size ?? size,\n          color: customAnnotations?.textColor,\n        },\n        showarrow: false,\n      };\n      annotations.push(result);\n    }\n  }\n\n  return annotations;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout = {}, theme, data = [{}], deltaMatrix) => {\n  const layout = clone(inputLayout);\n  setterIfNil(layout, \"hovermode\", \"closest\");\n  const [trace] = data;\n\n  const categories = trace?.x || [];\n  const squareWidth = categories.length * WIDTH_PER_CATEGORY;\n  const squareHeight = categories.length * HEIGHT_PER_CATEGORY;\n  const chartWidth = Math.max(squareWidth, WIDTH_PER_CATEGORY * 10);\n  const chartHeight = Math.max(squareHeight, WIDTH_PER_CATEGORY * 10);\n  setterIfNil(layout, \"width\", chartWidth);\n  setterIfNil(layout, \"height\", chartHeight);\n  setterIfNil(layout, \"margin\", {\n    t: 130,\n    b: 40,\n    pad: 10,\n  });\n\n  const textColor = theme?.hv?.palette?.accent?.acce1 || \"black\";\n\n  const getAxisLayout = (text, standoff) => ({\n    color: textColor,\n    showline: false,\n    showgrid: false,\n    tickfont: {\n      family: \"Open Sans\",\n      size: 12,\n    },\n    ticks: \"\",\n    title: {\n      text,\n      standoff,\n      font: {\n        family: \"Open Sans\",\n        size: 12,\n      },\n    },\n  });\n  setterIfNil(layout, \"yaxis\", {\n    ...getAxisLayout(\"True Label\", 50),\n    autorange: \"reversed\",\n  });\n  setterIfNil(layout, \"xaxis\", {\n    ...getAxisLayout(\"Predicted Label\", 15),\n    side: \"top\",\n    tickangle: \"-45\",\n  });\n\n  const backgroundColor = theme?.hv?.palette?.atmosphere?.atmo1 || \"white\";\n  setterIfNil(layout, \"paper_bgcolor\", backgroundColor);\n  setterIfNil(layout, \"plot_bgcolor\", backgroundColor);\n\n  setterIfNil(\n    layout,\n    \"annotations\",\n    buildAnnotations(trace, { textColor, ...(layout.customAnnotations || {}) }, deltaMatrix)\n  );\n\n  return layout;\n};\n\nconst calculateDeltaMatrix = (matrix1, matrix2) => {\n  let deltaMin = 0;\n  const matrixData = matrix1.reduce((lineAcc, classLine, lineIndex) => {\n    const lineValues = classLine.reduce((columnAcc, columnValue, columnIndex) => {\n      let value = columnValue - matrix2[lineIndex][columnIndex];\n      deltaMin = Math.min(deltaMin, value);\n      if (lineIndex !== columnIndex) {\n        value = 0 - value;\n      }\n      return [...columnAcc, value];\n    }, []);\n    return [...lineAcc, lineValues];\n  }, []);\n\n  return [matrixData, deltaMin];\n};\n\nexport const applyDataDefaults = (inputData = [{}], theme, deltaMatrix) => {\n  const data = clone(inputData);\n  const backgroundColor = theme?.hv?.palette?.atmosphere?.atmo1 || \"white\";\n  const greenColor = theme?.hv?.viz?.palette?.polarized?.cviz21 || \"#008000\";\n  const redColor = theme?.hv?.viz?.palette?.polarized?.cviz26 || \"#FF0000\";\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"type\", \"heatmap\");\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n\n    const colorscale = [\n      [0, backgroundColor],\n      [1, `${greenColor}${HEX_ALPHA_50}`],\n    ];\n    const deltaColorscale = [\n      [0, `${redColor}${HEX_ALPHA_50}`],\n      [0.5, backgroundColor],\n      [1, `${greenColor}${HEX_ALPHA_50}`],\n    ];\n\n    setterIfNil(trace, \"colorscale\", deltaMatrix ? deltaColorscale : colorscale);\n    setterIfNil(trace, \"showscale\", false);\n\n    const [matrixData, deltaMin] = deltaMatrix\n      ? calculateDeltaMatrix(trace.z, deltaMatrix)\n      : [trace.z];\n    trace.z = matrixData;\n\n    if (deltaMatrix) {\n      const getMax = (matrix) => {\n        const max = Math.max(...matrix.flat());\n        return max < 0 ? Math.abs(deltaMin) : max;\n      };\n\n      setterIfNil(trace, \"zmin\", deltaMin);\n      setterIfNil(trace, \"zmid\", 0);\n      setterIfNil(trace, \"zmax\", getMax(matrixData));\n    }\n  });\n\n  return data;\n};\n"],"mappings":"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"}

package/dist/ConfusionMatrix/index.d.ts

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

package/dist/ConfusionMatrix/index.js

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

package/dist/ConfusionMatrix/index.js.map

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

package/dist/ConfusionMatrix/styles.js

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

package/dist/ConfusionMatrix/styles.js.map

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

package/dist/index.d.ts

@@ -6,3 +6,6 @@ export * from "./Donutchart";
 
 export { default as HvLinechart } from "./Linechart";
 export * from "./Linechart";
+
+export { default as HvConfusionMatrix} from "./ConfusionMatrix";
+export * from "./ConfusionMatrix";

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "HvBarchart", {
     return _Barchart.default;
   }
 });
+Object.defineProperty(exports, "HvConfusionMatrix", {
+  enumerable: true,
+  get: function get() {
+    return _ConfusionMatrix.default;
+  }
+});
 Object.defineProperty(exports, "HvDonutchart", {
   enumerable: true,
   get: function get() {
@@ -25,4 +31,5 @@ Object.defineProperty(exports, "HvLinechart", {
 var _Barchart = _interopRequireDefault(require("./Barchart"));
 var _Donutchart = _interopRequireDefault(require("./Donutchart"));
 var _Linechart = _interopRequireDefault(require("./Linechart"));
+var _ConfusionMatrix = _interopRequireDefault(require("./ConfusionMatrix"));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvLinechart } from \"./Linechart\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA;AACA;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvConfusionMatrix } from \"./ConfusionMatrix\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AACA;AACA;AACA"}