techsbcn-storybook 2.0.7 → 2.2.0

package/dist/index.js

@@ -1,9 +1,11 @@
 'use strict';
 
-var React7 = require('react');
+var React8 = require('react');
 var material = require('@mui/material');
 var iconsMaterial = require('@mui/icons-material');
 var lodash = require('lodash');
+var CloseIcon = require('@mui/icons-material/Close');
+var notistack = require('notistack');
 var dayjs = require('dayjs');
 var localizedFormat = require('dayjs/plugin/localizedFormat');
 var timezone = require('dayjs/plugin/timezone');
@@ -40,7 +42,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React7__default = /*#__PURE__*/_interopDefault(React7);
+var React8__default = /*#__PURE__*/_interopDefault(React8);
+var CloseIcon__default = /*#__PURE__*/_interopDefault(CloseIcon);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var localizedFormat__default = /*#__PURE__*/_interopDefault(localizedFormat);
 var timezone__default = /*#__PURE__*/_interopDefault(timezone);
@@ -62,13 +65,13 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx
 var PublicFormWrapper = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: `public-form-wrapper ${props.className ? props.className : ""}`,
       sx: { height: "100%", display: "flex", justifyContent: "center", alignItems: "center" }
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Container, { maxWidth: "xs" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "wrapper-box", sx: { p: 1 } }, props.children))
+    /* @__PURE__ */ React8__default.default.createElement(material.Container, { maxWidth: "xs" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "wrapper-box", sx: { p: 1 } }, props.children))
   );
 };
 
@@ -124,14 +127,14 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/tables/SearchComponent/SearchComponent.tsx
 var ActionsList = (actions) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: 2, color: "primary.main" }, key: i, className: "btn-action main-color" }, action.action)));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", justifyContent: "start", display: "flex", alignItems: "center", flexDirection: "row" } }, actions && actions.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: 2, color: "primary.main" }, key: i, className: "btn-action main-color" }, action.action)));
 };
 var DoubleFilter = (filters) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 1, sx: { alignItems: "center" } }, filters.label && /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: 3 } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, filters.label)), /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: filters.label ? 9 : 12 } }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: 6 }, filters.firstFilter), /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: 6 }, filters.secondFilter))));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 1, sx: { alignItems: "center" } }, filters.label && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: 3 } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, filters.label)), /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: filters.label ? 9 : 12 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: 6 }, filters.firstFilter), /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: 6 }, filters.secondFilter))));
 };
 var SearchComponent = (props) => {
-  const [isOpen, setIsOpen] = React7.useState(!props.searchBar && !!props.filters || props.fixedOpen);
-  const [anchorEl, setAnchorEl] = React7.useState(null);
+  const [isOpen, setIsOpen] = React8.useState(!props.searchBar && !!props.filters || props.fixedOpen);
+  const [anchorEl, setAnchorEl] = React8.useState(null);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -140,7 +143,7 @@ var SearchComponent = (props) => {
     setAnchorEl(null);
   };
   const randId = Math.random().toString(36).substring(7);
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `search-component ${props.className}` }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: props.divider ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, sx: { alignItems: "center" } }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `search-component ${props.className}` }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: props.divider ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, sx: { alignItems: "center" } }, /* @__PURE__ */ React8__default.default.createElement(
     material.Grid,
     {
       size: {
@@ -148,7 +151,7 @@ var SearchComponent = (props) => {
         md: props.actions && props.searchBar ? 4 : props.searchBar ? 7 : props.actions ? 6 : 12
       }
     },
-    /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(
       material.Box,
       {
         sx: {
@@ -159,7 +162,7 @@ var SearchComponent = (props) => {
       },
       props.title
     )
-  ), props.actions && /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: props.title ? 4 : 12 }, sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "flex" } } }, ActionsList(props.actions)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "flex", md: "none" } } }, props.actions.length > 1 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React7__default.default.createElement(
+  ), props.actions && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: props.title ? 4 : 12 }, sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "flex" } } }, ActionsList(props.actions)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "flex", md: "none" } } }, props.actions.length > 1 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React8__default.default.createElement(
     material.IconButton,
     {
       "aria-label": "more",
@@ -169,8 +172,8 @@ var SearchComponent = (props) => {
       "aria-haspopup": "true",
       onClick: handleClick
     },
-    /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.MoreVert, null)
-  ), /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.MoreVert, null)
+  ), /* @__PURE__ */ React8__default.default.createElement(
     material.Menu,
     {
       id: `long-button-${randId}`,
@@ -184,8 +187,8 @@ var SearchComponent = (props) => {
       onClose: handleClose,
       className: "search-menu-actions"
     },
-    props.actions.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "btn-action main-color", sx: { color: "primary.main" } }, action.action)))
-  )) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto" }, className: `wrapper-actions ${props.title ? "min-action-width" : ""}` }, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && /* @__PURE__ */ React7__default.default.createElement(material.Grid, { size: { xs: 12, md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 5 } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React7__default.default.createElement(
+    props.actions.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.MenuItem, { key: i, className: "wrapper-actions" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action main-color", sx: { color: "primary.main" } }, action.action)))
+  )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto" }, className: `wrapper-actions ${props.title ? "min-action-width" : ""}` }, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && /* @__PURE__ */ React8__default.default.createElement(material.Grid, { size: { xs: 12, md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 5 } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       sx: {
@@ -196,16 +199,16 @@ var SearchComponent = (props) => {
       }
     },
     props.searchBar,
-    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React7__default.default.createElement(
+    !!props.fixedOpen || props.filters && props.searchBar && /* @__PURE__ */ React8__default.default.createElement(
       material.Box,
       {
         onClick: () => setIsOpen(!isOpen),
         className: "tune-btn main-background-color",
         sx: { bgcolor: "primary.main", color: "primary.contrastText" }
       },
-      /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Tune, null)
+      /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Tune, null)
     )
-  ), props.actions && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions)))))), props.divider && /* @__PURE__ */ React7__default.default.createElement(material.Divider, null), /* @__PURE__ */ React7__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React7__default.default.createElement(material.Grid, { key: i, size: { xs: 12, sm: props.filtersSize ?? 6, xl: props.filtersSize ?? 4 } }, filter.doubleFilter ? DoubleFilter(filter.doubleFilter) : filter.singleFilter))))));
+  ), props.actions && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions)))))), props.divider && /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), /* @__PURE__ */ React8__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: i, size: { xs: 12, sm: props.filtersSize ?? 6, xl: props.filtersSize ?? 4 } }, filter.doubleFilter ? DoubleFilter(filter.doubleFilter) : filter.singleFilter))))));
 };
 
 // src/components/wrappers/LinearProgressComponent/LinearProgressComponent.scss
@@ -231,7 +234,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/wrappers/LinearProgressComponent/LinearProgressComponent.tsx
 var LinearProgressComponent = () => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color", sx: { bgcolor: "primary.main" } }), /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "linear-progress-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "linear-progress-main-color main-background-color", sx: { bgcolor: "primary.main" } }), /* @__PURE__ */ React8__default.default.createElement(
     material.LinearProgress,
     {
       classes: { bar: "main-background-color" },
@@ -275,14 +278,14 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 // src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx
 var MainWrapperComponent = ({ enableTrimBar = false, ...rest }) => {
   const props = { enableTrimBar, ...rest };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React7__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React7__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React7__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "main-wrapper-component", sx: { height: props.height ?? "100%" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "4px" } }, props.loadingProgressBar && /* @__PURE__ */ React8__default.default.createElement(LinearProgressComponent, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { py: 2 } }, props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, props.headerProps && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: props.divider ? 1.5 : 0 } }, /* @__PURE__ */ React8__default.default.createElement(SearchComponent, { ...props.headerProps, enableAfter: props.headerProps.enableAfter ?? true })), props.divider && /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), props.children && !props.loadingChildren ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: `${props.enableTrimBar ? "main-background-color-after" : ""}`,
       sx: props.enableTrimBar ? { "&::after": { bgcolor: "primary.main" } } : void 0
     },
     props.children
-  )) : props.loadingChildren ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null))));
+  )) : props.loadingChildren ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", pt: props.headerProps ? 2 : 0, px: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null))));
 };
 
 // src/components/tables/TableComponent/TableComponent.scss
@@ -537,8 +540,8 @@ var TextFieldComponent = ({
   onMouseLeave,
   ...rest
 }) => {
-  const [hover, setHover] = React7__default.default.useState(false);
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "text-field-component", sx: { width: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(
+  const [hover, setHover] = React8__default.default.useState(false);
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "text-field-component", sx: { width: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(
     material.TextField,
     {
       ...rest,
@@ -701,15 +704,15 @@ var toBase64 = (file) => {
   });
 };
 var usePrevious = (value) => {
-  const ref2 = React7.useRef(void 0);
-  React7.useEffect(() => {
+  const ref2 = React8.useRef(void 0);
+  React8.useEffect(() => {
     ref2.current = value;
   });
   return ref2.current;
 };
 var useIsMounted = () => {
-  const isMounted = React7.useRef(false);
-  React7.useEffect(() => {
+  const isMounted = React8.useRef(false);
+  React8.useEffect(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -717,14 +720,37 @@ var useIsMounted = () => {
   }, []);
   return isMounted;
 };
+var NotificationContainer = (props) => /* @__PURE__ */ React8__default.default.createElement(
+  notistack.SnackbarProvider,
+  {
+    maxSnack: 5,
+    autoHideDuration: 5e3,
+    anchorOrigin: { vertical: "bottom", horizontal: "right" },
+    preventDuplicate: true,
+    ...props
+  }
+);
+var addNotification = ({
+  message,
+  type = "default",
+  id,
+  duration = type === "error" ? null : 5e3
+}) => notistack.enqueueSnackbar(message, {
+  variant: type,
+  key: id,
+  autoHideDuration: duration,
+  persist: duration === null,
+  action: duration === null ? (key) => /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { size: "small", color: "inherit", "aria-label": "close", onClick: () => notistack.closeSnackbar(key) }, /* @__PURE__ */ React8__default.default.createElement(CloseIcon__default.default, { fontSize: "small" })) : void 0
+});
+var removeNotification = (id) => notistack.closeSnackbar(id);
 
 // src/components/tables/ImageTableComponent/ImageTableComponent.tsx
 var ImageTableComponent = (props) => {
-  const [loading, setLoading] = React7.useState(false);
-  const [image, setImage] = React7.useState();
+  const [loading, setLoading] = React8.useState(false);
+  const [image, setImage] = React8.useState();
   const prevGuidState = usePrevious(props.guid);
   const isMounted = useIsMounted();
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (prevGuidState !== props.guid) {
       setLoading(true);
       props.readFile(props.guid).then((result) => {
@@ -735,7 +761,7 @@ var ImageTableComponent = (props) => {
       }).catch(() => setLoading(false));
     }
   }, [props, prevGuidState, isMounted]);
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "main-color", color: "primary" })) : /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "images-table-component" }, loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { textAlign: "center" } }, /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "main-color", color: "primary" })) : /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: image, className: "img-table", variant: "square" }));
 };
 var ImageTableComponent_default = ImageTableComponent;
 var TableComponent = ({ showTotalCount = true, ...rest }) => {
@@ -745,8 +771,8 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
   dayjs__default.default.extend(timezone__default.default);
   const defaultFilters = JSON.parse(JSON.stringify(props.baseFilters));
   const orderByKeyDefault = "id";
-  const [orderByKey, setOrderByKey] = React7.useState(orderByKeyDefault);
-  const [filters, setFilters] = React7.useState(defaultFilters);
+  const [orderByKey, setOrderByKey] = React8.useState(orderByKeyDefault);
+  const [filters, setFilters] = React8.useState(defaultFilters);
   const isSelected = (id) => JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).indexOf(id) !== -1;
   const handleChangePage = (_event, newPage) => {
     const newFilters = JSON.parse(JSON.stringify(filters));
@@ -821,9 +847,9 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       return `${column.priceFormat?.currencyStart ?? ""}${Number(value).toFixed(2).replace(".", ",").toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.")} ${!column.priceFormat?.currencyStart ? column.priceFormat?.currencyEnd ?? props.values.SYMBOL_EURO : ""}`;
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
-        return /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
+        return /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
       } else if (column.isImage.isGuid) {
-        return /* @__PURE__ */ React7__default.default.createElement(
+        return /* @__PURE__ */ React8__default.default.createElement(
           ImageTableComponent_default,
           {
             guid: value,
@@ -849,7 +875,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
     if (typeof value === "boolean") {
       return String(value);
     }
-    return /* @__PURE__ */ React7__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
+    return /* @__PURE__ */ React8__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
   };
   const ObjectbyString = (o, s) => {
     s = s.replace(/\[(\w+)\]/g, ".$1");
@@ -886,7 +912,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
         rowEdit[fieldName] = e.target.value;
         setUpdate();
       };
-      return /* @__PURE__ */ React7__default.default.createElement(
+      return /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           ...editableCell.isTextField.textFieldProps,
@@ -899,20 +925,20 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       return value;
     }
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "table-component" }, /* @__PURE__ */ React7__default.default.createElement(material.Paper, { className: "paper-container" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: 1, display: "flex" } }, props.isCheckTable && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Paper, { className: "paper-container" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: 1, display: "flex" } }, props.isCheckTable && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
     material.Checkbox,
     {
       indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
       checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
       onChange: handleSelectAllClick
     }
-  )), props.showTotalCount && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", mr: 1, alignSelf: "center" } }, props.totalCount, " ", props.values.RESULTS)), /* @__PURE__ */ React7__default.default.createElement(
+  )), props.showTotalCount && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", mr: 1, alignSelf: "center" } }, props.totalCount, " ", props.values.RESULTS)), /* @__PURE__ */ React8__default.default.createElement(
     material.TableContainer,
     {
       className: `table-container ${props.isBordered ? "table-bordered" : "table-simple"} ${props.withScroll ? "with-scroll" : ""}`
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Table, { stickyHeader: true, "aria-label": "sticky table", className: props.loading ? "loading" : "" }, /* @__PURE__ */ React7__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
-      return /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(material.Table, { stickyHeader: true, "aria-label": "sticky table", className: props.loading ? "loading" : "" }, /* @__PURE__ */ React8__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
+      return /* @__PURE__ */ React8__default.default.createElement(
         material.TableCell,
         {
           className: "table-column",
@@ -920,7 +946,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
           align: column.align ? column.align : "center",
           style: { width: column.width, minWidth: column.minWidth, maxWidth: column.maxWidth }
         },
-        (column.orderBy || column.id) && column.id !== "actions" && !column.isCheck && !column.isActiveFunction && !column.noSort ? /* @__PURE__ */ React7__default.default.createElement(
+        (column.orderBy || column.id) && column.id !== "actions" && !column.isCheck && !column.isActiveFunction && !column.noSort ? /* @__PURE__ */ React8__default.default.createElement(
           material.TableSortLabel,
           {
             className: "table-header-cell",
@@ -930,16 +956,16 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
             hideSortIcon: true
           },
           column.label
-        ) : column.isCheck ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+        ) : column.isCheck ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
           material.Checkbox,
           {
             indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
             checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
             onChange: handleSelectAllClick
           }
-        )) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
+        )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
       );
-    }))), /* @__PURE__ */ React7__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React7__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React7__default.default.createElement(
+    }))), /* @__PURE__ */ React8__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React8__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React8__default.default.createElement(
       material.TableCell,
       {
         colSpan: props.columns.length,
@@ -949,11 +975,11 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
           height: props.rows.length > 0 ? "auto" : "80px"
         }
       },
-      /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
+      /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
     )), props.rows && props.rows.length > 0 ? props.rows.map((row, index) => {
       const rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? `row-color-${props.rowsColorColumn.columnValue}` : props.isStriped && props.rows.length > 1 && index % 2 == 0 ? "main-background-color table-striped" : "";
       const isRowSelected = props.isCheckTable?.rowsChecked && isSelected(row.id);
-      return /* @__PURE__ */ React7__default.default.createElement(
+      return /* @__PURE__ */ React8__default.default.createElement(
         material.TableRow,
         {
           className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
@@ -967,7 +993,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
         props.columns.map((column, columnIndex) => {
           const value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id ?? "");
           const isItemSelected = column.isCheck && isSelected(row.id);
-          return /* @__PURE__ */ React7__default.default.createElement(
+          return /* @__PURE__ */ React8__default.default.createElement(
             material.TableCell,
             {
               className: `table-cell ${column.cellClassName ? column.cellClassName(row) : ""}`,
@@ -980,8 +1006,8 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
               },
               onClick: () => !column.action && !column.isCheck && !column.isActiveFunction ? handleRowClick(row) : ""
             },
-            column.label !== "-" && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
-            column.rowViewFormat ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.action && column.action.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React7__default.default.createElement(
+            column.label !== "-" && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
+            column.rowViewFormat ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.action && column.action.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React8__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -991,7 +1017,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => action.onClick && action.onClick(row)
               },
               action.children
-            ), action.onClickId && /* @__PURE__ */ React7__default.default.createElement(
+            ), action.onClickId && /* @__PURE__ */ React8__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -1001,7 +1027,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => action.onClickId && action.onClickId(row.id)
               },
               action.children
-            ), !action.onClick && !action.onClickId && /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+            ), !action.onClick && !action.onClickId && /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
               material.Box,
               {
                 className: "btn-action main-color-hover",
@@ -1011,31 +1037,31 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
                 onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
               },
               value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
-            ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+            ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
               material.Checkbox,
               {
                 checked: isItemSelected,
                 slotProps: { input: { "aria-labelledby": row.id } },
                 onChange: (event) => onCheckAction(event, row.id)
               }
-            )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+            )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
               material.Box,
               {
                 className: `${column.enumColumn.hasColor ? `${column.enumColumn.enumSuffix ? `${value.toLowerCase()}-${column.enumColumn.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-type-color` : ""} format-value`
               },
               formatValue(value, column)
-            ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+            ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
               material.Box,
               {
                 className: `${column.isBoolean.hasColor ? `${column.isBoolean.enumSuffix ? `${value.toString().toLowerCase()}-${column.isBoolean.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-boolean-color` : ""} format-value`
               },
               formatValue(value, column)
-            ) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
+            ) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
           );
         })
       );
-    }) : !props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React7__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null)))
-  ), props.baseFilters && props.baseFilters.page && props.baseFilters.limit && /* @__PURE__ */ React7__default.default.createElement(
+    }) : !props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React8__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null)))
+  ), props.baseFilters && props.baseFilters.page && props.baseFilters.limit && /* @__PURE__ */ React8__default.default.createElement(
     material.TablePagination,
     {
       rowsPerPageOptions: [5, 10, 25, 100, 150],
@@ -1051,7 +1077,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
       component: "div",
       className: `table-pagination ${props.isBordered ? "table-bordered" : "table-simple"}`,
       ActionsComponent: (_actions) => {
-        return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { flexShrink: 0 }, className: "pagination" }, Math.ceil(_actions.count / _actions.rowsPerPage) > 1 && /* @__PURE__ */ React7__default.default.createElement(
+        return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { flexShrink: 0 }, className: "pagination" }, Math.ceil(_actions.count / _actions.rowsPerPage) > 1 && /* @__PURE__ */ React8__default.default.createElement(
           material.Pagination,
           {
             count: Math.ceil(_actions.count / _actions.rowsPerPage),
@@ -1063,7 +1089,7 @@ var TableComponent = ({ showTotalCount = true, ...rest }) => {
             hidePrevButton: true,
             showFirstButton: true,
             showLastButton: true,
-            renderItem: (item) => /* @__PURE__ */ React7__default.default.createElement(
+            renderItem: (item) => /* @__PURE__ */ React8__default.default.createElement(
               material.PaginationItem,
               {
                 classes: { selected: "main-background-color" },
@@ -1314,9 +1340,9 @@ var SimpleTableComponent = (props) => {
       return `${column.priceFormat?.currencyStart ?? ""}${Number(value).toFixed(2).replace(".", ",").toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.")} ${!column.priceFormat?.currencyStart ? column.priceFormat?.currencyEnd ?? props.values.SYMBOL_EURO : ""}`;
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
-        return /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
+        return /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { alt: "-", src: value, className: "img-table", variant: "square" });
       } else if (column.isImage.isGuid) {
-        return /* @__PURE__ */ React7__default.default.createElement(
+        return /* @__PURE__ */ React8__default.default.createElement(
           ImageTableComponent_default,
           {
             guid: value,
@@ -1342,7 +1368,7 @@ var SimpleTableComponent = (props) => {
     if (typeof value === "boolean") {
       return String(value);
     }
-    return /* @__PURE__ */ React7__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
+    return /* @__PURE__ */ React8__default.default.createElement(material.Typography, { component: "span", sx: { whiteSpace: "break-spaces" } }, value);
   };
   const ObjectbyString = (o, s) => {
     s = s.replace(/\[(\w+)\]/g, ".$1");
@@ -1380,7 +1406,7 @@ var SimpleTableComponent = (props) => {
         rowEdit[fieldName] = e.target.value;
         setUpdate();
       };
-      return /* @__PURE__ */ React7__default.default.createElement(
+      return /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           ...editableCell.isTextField.textFieldProps,
@@ -1393,29 +1419,29 @@ var SimpleTableComponent = (props) => {
       return value;
     }
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "table-simple-component" }, /* @__PURE__ */ React7__default.default.createElement(material.Paper, { className: "paper-container" }, props.isCheckTable && !props.isCheckTable.noCheckAllItems && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-simple-component" }, /* @__PURE__ */ React8__default.default.createElement(material.Paper, { className: "paper-container" }, props.isCheckTable && !props.isCheckTable.noCheckAllItems && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "block", md: "none" } }, className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
     material.Checkbox,
     {
       indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
       checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
       onChange: handleSelectAllClick
     }
-  )), /* @__PURE__ */ React7__default.default.createElement(
+  )), /* @__PURE__ */ React8__default.default.createElement(
     material.TableContainer,
     {
       className: `table-container ${props.isBordered ? "table-bordered" : "table-simple"}
         ${props.withScroll ? "with-scroll" : ""}`
     },
-    /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(
       material.Table,
       {
         stickyHeader: true,
         "aria-label": "sticky table",
         className: props.loading ? "loading" : props.className ? props.className : ""
       },
-      /* @__PURE__ */ React7__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
+      /* @__PURE__ */ React8__default.default.createElement(material.TableHead, { sx: { display: { xs: "none", md: "table-header-group" } } }, /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, props.columns.map((column, columnIndex) => {
         if (column.id) {
-          return /* @__PURE__ */ React7__default.default.createElement(
+          return /* @__PURE__ */ React8__default.default.createElement(
             material.TableCell,
             {
               className: "table-column",
@@ -1423,18 +1449,18 @@ var SimpleTableComponent = (props) => {
               align: column.align ? column.align : "center",
               style: { width: column.width, minWidth: column.minWidth, maxWidth: column.maxWidth }
             },
-            column.isCheck && !props.isCheckTable?.noCheckAllItems ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+            column.isCheck && !props.isCheckTable?.noCheckAllItems ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
               material.Checkbox,
               {
                 indeterminate: props.rows && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length < props.rows.length,
                 checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify(props.isCheckTable?.rowsChecked)).length === props.rows.length,
                 onChange: handleSelectAllClick
               }
-            )) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
+            )) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "table-header-cell" }, column.label)
           );
         } else return null;
       }))),
-      /* @__PURE__ */ React7__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React7__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React7__default.default.createElement(
+      /* @__PURE__ */ React8__default.default.createElement(material.TableBody, null, props.loading && /* @__PURE__ */ React8__default.default.createElement(material.TableRow, { className: "table-rows" }, /* @__PURE__ */ React8__default.default.createElement(
         material.TableCell,
         {
           colSpan: props.columns.length,
@@ -1444,11 +1470,11 @@ var SimpleTableComponent = (props) => {
             height: props.rows.length > 0 ? "auto" : "80px"
           }
         },
-        /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
+        /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", color: "primary" })
       )), props.rows && props.rows.length > 0 ? props.rows.map((row, index) => {
         const rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? `row-color-${props.rowsColorColumn.columnValue}` : props.isStriped && props.rows.length > 1 && index % 2 == 0 ? "main-background-color table-striped" : "";
         const isRowSelected = props.isCheckTable?.rowsChecked && isSelected(row.id);
-        return /* @__PURE__ */ React7__default.default.createElement(
+        return /* @__PURE__ */ React8__default.default.createElement(
           material.TableRow,
           {
             className: `table-rows ${rowColor} ${props.onClickRow || props.onClickRowData ? "row-click" : ""}`,
@@ -1462,7 +1488,7 @@ var SimpleTableComponent = (props) => {
           props.columns.map((column, columnIndex) => {
             const value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id ?? "");
             const isItemSelected = column.isCheck && isSelected(row.id);
-            return /* @__PURE__ */ React7__default.default.createElement(
+            return /* @__PURE__ */ React8__default.default.createElement(
               material.TableCell,
               {
                 className: `table-cell ${column.cellClassName ? column.cellClassName(row) : ""}`,
@@ -1475,8 +1501,8 @@ var SimpleTableComponent = (props) => {
                 },
                 onClick: () => !column.action && !column.isCheck && !column.isActiveFunction ? handleRowClick(row) : ""
               },
-              column.label !== "-" && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
-              column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.rowViewFormat ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && column.action.map((action, i) => /* @__PURE__ */ React7__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React7__default.default.createElement(
+              column.label !== "-" && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "inline-block", md: "none" } }, className: "label-cell" }, column.label),
+              column.action && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex" }, className: "actions" }, column.rowViewFormat ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "format-value" }, value) : column.action && column.action.map((action, i) => /* @__PURE__ */ React8__default.default.createElement(material.Box, { key: i }, action.onClick && /* @__PURE__ */ React8__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1486,7 +1512,7 @@ var SimpleTableComponent = (props) => {
                   onClick: () => action.onClick && action.onClick(row)
                 },
                 action.children
-              ), action.onClickId && /* @__PURE__ */ React7__default.default.createElement(
+              ), action.onClickId && /* @__PURE__ */ React8__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1496,7 +1522,7 @@ var SimpleTableComponent = (props) => {
                   onClick: () => action.onClickId && action.onClickId(row.id)
                 },
                 action.children
-              ), !action.onClick && !action.onClickId && /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+              ), !action.onClick && !action.onClickId && /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "btn-action" }, action.children))))) : column.isActiveFunction && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
                 material.Box,
                 {
                   className: "btn-action main-color-hover",
@@ -1506,30 +1532,30 @@ var SimpleTableComponent = (props) => {
                   onClick: () => column.isActiveFunction && column.isActiveFunction.onClickId(row.id)
                 },
                 value ? column.isActiveFunction.activeIcon : column.isActiveFunction.disabledIcon
-              ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React7__default.default.createElement(
+              ) : column.isCheck && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "checkbox-cell" }, /* @__PURE__ */ React8__default.default.createElement(
                 material.Checkbox,
                 {
                   checked: isItemSelected,
                   slotProps: { input: { "aria-labelledby": row.id } },
                   onChange: (event) => props.isCheckTable?.onCheckedAction ? onCheckAction(event, row.id) : onCheckSingleAction(event, row.id)
                 }
-              )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+              )) : column.isEditableTableCell && Object.keys(row).length > 0 ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
                 material.Box,
                 {
                   className: `${column.enumColumn.hasColor ? `${column.enumColumn.enumSuffix ? `${value.toLowerCase()}-${column.enumColumn.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-type-color` : ""} format-value`
                 },
                 formatValue(value, column)
-              ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React7__default.default.createElement(
+              ) : column.isBoolean && Object.keys(row).length > 0 ? /* @__PURE__ */ React8__default.default.createElement(
                 material.Box,
                 {
                   className: `${column.isBoolean.hasColor ? `${column.isBoolean.enumSuffix ? `${value.toString().toLowerCase()}-${column.isBoolean.enumSuffix.toLowerCase()}` : value.toString().toLowerCase()}-boolean-color` : ""} format-value`
                 },
                 formatValue(value, column)
-              ) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
+              ) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${column.isImage ? "" : "format-value"}` }, formatValue(value, column))
             );
           })
         );
-      }) : !props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React7__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React7__default.default.createElement(material.TableRow, null))
+      }) : !props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null, /* @__PURE__ */ React8__default.default.createElement(material.TableCell, { colSpan: props.columns.length }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.values.NO_RESULTS_FOUND))) : /* @__PURE__ */ React8__default.default.createElement(material.TableRow, null))
     )
   )));
 };
@@ -1549,7 +1575,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx
 var MainLayoutSimple = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "main-wrapper", sx: { bgcolor: "background.default" } }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React7__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "row" }, className: "main-layout-simple" }, props.lateralComponent && props.lateralComponent, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "main-wrapper", sx: { bgcolor: "background.default" } }, props.headerComponent && props.headerComponent, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${props.lateralComponent ? "split-container" : ""}` }, /* @__PURE__ */ React8__default.default.createElement(material.Container, { maxWidth: false }, props.mainComponent))));
 };
 
 // src/components/layouts/SplitLayout/SplitLayout.scss
@@ -1578,7 +1604,7 @@ var SplitLayout = ({
   children
 }) => {
   const heroImageUrl = imgUrl?.trim();
-  return /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, className: "split-layout", sx: { minHeight: "100vh" } }, heroImageUrl && /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, className: "split-layout", sx: { minHeight: "100vh" } }, heroImageUrl && /* @__PURE__ */ React8__default.default.createElement(
     material.Grid,
     {
       component: "section",
@@ -1586,8 +1612,8 @@ var SplitLayout = ({
       sx: { display: { xs: "none", md: "block" }, position: "relative", overflow: "hidden" },
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React7__default.default.createElement("img", { src: heroImageUrl, alt: "split-layout-image", className: "split-layout__media-image" })
-  ), /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement("img", { src: heroImageUrl, alt: "split-layout-image", className: "split-layout__media-image" })
+  ), /* @__PURE__ */ React8__default.default.createElement(
     material.Grid,
     {
       component: "section",
@@ -1601,22 +1627,22 @@ var SplitLayout = ({
         p: { xs: 2, sm: 2.5, md: 4 }
       }
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Container, { className: "split-layout__content-wrap" }, children)
+    /* @__PURE__ */ React8__default.default.createElement(material.Container, { className: "split-layout__content-wrap" }, children)
   ));
 };
 var NavIcon = (props) => {
   if (props.iconClassName) {
-    return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "pcoded-micon" }, /* @__PURE__ */ React7__default.default.createElement("i", { className: props.iconClassName }));
+    return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "pcoded-micon" }, /* @__PURE__ */ React8__default.default.createElement("i", { className: props.iconClassName }));
   } else if (props.iconComponent) {
-    return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "pcoded-micon" }, props.iconComponent);
+    return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "pcoded-micon" }, props.iconComponent);
   }
-  return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null);
+  return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null);
 };
 
 // src/components/navigation/VerticalNav/VerticalNavItem.tsx
 var VerticalNavItem = (props) => {
   const { pathname } = reactRouter.useLocation();
-  const hasPermission = React7.useMemo(
+  const hasPermission = React8.useMemo(
     () => checkPermission(props.item.persmisionAvailable, props.userPermisions),
     [props.item.persmisionAvailable, props.userPermisions]
   );
@@ -1624,7 +1650,7 @@ var VerticalNavItem = (props) => {
     return null;
   }
   const isActive = !!reactRouter.matchPath({ path: `${props.item.route}/*` || "" }, pathname);
-  return /* @__PURE__ */ React7__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       sx: (theme) => ({
@@ -1642,11 +1668,11 @@ var VerticalNavItem = (props) => {
       }),
       className: `nav-item ${isActive ? "main-background-color" : ""}`
     },
-    /* @__PURE__ */ React7__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
+    /* @__PURE__ */ React8__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title)
   ));
 };
-var VerticalNavItem_default = React7__default.default.memo(VerticalNavItem);
+var VerticalNavItem_default = React8__default.default.memo(VerticalNavItem);
 var needsToBeOpened = (pathname, item) => {
   if (pathname) {
     return isUrlInChildren(item, pathname);
@@ -1671,8 +1697,8 @@ var isUrlInChildren = (parent, url) => {
 };
 var VerticalNavItemCollapse = (props) => {
   const { pathname } = reactRouter.useLocation();
-  const [open, setOpen] = React7.useState(() => needsToBeOpened(pathname, props.item));
-  React7.useEffect(() => {
+  const [open, setOpen] = React8.useState(() => needsToBeOpened(pathname, props.item));
+  React8.useEffect(() => {
     if (needsToBeOpened(pathname, props.item)) {
       setOpen(true);
     }
@@ -1680,26 +1706,26 @@ var VerticalNavItemCollapse = (props) => {
   const handleClick = () => {
     setOpen(!open);
   };
-  const hasPermission = React7.useMemo(
+  const hasPermission = React8.useMemo(
     () => checkPermission(props.item.persmisionAvailable, props.userPermisions),
     [props.item.persmisionAvailable, props.userPermisions]
   );
   if (!hasPermission) {
     return null;
   }
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "nav-item-collapse" }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "nav-item-collapse" }, /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       sx: { p: 2, display: "flex", alignContent: "flex-end", alignItems: "center" },
       className: `nav-item ${open ? "open" : ""} ${needsToBeOpened(pathname, props.item) ? "active" : ""}`,
       onClick: handleClick
     },
-    /* @__PURE__ */ React7__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title),
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" } }, open ? /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.ExpandMore, null) : /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.ChevronRight, null))
-  ), props.item.children && Array.isArray(props.item.children) && /* @__PURE__ */ React7__default.default.createElement(material.Collapse, { in: open, className: "collapse-children" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true }, props.item.children.map((item) => /* @__PURE__ */ React7__default.default.createElement(material.Grid, { key: item.id, size: 12 }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React7__default.default.createElement(VerticalNavItemCollapse, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React7__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide })))))));
+    /* @__PURE__ */ React8__default.default.createElement(NavIcon, { iconClassName: props.item.iconClassName, iconComponent: props.item.iconComponent }),
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `nav-item-text` }, props.item.title),
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" } }, open ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ExpandMore, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ChevronRight, null))
+  ), props.item.children && Array.isArray(props.item.children) && /* @__PURE__ */ React8__default.default.createElement(material.Collapse, { in: open, className: "collapse-children" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true }, props.item.children.map((item) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: item.id, size: 12 }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItemCollapse, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide })))))));
 };
-var VerticalNavItemCollapse_default = React7__default.default.memo(VerticalNavItemCollapse);
+var VerticalNavItemCollapse_default = React8__default.default.memo(VerticalNavItemCollapse);
 
 // src/components/navigation/VerticalNav/VerticalNav.scss
 var css9 = `.vertical-navigation {
@@ -1761,7 +1787,7 @@ var NavigationType = /* @__PURE__ */ ((NavigationType2) => {
   return NavigationType2;
 })(NavigationType || {});
 var VerticalNav = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Grid, { container: true, className: "vertical-navigation" }, props.items.map((item) => /* @__PURE__ */ React7__default.default.createElement(material.Grid, { key: item.id, size: { xs: 12, md: 12 }, className: "grid-item-navigation" }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React7__default.default.createElement(VerticalNavItemCollapse_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React7__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }))));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Grid, { container: true, className: "vertical-navigation" }, props.items.map((item) => /* @__PURE__ */ React8__default.default.createElement(material.Grid, { key: item.id, size: { xs: 12, md: 12 }, className: "grid-item-navigation" }, item.type === 1 /* Collapse */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItemCollapse_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }), item.type === 0 /* Item */ && /* @__PURE__ */ React8__default.default.createElement(VerticalNavItem_default, { item, userPermisions: props.userPermisions, onHide: props.onHide }))));
 };
 
 // src/components/navigation/components/UserInfo.scss
@@ -1773,21 +1799,37 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/navigation/components/UserInfo.tsx
 var UserInfo = (props) => {
-  const [anchorEl, setAnchorEl] = React7__default.default.useState(null);
+  const [anchorEl, setAnchorEl] = React8__default.default.useState(null);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
   };
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React7__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "user-info" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.photoURL && props.photoURL !== void 0 ? /* @__PURE__ */ React8__default.default.createElement(material.Avatar, { className: "avatar-user", src: props.photoURL }) : /* @__PURE__ */ React8__default.default.createElement(
     material.Avatar,
     {
       className: "avatar-user main-background-color",
       sx: { bgcolor: "primary.main", color: "primary.contrastText" }
     },
     props.displayName.charAt(0).toUpperCase()
-  ), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.ExpandMore, { onClick: handleClick }), /* @__PURE__ */ React7__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React7__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))));
+  ), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: 1, width: "100%", display: "flex", alignItems: "center", alignContent: "flex-end" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "user-name" }, props.displayName), props.menuActions && props.menuActions.length > 0 && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: "auto", display: "flex" }, className: "cursor-pointer" }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.ExpandMore, { onClick: handleClick }), /* @__PURE__ */ React8__default.default.createElement(material.Menu, { anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, props.menuActions.map((item, i) => /* @__PURE__ */ React8__default.default.createElement(material.MenuItem, { key: i, onClick: item.action }, item.title)))))));
+};
+var AppBreadcrumbs = (props) => {
+  const matches = reactRouter.useMatches();
+  const crumbs = matches.flatMap((match) => {
+    const breadcrumb = match.handle?.breadcrumb;
+    if (!breadcrumb) return [];
+    const result = typeof breadcrumb === "function" ? breadcrumb(match) : breadcrumb;
+    return Array.isArray(result) ? result : [result];
+  });
+  if (!crumbs.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React8__default.default.createElement(material.Breadcrumbs, { "aria-label": "breadcrumb", separator: props.separator, maxItems: props.maxItems }, crumbs.map((crumb, index) => {
+    const isLast = index === crumbs.length - 1;
+    return isLast || !crumb.to ? /* @__PURE__ */ React8__default.default.createElement(material.Typography, { key: index, variant: "body2", sx: { color: isLast ? "text.primary" : "text.secondary" } }, crumb.label) : /* @__PURE__ */ React8__default.default.createElement(material.Link, { key: index, component: reactRouter.Link, to: crumb.to, underline: "hover", variant: "body2", color: "inherit" }, crumb.label);
+  }));
 };
 
 // src/components/layouts/Standard/AppSidebar/AppSidebar.scss
@@ -1803,7 +1845,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/Standard/AppSidebar/AppSidebar.tsx
 var AppSidebar = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(
     material.Drawer,
     {
       anchor: "left",
@@ -1812,8 +1854,8 @@ var AppSidebar = (props) => {
       onClose: props.onHide,
       sx: { display: { xs: "block", lg: "none" } }
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "app-sidebar" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React7__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents)))
-  ), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: { xs: "none", lg: "block" } } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "app-sidebar" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { position: "sticky", top: "0" } }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React7__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))))));
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "app-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents)))
+  ), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: { xs: "none", lg: "block" } } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "app-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { position: "sticky", top: "0" } }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))))));
 };
 
 // src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.scss
@@ -1829,7 +1871,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.tsx
 var DrawerSidebar = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(material.Drawer, { anchor: "left", className: "drawer-nav", open: props.open, onClose: props.onHide }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "drawer-sidebar" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React7__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))));
+  return /* @__PURE__ */ React8__default.default.createElement(material.Drawer, { anchor: "left", className: "drawer-nav", open: props.open, onClose: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { height: "100%" }, className: "drawer-sidebar" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100vh" } }, props.headerComponents && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: "12px", flexShrink: 0 } }, props.headerComponents), /* @__PURE__ */ React8__default.default.createElement(material.Divider, null)), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { overflow: "auto" } }, props.children), props.footerComponents && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mt: "auto", flexShrink: 0 } }, props.footerComponents))));
 };
 
 // src/components/layouts/Standard/AppHeader/AppHeader.scss
@@ -1850,7 +1892,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 
 // src/components/layouts/Standard/AppHeader/AppHeader.tsx
 var AppHeader = (props) => {
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.AppBar,
     {
       position: "sticky",
@@ -1859,7 +1901,7 @@ var AppHeader = (props) => {
       },
       className: `app-bar main-background-body ${props.className ?? ""}`
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Toolbar, { className: "app-toolbar" }, props.handleDrawerOpen && /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(material.Toolbar, { className: "app-toolbar" }, props.handleDrawerOpen && /* @__PURE__ */ React8__default.default.createElement(
       material.IconButton,
       {
         sx: { display: { xs: `inline-flex`, lg: props.drawerVisible ? `inline-flex` : `none` } },
@@ -1868,7 +1910,7 @@ var AppHeader = (props) => {
         "aria-label": "open drawer",
         onClick: props.handleDrawerOpen
       },
-      /* @__PURE__ */ React7__default.default.createElement(MenuIcon__default.default, null)
+      /* @__PURE__ */ React8__default.default.createElement(MenuIcon__default.default, null)
     ), props.children)
   );
 };
@@ -1899,7 +1941,7 @@ document.head.appendChild(document.createElement("style")).appendChild(document.
 // src/components/fields/ButtonComponent/ButtonComponent.tsx
 var ButtonComponent = ({ component = "button", ...rest }) => {
   const props = { component, ...rest };
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Button,
     {
       type: props.type && props.type,
@@ -1925,7 +1967,7 @@ var ButtonComponent = ({ component = "button", ...rest }) => {
       disabled: props.loading || props.disabled,
       component: props.component
     },
-    props.loading ? /* @__PURE__ */ React7__default.default.createElement(
+    props.loading ? /* @__PURE__ */ React8__default.default.createElement(
       material.CircularProgress,
       {
         className: `${props.reverseColors ? "circular-progress-main-color" : ""}`,
@@ -2009,7 +2051,7 @@ var TextSimpleComponent = ({
 }) => {
   const props = { noBorders, isFormLabel, ...rest };
   function SkeletonCompleteDefault(skeleton) {
-    return skeleton.mineSkeleton ?? /* @__PURE__ */ React7__default.default.createElement(
+    return skeleton.mineSkeleton ?? /* @__PURE__ */ React8__default.default.createElement(
       material.Skeleton,
       {
         width: props.fullWidth ? "auto" : "200px",
@@ -2019,7 +2061,7 @@ var TextSimpleComponent = ({
       }
     );
   }
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: "text-simple-component",
@@ -2029,8 +2071,8 @@ var TextSimpleComponent = ({
       },
       ...props.componentBoxProps
     },
-    props.skeletonLabel ? /* @__PURE__ */ React7__default.default.createElement(material.Skeleton, { width: "10%", animation: "wave" }) : props.label ? props.isFormLabel ? /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.classNameLabel ?? ""}` }, props.label) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: `${props.classNameLabel ?? ""}`, ...props.labelBoxProps }, props.label) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null),
-    /* @__PURE__ */ React7__default.default.createElement(
+    props.skeletonLabel ? /* @__PURE__ */ React8__default.default.createElement(material.Skeleton, { width: "10%", animation: "wave" }) : props.label ? props.isFormLabel ? /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.classNameLabel ?? ""}` }, props.label) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: `${props.classNameLabel ?? ""}`, ...props.labelBoxProps }, props.label) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null),
+    /* @__PURE__ */ React8__default.default.createElement(
       material.Box,
       {
         sx: {
@@ -2044,15 +2086,15 @@ var TextSimpleComponent = ({
          ${props.noBorders || props.skeletonValue && props.skeletonValue.useSkeleton ? "no-border" : ""} ${props.error ? "has-error-border" : ""} ${props.startIcon ? "icon-padding" : props.endIcon ? "end-icon-padding" : ""}`,
         ...props.valueBoxProps
       },
-      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React7__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React7__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20, color: "primary" }) : /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
+      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React8__default.default.createElement(SkeletonCompleteDefault, { ...props.skeletonValue }) : /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, props.startIcon && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mr: 1, display: "flex" } }, props.startIcon), props.isLoading ? /* @__PURE__ */ React8__default.default.createElement(material.CircularProgress, { className: "circular-progress-main-color", size: 20, color: "primary" }) : /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { width: props.fullWidth ? "100%" : "auto" } }, props.value), props.endIcon && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { ml: props.fullWidth ? "auto" : "1", display: "flex" } }, props.endIcon))
     ),
-    props.helperText && /* @__PURE__ */ React7__default.default.createElement(
+    props.helperText && /* @__PURE__ */ React8__default.default.createElement(
       material.Box,
       {
         className: `helper-text ${props.error ? "has-error" : ""} ${props.noBorders || props.skeletonValue && props.skeletonValue.useSkeleton ? "no-border" : ""}`,
         ...props.helperBoxProps
       },
-      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React7__default.default.createElement(material.Skeleton, { width: "15%", animation: "wave" }) : props.helperText
+      props.skeletonValue && props.skeletonValue.useSkeleton ? /* @__PURE__ */ React8__default.default.createElement(material.Skeleton, { width: "15%", animation: "wave" }) : props.helperText
     )
   );
 };
@@ -2161,7 +2203,7 @@ var SelectField = ({
   const getOptions = () => {
     return props.addExtraOption ? [props.addExtraOption, ...props.options] : props.options;
   };
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: "select-field",
@@ -2170,8 +2212,8 @@ var SelectField = ({
         flexDirection: "column"
       }
     },
-    props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
-    /* @__PURE__ */ React7__default.default.createElement(
+    props.label && /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
+    /* @__PURE__ */ React8__default.default.createElement(
       Select__default.default,
       {
         defaultValue: props.defaultOptions,
@@ -2203,7 +2245,7 @@ var SelectField = ({
         styles: buildReactSelectStyles(theme)
       }
     ),
-    props.helperText && /* @__PURE__ */ React7__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
+    props.helperText && /* @__PURE__ */ React8__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
   );
 };
 var SelectAsyncField = ({
@@ -2220,7 +2262,7 @@ var SelectAsyncField = ({
     orderBy: "Id",
     orderAsc: true
   };
-  const [filters, setFilters] = React7.useState(props.filters ? props.filters : defaultFilters);
+  const [filters, setFilters] = React8.useState(props.filters ? props.filters : defaultFilters);
   const loadOptions = async (search, _loadedOptions, additional) => {
     const newFilters = filters;
     newFilters.search = search;
@@ -2245,7 +2287,7 @@ var SelectAsyncField = ({
       }
     };
   };
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: "select-field",
@@ -2254,8 +2296,8 @@ var SelectAsyncField = ({
         flexDirection: "column"
       }
     },
-    props.label && /* @__PURE__ */ React7__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
-    /* @__PURE__ */ React7__default.default.createElement(
+    props.label && /* @__PURE__ */ React8__default.default.createElement(material.FormLabel, { className: `${props.invalid ? "Mui-error" : ""}` }, props.label),
+    /* @__PURE__ */ React8__default.default.createElement(
       reactSelectAsyncPaginate.AsyncPaginate,
       {
         defaultValue: props.defaultOptions,
@@ -2289,7 +2331,7 @@ var SelectAsyncField = ({
         styles: buildReactSelectStyles(theme)
       }
     ),
-    props.helperText && /* @__PURE__ */ React7__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
+    props.helperText && /* @__PURE__ */ React8__default.default.createElement(material.FormHelperText, { error: props.invalid, className: `helper-text ${props.invalid ? "has-error Mui-error" : ""}` }, props.helperText)
   );
 };
 var LoginForm = (props) => {
@@ -2297,7 +2339,7 @@ var LoginForm = (props) => {
     login: yup2__namespace.string().required(props.requiredText.requiredTextLogin),
     password: yup2__namespace.string().required(props.requiredText.requiredTextPassword)
   });
-  const [showPassword, setShownPassword] = React7.useState(false);
+  const [showPassword, setShownPassword] = React8.useState(false);
   const handleClickShowPassword = () => {
     setShownPassword(!showPassword);
   };
@@ -2310,12 +2352,12 @@ var LoginForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(LoginSchema)
   });
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "login",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React7__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelLogin,
@@ -2339,12 +2381,12 @@ var LoginForm = (props) => {
         }
       )
     }
-  )), /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(
+  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "password",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React7__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelPassword,
@@ -2365,11 +2407,11 @@ var LoginForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React7__default.default.createElement(material.IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, size: "small" }, showPassword ? /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.VisibilityOff, null))
+          endIcon: /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, size: "small" }, showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null))
         }
       )
     }
-  )))), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React7__default.default.createElement(
+  )))), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2377,7 +2419,7 @@ var LoginForm = (props) => {
       className: "btn-login",
       onClick: handleSubmit(props.onClick)
     }
-  )), props.bottomComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ChangePasswordForm = (props) => {
   const validationSchema = yup2__namespace.object().shape({
@@ -2396,19 +2438,19 @@ var ChangePasswordForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(validationSchema)
   });
-  const [showPassword, setShownPassword] = React7.useState(false);
+  const [showPassword, setShownPassword] = React8.useState(false);
   const handleClickShowPassword = () => {
     setShownPassword(!showPassword);
   };
   const handleMouseDownPassword = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React7__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(material.Stack, { direction: "column", spacing: 1 }, /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "password",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React7__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelPassword,
@@ -2429,7 +2471,7 @@ var ChangePasswordForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React7__default.default.createElement(
+          endIcon: /* @__PURE__ */ React8__default.default.createElement(
             material.IconButton,
             {
               "aria-label": "toggle password visibility",
@@ -2437,17 +2479,17 @@ var ChangePasswordForm = (props) => {
               onMouseDown: handleMouseDownPassword,
               size: "small"
             },
-            showPassword ? /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.VisibilityOff, null)
+            showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null)
           )
         }
       )
     }
-  )), /* @__PURE__ */ React7__default.default.createElement(material.Box, null, /* @__PURE__ */ React7__default.default.createElement(
+  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, null, /* @__PURE__ */ React8__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "passwordConfirmation",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React7__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.labelSamePassword,
@@ -2468,7 +2510,7 @@ var ChangePasswordForm = (props) => {
               }
             }
           },
-          endIcon: /* @__PURE__ */ React7__default.default.createElement(
+          endIcon: /* @__PURE__ */ React8__default.default.createElement(
             material.IconButton,
             {
               "aria-label": "toggle password visibility",
@@ -2476,12 +2518,12 @@ var ChangePasswordForm = (props) => {
               onMouseDown: handleMouseDownPassword,
               size: "small"
             },
-            showPassword ? /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.VisibilityOff, null)
+            showPassword ? /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Visibility, null) : /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.VisibilityOff, null)
           )
         }
       )
     }
-  )))), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React7__default.default.createElement(
+  )))), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2489,7 +2531,7 @@ var ChangePasswordForm = (props) => {
       onClick: handleSubmit(props.onClick),
       loading: props.loading
     }
-  )), props.bottomComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ResetPasswordForm = (props) => {
   const ResetSchema = yup2__namespace.object().shape({
@@ -2504,12 +2546,12 @@ var ResetPasswordForm = (props) => {
   } = reactHookForm.useForm({
     resolver: yup.yupResolver(ResetSchema)
   });
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { m: 2 } }, props.topComponent), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { my: 2 } }, /* @__PURE__ */ React8__default.default.createElement(
     reactHookForm.Controller,
     {
       control,
       name: "email",
-      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React7__default.default.createElement(
+      render: ({ field: { onChange, name, ref: ref2 } }) => /* @__PURE__ */ React8__default.default.createElement(
         TextFieldComponent,
         {
           label: props.valuesText.label,
@@ -2533,7 +2575,7 @@ var ResetPasswordForm = (props) => {
         }
       )
     }
-  )), /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React7__default.default.createElement(
+  )), /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { mb: 4 } }, /* @__PURE__ */ React8__default.default.createElement(
     ButtonComponent,
     {
       label: props.valuesText.buttonText,
@@ -2541,7 +2583,7 @@ var ResetPasswordForm = (props) => {
       onClick: handleSubmit(props.onClick),
       loading: props.loading
     }
-  )), props.bottomComponent && /* @__PURE__ */ React7__default.default.createElement(material.Box, null, props.bottomComponent));
+  )), props.bottomComponent && /* @__PURE__ */ React8__default.default.createElement(material.Box, null, props.bottomComponent));
 };
 var ModalComponent = ({
   modalSize = "sm",
@@ -2553,7 +2595,7 @@ var ModalComponent = ({
   ...rest
 }) => {
   const props = { modalSize, fullWidth, loading, dividers, crossAvailable, buttonActionsAlign, ...rest };
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Dialog,
     {
       open: props.setShow,
@@ -2568,17 +2610,17 @@ var ModalComponent = ({
       scroll: "body",
       slotProps: { paper: { sx: { overflowY: "unset" } } }
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.DialogTitle, { id: "modal-title" }, /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.title, props.onHide && props.crossAvailable && /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(material.DialogTitle, { id: "modal-title" }, /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", alignItems: "center" } }, props.title, props.onHide && props.crossAvailable && /* @__PURE__ */ React8__default.default.createElement(
       material.Box,
       {
         sx: {
           margin: "-1rem -1rem -1rem auto"
         }
       },
-      /* @__PURE__ */ React7__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: props.onHide }, /* @__PURE__ */ React7__default.default.createElement(iconsMaterial.Close, null))
+      /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: props.onHide }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Close, null))
     ))),
-    props.children && /* @__PURE__ */ React7__default.default.createElement(material.DialogContent, { sx: { overflowY: "unset" }, id: "modal-description", dividers: props.dividers }, props.children),
-    /* @__PURE__ */ React7__default.default.createElement(material.DialogActions, { sx: { justifyContent: props.buttonActionsAlign } }, props.cancelButton && /* @__PURE__ */ React7__default.default.createElement(
+    props.children && /* @__PURE__ */ React8__default.default.createElement(material.DialogContent, { sx: { overflowY: "unset" }, id: "modal-description", dividers: props.dividers }, props.children),
+    /* @__PURE__ */ React8__default.default.createElement(material.DialogActions, { sx: { justifyContent: props.buttonActionsAlign } }, props.cancelButton && /* @__PURE__ */ React8__default.default.createElement(
       ButtonComponent,
       {
         disabled: props.loading,
@@ -2586,7 +2628,7 @@ var ModalComponent = ({
         onClick: props.cancelButton.onClick ? props.cancelButton.onClick : props.onHide,
         ...props.cancelButton
       }
-    ), props.submitButton && /* @__PURE__ */ React7__default.default.createElement(
+    ), props.submitButton && /* @__PURE__ */ React8__default.default.createElement(
       ButtonComponent,
       {
         className: `btn-modal-submit main-background-color ${props.submitButton.className ? props.submitButton.className : ""}`,
@@ -2596,12 +2638,104 @@ var ModalComponent = ({
     ))
   );
 };
+
+// src/components/modals/Drawers/DetailPanelComponent.scss
+var css17 = `.detail-panel .MuiDrawer-paper {
+  display: flex;
+  flex-direction: column;
+}
+.detail-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.detail-panel__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.detail-panel__actions {
+  display: flex;
+}
+.detail-panel ::-webkit-scrollbar {
+  display: block;
+  width: 8px;
+}
+.detail-panel ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRldGFpbFBhbmVsQ29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0U7RUFDRTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLmRldGFpbC1wYW5lbCB7XHJcbiAgLk11aURyYXdlci1wYXBlciB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICB9XHJcblxyXG4gICZfX2hlYWRlciB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICB9XHJcblxyXG4gICZfX2NvbnRlbnQge1xyXG4gICAgZmxleDogMTtcclxuICAgIG92ZXJmbG93LXk6IGF1dG87XHJcbiAgfVxyXG5cclxuICAmX19hY3Rpb25zIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgfVxyXG5cclxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgd2lkdGg6IDhweDtcclxuICB9XHJcblxyXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gIH1cclxufVxyXG4iXX0= */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css17));
+var DetailPanelComponent = ({
+  open,
+  onClose,
+  title,
+  anchor = "left",
+  actions,
+  children,
+  doublePanel = false,
+  disableBackdropClose = false
+}) => {
+  return /* @__PURE__ */ React8__default.default.createElement(
+    material.Drawer,
+    {
+      anchor,
+      open,
+      onClose: (_event, reason) => {
+        if (disableBackdropClose && reason === "backdropClick") return;
+        onClose();
+      },
+      className: "detail-panel",
+      slotProps: {
+        paper: {
+          sx: {
+            width: { xs: "100%", sm: "75%" },
+            "& ::-webkit-scrollbar-thumb": { backgroundColor: "primary.main" }
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "detail-panel__header", sx: { px: { xs: 2, md: 3 }, py: 1.5 } }, /* @__PURE__ */ React8__default.default.createElement(material.Typography, { variant: "h6", component: "h2", noWrap: true }, title), /* @__PURE__ */ React8__default.default.createElement(material.IconButton, { "aria-label": "close", onClick: onClose }, /* @__PURE__ */ React8__default.default.createElement(iconsMaterial.Close, null))),
+    /* @__PURE__ */ React8__default.default.createElement(material.Divider, null),
+    /* @__PURE__ */ React8__default.default.createElement(
+      material.Grid,
+      {
+        className: "detail-panel__content",
+        sx: doublePanel ? {
+          display: "grid",
+          gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" },
+          gridTemplateRows: { sm: "minmax(0, 1fr)" },
+          overflowY: { sm: "hidden" },
+          "& > *": { p: { xs: 2, md: 3 }, overflowY: { sm: "auto" } },
+          "& > :first-child": {
+            borderStyle: "solid",
+            borderColor: "divider",
+            borderWidth: { xs: "0 0 1px 0", md: "0 1px 0 0" }
+          }
+        } : { p: { xs: 2, md: 3 } }
+      },
+      children
+    ),
+    actions && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(material.Divider, null), /* @__PURE__ */ React8__default.default.createElement(
+      material.Box,
+      {
+        className: "detail-panel__actions",
+        sx: {
+          px: { xs: 2, md: 3 },
+          py: 1.5,
+          gap: 1,
+          justifyContent: anchor === "right" ? "flex-start" : "flex-end"
+        }
+      },
+      actions
+    ))
+  );
+};
 var TabsComponent = (props) => {
-  const [value, setValue] = React7__default.default.useState(props.tabActive.toString());
+  const [value, setValue] = React8__default.default.useState(props.tabActive.toString());
   const handleChange = (_event, newValue) => {
     setValue(newValue);
   };
-  return /* @__PURE__ */ React7__default.default.createElement(MainWrapperComponent, null, /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "tabs-component" }, /* @__PURE__ */ React7__default.default.createElement(lab.TabContext, { value }, /* @__PURE__ */ React7__default.default.createElement(lab.TabList, { onChange: handleChange }, props.tabs.sort((a, b) => a.value - b.value).map((tabLabel) => /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(MainWrapperComponent, null, /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "tabs-component" }, /* @__PURE__ */ React8__default.default.createElement(lab.TabContext, { value }, /* @__PURE__ */ React8__default.default.createElement(lab.TabList, { onChange: handleChange }, props.tabs.sort((a, b) => a.value - b.value).map((tabLabel) => /* @__PURE__ */ React8__default.default.createElement(
     material.Tab,
     {
       classes: { selected: "main-background-color" },
@@ -2610,7 +2744,7 @@ var TabsComponent = (props) => {
       label: tabLabel.label,
       value: tabLabel.value.toString()
     }
-  ))), props.tabsComponent.sort((a, b) => a.value - b.value).map((tabComponent) => /* @__PURE__ */ React7__default.default.createElement(lab.TabPanel, { key: tabComponent.value, value: tabComponent.value.toString() }, tabComponent.component)))));
+  ))), props.tabsComponent.sort((a, b) => a.value - b.value).map((tabComponent) => /* @__PURE__ */ React8__default.default.createElement(lab.TabPanel, { key: tabComponent.value, value: tabComponent.value.toString() }, tabComponent.component)))));
 };
 var toDayjs = (v, format) => {
   if (v == null || v === "") return null;
@@ -2630,9 +2764,9 @@ var DatePickerComponent = ({
   format,
   ...rest
 }) => {
-  const [value, setValue] = React7__default.default.useState(toDayjs(valueProp, format));
-  const [hover, setHover] = React7__default.default.useState(false);
-  React7.useEffect(() => {
+  const [value, setValue] = React8__default.default.useState(toDayjs(valueProp, format));
+  const [hover, setHover] = React8__default.default.useState(false);
+  React8.useEffect(() => {
     setValue(toDayjs(valueProp, format));
   }, [valueProp, format]);
   const {
@@ -2647,7 +2781,7 @@ var DatePickerComponent = ({
     onMouseLeave,
     ...textFieldRest
   } = textField ?? {};
-  return /* @__PURE__ */ React7__default.default.createElement(material.Box, { className: "data-picker-component", sx: { width: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(material.Box, { className: "data-picker-component", sx: { width: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ React8__default.default.createElement(
     xDatePickers.DatePicker,
     {
       ...rest,
@@ -2712,7 +2846,7 @@ var DatePickerComponent = ({
 };
 
 // src/components/wrappers/CardComponent/CardComponent.scss
-var css17 = `.card-component {
+var css18 = `.card-component {
   box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
 }
 .card-component.gradiant-green {
@@ -2734,13 +2868,13 @@ var css17 = `.card-component {
   color: white;
 }
 /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUdBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBRUo7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5jYXJkLWNvbXBvbmVudHtcclxuICAgIGJveC1zaGFkb3c6IDAgMXB4IDIwcHggMCByZ2IoNjkgOTAgMTAwIC8gOCUpO1xyXG4gICAgLy9iYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuXHJcbiAgICAmLmdyYWRpYW50LWdyZWVue1xyXG4gICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtMTM1ZGVnLCAjMWRlOWI2LCAjMWRjNGU5KTtcclxuICAgICAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB9XHJcbiAgICAmLmdyYWRpYW50LXZpb2xldHtcclxuICAgICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTEzNWRlZywjODk5ZmQ0LCNhMzg5ZDQpO1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYuZ3JleXtcclxuICAgICAgICBiYWNrZ3JvdW5kOiAjQTlBOUE5O1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICYubWFpbi1iYWNrZ3JvdW5kLWNvbG9ye1xyXG4gICAgICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgIC5NdWlDaXJjdWxhclByb2dyZXNzLXJvb3R7XHJcbiAgICAgICAgY29sb3I6d2hpdGU7XHJcbiAgICB9XHJcbn0iXX0= */`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css17));
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css18));
 
 // src/components/wrappers/CardComponent/CardComponent.tsx
 var CardComponent = ({ backgroundType = "white", ...rest }) => {
   const props = { backgroundType, ...rest };
   const isPrimary = props.backgroundType === "primary";
-  return /* @__PURE__ */ React7__default.default.createElement(
+  return /* @__PURE__ */ React8__default.default.createElement(
     material.Box,
     {
       className: `card-component ${props.onClick ? "cursor-pointer" : ""} ${isPrimary ? "" : props.backgroundType}
@@ -2751,7 +2885,7 @@ var CardComponent = ({ backgroundType = "white", ...rest }) => {
       },
       onClick: props.onClick
     },
-    /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React7__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React7__default.default.createElement(
+    /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { p: 3.125, py: 3.75, height: "100%" } }, props.loading ? /* @__PURE__ */ React8__default.default.createElement(material.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" } }, /* @__PURE__ */ React8__default.default.createElement(
       material.CircularProgress,
       {
         className: `${props.backgroundType === "white" ? "circular-progress-main-color" : ""}`,
@@ -2760,6 +2894,24 @@ var CardComponent = ({ backgroundType = "white", ...rest }) => {
     )) : props.children && props.children)
   );
 };
+var SnackbarComponent = ({
+  open,
+  message,
+  onClose,
+  severity = "info",
+  autoHideDuration = 5e3,
+  anchorOrigin = { vertical: "bottom", horizontal: "right" },
+  action
+}) => /* @__PURE__ */ React8__default.default.createElement(
+  material.Snackbar,
+  {
+    open,
+    autoHideDuration,
+    anchorOrigin,
+    onClose: (_, reason) => reason !== "clickaway" && onClose()
+  },
+  /* @__PURE__ */ React8__default.default.createElement(material.Alert, { severity, variant: "filled", onClose, action, sx: { width: "100%" } }, message)
+);
 
 // src/interfaces/search/SearchFilters.tsx
 var SearchBaseDefaults = {
@@ -2770,12 +2922,14 @@ var SearchBaseDefaults = {
   orderAsc: true
 };
 
+exports.AppBreadcrumbs = AppBreadcrumbs;
 exports.AppHeader = AppHeader;
 exports.AppSidebar = AppSidebar;
 exports.ButtonComponent = ButtonComponent;
 exports.CardComponent = CardComponent;
 exports.ChangePasswordForm = ChangePasswordForm;
 exports.DatePickerComponent = DatePickerComponent;
+exports.DetailPanelComponent = DetailPanelComponent;
 exports.DrawerSidebar = DrawerSidebar;
 exports.GroupBy = GroupBy;
 exports.LinearProgressComponent = LinearProgressComponent;
@@ -2784,6 +2938,7 @@ exports.MainLayoutSimple = MainLayoutSimple;
 exports.MainWrapperComponent = MainWrapperComponent;
 exports.ModalComponent = ModalComponent;
 exports.NavigationType = NavigationType;
+exports.NotificationContainer = NotificationContainer;
 exports.PublicFormWrapper = PublicFormWrapper;
 exports.ResetPasswordForm = ResetPasswordForm;
 exports.SearchBaseDefaults = SearchBaseDefaults;
@@ -2791,6 +2946,7 @@ exports.SearchComponent = SearchComponent;
 exports.SelectAsyncField = SelectAsyncField;
 exports.SelectField = SelectField;
 exports.SimpleTableComponent = SimpleTableComponent;
+exports.SnackbarComponent = SnackbarComponent;
 exports.SplitLayout = SplitLayout;
 exports.TableComponent = TableComponent;
 exports.TabsComponent = TabsComponent;
@@ -2798,6 +2954,7 @@ exports.TextFieldComponent = TextFieldComponent;
 exports.TextSimpleComponent = TextSimpleComponent;
 exports.UserInfo = UserInfo;
 exports.VerticalNav = VerticalNav;
+exports.addNotification = addNotification;
 exports.checkPermission = checkPermission;
 exports.clearSession = clearSession;
 exports.downloadFileBlob = downloadFileBlob;
@@ -2806,6 +2963,7 @@ exports.getImageByBlob = getImageByBlob;
 exports.getJwtToken = getJwtToken;
 exports.getSession = getSession;
 exports.redirectDownload = redirectDownload;
+exports.removeNotification = removeNotification;
 exports.saveSession = saveSession;
 exports.toBase64 = toBase64;
 exports.useIsMounted = useIsMounted;