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

package/dist/Header/Navigation/Navigation.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,7 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _FocusContext = require("./utils/FocusContext");
 
@@ -27,10 +41,16 @@ var _useSelectionPath = _interopRequireDefault(require("./utils/useSelectionPath
 
 var _MenuBar = _interopRequireDefault(require("./MenuBar"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "data", "selected", "onClick"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Navigation = function Navigation(_ref) {
   var classes = _ref.classes,
       className = _ref.className,
@@ -44,15 +64,20 @@ var Navigation = function Navigation(_ref) {
     onClick === null || onClick === void 0 ? void 0 : onClick(event, selection);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_SelectionContext.default.Provider, {
-    value: selectionPath
-  }, /*#__PURE__*/_react.default.createElement(_FocusContext.FocusProvider, null, /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
-    className: (0, _clsx.default)(className, classes.root)
-  }, others), /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
-    data: data,
-    onClick: handleClick,
-    type: "menubar"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionContext.default.Provider, {
+    value: selectionPath,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusContext.FocusProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
+        className: (0, _clsx.default)(className, classes.root)
+      }, others), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuBar.default, {
+          data: data,
+          onClick: handleClick,
+          type: "menubar"
+        })
+      }))
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
@@ -97,7 +122,7 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   onClick: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderNavigation"
 })(Navigation);
 

package/dist/Header/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;EAAhB,GAAmDP,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEM,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAEP,kBAAA,CAAUE,MAHF;IAIdM,MAAM,EAAER,kBAAA,CAAUE;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MAjCC;;EAkCrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUS;AArCE,CAAvB;;eAwCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD3B,UAAnD,C"}
+{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,qBAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ,aAAlC;IAAA,uBACE,qBAAC,2BAAD;MAAA,uBACE;QAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;MAAhB,GAAmDP,MAAnD;QAAA,uBACE,qBAAC,gBAAD;UAAS,IAAI,EAAEH,IAAf;UAAqB,OAAO,EAAEM,WAA9B;UAA2C,IAAI,EAAC;QAAhD;MADF;IADF;EADF,EADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAEP,kBAAA,CAAUE,MAHF;IAIdM,MAAM,EAAER,kBAAA,CAAUE;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MAjCC;;EAkCrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUS;AArCE,CAAvB;;eAwCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD3B,UAAnD,C"}

package/dist/Header/Navigation/utils/FocusContext.js

@@ -39,6 +39,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+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; }
@@ -77,9 +79,10 @@ var FocusProvider = function FocusProvider(props) {
     });
   }, [state, dispatch]);
   var children = props.children;
-  return /*#__PURE__*/_react.default.createElement(FocusContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FocusContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 
 exports.FocusProvider = FocusProvider;

package/dist/Header/Navigation/utils/FocusContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","contextValue","useMemo","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);\n  const { children } = props;\n\n  return <FocusContext.Provider value={contextValue}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ;IAAA,uCAAYZ,KAAZ;MAAmBU,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACV,KAAD,EAAQU,QAAR,CAAxC,CAArB;EACA,IAAQG,QAAR,GAAqBL,KAArB,CAAQK,QAAR;EAEA,oBAAO,6BAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEF;EAA9B,GAA6CE,QAA7C,CAAP;AACD,CAND;;;AAQA,wCAAAN,aAAa,CAACO,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}
+{"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","contextValue","useMemo","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);\n  const { children } = props;\n\n  return <FocusContext.Provider value={contextValue}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ;IAAA,uCAAYZ,KAAZ;MAAmBU,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACV,KAAD,EAAQU,QAAR,CAAxC,CAArB;EACA,IAAQG,QAAR,GAAqBL,KAArB,CAAQK,QAAR;EAEA,oBAAO,qBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEF,YAA9B;IAAA,UAA6CE;EAA7C,EAAP;AACD,CAND;;;AAQA,wCAAAN,aAAa,CAACO,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}

package/dist/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 import { HvBaseInputProps, HvBaseInputValidationMessagesProps } from "../BaseInput";
 

package/dist/Input/Input.js

@@ -29,8 +29,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.symbol.js");
@@ -49,7 +47,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -61,7 +59,9 @@ var _validationStates = _interopRequireWildcard(require("../Forms/FormElement/va
 
 var _validations = require("../BaseInput/validations");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _CloseXS, _Search, _PreviewOff, _Preview;
 
@@ -410,13 +410,13 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_.HvAdornment // don't control visibility when the search icon is enabled
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvAdornment // don't control visibility when the search icon is enabled
     , {
       className: (0, _clsx.default)(classes.adornmentButton, !showSearchIcon && classes.iconClear),
       onClick: handleClear,
       "aria-label": labels.clearButtonLabel,
       "aria-controls": (0, _utils.setId)(elementId, "input"),
-      icon: _CloseXS || (_CloseXS = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CloseXS, null))
+      icon: _CloseXS || (_CloseXS = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.CloseXS, {}))
     });
   }, [showClear, classes.adornmentButton, classes.iconClear, showSearchIcon, handleClear, labels.clearButtonLabel, elementId]);
   /**
@@ -434,11 +434,11 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_.HvAdornment, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvAdornment, {
       className: (0, _clsx.default)(classes.adornmentButton),
       onClick: hasOnEnter ? handleSearch : undefined,
       "aria-label": labels.searchButtonLabel,
-      icon: _Search || (_Search = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Search, null))
+      icon: _Search || (_Search = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Search, {}))
     });
   }, [showSearchIcon, isEmptyValue, hasOnEnter, validationState, classes.adornmentButton, handleSearch, labels.searchButtonLabel]);
   /**
@@ -453,17 +453,20 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
       disableFocusListener: true,
       disableTouchListener: true,
-      title: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, revealPassword ? labels.revealPasswordButtonClickToHideTooltip : labels.revealPasswordButtonClickToShowTooltip)
-    }, /*#__PURE__*/_react.default.createElement(_.HvAdornment, {
-      className: classes.adornmentButton,
-      onClick: handleRevealPassword,
-      "aria-label": labels.revealPasswordButtonLabel,
-      "aria-controls": (0, _utils.setId)(elementId, "input"),
-      icon: revealPassword ? _PreviewOff || (_PreviewOff = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.PreviewOff, null)) : _Preview || (_Preview = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Preview, null))
-    }));
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+        children: revealPassword ? labels.revealPasswordButtonClickToHideTooltip : labels.revealPasswordButtonClickToShowTooltip
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvAdornment, {
+        className: classes.adornmentButton,
+        onClick: handleRevealPassword,
+        "aria-label": labels.revealPasswordButtonLabel,
+        "aria-controls": (0, _utils.setId)(elementId, "input"),
+        icon: revealPassword ? _PreviewOff || (_PreviewOff = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.PreviewOff, {})) : _Preview || (_Preview = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Preview, {}))
+      })
+    });
   }, [showRevealPasswordButton, revealPassword, labels.revealPasswordButtonClickToHideTooltip, labels.revealPasswordButtonClickToShowTooltip, labels.revealPasswordButtonLabel, classes.adornmentButton, handleRevealPassword, elementId]);
   var validationIcon = (0, _react.useMemo)(function () {
     if (!showValidationIcon) {
@@ -474,7 +477,7 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Success, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Success, {
       semantic: "sema1",
       className: classes.icon
     });
@@ -489,10 +492,11 @@ var HvInput = function HvInput(props) {
     if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl) return null; // note: specification implies that the custom icon should be hidden when
     // a validation feedback icon is being shown.
 
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes.adornmentsBox,
-      "aria-hidden": "true"
-    }, clearButton, revealPasswordButton, searchButton, validationIcon || customIconEl);
+      "aria-hidden": "true",
+      children: [clearButton, revealPasswordButton, searchButton, validationIcon || customIconEl]
+    });
   }, [classes.adornmentsBox, clearButton, customIconEl, revealPasswordButton, searchButton, validationIcon]); // run initial validation after first render
   // and also when any validation condition changes
 
@@ -511,7 +515,7 @@ var HvInput = function HvInput(props) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: validationState,
@@ -519,73 +523,79 @@ var HvInput = function HvInput(props) {
     required: required,
     readOnly: readOnly,
     className: (0, _clsx.default)(classes.root, className, hasSuggestions && classes.hasSuggestions),
-    onBlur: onContainerBlurHandler
-  }, (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _utils.setId)(elementId, "label"),
-    className: classes.label,
-    htmlFor: (0, _utils.setId)(elementId, "input"),
-    label: label
-  }), hasDescription && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _utils.setId)(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/_react.default.createElement(_.HvBaseInput, (0, _extends2.default)({
-    id: hasLabel || showClear || showRevealPasswordButton ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
-    name: name,
-    value: value,
-    required: required,
-    readOnly: readOnly,
-    disabled: disabled,
-    onChange: onChangeHandler,
-    autoFocus: autoFocus,
-    onKeyDown: onKeyDownHandler,
-    onBlur: onInputBlurHandler,
-    onFocus: onFocusHandler,
-    placeholder: placeholder,
-    type: realType,
-    classes: {
-      input: classes.input,
-      inputRoot: classes.inputRoot,
-      inputRootFocused: classes.inputRootFocused,
-      inputRootDisabled: classes.inputRootDisabled,
-      inputRootMultiline: classes.inputRootMultiline,
-      inputBorderContainer: classes.inputBorderContainer
-    },
-    invalid: isStateInvalid,
-    inputProps: _objectSpread({
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-invalid": isStateInvalid ? true : undefined,
-      "aria-errormessage": errorMessageId,
-      "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && (0, _utils.setId)(elementId, "description"),
-      "aria-controls": canShowSuggestions ? (0, _utils.setId)(elementId, "suggestions") : undefined,
-      ref: materialInputRef,
-      // prevent browsers auto-fill/suggestions when we have our own
-      autoComplete: canShowSuggestions ? "off" : undefined
-    }, inputProps),
-    inputRef: inputRefProp || inputRef,
-    endAdornment: adornments
-  }, others)), canShowSuggestions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasSuggestions && /*#__PURE__*/_react.default.createElement("div", {
-    role: "presentation",
-    className: classes.inputExtension
-  }), /*#__PURE__*/_react.default.createElement(_.HvSuggestions, {
-    id: (0, _utils.setId)(elementId, "suggestions"),
-    classes: {
-      root: classes.suggestionsContainer,
-      list: classes.suggestionList
-    },
-    expanded: hasSuggestions,
-    anchorEl: inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.parentElement,
-    onClose: suggestionClearHandler,
-    onKeyDown: onSuggestionKeyDown,
-    onSuggestionSelected: suggestionSelectedHandler,
-    suggestionValues: suggestionValues
-  })), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    onBlur: onContainerBlurHandler,
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+        id: (0, _utils.setId)(elementId, "label"),
+        className: classes.label,
+        htmlFor: (0, _utils.setId)(elementId, "input"),
+        label: label
+      }), hasDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInfoMessage, {
+        id: (0, _utils.setId)(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseInput, _objectSpread({
+      id: hasLabel || showClear || showRevealPasswordButton ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
+      name: name,
+      value: value,
+      required: required,
+      readOnly: readOnly,
+      disabled: disabled,
+      onChange: onChangeHandler,
+      autoFocus: autoFocus,
+      onKeyDown: onKeyDownHandler,
+      onBlur: onInputBlurHandler,
+      onFocus: onFocusHandler,
+      placeholder: placeholder,
+      type: realType,
+      classes: {
+        input: classes.input,
+        inputRoot: classes.inputRoot,
+        inputRootFocused: classes.inputRootFocused,
+        inputRootDisabled: classes.inputRootDisabled,
+        inputRootMultiline: classes.inputRootMultiline,
+        inputBorderContainer: classes.inputBorderContainer
+      },
+      invalid: isStateInvalid,
+      inputProps: _objectSpread({
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-invalid": isStateInvalid ? true : undefined,
+        "aria-errormessage": errorMessageId,
+        "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && (0, _utils.setId)(elementId, "description"),
+        "aria-controls": canShowSuggestions ? (0, _utils.setId)(elementId, "suggestions") : undefined,
+        ref: materialInputRef,
+        // prevent browsers auto-fill/suggestions when we have our own
+        autoComplete: canShowSuggestions ? "off" : undefined
+      }, inputProps),
+      inputRef: inputRefProp || inputRef,
+      endAdornment: adornments
+    }, others)), canShowSuggestions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [hasSuggestions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "presentation",
+        className: classes.inputExtension
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvSuggestions, {
+        id: (0, _utils.setId)(elementId, "suggestions"),
+        classes: {
+          root: classes.suggestionsContainer,
+          list: classes.suggestionList
+        },
+        expanded: hasSuggestions,
+        anchorEl: inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.parentElement,
+        onClose: suggestionClearHandler,
+        onKeyDown: onSuggestionKeyDown,
+        onSuggestionSelected: suggestionSelectedHandler,
+        suggestionValues: suggestionValues
+      })]
+    }), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvInput.propTypes = {
@@ -952,7 +962,7 @@ process.env.NODE_ENV !== "production" ? HvInput.propTypes = {
   minCharQuantity: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvInput"
 })(HvInput);