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

package/dist/modern/BulkActions/BulkActions.js

@@ -1,11 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "numTotal", "numSelected", "onSelectAll", "onSelectAllPages", "selectAllLabel", "selectAllConjunctionLabel", "selectAllPagesLabel", "showSelectAllPages", "semantic", "actions", "actionsCallback", "actionsDisabled", "maxVisibleActions", "checkboxProps"];
+
+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, { useState, useEffect } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from "..";
 import styles from "./styles";
 import { setId } from "../utils";
@@ -14,6 +19,10 @@ import { setId } from "../utils";
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvBulkActions = props => {
   const {
     id,
@@ -41,45 +50,62 @@ const HvBulkActions = props => {
   useEffect(() => {
     setAnySelected(numSelected > 0);
   }, [numSelected]);
-  const selectAllLabelComponent = /*#__PURE__*/React.createElement(HvTypography, {
+
+  const selectAllLabelComponent = /*#__PURE__*/_jsx(HvTypography, {
     component: "span",
-    variant: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.disabled ? "disabledText" : "normalText"
-  }, !anySelected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAllLabel), ` (${numTotal})`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, numSelected), ` ${selectAllConjunctionLabel} ${numTotal}`));
-  const defaultSelectAllPagesLabel = /*#__PURE__*/React.createElement(HvTypography, {
+    variant: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.disabled ? "disabledText" : "normalText",
+    children: !anySelected ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("b", {
+        children: selectAllLabel
+      }), ` (${numTotal})`]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("b", {
+        children: numSelected
+      }), ` ${selectAllConjunctionLabel} ${numTotal}`]
+    })
+  });
+
+  const defaultSelectAllPagesLabel = /*#__PURE__*/_jsx(HvTypography, {
     style: {
       color: "inherit"
     },
     variant: "highlightText",
-    component: "span"
-  }, `Select all ${numTotal} items across all pages`);
-  return /*#__PURE__*/React.createElement("div", _extends({
+    component: "span",
+    children: `Select all ${numTotal} items across all pages`
+  });
+
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root, isSemantic && classes.semantic)
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.selectAllContainer
-  }, /*#__PURE__*/React.createElement(HvCheckBox, _extends({
-    id: setId(id, "select"),
-    className: classes.selectAll,
-    checked: numSelected > 0,
-    semantic: isSemantic,
-    onChange: (...args) => onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(...args),
-    indeterminate: numSelected > 0 && numSelected < numTotal,
-    label: selectAllLabelComponent
-  }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "pages"),
-    className: classes.selectAllPages,
-    category: isSemantic ? "semantic" : "ghost",
-    onClick: (...args) => onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages(...args)
-  }, selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel)), /*#__PURE__*/React.createElement(HvActionsGeneric, {
-    id: setId(id, "actions"),
-    classes: {
-      root: classes.actions
-    },
-    category: isSemantic ? "semantic" : "ghost",
-    actions: actions,
-    disabled: actionsDisabled !== null && actionsDisabled !== void 0 ? actionsDisabled : numSelected === 0,
-    actionsCallback: actionsCallback,
-    maxVisibleActions: maxVisibleActions
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: classes.selectAllContainer,
+      children: [/*#__PURE__*/_jsx(HvCheckBox, _objectSpread({
+        id: setId(id, "select"),
+        className: classes.selectAll,
+        checked: numSelected > 0,
+        semantic: isSemantic,
+        onChange: (...args) => onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(...args),
+        indeterminate: numSelected > 0 && numSelected < numTotal,
+        label: selectAllLabelComponent
+      }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "pages"),
+        className: classes.selectAllPages,
+        category: isSemantic ? "semantic" : "ghost",
+        onClick: (...args) => onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages(...args),
+        children: selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel
+      })]
+    }), /*#__PURE__*/_jsx(HvActionsGeneric, {
+      id: setId(id, "actions"),
+      classes: {
+        root: classes.actions
+      },
+      category: isSemantic ? "semantic" : "ghost",
+      actions: actions,
+      disabled: actionsDisabled !== null && actionsDisabled !== void 0 ? actionsDisabled : numSelected === 0,
+      actionsCallback: actionsCallback,
+      maxVisibleActions: maxVisibleActions
+    })]
   }));
 };
 

package/dist/modern/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["React","useState","useEffect","clsx","PropTypes","withStyles","HvActionsGeneric","HvButton","HvCheckBox","HvTypography","styles","setId","HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","anySelected","setAnySelected","isSemantic","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","root","selectAllContainer","selectAll","args","selectAllPages","propTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","name"],"sources":["../../../src/BulkActions/BulkActions.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n    selectAllPagesLabel,\n    showSelectAllPages = false,\n    semantic = true,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    checkboxProps,\n    ...others\n  } = props;\n  const [anySelected, setAnySelected] = useState(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      variant={checkboxProps?.disabled ? \"disabledText\" : \"normalText\"}\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  const defaultSelectAllPagesLabel = (\n    <HvTypography style={{ color: \"inherit\" }} variant=\"highlightText\" component=\"span\">\n      {`Select all ${numTotal} items across all pages`}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.semantic]: isSemantic,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={(...args) => onSelectAll?.(...args)}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={isSemantic ? \"semantic\" : \"ghost\"}\n            onClick={(...args) => onSelectAllPages?.(...args)}\n          >\n            {selectAllPagesLabel ?? defaultSelectAllPagesLabel}\n          </HvButton>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when semantic and there are selected elements.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The renderable content inside the right actions slot,\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   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\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   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(HvBulkActions);\n"],"mappings":"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"}
+{"version":3,"file":"BulkActions.js","names":["React","useState","useEffect","clsx","PropTypes","withStyles","HvActionsGeneric","HvButton","HvCheckBox","HvTypography","styles","setId","HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","anySelected","setAnySelected","isSemantic","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","root","selectAllContainer","selectAll","args","selectAllPages","propTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","name"],"sources":["../../../src/BulkActions/BulkActions.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n    selectAllPagesLabel,\n    showSelectAllPages = false,\n    semantic = true,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    checkboxProps,\n    ...others\n  } = props;\n  const [anySelected, setAnySelected] = useState(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      variant={checkboxProps?.disabled ? \"disabledText\" : \"normalText\"}\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  const defaultSelectAllPagesLabel = (\n    <HvTypography style={{ color: \"inherit\" }} variant=\"highlightText\" component=\"span\">\n      {`Select all ${numTotal} items across all pages`}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.semantic]: isSemantic,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={(...args) => onSelectAll?.(...args)}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={isSemantic ? \"semantic\" : \"ghost\"}\n            onClick={(...args) => onSelectAllPages?.(...args)}\n          >\n            {selectAllPagesLabel ?? defaultSelectAllPagesLabel}\n          </HvButton>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when semantic and there are selected elements.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The renderable content inside the right actions slot,\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   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\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   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(HvBulkActions);\n"],"mappings":"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"}

package/dist/modern/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, StandardProps } from "@material-ui/core";
+import { ButtonProps, StandardProps } from "@mui/material";
 
 export type HvButtonCategories = "primary" | "secondary" | "ghost" | "semantic";
 

package/dist/modern/Button/Button.js

@@ -1,16 +1,23 @@
-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", "children", "disabled", "onClick", "icon", "category", "startIcon", "overrideIconColors"];
+
+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 { Button, withStyles } from "@material-ui/core";
+import { Button } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import getMaterialConfiguration from "./materialConfigurarion";
 import styles from "./styles";
 /**
  * A button refers to a graphical control element that provides the user with a simple way to trigger an event.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 const HvButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     id,
@@ -28,7 +35,7 @@ const HvButton = /*#__PURE__*/React.forwardRef((props, ref) => {
 
   const category = categoryProp !== null && categoryProp !== void 0 ? categoryProp : icon ? "ghost" : "primary";
   const buttonConfiguration = getMaterialConfiguration(classes, category);
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
     className: clsx(className, icon && classes.icon, overrideIconColors && classes[`${category}SVG`]),
     ref: ref,
     id: id,
@@ -42,7 +49,9 @@ const HvButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     // not to be styled directly, only as helper in specific css queries
     ,
     focusVisibleClassName: clsx("HvIsFocusVisible", classes.focusVisible)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 });
 process.env.NODE_ENV !== "production" ? HvButton.propTypes = {
   /**

package/dist/modern/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","PropTypes","clsx","Button","withStyles","getMaterialConfiguration","styles","HvButton","forwardRef","props","ref","id","classes","className","children","disabled","onClick","icon","category","categoryProp","startIcon","overrideIconColors","others","buttonConfiguration","variant","color","focusVisible","propTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","name"],"sources":["../../../src/Button/Button.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Button, withStyles } from \"@material-ui/core\";\nimport getMaterialConfiguration from \"./materialConfigurarion\";\nimport styles from \"./styles\";\n\n/**\n * A button refers to a graphical control element that provides the user with a simple way to trigger an event.\n */\nconst HvButton = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    disabled,\n    onClick,\n    icon = false,\n    category: categoryProp,\n    startIcon,\n    overrideIconColors = true,\n    ...others\n  } = props;\n  const category = categoryProp ?? (icon ? \"ghost\" : \"primary\");\n  const buttonConfiguration = getMaterialConfiguration(classes, category);\n\n  return (\n    <Button\n      className={clsx(className, {\n        [classes.icon]: icon,\n        [classes[`${category}SVG`]]: overrideIconColors,\n      })}\n      ref={ref}\n      id={id}\n      classes={buttonConfiguration.classes}\n      variant={buttonConfiguration.variant}\n      color={buttonConfiguration.color}\n      disabled={disabled}\n      disableRipple\n      onClick={onClick}\n      startIcon={startIcon}\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    >\n      {children}\n    </Button>\n  );\n});\n\nHvButton.propTypes = {\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"primary\", \"secondary\", \"semantic\"]),\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the ghost button.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghost button when it is disabled.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the primary button.\n     */\n    primary: PropTypes.string,\n    /**\n     * Styles applied to the primary button when it is disabled.\n     */\n    primaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when category is icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the secondary button.\n     */\n    secondary: PropTypes.string,\n    /**\n     * Styles applied to the secondary button when it is disabled.\n     */\n    secondaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the semantic button.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the semantic button when it is disabled.\n     */\n    semanticDisabled: PropTypes.string,\n    /**\n     * Styles applied to the button's left icon.\n     */\n    startIcon: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The function executed when the button is pressed.\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the Button is an icon-only button.\n   */\n  icon: PropTypes.bool,\n  /**\n   * Element placed before the children.\n   */\n  startIcon: PropTypes.node,\n  /**\n   * Defines the default colors of the button are forced into the icon.\n   */\n  overrideIconColors: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvButton\" })(HvButton);\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","PropTypes","clsx","Button","withStyles","getMaterialConfiguration","styles","HvButton","forwardRef","props","ref","id","classes","className","children","disabled","onClick","icon","category","categoryProp","startIcon","overrideIconColors","others","buttonConfiguration","variant","color","focusVisible","propTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","name"],"sources":["../../../src/Button/Button.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Button } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport getMaterialConfiguration from \"./materialConfigurarion\";\nimport styles from \"./styles\";\n\n/**\n * A button refers to a graphical control element that provides the user with a simple way to trigger an event.\n */\nconst HvButton = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    disabled,\n    onClick,\n    icon = false,\n    category: categoryProp,\n    startIcon,\n    overrideIconColors = true,\n    ...others\n  } = props;\n  const category = categoryProp ?? (icon ? \"ghost\" : \"primary\");\n  const buttonConfiguration = getMaterialConfiguration(classes, category);\n\n  return (\n    <Button\n      className={clsx(className, {\n        [classes.icon]: icon,\n        [classes[`${category}SVG`]]: overrideIconColors,\n      })}\n      ref={ref}\n      id={id}\n      classes={buttonConfiguration.classes}\n      variant={buttonConfiguration.variant}\n      color={buttonConfiguration.color}\n      disabled={disabled}\n      disableRipple\n      onClick={onClick}\n      startIcon={startIcon}\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    >\n      {children}\n    </Button>\n  );\n});\n\nHvButton.propTypes = {\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"primary\", \"secondary\", \"semantic\"]),\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the ghost button.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghost button when it is disabled.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the primary button.\n     */\n    primary: PropTypes.string,\n    /**\n     * Styles applied to the primary button when it is disabled.\n     */\n    primaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when category is icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the secondary button.\n     */\n    secondary: PropTypes.string,\n    /**\n     * Styles applied to the secondary button when it is disabled.\n     */\n    secondaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the semantic button.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the semantic button when it is disabled.\n     */\n    semanticDisabled: PropTypes.string,\n    /**\n     * Styles applied to the button's left icon.\n     */\n    startIcon: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The function executed when the button is pressed.\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the Button is an icon-only button.\n   */\n  icon: PropTypes.bool,\n  /**\n   * Element placed before the children.\n   */\n  startIcon: PropTypes.node,\n  /**\n   * Defines the default colors of the button are forced into the icon.\n   */\n  overrideIconColors: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvButton\" })(HvButton);\n"],"mappings":"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"}

package/dist/modern/Calendar/Calendar.d.ts

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

package/dist/modern/Calendar/Calendar.js

@@ -1,14 +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", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
+
+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, { useContext } from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId } from "../utils";
 import styles from "./styles";
 import { HvFormElementContext, HvFormElementValueContext } from "../Forms/FormElement";
 import { isRange } from "./utils";
 import SingleCalendar from "./SingleCalendar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const HvCalendar = _ref => {
   let {
@@ -38,7 +45,8 @@ const HvCalendar = _ref => {
   const rangeMode = isRange(localValue);
   const rightCalendarId = setId(localId, "single-calendar-right");
   const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;
-  const singleCalendar = /*#__PURE__*/React.createElement(SingleCalendar, _extends({
+
+  const singleCalendar = /*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
     id: localId,
     locale: locale,
     value: localValue,
@@ -50,39 +58,43 @@ const HvCalendar = _ref => {
     onInputChange: (evt, date) => onInputChange(evt, date, "left"),
     onVisibleDateChange: onVisibleDateChange
   }, others));
-  const rangeCalendar = /*#__PURE__*/React.createElement("div", {
-    className: classes.rangeCalendarContainer
-  }, /*#__PURE__*/React.createElement(SingleCalendar, _extends({
-    className: classes.singleCalendar,
-    id: localId,
-    locale: locale,
-    value: localValue,
-    visibleMonth: clampedMonth,
-    visibleYear: visibleYear,
-    minimumDate: minimumDate,
-    maximumDate: maximumDate,
-    onChange: onChange,
-    onInputChange: (evt, date) => onInputChange(evt, date, "left"),
-    onVisibleDateChange: (event, action, index) => onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "left")
-  }, others)), /*#__PURE__*/React.createElement(SingleCalendar, _extends({
-    className: classes.singleCalendar,
-    id: rightCalendarId,
-    locale: locale,
-    value: localValue,
-    visibleMonth: rightVisibleMonth,
-    visibleYear: rightVisibleYear,
-    minimumDate: minimumDate,
-    maximumDate: maximumDate,
-    onChange: onChange,
-    onInputChange: (evt, date) => onInputChange(evt, date, "right"),
-    onVisibleDateChange: (event, action, index) => {
-      onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "right");
-    },
-    showEndDate: true
-  }, others)));
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.root
-  }, startAdornment, rangeMode ? rangeCalendar : singleCalendar);
+
+  const rangeCalendar = /*#__PURE__*/_jsxs("div", {
+    className: classes.rangeCalendarContainer,
+    children: [/*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
+      className: classes.singleCalendar,
+      id: localId,
+      locale: locale,
+      value: localValue,
+      visibleMonth: clampedMonth,
+      visibleYear: visibleYear,
+      minimumDate: minimumDate,
+      maximumDate: maximumDate,
+      onChange: onChange,
+      onInputChange: (evt, date) => onInputChange(evt, date, "left"),
+      onVisibleDateChange: (event, action, index) => onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "left")
+    }, others)), /*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
+      className: classes.singleCalendar,
+      id: rightCalendarId,
+      locale: locale,
+      value: localValue,
+      visibleMonth: rightVisibleMonth,
+      visibleYear: rightVisibleYear,
+      minimumDate: minimumDate,
+      maximumDate: maximumDate,
+      onChange: onChange,
+      onInputChange: (evt, date) => onInputChange(evt, date, "right"),
+      onVisibleDateChange: (event, action, index) => {
+        onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "right");
+      },
+      showEndDate: true
+    }, others))]
+  });
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes.root,
+    children: [startAdornment, rangeMode ? rangeCalendar : singleCalendar]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {

package/dist/modern/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.d.ts

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

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,9 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Info;
 
 const _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
+
+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, { useState, useEffect, useContext } from "react";
 import PropTypes from "prop-types";
@@ -14,12 +19,15 @@ import localizedFormat from "dayjs/plugin/localizedFormat";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId, isKeypress, KeyboardCodes } from "../../utils";
 import HvTypography from "../../Typography";
 import styles from "./styles";
 import { HvFormElementContext, HvFormElementValueContext, HvFormElementDescriptorsContext } from "../../Forms/FormElement";
 import { isRange, isSameDay, formatDMY } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 dayjs.extend(localeData);
 dayjs.extend(localizedFormat);
 dayjs.extend(customParseFormat);
@@ -133,40 +141,47 @@ const HvCalendarHeader = _ref => {
     setEditedValue(event.target.value);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    id: localId,
-    className: clsx(classes.root, !isValidValue && inputValue !== "" && classes.invalid)
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "normalText",
-    className: classes.headerDayOfWeek
-  }, weekdayDisplay || "\u00A0"), /*#__PURE__*/React.createElement("div", {
-    className: classes.headerDate
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "text",
-    id: setId(localId, "header-input"),
-    placeholder: localeFormat,
-    value: inputValue,
-    className: classes.input,
-    onBlur: onBlurHandler,
-    onFocus: onFocusHandler,
-    onChange: onChangeHandler,
-    onKeyDown: keyDownHandler,
-    "aria-labelledby": label === null || label === void 0 ? void 0 : (_label$ = label[0]) === null || _label$ === void 0 ? void 0 : _label$.id
-  }, others)))), !isValidValue && inputValue !== "" && /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: classes.inputBorderContainer
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 32
-    }
-  }, !isValidValue && inputValue !== "" && /*#__PURE__*/React.createElement(HvTypography, {
-    component: "span",
-    variant: "normalText",
-    className: classes.invalidMessageStyling
-  }, _Info || (_Info = /*#__PURE__*/React.createElement(Info, {
-    color: "acce3",
-    iconSize: "S"
-  })), "Invalid date")));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      id: localId,
+      className: clsx(classes.root, !isValidValue && inputValue !== "" && classes.invalid),
+      children: [/*#__PURE__*/_jsx(HvTypography, {
+        variant: "normalText",
+        className: classes.headerDayOfWeek,
+        children: weekdayDisplay || "\u00A0"
+      }), /*#__PURE__*/_jsx("div", {
+        className: classes.headerDate,
+        children: /*#__PURE__*/_jsx("input", _objectSpread({
+          type: "text",
+          id: setId(localId, "header-input"),
+          placeholder: localeFormat,
+          value: inputValue,
+          className: classes.input,
+          onBlur: onBlurHandler,
+          onFocus: onFocusHandler,
+          onChange: onChangeHandler,
+          onKeyDown: keyDownHandler,
+          "aria-labelledby": label === null || label === void 0 ? void 0 : (_label$ = label[0]) === null || _label$ === void 0 ? void 0 : _label$.id
+        }, others))
+      })]
+    }), !isValidValue && inputValue !== "" && /*#__PURE__*/_jsx("div", {
+      role: "presentation",
+      className: classes.inputBorderContainer
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        height: 32
+      },
+      children: !isValidValue && inputValue !== "" && /*#__PURE__*/_jsxs(HvTypography, {
+        component: "span",
+        variant: "normalText",
+        className: classes.invalidMessageStyling,
+        children: [_Info || (_Info = /*#__PURE__*/_jsx(Info, {
+          color: "acce3",
+          iconSize: "S"
+        })), "Invalid date"]
+      })
+    })]
+  });
 }; // TODO: refactor this out