@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/modern/Kpi/Kpi.js

@@ -1,13 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "labels", "visualIndicator", "visualComparison", "trendIndicator", "indicatorUnitTextVariant", "indicatorTextVariant"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import HvTypography from "../Typography";
 import styles from "./styles";
 import { useLabels } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   title: "",
   indicator: undefined,
@@ -36,36 +43,53 @@ const HvKpi = props => {
 
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   const InternalVisualComparison = typeof visualComparison === "string" ? HvTypography : "div";
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(classes.root, className)
-  }, others), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText"
-  }, labels.title)), /*#__PURE__*/React.createElement("div", {
-    className: classes.indicatorsContainer
-  }, visualIndicator != null && /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)
-  }, visualIndicator), labels.indicator && /*#__PURE__*/React.createElement(HvTypography, {
-    className: clsx(classes.spacingToTheRight, classes.indicatorText),
-    variant: indicatorTextVariant
-  }, labels.indicator), labels.unit && /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.indicatorUnit,
-    variant: indicatorUnitTextVariant
-  }, labels.unit)), visualComparison != null && /*#__PURE__*/React.createElement("div", {
-    className: classes.comparisonComposition
-  }, trendIndicator != null && /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.trendLine, classes.spacingToTheRight)
-  }, trendIndicator), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: classes.comparisonContainer
-  }, /*#__PURE__*/React.createElement(InternalVisualComparison, {
-    className: clsx(classes.comparisons, classes.spacingToTheRight),
-    variant: "highlightText"
-  }, visualComparison)), /*#__PURE__*/React.createElement("div", {
-    className: classes.comparisonContainer
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.comparisons,
-    variant: "vizText"
-  }, labels.comparisonIndicatorInfo)))));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(HvTypography, {
+        variant: "highlightText",
+        children: labels.title
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classes.indicatorsContainer,
+      children: [visualIndicator != null && /*#__PURE__*/_jsx("div", {
+        className: clsx(classes.visualIndicatorContainer, classes.spacingToTheRight),
+        children: visualIndicator
+      }), labels.indicator && /*#__PURE__*/_jsx(HvTypography, {
+        className: clsx(classes.spacingToTheRight, classes.indicatorText),
+        variant: indicatorTextVariant,
+        children: labels.indicator
+      }), labels.unit && /*#__PURE__*/_jsx(HvTypography, {
+        className: classes.indicatorUnit,
+        variant: indicatorUnitTextVariant,
+        children: labels.unit
+      })]
+    }), visualComparison != null && /*#__PURE__*/_jsxs("div", {
+      className: classes.comparisonComposition,
+      children: [trendIndicator != null && /*#__PURE__*/_jsx("div", {
+        className: clsx(classes.trendLine, classes.spacingToTheRight),
+        children: trendIndicator
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: classes.comparisonContainer,
+          children: /*#__PURE__*/_jsx(InternalVisualComparison, {
+            className: clsx(classes.comparisons, classes.spacingToTheRight),
+            variant: "highlightText",
+            children: visualComparison
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: classes.comparisonContainer,
+          children: /*#__PURE__*/_jsx(HvTypography, {
+            className: classes.comparisons,
+            variant: "vizText",
+            children: labels.comparisonIndicatorInfo
+          })
+        })]
+      })]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvKpi.propTypes = {

package/dist/modern/Kpi/Kpi.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kpi.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","useLabels","DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labels","labelsProp","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","string","shape","isRequired","node","oneOf","name"],"sources":["../../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport { useLabels } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\n\nconst HvKpi = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    labels: labelsProp,\n    visualIndicator = null,\n    visualComparison = null,\n    trendIndicator = null,\n    indicatorUnitTextVariant = \"sTitle\",\n    indicatorTextVariant = \"lTitle\",\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator != null && (\n          <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n            {visualIndicator}\n          </div>\n        )}\n        {labels.indicator && (\n          <HvTypography\n            className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {labels.indicator}\n          </HvTypography>\n        )}\n        {labels.unit && (\n          <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n            {labels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison != null && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator != null && (\n            <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={clsx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"highlightText\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"vizText\">\n                {labels.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHvKpi.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component visual indicator.\n     */\n    visualIndicatorContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison.\n     */\n    comparisons: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container.\n     */\n    comparisonContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison composition wrapper.\n     */\n    comparisonComposition: PropTypes.string,\n    /**\n     * Styles applied to the component indicators.\n     */\n    indicatorsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component indicators text.\n     */\n    indicatorText: PropTypes.string,\n    /**\n     * Styles applied to the component indicators unit.\n     */\n    indicatorUnit: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container right spacing.\n     */\n    spacingToTheRight: PropTypes.string,\n    /**\n     * Styles applied to the component trend line.\n     */\n    trendLine: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison: PropTypes.node,\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The text at the top of the kpi.\n     */\n    title: PropTypes.string,\n    /**\n     * The text in the middle of the kpi.\n     */\n    indicator: PropTypes.string,\n    /**\n     * The text to the right of the indicator.\n     */\n    unit: PropTypes.string,\n    /**\n     * the text to the right of the visual comparison.\n     */\n    comparisonIndicatorInfo: PropTypes.string,\n  }),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"normalText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(HvKpi);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,SAAT,QAA0B,UAA1B;AAEA,MAAMC,cAAc,GAAG;EACrBC,KAAK,EAAE,EADc;EAErBC,SAAS,EAAEC,SAFU;EAGrBC,IAAI,EAAED,SAHe;EAIrBE,uBAAuB,EAAEF;AAJJ,CAAvB;AAOA;AACA;AACA;AACA;AACA;;AAEA,MAAMG,KAAK,GAAIC,KAAD,IAAW;EACvB,MAAM;IACJC,OADI;IAEJC,SAFI;IAGJC,EAHI;IAIJC,MAAM,EAAEC,UAJJ;IAKJC,eAAe,GAAG,IALd;IAMJC,gBAAgB,GAAG,IANf;IAOJC,cAAc,GAAG,IAPb;IAQJC,wBAAwB,GAAG,QARvB;IASJC,oBAAoB,GAAG;EATnB,IAWFV,KAXJ;EAAA,MAUKW,MAVL,4BAWIX,KAXJ;;EAaA,MAAMI,MAAM,GAAGZ,SAAS,CAACC,cAAD,EAAiBY,UAAjB,CAAxB;EACA,MAAMO,wBAAwB,GAAG,OAAOL,gBAAP,KAA4B,QAA5B,GAAuCjB,YAAvC,GAAsD,KAAvF;EAEA,oBACE;IAAK,EAAE,EAAEa,EAAT;IAAa,SAAS,EAAEf,IAAI,CAACa,OAAO,CAACY,IAAT,EAAeX,SAAf;EAA5B,GAA2DS,MAA3D,gBACE,8CACE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCP,MAAM,CAACV,KAA9C,CADF,CADF,eAIE;IAAK,SAAS,EAAEO,OAAO,CAACa;EAAxB,GACGR,eAAe,IAAI,IAAnB,iBACC;IAAK,SAAS,EAAElB,IAAI,CAACa,OAAO,CAACc,wBAAT,EAAmCd,OAAO,CAACe,iBAA3C;EAApB,GACGV,eADH,CAFJ,EAMGF,MAAM,CAACT,SAAP,iBACC,oBAAC,YAAD;IACE,SAAS,EAAEP,IAAI,CAACa,OAAO,CAACe,iBAAT,EAA4Bf,OAAO,CAACgB,aAApC,CADjB;IAEE,OAAO,EAAEP;EAFX,GAIGN,MAAM,CAACT,SAJV,CAPJ,EAcGS,MAAM,CAACP,IAAP,iBACC,oBAAC,YAAD;IAAc,SAAS,EAAEI,OAAO,CAACiB,aAAjC;IAAgD,OAAO,EAAET;EAAzD,GACGL,MAAM,CAACP,IADV,CAfJ,CAJF,EAwBGU,gBAAgB,IAAI,IAApB,iBACC;IAAK,SAAS,EAAEN,OAAO,CAACkB;EAAxB,GACGX,cAAc,IAAI,IAAlB,iBACC;IAAK,SAAS,EAAEpB,IAAI,CAACa,OAAO,CAACmB,SAAT,EAAoBnB,OAAO,CAACe,iBAA5B;EAApB,GACGR,cADH,CAFJ,eAME,8CACE;IAAK,SAAS,EAAEP,OAAO,CAACoB;EAAxB,gBACE,oBAAC,wBAAD;IACE,SAAS,EAAEjC,IAAI,CAACa,OAAO,CAACqB,WAAT,EAAsBrB,OAAO,CAACe,iBAA9B,CADjB;IAEE,OAAO,EAAC;EAFV,GAIGT,gBAJH,CADF,CADF,eASE;IAAK,SAAS,EAAEN,OAAO,CAACoB;EAAxB,gBACE,oBAAC,YAAD;IAAc,SAAS,EAAEpB,OAAO,CAACqB,WAAjC;IAA8C,OAAO,EAAC;EAAtD,GACGlB,MAAM,CAACN,uBADV,CADF,CATF,CANF,CAzBJ,CADF;AAmDD,CApED;;AAsEA,wCAAAC,KAAK,CAACwB,SAAN,GAAkB;EAChB;AACF;AACA;EACErB,SAAS,EAAEf,SAAS,CAACqC,MAJL;;EAKhB;AACF;AACA;EACErB,EAAE,EAAEhB,SAAS,CAACqC,MARE;;EAShB;AACF;AACA;EACEvB,OAAO,EAAEd,SAAS,CAACsC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIZ,IAAI,EAAE1B,SAAS,CAACqC,MAJO;;IAKvB;AACJ;AACA;IACIT,wBAAwB,EAAE5B,SAAS,CAACqC,MARb;;IASvB;AACJ;AACA;IACIF,WAAW,EAAEnC,SAAS,CAACqC,MAZA;;IAavB;AACJ;AACA;IACIH,mBAAmB,EAAElC,SAAS,CAACqC,MAhBR;;IAiBvB;AACJ;AACA;IACIL,qBAAqB,EAAEhC,SAAS,CAACqC,MApBV;;IAqBvB;AACJ;AACA;IACIV,mBAAmB,EAAE3B,SAAS,CAACqC,MAxBR;;IAyBvB;AACJ;AACA;IACIP,aAAa,EAAE9B,SAAS,CAACqC,MA5BF;;IA6BvB;AACJ;AACA;IACIN,aAAa,EAAE/B,SAAS,CAACqC,MAhCF;;IAiCvB;AACJ;AACA;IACIR,iBAAiB,EAAE7B,SAAS,CAACqC,MApCN;;IAqCvB;AACJ;AACA;IACIJ,SAAS,EAAEjC,SAAS,CAACqC;EAxCE,CAAhB,EAyCNE,UArDa;;EAsDhB;AACF;AACA;EACElB,cAAc,EAAErB,SAAS,CAACwC,IAzDV;;EA0DhB;AACF;AACA;EACErB,eAAe,EAAEnB,SAAS,CAACwC,IA7DX;;EA8DhB;AACF;AACA;EACEpB,gBAAgB,EAAEpB,SAAS,CAACwC,IAjEZ;;EAkEhB;AACF;AACA;EACEvB,MAAM,EAAEjB,SAAS,CAACsC,KAAV,CAAgB;IACtB;AACJ;AACA;IACI/B,KAAK,EAAEP,SAAS,CAACqC,MAJK;;IAKtB;AACJ;AACA;IACI7B,SAAS,EAAER,SAAS,CAACqC,MARC;;IAStB;AACJ;AACA;IACI3B,IAAI,EAAEV,SAAS,CAACqC,MAZM;;IAatB;AACJ;AACA;IACI1B,uBAAuB,EAAEX,SAAS,CAACqC;EAhBb,CAAhB,CArEQ;;EAuFhB;AACF;AACA;EACEd,oBAAoB,EAAEvB,SAAS,CAACyC,KAAV,CAAgB,CAAC,UAAD,EAAa,UAAb,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CA1FN;;EA2FhB;AACF;AACA;EACEnB,wBAAwB,EAAEtB,SAAS,CAACyC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,CAAhB;AA9FV,CAAlB;AAiGA,eAAevC,UAAU,CAACE,MAAD,EAAS;EAAEsC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsC9B,KAAtC,CAAf"}
+{"version":3,"file":"Kpi.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","useLabels","DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labels","labelsProp","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","string","shape","isRequired","node","oneOf","name"],"sources":["../../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport { useLabels } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\n\nconst HvKpi = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    labels: labelsProp,\n    visualIndicator = null,\n    visualComparison = null,\n    trendIndicator = null,\n    indicatorUnitTextVariant = \"sTitle\",\n    indicatorTextVariant = \"lTitle\",\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator != null && (\n          <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n            {visualIndicator}\n          </div>\n        )}\n        {labels.indicator && (\n          <HvTypography\n            className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {labels.indicator}\n          </HvTypography>\n        )}\n        {labels.unit && (\n          <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n            {labels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison != null && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator != null && (\n            <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={clsx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"highlightText\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"vizText\">\n                {labels.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHvKpi.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component visual indicator.\n     */\n    visualIndicatorContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison.\n     */\n    comparisons: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container.\n     */\n    comparisonContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison composition wrapper.\n     */\n    comparisonComposition: PropTypes.string,\n    /**\n     * Styles applied to the component indicators.\n     */\n    indicatorsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component indicators text.\n     */\n    indicatorText: PropTypes.string,\n    /**\n     * Styles applied to the component indicators unit.\n     */\n    indicatorUnit: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container right spacing.\n     */\n    spacingToTheRight: PropTypes.string,\n    /**\n     * Styles applied to the component trend line.\n     */\n    trendLine: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison: PropTypes.node,\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The text at the top of the kpi.\n     */\n    title: PropTypes.string,\n    /**\n     * The text in the middle of the kpi.\n     */\n    indicator: PropTypes.string,\n    /**\n     * The text to the right of the indicator.\n     */\n    unit: PropTypes.string,\n    /**\n     * the text to the right of the visual comparison.\n     */\n    comparisonIndicatorInfo: PropTypes.string,\n  }),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"normalText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(HvKpi);\n"],"mappings":"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"}

package/dist/modern/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 // TODO: should have root or "component" class?
 export type HvLinkClassKey = "a";

package/dist/modern/Link/Link.js

@@ -1,10 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "children", "route", "Component", "onClick", "data", "tabIndex"];
+
+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 from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const HvLink = props => {
   const {
@@ -18,15 +24,18 @@ const HvLink = props => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return onClick ? /*#__PURE__*/React.createElement(Component, _extends({
+  return onClick ? /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
     role: "button",
     className: classes.a,
     onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick(event, data),
     tabIndex: tabIndex
-  }, others), children) : /*#__PURE__*/React.createElement("a", {
+  }, others), {}, {
+    children: children
+  })) : /*#__PURE__*/_jsx("a", {
     href: route,
-    className: classes.a
-  }, children);
+    className: classes.a,
+    children: children
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvLink.propTypes = {

package/dist/modern/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","PropTypes","withStyles","styles","HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","name"],"sources":["../../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n  const {\n    classes,\n    children,\n    route,\n    Component = \"div\",\n    onClick,\n    data,\n    tabIndex = 0,\n    ...others\n  } = props;\n\n  return onClick ? (\n    <Component\n      role=\"button\"\n      className={classes.a}\n      onClick={(event) => onClick?.(event, data)}\n      tabIndex={tabIndex}\n      {...others}\n    >\n      {children}\n    </Component>\n  ) : (\n    <a href={route} className={classes.a}>\n      {children}\n    </a>\n  );\n};\n\nHvLink.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    a: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Path route.\n   */\n  route: PropTypes.string.isRequired,\n  /**\n   * OnClick function.\n   */\n  onClick: PropTypes.func,\n  /**\n   * TabIndex.\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Data to be returned in the onClick function.\n   */\n  data: PropTypes.instanceOf(Object),\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAM;IACJC,OADI;IAEJC,QAFI;IAGJC,KAHI;IAIJC,SAAS,GAAG,KAJR;IAKJC,OALI;IAMJC,IANI;IAOJC,QAAQ,GAAG;EAPP,IASFP,KATJ;EAAA,MAQKQ,MARL,4BASIR,KATJ;;EAWA,OAAOK,OAAO,gBACZ,oBAAC,SAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEJ,OAAO,CAACQ,CAFrB;IAGE,OAAO,EAAGC,KAAD,IAAWL,OAAX,aAAWA,OAAX,uBAAWA,OAAO,CAAGK,KAAH,EAAUJ,IAAV,CAH7B;IAIE,QAAQ,EAAEC;EAJZ,GAKMC,MALN,GAOGN,QAPH,CADY,gBAWZ;IAAG,IAAI,EAAEC,KAAT;IAAgB,SAAS,EAAEF,OAAO,CAACQ;EAAnC,GACGP,QADH,CAXF;AAeD,CA3BD;;AA6BA,wCAAAH,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACEV,OAAO,EAAEL,SAAS,CAACgB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,CAAC,EAAEb,SAAS,CAACiB;EAJU,CAAhB,EAKNC,UATc;;EAUjB;AACF;AACA;EACEZ,QAAQ,EAAEN,SAAS,CAACmB,IAAV,CAAeD,UAbR;;EAcjB;AACF;AACA;EACEX,KAAK,EAAEP,SAAS,CAACiB,MAAV,CAAiBC,UAjBP;;EAkBjB;AACF;AACA;EACET,OAAO,EAAET,SAAS,CAACoB,IArBF;;EAsBjB;AACF;AACA;EACET,QAAQ,EAAEX,SAAS,CAACqB,MAzBH;;EA0BjB;AACF;AACA;EACEX,IAAI,EAAEV,SAAS,CAACsB,UAAV,CAAqBC,MAArB,CA7BW;;EA8BjB;AACF;AACA;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB;AAlCJ,CAAnB;AAqCA,eAAevB,UAAU,CAACC,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuCtB,MAAvC,CAAf"}
+{"version":3,"file":"Link.js","names":["React","PropTypes","withStyles","styles","HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","name"],"sources":["../../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n  const {\n    classes,\n    children,\n    route,\n    Component = \"div\",\n    onClick,\n    data,\n    tabIndex = 0,\n    ...others\n  } = props;\n\n  return onClick ? (\n    <Component\n      role=\"button\"\n      className={classes.a}\n      onClick={(event) => onClick?.(event, data)}\n      tabIndex={tabIndex}\n      {...others}\n    >\n      {children}\n    </Component>\n  ) : (\n    <a href={route} className={classes.a}>\n      {children}\n    </a>\n  );\n};\n\nHvLink.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    a: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Path route.\n   */\n  route: PropTypes.string.isRequired,\n  /**\n   * OnClick function.\n   */\n  onClick: PropTypes.func,\n  /**\n   * TabIndex.\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Data to be returned in the onClick function.\n   */\n  data: PropTypes.instanceOf(Object),\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAM;IACJC,OADI;IAEJC,QAFI;IAGJC,KAHI;IAIJC,SAAS,GAAG,KAJR;IAKJC,OALI;IAMJC,IANI;IAOJC,QAAQ,GAAG;EAPP,IASFP,KATJ;EAAA,MAQKQ,MARL,4BASIR,KATJ;;EAWA,OAAOK,OAAO,gBACZ,KAAC,SAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEJ,OAAO,CAACQ,CAFrB;IAGE,OAAO,EAAGC,KAAD,IAAWL,OAAX,aAAWA,OAAX,uBAAWA,OAAO,CAAGK,KAAH,EAAUJ,IAAV,CAH7B;IAIE,QAAQ,EAAEC;EAJZ,GAKMC,MALN;IAAA,UAOGN;EAPH,GADY,gBAWZ;IAAG,IAAI,EAAEC,KAAT;IAAgB,SAAS,EAAEF,OAAO,CAACQ,CAAnC;IAAA,UACGP;EADH,EAXF;AAeD,CA3BD;;AA6BA,wCAAAH,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACEV,OAAO,EAAEL,SAAS,CAACgB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,CAAC,EAAEb,SAAS,CAACiB;EAJU,CAAhB,EAKNC,UATc;;EAUjB;AACF;AACA;EACEZ,QAAQ,EAAEN,SAAS,CAACmB,IAAV,CAAeD,UAbR;;EAcjB;AACF;AACA;EACEX,KAAK,EAAEP,SAAS,CAACiB,MAAV,CAAiBC,UAjBP;;EAkBjB;AACF;AACA;EACET,OAAO,EAAET,SAAS,CAACoB,IArBF;;EAsBjB;AACF;AACA;EACET,QAAQ,EAAEX,SAAS,CAACqB,MAzBH;;EA0BjB;AACF;AACA;EACEX,IAAI,EAAEV,SAAS,CAACsB,UAAV,CAAqBC,MAArB,CA7BW;;EA8BjB;AACF;AACA;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB;AAlCJ,CAAnB;AAqCA,eAAevB,UAAU,CAACC,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuCtB,MAAvC,CAAf"}

package/dist/modern/List/List.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface ListValueProp {
   id?: string | number;

package/dist/modern/List/List.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "multiSelect", "hasTooltips", "showSelectAll", "labels", "useSelector", "selectable", "singleSelectionToggle", "condensed", "onChange", "onClick", "values", "height", "virtualized"];
 
@@ -12,12 +12,15 @@ import React, { isValidElement, useEffect, forwardRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { FixedSizeList } from "react-window";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
 import { parseList, wrapperTooltip } from "./utils";
 import useSelectableList from "./useSelectableList";
 import { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from "..";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   selectAll: "Select All",
   selectionConjunction: "/"
@@ -101,10 +104,21 @@ const HvList = props => {
     } = labels;
     const anySelected = !!(selection !== null && selection !== void 0 && selection.length);
     const allSelected = selection.length === list.length;
-    const selectionLabel = /*#__PURE__*/React.createElement(HvTypography, {
-      component: "span"
-    }, !anySelected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), ` (${list.length})`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selection.length), `\xa0${selectionConjunction}\xa0`, list.length));
-    return /*#__PURE__*/React.createElement(HvCheckBox, {
+
+    const selectionLabel = /*#__PURE__*/_jsx(HvTypography, {
+      component: "span",
+      children: !anySelected ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: selectAll
+        }), ` (${list.length})`]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: selection.length
+        }), `\xa0${selectionConjunction}\xa0`, list.length]
+      })
+    });
+
+    return /*#__PURE__*/_jsx(HvCheckBox, {
       id: setId(id, "select-all"),
       label: selectionLabel,
       onChange: handleSelectAll,
@@ -116,18 +130,18 @@ const HvList = props => {
 
   const renderItemText = item => {
     const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);
-    return !multiSelect && item.path ? /*#__PURE__*/React.createElement(HvLink, {
-      key: item.label,
+    return !multiSelect && item.path ? /*#__PURE__*/_jsx(HvLink, {
       route: item.path,
       classes: {
         a: classes.link
-      }
-    }, /*#__PURE__*/React.createElement(ItemText, null)) : /*#__PURE__*/React.createElement(ItemText, null);
+      },
+      children: /*#__PURE__*/_jsx(ItemText, {})
+    }, item.label) : /*#__PURE__*/_jsx(ItemText, {});
   };
 
   const renderMultiSelectItem = (item, itemId) => {
     if (useSelector) {
-      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvCheckBox, {
+      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/_jsx(HvCheckBox, {
         id: setId(itemId, "selector"),
         label: item.label,
         checked: item.selected,
@@ -139,7 +153,7 @@ const HvList = props => {
           label: classes.truncate
         }
       }), item.label);
-      return /*#__PURE__*/React.createElement(Selection, null);
+      return /*#__PURE__*/_jsx(Selection, {});
     }
 
     return renderItemText(item);
@@ -147,7 +161,7 @@ const HvList = props => {
 
   const renderSingleSelectItem = (item, itemId) => {
     if (useSelector) {
-      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvRadio, {
+      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/_jsx(HvRadio, {
         id: setId(itemId, "selector"),
         label: item.label,
         checked: item.selected,
@@ -158,7 +172,7 @@ const HvList = props => {
           label: classes.truncate
         }
       }), item.label);
-      return /*#__PURE__*/React.createElement(Selection, null);
+      return /*#__PURE__*/_jsx(Selection, {});
     }
 
     return renderItemText(item);
@@ -173,8 +187,7 @@ const HvList = props => {
       startAdornment = renderLeftIcon(item);
     }
 
-    return /*#__PURE__*/React.createElement(HvListItem, _extends({
-      key: i,
+    return /*#__PURE__*/_jsx(HvListItem, _objectSpread(_objectSpread({
       id: itemId,
       role: selectable ? "option" : "menuitem",
       disabled: item.disabled || undefined,
@@ -185,11 +198,13 @@ const HvList = props => {
       selected: multiSelect || selected ? selected : undefined,
       onClick: evt => handleSelect(evt, item),
       startAdornment: startAdornment,
-      endAdornment: item.showNavIcon && /*#__PURE__*/React.createElement(DropRightXS, {
+      endAdornment: item.showNavIcon && /*#__PURE__*/_jsx(DropRightXS, {
         className: classes.box,
         iconSize: "XS"
       })
-    }, otherProps), multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId));
+    }, otherProps), {}, {
+      children: multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)
+    }), i);
   };
 
   const filteredList = list.filter(it => !it.isHidden);
@@ -231,7 +246,7 @@ const HvList = props => {
     return /*#__PURE__*/forwardRef((_ref, ref) => {
       let rest = _extends({}, _ref);
 
-      return /*#__PURE__*/React.createElement(HvListContainer, _extends({
+      return /*#__PURE__*/_jsx(HvListContainer, _objectSpread({
         id: id,
         className: clsx(className, classes.root),
         role: selectable ? "listbox" : "menu",
@@ -243,23 +258,29 @@ const HvList = props => {
       }, rest));
     });
   }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/React.createElement(HvListContainer, _extends({
-    id: id,
-    className: clsx(className, classes.root),
-    role: selectable ? "listbox" : "menu",
-    interactive: true,
-    condensed: condensed,
-    disableGutters: useSelector,
-    "aria-multiselectable": selectable && multiSelect || undefined
-  }, others), filteredList.map((item, i) => renderListItem(item, i))), filteredList.length > 0 && virtualized && /*#__PURE__*/React.createElement(FixedSizeList, _extends({
-    ref: listRef,
-    className: classes.virtualizedRoot,
-    height: height + 5,
-    width: "100%",
-    itemCount: filteredList.length,
-    itemSize: condensed ? 32 : 40,
-    innerElementType: renderFixedList
-  }, others), ListItem));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
+      id: id,
+      className: clsx(className, classes.root),
+      role: selectable ? "listbox" : "menu",
+      interactive: true,
+      condensed: condensed,
+      disableGutters: useSelector,
+      "aria-multiselectable": selectable && multiSelect || undefined
+    }, others), {}, {
+      children: filteredList.map((item, i) => renderListItem(item, i))
+    })), filteredList.length > 0 && virtualized && /*#__PURE__*/_jsx(FixedSizeList, _objectSpread(_objectSpread({
+      ref: listRef,
+      className: classes.virtualizedRoot,
+      height: height + 5,
+      width: "100%",
+      itemCount: filteredList.length,
+      itemSize: condensed ? 32 : 40,
+      innerElementType: renderFixedList
+    }, others), {}, {
+      children: ListItem
+    }))]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvList.propTypes = {

package/dist/modern/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","isValidElement","useEffect","forwardRef","useMemo","PropTypes","clsx","FixedSizeList","withStyles","DropRightXS","parseList","wrapperTooltip","useSelectableList","HvLink","HvCheckBox","HvListContainer","HvListItem","HvRadio","HvTypography","setId","styles","DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","listRef","useRef","passedProps","parsedList","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","selectAllSelector","renderItemText","ItemText","label","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","renderListItem","i","otherProps","startAdornment","undefined","itemSelector","showNavIcon","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","propTypes","shape","number","isRequired","renderFixedList","ref","rest","virtualizedRoot","string","arrayOf","oneOfType","node","bool","func","params","instanceOf","Object","name"],"sources":["../../../src/List/List.js"],"sourcesContent":["import React, { isValidElement, useEffect, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { FixedSizeList } from \"react-window\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport useSelectableList from \"./useSelectableList\";\n\nimport { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from \"..\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nconst HvList = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    multiSelect = false,\n    hasTooltips = false,\n    showSelectAll = false,\n    labels = DEFAULT_LABELS,\n    useSelector = false,\n    selectable = true,\n    singleSelectionToggle = true,\n    condensed = false,\n    onChange,\n    onClick,\n    values: valuesProp = [],\n    height,\n    virtualized = false,\n    ...others\n  } = props;\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = React.useRef(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(valuesProp, null, passedProps);\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(list, item, passedProps);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);\n    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) =>\n    isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={classes.selectAllSelector}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n        <ItemText />\n      </HvLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <HvListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={classes.item}\n        classes={{ selected: useSelector || multiSelect ? classes.itemSelector : \"\" }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={item.showNavIcon && <DropRightXS className={classes.box} iconSize=\"XS\" />}\n        {...otherProps}\n      >\n        {multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)}\n      </HvListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex || (!anySelected && index === 0) || (item.selected && !item.disabled) ? 0 : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  ListItem.propTypes = {\n    style: PropTypes.shape({\n      top: PropTypes.number.isRequired,\n      left: PropTypes.number.isRequired,\n      width: PropTypes.number.isRequired,\n    }).isRequired,\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, classes.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, classes.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <FixedSizeList\n          ref={listRef}\n          className={classes.virtualizedRoot}\n          height={height + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </FixedSizeList>\n      )}\n    </>\n  );\n};\n\nHvList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class in virtualized form.\n     */\n    virtualizedRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector.\n     */\n    selectorRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector label container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a selector.\n     */\n    itemSelector: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a link path.\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the select all selector.\n     */\n    selectAllSelector: PropTypes.string,\n  }).isRequired,\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n      path: PropTypes.string,\n      params: PropTypes.instanceOf(Object),\n    })\n  ).isRequired,\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    selectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If true renders list items with radio or checkbox selectors.\n   */\n  useSelector: PropTypes.bool,\n  /**\n   * Call back fired when list item is selected. Returns selection state.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Call back fired when list item is selected. Returns selected item.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If `true` the list items will show the selection state.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * If `true` the list will be rendered without vertical spacing.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(HvList);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["React","isValidElement","useEffect","forwardRef","useMemo","PropTypes","clsx","FixedSizeList","withStyles","DropRightXS","parseList","wrapperTooltip","useSelectableList","HvLink","HvCheckBox","HvListContainer","HvListItem","HvRadio","HvTypography","setId","styles","DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","listRef","useRef","passedProps","parsedList","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","selectAllSelector","renderItemText","ItemText","label","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","renderListItem","i","otherProps","startAdornment","undefined","itemSelector","showNavIcon","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","propTypes","shape","number","isRequired","renderFixedList","ref","rest","virtualizedRoot","string","arrayOf","oneOfType","node","bool","func","params","instanceOf","Object","name"],"sources":["../../../src/List/List.js"],"sourcesContent":["import React, { isValidElement, useEffect, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { FixedSizeList } from \"react-window\";\n\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport useSelectableList from \"./useSelectableList\";\nimport { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nconst HvList = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    multiSelect = false,\n    hasTooltips = false,\n    showSelectAll = false,\n    labels = DEFAULT_LABELS,\n    useSelector = false,\n    selectable = true,\n    singleSelectionToggle = true,\n    condensed = false,\n    onChange,\n    onClick,\n    values: valuesProp = [],\n    height,\n    virtualized = false,\n    ...others\n  } = props;\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = React.useRef(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(valuesProp, null, passedProps);\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(list, item, passedProps);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);\n    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) =>\n    isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={classes.selectAllSelector}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n        <ItemText />\n      </HvLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <HvListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={classes.item}\n        classes={{ selected: useSelector || multiSelect ? classes.itemSelector : \"\" }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={item.showNavIcon && <DropRightXS className={classes.box} iconSize=\"XS\" />}\n        {...otherProps}\n      >\n        {multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)}\n      </HvListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex || (!anySelected && index === 0) || (item.selected && !item.disabled) ? 0 : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  ListItem.propTypes = {\n    style: PropTypes.shape({\n      top: PropTypes.number.isRequired,\n      left: PropTypes.number.isRequired,\n      width: PropTypes.number.isRequired,\n    }).isRequired,\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, classes.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, classes.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <FixedSizeList\n          ref={listRef}\n          className={classes.virtualizedRoot}\n          height={height + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </FixedSizeList>\n      )}\n    </>\n  );\n};\n\nHvList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class in virtualized form.\n     */\n    virtualizedRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector.\n     */\n    selectorRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector label container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a selector.\n     */\n    itemSelector: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a link path.\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the select all selector.\n     */\n    selectAllSelector: PropTypes.string,\n  }).isRequired,\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n      path: PropTypes.string,\n      params: PropTypes.instanceOf(Object),\n    })\n  ).isRequired,\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    selectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If true renders list items with radio or checkbox selectors.\n   */\n  useSelector: PropTypes.bool,\n  /**\n   * Call back fired when list item is selected. Returns selection state.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Call back fired when list item is selected. Returns selected item.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If `true` the list items will show the selection state.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * If `true` the list will be rendered without vertical spacing.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(HvList);\n"],"mappings":"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"}

package/dist/modern/ListContainer/ListContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvListContainerClassKey = "root";
 

package/dist/modern/ListContainer/ListContainer.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "interactive", "condensed", "disableGutters", "children"];
+
+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, { useRef, useContext, useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import useForkRef from "../utils/useForkRef";
 import styles from "./styles";
 import HvListContext from "./ListContext";
@@ -14,6 +19,7 @@ import HvListContext from "./ListContext";
  * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 const HvListContainer = /*#__PURE__*/React.forwardRef((props, externalRef) => {
   const {
     id,
@@ -54,13 +60,16 @@ const HvListContainer = /*#__PURE__*/React.forwardRef((props, externalRef) => {
   };
 
   const handleRef = useForkRef(externalRef, containerRef);
-  return /*#__PURE__*/React.createElement(HvListContext.Provider, {
-    value: listContext
-  }, /*#__PURE__*/React.createElement("ul", _extends({
-    ref: handleRef,
-    id: id,
-    className: clsx(className, classes.root)
-  }, others), renderChildren()));
+  return /*#__PURE__*/_jsx(HvListContext.Provider, {
+    value: listContext,
+    children: /*#__PURE__*/_jsx("ul", _objectSpread(_objectSpread({
+      ref: handleRef,
+      id: id,
+      className: clsx(className, classes.root)
+    }, others), {}, {
+      children: renderChildren()
+    }))
+  });
 });
 process.env.NODE_ENV !== "production" ? HvListContainer.propTypes = {
   /**