@natoora-libs/core 0.0.34 → 0.0.36

package/dist/{chunk-RHG2EMI3.js → chunk-TZJCFK33.js}

@@ -158,7 +158,7 @@ var useStyles = makeStyles()(() => ({
     backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
   }
 }));
-var Loading = ({ isLoading }) => {
+var Loading = ({ isLoading = false }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ jsx(
     Backdrop,
@@ -178,4 +178,4 @@ export {
   colors,
   Loading_default
 };
-//# sourceMappingURL=chunk-RHG2EMI3.js.map
+//# sourceMappingURL=chunk-TZJCFK33.js.map

package/dist/chunk-TZJCFK33.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/buttons.js","../src/resources/styles/colors/cards.js","../src/resources/styles/colors.js"],"sourcesContent":["import React from 'react';\n\nimport { Backdrop, CircularProgress } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { isDarkModeEnabled } from '@/resources/styles/colors';\n\nconst useStyles = makeStyles()(() => ({\n  wrapper: {\n    /**\n     * MUI Dialogs have z-index = 1300\n     */\n    zIndex: 1301,\n    backgroundColor: isDarkModeEnabled\n      ? 'rgba(0, 0, 0, 0.5)'\n      : 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\ninterface ILoading {\n  isLoading?: boolean;\n}\n\nconst Loading = ({ isLoading = false }: ILoading) => {\n  const { classes } = useStyles();\n\n  return (\n    <Backdrop\n      aria-hidden={!isLoading}\n      className={classes.wrapper}\n      open={isLoading}\n      data-testid=\"backdrop-loading\"\n    >\n      <CircularProgress color=\"primary\" />\n    </Backdrop>\n  );\n};\n\nexport default Loading;\n","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst buttonColors = {\n  roundButton: {\n    default: {\n      border: isDarkModeEnabled ? '#CECECE' : '#999999',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      disabled: {\n        color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.26)',\n      },\n      hover: {\n        background: isDarkModeEnabled\n          ? 'rgba(255, 255, 255, 0.08)'\n          : 'rgba(0, 0, 0, 0.04)',\n      },\n    },\n    filled: {\n      background: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n      color: isDarkModeEnabled ? '#CECECE' : 'rgba(0, 0, 0, 0.87)',\n      hover: {\n        background: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n      },\n    },\n    active: {\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .24)',\n      },\n    },\n    contrast: {\n      border: '#CECECE',\n      color: '#CECECE',\n      hover: {\n        background: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n    tableButton: {\n      color: isDarkModeEnabled ? '#FFFFFF8F' : '#0000008A',\n    },\n    focused: {\n      background: isDarkModeEnabled\n        ? 'rgba(233, 251, 98, 0.08)'\n        : 'rgba(7, 129, 206, .24)',\n      color: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n      hover: {\n        background: 'rgba(7, 129, 206, .30)',\n      },\n    },\n    error: '#D32F2F',\n  },\n};\n\nexport default buttonColors;\n","const stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\nconst cardColors = {\n  movementCard: {\n    default: {\n      background: isDarkModeEnabled ? '#555' : '#FFF',\n    },\n    disabled: {\n      background: isDarkModeEnabled ? '#2F2F2F' : '#ECECEC',\n    },\n    pill: {\n      color: isDarkModeEnabled ? '#555555' : '#FFFFFF',\n      background: isDarkModeEnabled ? '#FFFFFF' : '#999999',\n    },\n  },\n  rowProductCard: {\n    locationSubtitle: isDarkModeEnabled\n      ? 'rgba(255, 255, 255, 0.54)'\n      : 'rgba(0, 0, 0, 0.54)',\n  },\n};\n\nexport default cardColors;\n","import buttonColors from './colors/buttons';\nimport cardColors from './colors/cards';\n\nconst stylesheet = localStorage.getItem('@stylesheet');\nexport const isDarkModeEnabled = stylesheet === 'styles/style-dark.css';\n\n/**\n * Even thought spliting colors per component is not the best approach, it will help developers when refactoring the color system\n */\nexport const colors = {\n  ...buttonColors,\n  ...cardColors,\n  background: isDarkModeEnabled ? '#424242' : '#FEFEFE',\n  backgroundGrey100: isDarkModeEnabled ? '#424242' : '#F1F1F1',\n  backgroundGrey200: isDarkModeEnabled ? '#1f252a' : '#F0EBE6',\n  backgroundHeader: isDarkModeEnabled ? '#595959' : '#f4f4f4',\n  backgroundHeaderModal: isDarkModeEnabled ? '#595959' : '#fAfAfA',\n  backgroundBorder: isDarkModeEnabled ? '#272727' : '#f0f0f0',\n  backgroundPaper: isDarkModeEnabled ? '#262626' : '#f4f4f4',\n  backgroundPaper100: isDarkModeEnabled ? '#424242' : '#ECECEC',\n  backgroundContentLayer: isDarkModeEnabled ? '#212121' : '#F5F4F4',\n  backgroundTabsContent: isDarkModeEnabled ? '#2A2A2A' : '#FAFAFA',\n  black: '#000',\n  black900: isDarkModeEnabled ? '#F1F1F1' : '#1f252a',\n  brightGray: isDarkModeEnabled ? '#555555' : '#ECECEC',\n  borderColor: isDarkModeEnabled ? '#FFFFFF1F' : '#CECECE',\n  disabledColor: isDarkModeEnabled ? '#424242' : '#f7f5f5',\n  gradientBackground: isDarkModeEnabled\n    ? 'linear-gradient(to right, #e3dbda40, #D2D8DC8a)'\n    : 'linear-gradient(to right, #E3DBDA, #D2D8DC)',\n  grey050: '#FEFEFE',\n  grey100: isDarkModeEnabled ? '#272c34' : '#F1F1F1',\n  grey150: isDarkModeEnabled ? '#424242' : 'rgba(240, 235, 230, 0.5)',\n  grey200: isDarkModeEnabled ? '#2F2F2F' : '#E0E0E0',\n  grey300: isDarkModeEnabled ? '#878787' : '#C8C8C8',\n  grey400: isDarkModeEnabled ? '#9E9E9E' : '#BDBDBD',\n  grey500: isDarkModeEnabled ? '#A8A8A8' : '#878787',\n  grey600: isDarkModeEnabled ? '#606060' : '#DFDFDF',\n  grey650: isDarkModeEnabled ? '#CECECE' : '#555555',\n  grey700: '#4D4D4D',\n  grey750: '#424242',\n  grey800: '#2F2F2F',\n  grey900: isDarkModeEnabled ? '#222222' : '#F0F0F0',\n  iconSearch: isDarkModeEnabled ? '#E0E0E0' : '#606060',\n  muiDefault: isDarkModeEnabled ? '#606060' : '#E0E0E0',\n  muiPrimary: isDarkModeEnabled ? '#E9FB62' : '#0781CE',\n  muiPrimaryBlack: isDarkModeEnabled ? '#E9FB62' : '#000',\n  lightMuiPrimaryColorBackground: isDarkModeEnabled ? '#e9fb6214' : '#eff4fb',\n  lightBlueBackground: isDarkModeEnabled ? '#3c4248' : '#eff4fb',\n  muiPrimaryAlternate: '#07BAF1',\n  muiPrimaryHover: isDarkModeEnabled ? '#cddc39' : '#1565c0',\n  muiSecondary: '#A42966',\n  muiSecondaryAlternate: '#EC613C',\n  muiSuccess: '#4caf50',\n  muiSuccessAlternate: '#357a38',\n  paper: isDarkModeEnabled ? '#424242' : '#FFFFFF',\n  shadow: isDarkModeEnabled ? '#1f252a' : '#878787',\n  tableRow1: isDarkModeEnabled ? '#333333' : '#FFFFFF',\n  tableRow2: isDarkModeEnabled ? '#212121' : '#FAFAFA',\n  topBar: '#111111',\n  transparent: {\n    black10: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.1)',\n    black20: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.2)',\n    black30: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.3)',\n    black50: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.5)',\n    black80: isDarkModeEnabled ? 'inherit' : 'rgba(0,0,0,0.8)',\n    coralRed80: 'rgba(244,67,54,0.08)',\n    muiPrimary10: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.10)'\n      : 'rgba(7, 129, 206, .10)',\n    muiPrimary20: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.20)'\n      : 'rgba(7, 129, 206, .20)',\n    muiPrimary30: isDarkModeEnabled\n      ? 'rgba(233, 251, 98, 0.30)'\n      : 'rgba(7, 129, 206, .30)',\n    muiSecondaryAlternate30: 'rgba(236, 97, 60, .3)',\n    navyBlue: 'rgba(25, 118, 210, 0.08)',\n    white10: 'rgba(255,255,255,0.1)',\n    white20: 'rgba(255,255,255,0.2)',\n    white40: 'rgba(255,255,255,0.4)',\n  },\n  white: isDarkModeEnabled ? '#222222' : '#FFFFFF',\n  contrast: isDarkModeEnabled ? '#FFF' : '#000',\n  inputLabel: isDarkModeEnabled ? '#FFF' : '#6c6c6c',\n};\n"],"mappings":"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","names":["stylesheet","isDarkModeEnabled","stylesheet","isDarkModeEnabled","isDarkModeEnabled"]}

package/dist/components/index.cjs

@@ -2454,7 +2454,7 @@ var RoundButton = ({
     chevronUp: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.KeyboardArrowUp, { fontSize: iconSize }),
     chevronDown: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.KeyboardArrowDown, { fontSize: iconSize }),
     close: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Close, { fontSize: iconSize }),
-    delete: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Delete, { fontSize: iconSize, fill: colors.grey650 }),
+    delete: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
     done: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Done, { fontSize: iconSize }),
     edit: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Edit, { fontSize: iconSize }),
     email: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons_material2.Email, { fontSize: iconSize }),
@@ -2570,7 +2570,7 @@ var defaultTheme = (0, import_styles.createTheme)({
     mode: isDarkModeEnabled3 ? "dark" : "light",
     default: {
       main: colors.grey650,
-      background: colors.white
+      background: colors.neutral100
     },
     primary: {
       main: colors.muiPrimary,
@@ -2765,7 +2765,7 @@ var useStyles13 = (0, import_mui14.makeStyles)()(() => ({
     backgroundColor: isDarkModeEnabled3 ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.8)"
   }
 }));
-var Loading = ({ isLoading }) => {
+var Loading = ({ isLoading = false }) => {
   const { classes } = useStyles13();
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     import_material13.Backdrop,
@@ -2989,7 +2989,7 @@ var drawerAppList = [
         name: "Content Management",
         routeName: "content-management",
         alwaysDisplay: false,
-        featureNames: ["cms"],
+        featureNames: [featureName_default.CONTENT_MANAGEMENT],
         pinned: null,
         icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(icons_default.SvgIconContentManagement, {}),
         url: "/react/content-management"
@@ -3136,7 +3136,7 @@ var drawerAppList = [
         routeName: "kanban",
         alwaysDisplay: false,
         featureNames: [featureName_default.KANBAN],
-        pinned: "kanbancards",
+        pinned: "kanban_cards",
         icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(icons_default.SvgIconVkc, {}),
         url: `/#/kanban`
       },
@@ -3495,7 +3495,6 @@ var LeftDrawer_default = (0, import_react57.memo)(LeftDrawer);
 var import_Pagination = __toESM(require("@mui/material/Pagination"), 1);
 var import_Paper = __toESM(require("@mui/material/Paper"), 1);
 var import_Typography2 = __toESM(require("@mui/material/Typography"), 1);
-var import_prop_types8 = require("prop-types");
 var import_mui17 = require("tss-react/mui");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var paginationHeight = "56px";
@@ -3564,23 +3563,11 @@ var PaginationForTable = ({
     }
   ) });
 };
-PaginationForTable.defaultProps = {
-  className: ""
-};
-PaginationForTable.propTypes = {
-  appliedFilters: import_prop_types8.any,
-  className: import_prop_types8.string,
-  page: import_prop_types8.any,
-  pagination: import_prop_types8.object,
-  position: (0, import_prop_types8.oneOf)(["relative", "fixed"]),
-  style: import_prop_types8.any,
-  updateFilters: import_prop_types8.func.isRequired
-};
 var PaginationForTable_default = PaginationForTable;
 
 // src/components/ProductImage/ProductImage.tsx
 var import_material16 = require("@mui/material");
-var import_prop_types9 = require("prop-types");
+var import_prop_types8 = require("prop-types");
 var import_mui18 = require("tss-react/mui");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var PImage = ({
@@ -3676,10 +3663,10 @@ var ProductImage = (0, import_mui18.withStyles)(PImage, (theme) => ({
   }
 }));
 PImage.propTypes = {
-  classes: import_prop_types9.any,
-  image: import_prop_types9.string,
-  size: import_prop_types9.string,
-  status: import_prop_types9.any
+  classes: import_prop_types8.any,
+  image: import_prop_types8.string,
+  size: import_prop_types8.string,
+  status: import_prop_types8.any
 };
 var ProductImage_default = ProductImage;
 
@@ -3742,7 +3729,7 @@ var RenderContentList_default = RenderContentList;
 // src/components/RowProductCard/RowProductCard.tsx
 var import_material18 = require("@mui/material");
 var import_mui20 = require("tss-react/mui");
-var import_prop_types10 = require("prop-types");
+var import_prop_types9 = require("prop-types");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var useStyles18 = (0, import_mui20.makeStyles)()((theme) => ({
   wrapper: {
@@ -3841,36 +3828,36 @@ RowProductCard.propTypes = {
   /**
    * Possible actions or buttons that the card can have
    */
-  children: import_prop_types10.node,
+  children: import_prop_types9.node,
   /**
    * Details about the product
    */
-  columns: (0, import_prop_types10.arrayOf)(
-    (0, import_prop_types10.shape)({
-      title: import_prop_types10.string,
-      value: (0, import_prop_types10.oneOfType)([import_prop_types10.string, import_prop_types10.node])
+  columns: (0, import_prop_types9.arrayOf)(
+    (0, import_prop_types9.shape)({
+      title: import_prop_types9.string,
+      value: (0, import_prop_types9.oneOfType)([import_prop_types9.string, import_prop_types9.node])
     })
   ),
   /**
    * Where is the product location
    */
-  location: import_prop_types10.string,
+  location: import_prop_types9.string,
   /**
    * Product information
    */
-  product: (0, import_prop_types10.shape)({
-    image: import_prop_types10.string.isRequired,
-    name: import_prop_types10.string.isRequired,
-    status: import_prop_types10.string
+  product: (0, import_prop_types9.shape)({
+    image: import_prop_types9.string.isRequired,
+    name: import_prop_types9.string.isRequired,
+    status: import_prop_types9.string
   }).isRequired,
-  size: (0, import_prop_types10.oneOf)(["small", "medium", "large"])
+  size: (0, import_prop_types9.oneOf)(["small", "medium", "large"])
 };
 var RowProductCard_default = RowProductCard;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
 var import_react61 = __toESM(require("react"), 1);
 var import_Box = __toESM(require("@mui/material/Box"), 1);
-var import_prop_types12 = __toESM(require("prop-types"), 1);
+var import_prop_types11 = __toESM(require("prop-types"), 1);
 var import_mui22 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
@@ -3879,7 +3866,7 @@ var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"),
 var import_ArrowDropUp = __toESM(require("@mui/icons-material/ArrowDropUp"), 1);
 var import_Search = __toESM(require("@mui/icons-material/Search"), 1);
 var import_material19 = require("@mui/material");
-var import_prop_types11 = __toESM(require("prop-types"), 1);
+var import_prop_types10 = __toESM(require("prop-types"), 1);
 var import_mui21 = require("tss-react/mui");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var useStyles19 = (0, import_mui21.makeStyles)()((theme) => ({
@@ -3991,12 +3978,12 @@ var SearchWithFiltersForTable = (props) => {
   ] });
 };
 SearchWithFiltersForTable.propTypes = {
-  onFilterButtonClick: import_prop_types11.default.func,
-  isOpen: import_prop_types11.default.bool,
-  updateSearch: import_prop_types11.default.func,
-  enterPressedInSearch: import_prop_types11.default.func,
-  showFilterButton: import_prop_types11.default.bool,
-  searchedValue: import_prop_types11.default.string
+  onFilterButtonClick: import_prop_types10.default.func,
+  isOpen: import_prop_types10.default.bool,
+  updateSearch: import_prop_types10.default.func,
+  enterPressedInSearch: import_prop_types10.default.func,
+  showFilterButton: import_prop_types10.default.bool,
+  searchedValue: import_prop_types10.default.string
 };
 var SearchWithFiltersForTable_default = import_react60.default.memo(SearchWithFiltersForTable);
 
@@ -4061,15 +4048,15 @@ var SearchAndFilterHeaderForTable = (props) => {
   ] });
 };
 SearchAndFilterHeaderForTable.propTypes = {
-  appName: import_prop_types12.default.string,
-  button: import_prop_types12.default.node,
-  copy: import_prop_types12.default.string,
-  enterPressedInSearch: import_prop_types12.default.func,
-  isOpen: import_prop_types12.default.bool,
-  onFilterButtonClick: import_prop_types12.default.func,
-  searchedValue: import_prop_types12.default.string,
-  showFilterButton: import_prop_types12.default.bool,
-  updateSearch: import_prop_types12.default.func
+  appName: import_prop_types11.default.string,
+  button: import_prop_types11.default.node,
+  copy: import_prop_types11.default.string,
+  enterPressedInSearch: import_prop_types11.default.func,
+  isOpen: import_prop_types11.default.bool,
+  onFilterButtonClick: import_prop_types11.default.func,
+  searchedValue: import_prop_types11.default.string,
+  showFilterButton: import_prop_types11.default.bool,
+  updateSearch: import_prop_types11.default.func
 };
 var SearchAndFilterHeaderForTable_default = import_react61.default.memo(SearchAndFilterHeaderForTable);
 
@@ -4251,7 +4238,7 @@ var SectionName_default = SectionName;
 
 // src/components/Shift/Shift.tsx
 var import_material22 = require("@mui/material");
-var import_prop_types13 = require("prop-types");
+var import_prop_types12 = require("prop-types");
 var import_mui25 = require("tss-react/mui");
 
 // src/resources/icons/DayIcon.js
@@ -4340,14 +4327,14 @@ var Shift = ({ shift }) => {
   );
 };
 Shift.propTypes = {
-  shift: (0, import_prop_types13.oneOf)(Object.values(ShiftEnum))
+  shift: (0, import_prop_types12.oneOf)(Object.values(ShiftEnum))
 };
 var Shift_default = Shift;
 
 // src/components/surfaces/FixedFooter/index.js
 var import_react65 = __toESM(require("react"), 1);
 var import_material23 = require("@mui/material");
-var import_prop_types14 = __toESM(require("prop-types"), 1);
+var import_prop_types13 = __toESM(require("prop-types"), 1);
 var import_mui26 = require("tss-react/mui");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var footerHeight = "64px";
@@ -4385,8 +4372,8 @@ var FixedFooter = ({ justifyContent, children }) => {
   ] });
 };
 FixedFooter.propTypes = {
-  children: import_prop_types14.default.node.isRequired,
-  justifyContent: import_prop_types14.default.string
+  children: import_prop_types13.default.node.isRequired,
+  justifyContent: import_prop_types13.default.string
 };
 var FixedFooter_default = import_react65.default.memo(FixedFooter);
 
@@ -4396,7 +4383,7 @@ var import_TableCell = __toESM(require("@mui/material/TableCell"), 1);
 var import_TableHead = __toESM(require("@mui/material/TableHead"), 1);
 var import_TableRow = __toESM(require("@mui/material/TableRow"), 1);
 var import_TableSortLabel = __toESM(require("@mui/material/TableSortLabel"), 1);
-var import_prop_types15 = __toESM(require("prop-types"), 1);
+var import_prop_types14 = __toESM(require("prop-types"), 1);
 var import_mui27 = require("tss-react/mui");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var useStyles25 = (0, import_mui27.makeStyles)()(() => ({
@@ -4455,10 +4442,10 @@ var SmartTableHeader = (props) => {
   )) }) });
 };
 SmartTableHeader.propTypes = {
-  order: import_prop_types15.default.string,
-  orderBy: import_prop_types15.default.string,
-  onRequestSort: import_prop_types15.default.func,
-  headCells: import_prop_types15.default.any
+  order: import_prop_types14.default.string,
+  orderBy: import_prop_types14.default.string,
+  onRequestSort: import_prop_types14.default.func,
+  headCells: import_prop_types14.default.any
 };
 var SmartTableHeader_default = import_react66.default.memo(SmartTableHeader);
 
@@ -4570,7 +4557,7 @@ var TableDesktop = ({
     updateSort(property, orderDir);
   };
   const emptyRows = rowsPerPage - data.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material25.Paper, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: [...Array(Math.floor(rowsPerPage))].map(() => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material25.Paper, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: [...Array(Math.floor(rowsPerPage))].map((rowPerPage) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_material25.Skeleton,
     {
       animation: "pulse",
@@ -4578,7 +4565,7 @@ var TableDesktop = ({
       variant: "rectangular",
       height: rowHeight
     },
-    Math.random()
+    rowPerPage
   )) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material25.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
       import_material25.Table,
@@ -4624,7 +4611,7 @@ var TableDesktop_default = TableDesktop;
 var import_react68 = require("react");
 var import_ImportExport = __toESM(require("@mui/icons-material/ImportExport"), 1);
 var import_material26 = require("@mui/material");
-var import_prop_types16 = require("prop-types");
+var import_prop_types15 = require("prop-types");
 var import_mui30 = require("tss-react/mui");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var useStyles28 = (0, import_mui30.makeStyles)()(() => ({
@@ -4686,15 +4673,15 @@ TableHeader.defaultProps = {
   onSort: null
 };
 TableHeader.propTypes = {
-  cells: (0, import_prop_types16.arrayOf)(
-    (0, import_prop_types16.shape)({
-      direction: (0, import_prop_types16.oneOf)(["asc", "desc", ""]),
-      isSortable: import_prop_types16.bool,
-      label: import_prop_types16.string,
-      name: import_prop_types16.string
+  cells: (0, import_prop_types15.arrayOf)(
+    (0, import_prop_types15.shape)({
+      direction: (0, import_prop_types15.oneOf)(["asc", "desc", ""]),
+      isSortable: import_prop_types15.bool,
+      label: import_prop_types15.string,
+      name: import_prop_types15.string
     })
   ).isRequired,
-  onSort: import_prop_types16.func
+  onSort: import_prop_types15.func
 };
 var TableHeader_default = (0, import_react68.memo)(TableHeader);