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

package/dist/modern/ListContainer/ListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.js","names":["React","useRef","useContext","useMemo","PropTypes","clsx","withStyles","useForkRef","styles","HvListContext","HvListContainer","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../src/ListContainer/ListContainer.js"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,EAAoCC,OAApC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,aAAP,MAA0B,eAA1B;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,eAAe,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,WAAR,KAAwB;EAC/D,MAAM;IACJC,EADI;IAEJC,SAFI;IAGJC,OAHI;IAIJC,WAAW,GAAG,KAJV;IAKJC,SALI;IAMJC,cANI;IAOJC;EAPI,IASFR,KATJ;EAAA,MAQKS,MARL,4BASIT,KATJ;;EAWA,MAAMU,YAAY,GAAGrB,MAAM,CAAC,IAAD,CAA3B;EAEA,MAAM;IAAEsB,eAAF;IAAmBC,OAAO,GAAG,CAAC;EAA9B,IAAoCtB,UAAU,CAACO,aAAD,CAApD;EAEA,MAAMgB,WAAW,GAAGtB,OAAO,CACzB,OAAO;IACLoB,eAAe,EAAEA,eAAe,IAAID,YAD/B;IAELJ,SAFK;IAGLC,cAHK;IAILF,WAJK;IAKLO,OAAO,EAAEA,OAAO,GAAG;EALd,CAAP,CADyB,EAQzB,CAACN,SAAD,EAAYC,cAAZ,EAA4BF,WAA5B,EAAyCO,OAAzC,EAAkDD,eAAlD,CARyB,CAA3B;;EAWA,MAAMG,cAAc,GAAG,MAAM;IAC3B,IAAI,CAACT,WAAL,EAAkB;MAChB,OAAOG,QAAP;IACD;;IAED,MAAMO,WAAW,GAAG3B,KAAK,CAAC4B,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,EACjBU,GADiB,CACZC,KAAD,IAAWA,KAAK,CAACnB,KAAN,CAAYoB,QAAZ,IAAwB,CAACD,KAAK,CAACnB,KAAN,CAAYqB,QADnC,EAEjBC,MAFiB,CAEV,CAACC,MAAD,EAASH,QAAT,KAAsBG,MAAM,IAAIH,QAFtB,EAEgC,KAFhC,CAApB;IAIA,OAAOhC,KAAK,CAAC4B,QAAN,CAAeE,GAAf,CAAmBV,QAAnB,EAA6B,CAACW,KAAD,EAAQK,CAAR,KAAc;MAChD,MAAMC,QAAQ,GACZN,KAAK,CAACnB,KAAN,CAAYyB,QAAZ,IACC,CAACV,WAAD,IAAgBS,CAAC,KAAK,CADvB,IAECL,KAAK,CAACnB,KAAN,CAAYoB,QAAZ,IAAwB,CAACD,KAAK,CAACnB,KAAN,CAAYqB,QAFtC,GAGI,CAHJ,GAII,CAAC,CALP;MAOA,oBAAOjC,KAAK,CAACsC,YAAN,CAAmBP,KAAnB,EAA0B;QAC/BM;MAD+B,CAA1B,CAAP;IAGD,CAXM,CAAP;EAYD,CArBD;;EAuBA,MAAME,SAAS,GAAGhC,UAAU,CAACM,WAAD,EAAcS,YAAd,CAA5B;EAEA,oBACE,oBAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEG;EAA/B,gBACE;IAAI,GAAG,EAAEc,SAAT;IAAoB,EAAE,EAAEzB,EAAxB;IAA4B,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYC,OAAO,CAACwB,IAApB;EAA3C,GAA0EnB,MAA1E,GACGK,cAAc,EADjB,CADF,CADF;AAOD,CA3DuB,CAAxB;AA6DA,wCAAAhB,eAAe,CAAC+B,SAAhB,GAA4B;EAC1B;AACF;AACA;EACE3B,EAAE,EAAEV,SAAS,CAACsC,MAJY;;EAK1B;AACF;AACA;EACE3B,SAAS,EAAEX,SAAS,CAACsC,MARK;;EAS1B;AACF;AACA;EACE1B,OAAO,EAAEZ,SAAS,CAACuC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEpC,SAAS,CAACsC;EAJO,CAAhB,EAKNE,UAjBuB;;EAkB1B;AACF;AACA;AACA;EACE3B,WAAW,EAAEb,SAAS,CAACyC,IAtBG;;EAuB1B;AACF;AACA;EACE3B,SAAS,EAAEd,SAAS,CAACyC,IA1BK;;EA2B1B;AACF;AACA;EACE1B,cAAc,EAAEf,SAAS,CAACyC,IA9BA;;EA+B1B;AACF;AACA;EACEzB,QAAQ,EAAEhB,SAAS,CAAC0C;AAlCM,CAA5B;AAqCA,eAAexC,UAAU,CAACE,MAAD,EAAS;EAAEuC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDrC,eAAhD,CAAf"}
+{"version":3,"file":"ListContainer.js","names":["React","useRef","useContext","useMemo","PropTypes","clsx","withStyles","useForkRef","styles","HvListContext","HvListContainer","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../src/ListContainer/ListContainer.js"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,EAAoCC,OAApC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,aAAP,MAA0B,eAA1B;AAEA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,eAAe,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,WAAR,KAAwB;EAC/D,MAAM;IACJC,EADI;IAEJC,SAFI;IAGJC,OAHI;IAIJC,WAAW,GAAG,KAJV;IAKJC,SALI;IAMJC,cANI;IAOJC;EAPI,IASFR,KATJ;EAAA,MAQKS,MARL,4BASIT,KATJ;;EAWA,MAAMU,YAAY,GAAGrB,MAAM,CAAC,IAAD,CAA3B;EAEA,MAAM;IAAEsB,eAAF;IAAmBC,OAAO,GAAG,CAAC;EAA9B,IAAoCtB,UAAU,CAACO,aAAD,CAApD;EAEA,MAAMgB,WAAW,GAAGtB,OAAO,CACzB,OAAO;IACLoB,eAAe,EAAEA,eAAe,IAAID,YAD/B;IAELJ,SAFK;IAGLC,cAHK;IAILF,WAJK;IAKLO,OAAO,EAAEA,OAAO,GAAG;EALd,CAAP,CADyB,EAQzB,CAACN,SAAD,EAAYC,cAAZ,EAA4BF,WAA5B,EAAyCO,OAAzC,EAAkDD,eAAlD,CARyB,CAA3B;;EAWA,MAAMG,cAAc,GAAG,MAAM;IAC3B,IAAI,CAACT,WAAL,EAAkB;MAChB,OAAOG,QAAP;IACD;;IAED,MAAMO,WAAW,GAAG3B,KAAK,CAAC4B,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,EACjBU,GADiB,CACZC,KAAD,IAAWA,KAAK,CAACnB,KAAN,CAAYoB,QAAZ,IAAwB,CAACD,KAAK,CAACnB,KAAN,CAAYqB,QADnC,EAEjBC,MAFiB,CAEV,CAACC,MAAD,EAASH,QAAT,KAAsBG,MAAM,IAAIH,QAFtB,EAEgC,KAFhC,CAApB;IAIA,OAAOhC,KAAK,CAAC4B,QAAN,CAAeE,GAAf,CAAmBV,QAAnB,EAA6B,CAACW,KAAD,EAAQK,CAAR,KAAc;MAChD,MAAMC,QAAQ,GACZN,KAAK,CAACnB,KAAN,CAAYyB,QAAZ,IACC,CAACV,WAAD,IAAgBS,CAAC,KAAK,CADvB,IAECL,KAAK,CAACnB,KAAN,CAAYoB,QAAZ,IAAwB,CAACD,KAAK,CAACnB,KAAN,CAAYqB,QAFtC,GAGI,CAHJ,GAII,CAAC,CALP;MAOA,oBAAOjC,KAAK,CAACsC,YAAN,CAAmBP,KAAnB,EAA0B;QAC/BM;MAD+B,CAA1B,CAAP;IAGD,CAXM,CAAP;EAYD,CArBD;;EAuBA,MAAME,SAAS,GAAGhC,UAAU,CAACM,WAAD,EAAcS,YAAd,CAA5B;EAEA,oBACE,KAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEG,WAA/B;IAAA,uBACE;MAAI,GAAG,EAAEc,SAAT;MAAoB,EAAE,EAAEzB,EAAxB;MAA4B,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYC,OAAO,CAACwB,IAApB;IAA3C,GAA0EnB,MAA1E;MAAA,UACGK,cAAc;IADjB;EADF,EADF;AAOD,CA3DuB,CAAxB;AA6DA,wCAAAhB,eAAe,CAAC+B,SAAhB,GAA4B;EAC1B;AACF;AACA;EACE3B,EAAE,EAAEV,SAAS,CAACsC,MAJY;;EAK1B;AACF;AACA;EACE3B,SAAS,EAAEX,SAAS,CAACsC,MARK;;EAS1B;AACF;AACA;EACE1B,OAAO,EAAEZ,SAAS,CAACuC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEpC,SAAS,CAACsC;EAJO,CAAhB,EAKNE,UAjBuB;;EAkB1B;AACF;AACA;AACA;EACE3B,WAAW,EAAEb,SAAS,CAACyC,IAtBG;;EAuB1B;AACF;AACA;EACE3B,SAAS,EAAEd,SAAS,CAACyC,IA1BK;;EA2B1B;AACF;AACA;EACE1B,cAAc,EAAEf,SAAS,CAACyC,IA9BA;;EA+B1B;AACF;AACA;EACEzB,QAAQ,EAAEhB,SAAS,CAAC0C;AAlCM,CAA5B;AAqCA,eAAexC,UAAU,CAACE,MAAD,EAAS;EAAEuC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDrC,eAAhD,CAAf"}

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

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

package/dist/modern/ListContainer/ListItem/ListItem.js

@@ -1,15 +1,21 @@
-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", "role", "selected", "disabled", "interactive", "condensed", "disableGutters", "startAdornment", "endAdornment", "onClick", "children", "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; }
+
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React, { useCallback, 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 styles from "./styles";
 import Focus from "../../Focus";
 import HvListContext from "../ListContext";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {
   if (element != null) {
@@ -81,14 +87,18 @@ const HvListItem = props => {
     "aria-disabled": disabled || undefined,
     "aria-selected": selected
   } : {};
-  const listItem = /*#__PURE__*/React.createElement("li", _extends({
+
+  const listItem = /*#__PURE__*/_jsxs("li", _objectSpread(_objectSpread(_objectSpread({
     id: id,
     role: role,
     onClick: handleOnClick,
     onKeyDown: () => {},
     className: clsx(className, classes.root, !disableGutters && classes.gutters, condensed && classes.condensed, interactive && classes.interactive, selected && classes.selected, disabled && classes.disabled, startAdornment != null && classes.withStartAdornment, endAdornment != null && classes.withEndAdornment)
-  }, roleOptionAriaProps, others), clonedStartAdornment, children, clonedEndAdornment);
-  return interactive ? /*#__PURE__*/React.createElement(Focus, {
+  }, roleOptionAriaProps), others), {}, {
+    children: [clonedStartAdornment, children, clonedEndAdornment]
+  }));
+
+  return interactive ? /*#__PURE__*/_jsx(Focus, {
     rootRef: topContainerRef,
     selected: selected,
     disabledClass: disabled || undefined,
@@ -98,8 +108,9 @@ const HvListItem = props => {
     },
     configuration: {
       tabIndex
-    }
-  }, listItem) : listItem;
+    },
+    children: listItem
+  }) : listItem;
 };
 
 process.env.NODE_ENV !== "production" ? HvListItem.propTypes = {

package/dist/modern/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","useCallback","useContext","useMemo","PropTypes","clsx","withStyles","styles","Focus","HvListContext","applyClassNameAndStateToElement","element","selected","disabled","onClick","className","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","string","shape","isRequired","bool","node","func","number","name"],"sources":["../../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","names":["React","useCallback","useContext","useMemo","PropTypes","clsx","withStyles","styles","Focus","HvListContext","applyClassNameAndStateToElement","element","selected","disabled","onClick","className","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","string","shape","isRequired","bool","node","func","number","name"],"sources":["../../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}

package/dist/modern/Loading/Loading.d.ts

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

package/dist/modern/Loading/Loading.js

@@ -1,17 +1,25 @@
-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 = ["className", "classes", "small", "label", "hidden", "color"];
+
+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 range from "lodash/range";
-import { useTheme, withStyles } from "@material-ui/core";
+import { withStyles, useTheme } from "@mui/styles";
 import { HvTypography } from "..";
 import styles from "./styles";
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvLoading = _ref => {
   let {
     className,
@@ -33,17 +41,20 @@ const HvLoading = _ref => {
   const inline = {
     backgroundColor: getColor(small ? "acce1" : "acce3")
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, hidden && classes.hidden)
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.barContainer
-  }, range(0, 3).map(e => /*#__PURE__*/React.createElement("div", {
-    key: e,
-    style: inline,
-    className: clsx(classes.loadingBar, classes[variant])
-  }))), label && /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.label
-  }, label));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classes.barContainer,
+      children: range(0, 3).map(e => /*#__PURE__*/_jsx("div", {
+        style: inline,
+        className: clsx(classes.loadingBar, classes[variant])
+      }, e))
+    }), label && /*#__PURE__*/_jsx(HvTypography, {
+      className: classes.label,
+      children: label
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {

package/dist/modern/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","range","useTheme","withStyles","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}
+{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","range","withStyles","useTheme","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}

package/dist/modern/Login/Login.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvLoginClassKey = "container" | "item" | "formContainer";
 

package/dist/modern/Login/Login.js

@@ -1,15 +1,22 @@
-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", "children", "background"];
+
+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 clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 /**
  * Container layout for the login form.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvLogin = _ref => {
   let {
     id,
@@ -20,15 +27,18 @@ const HvLogin = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root),
     style: {
       backgroundImage: background && `url(${background})`
     }
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.formContainer
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.formContainer,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {

package/dist/modern/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,QAAiE;EAAA,IAAhE;IAAEC,EAAF;IAAMC,SAAN;IAAiBC,OAAjB;IAA0BC,QAA1B;IAAoCC;EAApC,CAAgE;EAAA,IAAbC,MAAa;;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAEL,IAAI,CAACM,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEH,UAAU,IAAK,OAAMA,UAAW;IAD5C;EAHT,GAMMC,MANN,gBAQE;IAAK,SAAS,EAAEH,OAAO,CAACM;EAAxB,GAAwCL,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEJ,SAAS,CAACc,MAJI;;EAKlB;AACF;AACA;EACET,SAAS,EAAEL,SAAS,CAACc,MARH;;EASlB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,aAAa,EAAEZ,SAAS,CAACc;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACER,UAAU,EAAER,SAAS,CAACc;AA7BJ,CAApB;AAgCA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf"}
+{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,OAAO,GAAG,QAAiE;EAAA,IAAhE;IAAEC,EAAF;IAAMC,SAAN;IAAiBC,OAAjB;IAA0BC,QAA1B;IAAoCC;EAApC,CAAgE;EAAA,IAAbC,MAAa;;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAEL,IAAI,CAACM,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEH,UAAU,IAAK,OAAMA,UAAW;IAD5C;EAHT,GAMMC,MANN;IAAA,uBAQE;MAAK,SAAS,EAAEH,OAAO,CAACM,aAAxB;MAAA,UAAwCL;IAAxC;EARF,GADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEJ,SAAS,CAACc,MAJI;;EAKlB;AACF;AACA;EACET,SAAS,EAAEL,SAAS,CAACc,MARH;;EASlB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,aAAa,EAAEZ,SAAS,CAACc;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACER,UAAU,EAAER,SAAS,CAACc;AA7BJ,CAApB;AAgCA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf"}

package/dist/modern/MultiButton/MultiButton.d.ts

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

package/dist/modern/MultiButton/MultiButton.js

@@ -1,15 +1,22 @@
-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 = ["className", "children", "classes", "disabled", "vertical", "category"];
+
+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, { cloneElement } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 /**
  * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvMultiButton = props => {
   const {
     className,
@@ -21,16 +28,18 @@ const HvMultiButton = props => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, vertical && classes.vertical)
-  }, others), React.Children.map(children, child => {
-    const childIsSelected = !!child.props.selected;
-    return /*#__PURE__*/cloneElement(child, {
-      category,
-      disabled: disabled || child.props.disabled,
-      className: clsx(child.props.className, classes.button, childIsSelected && classes.selected),
-      "aria-pressed": childIsSelected
-    });
+  }, others), {}, {
+    children: React.Children.map(children, child => {
+      const childIsSelected = !!child.props.selected;
+      return /*#__PURE__*/cloneElement(child, {
+        category,
+        disabled: disabled || child.props.disabled,
+        className: clsx(child.props.className, classes.button, childIsSelected && classes.selected),
+        "aria-pressed": childIsSelected
+      });
+    })
   }));
 };
 

package/dist/modern/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","names":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,SADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,QAAQ,GAAG,KAJP;IAKJC,QAAQ,GAAG,KALP;IAMJC,QAAQ,GAAG;EANP,IAQFN,KARJ;EAAA,MAOKO,MAPL,4BAQIP,KARJ;;EAUA,oBACE;IACE,SAAS,EAAEJ,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACK,IAApB,EACOH,QADP,IACZF,OAAO,CAACE,QADI;EADjB,GAIME,MAJN,GAMGd,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA8BS,KAAD,IAAW;IACvC,MAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAN,CAAYa,QAAtC;IAEA,oBAAOnB,YAAY,CAACiB,KAAD,EAAQ;MACzBL,QADyB;MAEzBF,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAN,CAAYI,QAFT;MAGzBH,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAN,CAAYC,SAAb,EAAwBE,OAAO,CAACW,MAAhC,EACOF,eADP,IACZT,OAAO,CAACU,QADI,CAHU;MAMzB,gBAAgBD;IANS,CAAR,CAAnB;EAQD,CAXA,CANH,CADF;AAqBD,CAhCD;;AAkCA,wCAAAb,aAAa,CAACgB,SAAd,GAA0B;EACxB;AACF;AACA;EACEd,SAAS,EAAEN,SAAS,CAACqB,MAJG;;EAKxB;AACF;AACA;EACEd,QAAQ,EAAEP,SAAS,CAACsB,IARI;;EASxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEb,SAAS,CAACqB,MAJO;;IAKvB;AACJ;AACA;IACIX,QAAQ,EAAEV,SAAS,CAACqB,MARG;;IASvB;AACJ;AACA;IACIF,MAAM,EAAEnB,SAAS,CAACqB,MAZK;;IAavB;AACJ;AACA;IACIH,QAAQ,EAAElB,SAAS,CAACqB;EAhBG,CAAhB,EAiBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEf,QAAQ,EAAET,SAAS,CAACyB,IAjCI;;EAkCxB;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACyB,IArCI;;EAsCxB;AACF;AACA;EACEd,QAAQ,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;AA4CA,eAAexB,UAAU,CAACC,MAAD,EAAS;EAAEwB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CvB,aAA9C,CAAf"}
+{"version":3,"file":"MultiButton.js","names":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,SADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,QAAQ,GAAG,KAJP;IAKJC,QAAQ,GAAG,KALP;IAMJC,QAAQ,GAAG;EANP,IAQFN,KARJ;EAAA,MAOKO,MAPL,4BAQIP,KARJ;;EAUA,oBACE;IACE,SAAS,EAAEJ,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACK,IAApB,EACOH,QADP,IACZF,OAAO,CAACE,QADI;EADjB,GAIME,MAJN;IAAA,UAMGd,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA8BS,KAAD,IAAW;MACvC,MAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAN,CAAYa,QAAtC;MAEA,oBAAOnB,YAAY,CAACiB,KAAD,EAAQ;QACzBL,QADyB;QAEzBF,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAN,CAAYI,QAFT;QAGzBH,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAN,CAAYC,SAAb,EAAwBE,OAAO,CAACW,MAAhC,EACOF,eADP,IACZT,OAAO,CAACU,QADI,CAHU;QAMzB,gBAAgBD;MANS,CAAR,CAAnB;IAQD,CAXA;EANH,GADF;AAqBD,CAhCD;;AAkCA,wCAAAb,aAAa,CAACgB,SAAd,GAA0B;EACxB;AACF;AACA;EACEd,SAAS,EAAEN,SAAS,CAACqB,MAJG;;EAKxB;AACF;AACA;EACEd,QAAQ,EAAEP,SAAS,CAACsB,IARI;;EASxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEb,SAAS,CAACqB,MAJO;;IAKvB;AACJ;AACA;IACIX,QAAQ,EAAEV,SAAS,CAACqB,MARG;;IASvB;AACJ;AACA;IACIF,MAAM,EAAEnB,SAAS,CAACqB,MAZK;;IAavB;AACJ;AACA;IACIH,QAAQ,EAAElB,SAAS,CAACqB;EAhBG,CAAhB,EAiBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEf,QAAQ,EAAET,SAAS,CAACyB,IAjCI;;EAkCxB;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACyB,IArCI;;EAsCxB;AACF;AACA;EACEd,QAAQ,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;AA4CA,eAAexB,UAAU,CAACC,MAAD,EAAS;EAAEwB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CvB,aAA9C,CAAf"}

package/dist/modern/OverflowTooltip/OverflowTooltip.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, TooltipProps } from "@material-ui/core";
+import { StandardProps, TooltipProps } from "@mui/material";
 
 export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph";
 

package/dist/modern/OverflowTooltip/OverflowTooltip.js

@@ -1,10 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+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; }
+
 import React, { useMemo } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import { useResizeDetector } from "react-resize-detector";
-import { createStyles, withStyles } from "@material-ui/core";
+import { withStyles, createStyles } from "@mui/styles";
 import { HvTooltip, HvTypography } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = createStyles({
   tooltipData: {},
   tooltipAnchor: {
@@ -52,20 +58,24 @@ const HvOverflowTooltip = ({
 
   const isOverflowing = scrollWidth - width >= 1;
   const isParag = useMemo(() => paragraphOverflow && isParagraph(data.toString()), [data, paragraphOverflow]);
-  const content = useMemo(() => /*#__PURE__*/React.createElement("div", {
+  const content = useMemo(() => /*#__PURE__*/_jsx("div", {
     ref: ref,
-    className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
-  }, data), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
-  return open || isOverflowing ? /*#__PURE__*/React.createElement(HvTooltip, _extends({
+    className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor),
+    children: data
+  }), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
+  return open || isOverflowing ? /*#__PURE__*/_jsx(HvTooltip, _objectSpread(_objectSpread({
     id: id,
     disableHoverListener: !isOverflowing,
     open: open,
     placement: placement,
-    title: /*#__PURE__*/React.createElement(HvTypography, {
+    title: /*#__PURE__*/_jsx(HvTypography, {
       className: classes.tooltipData,
-      variant: "normalText"
-    }, data)
-  }, tooltipsProps), content) : content;
+      variant: "normalText",
+      children: data
+    })
+  }, tooltipsProps), {}, {
+    children: content
+  })) : content;
 };
 
 process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {

package/dist/modern/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { createStyles, withStyles } from \"@material-ui/core\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}
+{"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","withStyles","createStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}

package/dist/modern/Pagination/ButtonIconTooltip.js

@@ -1,9 +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 = ["tooltip", "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 from "react";
 import { HvButton, HvTooltip, HvTypography } from ".."; // eslint-disable-next-line react/prop-types
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const ButtonIconTooltip = _ref => {
   let {
     tooltip,
@@ -11,11 +18,18 @@ const ButtonIconTooltip = _ref => {
   } = _ref,
       buttonProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(HvTooltip, {
-    title: /*#__PURE__*/React.createElement(HvTypography, null, tooltip)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvButton, _extends({
-    icon: true
-  }, buttonProps), children)));
+  return /*#__PURE__*/_jsx(HvTooltip, {
+    title: /*#__PURE__*/_jsx(HvTypography, {
+      children: tooltip
+    }),
+    children: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
+        icon: true
+      }, buttonProps), {}, {
+        children: children
+      }))
+    })
+  });
 };
 
 export default ButtonIconTooltip;

package/dist/modern/Pagination/ButtonIconTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTooltip.js","names":["React","HvButton","HvTooltip","HvTypography","ButtonIconTooltip","tooltip","children","buttonProps"],"sources":["../../../src/Pagination/ButtonIconTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { HvButton, HvTooltip, HvTypography } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => (\n  <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n    <div>\n      <HvButton icon {...buttonProps}>\n        {children}\n      </HvButton>\n    </div>\n  </HvTooltip>\n);\n\nexport default ButtonIconTooltip;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,YAA9B,QAAkD,IAAlD,C,CAEA;;AACA,MAAMC,iBAAiB,GAAG;EAAA,IAAC;IAAEC,OAAF;IAAWC;EAAX,CAAD;EAAA,IAAyBC,WAAzB;;EAAA,oBACxB,oBAAC,SAAD;IAAW,KAAK,eAAE,oBAAC,YAAD,QAAeF,OAAf;EAAlB,gBACE,8CACE,oBAAC,QAAD;IAAU,IAAI;EAAd,GAAmBE,WAAnB,GACGD,QADH,CADF,CADF,CADwB;AAAA,CAA1B;;AAUA,eAAeF,iBAAf"}
+{"version":3,"file":"ButtonIconTooltip.js","names":["React","HvButton","HvTooltip","HvTypography","ButtonIconTooltip","tooltip","children","buttonProps"],"sources":["../../../src/Pagination/ButtonIconTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { HvButton, HvTooltip, HvTypography } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => (\n  <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n    <div>\n      <HvButton icon {...buttonProps}>\n        {children}\n      </HvButton>\n    </div>\n  </HvTooltip>\n);\n\nexport default ButtonIconTooltip;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,YAA9B,QAAkD,IAAlD,C,CAEA;;;;AACA,MAAMC,iBAAiB,GAAG;EAAA,IAAC;IAAEC,OAAF;IAAWC;EAAX,CAAD;EAAA,IAAyBC,WAAzB;;EAAA,oBACxB,KAAC,SAAD;IAAW,KAAK,eAAE,KAAC,YAAD;MAAA,UAAeF;IAAf,EAAlB;IAAA,uBACE;MAAA,uBACE,KAAC,QAAD;QAAU,IAAI;MAAd,GAAmBE,WAAnB;QAAA,UACGD;MADH;IADF;EADF,EADwB;AAAA,CAA1B;;AAUA,eAAeF,iBAAf"}

package/dist/modern/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvInputProps } from "../Input";
 
 export interface PaginationLabelsProp {