@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvTypographyProps } from "../Typography";
 
 export type HvAccordionClassKey = "root" | "hidden" | "container" | "label" | "disabled";

package/dist/Accordion/Accordion.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 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");
@@ -21,7 +31,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"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -33,22 +43,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _utils = require("../utils");
 
 var _ = require("..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "className", "classes", "disabled", "label", "labelProps", "onChange", "children", "expanded", "headingLevel", "defaultExpanded", "containerProps"];
 
 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; }
+
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
@@ -117,8 +133,7 @@ var HvAccordion = function HvAccordion(_ref) {
   var accordionHeader = (0, _react.useMemo)(function () {
     var color = disabled && ["atmo5"] || undefined;
     var variantToApply = headingLevel === 1 || headingLevel === 2 ? "sectionTitle" : "highlightText";
-
-    var accordionButton = /*#__PURE__*/_react.default.createElement(_.HvTypography, (0, _extends2.default)({
+    var accordionButton = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvTypography, _objectSpread(_objectSpread({
       id: accordionHeaderId,
       component: "div",
       role: "button",
@@ -129,26 +144,32 @@ var HvAccordion = function HvAccordion(_ref) {
       variant: variantToApply,
       "aria-expanded": isOpen,
       "aria-disabled": disabled
-    }, labelProps), isOpen ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
-      color: color
-    }) : /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
-      color: color
-    }), label);
-
-    var result = headingLevel === undefined ? accordionButton : /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      component: "h".concat(headingLevel)
-    }, accordionButton);
+    }, labelProps), {}, {
+      children: [isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropUpXS, {
+        color: color
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropDownXS, {
+        color: color
+      }), label]
+    }));
+    var result = headingLevel === undefined ? accordionButton : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      component: "h".concat(headingLevel),
+      children: accordionButton
+    });
     return result;
   }, [classes, handleClick, handleKeyDown, label, labelProps, accordionHeaderId, disabled, headingLevel, isOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
-  }, others), accordionHeader, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    id: accordionContainer,
-    role: "region",
-    "aria-labelledby": accordionHeaderId,
-    className: (0, _clsx.default)(classes.container, !isOpen && classes.hidden)
-  }, containerProps), children));
+  }, others), {}, {
+    children: [accordionHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      id: accordionContainer,
+      role: "region",
+      "aria-labelledby": accordionHeaderId,
+      className: (0, _clsx.default)(classes.container, !isOpen && classes.hidden)
+    }, containerProps), {}, {
+      children: children
+    }))]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvAccordion.propTypes = {
@@ -238,7 +259,7 @@ process.env.NODE_ENV !== "production" ? HvAccordion.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAccordion"
 })(HvAccordion);
 

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["HvAccordion","id","className","classes","disabled","label","labelProps","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","useControlled","Boolean","isOpen","setIsOpen","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","variantToApply","accordionButton","clsx","result","root","container","hidden","propTypes","PropTypes","string","shape","isRequired","node","instanceOf","Object","func","bool","oneOf","withStyles","styles","name"],"sources":["../../src/Accordion/Accordion.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\nimport { setId, useControlled } from \"../utils\";\nimport { HvTypography } from \"..\";\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nconst HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  labelProps,\n  onChange = null,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const variantToApply =\n      headingLevel === 1 || headingLevel === 2 ? \"sectionTitle\" : \"highlightText\";\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(classes.label, {\n          [classes.disabled]: disabled,\n        })}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={variantToApply}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        {...labelProps}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`}>{accordionButton}</HvTypography>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    labelProps,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(classes.container, { [classes.hidden]: !isOpen })}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nHvAccordion.propTypes = {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the accordion.\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 of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the label button.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label button when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The accordion label button.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * An object containing props to be passed onto the accordion label button.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange: PropTypes.func,\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Is the accordion disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The content of the accordion.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAccordion\" })(HvAccordion);\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["HvAccordion","id","className","classes","disabled","label","labelProps","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","useControlled","Boolean","isOpen","setIsOpen","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","variantToApply","accordionButton","clsx","result","root","container","hidden","propTypes","PropTypes","string","shape","isRequired","node","instanceOf","Object","func","bool","oneOf","withStyles","styles","name"],"sources":["../../src/Accordion/Accordion.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\nimport { setId, useControlled } from \"../utils\";\nimport { HvTypography } from \"..\";\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nconst HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  labelProps,\n  onChange = null,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const variantToApply =\n      headingLevel === 1 || headingLevel === 2 ? \"sectionTitle\" : \"highlightText\";\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(classes.label, {\n          [classes.disabled]: disabled,\n        })}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={variantToApply}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        {...labelProps}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`}>{accordionButton}</HvTypography>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    labelProps,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(classes.container, { [classes.hidden]: !isOpen })}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nHvAccordion.propTypes = {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the accordion.\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 of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the label button.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label button when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The accordion label button.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * An object containing props to be passed onto the accordion label button.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange: PropTypes.func,\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Is the accordion disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The content of the accordion.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAccordion\" })(HvAccordion);\n"],"mappings":"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"}

package/dist/ActionBar/ActionBar.d.ts

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

package/dist/ActionBar/ActionBar.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"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,12 +31,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "id", "children"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (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; }
+
 /**
  * This component acts as a container for the Action Bar pattern.
  */
@@ -32,10 +52,12 @@ var HvActionBar = function HvActionBar(props) {
       id = props.id,
       children = props.children,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(classes.root, className)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvActionBar.propTypes = {
@@ -65,7 +87,7 @@ process.env.NODE_ENV !== "production" ? HvActionBar.propTypes = {
   children: _propTypes.default.node.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvActionBar"
 })(HvActionBar);
 

package/dist/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["HvActionBar","props","classes","className","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/ActionBar/ActionBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * This component acts as a container for the Action Bar pattern.\n */\nconst HvActionBar = (props) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvActionBar.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 component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content of the action container.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvActionBar\" })(HvActionBar);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;EAC7B,IAAQC,OAAR,GAAwDD,KAAxD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAwDF,KAAxD,CAAiBE,SAAjB;EAAA,IAA4BC,EAA5B,GAAwDH,KAAxD,CAA4BG,EAA5B;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,0CAAwDL,KAAxD;EAEA,oBACE;IAAK,EAAE,EAAEG,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,OAAO,CAACM,IAAb,EAAmBL,SAAnB;EAAxB,GAA2DG,MAA3D,GACGD,QADH,CADF;AAKD,CARD;;AAUA,wCAAAL,WAAW,CAACS,SAAZ,GAAwB;EACtB;AACF;AACA;EACEN,SAAS,EAAEO,kBAAA,CAAUC,MAJC;;EAKtB;AACF;AACA;EACEP,EAAE,EAAEM,kBAAA,CAAUC,MARQ;;EAStB;AACF;AACA;EACET,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAjBmB;;EAkBtB;AACF;AACA;EACER,QAAQ,EAAEK,kBAAA,CAAUI,IAAV,CAAeD;AArBH,CAAxB;;eAwBe,IAAAE,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CjB,WAA5C,C"}
+{"version":3,"file":"ActionBar.js","names":["HvActionBar","props","classes","className","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/ActionBar/ActionBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * This component acts as a container for the Action Bar pattern.\n */\nconst HvActionBar = (props) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvActionBar.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 component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content of the action container.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvActionBar\" })(HvActionBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;EAC7B,IAAQC,OAAR,GAAwDD,KAAxD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAwDF,KAAxD,CAAiBE,SAAjB;EAAA,IAA4BC,EAA5B,GAAwDH,KAAxD,CAA4BG,EAA5B;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,0CAAwDL,KAAxD;EAEA,oBACE;IAAK,EAAE,EAAEG,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,OAAO,CAACM,IAAb,EAAmBL,SAAnB;EAAxB,GAA2DG,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CARD;;AAUA,wCAAAL,WAAW,CAACS,SAAZ,GAAwB;EACtB;AACF;AACA;EACEN,SAAS,EAAEO,kBAAA,CAAUC,MAJC;;EAKtB;AACF;AACA;EACEP,EAAE,EAAEM,kBAAA,CAAUC,MARQ;;EAStB;AACF;AACA;EACET,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAjBmB;;EAkBtB;AACF;AACA;EACER,QAAQ,EAAEK,kBAAA,CAAUI,IAAV,CAAeD;AArBH,CAAxB;;eAwBe,IAAAE,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CjB,WAA5C,C"}

package/dist/ActionsGeneric/ActionsGeneric.d.ts

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

package/dist/ActionsGeneric/ActionsGeneric.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 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");
@@ -25,7 +35,7 @@ require("core-js/modules/es.array.slice.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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -33,7 +43,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -41,7 +51,9 @@ var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _ = require("..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "className", "category", "disabled", "actions", "actionsCallback", "maxVisibleActions"],
     _excluded2 = ["disabled", "icon", "label"];
@@ -50,6 +62,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ActionsGeneric = function ActionsGeneric(_ref) {
   var id = _ref.id,
       classes = _ref.classes,
@@ -75,9 +91,8 @@ var ActionsGeneric = function ActionsGeneric(_ref) {
     var renderedIcon = /*#__PURE__*/(0, _react.isValidElement)(icon) ? icon : icon === null || icon === void 0 ? void 0 : icon({
       isDisabled: disabled
     });
-    return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, _objectSpread(_objectSpread({
       id: actionId,
-      key: actionId || idx,
       category: category,
       className: classes.button,
       disabled: actDisabled !== null && actDisabled !== void 0 ? actDisabled : disabled,
@@ -85,7 +100,9 @@ var ActionsGeneric = function ActionsGeneric(_ref) {
         return actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action);
       },
       startIcon: renderedIcon
-    }, other), label);
+    }, other), {}, {
+      children: label
+    }), actionId || idx);
   };
 
   var renderActionsGrid = function renderActionsGrid() {
@@ -93,35 +110,39 @@ var ActionsGeneric = function ActionsGeneric(_ref) {
     var actsDropdown = actions.slice(maxVisibleActions);
     var semantic = category === "semantic";
     var iconColor = disabled && "atmo5" || semantic && "base2" || undefined;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, actsVisible.map(function (action, idx) {
-      return renderButton(action, idx);
-    }), /*#__PURE__*/_react.default.createElement(_.HvDropDownMenu, {
-      id: (0, _.setId)(id, "menu"),
-      disabled: disabled,
-      category: category,
-      classes: {
-        root: classes.dropDownMenu,
-        icon: classes.dropDownMenuButton,
-        iconSelected: classes.dropDownMenuButtonSelected
-      },
-      icon: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.MoreOptionsVertical, {
-        color: iconColor
-      }),
-      placement: "left",
-      onClick: function onClick(event, action) {
-        return actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action);
-      },
-      dataList: actsDropdown,
-      keepOpened: false,
-      disablePortal: false
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [actsVisible.map(function (action, idx) {
+        return renderButton(action, idx);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvDropDownMenu, {
+        id: (0, _.setId)(id, "menu"),
+        disabled: disabled,
+        category: category,
+        classes: {
+          root: classes.dropDownMenu,
+          icon: classes.dropDownMenuButton,
+          iconSelected: classes.dropDownMenuButtonSelected
+        },
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.MoreOptionsVertical, {
+          color: iconColor
+        }),
+        placement: "left",
+        onClick: function onClick(event, action) {
+          return actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action);
+        },
+        dataList: actsDropdown,
+        keepOpened: false,
+        disablePortal: false
+      })]
+    });
   };
 
   var actionOverflow = actions.length > maxVisibleActions;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, actionOverflow && classes.actionContainer)
-  }, others), actionOverflow ? renderActionsGrid() : actions.map(function (action, idx) {
-    return renderButton(action, idx);
+  }, others), {}, {
+    children: actionOverflow ? renderActionsGrid() : actions.map(function (action, idx) {
+      return renderButton(action, idx);
+    })
   }));
 };
 
@@ -203,7 +224,7 @@ process.env.NODE_ENV !== "production" ? ActionsGeneric.propTypes = {
   maxVisibleActions: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvActionsGeneric"
 })(ActionsGeneric);
 

package/dist/ActionsGeneric/ActionsGeneric.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.js","names":["ActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","icon","label","other","actionId","setId","renderedIcon","isDisabled","button","event","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","clsx","actionContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","oneOfType","node","arrayOf","func","number","withStyles","styles","name"],"sources":["../../src/ActionsGeneric/ActionsGeneric.js"],"sourcesContent":["import React, { isValidElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvDropDownMenu, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst ActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"ghost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}) => {\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action, idx) => {\n    const { disabled: actDisabled, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon) ? icon : icon?.({ isDisabled: disabled });\n\n    return (\n      <HvButton\n        id={actionId}\n        key={actionId || idx}\n        category={category}\n        className={classes.button}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id, action)}\n        startIcon={renderedIcon}\n        {...other}\n      >\n        {label}\n      </HvButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor = (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: classes.dropDownMenu,\n            icon: classes.dropDownMenuButton,\n            iconSelected: classes.dropDownMenuButtonSelected,\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) => actionsCallback?.(event, id, action)}\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.actionContainer]: actionOverflow,\n      })}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </div>\n  );\n};\n\nActionsGeneric.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 to the actions.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to element root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the visible buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the action container wrapper.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu component.\n     */\n    dropDownMenu: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component.\n     */\n    dropDownMenuButton: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component when it is selected.\n     */\n    dropDownMenuButtonSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Button category.\n   */\n  category: PropTypes.oneOf([\"primary\", \"secondary\", \"ghost\", \"semantic\"]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The renderable content inside the actions slot of the footer,\n   * or an Array of actions `{id, label, icon, disabled}`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvActionsGeneric\" })(ActionsGeneric);\n"],"mappings":"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"}
+{"version":3,"file":"ActionsGeneric.js","names":["ActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","icon","label","other","actionId","setId","renderedIcon","isDisabled","button","event","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","clsx","actionContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","oneOfType","node","arrayOf","func","number","withStyles","styles","name"],"sources":["../../src/ActionsGeneric/ActionsGeneric.js"],"sourcesContent":["import React, { isValidElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvDropDownMenu, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst ActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"ghost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}) => {\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action, idx) => {\n    const { disabled: actDisabled, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon) ? icon : icon?.({ isDisabled: disabled });\n\n    return (\n      <HvButton\n        id={actionId}\n        key={actionId || idx}\n        category={category}\n        className={classes.button}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id, action)}\n        startIcon={renderedIcon}\n        {...other}\n      >\n        {label}\n      </HvButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor = (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: classes.dropDownMenu,\n            icon: classes.dropDownMenuButton,\n            iconSelected: classes.dropDownMenuButtonSelected,\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) => actionsCallback?.(event, id, action)}\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.actionContainer]: actionOverflow,\n      })}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </div>\n  );\n};\n\nActionsGeneric.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 to the actions.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to element root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the visible buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the action container wrapper.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu component.\n     */\n    dropDownMenu: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component.\n     */\n    dropDownMenuButton: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component when it is selected.\n     */\n    dropDownMenuButtonSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Button category.\n   */\n  category: PropTypes.oneOf([\"primary\", \"secondary\", \"ghost\", \"semantic\"]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The renderable content inside the actions slot of the footer,\n   * or an Array of actions `{id, label, icon, disabled}`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvActionsGeneric\" })(ActionsGeneric);\n"],"mappings":"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"}

package/dist/AppSwitcher/Action/Action.d.ts

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