@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/modern/Dialog/DialogActions/DialogActions.js

@@ -1,11 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "children", "fullscreen"];
+
+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 { DialogActions, withStyles } from "@material-ui/core";
+import { DialogActions } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const HvDialogActions = props => {
   const {
@@ -16,13 +23,15 @@ const HvDialogActions = props => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(DialogActions, _extends({
+  return /*#__PURE__*/_jsx(DialogActions, _objectSpread(_objectSpread({
     classes: {
       root: clsx(classes.root, fullscreen && classes.fullscreen),
       spacing: classes.spacing
     },
     className: className
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {

package/dist/modern/Dialog/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\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     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAW;EACjC,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,QAAtB;IAAgCC,UAAU,GAAG;EAA7C,IAAkEJ,KAAxE;EAAA,MAA6DK,MAA7D,4BAAwEL,KAAxE;;EACA,oBACE,oBAAC,aAAD;IACE,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAT,EAAeF,UAAf,IAA6BH,OAAO,CAACG,UAArC,CADH;MAEPG,OAAO,EAAEN,OAAO,CAACM;IAFV,CADX;IAKE,SAAS,EAAEL;EALb,GAMMG,MANN,GAQGF,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACS,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAJK;;EAK1B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MARI;;IASvB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EAZC,CAAhB,EAaNE,UArBuB;;EAsB1B;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAV,CAAeD,UAzBC;;EA0B1B;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AA7BI,CAA5B;AAgCA,eAAehB,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDf,eAAhD,CAAf"}
+{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\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     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,QAA8B,eAA9B;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAW;EACjC,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,QAAtB;IAAgCC,UAAU,GAAG;EAA7C,IAAkEJ,KAAxE;EAAA,MAA6DK,MAA7D,4BAAwEL,KAAxE;;EACA,oBACE,KAAC,aAAD;IACE,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAT,EAAeF,UAAf,IAA6BH,OAAO,CAACG,UAArC,CADH;MAEPG,OAAO,EAAEN,OAAO,CAACM;IAFV,CADX;IAKE,SAAS,EAAEL;EALb,GAMMG,MANN;IAAA,UAQGF;EARH,GADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACS,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAJK;;EAK1B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MARI;;IASvB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EAZC,CAAhB,EAaNE,UArBuB;;EAsB1B;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAV,CAAeD,UAzBC;;EA0B1B;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AA7BI,CAA5B;AAgCA,eAAehB,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDf,eAAhD,CAAf"}

package/dist/modern/Dialog/DialogContent/DialogContent.d.ts

@@ -1,4 +1,4 @@
-import { DialogContentProps, StandardProps } from "@material-ui/core";
+import { DialogContentProps, StandardProps } from "@mui/material";
 
 export type HvDialogContentClassKey = "root" | "textContent";
 

package/dist/modern/Dialog/DialogContent/DialogContent.js

@@ -1,9 +1,11 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { DialogContent, withStyles } from "@material-ui/core";
+import { DialogContent } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import clsx from "clsx";
 import HvTypography from "../../Typography";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const HvDialogContent = ({
   classes,
@@ -11,10 +13,11 @@ const HvDialogContent = ({
   children,
   indentContent = false
 }) => {
-  return /*#__PURE__*/React.createElement(HvTypography, {
+  return /*#__PURE__*/_jsx(HvTypography, {
     component: DialogContent,
-    className: clsx(className, classes.root, indentContent && classes.textContent)
-  }, children);
+    className: clsx(className, classes.root, indentContent && classes.textContent),
+    children: children
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {

package/dist/modern/Dialog/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\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     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,OAAF;EAAWC,SAAX;EAAsBC,QAAtB;EAAgCC,aAAa,GAAG;AAAhD,CAAD,KAA6D;EACnF,oBACE,oBAAC,YAAD;IACE,SAAS,EAAET,aADb;IAEE,SAAS,EAAEE,IAAI,CAACK,SAAD,EAAYD,OAAO,CAACI,IAApB,EAAmDD,aAAnD,IAA6BH,OAAO,CAACK,WAArC;EAFjB,GAIGH,QAJH,CADF;AAQD,CATD;;AAWA,wCAAAH,eAAe,CAACO,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEL,SAAS,EAAER,SAAS,CAACc,MAJK;;EAK1B;AACF;AACA;EACEP,OAAO,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,WAAW,EAAEZ,SAAS,CAACc;EARA,CAAhB,EASNE,UAjBuB;;EAkB1B;AACF;AACA;EACEN,aAAa,EAAEV,SAAS,CAACiB,IArBC;;EAsB1B;AACF;AACA;EACER,QAAQ,EAAET,SAAS,CAACkB,IAAV,CAAeF;AAzBC,CAA5B;AA4BA,eAAed,UAAU,CAACG,MAAD,EAAS;EAAEc,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf"}
+{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\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     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,QAA8B,eAA9B;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,OAAF;EAAWC,SAAX;EAAsBC,QAAtB;EAAgCC,aAAa,GAAG;AAAhD,CAAD,KAA6D;EACnF,oBACE,KAAC,YAAD;IACE,SAAS,EAAET,aADb;IAEE,SAAS,EAAEE,IAAI,CAACK,SAAD,EAAYD,OAAO,CAACI,IAApB,EAAmDD,aAAnD,IAA6BH,OAAO,CAACK,WAArC,CAFjB;IAAA,UAIGH;EAJH,EADF;AAQD,CATD;;AAWA,wCAAAH,eAAe,CAACO,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEL,SAAS,EAAER,SAAS,CAACc,MAJK;;EAK1B;AACF;AACA;EACEP,OAAO,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,WAAW,EAAEZ,SAAS,CAACc;EARA,CAAhB,EASNE,UAjBuB;;EAkB1B;AACF;AACA;EACEN,aAAa,EAAEV,SAAS,CAACiB,IArBC;;EAsB1B;AACF;AACA;EACER,QAAQ,EAAET,SAAS,CAACkB,IAAV,CAAeF;AAzBC,CAA5B;AA4BA,eAAed,UAAU,CAACG,MAAD,EAAS;EAAEc,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf"}

package/dist/modern/Dialog/DialogTitle/DialogTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DialogTitleProps, StandardProps } from "@material-ui/core";
+import { DialogTitleProps, StandardProps } from "@mui/material";
 
 export type HvDialogTitleClassKey = "root" | "messageContainer" | "textWithIcon" | "icon";
 

package/dist/modern/Dialog/DialogTitle/DialogTitle.js

@@ -1,13 +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 = ["classes", "className", "children", "variant", "showIcon", "customIcon"];
+
+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 { DialogTitle, withStyles } from "@material-ui/core";
+import { DialogTitle } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import HvTypography from "../../Typography";
 import iconVariant from "../../utils/iconVariant";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const HvDialogTitle = _ref => {
   let {
@@ -28,16 +36,20 @@ const HvDialogTitle = _ref => {
 
   delete others.fullscreen;
   const icon = customIcon || showIcon && iconVariant(variant);
-  return /*#__PURE__*/React.createElement(DialogTitle, _extends({
-    className: clsx(classes.root, className, fullscreen && "fullscreen"),
-    disableTypography: true
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.messageContainer
-  }, icon, /*#__PURE__*/React.createElement("div", {
-    className: clsx(icon && classes.textWithIcon)
-  }, !isString && children, isString && /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "xxsTitle"
-  }, children))));
+  return /*#__PURE__*/_jsx(DialogTitle, _objectSpread(_objectSpread({
+    className: clsx(classes.root, className, fullscreen && "fullscreen")
+  }, others), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classes.messageContainer,
+      children: [icon, /*#__PURE__*/_jsxs("div", {
+        className: clsx(icon && classes.textWithIcon),
+        children: [!isString && children, isString && /*#__PURE__*/_jsx(HvTypography, {
+          variant: "xxsTitle",
+          children: children
+        })]
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogTitle.propTypes = {

package/dist/modern/Dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      disableTypography\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\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     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;IACrBC,OADqB;IAErBC,SAFqB;IAGrBC,QAHqB;IAIrBC,OAAO,GAAG,SAJW;IAKrBC,QAAQ,GAAG,IALU;IAMrBC,UAAU,GAAG;EANQ,CAQjB;EAAA,IADDC,MACC;;EACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;EACA,MAAM;IAAEM;EAAF,IAAiBF,MAAvB,CAFI,CAIJ;EACA;;EACA,OAAOA,MAAM,CAACE,UAAd;EAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;EAEA,oBACE,oBAAC,WAAD;IACE,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,EAA0BO,UAA1B,IAAuC,YAAvC,CADjB;IAEE,iBAAiB;EAFnB,GAGMF,MAHN,gBAKE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAxB,GACGF,IADH,eAEE;IAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ;EAApB,GACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAkCL,QAAlC,CAFf,CAFF,CALF,CADF;AAeD,CAjCD;;AAmCA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAJG;;EAKxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;IASvB;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;IAavB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;EAsCxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;EA0CxB;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf"}
+{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\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     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;IACrBC,OADqB;IAErBC,SAFqB;IAGrBC,QAHqB;IAIrBC,OAAO,GAAG,SAJW;IAKrBC,QAAQ,GAAG,IALU;IAMrBC,UAAU,GAAG;EANQ,CAQjB;EAAA,IADDC,MACC;;EACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;EACA,MAAM;IAAEM;EAAF,IAAiBF,MAAvB,CAFI,CAIJ;EACA;;EACA,OAAOA,MAAM,CAACE,UAAd;EAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;EAEA,oBACE,KAAC,WAAD;IACE,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,EAA0BO,UAA1B,IAAuC,YAAvC;EADjB,GAEMF,MAFN;IAAA,uBAIE;MAAK,SAAS,EAAEN,OAAO,CAACW,gBAAxB;MAAA,WACGF,IADH,eAEE;QAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ,CAApB;QAAA,WACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,KAAC,YAAD;UAAc,OAAO,EAAC,UAAtB;UAAA,UAAkCL;QAAlC,EAFf;MAAA,EAFF;IAAA;EAJF,GADF;AAcD,CAhCD;;AAkCA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAJG;;EAKxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;IASvB;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;IAavB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;EAsCxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;EA0CxB;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf"}

package/dist/modern/DotPagination/DotPagination.d.ts

@@ -0,0 +1,26 @@
+import { StandardProps } from "@mui/material";
+import { HvRadioGroupProps } from "..";
+
+export type HvDotPaginationClassKey = "root" | "horizontal" | "radioRoot";
+
+export interface HvDotPaginationProps
+  extends StandardProps<HvRadioGroupProps, HvDotPaginationClassKey> {
+  /**
+   *  The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page.
+   */
+  page?: number;
+  /**
+   * The callback fired when the page value changes.
+   */
+  onPageChange?: (event: Event, page: number) => void;
+  /**
+   * The callback fired to get the page aria label.
+   */
+  getItemAriaLabel?: (page: number) => string;
+}
+
+export default function HvDotPagination(props: HvDotPaginationProps): JSX.Element | null;

package/dist/modern/DotPagination/DotPagination.js

@@ -0,0 +1,125 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@mui/styles";
+import { CurrentStep, RadioButtonUnselected } from "@hitachivantara/uikit-react-icons";
+import { HvRadio, HvRadioGroup } from "..";
+import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const getSelectorIcons = (classes, options) => {
+  const {
+    disabled
+  } = options;
+  const color = disabled && ["atmo3", "atmo5"] || undefined;
+  const checkedColor = disabled && ["atmo3", "atmo5"] || undefined;
+  return {
+    radio: /*#__PURE__*/_jsx(RadioButtonUnselected, {
+      color: color,
+      className: classes.icon,
+      iconSize: "XS"
+    }),
+    radioChecked: /*#__PURE__*/_jsx(CurrentStep, {
+      color: checkedColor,
+      className: classes.icon,
+      iconSize: "XS"
+    })
+  };
+};
+/**
+ * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
+ * This component uses Radio Buttons to represent each page.
+ */
+
+const HvDotPagination = props => {
+  const {
+    className,
+    classes,
+    pages = 1,
+    page = 0,
+    onPageChange,
+    getItemAriaLabel
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const range = n => Array.from(Array(n), (v, i) => i);
+
+  const icons = getSelectorIcons(classes, {});
+  return /*#__PURE__*/_jsx(HvRadioGroup, _objectSpread(_objectSpread({
+    className: clsx(className, classes.root),
+    classes: {
+      horizontal: classes.horizontal
+    },
+    orientation: "horizontal"
+  }, others), {}, {
+    children: range(pages).map(i => /*#__PURE__*/_jsx(HvRadio, {
+      classes: {
+        root: classes.radioRoot
+      },
+      value: i,
+      checked: page === i,
+      onChange: event => onPageChange(event, i),
+      icon: icons.radio,
+      checkedIcon: icons.radioChecked,
+      "aria-label": getItemAriaLabel(i)
+    }, i))
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the radio button group to overrrite horizontal class margins.
+     */
+    horizontal: PropTypes.string,
+
+    /**
+     *  Styles applied to the radio root ( to override radio group horizontal )
+     */
+    radioRoot: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  The number of pages the component has.
+   */
+  pages: PropTypes.number,
+
+  /**
+   * The currently selected page.
+   */
+  page: PropTypes.number,
+
+  /**
+   * Function called when the page changes.
+   */
+  onPageChange: PropTypes.func,
+
+  /**
+   * Function called to get the respective aria label.
+   */
+  getItemAriaLabel: PropTypes.func
+} : void 0;
+export default withStyles(styles, {
+  name: "HvDotPagination"
+})(HvDotPagination);
+//# sourceMappingURL=DotPagination.js.map

package/dist/modern/DotPagination/DotPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.js","names":["React","PropTypes","clsx","withStyles","CurrentStep","RadioButtonUnselected","HvRadio","HvRadioGroup","styles","getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","root","horizontal","map","radioRoot","event","propTypes","string","shape","isRequired","number","func","name"],"sources":["../../../src/DotPagination/DotPagination.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvRadio, HvRadioGroup } from \"..\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <HvRadioGroup\n      className={clsx(className, classes.root)}\n      classes={{ horizontal: classes.horizontal }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <HvRadio\n          classes={{ root: classes.radioRoot }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel(i)}\n        />\n      ))}\n    </HvRadioGroup>\n  );\n};\n\nHvDotPagination.propTypes = {\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    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page.\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"mappings":"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"}

package/dist/modern/DotPagination/index.d.ts

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

package/dist/modern/DotPagination/index.js

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

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

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

package/dist/modern/DotPagination/styles.js

@@ -0,0 +1,16 @@
+const styles = () => ({
+  root: {
+    display: "flex",
+    justifyContent: "center"
+  },
+  horizontal: {
+    marginLeft: 0,
+    width: "auto"
+  },
+  radioRoot: {
+    marginLeft: "0"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/DotPagination/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","justifyContent","horizontal","marginLeft","width","radioRoot"],"sources":["../../../src/DotPagination/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  horizontal: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n\n  radioRoot: {\n    marginLeft: \"0\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,cAAc,EAAE;EAFZ,CADc;EAMpBC,UAAU,EAAE;IACVC,UAAU,EAAE,CADF;IAEVC,KAAK,EAAE;EAFG,CANQ;EAWpBC,SAAS,EAAE;IACTF,UAAU,EAAE;EADH;AAXS,CAAP,CAAf;;AAgBA,eAAeL,MAAf"}

package/dist/modern/DropDownMenu/DropDownMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconButtonProps, StandardProps } from "@material-ui/core";
+import { IconButtonProps, StandardProps } from "@mui/material";
 import { ListValueProp } from "../List";
 
 export type HvDropDownMenuClassKey =

package/dist/modern/DropDownMenu/DropDownMenu.js

@@ -1,12 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggle", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "defaultExpanded", "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 "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
-import { withStyles, useTheme } from "@material-ui/core";
+import { deprecatedPropType } from "@mui/material";
+import { withStyles, useTheme } from "@mui/styles";
 import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
 import { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from "../utils";
 import { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from "..";
@@ -16,6 +21,8 @@ import withId from "../withId";
  * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const DropDownMenu = _ref => {
   let {
     id,
@@ -66,17 +73,19 @@ const DropDownMenu = _ref => {
     containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$getElem = containerRef.getElementsByTagName("li")[0]) === null || _containerRef$getElem === void 0 ? void 0 : _containerRef$getElem.focus();
   };
 
-  const headerComponent = /*#__PURE__*/React.createElement(HvButton, {
+  const headerComponent = /*#__PURE__*/_jsx(HvButton, {
     icon: true,
     category: category,
     id: setId(id, "icon-button"),
     className: clsx(classes.icon, open && classes.iconSelected),
     "aria-expanded": open,
     disabled: disabled,
-    "aria-label": "Dropdown menu"
-  }, icon || /*#__PURE__*/React.createElement(MoreOptionsVertical, {
-    color: disabled ? "atmo5" : undefined
-  }));
+    "aria-label": "Dropdown menu",
+    children: icon || /*#__PURE__*/_jsx(MoreOptionsVertical, {
+      color: disabled ? "atmo5" : undefined
+    })
+  });
+
   const condensed = useMemo(() => dataList.every(el => !el.icon), [dataList]);
   const popperStyle = {
     style: {
@@ -84,7 +93,7 @@ const DropDownMenu = _ref => {
       width: null
     }
   };
-  return /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
+  return /*#__PURE__*/_jsx(HvBaseDropdown, _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.container),
     classes: {
@@ -106,20 +115,24 @@ const DropDownMenu = _ref => {
     disabled: disabled,
     onContainerCreation: setFocusToContent,
     popperProps: popperStyle
-  }, others), /*#__PURE__*/React.createElement(HvPanel, null, /*#__PURE__*/React.createElement(HvList, {
-    id: listId,
-    values: dataList,
-    selectable: false,
-    condensed: condensed,
-    onClick: (event, item) => {
-      if (!keepOpened) handleClose(event);
-      onClick === null || onClick === void 0 ? void 0 : onClick(event, item);
-    },
-    onKeyDown: handleKeyDown,
-    classes: {
-      root: classes.menuList
-    }
-  })));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(HvPanel, {
+      children: /*#__PURE__*/_jsx(HvList, {
+        id: listId,
+        values: dataList,
+        selectable: false,
+        condensed: condensed,
+        onClick: (event, item) => {
+          if (!keepOpened) handleClose(event);
+          onClick === null || onClick === void 0 ? void 0 : onClick(event, item);
+        },
+        onKeyDown: handleKeyDown,
+        classes: {
+          root: classes.menuList
+        }
+      })
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {

package/dist/modern/DropDownMenu/DropDownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.js","names":["React","useMemo","PropTypes","clsx","deprecatedPropType","withStyles","useTheme","MoreOptionsVertical","getPrevNextFocus","isKeypress","KeyboardCodes","useControlled","HvButton","HvList","HvPanel","HvBaseDropdown","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","Boolean","theme","focusNodes","listId","handleClose","event","handleKeyDown","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","iconSelected","undefined","condensed","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","name"],"sources":["../../../src/DropDownMenu/DropDownMenu.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from \"../utils\";\nimport { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from \"..\";\nimport styles from \"./styles\";\nimport withId from \"../withId\";\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  // eslint-disable-next-line\n  category,\n  ...others\n}) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const theme = useTheme();\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggleOpen?.(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <HvButton\n      icon\n      category={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(classes.icon, {\n        [classes.iconSelected]: open,\n      })}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </HvButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: { zIndex: theme.zIndex.tooltip, width: null },\n  };\n\n  return (\n    <HvBaseDropdown\n      id={id}\n      className={clsx(className, classes.container)}\n      classes={{ root: classes.root, container: classes.baseContainer }}\n      expanded={open && !disabled}\n      component={headerComponent}\n      aria-haspopup=\"menu\"\n      placement={placement}\n      variableWidth\n      disablePortal={disablePortal}\n      onToggle={(e, s) => {\n        // this will only run if uncontrolled\n        setOpen(s);\n        onToggleOpen?.(s);\n        onToggle?.(e, s);\n      }}\n      disabled={disabled}\n      onContainerCreation={setFocusToContent}\n      popperProps={popperStyle}\n      {...others}\n    >\n      <HvPanel>\n        <HvList\n          id={listId}\n          values={dataList}\n          selectable={false}\n          condensed={condensed}\n          onClick={(event, item) => {\n            if (!keepOpened) handleClose(event);\n            onClick?.(event, item);\n          }}\n          onKeyDown={handleKeyDown}\n          classes={{ root: classes.menuList }}\n        />\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nDropDownMenu.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     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the BaseDropdown container.\n     */\n    baseContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when selected.\n     */\n    iconSelected: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    menuList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.element,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggleOpen: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the onToggle prop which receives the event\"\n  ),\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Function executed in each onClick. Should received the clicked element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Keep the Dropdown Menu opened after clicking one option\n   */\n  keepOpened: PropTypes.bool,\n  /**\n   * Defines if the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If true it should be displayed open.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,kBAAP,MAA+B,4CAA/B;AACA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,mBAArC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,gBAAT,EAA2BC,UAA3B,EAAuCC,aAAvC,EAAsDC,aAAtD,QAA2E,UAA3E;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,cAApC,EAAoDC,KAApD,QAAiE,IAAjE;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AAEA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,QAkBf;EAAA,IAlBgB;IACpBC,EADoB;IAEpBC,OAFoB;IAGpBC,SAHoB;IAIpBC,IAJoB;IAKpBC,SAAS,GAAG,OALQ;IAMpBC,QANoB;IAOpBC,aAAa,GAAG,KAPI;IAQpBC,QARoB;IASpBC,YAToB;IAUpBC,OAVoB;IAWpBC,UAAU,GAAG,IAXO;IAYpBC,QAAQ,GAAG,KAZS;IAapBC,QAboB;IAcpBC,eAAe,GAAG,KAdE;IAepB;IACAC;EAhBoB,CAkBhB;EAAA,IADDC,MACC;;EACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB1B,aAAa,CAACqB,QAAD,EAAWM,OAAO,CAACL,eAAD,CAAlB,CAArC;EACA,MAAMM,KAAK,GAAGjC,QAAQ,EAAtB;EACA,MAAMkC,UAAU,GAAGhC,gBAAgB,CAACQ,KAAK,CAACI,EAAD,EAAK,aAAL,CAAN,CAAnC;EAEA,MAAMqB,MAAM,GAAGzB,KAAK,CAACI,EAAD,EAAK,MAAL,CAApB;;EAEA,MAAMsB,WAAW,GAAIC,KAAD,IAAW;IAC7B;IACAN,OAAO,CAAC,KAAD,CAAP;IACAT,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAG,KAAH,CAAZ;IACAD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgB,KAAH,EAAU,KAAV,CAAR;EACD,CALD,CAPI,CAcJ;;;EACA,MAAMC,aAAa,GAAID,KAAD,IAAW;IAC/B,IAAIlC,UAAU,CAACkC,KAAD,EAAQjC,aAAa,CAACmC,GAAtB,CAAd,EAA0C;MACxC,MAAMC,IAAI,GAAGH,KAAK,CAACI,QAAN,GAAiBP,UAAU,CAACQ,SAA5B,GAAwCR,UAAU,CAACS,SAAhE;MACA,IAAIH,IAAJ,EAAUI,UAAU,CAAC,MAAMJ,IAAI,CAACK,KAAL,EAAP,EAAqB,CAArB,CAAV;MACVT,WAAW,CAACC,KAAD,CAAX;IACD;;IACDA,KAAK,CAACS,cAAN;EACD,CAPD;;EASA,MAAMC,iBAAiB,GAAIC,YAAD,IAAkB;IAAA;;IAC1CA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,qCAAAA,YAAY,CAAEC,oBAAd,CAAmC,IAAnC,EAAyC,CAAzC,iFAA6CJ,KAA7C;EACD,CAFD;;EAIA,MAAMK,eAAe,gBACnB,oBAAC,QAAD;IACE,IAAI,MADN;IAEE,QAAQ,EAAEtB,QAFZ;IAGE,EAAE,EAAElB,KAAK,CAACI,EAAD,EAAK,aAAL,CAHX;IAIE,SAAS,EAAEjB,IAAI,CAACkB,OAAO,CAACE,IAAT,EACWa,IADX,IACZf,OAAO,CAACoC,YADI,CAJjB;IAOE,iBAAerB,IAPjB;IAQE,QAAQ,EAAEL,QARZ;IASE,cAAW;EATb,GAWGR,IAAI,iBAAI,oBAAC,mBAAD;IAAqB,KAAK,EAAEQ,QAAQ,GAAG,OAAH,GAAa2B;EAAjD,EAXX,CADF;EAgBA,MAAMC,SAAS,GAAG1D,OAAO,CAAC,MAAMwB,QAAQ,CAACmC,KAAT,CAAgBC,EAAD,IAAQ,CAACA,EAAE,CAACtC,IAA3B,CAAP,EAAyC,CAACE,QAAD,CAAzC,CAAzB;EACA,MAAMqC,WAAW,GAAG;IAClBC,KAAK,EAAE;MAAEC,MAAM,EAAEzB,KAAK,CAACyB,MAAN,CAAaC,OAAvB;MAAgCC,KAAK,EAAE;IAAvC;EADW,CAApB;EAIA,oBACE,oBAAC,cAAD;IACE,EAAE,EAAE9C,EADN;IAEE,SAAS,EAAEjB,IAAI,CAACmB,SAAD,EAAYD,OAAO,CAAC8C,SAApB,CAFjB;IAGE,OAAO,EAAE;MAAEC,IAAI,EAAE/C,OAAO,CAAC+C,IAAhB;MAAsBD,SAAS,EAAE9C,OAAO,CAACgD;IAAzC,CAHX;IAIE,QAAQ,EAAEjC,IAAI,IAAI,CAACL,QAJrB;IAKE,SAAS,EAAEyB,eALb;IAME,iBAAc,MANhB;IAOE,SAAS,EAAEhC,SAPb;IAQE,aAAa,MARf;IASE,aAAa,EAAEE,aATjB;IAUE,QAAQ,EAAE,CAAC4C,CAAD,EAAIC,CAAJ,KAAU;MAClB;MACAlC,OAAO,CAACkC,CAAD,CAAP;MACA3C,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAG2C,CAAH,CAAZ;MACA5C,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG2C,CAAH,EAAMC,CAAN,CAAR;IACD,CAfH;IAgBE,QAAQ,EAAExC,QAhBZ;IAiBE,mBAAmB,EAAEsB,iBAjBvB;IAkBE,WAAW,EAAES;EAlBf,GAmBM3B,MAnBN,gBAqBE,oBAAC,OAAD,qBACE,oBAAC,MAAD;IACE,EAAE,EAAEM,MADN;IAEE,MAAM,EAAEhB,QAFV;IAGE,UAAU,EAAE,KAHd;IAIE,SAAS,EAAEkC,SAJb;IAKE,OAAO,EAAE,CAAChB,KAAD,EAAQ6B,IAAR,KAAiB;MACxB,IAAI,CAAC1C,UAAL,EAAiBY,WAAW,CAACC,KAAD,CAAX;MACjBd,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGc,KAAH,EAAU6B,IAAV,CAAP;IACD,CARH;IASE,SAAS,EAAE5B,aATb;IAUE,OAAO,EAAE;MAAEwB,IAAI,EAAE/C,OAAO,CAACoD;IAAhB;EAVX,EADF,CArBF,CADF;AAsCD,CAzGD;;AA2GA,wCAAAtD,YAAY,CAACuD,SAAb,GAAyB;EACvB;AACF;AACA;EACEpD,SAAS,EAAEpB,SAAS,CAACyE,MAJE;;EAKvB;AACF;AACA;EACEvD,EAAE,EAAElB,SAAS,CAACyE,MARS;;EASvB;AACF;AACA;EACEtD,OAAO,EAAEnB,SAAS,CAAC0E,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAElE,SAAS,CAACyE,MAJO;;IAKvB;AACJ;AACA;IACIR,SAAS,EAAEjE,SAAS,CAACyE,MARE;;IASvB;AACJ;AACA;IACIN,aAAa,EAAEnE,SAAS,CAACyE,MAZF;;IAavB;AACJ;AACA;IACIpD,IAAI,EAAErB,SAAS,CAACyE,MAhBO;;IAiBvB;AACJ;AACA;IACIlB,YAAY,EAAEvD,SAAS,CAACyE,MApBD;;IAqBvB;AACJ;AACA;IACIF,QAAQ,EAAEvE,SAAS,CAACyE;EAxBG,CAAhB,EAyBNE,UArCoB;;EAsCvB;AACF;AACA;EACEtD,IAAI,EAAErB,SAAS,CAAC4E,OAzCO;;EA0CvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACErD,QAAQ,EAAEvB,SAAS,CAAC6E,OAAV,CACR7E,SAAS,CAAC0E,KAAV,CAAgB;IACdI,KAAK,EAAE9E,SAAS,CAAC4C,IAAV,CAAe+B,UADR;IAEdI,QAAQ,EAAE/E,SAAS,CAACgF,IAFN;IAGdnD,QAAQ,EAAE7B,SAAS,CAACgF,IAHN;IAId3D,IAAI,EAAErB,SAAS,CAACiF,SAAV,CAAoB,CAACjF,SAAS,CAACkF,IAAX,EAAiBlF,SAAS,CAAC4C,IAA3B,CAApB,CAJQ;IAKduC,WAAW,EAAEnF,SAAS,CAACgF;EALT,CAAhB,CADQ,EAQRL,UA3DqB;;EA4DvB;AACF;AACA;EACErD,SAAS,EAAEtB,SAAS,CAACoF,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CA/DY;;EAgEvB;AACF;AACA;EACE5D,aAAa,EAAExB,SAAS,CAACgF,IAnEF;;EAoEvB;AACF;AACA;EACEtD,YAAY,EAAExB,kBAAkB,CAC9BF,SAAS,CAACkF,IADoB,EAE9B,wDAF8B,CAvET;;EA2EvB;AACF;AACA;EACEzD,QAAQ,EAAEzB,SAAS,CAACkF,IA9EG;;EA+EvB;AACF;AACA;EACEvD,OAAO,EAAE3B,SAAS,CAACkF,IAlFI;;EAmFvB;AACF;AACA;EACEtD,UAAU,EAAE5B,SAAS,CAACgF,IAtFC;;EAuFvB;AACF;AACA;EACEnD,QAAQ,EAAE7B,SAAS,CAACgF,IA1FG;;EA2FvB;AACF;AACA;EACElD,QAAQ,EAAE9B,SAAS,CAACgF,IA9FG;;EA+FvB;AACF;AACA;EACEjD,eAAe,EAAE/B,SAAS,CAACgF;AAlGJ,CAAzB;AAqGA,eAAe7E,UAAU,CAACY,MAAD,EAAS;EAAEsE,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CrE,MAAM,CAACC,YAAD,CAArD,CAAf"}
+{"version":3,"file":"DropDownMenu.js","names":["React","useMemo","PropTypes","clsx","deprecatedPropType","withStyles","useTheme","MoreOptionsVertical","getPrevNextFocus","isKeypress","KeyboardCodes","useControlled","HvButton","HvList","HvPanel","HvBaseDropdown","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","Boolean","theme","focusNodes","listId","handleClose","event","handleKeyDown","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","iconSelected","undefined","condensed","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","name"],"sources":["../../../src/DropDownMenu/DropDownMenu.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\n\nimport { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from \"../utils\";\nimport { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from \"..\";\nimport styles from \"./styles\";\nimport withId from \"../withId\";\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  // eslint-disable-next-line\n  category,\n  ...others\n}) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const theme = useTheme();\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggleOpen?.(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <HvButton\n      icon\n      category={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(classes.icon, {\n        [classes.iconSelected]: open,\n      })}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </HvButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: { zIndex: theme.zIndex.tooltip, width: null },\n  };\n\n  return (\n    <HvBaseDropdown\n      id={id}\n      className={clsx(className, classes.container)}\n      classes={{ root: classes.root, container: classes.baseContainer }}\n      expanded={open && !disabled}\n      component={headerComponent}\n      aria-haspopup=\"menu\"\n      placement={placement}\n      variableWidth\n      disablePortal={disablePortal}\n      onToggle={(e, s) => {\n        // this will only run if uncontrolled\n        setOpen(s);\n        onToggleOpen?.(s);\n        onToggle?.(e, s);\n      }}\n      disabled={disabled}\n      onContainerCreation={setFocusToContent}\n      popperProps={popperStyle}\n      {...others}\n    >\n      <HvPanel>\n        <HvList\n          id={listId}\n          values={dataList}\n          selectable={false}\n          condensed={condensed}\n          onClick={(event, item) => {\n            if (!keepOpened) handleClose(event);\n            onClick?.(event, item);\n          }}\n          onKeyDown={handleKeyDown}\n          classes={{ root: classes.menuList }}\n        />\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nDropDownMenu.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     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the BaseDropdown container.\n     */\n    baseContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when selected.\n     */\n    iconSelected: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    menuList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.element,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggleOpen: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the onToggle prop which receives the event\"\n  ),\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Function executed in each onClick. Should received the clicked element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Keep the Dropdown Menu opened after clicking one option\n   */\n  keepOpened: PropTypes.bool,\n  /**\n   * Defines if the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If true it should be displayed open.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"mappings":"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"}

package/dist/modern/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
-import { StandardProps } from "@material-ui/core";
-import { PopperProps } from "@material-ui/core/Popper";
+import { StandardProps } from "@mui/material";
+import { PopperProps } from "@mui/material/Popper";
 import { ListLabelsProp, ListValueProp, HvListProps } from "../List";
 import { HvFormElementProps, HvBaseDropdownProps } from "..";