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

package/dist/modern/FilterGroup/LeftPanel/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core"; // accommodating the focus outline space with extra 4px
+import { makeStyles } from "@mui/styles"; // accommodating the focus outline space with extra 4px
 
 const styles = makeStyles(() => ({
   root: {

package/dist/modern/FilterGroup/LeftPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,iBAAiB;MACfC,OAAO,EAAE,MADM;MAEfC,cAAc,EAAE;IAFD;EADb,CADyB;EAO/BC,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,iBAAiB;MACfC,OAAO,EAAE,MADM;MAEfC,cAAc,EAAE;IAFD;EADb,CADyB;EAO/BC,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf"}

package/dist/modern/FilterGroup/RightPanel/RightPanel.js

@@ -5,7 +5,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.includes.js";
 import React, { useMemo, useContext, useState, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import cloneDeep from "lodash/cloneDeep";
@@ -13,6 +12,9 @@ import clsx from "clsx";
 import { FilterGroupContext } from "../FilterGroupContext";
 import useStyles from "./styles";
 import { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const RightPanel = ({
   id,
@@ -30,29 +32,21 @@ const RightPanel = ({
     setFilterValues,
     activeGroup
   } = useContext(FilterGroupContext);
-  const activeGroupOptions = useMemo(() => {
-    var _filterOptions$active;
-
-    return (((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data) || []).map(option => option.id);
-  }, [filterOptions, activeGroup]);
+  const activeGroupOptions = useMemo(() => filterOptions[activeGroup].data.map(option => option.id), [filterOptions, activeGroup]);
   const activeFilterValues = useMemo(() => {
     var _filterValues$activeG;
 
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(value => activeGroupOptions.includes(value));
   }, [filterValues, activeGroupOptions, activeGroup]);
-  const listValues = useMemo(() => {
-    var _filterOptions$active2;
-
-    return (((_filterOptions$active2 = filterOptions[activeGroup]) === null || _filterOptions$active2 === void 0 ? void 0 : _filterOptions$active2.data) || []).map(option => {
-      var _filterValues$activeG2;
+  const listValues = useMemo(() => filterOptions[activeGroup].data.map(option => {
+    var _filterValues$activeG2;
 
-      return _objectSpread(_objectSpread({}, option), {}, {
-        label: option.name,
-        selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
-        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
-      });
+    return _objectSpread(_objectSpread({}, option), {}, {
+      label: option.name,
+      selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
+      isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
     });
-  }, [filterOptions, filterValues, activeGroup, searchStr]);
+  }), [filterOptions, filterValues, activeGroup, searchStr]);
   const updateSelectAll = useCallback(() => {
     const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
     const hasSelection = nbrSelected > 0;
@@ -87,48 +81,62 @@ const RightPanel = ({
       multiSelectionConjunction
     } = labels;
     const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
-    const defaultLabel = /*#__PURE__*/React.createElement(HvTypography, {
-      component: "span"
-    }, nbrSelected > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, nbrSelected), ` ${multiSelectionConjunction} ${activeGroupOptions.length}`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), ` (${activeGroupOptions.length})`));
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.selectAllContainer
-    }, /*#__PURE__*/React.createElement(HvCheckBox, {
-      id: setId(id, "select-all"),
-      label: defaultLabel,
-      onChange: () => handleSelectAll(),
-      classes: {
-        container: classes.selection
-      },
-      className: classes.selectAll,
-      indeterminate: anySelected && !allSelected,
-      checked: allSelected
-    }));
+
+    const defaultLabel = /*#__PURE__*/_jsx(HvTypography, {
+      component: "span",
+      children: nbrSelected > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: nbrSelected
+        }), ` ${multiSelectionConjunction} ${activeGroupOptions.length}`]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: selectAll
+        }), ` (${activeGroupOptions.length})`]
+      })
+    });
+
+    return /*#__PURE__*/_jsx("div", {
+      className: classes.selectAllContainer,
+      children: /*#__PURE__*/_jsx(HvCheckBox, {
+        id: setId(id, "select-all"),
+        label: defaultLabel,
+        onChange: () => 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.createElement(HvPanel, {
+  return /*#__PURE__*/_jsx(HvPanel, {
     id: setId(id, "rightPanel"),
-    className: clsx(className, classes.root)
-  }, listValues.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvInput, {
-    id: setId(id, "search"),
-    classes: {
-      root: classes.search
-    },
-    type: "search",
-    placeholder: labels.searchBoxPlaceholder,
-    value: searchStr,
-    onChange: (event, str) => setSearchStr(str)
-  }), /*#__PURE__*/React.createElement(SelectAll, null), /*#__PURE__*/React.createElement(HvList, {
-    key: activeGroup,
-    id: setId(id, "list"),
-    className: classes.list,
-    values: listValues,
-    multiSelect: true,
-    useSelector: true,
-    showSelectAll: false,
-    onChange: onChangeHandler,
-    selectable: true,
-    condensed: true,
-    hasTooltips: true
-  })) : emptyElement);
+    className: clsx(className, classes.root),
+    children: listValues.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(HvInput, {
+        id: setId(id, "search"),
+        classes: {
+          root: classes.search
+        },
+        type: "search",
+        placeholder: labels.searchBoxPlaceholder,
+        value: searchStr,
+        onChange: (event, str) => setSearchStr(str)
+      }), /*#__PURE__*/_jsx(SelectAll, {}), /*#__PURE__*/_jsx(HvList, {
+        id: 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/modern/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","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":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","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/modern/FilterGroup/RightPanel/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 const styles = makeStyles(theme => ({
   root: {
     "& ul$list": {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJ,aAAa;MACXC,KAAK,EAAE,kBADI;MAEXC,MAAM,EAAE,mBAFG;MAGXC,SAAS,EAAE,MAHA;MAIXC,MAAM,EAAE,CAAC,CAJE;MAKXC,OAAO,EAAE;IALE;EADT,CAD8B;EAUpCC,MAAM,EAAE;IACNC,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;EADR,CAV4B;EAapCC,IAAI,EAAE,EAb8B;EAcpCC,YAAY,EAAE;IACZC,OAAO,EAAE;EADG,CAdsB;EAiBpCC,kBAAkB,EAAE;IAClB;IACA,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE;IAFL,CAFa;IAMlB,kBAAkB;MAChBA,MAAM,EAAE;IADQ,CANA;IASlB;IACA,kBAAkB;MAChBA,MAAM,EAAE;IADQ;EAVA,CAjBgB;EA+BpCC,SAAS,EAAE;IACTd,KAAK,EAAE;EADE;AA/ByB,CAAZ,CAAD,CAAzB;AAoCA,eAAeH,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJ,aAAa;MACXC,KAAK,EAAE,kBADI;MAEXC,MAAM,EAAE,mBAFG;MAGXC,SAAS,EAAE,MAHA;MAIXC,MAAM,EAAE,CAAC,CAJE;MAKXC,OAAO,EAAE;IALE;EADT,CAD8B;EAUpCC,MAAM,EAAE;IACNC,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;EADR,CAV4B;EAapCC,IAAI,EAAE,EAb8B;EAcpCC,YAAY,EAAE;IACZC,OAAO,EAAE;EADG,CAdsB;EAiBpCC,kBAAkB,EAAE;IAClB;IACA,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE;IAFL,CAFa;IAMlB,kBAAkB;MAChBA,MAAM,EAAE;IADQ,CANA;IASlB;IACA,kBAAkB;MAChBA,MAAM,EAAE;IADQ;EAVA,CAjBgB;EA+BpCC,SAAS,EAAE;IACTd,KAAK,EAAE;EADE;AA/ByB,CAAZ,CAAD,CAAzB;AAoCA,eAAeH,MAAf"}

package/dist/modern/FilterGroup/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 const styles = makeStyles(theme => ({
   dropdownPanel: {
     backgroundColor: theme.hv.palette.atmosphere.atmo1

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,aAAa,EAAE;IACbC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADhC,CADqB;EAIpCC,SAAS,EAAE;IACTC,KAAK,EAAE;EADE,CAJyB;EAOpCC,cAAc,EAAE;IACdC,OAAO,EAAE,MADK;IAEdC,UAAU,EAAE;EAFE,CAPoB;EAWpCC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELH,OAAO,EAAE;EAFJ;AAX6B,CAAZ,CAAD,CAAzB;AAiBA,eAAeX,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,aAAa,EAAE;IACbC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADhC,CADqB;EAIpCC,SAAS,EAAE;IACTC,KAAK,EAAE;EADE,CAJyB;EAOpCC,cAAc,EAAE;IACdC,OAAO,EAAE,MADK;IAEdC,UAAU,EAAE;EAFE,CAPoB;EAWpCC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELH,OAAO,EAAE;EAFJ;AAX6B,CAAZ,CAAD,CAAzB;AAiBA,eAAeX,MAAf"}

package/dist/modern/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/modern/Focus/Focus.js

@@ -1,16 +1,18 @@
 import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.includes.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { KeyboardCodes, isBrowser, refType } from "../utils";
 import ConditionalWrapper from "../utils/ConditionalWrapper";
 import { isKey, isOneOfKeys, setFocusTo, getFocusableChildren } from "./utils";
 import styles from "./styles";
 /* eslint-disable no-param-reassign */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const Focus = props => {
   const {
     classes,
@@ -343,25 +345,27 @@ const Focus = props => {
 
   if (disabled) return children;
 
-  const focusWrapper = childrenToWrap => /*#__PURE__*/React.createElement("div", {
-    className: classes.externalReference
-  }, childrenToWrap, showFocus && /*#__PURE__*/React.createElement("div", {
-    className: classes.falseFocus
-  }));
+  const focusWrapper = childrenToWrap => /*#__PURE__*/_jsxs("div", {
+    className: classes.externalReference,
+    children: [childrenToWrap, showFocus && /*#__PURE__*/_jsx("div", {
+      className: classes.falseFocus
+    })]
+  });
 
-  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
+  return /*#__PURE__*/_jsx(ConditionalWrapper, {
     condition: useFalseFocus,
-    wrapper: focusWrapper
-  }, /*#__PURE__*/React.cloneElement(children, {
-    className: clsx(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
-    ref: config,
-    onFocus,
-    onBlur,
-    onMouseDown,
-    onKeyDown,
-    onKeyUp,
-    selected
-  }));
+    wrapper: focusWrapper,
+    children: /*#__PURE__*/React.cloneElement(children, {
+      className: clsx(children.props.className, classes.root, filterClass, selected && classes.selected, disabledClass && classes.disabled, focusDisabled && classes.focusDisabled),
+      ref: config,
+      onFocus,
+      onBlur,
+      onMouseDown,
+      onKeyDown,
+      onKeyUp,
+      selected
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Focus.propTypes = {

package/dist/modern/Focus/Focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.js","names":["React","useState","PropTypes","clsx","isNil","withStyles","KeyboardCodes","isBrowser","refType","ConditionalWrapper","isKey","isOneOfKeys","setFocusTo","getFocusableChildren","styles","Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","preventDefault","stopPropagation","blockedKeys","keyCode","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","cloneElement","className","ref","propTypes","shape","string","focusGridDisabled","isRequired","instanceOf","Object","bool","node","oneOf","number","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":["React","useState","PropTypes","clsx","isNil","withStyles","KeyboardCodes","isBrowser","refType","ConditionalWrapper","isKey","isOneOfKeys","setFocusTo","getFocusableChildren","styles","Focus","props","classes","children","configuration","disabledClass","selected","disabled","rootRef","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","current","Array","from","getElementsByClassName","root","setTabIndex","el","tabIndex","elChildFocus","setSelectedTabIndex","focuses","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","childFocusIsInput","nodeName","preventDefault","stopPropagation","blockedKeys","keyCode","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","externalReference","falseFocus","cloneElement","className","ref","propTypes","shape","string","focusGridDisabled","isRequired","instanceOf","Object","bool","node","oneOf","number","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/modern/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/modern/Footer/Footer.js

@@ -1,16 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvTypography } from "..";
 import styles from "./styles";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvFooter = props => {
   const {
     className,
@@ -21,18 +29,23 @@ const HvFooter = props => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("footer", _extends({
+  return /*#__PURE__*/_jsxs("footer", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText",
-    className: classes.name
-  }, name), /*#__PURE__*/React.createElement("div", {
-    className: classes.rightContainer
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.copyright
-  }, copyright), links && /*#__PURE__*/React.createElement("div", {
-    className: classes.separator
-  }), links));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      className: classes.name,
+      children: name
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classes.rightContainer,
+      children: [/*#__PURE__*/_jsx(HvTypography, {
+        className: classes.copyright,
+        children: copyright
+      }), links && /*#__PURE__*/_jsx("div", {
+        className: classes.separator
+      }), links]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvFooter.propTypes = {

package/dist/modern/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["React","clsx","PropTypes","withStyles","HvTypography","styles","HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","root","rightContainer","separator","propTypes","string","shape","isRequired","node"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,QAA6B,IAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAIC,KAAD,IAAW;EAC1B,MAAM;IACJC,SADI;IAEJC,OAFI;IAGJC,IAAI,GAAG,iBAHH;IAIJC,SAAS,GAAI,iCAAgC,IAAIC,IAAJ,GAAWC,WAAX,EAAyB,wBAJlE;IAKJC;EALI,IAOFP,KAPJ;EAAA,MAMKQ,MANL,4BAOIR,KAPJ;;EASA,oBACE;IAAQ,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACO,IAApB;EAAvB,GAAsDD,MAAtD,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAEN,OAAO,CAACC;EAAzD,GACGA,IADH,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACQ;EAAxB,gBACE,oBAAC,YAAD;IAAc,SAAS,EAAER,OAAO,CAACE;EAAjC,GAA6CA,SAA7C,CADF,EAEGG,KAAK,iBAAI;IAAK,SAAS,EAAEL,OAAO,CAACS;EAAxB,EAFZ,EAGGJ,KAHH,CAJF,CADF;AAYD,CAtBD;;AAwBA,wCAAAR,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEX,SAAS,EAAEN,SAAS,CAACkB,MAJF;;EAKnB;AACF;AACA;EACEX,OAAO,EAAEP,SAAS,CAACmB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEd,SAAS,CAACkB,MAJO;;IAKvB;AACJ;AACA;IACIV,IAAI,EAAER,SAAS,CAACkB,MARO;;IASvB;AACJ;AACA;IACIH,cAAc,EAAEf,SAAS,CAACkB,MAZH;;IAavB;AACJ;AACA;IACIT,SAAS,EAAET,SAAS,CAACkB,MAhBE;;IAiBvB;AACJ;AACA;IACIN,KAAK,EAAEZ,SAAS,CAACkB,MApBM;;IAqBvB;AACJ;AACA;IACIF,SAAS,EAAEhB,SAAS,CAACkB;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBZ,IAAI,EAAER,SAAS,CAACqB,IAlCG;EAmCnBZ,SAAS,EAAET,SAAS,CAACqB,IAnCF;EAoCnBT,KAAK,EAAEZ,SAAS,CAACqB;AApCE,CAArB;AAuCA,eAAepB,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCJ,QAAzC,CAAf"}
+{"version":3,"file":"Footer.js","names":["React","clsx","PropTypes","withStyles","HvTypography","styles","HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","root","rightContainer","separator","propTypes","string","shape","isRequired","node"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,YAAT,QAA6B,IAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;;AACA,MAAMC,QAAQ,GAAIC,KAAD,IAAW;EAC1B,MAAM;IACJC,SADI;IAEJC,OAFI;IAGJC,IAAI,GAAG,iBAHH;IAIJC,SAAS,GAAI,iCAAgC,IAAIC,IAAJ,GAAWC,WAAX,EAAyB,wBAJlE;IAKJC;EALI,IAOFP,KAPJ;EAAA,MAMKQ,MANL,4BAOIR,KAPJ;;EASA,oBACE;IAAQ,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACO,IAApB;EAAvB,GAAsDD,MAAtD;IAAA,wBACE,KAAC,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEN,OAAO,CAACC,IAAzD;MAAA,UACGA;IADH,EADF,eAIE;MAAK,SAAS,EAAED,OAAO,CAACQ,cAAxB;MAAA,wBACE,KAAC,YAAD;QAAc,SAAS,EAAER,OAAO,CAACE,SAAjC;QAAA,UAA6CA;MAA7C,EADF,EAEGG,KAAK,iBAAI;QAAK,SAAS,EAAEL,OAAO,CAACS;MAAxB,EAFZ,EAGGJ,KAHH;IAAA,EAJF;EAAA,GADF;AAYD,CAtBD;;AAwBA,wCAAAR,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEX,SAAS,EAAEN,SAAS,CAACkB,MAJF;;EAKnB;AACF;AACA;EACEX,OAAO,EAAEP,SAAS,CAACmB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEd,SAAS,CAACkB,MAJO;;IAKvB;AACJ;AACA;IACIV,IAAI,EAAER,SAAS,CAACkB,MARO;;IASvB;AACJ;AACA;IACIH,cAAc,EAAEf,SAAS,CAACkB,MAZH;;IAavB;AACJ;AACA;IACIT,SAAS,EAAET,SAAS,CAACkB,MAhBE;;IAiBvB;AACJ;AACA;IACIN,KAAK,EAAEZ,SAAS,CAACkB,MApBM;;IAqBvB;AACJ;AACA;IACIF,SAAS,EAAEhB,SAAS,CAACkB;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBZ,IAAI,EAAER,SAAS,CAACqB,IAlCG;EAmCnBZ,SAAS,EAAET,SAAS,CAACqB,IAnCF;EAoCnBT,KAAK,EAAEZ,SAAS,CAACqB;AApCE,CAArB;AAuCA,eAAepB,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCJ,QAAzC,CAAf"}

package/dist/modern/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 =