@natoora-libs/core 0.2.46 → 0.2.48-dev-doug-1

package/dist/components/index.js

@@ -10,295 +10,6 @@ import {
   getFlattenedFiltersLabels,
   getSelectOptionFromKeyPress
 } from "../chunk-3UDYWCV6.js";
-import {
-  __commonJS,
-  __toESM
-} from "../chunk-5WRI5ZAA.js";
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObject.js
-var require_isObject = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObject.js"(exports, module) {
-    function isObject(value) {
-      var type = typeof value;
-      return value != null && (type == "object" || type == "function");
-    }
-    module.exports = isObject;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_freeGlobal.js
-var require_freeGlobal = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_freeGlobal.js"(exports, module) {
-    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-    module.exports = freeGlobal;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_root.js
-var require_root = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_root.js"(exports, module) {
-    var freeGlobal = require_freeGlobal();
-    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-    var root = freeGlobal || freeSelf || Function("return this")();
-    module.exports = root;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/now.js
-var require_now = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/now.js"(exports, module) {
-    var root = require_root();
-    var now = function() {
-      return root.Date.now();
-    };
-    module.exports = now;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_trimmedEndIndex.js
-var require_trimmedEndIndex = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_trimmedEndIndex.js"(exports, module) {
-    var reWhitespace = /\s/;
-    function trimmedEndIndex(string) {
-      var index = string.length;
-      while (index-- && reWhitespace.test(string.charAt(index))) {
-      }
-      return index;
-    }
-    module.exports = trimmedEndIndex;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseTrim.js
-var require_baseTrim = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseTrim.js"(exports, module) {
-    var trimmedEndIndex = require_trimmedEndIndex();
-    var reTrimStart = /^\s+/;
-    function baseTrim(string) {
-      return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-    }
-    module.exports = baseTrim;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_Symbol.js
-var require_Symbol = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_Symbol.js"(exports, module) {
-    var root = require_root();
-    var Symbol = root.Symbol;
-    module.exports = Symbol;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_getRawTag.js
-var require_getRawTag = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_getRawTag.js"(exports, module) {
-    var Symbol = require_Symbol();
-    var objectProto = Object.prototype;
-    var hasOwnProperty = objectProto.hasOwnProperty;
-    var nativeObjectToString = objectProto.toString;
-    var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
-    function getRawTag(value) {
-      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
-      try {
-        value[symToStringTag] = void 0;
-        var unmasked = true;
-      } catch (e) {
-      }
-      var result = nativeObjectToString.call(value);
-      if (unmasked) {
-        if (isOwn) {
-          value[symToStringTag] = tag;
-        } else {
-          delete value[symToStringTag];
-        }
-      }
-      return result;
-    }
-    module.exports = getRawTag;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_objectToString.js
-var require_objectToString = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_objectToString.js"(exports, module) {
-    var objectProto = Object.prototype;
-    var nativeObjectToString = objectProto.toString;
-    function objectToString(value) {
-      return nativeObjectToString.call(value);
-    }
-    module.exports = objectToString;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseGetTag.js
-var require_baseGetTag = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_baseGetTag.js"(exports, module) {
-    var Symbol = require_Symbol();
-    var getRawTag = require_getRawTag();
-    var objectToString = require_objectToString();
-    var nullTag = "[object Null]";
-    var undefinedTag = "[object Undefined]";
-    var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
-    function baseGetTag(value) {
-      if (value == null) {
-        return value === void 0 ? undefinedTag : nullTag;
-      }
-      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-    }
-    module.exports = baseGetTag;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObjectLike.js
-var require_isObjectLike = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isObjectLike.js"(exports, module) {
-    function isObjectLike(value) {
-      return value != null && typeof value == "object";
-    }
-    module.exports = isObjectLike;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isSymbol.js
-var require_isSymbol = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isSymbol.js"(exports, module) {
-    var baseGetTag = require_baseGetTag();
-    var isObjectLike = require_isObjectLike();
-    var symbolTag = "[object Symbol]";
-    function isSymbol(value) {
-      return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
-    }
-    module.exports = isSymbol;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/toNumber.js
-var require_toNumber = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/toNumber.js"(exports, module) {
-    var baseTrim = require_baseTrim();
-    var isObject = require_isObject();
-    var isSymbol = require_isSymbol();
-    var NAN = 0 / 0;
-    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-    var reIsBinary = /^0b[01]+$/i;
-    var reIsOctal = /^0o[0-7]+$/i;
-    var freeParseInt = parseInt;
-    function toNumber(value) {
-      if (typeof value == "number") {
-        return value;
-      }
-      if (isSymbol(value)) {
-        return NAN;
-      }
-      if (isObject(value)) {
-        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-        value = isObject(other) ? other + "" : other;
-      }
-      if (typeof value != "string") {
-        return value === 0 ? value : +value;
-      }
-      value = baseTrim(value);
-      var isBinary = reIsBinary.test(value);
-      return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-    }
-    module.exports = toNumber;
-  }
-});
-
-// ../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/debounce.js
-var require_debounce = __commonJS({
-  "../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/debounce.js"(exports, module) {
-    var isObject = require_isObject();
-    var now = require_now();
-    var toNumber = require_toNumber();
-    var FUNC_ERROR_TEXT = "Expected a function";
-    var nativeMax = Math.max;
-    var nativeMin = Math.min;
-    function debounce2(func, wait, options) {
-      var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-      if (typeof func != "function") {
-        throw new TypeError(FUNC_ERROR_TEXT);
-      }
-      wait = toNumber(wait) || 0;
-      if (isObject(options)) {
-        leading = !!options.leading;
-        maxing = "maxWait" in options;
-        maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-        trailing = "trailing" in options ? !!options.trailing : trailing;
-      }
-      function invokeFunc(time) {
-        var args = lastArgs, thisArg = lastThis;
-        lastArgs = lastThis = void 0;
-        lastInvokeTime = time;
-        result = func.apply(thisArg, args);
-        return result;
-      }
-      function leadingEdge(time) {
-        lastInvokeTime = time;
-        timerId = setTimeout(timerExpired, wait);
-        return leading ? invokeFunc(time) : result;
-      }
-      function remainingWait(time) {
-        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-        return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-      }
-      function shouldInvoke(time) {
-        var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-        return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-      }
-      function timerExpired() {
-        var time = now();
-        if (shouldInvoke(time)) {
-          return trailingEdge(time);
-        }
-        timerId = setTimeout(timerExpired, remainingWait(time));
-      }
-      function trailingEdge(time) {
-        timerId = void 0;
-        if (trailing && lastArgs) {
-          return invokeFunc(time);
-        }
-        lastArgs = lastThis = void 0;
-        return result;
-      }
-      function cancel() {
-        if (timerId !== void 0) {
-          clearTimeout(timerId);
-        }
-        lastInvokeTime = 0;
-        lastArgs = lastCallTime = lastThis = timerId = void 0;
-      }
-      function flush() {
-        return timerId === void 0 ? result : trailingEdge(now());
-      }
-      function debounced() {
-        var time = now(), isInvoking = shouldInvoke(time);
-        lastArgs = arguments;
-        lastThis = this;
-        lastCallTime = time;
-        if (isInvoking) {
-          if (timerId === void 0) {
-            return leadingEdge(lastCallTime);
-          }
-          if (maxing) {
-            clearTimeout(timerId);
-            timerId = setTimeout(timerExpired, wait);
-            return invokeFunc(lastCallTime);
-          }
-        }
-        if (timerId === void 0) {
-          timerId = setTimeout(timerExpired, wait);
-        }
-        return result;
-      }
-      debounced.cancel = cancel;
-      debounced.flush = flush;
-      return debounced;
-    }
-    module.exports = debounce2;
-  }
-});
 
 // src/components/ActiveFiltersIconButton/ActiveFiltersIconButton.tsx
 import { memo } from "react";
@@ -6669,7 +6380,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
 var NumpadPlus_default = NumpadPlus;
 
 // src/components/Pagination/Pagination.tsx
-import { Pagination, Paper as Paper5, Typography as Typography22, Box as Box33 } from "@mui/material";
+import { Pagination, Paper as Paper5, Typography as Typography22 } from "@mui/material";
 import { makeStyles as makeStyles33 } from "tss-react/mui";
 import { jsx as jsx106, jsxs as jsxs69 } from "react/jsx-runtime";
 var paginationHeight = "56px";
@@ -6684,18 +6395,11 @@ var useStyles33 = makeStyles33()((theme) => ({
     borderRadius: "0 0 4px 4px",
     width: "100%",
     height: paginationHeight,
-    overflow: "hidden",
     "& > *": {
       margin: theme.spacing(2)
     },
-    "& .MuiPagination-root": {
-      minWidth: 0
-    },
-    "& .MuiPagination-ul": {
-      flexWrap: "nowrap"
-    },
-    "& .MuiPaginationItem-root": {
-      flexShrink: 0
+    "& .MuiTypography-body1": {
+      fontSize: ".850rem"
     }
   },
   fixed: {
@@ -6715,9 +6419,7 @@ var PaginationForTable = ({
   pagination,
   position = "relative",
   style,
-  updateFilters,
-  siblingCount = 1,
-  boundaryCount = 1
+  updateFilters
 }) => {
   const { classes, cx } = useStyles33();
   const handleChange = (event, value) => {
@@ -6725,7 +6427,7 @@ var PaginationForTable = ({
   };
   const isFixed = position === "fixed";
   return /* @__PURE__ */ jsx106(Paper5, { children: /* @__PURE__ */ jsxs69(
-    Box33,
+    "div",
     {
       style,
       className: cx(classes.root, className, {
@@ -6736,16 +6438,14 @@ var PaginationForTable = ({
           "Page: ",
           page
         ] }),
-        /* @__PURE__ */ jsx106(Box33, { style: { overflowX: "auto", maxWidth: 400 }, children: /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx106(
           Pagination,
           {
             count: pagination.num_pages,
-            page: Number(page),
-            onChange: handleChange,
-            siblingCount,
-            boundaryCount
+            page,
+            onChange: handleChange
           }
-        ) })
+        )
       ]
     }
   ) });
@@ -7284,7 +6984,7 @@ var ProductBust = withStyles4(PBust, (theme) => ({
 var ProductBust_default = ProductBust;
 
 // src/components/RenderAvatar/RenderAvatar.tsx
-import { Avatar, Badge, Box as Box34, Typography as Typography25 } from "@mui/material";
+import { Avatar, Badge, Box as Box33, Typography as Typography25 } from "@mui/material";
 import { withStyles as withStyles5 } from "tss-react/mui";
 import { jsx as jsx110, jsxs as jsxs73 } from "react/jsx-runtime";
 var RenderAvatar = ({ active }) => {
@@ -7296,7 +6996,7 @@ var RenderAvatar = ({ active }) => {
     }
   }));
   return /* @__PURE__ */ jsxs73(
-    Box34,
+    Box33,
     {
       sx: { display: "flex", flexDirection: "column", alignItems: "center" },
       children: [
@@ -7462,7 +7162,7 @@ var RenderContentList = ({
 var RenderContentList_default = RenderContentList;
 
 // src/components/RowProductCard/RowProductCard.tsx
-import { Box as Box35, Divider as Divider6, Paper as Paper6, Typography as Typography26 } from "@mui/material";
+import { Box as Box34, Divider as Divider6, Paper as Paper6, Typography as Typography26 } from "@mui/material";
 import { makeStyles as makeStyles36 } from "tss-react/mui";
 import { Fragment as Fragment11, jsx as jsx112, jsxs as jsxs75 } from "react/jsx-runtime";
 var useStyles36 = makeStyles36()((theme) => ({
@@ -7520,7 +7220,7 @@ var RowProductCard = ({
         }),
         children: [
           /* @__PURE__ */ jsxs75(
-            Box35,
+            Box34,
             {
               className: classes.upperRow,
               sx: {
@@ -7540,7 +7240,7 @@ var RowProductCard = ({
           hasColumns ? /* @__PURE__ */ jsxs75(Fragment11, { children: [
             /* @__PURE__ */ jsx112(Divider6, { className: classes.divider }),
             /* @__PURE__ */ jsx112(
-              Box35,
+              Box34,
               {
                 sx: {
                   display: "flex",
@@ -7562,7 +7262,7 @@ var RowProductCard_default = RowProductCard;
 
 // src/components/ScrollableDialog/ScrollableDialog.tsx
 import { useEffect as useEffect10, useRef as useRef7, useState as useState13 } from "react";
-import { Box as Box36, Dialog as Dialog4, Divider as Divider7, Fade, Paper as Paper7, Typography as Typography27 } from "@mui/material";
+import { Box as Box35, Dialog as Dialog4, Divider as Divider7, Fade, Paper as Paper7, Typography as Typography27 } from "@mui/material";
 import { makeStyles as makeStyles37 } from "tss-react/mui";
 import { jsx as jsx113, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles37 = makeStyles37()((theme) => ({
@@ -7674,7 +7374,7 @@ var ScrollableDialog = ({
         ] }),
         /* @__PURE__ */ jsx113(Divider7, {}),
         footer ? /* @__PURE__ */ jsx113(
-          Box36,
+          Box35,
           {
             className: classes.footer,
             id: "dialog-footer",
@@ -7692,7 +7392,7 @@ var ScrollableDialog = ({
 var ScrollableDialog_default = ScrollableDialog;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
-import { Box as Box37, Paper as Paper9 } from "@mui/material";
+import { Box as Box36, Paper as Paper9 } from "@mui/material";
 import { makeStyles as makeStyles39 } from "tss-react/mui";
 
 // src/components/SearchWithFilters/SearchWithFilters.tsx
@@ -7833,9 +7533,9 @@ var SearchAndFilterHeader = ({
   searchValue
 }) => {
   const { classes } = useStyles39();
-  return /* @__PURE__ */ jsx115(Paper9, { children: /* @__PURE__ */ jsxs78(Box37, { className: classes.wrapper, children: [
-    /* @__PURE__ */ jsxs78(Box37, { className: classes.container, children: [
-      /* @__PURE__ */ jsxs78(Box37, { className: classes.leftSection, children: [
+  return /* @__PURE__ */ jsx115(Paper9, { children: /* @__PURE__ */ jsxs78(Box36, { className: classes.wrapper, children: [
+    /* @__PURE__ */ jsxs78(Box36, { className: classes.container, children: [
+      /* @__PURE__ */ jsxs78(Box36, { className: classes.leftSection, children: [
         /* @__PURE__ */ jsx115(AppLabel_default, { appName }),
         /* @__PURE__ */ jsx115(
           SearchWithFilters_default,
@@ -7848,9 +7548,9 @@ var SearchAndFilterHeader = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx115(Box37, { children: extraButton })
+      /* @__PURE__ */ jsx115(Box36, { children: extraButton })
     ] }),
-    showFilters ? /* @__PURE__ */ jsx115(Box37, { children: filtersComponent }) : null,
+    showFilters ? /* @__PURE__ */ jsx115(Box36, { children: filtersComponent }) : null,
     appliedFiltersComponent
   ] }) });
 };
@@ -7858,7 +7558,7 @@ var SearchAndFilterHeader_default = SearchAndFilterHeader;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
 import * as React7 from "react";
-import { Box as Box39 } from "@mui/material";
+import { Box as Box38 } from "@mui/material";
 import { makeStyles as makeStyles41 } from "tss-react/mui";
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
@@ -7868,7 +7568,7 @@ import {
   ArrowDropUp as ArrowDropUpIcon2,
   Search as SearchIcon2
 } from "@mui/icons-material";
-import { Box as Box38, Button as Button15, Divider as Divider9, InputBase as InputBase3, Paper as Paper10 } from "@mui/material";
+import { Box as Box37, Button as Button15, Divider as Divider9, InputBase as InputBase3, Paper as Paper10 } from "@mui/material";
 import { makeStyles as makeStyles40 } from "tss-react/mui";
 import { Fragment as Fragment12, jsx as jsx116, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles40 = makeStyles40()((theme) => ({
@@ -7946,7 +7646,7 @@ var SearchWithFiltersForTable = (props) => {
   };
   const ArrowIcon = isOpen ? ArrowDropUpIcon2 : ArrowDropDownIcon2;
   return /* @__PURE__ */ jsxs79(Paper10, { className: classes.c_search, children: [
-    /* @__PURE__ */ jsx116(Box38, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx116(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ jsx116(Box37, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx116(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
     /* @__PURE__ */ jsx116(
       InputBase3,
       {
@@ -8014,8 +7714,8 @@ var SearchAndFilterHeaderForTable = (props) => {
     searchedValue
   } = props;
   const { classes } = useStyles41();
-  return /* @__PURE__ */ jsxs80(Box39, { className: classes.container, children: [
-    /* @__PURE__ */ jsxs80(Box39, { className: classes.leftSection, children: [
+  return /* @__PURE__ */ jsxs80(Box38, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs80(Box38, { className: classes.leftSection, children: [
       /* @__PURE__ */ jsx117(AppLabel_default, { appName }),
       /* @__PURE__ */ jsx117(
         SearchWithFiltersForTable_default,
@@ -8029,7 +7729,7 @@ var SearchAndFilterHeaderForTable = (props) => {
         }
       ),
       copy && /* @__PURE__ */ jsx117(
-        Box39,
+        Box38,
         {
           sx: {
             margin: 0.5
@@ -8038,13 +7738,13 @@ var SearchAndFilterHeaderForTable = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx117(Box39, { children: button })
+    /* @__PURE__ */ jsx117(Box38, { children: button })
   ] });
 };
 var SearchAndFilterHeaderForTable_default = React7.memo(SearchAndFilterHeaderForTable);
 
 // src/components/SearchHeader/SearchHeader.tsx
-import { Box as Box40, Paper as Paper11 } from "@mui/material";
+import { Box as Box39, Paper as Paper11 } from "@mui/material";
 import { jsx as jsx118, jsxs as jsxs81 } from "react/jsx-runtime";
 var SearchHeader = ({
   renderButton,
@@ -8066,7 +7766,7 @@ var SearchHeader = ({
       },
       children: [
         /* @__PURE__ */ jsxs81(
-          Box40,
+          Box39,
           {
             sx: {
               display: "flex",
@@ -8074,7 +7774,7 @@ var SearchHeader = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ jsxs81(Box40, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsxs81(Box39, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
                 /* @__PURE__ */ jsx118(
                   SearchFieldDebounced,
                   {
@@ -8100,7 +7800,7 @@ var SearchHeader = ({
 // src/components/SectionName/SectionName.tsx
 import HistoryIcon from "@mui/icons-material/History";
 import InfoIcon from "@mui/icons-material/Info";
-import { Box as Box41, Divider as Divider10, IconButton as IconButton6, Tooltip as Tooltip10, Typography as Typography28 } from "@mui/material";
+import { Box as Box40, Divider as Divider10, IconButton as IconButton6, Tooltip as Tooltip10, Typography as Typography28 } from "@mui/material";
 import { makeStyles as makeStyles42 } from "tss-react/mui";
 import { jsx as jsx119, jsxs as jsxs82 } from "react/jsx-runtime";
 var useStyles42 = makeStyles42()((theme) => ({
@@ -8158,8 +7858,8 @@ var SectionName = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxs82(Box41, { className: classes.container, children: [
-    /* @__PURE__ */ jsxs82(Box41, { className: classes.titleContainer, children: [
+  return /* @__PURE__ */ jsxs82(Box40, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs82(Box40, { className: classes.titleContainer, children: [
       /* @__PURE__ */ jsx119(
         Typography28,
         {
@@ -8178,7 +7878,7 @@ var SectionName = ({
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ jsxs82(Box41, { className: classes.actionButtons, children: [
+    /* @__PURE__ */ jsxs82(Box40, { className: classes.actionButtons, children: [
       buttonText ? /* @__PURE__ */ jsx119(
         ExtendedButton_default,
         {
@@ -8202,7 +7902,7 @@ var SectionName_default = SectionName;
 // src/components/SmartMultipleSelect/SmartMultipleSelect.tsx
 import { useState as useState16 } from "react";
 import {
-  Box as Box42,
+  Box as Box41,
   Checkbox as Checkbox7,
   CircularProgress as CircularProgress5,
   FormControl as FormControl5,
@@ -8245,18 +7945,18 @@ var SmartMultipleSelect = ({
     onChange?.(newValues);
   };
   const renderMenuContent = () => !menuOptions?.length ? /* @__PURE__ */ jsx120(
-    Box42,
+    Box41,
     {
       sx: { display: "flex", justifyContent: "center", alignItems: "center" },
       children: /* @__PURE__ */ jsx120(Typography29, { children: emptyMessage })
     }
-  ) : /* @__PURE__ */ jsx120(Box42, { sx: { display: "flex", flexDirection: "column" }, children: menuOptions?.map((option, index) => {
+  ) : /* @__PURE__ */ jsx120(Box41, { sx: { display: "flex", flexDirection: "column" }, children: menuOptions?.map((option, index) => {
     const selectedValues = values ?? localValues ?? [];
     const isSelected = selectedValues.some(
       (selected) => selected.value === option.value
     );
     return /* @__PURE__ */ jsxs83(
-      Box42,
+      Box41,
       {
         onClick: () => handleChangeOption(option),
         sx: {
@@ -8299,7 +7999,7 @@ var SmartMultipleSelect = ({
               return /* @__PURE__ */ jsx120(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
             },
             children: isLoading ? /* @__PURE__ */ jsx120(
-              Box42,
+              Box41,
               {
                 sx: {
                   display: "flex",
@@ -8542,7 +8242,7 @@ var SmartTableHeaderFilterMenu = ({
 // src/components/SmartTableHeader/SmartTableHeader.tsx
 import { memo as memo22 } from "react";
 import {
-  Box as Box43,
+  Box as Box42,
   Checkbox as Checkbox8,
   TableCell,
   TableHead,
@@ -8613,7 +8313,7 @@ var SmartTableHeader = memo22(
             }
           },
           children: /* @__PURE__ */ jsxs86(
-            Box43,
+            Box42,
             {
               display: "flex",
               flexDirection: "row",
@@ -8669,10 +8369,9 @@ var SmartTableHeader = memo22(
 );
 
 // src/components/Table/Table.tsx
-var import_debounce = __toESM(require_debounce(), 1);
 import { useLayoutEffect, useState as useState18 } from "react";
 import {
-  Box as Box45,
+  Box as Box44,
   Paper as Paper12,
   Table as MUITable,
   TableBody,
@@ -8682,16 +8381,17 @@ import {
   TableRow as TableRow2,
   TableSortLabel as TableSortLabel2
 } from "@mui/material";
+import debounce from "lodash/debounce";
 import { makeStyles as makeStyles44 } from "tss-react/mui";
 import { v4 as uuidv4 } from "uuid";
 
 // src/components/TableLoading/TableLoading.tsx
-import { Box as Box44, Skeleton as Skeleton4 } from "@mui/material";
+import { Box as Box43, Skeleton as Skeleton4 } from "@mui/material";
 import { jsx as jsx125 } from "react/jsx-runtime";
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ jsx125(Box44, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx125(
+}) => /* @__PURE__ */ jsx125(Box43, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx125(
   Skeleton4,
   {
     animation: "pulse",
@@ -8801,7 +8501,7 @@ var Table = ({
       setRowsPerPage(newRowsPerPage);
     }
     updateRowsPerPage();
-    const debounced = (0, import_debounce.default)(updateRowsPerPage, 150);
+    const debounced = debounce(updateRowsPerPage, 150);
     window.addEventListener("resize", debounced);
     return () => {
       window.removeEventListener("resize", debounced);
@@ -8829,7 +8529,7 @@ var Table = ({
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx126(Paper12, { className: classes.root, children: /* @__PURE__ */ jsx126(Box45, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx126(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx126(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs87(MUITable, { size: "medium", stickyHeader: true, children: [
+  return /* @__PURE__ */ jsx126(Paper12, { className: classes.root, children: /* @__PURE__ */ jsx126(Box44, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx126(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx126(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs87(MUITable, { size: "medium", stickyHeader: true, children: [
     /* @__PURE__ */ jsx126(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx126(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx126(
       TableCell2,
       {
@@ -8862,7 +8562,7 @@ import {
   useEffect as useEffect13,
   useRef as useRef8
 } from "react";
-import { Paper as Paper13, Table as Table2, TableBody as TableBody3, TableContainer as TableContainer2, Box as Box47 } from "@mui/material";
+import { Paper as Paper13, Table as Table2, TableBody as TableBody3, TableContainer as TableContainer2, Box as Box46 } from "@mui/material";
 
 // src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
 import { Skeleton as Skeleton5, TableCell as TableCell3, TableRow as TableRow3 } from "@mui/material";
@@ -9036,7 +8736,7 @@ var TableDesktopRows = ({
 };
 
 // src/components/TableDesktopRowSelectionBar/TableDesktopRowSelectionBar.tsx
-import { Box as Box46, Button as Button17, Typography as Typography33 } from "@mui/material";
+import { Box as Box45, Button as Button17, Typography as Typography33 } from "@mui/material";
 import { jsx as jsx130, jsxs as jsxs90 } from "react/jsx-runtime";
 var TableDesktopRowSelectionBar = ({
   isEveryRowInPageSelected,
@@ -9057,7 +8757,7 @@ var TableDesktopRowSelectionBar = ({
     return `${numSelectedRows} row${numSelectedRows > 1 ? "s" : ""} selected.`;
   };
   return isAnyRowSelected ? /* @__PURE__ */ jsxs90(
-    Box46,
+    Box45,
     {
       sx: {
         p: 1,
@@ -9292,7 +8992,7 @@ var TableDesktop = ({
     );
   };
   return /* @__PURE__ */ jsx132(
-    Box47,
+    Box46,
     {
       sx: {
         height,
@@ -9961,7 +9661,7 @@ var TableDesktopEditableField = ({
 // src/components/TableDesktopFooter/TableDesktopFooter.tsx
 import Refresh3 from "@mui/icons-material/Refresh";
 import {
-  Box as Box48,
+  Box as Box47,
   Button as Button18,
   MenuItem as MenuItem4,
   Pagination as Pagination2,
@@ -9981,7 +9681,7 @@ var TableDesktopFooter = ({
   isFetching
 }) => {
   return /* @__PURE__ */ jsxs93(
-    Box48,
+    Box47,
     {
       sx: {
         py: 1,
@@ -10013,7 +9713,7 @@ var TableDesktopFooter = ({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsxs93(Box48, { sx: { display: "flex", ml: "auto", py: 1 }, children: [
+        /* @__PURE__ */ jsxs93(Box47, { sx: { display: "flex", ml: "auto", py: 1 }, children: [
           pageSize && pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ jsxs93(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
             /* @__PURE__ */ jsx139(Typography35, { fontSize: 12, children: "Rows per page:" }),
             /* @__PURE__ */ jsx139(
@@ -10153,7 +9853,7 @@ import Download from "@mui/icons-material/Download";
 import KeyboardArrowLeft2 from "@mui/icons-material/KeyboardArrowLeft";
 import KeyboardArrowRight2 from "@mui/icons-material/KeyboardArrowRight";
 import {
-  Box as Box49,
+  Box as Box48,
   Button as Button19,
   Divider as Divider11,
   FormControlLabel as FormControlLabel7,
@@ -10217,7 +9917,7 @@ var TableDesktopToolbar = ({
     });
   };
   return /* @__PURE__ */ jsxs95(
-    Box49,
+    Box48,
     {
       sx: {
         borderBottom: "1px solid",
@@ -10226,7 +9926,7 @@ var TableDesktopToolbar = ({
       },
       children: [
         /* @__PURE__ */ jsxs95(
-          Box49,
+          Box48,
           {
             sx: {
               py: 1,
@@ -10238,7 +9938,7 @@ var TableDesktopToolbar = ({
             },
             children: [
               /* @__PURE__ */ jsxs95(
-                Box49,
+                Box48,
                 {
                   sx: {
                     py: 1,
@@ -10286,7 +9986,7 @@ var TableDesktopToolbar = ({
                 }
               ),
               /* @__PURE__ */ jsx141(
-                Box49,
+                Box48,
                 {
                   ref: scrollRef,
                   sx: {
@@ -10308,7 +10008,7 @@ var TableDesktopToolbar = ({
                       return null;
                     }
                     return editableCellType && /* @__PURE__ */ jsx141(
-                      Box49,
+                      Box48,
                       {
                         sx: { width, flex: "0 0 auto" },
                         children: /* @__PURE__ */ jsx141(
@@ -10361,7 +10061,7 @@ var TableDesktopToolbar = ({
                     children: "APPLY"
                   }
                 )
-              ] }) : /* @__PURE__ */ jsxs95(Box49, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              ] }) : /* @__PURE__ */ jsxs95(Box48, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 renderInfoIcons,
                 renderExportCsvDialog ? /* @__PURE__ */ jsx141(Tooltip13, { title: "Download List", children: /* @__PURE__ */ jsx141("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx141(
                   IconButton8,
@@ -10476,7 +10176,7 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo23(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box50, Typography as Typography37, Divider as Divider12, Button as Button20 } from "@mui/material";
+import { Box as Box49, Typography as Typography37, Divider as Divider12, Button as Button20 } from "@mui/material";
 import { makeStyles as makeStyles47 } from "tss-react/mui";
 import { jsx as jsx143, jsxs as jsxs96 } from "react/jsx-runtime";
 var useStyles47 = makeStyles47()(() => ({
@@ -10516,7 +10216,7 @@ var TextDivider = ({
   const { classes } = useStyles47();
   const iconColor = color ?? colors.neutral900;
   return /* @__PURE__ */ jsxs96(
-    Box50,
+    Box49,
     {
       display: "flex",
       alignItems: "center",
@@ -10524,7 +10224,7 @@ var TextDivider = ({
       className: classes.container,
       children: [
         /* @__PURE__ */ jsx143(Divider12, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx143(Button20, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs96(Box50, { className: classes.center, children: [
+        /* @__PURE__ */ jsx143(Button20, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs96(Box49, { className: classes.center, children: [
           Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx143(Icon2, { className: classes.icon, style: { color: iconColor } }),
           /* @__PURE__ */ jsx143(
             Typography37,
@@ -10651,7 +10351,7 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
 import { memo as memo24 } from "react";
-import { AppBar, Box as Box51, Toolbar } from "@mui/material";
+import { AppBar, Box as Box50, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles49 } from "tss-react/mui";
 import { jsx as jsx145, jsxs as jsxs97 } from "react/jsx-runtime";
 var useStyles49 = makeStyles49()((theme) => ({
@@ -10678,9 +10378,9 @@ var TheToolbar = ({
   isAuthenticated = true
 }) => {
   const { classes } = useStyles49();
-  return /* @__PURE__ */ jsxs97(Box51, { children: [
+  return /* @__PURE__ */ jsxs97(Box50, { children: [
     /* @__PURE__ */ jsx145(AppBar, { children: /* @__PURE__ */ jsxs97(Toolbar, { className: classes.topBar, children: [
-      isAuthenticated ? /* @__PURE__ */ jsx145(Box51, { sx: { flexShrink: 0, display: "flex" }, children: /* @__PURE__ */ jsx145(
+      isAuthenticated ? /* @__PURE__ */ jsx145(Box50, { sx: { flexShrink: 0, display: "flex" }, children: /* @__PURE__ */ jsx145(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -10689,7 +10389,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ) }) : null,
-      /* @__PURE__ */ jsx145(Box51, { sx: { display: { xs: "none", lg: "block" }, flexShrink: 0 }, children: /* @__PURE__ */ jsx145(
+      /* @__PURE__ */ jsx145(Box50, { sx: { display: { xs: "none", lg: "block" }, flexShrink: 0 }, children: /* @__PURE__ */ jsx145(
         CompanyLogo_default,
         {
           size: "small",
@@ -10699,7 +10399,7 @@ var TheToolbar = ({
         }
       ) }),
       /* @__PURE__ */ jsx145(
-        Box51,
+        Box50,
         {
           ml: { xs: 0, lg: 2 },
           sx: { flexShrink: 0, display: { xs: "none", xl: "block" } },
@@ -10707,7 +10407,7 @@ var TheToolbar = ({
         }
       ),
       centerSection ? /* @__PURE__ */ jsx145(
-        Box51,
+        Box50,
         {
           sx: {
             flexGrow: 1,
@@ -10717,8 +10417,8 @@ var TheToolbar = ({
           },
           children: centerSection
         }
-      ) : /* @__PURE__ */ jsx145(Box51, { sx: { flexGrow: 1 } }),
-      /* @__PURE__ */ jsx145(Box51, { sx: { flexShrink: 0, display: { xs: "none", xl: "block" } }, children: rightSection })
+      ) : /* @__PURE__ */ jsx145(Box50, { sx: { flexGrow: 1 } }),
+      /* @__PURE__ */ jsx145(Box50, { sx: { flexShrink: 0, display: { xs: "none", xl: "block" } }, children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
@@ -10771,7 +10471,7 @@ import {
   Typography as Typography38,
   Dialog as Dialog5,
   Backdrop,
-  Box as Box52,
+  Box as Box51,
   Divider as Divider13,
   Paper as Paper14,
   Fade as Fade2
@@ -10818,9 +10518,9 @@ var TwoButtonDialog = ({
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
       children: /* @__PURE__ */ jsx147(Fade2, { in: open, children: /* @__PURE__ */ jsxs98(Paper14, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs98(Box52, { className: classes.mb, children: [
+        /* @__PURE__ */ jsxs98(Box51, { className: classes.mb, children: [
           /* @__PURE__ */ jsx147(Typography38, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx147(
-            Box52,
+            Box51,
             {
               sx: {
                 fontWeight: 600
@@ -10829,7 +10529,7 @@ var TwoButtonDialog = ({
             }
           ) }),
           /* @__PURE__ */ jsxs98(
-            Box52,
+            Box51,
             {
               className: classes.mt,
               sx: {
@@ -10843,7 +10543,7 @@ var TwoButtonDialog = ({
           )
         ] }),
         /* @__PURE__ */ jsx147(Divider13, {}),
-        /* @__PURE__ */ jsxs98(Box52, { className: classes.buttonContainer, children: [
+        /* @__PURE__ */ jsxs98(Box51, { className: classes.buttonContainer, children: [
           /* @__PURE__ */ jsx147(
             FilledButton_default,
             {