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

package/dist/BulkActions/BulkActions.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");
@@ -23,7 +33,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -35,20 +45,26 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _utils = require("../utils");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "className", "classes", "numTotal", "numSelected", "onSelectAll", "onSelectAllPages", "selectAllLabel", "selectAllConjunctionLabel", "selectAllPagesLabel", "showSelectAllPages", "semantic", "actions", "actionsCallback", "actionsDisabled", "maxVisibleActions", "checkboxProps"];
 
 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; }
+
 /**
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
@@ -88,60 +104,71 @@ var HvBulkActions = function HvBulkActions(props) {
   (0, _react.useEffect)(function () {
     setAnySelected(numSelected > 0);
   }, [numSelected]);
-
-  var selectAllLabelComponent = /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+  var selectAllLabelComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
     component: "span",
-    variant: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.disabled ? "disabledText" : "normalText"
-  }, !anySelected ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAllLabel), " (".concat(numTotal, ")")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, numSelected), " ".concat(selectAllConjunctionLabel, " ").concat(numTotal)));
-
-  var defaultSelectAllPagesLabel = /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    variant: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.disabled ? "disabledText" : "normalText",
+    children: !anySelected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: selectAllLabel
+      }), " (".concat(numTotal, ")")]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: numSelected
+      }), " ".concat(selectAllConjunctionLabel, " ").concat(numTotal)]
+    })
+  });
+  var defaultSelectAllPagesLabel = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
     style: {
       color: "inherit"
     },
     variant: "highlightText",
-    component: "span"
-  }, "Select all ".concat(numTotal, " items across all pages"));
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    component: "span",
+    children: "Select all ".concat(numTotal, " items across all pages")
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root, isSemantic && classes.semantic)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.selectAllContainer
-  }, /*#__PURE__*/_react.default.createElement(_.HvCheckBox, (0, _extends2.default)({
-    id: (0, _utils.setId)(id, "select"),
-    className: classes.selectAll,
-    checked: numSelected > 0,
-    semantic: isSemantic,
-    onChange: function onChange() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll.apply(void 0, args);
-    },
-    indeterminate: numSelected > 0 && numSelected < numTotal,
-    label: selectAllLabelComponent
-  }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/_react.default.createElement(_.HvButton, {
-    id: (0, _utils.setId)(id, "pages"),
-    className: classes.selectAllPages,
-    category: isSemantic ? "semantic" : "ghost",
-    onClick: function onClick() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages.apply(void 0, args);
-    }
-  }, selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel)), /*#__PURE__*/_react.default.createElement(_.HvActionsGeneric, {
-    id: (0, _utils.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__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.selectAllContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCheckBox, _objectSpread({
+        id: (0, _utils.setId)(id, "select"),
+        className: classes.selectAll,
+        checked: numSelected > 0,
+        semantic: isSemantic,
+        onChange: function onChange() {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll.apply(void 0, args);
+        },
+        indeterminate: numSelected > 0 && numSelected < numTotal,
+        label: selectAllLabelComponent
+      }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _utils.setId)(id, "pages"),
+        className: classes.selectAllPages,
+        category: isSemantic ? "semantic" : "ghost",
+        onClick: function onClick() {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+
+          return onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages.apply(void 0, args);
+        },
+        children: selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvActionsGeneric, {
+      id: (0, _utils.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
+    })]
   }));
 };
 
@@ -269,7 +296,7 @@ process.env.NODE_ENV !== "production" ? HvBulkActions.propTypes = {
   checkboxProps: _propTypes.default.object
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBulkActions"
 })(HvBulkActions);
 

package/dist/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","useState","anySelected","setAnySelected","isSemantic","useEffect","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","clsx","root","selectAllContainer","setId","selectAll","args","selectAllPages","propTypes","PropTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","withStyles","styles","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":["HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","useState","anySelected","setAnySelected","isSemantic","useEffect","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","clsx","root","selectAllContainer","setId","selectAll","args","selectAllPages","propTypes","PropTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","withStyles","styles","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/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/Button/Button.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,14 +31,22 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _materialConfigurarion = _interopRequireDefault(require("./materialConfigurarion"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _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) { (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 button refers to a graphical control element that provides the user with a simple way to trigger an event.
  */
@@ -44,7 +66,7 @@ var HvButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var category = categoryProp !== null && categoryProp !== void 0 ? categoryProp : icon ? "ghost" : "primary";
   var buttonConfiguration = (0, _materialConfigurarion.default)(classes, category);
-  return /*#__PURE__*/_react.default.createElement(_core.Button, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, icon && classes.icon, overrideIconColors && classes["".concat(category, "SVG")]),
     ref: ref,
     id: id,
@@ -58,7 +80,9 @@ var HvButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // not to be styled directly, only as helper in specific css queries
     ,
     focusVisibleClassName: (0, _clsx.default)("HvIsFocusVisible", classes.focusVisible)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 });
 
 process.env.NODE_ENV !== "production" ? HvButton.propTypes = {
@@ -175,7 +199,7 @@ process.env.NODE_ENV !== "production" ? HvButton.propTypes = {
   overrideIconColors: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvButton"
 })(HvButton);
 

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["HvButton","React","forwardRef","props","ref","id","classes","className","children","disabled","onClick","icon","categoryProp","category","startIcon","overrideIconColors","others","buttonConfiguration","getMaterialConfiguration","clsx","variant","color","focusVisible","propTypes","PropTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","withStyles","styles","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":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAChD,IACEC,EADF,GAYIF,KAZJ,CACEE,EADF;EAAA,IAEEC,OAFF,GAYIH,KAZJ,CAEEG,OAFF;EAAA,IAGEC,SAHF,GAYIJ,KAZJ,CAGEI,SAHF;EAAA,IAIEC,QAJF,GAYIL,KAZJ,CAIEK,QAJF;EAAA,IAKEC,QALF,GAYIN,KAZJ,CAKEM,QALF;EAAA,IAMEC,OANF,GAYIP,KAZJ,CAMEO,OANF;EAAA,kBAYIP,KAZJ,CAOEQ,IAPF;EAAA,IAOEA,IAPF,4BAOS,KAPT;EAAA,IAQYC,YARZ,GAYIT,KAZJ,CAQEU,QARF;EAAA,IASEC,SATF,GAYIX,KAZJ,CASEW,SATF;EAAA,4BAYIX,KAZJ,CAUEY,kBAVF;EAAA,IAUEA,kBAVF,sCAUuB,IAVvB;EAAA,IAWKC,MAXL,0CAYIb,KAZJ;EAaA,IAAMU,QAAQ,GAAGD,YAAH,aAAGA,YAAH,cAAGA,YAAH,GAAoBD,IAAI,GAAG,OAAH,GAAa,SAAnD;EACA,IAAMM,mBAAmB,GAAG,IAAAC,8BAAA,EAAyBZ,OAAzB,EAAkCO,QAAlC,CAA5B;EAEA,oBACE,6BAAC,YAAD;IACE,SAAS,EAAE,IAAAM,aAAA,EAAKZ,SAAL,EACOI,IADP,IACRL,OAAO,CAACK,IADA,EAEoBI,kBAFpB,IAERT,OAAO,WAAIO,QAAJ,SAFC,CADb;IAKE,GAAG,EAAET,GALP;IAME,EAAE,EAAEC,EANN;IAOE,OAAO,EAAEY,mBAAmB,CAACX,OAP/B;IAQE,OAAO,EAAEW,mBAAmB,CAACG,OAR/B;IASE,KAAK,EAAEH,mBAAmB,CAACI,KAT7B;IAUE,QAAQ,EAAEZ,QAVZ;IAWE,aAAa,MAXf;IAYE,OAAO,EAAEC,OAZX;IAaE,SAAS,EAAEI,SAbb,CAcE;IACA;IAfF;IAgBE,qBAAqB,EAAE,IAAAK,aAAA,EAAK,kBAAL,EAAyBb,OAAO,CAACgB,YAAjC;EAhBzB,GAiBMN,MAjBN,GAmBGR,QAnBH,CADF;AAuBD,CAxCgB,CAAjB;;AA0CA,wCAAAR,QAAQ,CAACuB,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,QAAQ,EAAEW,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,EAAqB,WAArB,EAAkC,UAAlC,CAAhB,CAJS;;EAKnB;AACF;AACA;EACEjB,QAAQ,EAAEgB,kBAAA,CAAUE,IAAV,CAAeC,UARN;;EASnB;AACF;AACA;AACA;EACErB,OAAO,EAAEkB,kBAAA,CAAUI,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,KAAK,EAAEL,kBAAA,CAAUM,MAJM;;IAKvB;AACJ;AACA;IACIC,aAAa,EAAEP,kBAAA,CAAUM,MARF;;IASvB;AACJ;AACA;IACIE,OAAO,EAAER,kBAAA,CAAUM,MAZI;;IAavB;AACJ;AACA;IACIG,eAAe,EAAET,kBAAA,CAAUM,MAhBJ;;IAiBvB;AACJ;AACA;IACII,IAAI,EAAEV,kBAAA,CAAUM,MApBO;;IAqBvB;AACJ;AACA;IACInB,IAAI,EAAEa,kBAAA,CAAUM,MAxBO;;IAyBvB;AACJ;AACA;IACIK,SAAS,EAAEX,kBAAA,CAAUM,MA5BE;;IA6BvB;AACJ;AACA;IACIM,iBAAiB,EAAEZ,kBAAA,CAAUM,MAhCN;;IAiCvB;AACJ;AACA;IACIO,QAAQ,EAAEb,kBAAA,CAAUM,MApCG;;IAqCvB;AACJ;AACA;IACIQ,gBAAgB,EAAEd,kBAAA,CAAUM,MAxCL;;IAyCvB;AACJ;AACA;IACIhB,SAAS,EAAEU,kBAAA,CAAUM,MA5CE;;IA6CvB;AACJ;AACA;IACIR,YAAY,EAAEE,kBAAA,CAAUM;EAhDD,CAAhB,CAbU;;EA+DnB;AACF;AACA;EACEvB,SAAS,EAAEiB,kBAAA,CAAUM,MAlEF;;EAmEnB;AACF;AACA;EACErB,QAAQ,EAAEe,kBAAA,CAAUe,IAtED;;EAuEnB;AACF;AACA;EACElC,EAAE,EAAEmB,kBAAA,CAAUM,MA1EK;;EA2EnB;AACF;AACA;AACA;EACEpB,OAAO,EAAEc,kBAAA,CAAUgB,IA/EA;;EAgFnB;AACF;AACA;EACE7B,IAAI,EAAEa,kBAAA,CAAUe,IAnFG;;EAoFnB;AACF;AACA;EACEzB,SAAS,EAAEU,kBAAA,CAAUE,IAvFF;;EAwFnB;AACF;AACA;EACEX,kBAAkB,EAAES,kBAAA,CAAUe;AA3FX,CAArB;;eA8Fe,IAAAE,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyC3C,QAAzC,C"}
+{"version":3,"file":"Button.js","names":["HvButton","React","forwardRef","props","ref","id","classes","className","children","disabled","onClick","icon","categoryProp","category","startIcon","overrideIconColors","others","buttonConfiguration","getMaterialConfiguration","clsx","variant","color","focusVisible","propTypes","PropTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","withStyles","styles","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/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/Calendar/Calendar.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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -29,11 +39,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _FormElement = require("../Forms/FormElement");
 
@@ -41,12 +51,18 @@ var _utils2 = require("./utils");
 
 var _SingleCalendar = _interopRequireDefault(require("./SingleCalendar"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var HvCalendar = function HvCalendar(_ref) {
   var classes = _ref.classes,
       id = _ref.id,
@@ -73,8 +89,7 @@ var HvCalendar = function HvCalendar(_ref) {
   var rangeMode = (0, _utils2.isRange)(localValue);
   var rightCalendarId = (0, _utils.setId)(localId, "single-calendar-right");
   var clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;
-
-  var singleCalendar = /*#__PURE__*/_react.default.createElement(_SingleCalendar.default, (0, _extends2.default)({
+  var singleCalendar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleCalendar.default, _objectSpread({
     id: localId,
     locale: locale,
     value: localValue,
@@ -88,47 +103,47 @@ var HvCalendar = function HvCalendar(_ref) {
     },
     onVisibleDateChange: _onVisibleDateChange
   }, others));
-
-  var rangeCalendar = /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.rangeCalendarContainer
-  }, /*#__PURE__*/_react.default.createElement(_SingleCalendar.default, (0, _extends2.default)({
-    className: classes.singleCalendar,
-    id: localId,
-    locale: locale,
-    value: localValue,
-    visibleMonth: clampedMonth,
-    visibleYear: visibleYear,
-    minimumDate: minimumDate,
-    maximumDate: maximumDate,
-    onChange: onChange,
-    onInputChange: function onInputChange(evt, date) {
-      return _onInputChange(evt, date, "left");
-    },
-    onVisibleDateChange: function onVisibleDateChange(event, action, index) {
-      return _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "left");
-    }
-  }, others)), /*#__PURE__*/_react.default.createElement(_SingleCalendar.default, (0, _extends2.default)({
-    className: classes.singleCalendar,
-    id: rightCalendarId,
-    locale: locale,
-    value: localValue,
-    visibleMonth: rightVisibleMonth,
-    visibleYear: rightVisibleYear,
-    minimumDate: minimumDate,
-    maximumDate: maximumDate,
-    onChange: onChange,
-    onInputChange: function onInputChange(evt, date) {
-      return _onInputChange(evt, date, "right");
-    },
-    onVisibleDateChange: function onVisibleDateChange(event, action, index) {
-      _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "right");
-    },
-    showEndDate: true
-  }, others)));
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, startAdornment, rangeMode ? rangeCalendar : singleCalendar);
+  var rangeCalendar = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.rangeCalendarContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleCalendar.default, _objectSpread({
+      className: classes.singleCalendar,
+      id: localId,
+      locale: locale,
+      value: localValue,
+      visibleMonth: clampedMonth,
+      visibleYear: visibleYear,
+      minimumDate: minimumDate,
+      maximumDate: maximumDate,
+      onChange: onChange,
+      onInputChange: function onInputChange(evt, date) {
+        return _onInputChange(evt, date, "left");
+      },
+      onVisibleDateChange: function onVisibleDateChange(event, action, index) {
+        return _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "left");
+      }
+    }, others)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleCalendar.default, _objectSpread({
+      className: classes.singleCalendar,
+      id: rightCalendarId,
+      locale: locale,
+      value: localValue,
+      visibleMonth: rightVisibleMonth,
+      visibleYear: rightVisibleYear,
+      minimumDate: minimumDate,
+      maximumDate: maximumDate,
+      onChange: onChange,
+      onInputChange: function onInputChange(evt, date) {
+        return _onInputChange(evt, date, "right");
+      },
+      onVisibleDateChange: function onVisibleDateChange(event, action, index) {
+        _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "right");
+      },
+      showEndDate: true
+    }, others))]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [startAdornment, rangeMode ? rangeCalendar : singleCalendar]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
@@ -210,7 +225,7 @@ process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
   startAdornment: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCalendar"
 })(HvCalendar);