@hitachivantara/uikit-react-lab 3.52.1 → 4.0.1-next.1

package/dist/ColorPicker/PresetColors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF;EAAxB,GACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;IAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;MAAEE,KAAK,EAAEF;IAAT,CAAvC,GAAqEA,gBADvE;IAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;IACA,oBACE;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,EAAEV,OAAO,CAACY;IAAlC,gBACE,6BAAC,cAAD,6BACMJ,CADN;MAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;MAGE,OAAO,EAAEX,WAHX;MAIE,UAAU,EAAE;QACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;MADC;IAJd,GADF,CADF;EAYD,CAhBA,CADH,CADF;AAqBD,CAlCM;;;AAoCP,wCAAAZ,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}
+{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF,MAAxB;IAAA,UACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;QAAEE,KAAK,EAAEF;MAAT,CAAvC,GAAqEA,gBADvE;MAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;MACA,oBACE;QAAe,SAAS,EAAEX,OAAO,CAACY,UAAlC;QAAA,uBACE,qBAAC,cAAD,kCACMJ,CADN;UAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;UAGE,OAAO,EAAEX,WAHX;UAIE,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;UADC;QAJd;MADF,GAAUC,GAAV,CADF;IAYD,CAhBA;EADH,EADF;AAqBD,CAlCM;;;AAoCP,wCAAAb,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}

package/dist/ColorPicker/PresetColors/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function () {
+var styles = (0, _styles.makeStyles)(function () {
   return {
     colors: {
       display: "flex",

package/dist/ColorPicker/PresetColors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}

package/dist/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { DrawerProps, StandardProps } from "@material-ui/core";
+import { DrawerProps, StandardProps } from "@mui/material";
 
 
 export type HvDrawerClassKey = "root" | "background" | "paper" | "closeButton";

package/dist/Drawer/Drawer.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 require("core-js/modules/es.string.anchor.js");
 
@@ -19,18 +33,26 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _Close;
 
 var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * The Drawer component provides a foundation to create a sliding pane.
  * It only provides the pane with a close button, the rest of the
@@ -50,13 +72,13 @@ var HvDrawer = function HvDrawer(_ref) {
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var closeButtonDisplay = function closeButtonDisplay() {
-    return _Close || (_Close = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
+    return _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
       role: "presentation"
     }));
   };
 
   var CloseButtonTooltipWrapper = buttonTitle ? (0, _uikitReactCore.withTooltip)(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
-  return /*#__PURE__*/_react.default.createElement(_core.Drawer, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Drawer, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(classes.root, className),
     id: id,
     anchor: anchor,
@@ -74,13 +96,16 @@ var HvDrawer = function HvDrawer(_ref) {
     onClose: function onClose(event, reason) {
       return _onClose(event, reason);
     }
-  }, others), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    id: (0, _uikitReactCore.setId)(id, "close"),
-    className: classes.closeButton,
-    category: "ghost",
-    onClick: _onClose,
-    "aria-label": buttonTitle
-  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children);
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+      id: (0, _uikitReactCore.setId)(id, "close"),
+      className: classes.closeButton,
+      category: "ghost",
+      onClick: _onClose,
+      "aria-label": buttonTitle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonTooltipWrapper, {})
+    }), children]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
@@ -149,7 +174,7 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   buttonTitle: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDrawer"
 })(HvDrawer);
 

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/Drawer/styles.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
-
-var _styles = require("@material-ui/core/styles");
+var _material = require("@mui/material");
 
 var styles = function styles(theme) {
   return {
     background: {
-      background: (0, _styles.alpha)((0, _core.hexToRgb)(theme.hv.palette.atmosphere.atmo4), 0.8)
+      background: (0, _material.alpha)((0, _material.hexToRgb)(theme.hv.palette.atmosphere.atmo4), 0.8)
     },
     paper: {
       background: "".concat(theme.hv.palette.atmosphere.atmo1),

package/dist/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,aAAA,EAAM,IAAAC,cAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,eAAA,EAAM,IAAAC,kBAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}

package/dist/InlineEditor/InlineEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import {
   HvBaseInputProps,
   HvButtonProps,

package/dist/InlineEditor/InlineEditor.js

@@ -31,8 +31,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -45,13 +43,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
 
@@ -102,7 +102,7 @@ var HvInlineEditor = function HvInlineEditor(props) {
       setCachedValue = _useState4[1];
 
   var inputRef = (0, _react.useRef)();
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var typographyStyles = theme.hv.typography[variant] || {};
   var lineHeight = typographyStyles.lineHeight;
   (0, _react.useLayoutEffect)(function () {
@@ -141,37 +141,42 @@ var HvInlineEditor = function HvInlineEditor(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, val);
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(className, classes.root)
-  }, editMode ? /*#__PURE__*/_react.default.createElement(InputComponent, (0, _extends2.default)({
-    inputRef: inputRef,
-    classes: {
-      root: classes.inputRoot,
-      input: classes.input,
-      inputBorderContainer: classes.inputBorderContainer
-    },
-    inputProps: {
-      style: _objectSpread(_objectSpread({}, typographyStyles), {}, {
-        height: InputComponent === _uikitReactCore.HvInput ? lineHeight : undefined
-      })
-    },
-    value: value,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown
-  }, others)) : /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, (0, _extends2.default)({
-    category: "ghost",
-    overrideIconColors: false,
-    className: (0, _clsx.default)(classes.button, parseInt(lineHeight, 10) >= 28 && classes.largeText),
-    onClick: handleClick
-  }, buttonProps), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, (0, _extends2.default)({
-    variant: variant,
-    className: (0, _clsx.default)(classes.text, !value && classes.textEmpty)
-  }, typographyProps), value || placeholder), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Edit, {
-    color: "atmo5",
-    role: "presentation",
-    className: (0, _clsx.default)(classes.icon, showIcon && classes.iconVisible)
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.default)(className, classes.root),
+    children: editMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread({
+      inputRef: inputRef,
+      classes: {
+        root: classes.inputRoot,
+        input: classes.input,
+        inputBorderContainer: classes.inputBorderContainer
+      },
+      inputProps: {
+        style: _objectSpread(_objectSpread({}, typographyStyles), {}, {
+          height: InputComponent === _uikitReactCore.HvInput ? lineHeight : undefined
+        })
+      },
+      value: value,
+      onBlur: handleBlur,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown
+    }, others)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvButton, _objectSpread(_objectSpread({
+      category: "ghost",
+      overrideIconColors: false,
+      className: (0, _clsx.default)(classes.button, parseInt(lineHeight, 10) >= 28 && classes.largeText),
+      onClick: handleClick
+    }, buttonProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, _objectSpread(_objectSpread({
+        variant: variant,
+        className: (0, _clsx.default)(classes.text, !value && classes.textEmpty)
+      }, typographyProps), {}, {
+        children: value || placeholder
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Edit, {
+        color: "atmo5",
+        role: "presentation",
+        className: (0, _clsx.default)(classes.icon, showIcon && classes.iconVisible)
+      })]
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
@@ -252,7 +257,7 @@ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
   typographyProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvInlineEditor"
 })(HvInlineEditor);
 

package/dist/InlineEditor/InlineEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n  HvButton,\n  HvInput,\n  HvTypography,\n  isKeypress,\n  KeyboardCodes,\n  useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n  const {\n    className,\n    classes,\n    value: valueProp,\n    defaultValue,\n    showIcon,\n    component: InputComponent = HvInput,\n    variant = \"normalText\",\n    placeholder = \"Enter text\",\n    onBlur,\n    onChange,\n    onKeyDown,\n    buttonProps,\n    typographyProps,\n    ...others\n  } = props;\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef();\n  const theme = useTheme();\n\n  const typographyStyles = theme.hv.typography[variant] || {};\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event);\n  };\n\n  const handleChange = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={clsx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          category=\"ghost\"\n          overrideIconColors={false}\n          className={clsx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            className={clsx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n          <Edit\n            color=\"atmo5\"\n            role=\"presentation\"\n            className={clsx(classes.icon, {\n              [classes.iconVisible]: showIcon,\n            })}\n          />\n        </HvButton>\n      )}\n    </div>\n  );\n};\n\nHvInlineEditor.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    root: PropTypes.string,\n    input: PropTypes.string,\n    inputRoot: PropTypes.string,\n    inputBorderContainer: PropTypes.string,\n    text: PropTypes.string,\n    textEmpty: PropTypes.string,\n    button: PropTypes.string,\n    icon: PropTypes.string,\n    iconVisible: PropTypes.string,\n    largeText: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the input element, for controlled usage.\n   */\n  value: PropTypes.string,\n  /**\n   * The default value of the input element, for uncontrolled usage.\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * Whether the Edit icon should always be visible\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n   */\n  component: PropTypes.elementType,\n  /**\n   * Variant of the HvTypography to display\n   */\n  variant: PropTypes.string,\n  /**\n   * The placeholder value of the HvTypography.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Called when the input is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Called when the input value is changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Called when a key is pressed on the input.\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Props passed to the HvButton component\n   */\n  buttonProps: PropTypes.instanceOf(Object),\n  /**\n   * Props passed to the HvTypography text component\n   */\n  typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}
+{"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n  HvButton,\n  HvInput,\n  HvTypography,\n  isKeypress,\n  KeyboardCodes,\n  useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n  const {\n    className,\n    classes,\n    value: valueProp,\n    defaultValue,\n    showIcon,\n    component: InputComponent = HvInput,\n    variant = \"normalText\",\n    placeholder = \"Enter text\",\n    onBlur,\n    onChange,\n    onKeyDown,\n    buttonProps,\n    typographyProps,\n    ...others\n  } = props;\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef();\n  const theme = useTheme();\n\n  const typographyStyles = theme.hv.typography[variant] || {};\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event);\n  };\n\n  const handleChange = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={clsx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          category=\"ghost\"\n          overrideIconColors={false}\n          className={clsx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            className={clsx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n          <Edit\n            color=\"atmo5\"\n            role=\"presentation\"\n            className={clsx(classes.icon, {\n              [classes.iconVisible]: showIcon,\n            })}\n          />\n        </HvButton>\n      )}\n    </div>\n  );\n};\n\nHvInlineEditor.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    root: PropTypes.string,\n    input: PropTypes.string,\n    inputRoot: PropTypes.string,\n    inputBorderContainer: PropTypes.string,\n    text: PropTypes.string,\n    textEmpty: PropTypes.string,\n    button: PropTypes.string,\n    icon: PropTypes.string,\n    iconVisible: PropTypes.string,\n    largeText: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the input element, for controlled usage.\n   */\n  value: PropTypes.string,\n  /**\n   * The default value of the input element, for uncontrolled usage.\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * Whether the Edit icon should always be visible\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n   */\n  component: PropTypes.elementType,\n  /**\n   * Variant of the HvTypography to display\n   */\n  variant: PropTypes.string,\n  /**\n   * The placeholder value of the HvTypography.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Called when the input is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Called when the input value is changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Called when a key is pressed on the input.\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Props passed to the HvButton component\n   */\n  buttonProps: PropTypes.instanceOf(Object),\n  /**\n   * Props passed to the HvTypography text component\n   */\n  typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}

package/dist/NavigationAnchors/NavigationAnchors.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvListContainerProps } from "@hitachivantara/uikit-react-core";
 
 interface Option {

package/dist/NavigationAnchors/NavigationAnchors.js

@@ -1,5 +1,17 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +20,6 @@ require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -29,7 +39,7 @@ require("core-js/modules/es.object.to-string.js");
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -41,20 +51,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _NavigationOption = _interopRequireDefault(require("./NavigationOption"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var RETRY_MAX = 5;
 
 var getScrollTop = function getScrollTop() {
@@ -283,22 +301,24 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
       return (0, _NavigationOption.default)(option.label);
     });
   }, [options]);
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvListContainer, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListContainer, _objectSpread(_objectSpread({
     interactive: true,
     className: (0, _clsx.default)(className, classes.root)
-  }, other), options.map(function (option, index) {
-    var NavOpt = navOptions[index];
-    return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvListItem, {
-      classes: {
-        selected: classes.listItemSelected,
-        gutters: classes.listItemGutters
-      },
-      key: option.key || option.label,
-      onClick: function onClick(event) {
-        return handleListItemClick(event, option.value, index);
-      },
-      selected: selectedIndex === index
-    }, /*#__PURE__*/_react.default.createElement(NavOpt, null));
+  }, other), {}, {
+    children: options.map(function (option, index) {
+      var NavOpt = navOptions[index];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListItem, {
+        classes: {
+          selected: classes.listItemSelected,
+          gutters: classes.listItemGutters
+        },
+        onClick: function onClick(event) {
+          return handleListItemClick(event, option.value, index);
+        },
+        selected: selectedIndex === index,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NavOpt, {})
+      }, option.key || option.label);
+    })
   }));
 };
 
@@ -342,7 +362,7 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
    *
    * @deprecated Currently does nothing. Style the component instead.
    */
-  floating: (0, _core.deprecatedPropType)(_propTypes.default.bool),
+  floating: (0, _material.deprecatedPropType)(_propTypes.default.bool),
 
   /**
    * Currently selected index passed from the parent.
@@ -366,7 +386,7 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
   offset: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNavigationAnchors"
 })(NavigationAnchors);