@natoora-libs/core 0.2.25 → 0.2.26

package/dist/components/index.cjs

@@ -2181,12 +2181,15 @@ var AutocompleteFilterMenuContent = ({
 
 // src/components/BackHeader/BackHeader.tsx
 var import_react_router = require("react-router");
-var import_icons_material3 = require("@mui/icons-material");
+var import_KeyboardBackspace = __toESM(require("@mui/icons-material/KeyboardBackspace"), 1);
 var import_material16 = require("@mui/material");
 var import_mui5 = require("tss-react/mui");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var useStyles5 = (0, import_mui5.makeStyles)()((theme) => ({
   header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     padding: theme.spacing(2, 3),
     borderBottom: `1px solid ${colors.neutral400}`,
     backgroundColor: colors.neutral100
@@ -2207,7 +2210,11 @@ var useStyles5 = (0, import_mui5.makeStyles)()((theme) => ({
     textTransform: "none"
   }
 }));
-var BackHeader = ({ appName, onGoBackClick }) => {
+var BackHeader = ({
+  appName,
+  onGoBackClick,
+  sideComponent = null
+}) => {
   const { classes } = useStyles5();
   const navigate = (0, import_react_router.useNavigate)();
   const handleBackClick = () => {
@@ -2216,10 +2223,13 @@ var BackHeader = ({ appName, onGoBackClick }) => {
     }
     return navigate(-1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Box, { component: "header", className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Button, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "span", className: classes.text, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_material3.KeyboardBackspace, { className: classes.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Typography, { variant: "body1", children: appName })
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "header", className: classes.header, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Button, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material16.Box, { component: "span", className: classes.text, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_KeyboardBackspace.default, { className: classes.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material16.Typography, { variant: "body1", color: "textPrimary", children: appName })
+    ] }) }),
+    sideComponent
+  ] });
 };
 var BackHeader_default = BackHeader;
 
@@ -2604,7 +2614,7 @@ var ImageButton = (props) => {
 var ImageButton_default = (0, import_react14.memo)(ImageButton);
 
 // src/components/Buttons/SquareButton/SquareButton.tsx
-var import_icons_material4 = require("@mui/icons-material");
+var import_icons_material3 = require("@mui/icons-material");
 var import_material22 = require("@mui/material");
 var import_mui11 = require("tss-react/mui");
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -2643,8 +2653,8 @@ var SquareButton = ({
 }) => {
   const { classes, cx } = useStyles10();
   const icon = {
-    add: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material4.Add, { className: classes.icon }),
-    forward: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material4.ChevronRight, { className: classes.icon })
+    add: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material3.Add, { className: classes.icon }),
+    forward: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_material3.ChevronRight, { className: classes.icon })
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_material22.Button,
@@ -2910,7 +2920,7 @@ var FilterButtonLg = (0, import_mui13.withStyles)(AButton, (theme) => ({
 var OutlinedButtonLg_default = (0, import_react17.memo)(FilterButtonLg);
 
 // src/components/Buttons/RoundButton/RoundButton.tsx
-var import_icons_material5 = require("@mui/icons-material");
+var import_icons_material4 = require("@mui/icons-material");
 var import_material26 = require("@mui/material");
 var import_mui14 = require("tss-react/mui");
 
@@ -4258,39 +4268,39 @@ var RoundButton = ({
   const { classes, cx } = useStyles12();
   const iconSize = size === "small" ? "small" : "medium";
   const iconComponentMap = {
-    add: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Add, { fontSize: iconSize }),
-    apps: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Apps, { fontSize: iconSize }),
-    arrowBack: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ArrowBack, { fontSize: iconSize }),
-    arrowForward: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ArrowForward, { fontSize: iconSize }),
+    add: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Add, { fontSize: iconSize }),
+    apps: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Apps, { fontSize: iconSize }),
+    arrowBack: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ArrowBack, { fontSize: iconSize }),
+    arrowForward: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ArrowForward, { fontSize: iconSize }),
     avocado: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconAvocado_default, {}),
-    backspaceOutlined: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.BackspaceOutlined, { fontSize: iconSize }),
+    backspaceOutlined: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.BackspaceOutlined, { fontSize: iconSize }),
     banana: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBanana_default, {}),
-    block: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Block, { fontSize: iconSize }),
+    block: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Block, { fontSize: iconSize }),
     bulk: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BulkIcon_default, { fill: colors.contrast }),
-    callSplit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.CallSplit, { fontSize: iconSize }),
-    chevronRight: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ChevronRight, { fontSize: iconSize }),
-    chevronUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.KeyboardArrowUp, { fontSize: iconSize }),
-    chevronDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.KeyboardArrowDown, { fontSize: iconSize }),
-    close: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Close, { fontSize: iconSize }),
-    delete: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
-    done: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Done, { fontSize: iconSize }),
-    edit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Edit, { fontSize: iconSize }),
-    email: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Email, { fontSize: iconSize }),
+    callSplit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.CallSplit, { fontSize: iconSize }),
+    chevronRight: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ChevronRight, { fontSize: iconSize }),
+    chevronUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.KeyboardArrowUp, { fontSize: iconSize }),
+    chevronDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.KeyboardArrowDown, { fontSize: iconSize }),
+    close: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Close, { fontSize: iconSize }),
+    delete: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
+    done: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Done, { fontSize: iconSize }),
+    edit: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Edit, { fontSize: iconSize }),
+    email: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Email, { fontSize: iconSize }),
     grape: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconGrape_default, {}),
-    groupAdd: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.GroupAdd, { fontSize: iconSize }),
-    history: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.History, { fontSize: iconSize }),
-    menu: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Menu, { fontSize: iconSize }),
-    threeDots: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.MoreHoriz, { fontSize: iconSize, color: iconColor }),
-    notes: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Comment, { fontSize: iconSize }),
-    refresh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Refresh, { fontSize: iconSize }),
-    remove: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Remove, { fontSize: iconSize }),
-    search: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Search, { fontSize: iconSize }),
-    send: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Send, { fontSize: iconSize }),
+    groupAdd: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.GroupAdd, { fontSize: iconSize }),
+    history: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.History, { fontSize: iconSize }),
+    menu: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Menu, { fontSize: iconSize }),
+    threeDots: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.MoreHoriz, { fontSize: iconSize, color: iconColor }),
+    notes: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Comment, { fontSize: iconSize }),
+    refresh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Refresh, { fontSize: iconSize }),
+    remove: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Remove, { fontSize: iconSize }),
+    search: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Search, { fontSize: iconSize }),
+    send: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Send, { fontSize: iconSize }),
     strawberry: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconStrawberry_default, {}),
-    thumbDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ThumbDown, { fontSize: iconSize }),
-    thumbUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.ThumbUp, { fontSize: iconSize }),
-    undo: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.Undo, { fontSize: iconSize }),
-    play: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.PlayArrowRounded, { fontSize: iconSize }),
+    thumbDown: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ThumbDown, { fontSize: iconSize }),
+    thumbUp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.ThumbUp, { fontSize: iconSize }),
+    undo: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.Undo, { fontSize: iconSize }),
+    play: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.PlayArrowRounded, { fontSize: iconSize }),
     snail: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
     bus: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBus_default, {}),
     spoon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconSpoon_default, {}),
@@ -4300,7 +4310,7 @@ var RoundButton = ({
     bicycle: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBicycle_default, {}),
     heart: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconHeart_default, {}),
     airplane: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconAirplane_default, {}),
-    swapHoriz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material5.SwapHoriz, { fontSize: iconSize })
+    swapHoriz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons_material4.SwapHoriz, { fontSize: iconSize })
   };
   const filteredSize = size === "double" ? void 0 : size;
   const handleClick = (e) => {
@@ -4826,7 +4836,7 @@ var ControlledNumberInput_default = ControlledNumberInput;
 // src/components/ControlledNumericField/ControlledNumericField.tsx
 var import_react19 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
-var import_icons_material6 = require("@mui/icons-material");
+var import_icons_material5 = require("@mui/icons-material");
 var import_material33 = require("@mui/material");
 var import_mui20 = require("tss-react/mui");
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -4983,7 +4993,7 @@ var ControlledNumericField = ({
                         className: classes.arrowButton,
                         onClick: incrementValue(field),
                         "data-testid": "arrow-up",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material6.KeyboardArrowUp, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material5.KeyboardArrowUp, { sx: { fontSize: 15 } })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
@@ -4993,7 +5003,7 @@ var ControlledNumericField = ({
                         className: classes.arrowButton,
                         onClick: decrementValue(field),
                         "data-testid": "arrow-down",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material6.KeyboardArrowDown, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons_material5.KeyboardArrowDown, { sx: { fontSize: 15 } })
                       }
                     )
                   ] }) })
@@ -5573,7 +5583,7 @@ var DeliveryInstructionsFormFields = ({
 };
 
 // src/components/FileCard/FileCard.tsx
-var import_icons_material7 = require("@mui/icons-material");
+var import_icons_material6 = require("@mui/icons-material");
 var import_material40 = require("@mui/material");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var getFileMetadata = (file) => {
@@ -5608,7 +5618,7 @@ var FileCard = ({ document: document2 }) => {
               justifyContent: "center",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_icons_material7.Description, { fontSize: "medium", color: "action" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_icons_material6.Description, { fontSize: "medium", color: "action" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -7593,7 +7603,7 @@ var import_mui45 = require("tss-react/mui");
 // src/components/SearchWithFilters/SearchWithFilters.tsx
 var import_react34 = require("react");
 var React6 = __toESM(require("react"), 1);
-var import_icons_material8 = require("@mui/icons-material");
+var import_icons_material7 = require("@mui/icons-material");
 var import_material60 = require("@mui/material");
 var import_mui44 = require("tss-react/mui");
 var import_jsx_runtime113 = require("react/jsx-runtime");
@@ -7657,7 +7667,7 @@ var SearchWithFilters = ({
     setSearchText(searchValue);
   }, [searchValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material60.Paper, { className: classes.searchContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.Search, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.Search, { className: classes.icon, fontSize: "small" }),
     /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       import_material60.InputBase,
       {
@@ -7679,7 +7689,7 @@ var SearchWithFilters = ({
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material8.ArrowDropDown, {})
+          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material7.ArrowDropDown, {})
         ]
       }
     )
@@ -7754,7 +7764,7 @@ var import_mui47 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
 var import_react35 = require("react");
-var import_icons_material9 = require("@mui/icons-material");
+var import_icons_material8 = require("@mui/icons-material");
 var import_material62 = require("@mui/material");
 var import_mui46 = require("tss-react/mui");
 var import_jsx_runtime115 = require("react/jsx-runtime");
@@ -7831,9 +7841,9 @@ var SearchWithFiltersForTable = (props) => {
       enterPressedInSearch();
     }
   };
-  const ArrowIcon = isOpen ? import_icons_material9.ArrowDropUp : import_icons_material9.ArrowDropDown;
+  const ArrowIcon = isOpen ? import_icons_material8.ArrowDropUp : import_icons_material8.ArrowDropDown;
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material62.Paper, { className: classes.c_search, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material8.Search, { className: classes.icon, fontSize: "small" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       import_material62.InputBase,
       {
@@ -10240,7 +10250,7 @@ var TableDesktopToolbar = ({
 
 // src/components/TableHeader/TableHeader.tsx
 var import_react52 = require("react");
-var import_icons_material10 = require("@mui/icons-material");
+var import_icons_material9 = require("@mui/icons-material");
 var import_material84 = require("@mui/material");
 var import_mui53 = require("tss-react/mui");
 var import_jsx_runtime142 = require("react/jsx-runtime");
@@ -10293,7 +10303,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
-      IconComponent: import_icons_material10.ImportExport,
+      IconComponent: import_icons_material9.ImportExport,
       onClick: () => handleSortClick(cell),
       children: cell.label
     }