@hitachivantara/uikit-react-viz 4.0.4 → 4.1.0

package/dist/modern/Chart/Plot/Plot.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useLayoutEffect, useRef, useCallback } from "react";
 import PropTypes from "prop-types";
-import Plotly from "plotly.js-basic-dist";
+import Plotly from "plotly.js-dist-min";
 import createPlotlyComponent from "react-plotly.js/factory";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";

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

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","useLayoutEffect","useRef","useCallback","PropTypes","Plotly","createPlotlyComponent","withStyles","styles","PlotGraph","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","afterPlotInternal","propTypes","arrayOf","instanceOf","Object","isRequired","func","number","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,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AACnE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,SAAS,GAAGH,qBAAqB,CAACD,MAAM,CAAC;AAE/C,MAAMK,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAW,CAAC;AAE/C,MAAMC,IAAI,GAAG,QAAsF;EAAA,IAArF;MAAEC,IAAI;MAAEC,MAAM;MAAEC,MAAM;MAAEC,QAAQ,GAAG,CAAC;MAAEC,OAAO;MAAEC,SAAS;MAAEC;IAAqB,CAAC;IAARC,MAAM;EAC1F,MAAMC,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;;EAExB;;EAEA,MAAMoB,iBAAiB,GAAGnB,WAAW,CAAC,MAAM;IAC1CgB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,GAAG,CAAC;EAClB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;;EAEf;;EAEA;AACF;AACA;AACA;EACE;EACAlB,eAAe,CAACqB,iBAAiB,EAAE,EAAE,CAAC;EAEtC,oBACE,KAAC,SAAS;IACR,GAAG,EAAED,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,GAAGG,iBAAiB,GAAG,IAAK;IAC1D,KAAK,EAAEZ;EAAe,GAClBU,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,IAAI,CAACW,SAAS,GAAG;EACf;AACF;AACA;EACEV,IAAI,EAAET,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEZ,MAAM,EAAEX,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IAAI;EACvB;AACF;AACA;EACEV,SAAS,EAAEd,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACET,SAAS,EAAEf,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB;AACtB,CAAC;AAED,eAAetB,UAAU,CAACC,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAAc,CAAC,CAAC,CAAClB,IAAI,CAAC"}
+{"version":3,"file":"Plot.js","names":["React","useLayoutEffect","useRef","useCallback","PropTypes","Plotly","createPlotlyComponent","withStyles","styles","PlotGraph","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","afterPlotInternal","propTypes","arrayOf","instanceOf","Object","isRequired","func","number","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,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AACnE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,oBAAoB;AACvC,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,SAAS,GAAGH,qBAAqB,CAACD,MAAM,CAAC;AAE/C,MAAMK,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAW,CAAC;AAE/C,MAAMC,IAAI,GAAG,QAAsF;EAAA,IAArF;MAAEC,IAAI;MAAEC,MAAM;MAAEC,MAAM;MAAEC,QAAQ,GAAG,CAAC;MAAEC,OAAO;MAAEC,SAAS;MAAEC;IAAqB,CAAC;IAARC,MAAM;EAC1F,MAAMC,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;;EAExB;;EAEA,MAAMoB,iBAAiB,GAAGnB,WAAW,CAAC,MAAM;IAC1CgB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,GAAG,CAAC;EAClB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;;EAEf;;EAEA;AACF;AACA;AACA;EACE;EACAlB,eAAe,CAACqB,iBAAiB,EAAE,EAAE,CAAC;EAEtC,oBACE,KAAC,SAAS;IACR,GAAG,EAAED,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,GAAGG,iBAAiB,GAAG,IAAK;IAC1D,KAAK,EAAEZ;EAAe,GAClBU,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,IAAI,CAACW,SAAS,GAAG;EACf;AACF;AACA;EACEV,IAAI,EAAET,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEZ,MAAM,EAAEX,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IAAI;EACvB;AACF;AACA;EACEV,SAAS,EAAEd,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACET,SAAS,EAAEf,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB;AACtB,CAAC;AAED,eAAetB,UAAU,CAACC,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAAc,CAAC,CAAC,CAAClB,IAAI,CAAC"}

package/dist/modern/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/modern/ConfusionMatrix/ConfusionMatrix.js

@@ -0,0 +1,76 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "data", "layout", "config", "tooltip", "deltaMatrix"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@mui/styles";
+import { useTheme } from "@mui/material/styles";
+import Chart from "../Chart";
+import CustomTooltip from "./CustomTooltip";
+import { applyDataDefaults, applyLayoutDefaults } from "./confusionMatrixPlotlyOverrides";
+import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ConfusionMatrix = _ref => {
+  let {
+      id,
+      classes,
+      data,
+      layout,
+      config,
+      tooltip,
+      deltaMatrix
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  const dataWithDefaults = useMemo(() => applyDataDefaults(data, theme, deltaMatrix), [data, theme, deltaMatrix]);
+  const layoutWithDefaults = useMemo(() => applyLayoutDefaults(layout, theme, dataWithDefaults, deltaMatrix), [layout, theme, dataWithDefaults, deltaMatrix]);
+  return /*#__PURE__*/_jsx(Chart, _objectSpread({
+    id: id,
+    classes: classes,
+    data: dataWithDefaults,
+    layout: layoutWithDefaults,
+    config: config,
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : tooltipData => /*#__PURE__*/_jsx(CustomTooltip, {
+      data: tooltipData,
+      deltaMatrix: !!deltaMatrix
+    })
+  }, others));
+};
+process.env.NODE_ENV !== "production" ? ConfusionMatrix.propTypes = {
+  /**
+   *
+   */
+  id: PropTypes.string,
+  /**
+   *
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string
+  }),
+  /**
+   *
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+  /**
+   *
+   */
+  layout: PropTypes.instanceOf(Object),
+  /**
+   *
+   */
+  config: PropTypes.instanceOf(Object),
+  /**
+   *
+   */
+  tooltip: PropTypes.func,
+  /**
+   *
+   */
+  deltaMatrix: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number))
+} : void 0;
+export default withStyles(styles, {
+  name: "HvConfusionMatrix"
+})(ConfusionMatrix);
+//# sourceMappingURL=ConfusionMatrix.js.map

package/dist/modern/ConfusionMatrix/ConfusionMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfusionMatrix.js","names":["React","useMemo","PropTypes","withStyles","useTheme","Chart","CustomTooltip","applyDataDefaults","applyLayoutDefaults","styles","ConfusionMatrix","id","classes","data","layout","config","tooltip","deltaMatrix","others","theme","dataWithDefaults","layoutWithDefaults","tooltipData","propTypes","string","shape","root","arrayOf","instanceOf","Object","isRequired","func","number","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,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,KAAK,MAAM,UAAU;AAC5B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,kCAAkC;AACzF,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,QASlB;EAAA,IATmB;MACvBC,EAAE;MACFC,OAAO;MACPC,IAAI;MACJC,MAAM;MACNC,MAAM;MACNC,OAAO;MACPC;IAEF,CAAC;IADIC,MAAM;EAET,MAAMC,KAAK,GAAGf,QAAQ,EAAE;EACxB,MAAMgB,gBAAgB,GAAGnB,OAAO,CAC9B,MAAMM,iBAAiB,CAACM,IAAI,EAAEM,KAAK,EAAEF,WAAW,CAAC,EACjD,CAACJ,IAAI,EAAEM,KAAK,EAAEF,WAAW,CAAC,CAC3B;EACD,MAAMI,kBAAkB,GAAGpB,OAAO,CAChC,MAAMO,mBAAmB,CAACM,MAAM,EAAEK,KAAK,EAAEC,gBAAgB,EAAEH,WAAW,CAAC,EACvE,CAACH,MAAM,EAAEK,KAAK,EAAEC,gBAAgB,EAAEH,WAAW,CAAC,CAC/C;EAED,oBACE,KAAC,KAAK;IACJ,EAAE,EAAEN,EAAG;IACP,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEQ,gBAAiB;IACvB,MAAM,EAAEC,kBAAmB;IAC3B,MAAM,EAAEN,MAAO;IACf,OAAO,EACLC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GACLM,WAAW,iBAAK,KAAC,aAAa;MAAC,IAAI,EAAEA,WAAY;MAAC,WAAW,EAAE,CAAC,CAACL;IAAY;EAChF,GACGC,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,eAAe,CAACa,SAAS,GAAG;EAC1B;AACF;AACA;EACEZ,EAAE,EAAET,SAAS,CAACsB,MAAM;EACpB;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACuB,KAAK,CAAC;IACvBC,IAAI,EAAExB,SAAS,CAACsB;EAClB,CAAC,CAAC;EACF;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACEhB,MAAM,EAAEZ,SAAS,CAAC0B,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACEd,MAAM,EAAEb,SAAS,CAAC0B,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACEb,OAAO,EAAEd,SAAS,CAAC6B,IAAI;EACvB;AACF;AACA;EACEd,WAAW,EAAEf,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC8B,MAAM,CAAC;AACpE,CAAC;AAED,eAAe7B,UAAU,CAACM,MAAM,EAAE;EAAEwB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACvB,eAAe,CAAC"}

package/dist/modern/ConfusionMatrix/CustomTooltip/CustomTooltip.js

@@ -0,0 +1,37 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CustomTooltip = ({
+  data,
+  deltaMatrix
+}) => {
+  const classes = useStyles();
+  const [element] = data.elements;
+  const value = deltaMatrix && data.title !== element.value ? 0 - element.zValue : element.zValue;
+  const oneLiner = `${data.title} - ${element.value}: ${value}`;
+  return /*#__PURE__*/_jsx("div", {
+    className: classes.root,
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.container,
+      children: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(HvTypography, {
+          children: oneLiner
+        })
+      })
+    })
+  });
+};
+process.env.NODE_ENV !== "production" ? CustomTooltip.propTypes = {
+  data: PropTypes.shape({
+    title: PropTypes.string,
+    elements: PropTypes.arrayOf(PropTypes.shape({
+      value: PropTypes.string,
+      zValue: PropTypes.number
+    }))
+  }),
+  deltaMatrix: PropTypes.bool
+} : void 0;
+export default CustomTooltip;
+//# sourceMappingURL=CustomTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltip.js","names":["React","PropTypes","HvTypography","useStyles","CustomTooltip","data","deltaMatrix","classes","element","elements","value","title","zValue","oneLiner","root","container","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,MAAMC,aAAa,GAAG,CAAC;EAAEC,IAAI;EAAEC;AAAY,CAAC,KAAK;EAC/C,MAAMC,OAAO,GAAGJ,SAAS,EAAE;EAC3B,MAAM,CAACK,OAAO,CAAC,GAAGH,IAAI,CAACI,QAAQ;EAC/B,MAAMC,KAAK,GAAGJ,WAAW,IAAID,IAAI,CAACM,KAAK,KAAKH,OAAO,CAACE,KAAK,GAAG,CAAC,GAAGF,OAAO,CAACI,MAAM,GAAGJ,OAAO,CAACI,MAAM;EAC/F,MAAMC,QAAQ,GAAI,GAAER,IAAI,CAACM,KAAM,MAAKH,OAAO,CAACE,KAAM,KAAIA,KAAM,EAAC;EAC7D,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACO,IAAK;IAAA,uBAC3B;MAAK,SAAS,EAAEP,OAAO,CAACQ,SAAU;MAAA,uBAChC;QAAA,uBACE,KAAC,YAAY;UAAA,UAAEF;QAAQ;MAAgB;IACnC;EACF,EACF;AAEV,CAAC;AAED,wCAAAT,aAAa,CAACY,SAAS,GAAG;EACxBX,IAAI,EAAEJ,SAAS,CAACgB,KAAK,CAAC;IACpBN,KAAK,EAAEV,SAAS,CAACiB,MAAM;IACvBT,QAAQ,EAAER,SAAS,CAACkB,OAAO,CACzBlB,SAAS,CAACgB,KAAK,CAAC;MACdP,KAAK,EAAET,SAAS,CAACiB,MAAM;MACvBN,MAAM,EAAEX,SAAS,CAACmB;IACpB,CAAC,CAAC;EAEN,CAAC,CAAC;EACFd,WAAW,EAAEL,SAAS,CAACoB;AACzB,CAAC;AAED,eAAejB,aAAa"}

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

@@ -0,0 +1,2 @@
+export { default } from "./CustomTooltip";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { makeStyles } from "@mui/styles";
+const useStyles = makeStyles(theme => ({
+  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"
+  }
+}));
+export default useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","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,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAK,KAAM;EACvCC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,KAAK,EAAE,aAAa;IACpBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAET,KAAK,CAACG,EAAE,CAACO,OAAO,CAAC,CAAC,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTC,OAAO,EAAEb,KAAK,CAACc,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;IACtCC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAAC;AAEH,eAAejB,SAAS"}

package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js

@@ -0,0 +1,154 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/* eslint-disable no-param-reassign */
+import clone from "lodash/cloneDeep";
+const HEX_ALPHA_50 = "80";
+const HEIGHT_PER_CATEGORY = 45;
+const WIDTH_PER_CATEGORY = 55;
+const setterIfNil = (object, property, value) => {
+  var _object$property;
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+const buildAnnotations = (trace, customAnnotations, deltaMatrix = false) => {
+  const {
+    x = [],
+    y = [],
+    z = []
+  } = trace;
+  const annotations = [];
+  for (let i = 0; i < y.length; i += 1) {
+    for (let j = 0; j < x.length; j += 1) {
+      var _customAnnotations$te, _customAnnotations$te2, _customAnnotations$si;
+      const currentValue = z[i][j];
+      let textValue;
+      let 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;">${textValue}</span>`;
+          size = 14;
+        }
+      }
+      const 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.
+ */
+export const applyLayoutDefaults = (inputLayout = {}, theme, data = [{}], deltaMatrix) => {
+  var _theme$hv, _theme$hv$palette, _theme$hv$palette$acc, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$at;
+  const layout = clone(inputLayout);
+  setterIfNil(layout, "hovermode", "closest");
+  const [trace] = data;
+  const categories = (trace === null || trace === void 0 ? void 0 : trace.x) || [];
+  const squareWidth = categories.length * WIDTH_PER_CATEGORY;
+  const squareHeight = categories.length * HEIGHT_PER_CATEGORY;
+  const chartWidth = Math.max(squareWidth, WIDTH_PER_CATEGORY * 10);
+  const 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
+  });
+  const 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";
+  const getAxisLayout = (text, standoff) => ({
+    color: textColor,
+    showline: false,
+    showgrid: false,
+    tickfont: {
+      family: "Open Sans",
+      size: 12
+    },
+    ticks: "",
+    title: {
+      text,
+      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"
+  }));
+  const 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
+  }, layout.customAnnotations || {}), deltaMatrix));
+  return layout;
+};
+const calculateDeltaMatrix = (matrix1, matrix2) => {
+  let deltaMin = 0;
+  const matrixData = matrix1.reduce((lineAcc, classLine, lineIndex) => {
+    const lineValues = classLine.reduce((columnAcc, columnValue, columnIndex) => {
+      let value = columnValue - matrix2[lineIndex][columnIndex];
+      deltaMin = Math.min(deltaMin, value);
+      if (lineIndex !== columnIndex) {
+        value = 0 - value;
+      }
+      return [...columnAcc, value];
+    }, []);
+    return [...lineAcc, lineValues];
+  }, []);
+  return [matrixData, deltaMin];
+};
+export const applyDataDefaults = (inputData = [{}], theme, deltaMatrix) => {
+  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;
+  const data = clone(inputData);
+  const 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";
+  const 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";
+  const 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(trace => {
+    setterIfNil(trace, "type", "heatmap");
+    setterIfNil(trace, "hoverinfo", "none");
+    const colorscale = [[0, backgroundColor], [1, `${greenColor}${HEX_ALPHA_50}`]];
+    const deltaColorscale = [[0, `${redColor}${HEX_ALPHA_50}`], [0.5, backgroundColor], [1, `${greenColor}${HEX_ALPHA_50}`]];
+    setterIfNil(trace, "colorscale", deltaMatrix ? deltaColorscale : colorscale);
+    setterIfNil(trace, "showscale", false);
+    const [matrixData, deltaMin] = deltaMatrix ? calculateDeltaMatrix(trace.z, deltaMatrix) : [trace.z];
+    trace.z = matrixData;
+    if (deltaMatrix) {
+      const getMax = matrix => {
+        const max = Math.max(...matrix.flat());
+        return max < 0 ? Math.abs(deltaMin) : max;
+      };
+      setterIfNil(trace, "zmin", deltaMin);
+      setterIfNil(trace, "zmid", 0);
+      setterIfNil(trace, "zmax", getMax(matrixData));
+    }
+  });
+  return data;
+};
+//# sourceMappingURL=confusionMatrixPlotlyOverrides.js.map

package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confusionMatrixPlotlyOverrides.js","names":["clone","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","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/modern/ConfusionMatrix/index.d.ts

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

package/dist/modern/ConfusionMatrix/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ConfusionMatrix";
+//# sourceMappingURL=index.js.map

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

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

package/dist/modern/ConfusionMatrix/styles.js

@@ -0,0 +1,3 @@
+const styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,eAAeA,MAAM"}

package/dist/modern/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/modern/index.js

@@ -2,4 +2,5 @@
 export { default as HvBarchart } from "./Barchart";
 export { default as HvDonutchart } from "./Donutchart";
 export { default as HvLinechart } from "./Linechart";
+export { default as HvConfusionMatrix } from "./ConfusionMatrix";
 //# sourceMappingURL=index.js.map

package/dist/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvBarchart","HvDonutchart","HvLinechart"],"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":"AAAA;AACA,SAASA,OAAO,IAAIC,UAAU,QAAQ,YAAY;AAClD,SAASD,OAAO,IAAIE,YAAY,QAAQ,cAAc;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,aAAa"}
+{"version":3,"file":"index.js","names":["default","HvBarchart","HvDonutchart","HvLinechart","HvConfusionMatrix"],"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":"AAAA;AACA,SAASA,OAAO,IAAIC,UAAU,QAAQ,YAAY;AAClD,SAASD,OAAO,IAAIE,YAAY,QAAQ,cAAc;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,aAAa;AACpD,SAASH,OAAO,IAAII,iBAAiB,QAAQ,mBAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-viz",
-  "version": "4.0.4",
+  "version": "4.1.0",
   "description": "A collection of React visualizations for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -40,7 +40,7 @@
     "@emotion/styled": "^11.10.0",
     "@mui/material": "^5.9.0",
     "@mui/styles": "^5.9.0",
-    "plotly.js-basic-dist": "^2.11.1",
+    "plotly.js-dist-min": "^2.14.0",
     "react": "^16.13.1 || ^17.0.2",
     "react-dom": "^16.13.1 || ^17.0.2"
   },
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.182",
-    "@types/plotly.js": "2.12.2",
+    "@types/plotly.js": "2.12.5",
     "@types/react": "^17.0.47",
     "cross-env": "^7.0.3"
   },
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1861d424d32437aa1a9cbda0c17c706f65d0e853"
+  "gitHead": "f8cdc9fe45afddae52ceded1466950f92cd8892a"
 }