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

package/dist/legacy/Header/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface NavigationItemProp {
   id: string;

package/dist/legacy/Header/Navigation/Navigation.js

@@ -1,15 +1,28 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { FocusProvider } from "./utils/FocusContext";
 import SelectionContext from "./utils/SelectionContext";
 import useSelectionPath from "./utils/useSelectionPath";
 import MenuBar from "./MenuBar";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var Navigation = function Navigation(_ref) {
   var classes = _ref.classes,
@@ -25,15 +38,20 @@ var Navigation = function Navigation(_ref) {
     onClick === null || onClick === void 0 ? void 0 : onClick(event, selection);
   };
 
-  return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
-    value: selectionPath
-  }, /*#__PURE__*/React.createElement(FocusProvider, null, /*#__PURE__*/React.createElement("nav", _extends({
-    className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(MenuBar, {
-    data: data,
-    onClick: handleClick,
-    type: "menubar"
-  }))));
+  return /*#__PURE__*/_jsx(SelectionContext.Provider, {
+    value: selectionPath,
+    children: /*#__PURE__*/_jsx(FocusProvider, {
+      children: /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({
+        className: clsx(className, classes.root)
+      }, others), {}, {
+        children: /*#__PURE__*/_jsx(MenuBar, {
+          data: data,
+          onClick: handleClick,
+          type: "menubar"
+        })
+      }))
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["React","PropTypes","clsx","withStyles","FocusProvider","SelectionContext","useSelectionPath","MenuBar","styles","Navigation","classes","className","data","selected","onClick","others","selectionPath","handleClick","event","selection","root","propTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,QAA8B,sBAA9B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,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,GAAGV,gBAAgB,CAACM,IAAD,EAAOC,QAAP,CAAtC;;EAEA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,oBAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEH;EAAlC,gBACE,oBAAC,aAAD,qBACE;IAAK,SAAS,EAAEd,IAAI,CAACS,SAAD,EAAYD,OAAO,CAACU,IAApB;EAApB,GAAmDL,MAAnD,gBACE,oBAAC,OAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEK,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAR,UAAU,CAACY,SAAX,GAAuB;EACrB;AACF;AACA;EACEX,OAAO,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEnB,SAAS,CAACsB;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEb,SAAS,EAAEV,SAAS,CAACsB,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB,OAAV,CACJxB,SAAS,CAACqB,KAAV,CAAgB;IACdI,EAAE,EAAEzB,SAAS,CAACsB,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAE1B,SAAS,CAACsB,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAE3B,SAAS,CAACsB,MAHF;IAIdM,MAAM,EAAE5B,SAAS,CAACsB;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEX,QAAQ,EAAEZ,SAAS,CAACsB,MAjCC;;EAkCrB;AACF;AACA;EACET,OAAO,EAAEb,SAAS,CAAC6B;AArCE,CAAvB;AAwCA,eAAe3B,UAAU,CAACK,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDtB,UAAnD,CAAf"}
+{"version":3,"file":"Navigation.js","names":["React","PropTypes","clsx","withStyles","FocusProvider","SelectionContext","useSelectionPath","MenuBar","styles","Navigation","classes","className","data","selected","onClick","others","selectionPath","handleClick","event","selection","root","propTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,aAAT,QAA8B,sBAA9B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,IAAMC,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,GAAGV,gBAAgB,CAACM,IAAD,EAAOC,QAAP,CAAtC;;EAEA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,KAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEH,aAAlC;IAAA,uBACE,KAAC,aAAD;MAAA,uBACE;QAAK,SAAS,EAAEd,IAAI,CAACS,SAAD,EAAYD,OAAO,CAACU,IAApB;MAApB,GAAmDL,MAAnD;QAAA,uBACE,KAAC,OAAD;UAAS,IAAI,EAAEH,IAAf;UAAqB,OAAO,EAAEK,WAA9B;UAA2C,IAAI,EAAC;QAAhD;MADF;IADF;EADF,EADF;AASD,CAhBD;;AAkBA,wCAAAR,UAAU,CAACY,SAAX,GAAuB;EACrB;AACF;AACA;EACEX,OAAO,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEnB,SAAS,CAACsB;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEb,SAAS,EAAEV,SAAS,CAACsB,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB,OAAV,CACJxB,SAAS,CAACqB,KAAV,CAAgB;IACdI,EAAE,EAAEzB,SAAS,CAACsB,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAE1B,SAAS,CAACsB,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAE3B,SAAS,CAACsB,MAHF;IAIdM,MAAM,EAAE5B,SAAS,CAACsB;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEX,QAAQ,EAAEZ,SAAS,CAACsB,MAjCC;;EAkCrB;AACF;AACA;EACET,OAAO,EAAEb,SAAS,CAAC6B;AArCE,CAAvB;AAwCA,eAAe3B,UAAU,CAACK,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDtB,UAAnD,CAAf"}

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

@@ -14,6 +14,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React, { createContext, useMemo, useReducer } from "react";
 import PropTypes from "prop-types";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var reducer = function reducer(state, action) {
   switch (action.type) {
@@ -44,9 +45,10 @@ var FocusProvider = function FocusProvider(props) {
     });
   }, [state, dispatch]);
   var children = props.children;
-  return /*#__PURE__*/React.createElement(FocusContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/_jsx(FocusContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 
 process.env.NODE_ENV !== "production" ? FocusProvider.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.js","names":["React","createContext","useMemo","useReducer","PropTypes","reducer","state","action","type","itemFocused","initialState","FocusContext","FocusProvider","props","dispatch","contextValue","children","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,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,OAA/B,EAAwCC,UAAxC,QAA0D,OAA1D;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,IAAMC,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,gBAAGV,aAAa,CAACS,YAAD,CAAlC;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0BV,UAAU,CAACE,OAAD,EAAUK,YAAV,CAApC;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcQ,QAAd;;EACA,IAAMC,YAAY,GAAGb,OAAO,CAAC;IAAA,uCAAYI,KAAZ;MAAmBQ,QAAQ,EAARA;IAAnB;EAAA,CAAD,EAAiC,CAACR,KAAD,EAAQQ,QAAR,CAAjC,CAA5B;EACA,IAAQE,QAAR,GAAqBH,KAArB,CAAQG,QAAR;EAEA,oBAAO,oBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAED;EAA9B,GAA6CC,QAA7C,CAAP;AACD,CAND;;AAQA,wCAAAJ,aAAa,CAACK,SAAd,GAA0B;EACxBD,QAAQ,EAAEZ,SAAS,CAACc,IAAV,CAAeC;AADD,CAA1B;AAIA,SAASR,YAAT,EAAuBC,aAAvB"}
+{"version":3,"file":"FocusContext.js","names":["React","createContext","useMemo","useReducer","PropTypes","reducer","state","action","type","itemFocused","initialState","FocusContext","FocusProvider","props","dispatch","contextValue","children","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,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,OAA/B,EAAwCC,UAAxC,QAA0D,OAA1D;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;AAEA,IAAMC,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,gBAAGV,aAAa,CAACS,YAAD,CAAlC;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0BV,UAAU,CAACE,OAAD,EAAUK,YAAV,CAApC;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcQ,QAAd;;EACA,IAAMC,YAAY,GAAGb,OAAO,CAAC;IAAA,uCAAYI,KAAZ;MAAmBQ,QAAQ,EAARA;IAAnB;EAAA,CAAD,EAAiC,CAACR,KAAD,EAAQQ,QAAR,CAAjC,CAA5B;EACA,IAAQE,QAAR,GAAqBH,KAArB,CAAQG,QAAR;EAEA,oBAAO,KAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAED,YAA9B;IAAA,UAA6CC;EAA7C,EAAP;AACD,CAND;;AAQA,wCAAAJ,aAAa,CAACK,SAAd,GAA0B;EACxBD,QAAQ,EAAEZ,SAAS,CAACc,IAAV,CAAeC;AADD,CAA1B;AAIA,SAASR,YAAT,EAAuBC,aAAvB"}

package/dist/legacy/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/legacy/Input/Input.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -23,13 +22,16 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { CloseXS, PreviewOff, Preview, Search, Success } from "@hitachivantara/uikit-react-icons";
 import { HvTypography, HvTooltip, HvAdornment, HvBaseInput, HvFormElement, HvLabel, HvSuggestions, HvWarningText, HvInfoMessage, useUniqueId, useIsMounted } from "..";
 import { isBrowser, isKeypress, KeyboardCodes, refType, setId, useControlled, useLabels } from "../utils";
 import validationStates, { isValid, isInvalid } from "../Forms/FormElement/validationStates";
 import { DEFAULT_ERROR_MESSAGES, computeValidationType, hasBuiltInValidations, validateInput, computeValidationState, computeValidationMessage } from "../BaseInput/validations";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   clearButtonLabel: "Clear the text",
   revealPasswordButtonLabel: "Reveal password",
@@ -366,13 +368,13 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(HvAdornment // don't control visibility when the search icon is enabled
+    return /*#__PURE__*/_jsx(HvAdornment // don't control visibility when the search icon is enabled
     , {
       className: clsx(classes.adornmentButton, !showSearchIcon && classes.iconClear),
       onClick: handleClear,
       "aria-label": labels.clearButtonLabel,
       "aria-controls": setId(elementId, "input"),
-      icon: _CloseXS || (_CloseXS = /*#__PURE__*/React.createElement(CloseXS, null))
+      icon: _CloseXS || (_CloseXS = /*#__PURE__*/_jsx(CloseXS, {}))
     });
   }, [showClear, classes.adornmentButton, classes.iconClear, showSearchIcon, handleClear, labels.clearButtonLabel, elementId]);
   /**
@@ -390,11 +392,11 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(HvAdornment, {
+    return /*#__PURE__*/_jsx(HvAdornment, {
       className: clsx(classes.adornmentButton),
       onClick: hasOnEnter ? handleSearch : undefined,
       "aria-label": labels.searchButtonLabel,
-      icon: _Search || (_Search = /*#__PURE__*/React.createElement(Search, null))
+      icon: _Search || (_Search = /*#__PURE__*/_jsx(Search, {}))
     });
   }, [showSearchIcon, isEmptyValue, hasOnEnter, validationState, classes.adornmentButton, handleSearch, labels.searchButtonLabel]);
   /**
@@ -409,17 +411,20 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(HvTooltip, {
+    return /*#__PURE__*/_jsx(HvTooltip, {
       disableFocusListener: true,
       disableTouchListener: true,
-      title: /*#__PURE__*/React.createElement(HvTypography, null, revealPassword ? labels.revealPasswordButtonClickToHideTooltip : labels.revealPasswordButtonClickToShowTooltip)
-    }, /*#__PURE__*/React.createElement(HvAdornment, {
-      className: classes.adornmentButton,
-      onClick: handleRevealPassword,
-      "aria-label": labels.revealPasswordButtonLabel,
-      "aria-controls": setId(elementId, "input"),
-      icon: revealPassword ? _PreviewOff || (_PreviewOff = /*#__PURE__*/React.createElement(PreviewOff, null)) : _Preview || (_Preview = /*#__PURE__*/React.createElement(Preview, null))
-    }));
+      title: /*#__PURE__*/_jsx(HvTypography, {
+        children: revealPassword ? labels.revealPasswordButtonClickToHideTooltip : labels.revealPasswordButtonClickToShowTooltip
+      }),
+      children: /*#__PURE__*/_jsx(HvAdornment, {
+        className: classes.adornmentButton,
+        onClick: handleRevealPassword,
+        "aria-label": labels.revealPasswordButtonLabel,
+        "aria-controls": setId(elementId, "input"),
+        icon: revealPassword ? _PreviewOff || (_PreviewOff = /*#__PURE__*/_jsx(PreviewOff, {})) : _Preview || (_Preview = /*#__PURE__*/_jsx(Preview, {}))
+      })
+    });
   }, [showRevealPasswordButton, revealPassword, labels.revealPasswordButtonClickToHideTooltip, labels.revealPasswordButtonClickToShowTooltip, labels.revealPasswordButtonLabel, classes.adornmentButton, handleRevealPassword, elementId]);
   var validationIcon = useMemo(function () {
     if (!showValidationIcon) {
@@ -430,7 +435,7 @@ var HvInput = function HvInput(props) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(Success, {
+    return /*#__PURE__*/_jsx(Success, {
       semantic: "sema1",
       className: classes.icon
     });
@@ -445,10 +450,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.createElement("div", {
+    return /*#__PURE__*/_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
 
@@ -467,7 +473,7 @@ var HvInput = function HvInput(props) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/React.createElement(HvFormElement, {
+  return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
     status: validationState,
@@ -475,73 +481,79 @@ var HvInput = function HvInput(props) {
     required: required,
     readOnly: readOnly,
     className: clsx(classes.root, className, hasSuggestions && classes.hasSuggestions),
-    onBlur: onContainerBlurHandler
-  }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    className: classes.label,
-    htmlFor: setId(elementId, "input"),
-    label: label
-  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/React.createElement(HvBaseInput, _extends({
-    id: hasLabel || showClear || showRevealPasswordButton ? setId(elementId, "input") : 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 && setId(elementId, "description"),
-      "aria-controls": canShowSuggestions ? 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.createElement(React.Fragment, null, hasSuggestions && /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: classes.inputExtension
-  }), /*#__PURE__*/React.createElement(HvSuggestions, {
-    id: 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.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    onBlur: onContainerBlurHandler,
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
+        id: setId(elementId, "label"),
+        className: classes.label,
+        htmlFor: setId(elementId, "input"),
+        label: label
+      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
+        id: setId(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/_jsx(HvBaseInput, _objectSpread({
+      id: hasLabel || showClear || showRevealPasswordButton ? setId(elementId, "input") : 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 && setId(elementId, "description"),
+        "aria-controls": canShowSuggestions ? 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__*/_jsxs(_Fragment, {
+      children: [hasSuggestions && /*#__PURE__*/_jsx("div", {
+        role: "presentation",
+        className: classes.inputExtension
+      }), /*#__PURE__*/_jsx(HvSuggestions, {
+        id: 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__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvInput.propTypes = {