@natoora-libs/core 0.1.9-dev-doug-4 → 0.1.9-dev-doug-5

package/dist/components/index.d.cts

@@ -3,7 +3,7 @@ import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
+import { MenuProps, SelectChangeEvent, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -943,6 +943,18 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopFooterProps = {
+    numPages?: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
 type TableDesktopRowActionsProps = {
     isRowHovered: boolean;
     children: ReactNode;
@@ -1087,4 +1099,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopFooter, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.d.ts

@@ -3,7 +3,7 @@ import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
+import { MenuProps, SelectChangeEvent, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -943,6 +943,18 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopFooterProps = {
+    numPages?: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
 type TableDesktopRowActionsProps = {
     isRowHovered: boolean;
     children: ReactNode;
@@ -1087,4 +1099,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopFooter, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.js

@@ -2781,7 +2781,7 @@ var RoundButton = ({
       onClick(e);
     }
   };
-  const Button14 = /* @__PURE__ */ jsx63(
+  const Button15 = /* @__PURE__ */ jsx63(
     Fab,
     {
       className: cx(
@@ -2805,7 +2805,7 @@ var RoundButton = ({
       children: icon ? iconComponentMap[icon] : children || ""
     }
   );
-  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button14 }) : Button14;
+  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button15 }) : Button15;
 };
 var RoundButton_default = RoundButton;
 
@@ -7456,9 +7456,90 @@ var Table2 = ({
 };
 var Table_default = Table2;
 
+// src/components/TableDesktopFooter/TableDesktopFooter.tsx
+import Refresh3 from "@mui/icons-material/Refresh";
+import { Box as Box33, Button as Button13, MenuItem as MenuItem4, Pagination as Pagination2, Select as Select4, Stack, Typography as Typography27 } from "@mui/material";
+import { jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
+var TableDesktopFooter = ({
+  numPages,
+  page,
+  pageSize,
+  pageSizeOptions,
+  handlePageChange,
+  handlePageSizeChange,
+  refetch,
+  isFetching
+}) => {
+  return /* @__PURE__ */ jsxs78(
+    Box33,
+    {
+      py: 1,
+      gap: 2,
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      borderTop: `1px solid ${colors.neutral300}`,
+      bgcolor: (theme) => theme.palette.background.default,
+      children: [
+        /* @__PURE__ */ jsxs78(
+          Button13,
+          {
+            disableRipple: true,
+            variant: "outlined",
+            onClick: () => refetch(),
+            disabled: isFetching,
+            sx: {
+              ml: 1,
+              gap: 1,
+              borderRadius: 25,
+              color: colors.neutral800,
+              borderColor: colors.neutral600
+            },
+            children: [
+              /* @__PURE__ */ jsx114(
+                Refresh3,
+                {
+                  fontSize: "small",
+                  color: isFetching ? "disabled" : "primary"
+                }
+              ),
+              "REFRESH"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs78(Box33, { display: "flex", children: [
+          /* @__PURE__ */ jsxs78(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+            /* @__PURE__ */ jsx114(Typography27, { children: "Rows per page:" }),
+            /* @__PURE__ */ jsx114(
+              Select4,
+              {
+                value: pageSize,
+                onChange: handlePageSizeChange,
+                size: "small",
+                "data-testid": "page-size-options-select",
+                variant: "standard",
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx114(MenuItem4, { value: size, children: size }, size))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx114(
+            Pagination2,
+            {
+              color: "standard",
+              count: numPages,
+              page,
+              onChange: handlePageChange
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
 // src/components/TableDesktopRowActions/TableDesktopRowActions.tsx
-import { Box as Box33, TableCell as TableCell4 } from "@mui/material";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { Box as Box34, TableCell as TableCell4 } from "@mui/material";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var TableDesktopRowActions = ({
   isRowHovered,
   children,
@@ -7466,7 +7547,7 @@ var TableDesktopRowActions = ({
   zIndex = 1,
   backgroundColor
 }) => {
-  return isRowHovered ? /* @__PURE__ */ jsx114(
+  return isRowHovered ? /* @__PURE__ */ jsx115(
     TableCell4,
     {
       padding: "none",
@@ -7479,8 +7560,8 @@ var TableDesktopRowActions = ({
         justifyContent: "flex-end",
         alignItems: "center"
       },
-      children: /* @__PURE__ */ jsx114(
-        Box33,
+      children: /* @__PURE__ */ jsx115(
+        Box34,
         {
           sx,
           display: "flex",
@@ -7499,7 +7580,7 @@ import { Checkbox as Checkbox6, TableCell as TableCell5, TextField as TextField9
 
 // src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
 import { useState as useState18, memo as memo22, useEffect as useEffect12 } from "react";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var resolveValue = (value) => {
   if (typeof value === "string") {
     return value;
@@ -7530,7 +7611,7 @@ var TableDesktopSmartSelect = memo22(({
       setOptions(parsedOptions);
     }
   }, [filterOptions]);
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx116(
     SmartSelect_default,
     {
       ref,
@@ -7557,7 +7638,7 @@ import CheckIcon2 from "@mui/icons-material/Check";
 // src/components/TableDesktopRowCell/TableDesktopTextField.tsx
 import TextField8 from "@mui/material/TextField";
 import { useMemo as useMemo4, useState as useState19 } from "react";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
   rowId,
   editInitialValue,
@@ -7566,8 +7647,8 @@ var TableDesktopTextField = ({
   onUpdateEditableCell
 }) => {
   const [value, setValue] = useState19(editInitialValue);
-  const hasError = useMemo4(() => validateInput?.(value), [value, validateInput]);
-  return /* @__PURE__ */ jsx116(
+  const hasError = useMemo4(() => !validateInput?.(value), [value, validateInput]);
+  return /* @__PURE__ */ jsx117(
     TextField8,
     {
       fullWidth: true,
@@ -7589,7 +7670,7 @@ var TableDesktopTextField = ({
 };
 
 // src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var TableDesktopRowCell = ({
   ref,
   inputLabel,
@@ -7615,7 +7696,7 @@ var TableDesktopRowCell = ({
     }
   }, [readOnlyValue, width]);
   const editableComponents = {
-    "select": /* @__PURE__ */ jsx117(
+    "select": /* @__PURE__ */ jsx118(
       TableDesktopSmartSelect,
       {
         ref,
@@ -7629,7 +7710,7 @@ var TableDesktopRowCell = ({
         onUpdateEditableCell
       }
     ),
-    "checkbox": /* @__PURE__ */ jsx117(
+    "checkbox": /* @__PURE__ */ jsx118(
       Checkbox6,
       {
         disableRipple: true,
@@ -7639,7 +7720,7 @@ var TableDesktopRowCell = ({
         }
       }
     ),
-    "text": /* @__PURE__ */ jsx117(
+    "text": /* @__PURE__ */ jsx118(
       TableDesktopTextField,
       {
         rowId,
@@ -7649,7 +7730,7 @@ var TableDesktopRowCell = ({
         onUpdateEditableCell
       }
     ),
-    "numeric": /* @__PURE__ */ jsx117(
+    "numeric": /* @__PURE__ */ jsx118(
       TextField9,
       {
         fullWidth: true,
@@ -7672,11 +7753,11 @@ var TableDesktopRowCell = ({
   };
   const getReadOnlyBooleanIcon = (value) => {
     if (value) {
-      return /* @__PURE__ */ jsx117(CheckIcon2, { sx: { fontSize: 16 } });
+      return /* @__PURE__ */ jsx118(CheckIcon2, { sx: { fontSize: 16 } });
     }
     return "-";
   };
-  return /* @__PURE__ */ jsx117(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx118(
     TableCell5,
     {
       ref: cellRef,
@@ -7697,7 +7778,7 @@ import { memo as memo23, useEffect as useEffect14, useState as useState21 } from
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell6, TableHead as TableHead3, TableRow as TableRow4, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles50 } from "tss-react/mui";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var useStyles50 = makeStyles50()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -7742,7 +7823,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx118(TableHead3, { children: /* @__PURE__ */ jsx118(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx118(TableCell6, { children: cell.isSortable ? /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(TableHead3, { children: /* @__PURE__ */ jsx119(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx119(TableCell6, { children: cell.isSortable ? /* @__PURE__ */ jsx119(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -7756,9 +7837,9 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo23(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box34, Typography as Typography27, Divider as Divider10, Button as Button13 } from "@mui/material";
+import { Box as Box35, Typography as Typography28, Divider as Divider10, Button as Button14 } from "@mui/material";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
-import { jsx as jsx119, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()(() => ({
   icon: {
     fontSize: 20
@@ -7795,19 +7876,19 @@ var TextDivider = ({
 }) => {
   const { classes } = useStyles51();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ jsxs78(
-    Box34,
+  return /* @__PURE__ */ jsxs79(
+    Box35,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx119(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx119(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box34, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx119(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx119(
-            Typography27,
+        /* @__PURE__ */ jsx120(Divider10, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx120(Button14, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs79(Box35, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx120(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx120(
+            Typography28,
             {
               color: "textSecondary",
               className: classes.title,
@@ -7815,9 +7896,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx119(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx120(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx119(Divider10, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx120(Divider10, { className: classes.rightDivider })
       ]
     }
   );
@@ -7829,7 +7910,7 @@ import { DateRangePicker } from "react-dates";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var useStyles52 = makeStyles52()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -7925,15 +8006,15 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles52();
-  return /* @__PURE__ */ jsx120("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx120(DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ jsx121("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx121(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
 import { memo as memo24 } from "react";
-import { AppBar, Box as Box35, Toolbar } from "@mui/material";
+import { AppBar, Box as Box36, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles53 } from "tss-react/mui";
-import { jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyles53 = makeStyles53()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -7953,9 +8034,9 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles53();
-  return /* @__PURE__ */ jsxs79(Box35, { children: [
-    /* @__PURE__ */ jsx121(AppBar, { children: /* @__PURE__ */ jsxs79(Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsxs80(Box36, { children: [
+    /* @__PURE__ */ jsx122(AppBar, { children: /* @__PURE__ */ jsxs80(Toolbar, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx122(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -7964,7 +8045,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx121(
+      /* @__PURE__ */ jsx122(
         CompanyLogo_default,
         {
           size: "small",
@@ -7973,8 +8054,8 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ jsx121(Box35, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ jsx121(Box35, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ jsx122(Box36, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx122(Box36, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
@@ -7983,20 +8064,20 @@ var TheToolbar_default = memo24(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx122(
+}) => /* @__PURE__ */ jsx123(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx122(
+    children: /* @__PURE__ */ jsx123(
       MuiAlert,
       {
         elevation: 6,
@@ -8024,16 +8105,16 @@ var ToastMessage_default = ToastMessage;
 
 // src/components/TwoButtonDialog/TwoButtonDialog.tsx
 import {
-  Typography as Typography28,
+  Typography as Typography29,
   Dialog as Dialog5,
   Backdrop,
-  Box as Box36,
+  Box as Box37,
   Divider as Divider11,
   Paper as Paper12,
   Fade as Fade2
 } from "@mui/material";
 import { makeStyles as makeStyles54 } from "tss-react/mui";
-import { jsx as jsx123, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
 var useStyles54 = makeStyles54()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -8063,7 +8144,7 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles54();
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     Dialog5,
     {
       open,
@@ -8073,10 +8154,10 @@ var TwoButtonDialog = ({
       closeAfterTransition: true,
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ jsx123(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs80(Box36, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx123(Typography28, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx123(
-            Box36,
+      children: /* @__PURE__ */ jsx124(Fade2, { in: open, children: /* @__PURE__ */ jsxs81(Paper12, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs81(Box37, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx124(Typography29, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx124(
+            Box37,
             {
               sx: {
                 fontWeight: 600
@@ -8084,23 +8165,23 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ jsxs80(
-            Box36,
+          /* @__PURE__ */ jsxs81(
+            Box37,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx123(Typography28, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx123(Typography28, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx124(Typography29, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx124(Typography29, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx123(Divider11, {}),
-        /* @__PURE__ */ jsxs80(Box36, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx124(Divider11, {}),
+        /* @__PURE__ */ jsxs81(Box37, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx124(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8113,7 +8194,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx123(
+          /* @__PURE__ */ jsx124(
             FilledButton_default,
             {
               color: "primary",
@@ -8122,7 +8203,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx123(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx124(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8131,10 +8212,10 @@ var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
 import { memo as memo25 } from "react";
-import { Avatar as Avatar2, Typography as Typography29 } from "@mui/material";
-import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
-var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs81("div", { children: [
-  /* @__PURE__ */ jsx124(
+import { Avatar as Avatar2, Typography as Typography30 } from "@mui/material";
+import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs82("div", { children: [
+  /* @__PURE__ */ jsx125(
     Avatar2,
     {
       src: user.profile_picture,
@@ -8142,18 +8223,18 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
       style: { width: avatarProps.width, height: avatarProps.height }
     }
   ),
-  /* @__PURE__ */ jsxs81("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx124(Typography29, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx124(Typography29, { ...typographyProps.username, children: user.username })
+  /* @__PURE__ */ jsxs82("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ jsx125(Typography30, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx125(Typography30, { ...typographyProps.username, children: user.username })
   ] })
 ] });
 var UserBust_default = memo25(UserBust);
 
 // src/components/icons/IconChart.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     "svg",
     {
       width: "20",
@@ -8162,7 +8243,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx125(
+      children: /* @__PURE__ */ jsx126(
         "path",
         {
           d: "M2.49967 11.6667L2.91634 11.725L6.72467 7.91667C6.57467 7.375 6.71634 6.75833 7.15801 6.325C7.80801 5.66667 8.85801 5.66667 9.50801 6.325C9.94967 6.75833 10.0913 7.375 9.94134 7.91667L12.083 10.0583L12.4997 10C12.6497 10 12.7913 10 12.9163 10.0583L15.8913 7.08333C15.833 6.95833 15.833 6.81667 15.833 6.66667C15.833 6.22464 16.0086 5.80072 16.3212 5.48816C16.6337 5.17559 17.0576 5 17.4997 5C17.9417 5 18.3656 5.17559 18.6782 5.48816C18.9907 5.80072 19.1663 6.22464 19.1663 6.66667C19.1663 7.10869 18.9907 7.53262 18.6782 7.84518C18.3656 8.15774 17.9417 8.33333 17.4997 8.33333C17.3497 8.33333 17.208 8.33333 17.083 8.275L14.108 11.25C14.1663 11.375 14.1663 11.5167 14.1663 11.6667C14.1663 12.1087 13.9907 12.5326 13.6782 12.8452C13.3656 13.1577 12.9417 13.3333 12.4997 13.3333C12.0576 13.3333 11.6337 13.1577 11.3212 12.8452C11.0086 12.5326 10.833 12.1087 10.833 11.6667L10.8913 11.25L8.74967 9.10833C8.48301 9.16667 8.18301 9.16667 7.91634 9.10833L4.10801 12.9167L4.16634 13.3333C4.16634 13.7754 3.99075 14.1993 3.67819 14.5118C3.36563 14.8244 2.9417 15 2.49967 15C2.05765 15 1.63372 14.8244 1.32116 14.5118C1.0086 14.1993 0.833008 13.7754 0.833008 13.3333C0.833008 12.8913 1.0086 12.4674 1.32116 12.1548C1.63372 11.8423 2.05765 11.6667 2.49967 11.6667Z",
@@ -8240,6 +8321,7 @@ export {
   Switch_default as Switch,
   Table_default as Table,
   TableDesktop_default as TableDesktop,
+  TableDesktopFooter,
   TableDesktopRowActions,
   TableDesktopRowCell,
   TableDesktopSmartSelect,