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

package/dist/theme/palette.js

@@ -31,14 +31,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _createPalette = _interopRequireDefault(require("@material-ui/core/styles/createPalette"));
+var _material = require("@mui/material");
 
 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 palette = function palette(theme) {
-  return (0, _createPalette.default)(_objectSpread({
+  return (0, _material.createTheme)(_objectSpread({
     primary: {
       main: theme.palette.accent.acce2,
       light: theme.palette.accent.acce2h

package/dist/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":["palette","theme","createPalette","primary","main","accent","acce2","light","acce2h","secondary","acce1","atmosphere","atmo5","text","disabled","background","default","atmo3","Object","values"],"sources":["../../src/theme/palette.js"],"sourcesContent":["import createPalette from \"@material-ui/core/styles/createPalette\";\n\nconst palette = (theme) =>\n  createPalette({\n    primary: {\n      main: theme.palette.accent.acce2,\n      light: theme.palette.accent.acce2h,\n    },\n    secondary: {\n      main: theme.palette.accent.acce1,\n      light: theme.palette.atmosphere.atmo5,\n    },\n    text: {\n      primary: theme.palette.accent.acce1,\n      disabled: theme.palette.atmosphere.atmo5,\n    },\n    background: {\n      default: theme.palette.atmosphere.atmo3,\n    },\n    ...Object.assign({}, ...Object.values(theme.palette)),\n  });\n\nexport default palette;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD;EAAA,OACd,IAAAC,sBAAA;IACEC,OAAO,EAAE;MACPC,IAAI,EAAEH,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBC,KADpB;MAEPC,KAAK,EAAEN,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBG;IAFrB,CADX;IAKEC,SAAS,EAAE;MACTL,IAAI,EAAEH,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBK,KADlB;MAETH,KAAK,EAAEN,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBC;IAFvB,CALb;IASEC,IAAI,EAAE;MACJV,OAAO,EAAEF,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBK,KAD1B;MAEJI,QAAQ,EAAEb,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBC;IAF/B,CATR;IAaEG,UAAU,EAAE;MACVC,OAAO,EAAEf,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBM;IADxB;EAbd,GAgBK,iCAAc,EAAd,0CAAqBC,MAAM,CAACC,MAAP,CAAclB,KAAK,CAACD,OAApB,CAArB,GAhBL,EADc;AAAA,CAAhB;;eAoBeA,O"}
+{"version":3,"file":"palette.js","names":["palette","theme","createTheme","primary","main","accent","acce2","light","acce2h","secondary","acce1","atmosphere","atmo5","text","disabled","background","default","atmo3","Object","values"],"sources":["../../src/theme/palette.js"],"sourcesContent":["import { createTheme } from \"@mui/material\";\n\nconst palette = (theme) =>\n  createTheme({\n    primary: {\n      main: theme.palette.accent.acce2,\n      light: theme.palette.accent.acce2h,\n    },\n    secondary: {\n      main: theme.palette.accent.acce1,\n      light: theme.palette.atmosphere.atmo5,\n    },\n    text: {\n      primary: theme.palette.accent.acce1,\n      disabled: theme.palette.atmosphere.atmo5,\n    },\n    background: {\n      default: theme.palette.atmosphere.atmo3,\n    },\n    ...Object.assign({}, ...Object.values(theme.palette)),\n  });\n\nexport default palette;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD;EAAA,OACd,IAAAC,qBAAA;IACEC,OAAO,EAAE;MACPC,IAAI,EAAEH,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBC,KADpB;MAEPC,KAAK,EAAEN,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBG;IAFrB,CADX;IAKEC,SAAS,EAAE;MACTL,IAAI,EAAEH,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBK,KADlB;MAETH,KAAK,EAAEN,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBC;IAFvB,CALb;IASEC,IAAI,EAAE;MACJV,OAAO,EAAEF,KAAK,CAACD,OAAN,CAAcK,MAAd,CAAqBK,KAD1B;MAEJI,QAAQ,EAAEb,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBC;IAF/B,CATR;IAaEG,UAAU,EAAE;MACVC,OAAO,EAAEf,KAAK,CAACD,OAAN,CAAcW,UAAd,CAAyBM;IADxB;EAbd,GAgBK,iCAAc,EAAd,0CAAqBC,MAAM,CAACC,MAAP,CAAclB,KAAK,CAACD,OAApB,CAArB,GAhBL,EADc;AAAA,CAAhB;;eAoBeA,O"}

package/dist/theme/typography.js

@@ -21,18 +21,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.object.values.js");
 
-var _createTypography = _interopRequireDefault(require("@material-ui/core/styles/createTypography"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 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 typography = function typography(palette, theme) {
-  return (0, _createTypography.default)(palette, {
+var typography = function typography(theme) {
+  return _objectSpread({
     suppressDeprecationWarnings: true,
-    fontFamily: theme.typography.fontFamily,
+    fontFamily: (0, _toConsumableArray2.default)(theme.typography.fontFamily).join(","),
     h1: _objectSpread({}, theme.typography.xlTitle),
     h2: _objectSpread({}, theme.typography.lTitle),
     h3: _objectSpread({}, theme.typography.mTitle),
@@ -42,7 +50,7 @@ var typography = function typography(palette, theme) {
     subtitle1: _objectSpread({}, theme.typography.highlightText),
     subtitle2: _objectSpread({}, theme.typography.highlightText),
     button: _objectSpread({}, theme.typography.highlightText)
-  });
+  }, _extends2.default.apply(void 0, [{}].concat((0, _toConsumableArray2.default)(Object.values(theme.palette)))));
 };
 
 var _default = typography;

package/dist/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["typography","palette","theme","createTypography","suppressDeprecationWarnings","fontFamily","h1","xlTitle","h2","lTitle","h3","mTitle","h4","sTitle","body1","normalText","body2","subtitle1","highlightText","subtitle2","button"],"sources":["../../src/theme/typography.js"],"sourcesContent":["import createTypography from \"@material-ui/core/styles/createTypography\";\n\nconst typography = (palette, theme) =>\n  createTypography(palette, {\n    suppressDeprecationWarnings: true,\n    fontFamily: theme.typography.fontFamily,\n    h1: {\n      ...theme.typography.xlTitle,\n    },\n    h2: {\n      ...theme.typography.lTitle,\n    },\n    h3: {\n      ...theme.typography.mTitle,\n    },\n    h4: {\n      ...theme.typography.sTitle,\n    },\n    body1: {\n      ...theme.typography.normalText,\n    },\n    body2: {\n      ...theme.typography.normalText,\n    },\n    subtitle1: {\n      ...theme.typography.highlightText,\n    },\n    subtitle2: {\n      ...theme.typography.highlightText,\n    },\n    button: {\n      ...theme.typography.highlightText,\n    },\n  });\n\nexport default typography;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAAUC,KAAV;EAAA,OACjB,IAAAC,yBAAA,EAAiBF,OAAjB,EAA0B;IACxBG,2BAA2B,EAAE,IADL;IAExBC,UAAU,EAAEH,KAAK,CAACF,UAAN,CAAiBK,UAFL;IAGxBC,EAAE,oBACGJ,KAAK,CAACF,UAAN,CAAiBO,OADpB,CAHsB;IAMxBC,EAAE,oBACGN,KAAK,CAACF,UAAN,CAAiBS,MADpB,CANsB;IASxBC,EAAE,oBACGR,KAAK,CAACF,UAAN,CAAiBW,MADpB,CATsB;IAYxBC,EAAE,oBACGV,KAAK,CAACF,UAAN,CAAiBa,MADpB,CAZsB;IAexBC,KAAK,oBACAZ,KAAK,CAACF,UAAN,CAAiBe,UADjB,CAfmB;IAkBxBC,KAAK,oBACAd,KAAK,CAACF,UAAN,CAAiBe,UADjB,CAlBmB;IAqBxBE,SAAS,oBACJf,KAAK,CAACF,UAAN,CAAiBkB,aADb,CArBe;IAwBxBC,SAAS,oBACJjB,KAAK,CAACF,UAAN,CAAiBkB,aADb,CAxBe;IA2BxBE,MAAM,oBACDlB,KAAK,CAACF,UAAN,CAAiBkB,aADhB;EA3BkB,CAA1B,CADiB;AAAA,CAAnB;;eAiCelB,U"}
+{"version":3,"file":"typography.js","names":["typography","theme","suppressDeprecationWarnings","fontFamily","join","h1","xlTitle","h2","lTitle","h3","mTitle","h4","sTitle","body1","normalText","body2","subtitle1","highlightText","subtitle2","button","Object","values","palette"],"sources":["../../src/theme/typography.js"],"sourcesContent":["const typography = (theme) => ({\n  suppressDeprecationWarnings: true,\n  fontFamily: [...theme.typography.fontFamily].join(\",\"),\n  h1: {\n    ...theme.typography.xlTitle,\n  },\n  h2: {\n    ...theme.typography.lTitle,\n  },\n  h3: {\n    ...theme.typography.mTitle,\n  },\n  h4: {\n    ...theme.typography.sTitle,\n  },\n  body1: {\n    ...theme.typography.normalText,\n  },\n  body2: {\n    ...theme.typography.normalText,\n  },\n  subtitle1: {\n    ...theme.typography.highlightText,\n  },\n  subtitle2: {\n    ...theme.typography.highlightText,\n  },\n  button: {\n    ...theme.typography.highlightText,\n  },\n  ...Object.assign({}, ...Object.values(theme.palette)),\n});\n\nexport default typography;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;EAAA;IACjBC,2BAA2B,EAAE,IADZ;IAEjBC,UAAU,EAAE,iCAAIF,KAAK,CAACD,UAAN,CAAiBG,UAArB,EAAiCC,IAAjC,CAAsC,GAAtC,CAFK;IAGjBC,EAAE,oBACGJ,KAAK,CAACD,UAAN,CAAiBM,OADpB,CAHe;IAMjBC,EAAE,oBACGN,KAAK,CAACD,UAAN,CAAiBQ,MADpB,CANe;IASjBC,EAAE,oBACGR,KAAK,CAACD,UAAN,CAAiBU,MADpB,CATe;IAYjBC,EAAE,oBACGV,KAAK,CAACD,UAAN,CAAiBY,MADpB,CAZe;IAejBC,KAAK,oBACAZ,KAAK,CAACD,UAAN,CAAiBc,UADjB,CAfY;IAkBjBC,KAAK,oBACAd,KAAK,CAACD,UAAN,CAAiBc,UADjB,CAlBY;IAqBjBE,SAAS,oBACJf,KAAK,CAACD,UAAN,CAAiBiB,aADb,CArBQ;IAwBjBC,SAAS,oBACJjB,KAAK,CAACD,UAAN,CAAiBiB,aADb,CAxBQ;IA2BjBE,MAAM,oBACDlB,KAAK,CAACD,UAAN,CAAiBiB,aADhB;EA3BW,GA8Bd,iCAAc,EAAd,0CAAqBG,MAAM,CAACC,MAAP,CAAcpB,KAAK,CAACqB,OAApB,CAArB,GA9Bc;AAAA,CAAnB;;eAiCetB,U"}

package/dist/utils/hexToRgbA.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
-
-var _styles = require("@material-ui/core/styles");
+var _material = require("@mui/material");
 
 var hexToRgbA = function hexToRgbA(hex) {
   var factor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
-  return (0, _styles.alpha)((0, _core.hexToRgb)(hex), factor);
+  return (0, _material.alpha)((0, _material.hexToRgb)(hex), factor);
 };
 
 var _default = hexToRgbA;

package/dist/utils/hexToRgbA.js.map

@@ -1 +1 @@
-{"version":3,"file":"hexToRgbA.js","names":["hexToRgbA","hex","factor","alpha","hexToRgb"],"sources":["../../src/utils/hexToRgbA.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);\n\nexport default hexToRgbA;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD;EAAA,IAAMC,MAAN,uEAAe,GAAf;EAAA,OAAuB,IAAAC,aAAA,EAAM,IAAAC,cAAA,EAASH,GAAT,CAAN,EAAqBC,MAArB,CAAvB;AAAA,CAAlB;;eAEeF,S"}
+{"version":3,"file":"hexToRgbA.js","names":["hexToRgbA","hex","factor","alpha","hexToRgb"],"sources":["../../src/utils/hexToRgbA.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);\n\nexport default hexToRgbA;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD;EAAA,IAAMC,MAAN,uEAAe,GAAf;EAAA,OAAuB,IAAAC,eAAA,EAAM,IAAAC,kBAAA,EAASH,GAAT,CAAN,EAAqBC,MAArB,CAAvB;AAAA,CAAlB;;eAEeF,S"}

package/dist/utils/iconVariant.js

@@ -11,28 +11,30 @@ var _react = _interopRequireDefault(require("react"));
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var iconVariant = function iconVariant(variant, color, semantic) {
   switch (variant) {
     case "success":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Success, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Success, {
         color: color,
         semantic: semantic && "sema1"
       });
 
     case "warning":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Caution, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Caution, {
         color: color,
         semantic: semantic && "sema3"
       });
 
     case "error":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Fail, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Fail, {
         color: color,
         semantic: semantic && "sema4"
       });
 
     case "info":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Info, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Info, {
         color: color
       });
 

package/dist/utils/iconVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.js","names":["iconVariant","variant","color","semantic"],"sources":["../../src/utils/iconVariant.js"],"sourcesContent":["import React from \"react\";\nimport { Fail, Success, Caution, Info } from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,OAAD,EAAUC,KAAV,EAAiBC,QAAjB,EAA8B;EAChD,QAAQF,OAAR;IACE,KAAK,SAAL;MACE,oBAAO,6BAAC,wBAAD;QAAS,KAAK,EAAEC,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,SAAL;MACE,oBAAO,6BAAC,wBAAD;QAAS,KAAK,EAAED,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,OAAL;MACE,oBAAO,6BAAC,qBAAD;QAAM,KAAK,EAAED,KAAb;QAAoB,QAAQ,EAAEC,QAAQ,IAAI;MAA1C,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,6BAAC,qBAAD;QAAM,KAAK,EAAED;MAAb,EAAP;;IACF;MACE,OAAO,IAAP;EAVJ;AAYD,CAbD;;eAeeF,W"}
+{"version":3,"file":"iconVariant.js","names":["iconVariant","variant","color","semantic"],"sources":["../../src/utils/iconVariant.js"],"sourcesContent":["import React from \"react\";\nimport { Fail, Success, Caution, Info } from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,OAAD,EAAUC,KAAV,EAAiBC,QAAjB,EAA8B;EAChD,QAAQF,OAAR;IACE,KAAK,SAAL;MACE,oBAAO,qBAAC,wBAAD;QAAS,KAAK,EAAEC,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,SAAL;MACE,oBAAO,qBAAC,wBAAD;QAAS,KAAK,EAAED,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,OAAL;MACE,oBAAO,qBAAC,qBAAD;QAAM,KAAK,EAAED,KAAb;QAAoB,QAAQ,EAAEC,QAAQ,IAAI;MAA1C,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,qBAAC,qBAAD;QAAM,KAAK,EAAED;MAAb,EAAP;;IACF;MACE,OAAO,IAAP;EAVJ;AAYD,CAbD;;eAeeF,W"}

package/dist/utils/useWidth.js

@@ -15,14 +15,16 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var useWidth = function useWidth() {
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var keys = (0, _toConsumableArray2.default)(theme.breakpoints.keys).reverse();
   return keys.reduce(function (output, key) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var matches = (0, _core.useMediaQuery)(theme.breakpoints.up(key));
+    var matches = (0, _material.useMediaQuery)(theme.breakpoints.up(key));
     return !output && matches ? key : output;
   }, null) || "xs";
 };

package/dist/utils/useWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWidth.js","names":["useWidth","theme","useTheme","keys","breakpoints","reverse","reduce","output","key","matches","useMediaQuery","up"],"sources":["../../src/utils/useWidth.js"],"sourcesContent":["import { useMediaQuery, useTheme } from \"@material-ui/core\";\n\nconst useWidth = () => {\n  const theme = useTheme();\n  const keys = [...theme.breakpoints.keys].reverse();\n  return (\n    keys.reduce((output, key) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const matches = useMediaQuery(theme.breakpoints.up(key));\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n\nexport default useWidth;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,GAAM;EACrB,IAAMC,KAAK,GAAG,IAAAC,cAAA,GAAd;EACA,IAAMC,IAAI,GAAG,iCAAIF,KAAK,CAACG,WAAN,CAAkBD,IAAtB,EAA4BE,OAA5B,EAAb;EACA,OACEF,IAAI,CAACG,MAAL,CAAY,UAACC,MAAD,EAASC,GAAT,EAAiB;IAC3B;IACA,IAAMC,OAAO,GAAG,IAAAC,mBAAA,EAAcT,KAAK,CAACG,WAAN,CAAkBO,EAAlB,CAAqBH,GAArB,CAAd,CAAhB;IACA,OAAO,CAACD,MAAD,IAAWE,OAAX,GAAqBD,GAArB,GAA2BD,MAAlC;EACD,CAJD,EAIG,IAJH,KAIY,IALd;AAOD,CAVD;;eAYeP,Q"}
+{"version":3,"file":"useWidth.js","names":["useWidth","theme","useTheme","keys","breakpoints","reverse","reduce","output","key","matches","useMediaQuery","up"],"sources":["../../src/utils/useWidth.js"],"sourcesContent":["import { useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/styles\";\n\nconst useWidth = () => {\n  const theme = useTheme();\n  const keys = [...theme.breakpoints.keys].reverse();\n  return (\n    keys.reduce((output, key) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const matches = useMediaQuery(theme.breakpoints.up(key));\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n\nexport default useWidth;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,GAAM;EACrB,IAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,IAAMC,IAAI,GAAG,iCAAIF,KAAK,CAACG,WAAN,CAAkBD,IAAtB,EAA4BE,OAA5B,EAAb;EACA,OACEF,IAAI,CAACG,MAAL,CAAY,UAACC,MAAD,EAASC,GAAT,EAAiB;IAC3B;IACA,IAAMC,OAAO,GAAG,IAAAC,uBAAA,EAAcT,KAAK,CAACG,WAAN,CAAkBO,EAAlB,CAAqBH,GAArB,CAAd,CAAhB;IACA,OAAO,CAACD,MAAD,IAAWE,OAAX,GAAqBD,GAArB,GAA2BD,MAAlC;EACD,CAJD,EAIG,IAJH,KAIY,IALd;AAOD,CAVD;;eAYeP,Q"}

package/dist/withId.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -41,12 +51,18 @@ var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
 var _getComponentName = _interopRequireDefault(require("./utils/getComponentName"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id"];
 
 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 pascalToKebab = function pascalToKebab() {
   var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   return string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -61,7 +77,7 @@ var withId = function withId(Component) {
         _useState2 = (0, _slicedToArray2.default)(_useState, 1),
         internalId = _useState2[0];
 
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({
       id: internalId
     }, others));
   };

package/dist/withId.js.map

@@ -1 +1 @@
-{"version":3,"file":"withId.js","names":["pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","useState","uniqueId","getComponentName","internalId","propTypes","PropTypes","hoistNonReactStatics","process","env","NODE_ENV","Naked"],"sources":["../src/withId.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport getComponentName from \"./utils/getComponentName\";\n\nconst pascalToKebab = (string = \"\") => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }) => {\n    const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));\n    return <Component id={internalId} {...others} />;\n  };\n\n  WithId.propTypes = {\n    /**\n     * Component id.\n     */\n    id: PropTypes.string,\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAACC,MAAD,uEAAU,EAAV;EAAA,OAAiBA,MAAM,CAACC,OAAP,CAAe,oBAAf,EAAqC,OAArC,EAA8CC,WAA9C,EAAjB;AAAA,CAAtB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,SAAD,EAAe;EAC5B,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;IAAA,IAApBC,EAAoB,QAApBA,EAAoB;IAAA,IAAbC,MAAa;;IACpC,gBAAqB,IAAAC,eAAA,EAASF,EAAE,IAAI,IAAAG,iBAAA,YAAYV,aAAa,CAAC,IAAAW,yBAAA,EAAiBN,SAAjB,CAAD,CAAzB,OAAf,CAArB;IAAA;IAAA,IAAOO,UAAP;;IACA,oBAAO,6BAAC,SAAD;MAAW,EAAE,EAAEA;IAAf,GAA+BJ,MAA/B,EAAP;EACD,CAHD;;EAKA,wCAAAF,MAAM,CAACO,SAAP,GAAmB;IACjB;AACJ;AACA;IACIN,EAAE,EAAEO,kBAAA,CAAUb;EAJG,CAAnB,UAN4B,CAa5B;;EACA,IAAAc,6BAAA,EAAqBT,MAArB,EAA6BD,SAA7B;;EAEA,IAAIW,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACzCZ,MAAM,CAACa,KAAP,GAAed,SAAf;EACD;;EAED,OAAOC,MAAP;AACD,CArBD;;eAuBeF,M"}
+{"version":3,"file":"withId.js","names":["pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","useState","uniqueId","getComponentName","internalId","propTypes","PropTypes","hoistNonReactStatics","process","env","NODE_ENV","Naked"],"sources":["../src/withId.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport getComponentName from \"./utils/getComponentName\";\n\nconst pascalToKebab = (string = \"\") => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }) => {\n    const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));\n    return <Component id={internalId} {...others} />;\n  };\n\n  WithId.propTypes = {\n    /**\n     * Component id.\n     */\n    id: PropTypes.string,\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAACC,MAAD,uEAAU,EAAV;EAAA,OAAiBA,MAAM,CAACC,OAAP,CAAe,oBAAf,EAAqC,OAArC,EAA8CC,WAA9C,EAAjB;AAAA,CAAtB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,SAAD,EAAe;EAC5B,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;IAAA,IAApBC,EAAoB,QAApBA,EAAoB;IAAA,IAAbC,MAAa;;IACpC,gBAAqB,IAAAC,eAAA,EAASF,EAAE,IAAI,IAAAG,iBAAA,YAAYV,aAAa,CAAC,IAAAW,yBAAA,EAAiBN,SAAjB,CAAD,CAAzB,OAAf,CAArB;IAAA;IAAA,IAAOO,UAAP;;IACA,oBAAO,qBAAC,SAAD;MAAW,EAAE,EAAEA;IAAf,GAA+BJ,MAA/B,EAAP;EACD,CAHD;;EAKA,wCAAAF,MAAM,CAACO,SAAP,GAAmB;IACjB;AACJ;AACA;IACIN,EAAE,EAAEO,kBAAA,CAAUb;EAJG,CAAnB,UAN4B,CAa5B;;EACA,IAAAc,6BAAA,EAAqBT,MAArB,EAA6BD,SAA7B;;EAEA,IAAIW,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACzCZ,MAAM,CAACa,KAAP,GAAed,SAAf;EACD;;EAED,OAAOC,MAAP;AACD,CArBD;;eAuBeF,M"}

package/dist/withTooltip.js

@@ -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"));
@@ -43,6 +41,8 @@ var _Typography2 = _interopRequireDefault(require("./Typography"));
 
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -78,7 +78,9 @@ var withTooltip = function withTooltip(Component) {
         open = _useState4[0],
         setOpen = _useState4[1];
 
-    var title = _Typography || (_Typography = /*#__PURE__*/_react.default.createElement(_Typography2.default, null, label));
+    var title = _Typography || (_Typography = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography2.default, {
+      children: label
+    }));
 
     var handleMouseEnter = function handleMouseEnter(evt) {
       var isHidden = hideTooltip === null || hideTooltip === void 0 ? void 0 : hideTooltip(evt);
@@ -91,7 +93,7 @@ var withTooltip = function withTooltip(Component) {
       setOpen(false);
     };
 
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({
       style: _objectSpread({}, styles.truncate),
       disableHoverListener: isHoverDisabled,
       disableFocusListener: true,
@@ -99,10 +101,13 @@ var withTooltip = function withTooltip(Component) {
       title: title,
       open: open,
       placement: placement
-    }, tooltipProps), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, tooltipContainerProps, {
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    }), /*#__PURE__*/_react.default.createElement(Component, props)));
+    }, tooltipProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, tooltipContainerProps), {}, {
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props))
+      }))
+    }));
   };
 };
 

package/dist/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","useState","isHoverDisabled","setIsHoverDisabled","open","setOpen","title","handleMouseEnter","evt","isHidden","handleMouseLeave"],"sources":["../src/withTooltip.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport Typography from \"./Typography\";\nimport Tooltip from \"./Tooltip\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (Component, label = \"\", placement, hideTooltip, tooltipProps, tooltipContainerProps) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <Typography>{label}</Typography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <Tooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </Tooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,QADF;IAERC,YAAY,EAAE,UAFN;IAGRC,UAAU,EAAE;EAHJ;AADG,CAAf;;AAQA,IAAMC,WAAW,GACf,SADIA,WACJ,CAACC,SAAD;EAAA;;EAAA,IAAYC,KAAZ,uEAAoB,EAApB;EAAA,IAAwBC,SAAxB;EAAA,IAAmCC,WAAnC;EAAA,IAAgDC,YAAhD;EAAA,IAA8DC,qBAA9D;EAAA,OACA,UAACC,KAAD,EAAW;IACT,gBAA8C,IAAAC,eAAA,EAAS,KAAT,CAA9C;IAAA;IAAA,IAAOC,eAAP;IAAA,IAAwBC,kBAAxB;;IACA,iBAAwB,IAAAF,eAAA,EAAS,KAAT,CAAxB;IAAA;IAAA,IAAOG,IAAP;IAAA,IAAaC,OAAb;;IAEA,IAAMC,KAAK,8CAAG,6BAAC,oBAAD,QAAaX,KAAb,CAAH,CAAX;;IAEA,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,GAAD,EAAS;MAChC,IAAMC,QAAQ,GAAGZ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAGW,GAAH,CAA5B;MACAL,kBAAkB,CAACM,QAAD,CAAlB;MACAJ,OAAO,CAAC,CAACI,QAAF,CAAP;IACD,CAJD;;IAMA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;MAC7BP,kBAAkB,CAAC,KAAD,CAAlB;MACAE,OAAO,CAAC,KAAD,CAAP;IACD,CAHD;;IAKA,oBACE,6BAAC,gBAAD;MACE,KAAK,oBAAOjB,MAAM,CAACC,QAAd,CADP;MAEE,oBAAoB,EAAEa,eAFxB;MAGE,oBAAoB,MAHtB;MAIE,oBAAoB,MAJtB;MAKE,KAAK,EAAEI,KALT;MAME,IAAI,EAAEF,IANR;MAOE,SAAS,EAAER;IAPb,GAQME,YARN,gBAUE,+DACMC,qBADN;MAEE,YAAY,EAAEQ,gBAFhB;MAGE,YAAY,EAAEG;IAHhB,iBAKE,6BAAC,SAAD,EAAeV,KAAf,CALF,CAVF,CADF;EAoBD,CAtCD;AAAA,CADF;;eAyCeP,W"}
+{"version":3,"file":"withTooltip.js","names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","useState","isHoverDisabled","setIsHoverDisabled","open","setOpen","title","handleMouseEnter","evt","isHidden","handleMouseLeave"],"sources":["../src/withTooltip.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport Typography from \"./Typography\";\nimport Tooltip from \"./Tooltip\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (Component, label = \"\", placement, hideTooltip, tooltipProps, tooltipContainerProps) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <Typography>{label}</Typography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <Tooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </Tooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,QADF;IAERC,YAAY,EAAE,UAFN;IAGRC,UAAU,EAAE;EAHJ;AADG,CAAf;;AAQA,IAAMC,WAAW,GACf,SADIA,WACJ,CAACC,SAAD;EAAA;;EAAA,IAAYC,KAAZ,uEAAoB,EAApB;EAAA,IAAwBC,SAAxB;EAAA,IAAmCC,WAAnC;EAAA,IAAgDC,YAAhD;EAAA,IAA8DC,qBAA9D;EAAA,OACA,UAACC,KAAD,EAAW;IACT,gBAA8C,IAAAC,eAAA,EAAS,KAAT,CAA9C;IAAA;IAAA,IAAOC,eAAP;IAAA,IAAwBC,kBAAxB;;IACA,iBAAwB,IAAAF,eAAA,EAAS,KAAT,CAAxB;IAAA;IAAA,IAAOG,IAAP;IAAA,IAAaC,OAAb;;IAEA,IAAMC,KAAK,8CAAG,qBAAC,oBAAD;MAAA,UAAaX;IAAb,EAAH,CAAX;;IAEA,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,GAAD,EAAS;MAChC,IAAMC,QAAQ,GAAGZ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAGW,GAAH,CAA5B;MACAL,kBAAkB,CAACM,QAAD,CAAlB;MACAJ,OAAO,CAAC,CAACI,QAAF,CAAP;IACD,CAJD;;IAMA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;MAC7BP,kBAAkB,CAAC,KAAD,CAAlB;MACAE,OAAO,CAAC,KAAD,CAAP;IACD,CAHD;;IAKA,oBACE,qBAAC,gBAAD;MACE,KAAK,oBAAOjB,MAAM,CAACC,QAAd,CADP;MAEE,oBAAoB,EAAEa,eAFxB;MAGE,oBAAoB,MAHtB;MAIE,oBAAoB,MAJtB;MAKE,KAAK,EAAEI,KALT;MAME,IAAI,EAAEF,IANR;MAOE,SAAS,EAAER;IAPb,GAQME,YARN;MAAA,uBAUE,4DACMC,qBADN;QAEE,YAAY,EAAEQ,gBAFhB;QAGE,YAAY,EAAEG,gBAHhB;QAAA,uBAKE,qBAAC,SAAD,oBAAeV,KAAf;MALF;IAVF,GADF;EAoBD,CAtCD;AAAA,CADF;;eAyCeP,W"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.74.0",
+  "version": "4.0.1-next.2",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -36,35 +36,38 @@
     "ts-check": "npx tsc -p ."
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.12.3",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/material": "^5.9.0",
+    "@mui/styles": "^5.9.0",
     "react": "^16.13.1 || ^17.0.2",
     "react-dom": "^16.13.1 || ^17.0.2"
   },
   "dependencies": {
-    "@hitachivantara/uikit-common-themes": "^3.6.3",
-    "@hitachivantara/uikit-react-icons": "^3.9.6",
+    "@hitachivantara/uikit-common-themes": "^4.0.1-next.0",
+    "@hitachivantara/uikit-react-icons": "^4.0.1-next.1",
     "@popperjs/core": "2.11.5",
+    "@types/react-table": "^7.7.12",
     "attr-accept": "^2.2.2",
     "clsx": "^1.2.1",
-    "dayjs": "^1.11.3",
+    "dayjs": "^1.11.4",
     "deep-diff": "^1.0.2",
     "detect-browser": "^5.3.0",
     "focus-visible": "^5.2.0",
     "focus-within-polyfill": "5.2.1",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
-    "notistack": "^1.0.10",
+    "notistack": "^2.0.5",
     "popper-max-size-modifier": "^0.2.0",
     "prop-types": "^15.8.1",
-    "rc-slider": "10.0.0",
-    "rc-tooltip": "^5.1.1",
+    "rc-slider": "10.0.1",
+    "rc-tooltip": "^5.2.2",
     "react-debounce-render": "^8.0.2",
     "react-google-charts": "^4.0.0",
     "react-outside-click-handler": "^1.3.0",
     "react-popper": "^2.3.0",
     "react-resize-detector": "^7.1.2",
-    "react-table": "6.8.6",
-    "react-table-hoc-fixed-columns": "2.1.1",
+    "react-table": "^7.8.0",
     "react-virtualized-auto-sizer": "^1.0.6",
     "react-window": "^1.8.7"
   },
@@ -80,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c22744ec752bf0b2957e69354b1988369246bd9e"
+  "gitHead": "524058aa88c941ba8eabdd8cf0fe467cb091ef05"
 }

package/dist/AssetInventory/AssetInventory.d.ts

@@ -1,184 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-import { HvActionsGenericCommonProps } from "../ActionsGeneric";
-import { CardViewConfiguration } from "./CardView";
-import { ListViewConfiguration } from "./ListView";
-import { ListValueProp } from "../List";
-import { HvPaginationCommonProps } from "../Pagination";
-
-export interface AssetInventoryConfiguration extends ListViewConfiguration, CardViewConfiguration {}
-
-export type AssetInventoryMetadata = {
-  /**
-   * id associated with data entry
-   */
-  id?: string;
-  /**
-   * title associated with data entry
-   */
-  title?: string;
-  /**
-   * accessor associated with data entry
-   */
-  accessor?: string;
-  /**
-   * value type used for searching data entries
-   */
-  cellType?: "alpha-numeric" | "numeric" | "date" | "node";
-  /**
-   * whether the data entry is sortable
-   */
-  sortable?: boolean;
-  /**
-   * label describing ascending sort
-   */
-  sortableLabelAsc?: string;
-  /**
-   * label describing descending sort
-   */
-  sortableLabelDesc?: string;
-  /**
-   * custom function to sort the values
-   * @param a
-   * @param b
-   */
-  sortFunction?: (a: any, b: any) => boolean;
-  /**
-   * whether the data entry is searchable
-   */
-  searchable?: boolean;
-  /**
-   * custom function to search the values
-   * @param entryValue
-   * @param searchValue
-   */
-  searchFunction?: (entryValue: any, searchValue: any) => boolean;
-};
-
-export type ClassKey =
-  | "root"
-  | "controlsContainer"
-  | "search"
-  | "rightControls"
-  | "multiButtons"
-  | "viewContainer"
-  | "sortContainer"
-  | "searchBoxContainer"
-  | "pagination";
-
-export interface HvAssetInventoryProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey>,
-    HvActionsGenericCommonProps,
-    HvPaginationCommonProps {
-  /**
-   * Data passed to the component.
-   */
-  values: {
-    id: string;
-  }[];
-  /**
-   * Labels.
-   */
-  labels?: {
-    /**
-     * The label of the sort.
-     */
-    sortBy?: string;
-    /**
-     * The label on top of the search box.
-     */
-    inputLabel?: string;
-    /**
-     * the placeholder value of the search box.
-     */
-    placeholder?: string;
-  };
-  /**
-   * Contains the metadata for the values and the necessary configuration for the views,
-   * check the views for the specific view configuration.
-   */
-  configuration: {
-    metadata: AssetInventoryMetadata[];
-    viewConfiguration?: AssetInventoryConfiguration;
-  };
-  /**
-   * Callback evoked in the selection of the card.
-   */
-  onSelection?: (event: React.FormEvent<HTMLDivElement>, selection: string[]) => void;
-  /**
-   * Extra filters
-   */
-  FilterPlaceholder?: React.ReactElement;
-  /**
-   * Indicates if the views are selectable.
-   */
-  isSelectable?: boolean;
-  /**
-   * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).
-   */
-  selectedValues?: string[];
-  /**
-   * The selected view id.
-   */
-  selectedView?: string;
-  /**
-   * Defines whether the Asset Inventory includes the bulk actions component.
-   */
-  hasBulkActions?: boolean;
-  /**
-   * Defines whether the Asset Inventory includes the pagination component.
-   */
-  hasPagination?: boolean;
-  /**
-   * Enable or disable the server side pagination mechanism
-   */
-  paginationServerSide?: boolean;
-  /**
-   * Search callback.
-   */
-  onSearch?: (value: string) => void;
-  /**
-   * Sort callback.
-   */
-  onSortChange?: (value: ListValueProp) => void;
-  /**
-   * View change callback.
-   */
-  onViewChange?: (event: React.FormEvent<HTMLDivElement>, index: number) => void;
-  /**
-   * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.
-   */
-  sortOptionId?: string;
-  /**
-   * Visual indicator of the search string used.
-   */
-  searchString?: string;
-  /**
-   * Disable portal on the Sort dropdown
-   */
-  disablePortal?: boolean;
-  /**
-   * Other props passed to the searchbox.
-   */
-  searchProps?: object;
-  /**
-   * Other props passed to the Sort. If you want to control the aria-label
-   * use the labels.sortBy, as it is mapped directly to the aria-label.
-   */
-  sortProps?: object;
-  /**
-   * Array of others prop passed to the created button. Each element must include the id of the view
-   * and other props to pe passed to each button.
-   */
-  multibuttonProps?: object;
-  /**
-   * Other props passed to the pagination.
-   */
-  paginationProps?: HvPaginationCommonProps;
-  /**
-   * Component to the present when no data is available.
-   */
-  emptyComponent?: React.ReactNode;
-}
-
-export default function HvAssetInventory(props: HvAssetInventoryProps): JSX.Element | null;