sevago-library 1.3.13 → 1.3.15

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { createTheme as createTheme$2, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, useTheme as useTheme$4, Skeleton, Box, styled as styled$3, InputLabel as InputLabel$1, Link, Paper as Paper$1, Typography as Typography$1, ClickAwayListener, Tooltip, Icon, Badge, Tabs as Tabs$1, Tab as Tab$1, Divider as Divider$1, tooltipClasses, Avatar, AvatarGroup, Popover as Popover$1, CircularProgress as CircularProgress$1, Button as Button$1, Chip as Chip$1, TextField as TextField$1, GlobalStyles as GlobalStyles$2, InputAdornment as InputAdornment$1, debounce as debounce$3, Fade as Fade$1, MenuItem as MenuItem$1, FormControl as FormControl$1, FormHelperText as FormHelperText$1, IconButton as IconButton$1, FormControlLabel, Checkbox, Collapse, Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogActions as DialogActions$1, List as List$2, ListItem as ListItem$1, Pagination, RadioGroup, Radio, TableRow, TableContainer, TableHead, Table, TableBody, Card, CardHeader, CardContent, Select as Select$1, Autocomplete as Autocomplete$1 } from "@mui/material";
+import { createTheme as createTheme$2, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, useTheme as useTheme$4, Skeleton, Box, styled as styled$3, InputLabel as InputLabel$1, Link, Paper as Paper$1, Typography as Typography$1, ClickAwayListener, Tooltip, Icon, Badge, Tabs as Tabs$1, Tab as Tab$1, Divider as Divider$1, tooltipClasses, Avatar, AvatarGroup, Popover as Popover$1, CircularProgress as CircularProgress$1, Button as Button$1, Chip as Chip$1, TextField as TextField$1, GlobalStyles as GlobalStyles$2, InputAdornment as InputAdornment$1, debounce as debounce$3, Fade as Fade$1, MenuItem as MenuItem$1, FormControl as FormControl$1, FormHelperText as FormHelperText$1, IconButton as IconButton$1, FormControlLabel, Checkbox, Collapse, Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogActions as DialogActions$1, List as List$2, ListItem as ListItem$1, Pagination, RadioGroup, Radio, TableRow, TableContainer, TableHead, Table, TableBody, useMediaQuery as useMediaQuery$1, Card, CardHeader, CardContent, Select as Select$1, Autocomplete as Autocomplete$1 } from "@mui/material";
 import dayjs from "dayjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
@@ -561,12 +561,12 @@ const APP_OBJ = {
     group: AppGroup.MANUFACTURING,
     color: APP_GROUP_COLOR[AppGroup.MANUFACTURING]
   },
-  WAREHOUSE_FINISHED_GOODS: {
+  GOODS_WAREHOUSE: {
     path: {
-      local: "http://localhost:12017/finished-goods",
-      develop: "https://dev.admin.warehouse-material.sevago.local/finished-goods",
-      staging: "https://sta.admin.warehouse-material.sevago.local/finished-goods",
-      production: "https://admin.warehouse-material.sevago.local/finished-goods",
+      local: "http://localhost:12035",
+      develop: "https://dev.admin.goods-warehouse.sevago.local",
+      staging: "https://sta.admin.goods-warehouse.sevago.local",
+      production: "https://admin.goods-warehouse.sevago.local",
       production_vps: ""
     },
     icon: ICONS.iconWarehouseMaterialCcdc,
@@ -78328,6 +78328,10 @@ const SystemMonitorScreen = ({
 }) => {
   const theme = useTheme();
   const [tab, setTab] = useState(AppGroup.ALL);
+  const isBelowSm = useMediaQuery$1(theme.breakpoints.down("sm"));
+  const isBelowMd = useMediaQuery$1(theme.breakpoints.down("md"));
+  const isBelowLg = useMediaQuery$1(theme.breakpoints.down("lg"));
+  const appGridColumns = isBelowSm ? 2 : isBelowMd ? 3 : isBelowLg ? 4 : 5;
   const availableApps = React__default.useMemo(
     () => Object.entries(APP_OBJ).filter(([key]) => !(blacklist == null ? void 0 : blacklist.includes(key))).map(([, app]) => {
       const appInfo = app;
@@ -78370,7 +78374,7 @@ const SystemMonitorScreen = ({
       component: MotionBox,
       preset: "fadeInUp",
       sx: {
-        flexDirection: { xs: "column", md: "row" },
+        flexDirection: "row",
         alignItems: "stretch",
         width: "100%",
         minHeight: "100%",
@@ -78381,7 +78385,8 @@ const SystemMonitorScreen = ({
           Stack,
           {
             sx: {
-              width: { xs: "100%", md: 240 },
+              width: { xs: 72, sm: 180, md: 240 },
+              flexShrink: 0,
               gap: 0
             },
             children: availableGroups.map((group) => {
@@ -78393,6 +78398,7 @@ const SystemMonitorScreen = ({
                   "aria-pressed": isActive,
                   sx: {
                     p: PADDING_GAP_ITEM,
+                    justifyContent: { xs: "center", sm: "flex-start" },
                     border: 0,
                     borderLeft: { md: `3px solid ${isActive ? theme.palette.primary.main : "transparent"}` },
                     borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
@@ -78407,7 +78413,7 @@ const SystemMonitorScreen = ({
                   },
                   children: [
                     /* @__PURE__ */ jsx(IconElement, { icon: GROUP_ICONS[group] }),
-                    /* @__PURE__ */ jsx(Typography$1, { sx: { ...TYPOGRAPHY.textMd.regular }, children: group })
+                    /* @__PURE__ */ jsx(Typography$1, { sx: { display: { xs: "none", sm: "block" }, ...TYPOGRAPHY.textMd.regular }, children: group })
                   ]
                 },
                 group
@@ -78419,9 +78425,9 @@ const SystemMonitorScreen = ({
           AppGrid,
           {
             apps: appsByGroup,
-            columns: 5,
+            columns: appGridColumns,
             rows: 3,
-            iconSize: 120,
+            iconSize: 60,
             iconRadius: 7,
             onClickApp,
             isShowAppHidden: true