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

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -65,6 +65,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _ = require("../..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 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; }
@@ -103,9 +105,7 @@ var RightPanel = function RightPanel(_ref) {
       activeGroup = _useContext.activeGroup;
 
   var activeGroupOptions = (0, _react.useMemo)(function () {
-    var _filterOptions$active;
-
-    return (((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data) || []).map(function (option) {
+    return filterOptions[activeGroup].data.map(function (option) {
       return option.id;
     });
   }, [filterOptions, activeGroup]);
@@ -117,9 +117,7 @@ var RightPanel = function RightPanel(_ref) {
     });
   }, [filterValues, activeGroupOptions, activeGroup]);
   var listValues = (0, _react.useMemo)(function () {
-    var _filterOptions$active2;
-
-    return (((_filterOptions$active2 = filterOptions[activeGroup]) === null || _filterOptions$active2 === void 0 ? void 0 : _filterOptions$active2.data) || []).map(function (option) {
+    return filterOptions[activeGroup].data.map(function (option) {
       var _filterValues$activeG2;
 
       return _objectSpread(_objectSpread({}, option), {}, {
@@ -169,54 +167,64 @@ var RightPanel = function RightPanel(_ref) {
     var selectAll = labels.selectAll,
         multiSelectionConjunction = labels.multiSelectionConjunction;
     var nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
-
-    var defaultLabel = /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      component: "span"
-    }, nbrSelected > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, nbrSelected), " ".concat(multiSelectionConjunction, " ").concat(activeGroupOptions.length)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAll), " (".concat(activeGroupOptions.length, ")")));
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.selectAllContainer
-    }, /*#__PURE__*/_react.default.createElement(_.HvCheckBox, {
-      id: (0, _.setId)(id, "select-all"),
-      label: defaultLabel,
-      onChange: function onChange() {
-        return handleSelectAll();
-      },
-      classes: {
-        container: classes.selection
-      },
-      className: classes.selectAll,
-      indeterminate: anySelected && !allSelected,
-      checked: allSelected
-    }));
+    var defaultLabel = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      component: "span",
+      children: nbrSelected > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+          children: nbrSelected
+        }), " ".concat(multiSelectionConjunction, " ").concat(activeGroupOptions.length)]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+          children: selectAll
+        }), " (".concat(activeGroupOptions.length, ")")]
+      })
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.selectAllContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCheckBox, {
+        id: (0, _.setId)(id, "select-all"),
+        label: defaultLabel,
+        onChange: function onChange() {
+          return handleSelectAll();
+        },
+        classes: {
+          container: classes.selection
+        },
+        className: classes.selectAll,
+        indeterminate: anySelected && !allSelected,
+        checked: allSelected
+      })
+    });
   }, [activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length, activeGroupOptions.length, allSelected, anySelected, classes.selectAll, classes.selectAllContainer, classes.selection, handleSelectAll, id, labels]);
-  return /*#__PURE__*/_react.default.createElement(_.HvPanel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvPanel, {
     id: (0, _.setId)(id, "rightPanel"),
-    className: (0, _clsx.default)(className, classes.root)
-  }, listValues.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.HvInput, {
-    id: (0, _.setId)(id, "search"),
-    classes: {
-      root: classes.search
-    },
-    type: "search",
-    placeholder: labels.searchBoxPlaceholder,
-    value: searchStr,
-    onChange: function onChange(event, str) {
-      return setSearchStr(str);
-    }
-  }), /*#__PURE__*/_react.default.createElement(SelectAll, null), /*#__PURE__*/_react.default.createElement(_.HvList, {
-    key: activeGroup,
-    id: (0, _.setId)(id, "list"),
-    className: classes.list,
-    values: listValues,
-    multiSelect: true,
-    useSelector: true,
-    showSelectAll: false,
-    onChange: onChangeHandler,
-    selectable: true,
-    condensed: true,
-    hasTooltips: true
-  })) : emptyElement);
+    className: (0, _clsx.default)(className, classes.root),
+    children: listValues.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInput, {
+        id: (0, _.setId)(id, "search"),
+        classes: {
+          root: classes.search
+        },
+        type: "search",
+        placeholder: labels.searchBoxPlaceholder,
+        value: searchStr,
+        onChange: function onChange(event, str) {
+          return setSearchStr(str);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectAll, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvList, {
+        id: (0, _.setId)(id, "list"),
+        className: classes.list,
+        values: listValues,
+        multiSelect: true,
+        useSelector: true,
+        showSelectAll: false,
+        onChange: onChangeHandler,
+        selectable: true,
+        condensed: true,
+        hasTooltips: true
+      }, activeGroup)]
+    }) : emptyElement
+  });
 };
 
 process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {

package/dist/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","emptyElement","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","PropTypes","string","shape","node"],"sources":["../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => (filterOptions[activeGroup]?.data || []).map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      (filterOptions[activeGroup]?.data || []).map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      {listValues.length > 0 ? (\n        <>\n          <HvInput\n            id={setId(id, \"search\")}\n            classes={{\n              root: classes.search,\n            }}\n            type=\"search\"\n            placeholder={labels.searchBoxPlaceholder}\n            value={searchStr}\n            onChange={(event, str) => setSearchStr(str)}\n          />\n          <SelectAll />\n          <HvList\n            key={activeGroup}\n            id={setId(id, \"list\")}\n            className={classes.list}\n            values={listValues}\n            multiSelect\n            useSelector\n            showSelectAll={false}\n            onChange={onChangeHandler}\n            selectable\n            condensed\n            hasTooltips\n          />\n        </>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","emptyElement","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","PropTypes","string","shape","node"],"sources":["../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      {listValues.length > 0 ? (\n        <>\n          <HvInput\n            id={setId(id, \"search\")}\n            classes={{\n              root: classes.search,\n            }}\n            type=\"search\"\n            placeholder={labels.searchBoxPlaceholder}\n            value={searchStr}\n            onChange={(event, str) => setSearchStr(str)}\n          />\n          <SelectAll />\n          <HvList\n            key={activeGroup}\n            id={setId(id, \"list\")}\n            className={classes.list}\n            values={listValues}\n            multiSelect\n            useSelector\n            showSelectAll={false}\n            onChange={onChangeHandler}\n            selectable\n            condensed\n            hasTooltips\n          />\n        </>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/dist/FilterGroup/RightPanel/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function (theme) {
+var styles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {
       "& ul$list": {

package/dist/FilterGroup/RightPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","root","width","height","overflowY","margin","padding","search","marginBottom","hvSpacing","list","hiddenOption","display","selectAllContainer","position","zIndex","selectAll"],"sources":["../../../src/FilterGroup/RightPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    \"& ul$list\": {\n      width: \"calc(100% + 8px)\",\n      height: \"calc(100% - 70px)\",\n      overflowY: \"auto\",\n      margin: -4,\n      padding: 4,\n    },\n  },\n  search: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  list: {},\n  hiddenOption: {\n    display: \"none\",\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACpCC,IAAI,EAAE;MACJ,aAAa;QACXC,KAAK,EAAE,kBADI;QAEXC,MAAM,EAAE,mBAFG;QAGXC,SAAS,EAAE,MAHA;QAIXC,MAAM,EAAE,CAAC,CAJE;QAKXC,OAAO,EAAE;MALE;IADT,CAD8B;IAUpCC,MAAM,EAAE;MACNC,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;IADR,CAV4B;IAapCC,IAAI,EAAE,EAb8B;IAcpCC,YAAY,EAAE;MACZC,OAAO,EAAE;IADG,CAdsB;IAiBpCC,kBAAkB,EAAE;MAClB;MACA,KAAK;QACHC,QAAQ,EAAE,UADP;QAEHC,MAAM,EAAE;MAFL,CAFa;MAMlB,kBAAkB;QAChBA,MAAM,EAAE;MADQ,CANA;MASlB;MACA,kBAAkB;QAChBA,MAAM,EAAE;MADQ;IAVA,CAjBgB;IA+BpCC,SAAS,EAAE;MACTd,KAAK,EAAE;IADE;EA/ByB,CAAZ;AAAA,CAAX,CAAf;eAoCeJ,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","root","width","height","overflowY","margin","padding","search","marginBottom","hvSpacing","list","hiddenOption","display","selectAllContainer","position","zIndex","selectAll"],"sources":["../../../src/FilterGroup/RightPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    \"& ul$list\": {\n      width: \"calc(100% + 8px)\",\n      height: \"calc(100% - 70px)\",\n      overflowY: \"auto\",\n      margin: -4,\n      padding: 4,\n    },\n  },\n  search: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  list: {},\n  hiddenOption: {\n    display: \"none\",\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACpCC,IAAI,EAAE;MACJ,aAAa;QACXC,KAAK,EAAE,kBADI;QAEXC,MAAM,EAAE,mBAFG;QAGXC,SAAS,EAAE,MAHA;QAIXC,MAAM,EAAE,CAAC,CAJE;QAKXC,OAAO,EAAE;MALE;IADT,CAD8B;IAUpCC,MAAM,EAAE;MACNC,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;IADR,CAV4B;IAapCC,IAAI,EAAE,EAb8B;IAcpCC,YAAY,EAAE;MACZC,OAAO,EAAE;IADG,CAdsB;IAiBpCC,kBAAkB,EAAE;MAClB;MACA,KAAK;QACHC,QAAQ,EAAE,UADP;QAEHC,MAAM,EAAE;MAFL,CAFa;MAMlB,kBAAkB;QAChBA,MAAM,EAAE;MADQ,CANA;MASlB;MACA,kBAAkB;QAChBA,MAAM,EAAE;MADQ;IAVA,CAjBgB;IA+BpCC,SAAS,EAAE;MACTd,KAAK,EAAE;IADE;EA/ByB,CAAZ;AAAA,CAAX,CAAf;eAoCeJ,M"}

package/dist/FilterGroup/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function (theme) {
+var styles = (0, _styles.makeStyles)(function (theme) {
   return {
     dropdownPanel: {
       backgroundColor: theme.hv.palette.atmosphere.atmo1

package/dist/FilterGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","dropdownPanel","backgroundColor","hv","palette","atmosphere","atmo1","actionBar","width","labelContainer","display","alignItems","label","paddingBottom"],"sources":["../../src/FilterGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  dropdownPanel: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  actionBar: {\n    width: \"100%\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACpCC,aAAa,EAAE;MACbC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADhC,CADqB;IAIpCC,SAAS,EAAE;MACTC,KAAK,EAAE;IADE,CAJyB;IAOpCC,cAAc,EAAE;MACdC,OAAO,EAAE,MADK;MAEdC,UAAU,EAAE;IAFE,CAPoB;IAWpCC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELH,OAAO,EAAE;IAFJ;EAX6B,CAAZ;AAAA,CAAX,CAAf;eAiBeZ,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","dropdownPanel","backgroundColor","hv","palette","atmosphere","atmo1","actionBar","width","labelContainer","display","alignItems","label","paddingBottom"],"sources":["../../src/FilterGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  dropdownPanel: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  actionBar: {\n    width: \"100%\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACpCC,aAAa,EAAE;MACbC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADhC,CADqB;IAIpCC,SAAS,EAAE;MACTC,KAAK,EAAE;IADE,CAJyB;IAOpCC,cAAc,EAAE;MACdC,OAAO,EAAE,MADK;MAEdC,UAAU,EAAE;IAFE,CAPoB;IAWpCC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELH,OAAO,EAAE;IAFJ;EAX6B,CAAZ;AAAA,CAAX,CAAf;eAiBeZ,M"}

package/dist/Focus/Focus.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 

package/dist/Focus/Focus.js

@@ -47,7 +47,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
@@ -55,7 +55,9 @@ var _ConditionalWrapper = _interopRequireDefault(require("../utils/ConditionalWr
 
 var _utils2 = require("./utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 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); }
 
@@ -426,26 +428,28 @@ var Focus = function Focus(props) {
   if (disabled) return children;
 
   var focusWrapper = function focusWrapper(childrenToWrap) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.externalReference
-    }, childrenToWrap, showFocus && /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.falseFocus
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.externalReference,
+      children: [childrenToWrap, showFocus && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.falseFocus
+      })]
+    });
   };
 
-  return /*#__PURE__*/_react.default.createElement(_ConditionalWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.default, {
     condition: useFalseFocus,
-    wrapper: focusWrapper
-  }, /*#__PURE__*/_react.default.cloneElement(children, {
-    className: (0, _clsx.default)(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
-    ref: config,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseDown: onMouseDown,
-    onKeyDown: onKeyDown,
-    onKeyUp: onKeyUp,
-    selected: selected
-  }));
+    wrapper: focusWrapper,
+    children: /*#__PURE__*/_react.default.cloneElement(children, {
+      className: (0, _clsx.default)(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
+      ref: config,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onMouseDown: onMouseDown,
+      onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp,
+      selected: selected
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Focus.propTypes = {
@@ -556,7 +560,7 @@ process.env.NODE_ENV !== "production" ? Focus.propTypes = {
   navigationJump: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFocus"
 })(Focus);
 

package/dist/Focus/Focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.js","names":["Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","useState","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","KeyboardCodes","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","React","cloneElement","className","clsx","ref","propTypes","PropTypes","shape","string","focusGridDisabled","isRequired","refType","instanceOf","Object","bool","node","oneOf","number","withStyles","styles","name"],"sources":["../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isBrowser, refType } from \"../utils\";\nimport ConditionalWrapper from \"../utils/ConditionalWrapper\";\nimport { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from \"./utils\";\nimport styles from \"./styles\";\n\n/* eslint-disable no-param-reassign */\nconst Focus = (props) => {\n  const {\n    classes,\n    children,\n    configuration = {},\n    disabledClass = false,\n    selected = false,\n    disabled = false,\n    rootRef = {},\n    focusOnClick = false,\n    focusDisabled = true,\n    strategy = \"listbox\",\n    useFalseFocus = false,\n    filterClass,\n    navigationJump = 4,\n  } = props;\n  const [showFocus, setShowFocus] = useState(null);\n  const [childFocus, setChildFocus] = useState(null);\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n\n  const getFocuses = () =>\n    rootRef.current\n      ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root))\n      : [];\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) => focus.classList.contains(classes.selected));\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      evt.currentTarget.classList.add(classes.focused);\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes.focus.split(\" \").forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        element.classList.remove(classes.focused);\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes.focus.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = (evt) => {\n    setShowFocus(false);\n    removeFocusClass(evt);\n    onBlurStrategy(evt);\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass(evt);\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {\n    const { ArrowUp, ArrowDown, Home, End, ArrowLeft, ArrowRight, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case ArrowUp:\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowDown:\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case ArrowLeft:\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowRight:\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        evt.target.click();\n        break;\n      case ArrowUp:\n        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowDown:\n        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const { Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (!isOneOfKeys(evt, [SpaceBar, Enter]) || (childFocusIsInput && isKey(evt, Enter))) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) => isDisabledFocusable || !el.classList.contains(classes.disabled)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);\n      return;\n    }\n\n    // TODO add property for specifing the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: clsx(children.props.className, [classes.root, filterClass], {\n          [classes.selected]: selected,\n          [classes.disabled]: disabledClass,\n          [classes.focusDisabled]: focusDisabled,\n        }),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n\nFocus.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when component is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied when component is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to external reference.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Styles applied when using the false focus.\n     */\n    falseFocus: PropTypes.string,\n    /**\n     * Styles applied when focus disabled.\n     */\n    focusDisabled: PropTypes.string,\n    focusGridDisabled: PropTypes.string,\n    /**\n     * Styles applied when focus active.\n     */\n    focused: PropTypes.string,\n    /**\n     * Styles applied when focus customization is passed.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n  /**\n   * The reference to the root element to hold all Focus' context.\n   */\n  rootRef: refType,\n  /**\n   * Extra configuration for the child element.\n   */\n  configuration: PropTypes.instanceOf(Object),\n  /**\n   * Whether the focus is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Whether the focus is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Child node to set the focus.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Focus and navigation strategy to be used.\n   */\n  strategy: PropTypes.oneOf([\"listbox\", \"menu\", \"card\", \"grid\"]),\n  /**\n   * Show focus when click element.\n   */\n  focusOnClick: PropTypes.bool,\n  /**\n   * Show focus when click element.\n   */\n  focusDisabled: PropTypes.bool,\n  /**\n   * Indicates that the disabled class should be applied.\n   */\n  disabledClass: PropTypes.bool,\n  /**\n   * Uses an absolute positioned div as a focus.\n   */\n  useFalseFocus: PropTypes.bool,\n  /**\n   * Narrows the results of the focus to only theses class\n   */\n  filterClass: PropTypes.string,\n  /**\n   * How much the navigation will skip when using the arrows.\n   */\n  navigationJump: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvFocus\" })(Focus);\n"],"mappings":"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"}
+{"version":3,"file":"Focus.js","names":["Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","useState","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","KeyboardCodes","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","React","cloneElement","className","clsx","ref","propTypes","PropTypes","shape","string","focusGridDisabled","isRequired","refType","instanceOf","Object","bool","node","oneOf","number","withStyles","styles","name"],"sources":["../../src/Focus/Focus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isBrowser, refType } from \"../utils\";\nimport ConditionalWrapper from \"../utils/ConditionalWrapper\";\nimport { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from \"./utils\";\nimport styles from \"./styles\";\n\n/* eslint-disable no-param-reassign */\nconst Focus = (props) => {\n  const {\n    classes,\n    children,\n    configuration = {},\n    disabledClass = false,\n    selected = false,\n    disabled = false,\n    rootRef = {},\n    focusOnClick = false,\n    focusDisabled = true,\n    strategy = \"listbox\",\n    useFalseFocus = false,\n    filterClass,\n    navigationJump = 4,\n  } = props;\n  const [showFocus, setShowFocus] = useState(null);\n  const [childFocus, setChildFocus] = useState(null);\n  const [hasRunConfig, setHasRunConfig] = useState(false);\n\n  const getFocuses = () =>\n    rootRef.current\n      ? Array.from(rootRef.current.getElementsByClassName(filterClass || classes.root))\n      : [];\n\n  const setTabIndex = (el, tabIndex = 0) => {\n    const elChildFocus = getFocusableChildren(el)[0];\n    if (elChildFocus) {\n      el.tabIndex = -1;\n      elChildFocus.tabIndex = tabIndex;\n    } else {\n      el.tabIndex = tabIndex;\n    }\n  };\n\n  const setSelectedTabIndex = () => {\n    const focuses = getFocuses();\n    const firstSelected = focuses.find((focus) => focus.classList.contains(classes.selected));\n\n    if (!firstSelected) return;\n    focuses.forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(firstSelected, 0);\n  };\n\n  const clearTabSiblings = (el) => {\n    getFocuses().forEach((focus) => setTabIndex(focus, -1));\n    setTabIndex(el, 0);\n  };\n\n  const onFocusStrategy = (evt) => {\n    if (strategy === \"listbox\") {\n      clearTabSiblings(evt.currentTarget);\n    }\n  };\n\n  const onBlurStrategy = () => {\n    if (\n      strategy === \"listbox\" &&\n      rootRef.current &&\n      !rootRef.current.contains(document.activeElement)\n    ) {\n      setTimeout(() => {\n        setSelectedTabIndex();\n      }, 10);\n    }\n  };\n\n  const config = (el) => {\n    const { tabIndex } = configuration;\n    if (!el || hasRunConfig) return;\n    if (strategy === \"card\") {\n      setChildFocus(children);\n      return;\n    }\n\n    if (strategy === \"grid\") {\n      return;\n    }\n\n    const focusableChildren = getFocusableChildren(el);\n    if (focusableChildren.length) {\n      focusableChildren.forEach((child) => setTabIndex(child, -1));\n      setChildFocus(focusableChildren[0]);\n    }\n\n    if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n    setHasRunConfig(true);\n  };\n\n  const addFocusClass = (evt) => {\n    if (!useFalseFocus) {\n      evt.currentTarget.classList.add(classes.focused);\n      // add global class HvIsFocused as a marker\n      // not to be styled directly, only as helper in specific css queries\n      evt.currentTarget.classList.add(\"HvIsFocused\");\n      classes.focus.split(\" \").forEach((c) => evt.currentTarget.classList.add(c));\n    }\n  };\n\n  const removeFocusClass = () => {\n    if (!useFalseFocus) {\n      getFocuses().forEach((element) => {\n        element.classList.remove(classes.focused);\n        // remove the global class HvIsFocused\n        element.classList.remove(\"HvIsFocused\");\n        classes.focus.split(\" \").forEach((c) => element.classList.remove(c));\n      });\n    }\n  };\n\n  const onFocus = (evt) => {\n    addFocusClass(evt);\n    setShowFocus(true);\n    // give focus to child element if any focusable\n\n    if (childFocus && childFocus.focus) childFocus.focus();\n    onFocusStrategy(evt);\n  };\n\n  const onBlur = (evt) => {\n    setShowFocus(false);\n    removeFocusClass(evt);\n    onBlurStrategy(evt);\n  };\n\n  const onMouseDown = (evt) => {\n    const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n    if (strategy === \"grid\" && hasCard) return;\n\n    setFocusTo(evt.currentTarget);\n    setTabIndex(evt.currentTarget, 0);\n    // remove focus outline unless explicitly enabled\n    if (!focusOnClick) {\n      // TODO this piece of code works only because onMouseDown is happening after the focus event\n      // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n      removeFocusClass(evt);\n      setShowFocus(false);\n    }\n  };\n\n  const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n    if (focusesList?.includes(previousFocus)) {\n      setTabIndex(previousFocus, -1);\n    }\n    setTabIndex(nextFocus, 0);\n    setFocusTo(nextFocus);\n  };\n\n  const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n    right: (currentFocusIndex + 1) % jump === 0 || currentFocusIndex + 1 > listSize - 1,\n    left: currentFocusIndex % jump === 0,\n    up: currentFocusIndex - jump < 0,\n    down: currentFocusIndex + jump > listSize || currentFocusIndex + jump > listSize - 1,\n  });\n\n  const onGridKeyDownHandler = (evt, focuses, focusesList, currentFocusIndex, jump) => {\n    const { ArrowUp, ArrowDown, Home, End, ArrowLeft, ArrowRight, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    // except for Enter and SpaceBar\n    if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    const blockedKeys = getEnabledKeys(currentFocusIndex, jump, focusesList.length);\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        if (isBrowser(\"firefox\")) {\n          evt.target.click();\n        } else {\n          evt.currentTarget.click();\n        }\n        break;\n      case ArrowUp:\n        if (!blockedKeys.up) {\n          focusAndUpdateIndex(focuses.jump || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowDown:\n        if (!blockedKeys.down) {\n          focusAndUpdateIndex(focuses.fall || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case ArrowLeft:\n        if (!blockedKeys.left) {\n          focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        }\n        break;\n      case ArrowRight:\n        if (!blockedKeys.right) {\n          focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        }\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n    const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (\n      !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) ||\n      (childFocusIsInput && isKey(evt, Enter))\n    ) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    switch (evt.keyCode) {\n      case SpaceBar:\n      case Enter:\n        evt.target.click();\n        break;\n      case ArrowUp:\n        focusAndUpdateIndex(focuses.previous || focuses.last, evt.current, focusesList);\n        break;\n      case ArrowDown:\n        focusAndUpdateIndex(focuses.next || focuses.first, evt.current, focusesList);\n        break;\n      case Home:\n        focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n        break;\n      case End:\n        focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n        break;\n      default:\n    }\n  };\n\n  const onSingleHandler = (evt) => {\n    const { Enter, SpaceBar } = KeyboardCodes;\n    const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n    if (!isOneOfKeys(evt, [SpaceBar, Enter]) || (childFocusIsInput && isKey(evt, Enter))) {\n      // nothing to do\n      return;\n    }\n\n    // we'll do something with the key so prevent default and stop propagation\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    evt.currentTarget.click();\n  };\n\n  const onKeyDown = (evt) => {\n    if (rootRef.current == null) {\n      // operating outside of a composite widget\n      // nothing to manage, just style and trigger clicks\n      onSingleHandler(evt);\n      return;\n    }\n\n    // TODO keep the smart default, but allow to explictly override if disabled elements should be focusable\n    const isDisabledFocusable = strategy === \"menu\";\n    const focusesList = getFocuses().filter(\n      (el) => isDisabledFocusable || !el.classList.contains(classes.disabled)\n    );\n\n    const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n    const focuses = {\n      first: focusesList[0],\n      last: focusesList[focusesList.length - 1],\n      previous: focusesList[currentFocus - 1],\n      next: focusesList[currentFocus + 1],\n      fall: focusesList[currentFocus + navigationJump],\n      jump: focusesList[currentFocus - navigationJump],\n    };\n\n    if (strategy === \"grid\") {\n      onGridKeyDownHandler(evt, focuses, focusesList, currentFocus, navigationJump);\n      return;\n    }\n\n    // TODO add property for specifing the composite widget orientation\n    // TODO implement handler for horizontal orientation\n    onVerticalArrangementHandler(evt, focuses, focusesList);\n  };\n\n  const onKeyUp = (evt) => {\n    if (isBrowser(\"firefox\")) evt.preventDefault();\n  };\n\n  if (disabled) return children;\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {showFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n\n  return (\n    <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n      {React.cloneElement(children, {\n        className: clsx(children.props.className, [classes.root, filterClass], {\n          [classes.selected]: selected,\n          [classes.disabled]: disabledClass,\n          [classes.focusDisabled]: focusDisabled,\n        }),\n        ref: config,\n        onFocus,\n        onBlur,\n        onMouseDown,\n        onKeyDown,\n        onKeyUp,\n        selected,\n      })}\n    </ConditionalWrapper>\n  );\n};\n\nFocus.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when component is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied when component is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to external reference.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Styles applied when using the false focus.\n     */\n    falseFocus: PropTypes.string,\n    /**\n     * Styles applied when focus disabled.\n     */\n    focusDisabled: PropTypes.string,\n    focusGridDisabled: PropTypes.string,\n    /**\n     * Styles applied when focus active.\n     */\n    focused: PropTypes.string,\n    /**\n     * Styles applied when focus customization is passed.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n  /**\n   * The reference to the root element to hold all Focus' context.\n   */\n  rootRef: refType,\n  /**\n   * Extra configuration for the child element.\n   */\n  configuration: PropTypes.instanceOf(Object),\n  /**\n   * Whether the focus is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Whether the focus is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Child node to set the focus.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Focus and navigation strategy to be used.\n   */\n  strategy: PropTypes.oneOf([\"listbox\", \"menu\", \"card\", \"grid\"]),\n  /**\n   * Show focus when click element.\n   */\n  focusOnClick: PropTypes.bool,\n  /**\n   * Show focus when click element.\n   */\n  focusDisabled: PropTypes.bool,\n  /**\n   * Indicates that the disabled class should be applied.\n   */\n  disabledClass: PropTypes.bool,\n  /**\n   * Uses an absolute positioned div as a focus.\n   */\n  useFalseFocus: PropTypes.bool,\n  /**\n   * Narrows the results of the focus to only theses class\n   */\n  filterClass: PropTypes.string,\n  /**\n   * How much the navigation will skip when using the arrows.\n   */\n  navigationJump: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvFocus\" })(Focus);\n"],"mappings":"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"}

package/dist/Footer/Footer.d.ts

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

package/dist/Footer/Footer.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", {
@@ -9,7 +23,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -19,14 +33,20 @@ 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 _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "name", "copyright", "links"];
 
+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 Footer is a way of providing extra information at the end of a page.
  */
@@ -39,18 +59,23 @@ var HvFooter = function HvFooter(props) {
       copyright = _props$copyright === void 0 ? "\xA9 Hitachi Vantara Corporation ".concat(new Date().getFullYear(), ". All Rights Reserved.") : _props$copyright,
       links = props.links,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("footer", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("footer", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root)
-  }, others), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    variant: "highlightText",
-    className: classes.name
-  }, name), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.rightContainer
-  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    className: classes.copyright
-  }, copyright), links && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.separator
-  }), links));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      variant: "highlightText",
+      className: classes.name,
+      children: name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.rightContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+        className: classes.copyright,
+        children: copyright
+      }), links && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.separator
+      }), links]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvFooter.propTypes = {
@@ -98,7 +123,7 @@ process.env.NODE_ENV !== "production" ? HvFooter.propTypes = {
   links: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFooter"
 })(HvFooter);
 

package/dist/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","clsx","root","rightContainer","separator","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles"],"sources":["../../src/Footer/Footer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nconst HvFooter = (props) => {\n  const {\n    className,\n    classes,\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    ...others\n  } = props;\n\n  return (\n    <footer className={clsx(className, classes.root)} {...others}>\n      <HvTypography variant=\"highlightText\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n\nHvFooter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to name label on the left.\n     */\n    name: PropTypes.string,\n    /**\n     * Styles applied to right container, with copyright and links.\n     */\n    rightContainer: PropTypes.string,\n    /**\n     *  Styles applied to copyright label on the right.\n     */\n    copyright: PropTypes.string,\n    /**\n     * Styles applied to the links node on the right\n     */\n    links: PropTypes.string,\n    /**\n     * Styles applied to the separator between copyright and links\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  name: PropTypes.node,\n  copyright: PropTypes.node,\n  links: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvFooter\" })(HvFooter);\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,SADF,GAOID,KAPJ,CACEC,SADF;EAAA,IAEEC,OAFF,GAOIF,KAPJ,CAEEE,OAFF;EAAA,kBAOIF,KAPJ,CAGEG,IAHF;EAAA,IAGEA,IAHF,4BAGS,iBAHT;EAAA,uBAOIH,KAPJ,CAIEI,SAJF;EAAA,IAIEA,SAJF,4EAI+C,IAAIC,IAAJ,GAAWC,WAAX,EAJ/C;EAAA,IAKEC,KALF,GAOIP,KAPJ,CAKEO,KALF;EAAA,IAMKC,MANL,0CAOIR,KAPJ;EASA,oBACE;IAAQ,SAAS,EAAE,IAAAS,aAAA,EAAKR,SAAL,EAAgBC,OAAO,CAACQ,IAAxB;EAAnB,GAAsDF,MAAtD,gBACE,6BAAC,cAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAEN,OAAO,CAACC;EAAzD,GACGA,IADH,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACS;EAAxB,gBACE,6BAAC,cAAD;IAAc,SAAS,EAAET,OAAO,CAACE;EAAjC,GAA6CA,SAA7C,CADF,EAEGG,KAAK,iBAAI;IAAK,SAAS,EAAEL,OAAO,CAACU;EAAxB,EAFZ,EAGGL,KAHH,CAJF,CADF;AAYD,CAtBD;;AAwBA,wCAAAR,QAAQ,CAACc,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,SAAS,EAAEa,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIZ,IAAI,EAAEW,kBAAA,CAAUC,MARO;;IASvB;AACJ;AACA;IACIJ,cAAc,EAAEG,kBAAA,CAAUC,MAZH;;IAavB;AACJ;AACA;IACIX,SAAS,EAAEU,kBAAA,CAAUC,MAhBE;;IAiBvB;AACJ;AACA;IACIR,KAAK,EAAEO,kBAAA,CAAUC,MApBM;;IAqBvB;AACJ;AACA;IACIH,SAAS,EAAEE,kBAAA,CAAUC;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBd,IAAI,EAAEW,kBAAA,CAAUI,IAlCG;EAmCnBd,SAAS,EAAEU,kBAAA,CAAUI,IAnCF;EAoCnBX,KAAK,EAAEO,kBAAA,CAAUI;AApCE,CAArB;;eAuCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEjB,IAAI,EAAE;AAAR,CAAnB,EAAyCJ,QAAzC,C"}
+{"version":3,"file":"Footer.js","names":["HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","clsx","root","rightContainer","separator","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles"],"sources":["../../src/Footer/Footer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nconst HvFooter = (props) => {\n  const {\n    className,\n    classes,\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    ...others\n  } = props;\n\n  return (\n    <footer className={clsx(className, classes.root)} {...others}>\n      <HvTypography variant=\"highlightText\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n\nHvFooter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to name label on the left.\n     */\n    name: PropTypes.string,\n    /**\n     * Styles applied to right container, with copyright and links.\n     */\n    rightContainer: PropTypes.string,\n    /**\n     *  Styles applied to copyright label on the right.\n     */\n    copyright: PropTypes.string,\n    /**\n     * Styles applied to the links node on the right\n     */\n    links: PropTypes.string,\n    /**\n     * Styles applied to the separator between copyright and links\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  name: PropTypes.node,\n  copyright: PropTypes.node,\n  links: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvFooter\" })(HvFooter);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,SADF,GAOID,KAPJ,CACEC,SADF;EAAA,IAEEC,OAFF,GAOIF,KAPJ,CAEEE,OAFF;EAAA,kBAOIF,KAPJ,CAGEG,IAHF;EAAA,IAGEA,IAHF,4BAGS,iBAHT;EAAA,uBAOIH,KAPJ,CAIEI,SAJF;EAAA,IAIEA,SAJF,4EAI+C,IAAIC,IAAJ,GAAWC,WAAX,EAJ/C;EAAA,IAKEC,KALF,GAOIP,KAPJ,CAKEO,KALF;EAAA,IAMKC,MANL,0CAOIR,KAPJ;EASA,oBACE;IAAQ,SAAS,EAAE,IAAAS,aAAA,EAAKR,SAAL,EAAgBC,OAAO,CAACQ,IAAxB;EAAnB,GAAsDF,MAAtD;IAAA,wBACE,qBAAC,cAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEN,OAAO,CAACC,IAAzD;MAAA,UACGA;IADH,EADF,eAIE;MAAK,SAAS,EAAED,OAAO,CAACS,cAAxB;MAAA,wBACE,qBAAC,cAAD;QAAc,SAAS,EAAET,OAAO,CAACE,SAAjC;QAAA,UAA6CA;MAA7C,EADF,EAEGG,KAAK,iBAAI;QAAK,SAAS,EAAEL,OAAO,CAACU;MAAxB,EAFZ,EAGGL,KAHH;IAAA,EAJF;EAAA,GADF;AAYD,CAtBD;;AAwBA,wCAAAR,QAAQ,CAACc,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,SAAS,EAAEa,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIZ,IAAI,EAAEW,kBAAA,CAAUC,MARO;;IASvB;AACJ;AACA;IACIJ,cAAc,EAAEG,kBAAA,CAAUC,MAZH;;IAavB;AACJ;AACA;IACIX,SAAS,EAAEU,kBAAA,CAAUC,MAhBE;;IAiBvB;AACJ;AACA;IACIR,KAAK,EAAEO,kBAAA,CAAUC,MApBM;;IAqBvB;AACJ;AACA;IACIH,SAAS,EAAEE,kBAAA,CAAUC;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBd,IAAI,EAAEW,kBAAA,CAAUI,IAlCG;EAmCnBd,SAAS,EAAEU,kBAAA,CAAUI,IAnCF;EAoCnBX,KAAK,EAAEO,kBAAA,CAAUI;AApCE,CAArB;;eAuCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEjB,IAAI,EAAE;AAAR,CAAnB,EAAyCJ,QAAzC,C"}

package/dist/Forms/Adornment/Adornment.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormStatus } from "../FormElement";
 
 export type HvAdornmentClassKey =