npm - @hitachivantara/uikit-react-lab - Versions diffs - 3.55.0 → 4.0.1-next.2 - Mend

@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1207) hide show

package/dist/InlineEditor/InlineEditor.js CHANGED Viewed

@@ -31,8 +31,6 @@ 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -45,13 +43,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
@@ -102,7 +102,7 @@ var HvInlineEditor = function HvInlineEditor(props) {
       setCachedValue = _useState4[1];
   var inputRef = (0, _react.useRef)();
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var typographyStyles = theme.hv.typography[variant] || {};
   var lineHeight = typographyStyles.lineHeight;
   (0, _react.useLayoutEffect)(function () {
@@ -141,37 +141,42 @@ var HvInlineEditor = function HvInlineEditor(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, val);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(className, classes.root)
-  }, editMode ? /*#__PURE__*/_react.default.createElement(InputComponent, (0, _extends2.default)({
-    inputRef: inputRef,
-    classes: {
-      root: classes.inputRoot,
-      input: classes.input,
-      inputBorderContainer: classes.inputBorderContainer
-    },
-    inputProps: {
-      style: _objectSpread(_objectSpread({}, typographyStyles), {}, {
-        height: InputComponent === _uikitReactCore.HvInput ? lineHeight : undefined
-      })
-    },
-    value: value,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown
-  }, others)) : /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, (0, _extends2.default)({
-    category: "ghost",
-    overrideIconColors: false,
-    className: (0, _clsx.default)(classes.button, parseInt(lineHeight, 10) >= 28 && classes.largeText),
-    onClick: handleClick
-  }, buttonProps), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, (0, _extends2.default)({
-    variant: variant,
-    className: (0, _clsx.default)(classes.text, !value && classes.textEmpty)
-  }, typographyProps), value || placeholder), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Edit, {
-    color: "atmo5",
-    role: "presentation",
-    className: (0, _clsx.default)(classes.icon, showIcon && classes.iconVisible)
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.default)(className, classes.root),
+    children: editMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread({
+      inputRef: inputRef,
+      classes: {
+        root: classes.inputRoot,
+        input: classes.input,
+        inputBorderContainer: classes.inputBorderContainer
+      },
+      inputProps: {
+        style: _objectSpread(_objectSpread({}, typographyStyles), {}, {
+          height: InputComponent === _uikitReactCore.HvInput ? lineHeight : undefined
+        })
+      },
+      value: value,
+      onBlur: handleBlur,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown
+    }, others)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvButton, _objectSpread(_objectSpread({
+      category: "ghost",
+      overrideIconColors: false,
+      className: (0, _clsx.default)(classes.button, parseInt(lineHeight, 10) >= 28 && classes.largeText),
+      onClick: handleClick
+    }, buttonProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, _objectSpread(_objectSpread({
+        variant: variant,
+        className: (0, _clsx.default)(classes.text, !value && classes.textEmpty)
+      }, typographyProps), {}, {
+        children: value || placeholder
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Edit, {
+        color: "atmo5",
+        role: "presentation",
+        className: (0, _clsx.default)(classes.icon, showIcon && classes.iconVisible)
+      })]
+    }))
+  });
 };
 process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
@@ -252,7 +257,7 @@ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
   typographyProps: _propTypes.default.instanceOf(Object)
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvInlineEditor"
 })(HvInlineEditor);

package/dist/InlineEditor/InlineEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/*\n An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n /\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] \|\| {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value \|\| cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value \|\| placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /\n The value of the input element, for controlled usage.\n /\n value: PropTypes.string,\n /\n The default value of the input element, for uncontrolled usage.\n /\n defaultValue: PropTypes.string,\n /\n Whether the Edit icon should always be visible\n /\n showIcon: PropTypes.bool,\n /\n Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n /\n component: PropTypes.elementType,\n /\n Variant of the HvTypography to display\n /\n variant: PropTypes.string,\n /\n The placeholder value of the HvTypography.\n /\n placeholder: PropTypes.string,\n /\n Called when the input is blurred.\n /\n onBlur: PropTypes.func,\n /\n Called when the input value is changed.\n /\n onChange: PropTypes.func,\n /\n Called when a key is pressed on the input.\n /\n onKeyDown: PropTypes.func,\n /\n Props passed to the HvButton component\n /\n buttonProps: PropTypes.instanceOf(Object),\n /\n Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAQA;;AAEA;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;EAChC,IACEC,SADF,GAeID,KAfJ,CACEC,SADF;EAAA,IAEEC,OAFF,GAeIF,KAfJ,CAEEE,OAFF;EAAA,IAGSC,SAHT,GAeIH,KAfJ,CAGEI,KAHF;EAAA,IAIEC,YAJF,GAeIL,KAfJ,CAIEK,YAJF;EAAA,IAKEC,QALF,GAeIN,KAfJ,CAKEM,QALF;EAAA,uBAeIN,KAfJ,CAMEO,SANF;EAAA,IAMaC,cANb,iCAM8BC,uBAN9B;EAAA,qBAeIT,KAfJ,CAOEU,OAPF;EAAA,IAOEA,OAPF,+BAOY,YAPZ;EAAA,yBAeIV,KAfJ,CAQEW,WARF;EAAA,IAQEA,WARF,mCAQgB,YARhB;EAAA,IASEC,MATF,GAeIZ,KAfJ,CASEY,MATF;EAAA,IAUEC,QAVF,GAeIb,KAfJ,CAUEa,QAVF;EAAA,IAWEC,SAXF,GAeId,KAfJ,CAWEc,SAXF;EAAA,IAYEC,WAZF,GAeIf,KAfJ,CAYEe,WAZF;EAAA,IAaEC,eAbF,GAeIhB,KAfJ,CAaEgB,eAbF;EAAA,IAcKC,MAdL,0CAeIjB,KAfJ;;EAgBA,qBAA0B,IAAAkB,6BAAA,EAAcf,SAAd,EAAyBE,YAAzB,CAA1B;EAAA;EAAA,IAAOD,KAAP;EAAA,IAAce,QAAd;;EACA,gBAAgC,IAAAC,eAAA,EAAS,KAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EACA,iBAAsC,IAAAF,eAAA,EAAShB,KAAT,CAAtC;EAAA;EAAA,IAAOmB,WAAP;EAAA,IAAoBC,cAApB;;EACA,IAAMC,QAAQ,GAAG,IAAAC,aAAA,GAAjB;EACA,IAAMC,KAAK,GAAG,IAAAC,cAAA,GAAd;EAEA,IAAMC,gBAAgB,GAAGF,KAAK,CAACG,EAAN,CAASC,UAAT,CAAoBrB,OAApB,KAAgC,EAAzD;EACA,IAAQsB,UAAR,GAAuBH,gBAAvB,CAAQG,UAAR;EAEA,IAAAC,sBAAA,EAAgB,YAAM;IACpB,IAAMC,KAAK,GAAGT,QAAQ,CAACU,OAAvB;;IACA,IAAId,QAAQ,IAAIa,KAAhB,EAAuB;MACrBA,KAAK,CAACE,KAAN;MACAF,KAAK,CAACG,MAAN;IACD;EACF,CAND,EAMG,CAAChB,QAAD,CANH;;EAQA,IAAMiB,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBhB,WAAW,CAAC,IAAD,CAAX;IACAE,cAAc,CAACpB,KAAD,CAAd;EACD,CAHD;;EAKA,IAAMmC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;IAC5BlB,WAAW,CAAC,KAAD,CAAX;IAEA,IAAMmB,QAAQ,GAAGrC,KAAK,IAAImB,WAA1B,CAH4B,CAGW;;IACvCJ,QAAQ,CAACsB,QAAD,CAAR;IACA7B,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAG4B,KAAH,EAAUC,QAAV,CAAN;EACD,CAND;;EAQA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACF,KAAD,EAAW;IAC/B,IAAI,IAAAG,0BAAA,EAAWH,KAAX,EAAkBI,6BAAA,CAAcC,GAAhC,CAAJ,EAA0C;MACxCvB,WAAW,CAAC,KAAD,CAAX;MACAH,QAAQ,CAACI,WAAD,CAAR;IACD;;IACDT,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAG0B,KAAH,CAAT;EACD,CAND;;EAQA,IAAMM,YAAY,GAAG,SAAfA,YAAe,CAACN,KAAD,EAAQO,GAAR,EAAgB;IACnC5B,QAAQ,CAAC4B,GAAD,CAAR;IACAlC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG2B,KAAH,EAAUO,GAAV,CAAR;EACD,CAHD;;EAKA,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAK/C,SAAL,EAAgBC,OAAO,CAAC+C,IAAxB;EAAhB,GACG5B,QAAQ,gBACP,6BAAC,cAAD;IACE,QAAQ,EAAEI,QADZ;IAEE,OAAO,EAAE;MACPwB,IAAI,EAAE/C,OAAO,CAACgD,SADP;MAEPhB,KAAK,EAAEhC,OAAO,CAACgC,KAFR;MAGPiB,oBAAoB,EAAEjD,OAAO,CAACiD;IAHvB,CAFX;IAOE,UAAU,EAAE;MACVC,KAAK,kCACAvB,gBADA;QAEHwB,MAAM,EAAE7C,cAAc,KAAKC,uBAAnB,GAA6BuB,UAA7B,GAA0CsB;MAF/C;IADK,CAPd;IAaE,KAAK,EAAElD,KAbT;IAcE,MAAM,EAAEmC,UAdV;IAeE,QAAQ,EAAEO,YAfZ;IAgBE,SAAS,EAAEJ;EAhBb,GAiBMzB,MAjBN,EADO,gBAqBP,6BAAC,wBAAD;IACE,QAAQ,EAAC,OADX;IAEE,kBAAkB,EAAE,KAFtB;IAGE,SAAS,EAAE,IAAA+B,aAAA,EAAK9C,OAAO,CAACqD,MAAb,EACYC,QAAQ,CAACxB,UAAD,EAAa,EAAb,CAAR,IAA4B,EADxC,IACR9B,OAAO,CAACuD,SADA,CAHb;IAME,OAAO,EAAEnB;EANX,GAOMvB,WAPN,gBASE,6BAAC,4BAAD;IACE,OAAO,EAAEL,OADX;IAEE,SAAS,EAAE,IAAAsC,aAAA,EAAK9C,OAAO,CAACwD,IAAb,EAA0C,CAACtD,KAA3C,IAAsBF,OAAO,CAACyD,SAA9B;EAFb,GAGM3C,eAHN,GAKGZ,KAAK,IAAIO,WALZ,CATF,eAgBE,6BAAC,qBAAD;IACE,KAAK,EAAC,OADR;IAEE,IAAI,EAAC,cAFP;IAGE,SAAS,EAAE,IAAAqC,aAAA,EAAK9C,OAAO,CAAC0D,IAAb,EACctD,QADd,IACRJ,OAAO,CAAC2D,WADA;EAHb,EAhBF,CAtBJ,CADF;AAkDD,CA9GD;;AAgHA,wCAAA9D,cAAc,CAAC+D,SAAf,GAA2B;EACzB;AACF;AACA;EACE7D,SAAS,EAAE8D,kBAAA,CAAUC,MAJI;;EAKzB;AACF;AACA;EACE9D,OAAO,EAAE6D,kBAAA,CAAUE,KAAV,CAAgB;IACvBhB,IAAI,EAAEc,kBAAA,CAAUC,MADO;IAEvB9B,KAAK,EAAE6B,kBAAA,CAAUC,MAFM;IAGvBd,SAAS,EAAEa,kBAAA,CAAUC,MAHE;IAIvBb,oBAAoB,EAAEY,kBAAA,CAAUC,MAJT;IAKvBN,IAAI,EAAEK,kBAAA,CAAUC,MALO;IAMvBL,SAAS,EAAEI,kBAAA,CAAUC,MANE;IAOvBT,MAAM,EAAEQ,kBAAA,CAAUC,MAPK;IAQvBJ,IAAI,EAAEG,kBAAA,CAAUC,MARO;IASvBH,WAAW,EAAEE,kBAAA,CAAUC,MATA;IAUvBP,SAAS,EAAEM,kBAAA,CAAUC;EAVE,CAAhB,EAWNE,UAnBsB;;EAoBzB;AACF;AACA;EACE9D,KAAK,EAAE2D,kBAAA,CAAUC,MAvBQ;;EAwBzB;AACF;AACA;EACE3D,YAAY,EAAE0D,kBAAA,CAAUC,MA3BC;;EA4BzB;AACF;AACA;EACE1D,QAAQ,EAAEyD,kBAAA,CAAUI,IA/BK;;EAgCzB;AACF;AACA;EACE5D,SAAS,EAAEwD,kBAAA,CAAUK,WAnCI;;EAoCzB;AACF;AACA;EACE1D,OAAO,EAAEqD,kBAAA,CAAUC,MAvCM;;EAwCzB;AACF;AACA;EACErD,WAAW,EAAEoD,kBAAA,CAAUC,MA3CE;;EA4CzB;AACF;AACA;EACEpD,MAAM,EAAEmD,kBAAA,CAAUM,IA/CO;;EAgDzB;AACF;AACA;EACExD,QAAQ,EAAEkD,kBAAA,CAAUM,IAnDK;;EAoDzB;AACF;AACA;EACEvD,SAAS,EAAEiD,kBAAA,CAAUM,IAvDI;;EAwDzB;AACF;AACA;EACEtD,WAAW,EAAEgD,kBAAA,CAAUO,UAAV,CAAqBC,MAArB,CA3DY;;EA4DzB;AACF;AACA;EACEvD,eAAe,EAAE+C,kBAAA,CAAUO,UAAV,CAAqBC,MAArB;AA/DQ,CAA3B;;eAkEe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA+C3E,cAA/C,C"}
1	+ {"version":3,"file":"InlineEditor.js","names":["HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","useControlled","setValue","useState","editMode","setEditMode","cachedValue","setCachedValue","inputRef","useRef","theme","useTheme","typographyStyles","hv","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","KeyboardCodes","Esc","handleChange","val","clsx","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","PropTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/*\n An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n /\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] \|\| {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value \|\| cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value \|\| placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /\n The value of the input element, for controlled usage.\n /\n value: PropTypes.string,\n /\n The default value of the input element, for uncontrolled usage.\n /\n defaultValue: PropTypes.string,\n /\n Whether the Edit icon should always be visible\n /\n showIcon: PropTypes.bool,\n /\n Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n /\n component: PropTypes.elementType,\n /\n Variant of the HvTypography to display\n /\n variant: PropTypes.string,\n /\n The placeholder value of the HvTypography.\n /\n placeholder: PropTypes.string,\n /\n Called when the input is blurred.\n /\n onBlur: PropTypes.func,\n /\n Called when the input value is changed.\n /\n onChange: PropTypes.func,\n /\n Called when a key is pressed on the input.\n /\n onKeyDown: PropTypes.func,\n /\n Props passed to the HvButton component\n /\n buttonProps: PropTypes.instanceOf(Object),\n /\n Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}

package/dist/NavigationAnchors/NavigationAnchors.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvListContainerProps } from "@hitachivantara/uikit-react-core";
 interface Option {

package/dist/NavigationAnchors/NavigationAnchors.js CHANGED Viewed

@@ -1,5 +1,17 @@
 "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.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +20,6 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -29,7 +39,7 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.array.map.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -41,20 +51,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+var _styles = require("@mui/styles");
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 var _NavigationOption = _interopRequireDefault(require("./NavigationOption"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RETRY_MAX = 5;
 var getScrollTop = function getScrollTop() {
@@ -283,22 +301,24 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
       return (0, _NavigationOption.default)(option.label);
     });
   }, [options]);
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvListContainer, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListContainer, _objectSpread(_objectSpread({
     interactive: true,
     className: (0, _clsx.default)(className, classes.root)
-  }, other), options.map(function (option, index) {
-    var NavOpt = navOptions[index];
-    return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvListItem, {
-      classes: {
-        selected: classes.listItemSelected,
-        gutters: classes.listItemGutters
-      },
-      key: option.key || option.label,
-      onClick: function onClick(event) {
-        return handleListItemClick(event, option.value, index);
-      },
-      selected: selectedIndex === index
-    }, /*#__PURE__*/_react.default.createElement(NavOpt, null));
+  }, other), {}, {
+    children: options.map(function (option, index) {
+      var NavOpt = navOptions[index];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListItem, {
+        classes: {
+          selected: classes.listItemSelected,
+          gutters: classes.listItemGutters
+        },
+        onClick: function onClick(event) {
+          return handleListItemClick(event, option.value, index);
+        },
+        selected: selectedIndex === index,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NavOpt, {})
+      }, option.key || option.label);
+    })
   }));
 };
@@ -342,7 +362,7 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
    *
    * @deprecated Currently does nothing. Style the component instead.
    */
-  floating: (0, _core.deprecatedPropType)(_propTypes.default.bool),
+  floating: (0, _material.deprecatedPropType)(_propTypes.default.bool),
   /**
    * Currently selected index passed from the parent.
@@ -366,7 +386,7 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
   offset: _propTypes.default.number
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNavigationAnchors"
 })(NavigationAnchors);

package/dist/NavigationAnchors/NavigationAnchors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationAnchors.js","names":["RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","name"],"sources":["../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY \|\|\n window.pageYOffset \|\|\n (document.documentElement && document.documentElement.scrollTop) \|\|\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top \|\| 0) + (window.scrollY \|\| window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) \|\|\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset \|\| offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/*\n A navigation component to help in changing views, still in development\n /\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) \|\| window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] \|\| \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset \|\| offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset \|\| offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key \|\| option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.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 root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /\n An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n /\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /\n True if the href location link should be applied. It will create an a element around every list item\n /\n href: PropTypes.bool,\n /\n A callback called on click of every list item, if the href is false\n /\n onClick: PropTypes.func,\n /\n Whether the anchors are always in a fixed position\n \n @deprecated Currently does nothing. Style the component instead.\n /\n floating: deprecatedPropType(PropTypes.bool),\n /\n Currently selected index passed from the parent.\n /\n selectedIndex: PropTypes.number,\n /\n The Id of the scrollable container containing displayed elements.\n \n Defaults to `window` if unspecified.\n /\n scrollElementId: PropTypes.string,\n /\n Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n \n Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
1	+ {"version":3,"file":"NavigationAnchors.js","names":["RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","name"],"sources":["../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY \|\|\n window.pageYOffset \|\|\n (document.documentElement && document.documentElement.scrollTop) \|\|\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top \|\| 0) + (window.scrollY \|\| window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) \|\|\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset \|\| offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/*\n A navigation component to help in changing views, still in development\n /\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) \|\| window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] \|\| \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset \|\| offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset \|\| offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key \|\| option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.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 root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /\n An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n /\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /\n True if the href location link should be applied. It will create an a element around every list item\n /\n href: PropTypes.bool,\n /\n A callback called on click of every list item, if the href is false\n /\n onClick: PropTypes.func,\n /\n Whether the anchors are always in a fixed position\n \n @deprecated Currently does nothing. Style the component instead.\n /\n floating: deprecatedPropType(PropTypes.bool),\n /\n Currently selected index passed from the parent.\n /\n selectedIndex: PropTypes.number,\n /\n The Id of the scrollable container containing displayed elements.\n \n Defaults to `window` if unspecified.\n /\n scrollElementId: PropTypes.string,\n /\n Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n \n Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.d.ts CHANGED Viewed

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

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js CHANGED Viewed

@@ -15,9 +15,11 @@ var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _Alert;
@@ -28,11 +30,11 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
       title = _ref.title,
       message = _ref.message,
       icon = _ref.icon;
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvEmptyState, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvEmptyState, {
     id: id,
     title: title,
     message: message,
-    icon: icon || _Alert || (_Alert = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Alert, null)),
+    icon: icon || _Alert || (_Alert = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Alert, {})),
     className: className,
     classes: {
       root: classes.emptyStateRoot,
@@ -95,7 +97,7 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
   icon: _propTypes.default.element
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvEmptyStatePanel"
 })(EmptyStatePanel);

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@~~material-ui~~/~~core~~\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon \|\| <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /*\n Id of the EmptyStatePanel\n /\n id: PropTypes.string.isRequired,\n /\n A Jss Object used to override or extend the component styles.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root of the panel.\n /\n emptyStateRoot: PropTypes.string,\n /\n Styles applied to the EmptyStatePanel container.\n /\n emptyStateContainer: PropTypes.string,\n\n /\n Styles applied to the empty state container icon.\n /\n emptyStateIconContainer: PropTypes.string,\n\n /\n Styles applied to the EmptyStatePanel title.\n /\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /\n Class names to be applied to the accordion.\n /\n className: PropTypes.string,\n /\n Title of the EmptyStatePanel\n /\n title: PropTypes.string.isRequired,\n /\n Message of the EmptyStatePanel\n /\n message: PropTypes.string.isRequired,\n /\n Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA~~;;;;~~AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,~~6BAAC~~,4BAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,~~6BAAC~~,sBAAD,~~OAAJ~~,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAA,CAAUC,MAJH;;IAKvB;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAA,CAAUC,MARR;;IAUvB;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAA,CAAUC,MAbZ;;IAevB;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAA,CAAUC;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEf,SAAS,EAAEa,kBAAA,CAAUC,MAhCK;;EAiC1B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEb,OAAO,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAA,CAAUI;AA5CU,CAA5B;;eA8Ce,IAAAC,~~gBAAA~~,EAAWC,~~eAAX~~,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDvB,eAAlD,C"}
1	+ {"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon \|\| <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /*\n Id of the EmptyStatePanel\n /\n id: PropTypes.string.isRequired,\n /\n A Jss Object used to override or extend the component styles.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root of the panel.\n /\n emptyStateRoot: PropTypes.string,\n /\n Styles applied to the EmptyStatePanel container.\n /\n emptyStateContainer: PropTypes.string,\n\n /\n Styles applied to the empty state container icon.\n /\n emptyStateIconContainer: PropTypes.string,\n\n /\n Styles applied to the EmptyStatePanel title.\n /\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /\n Class names to be applied to the accordion.\n /\n className: PropTypes.string,\n /\n Title of the EmptyStatePanel\n /\n title: PropTypes.string.isRequired,\n /\n Message of the EmptyStatePanel\n /\n message: PropTypes.string.isRequired,\n /\n Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,qBAAC,4BAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,qBAAC,sBAAD,KAAJ,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAA,CAAUC,MAJH;;IAKvB;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAA,CAAUC,MARR;;IAUvB;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAA,CAAUC,MAbZ;;IAevB;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAA,CAAUC;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEf,SAAS,EAAEa,kBAAA,CAAUC,MAhCK;;EAiC1B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEb,OAAO,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAA,CAAUI;AA5CU,CAA5B;;eA8Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDvB,eAAlD,C"}

package/dist/NotificationPanel/Notification/Notification.d.ts CHANGED Viewed

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

package/dist/NotificationPanel/Notification/Notification.js CHANGED Viewed

@@ -19,9 +19,11 @@ var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"))
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 _dayjs.default.extend(_relativeTime.default);
@@ -68,12 +70,14 @@ var Notification = function Notification(_ref) {
     return d.format(format);
   };
-  var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.messageContainer
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: isRead ? "normalText" : "highlightText"
-  }, title)), title);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classes.messageContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+      variant: isRead ? "normalText" : "highlightText",
+      children: title
+    })
+  }), title);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     onClick: function onClick(event) {
       return _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, notificationId);
     },
@@ -82,20 +86,28 @@ var Notification = function Notification(_ref) {
     },
     className: (0, _clsx.default)(className, classes.root, isHighlighted && classes.notificationWrapperDropdown, isRead && classes.read),
     role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!_onClick && classes.clickable)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, icon), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(NotificationWithTooltip, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.timeContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.bullet, isRead && classes.hide)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.time
-  }, getTime())))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.notificationActionWrapper
-  }, rightContainer));
+    tabIndex: 0,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!_onClick && classes.clickable),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.iconContainer,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationWithTooltip, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: classes.timeContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _clsx.default)(classes.bullet, isRead && classes.hide)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.time,
+            children: getTime()
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.notificationActionWrapper,
+      children: rightContainer
+    })]
+  });
 };
 process.env.NODE_ENV !== "production" ? Notification.propTypes = {
@@ -220,7 +232,7 @@ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
   isHighlighted: _propTypes.default.bool
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanelNotification"
 })(Notification);