sevago-sso-fe 1.0.60 → 1.0.62

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { styled as styled$3, Box, InputLabel as InputLabel$1, Link, Typography as Typography$1, Paper as Paper$1, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, useTheme as useTheme$4, Skeleton, IconButton as IconButton$1, Fade as Fade$1, Tooltip, tooltipClasses, Avatar, Badge, Icon, Tabs, Tab, CircularProgress as CircularProgress$1, Button as Button$1, TextField as TextField$1, InputAdornment as InputAdornment$1, debounce as debounce$2, Chip as Chip$1, ListItem as ListItem$1, Radio, ListItemText, FormControlLabel, Checkbox, Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Collapse, FormControl as FormControl$1, Select as Select$1, MenuItem, Pagination, RadioGroup, ClickAwayListener } from "@mui/material";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { styled as styled$3, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, useTheme as useTheme$4, Skeleton, Box, InputLabel as InputLabel$1, Link, Typography as Typography$1, Paper as Paper$1, IconButton as IconButton$1, Fade as Fade$1, Tooltip, tooltipClasses, Avatar, Badge, Icon, Tabs, Tab, CircularProgress as CircularProgress$1, Button as Button$1, TextField as TextField$1, InputAdornment as InputAdornment$1, debounce as debounce$2, Chip as Chip$1, ListItem as ListItem$1, Radio, ListItemText, FormControlLabel, Checkbox, Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Collapse, FormControl as FormControl$1, Select as Select$1, MenuItem, Pagination, RadioGroup, ClickAwayListener } from "@mui/material";
 import * as React from "react";
 import React__default, { useState, createContext, useRef, useLayoutEffect, useEffect, useId as useId$1, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment as Fragment$1, createElement, forwardRef, Component, cloneElement } from "react";
 import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$3, GlobalStyles as GlobalStyles$1, unstable_memoTheme, keyframes as keyframes$1, css, shouldForwardProp as shouldForwardProp$1, alpha as alpha$2, Stack as Stack$1, Box as Box$1 } from "@mui/system";
@@ -7185,257 +7185,6 @@ const IconRight = (props) => /* @__PURE__ */ jsx("svg", { width: "20", height: "
     "stroke-linejoin": "round"
   }
 ) });
-const ImageBrand = styled$3(ImageElement)(({ theme }) => ({
-  height: HEIGHT_ELEMENT_OTHER,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  "&:hover": { boxShadow: theme.shadows[1] },
-  padding: 8,
-  backgroundColor: "white",
-  cursor: "pointer",
-  width: 100,
-  objectFit: "contain"
-}));
-const ImageBorderDashboard = styled$3(ImageElement)(({ theme }) => ({
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  height: 50,
-  width: 70
-}));
-const ImageEmpty = styled$3(Box)(({ theme }) => ({
-  width: "auto",
-  minWidth: 50,
-  height: 50,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  border: `1px dashed ${theme.palette.divider}`
-}));
-const InputLabelCustom = styled$3(InputLabel$1)(({ theme }) => ({
-  display: "flex",
-  backgroundColor: theme.palette.background.paper,
-  paddingLeft: "8px",
-  paddingRight: `9px`,
-  transform: `translate(10px, -9px) scale(0.75)`
-}));
-const LinkElement = ({ onClick, sx = {}, target = "_self", ...rest }) => {
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      target,
-      rel: "noopener",
-      sx: { textDecoration: "none", color: "unset", ...sx },
-      onClick: (event) => {
-        if (onClick) {
-          event.preventDefault();
-          onClick();
-        }
-      },
-      ...rest
-    }
-  );
-};
-const LinkWrapProductRow = styled$3(LinkElement)(({ theme }) => ({
-  display: "flex",
-  flexDirection: "row",
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  border: `1px solid ${theme.palette.divider}`,
-  padding: PADDING_GAP_ITEM,
-  gap: PADDING_GAP_ITEM,
-  backgroundColor: theme.palette.background.default
-}));
-const lightenColor = (hex2, percent2) => {
-  let r2, g, b;
-  if (hex2.length === 7) {
-    r2 = parseInt(hex2.slice(1, 3), 16);
-    g = parseInt(hex2.slice(3, 5), 16);
-    b = parseInt(hex2.slice(5, 7), 16);
-  } else {
-    r2 = parseInt(hex2[1] + hex2[1], 16);
-    g = parseInt(hex2[2] + hex2[2], 16);
-    b = parseInt(hex2[3] + hex2[3], 16);
-  }
-  r2 = Math.round(r2 + (255 - r2) * percent2);
-  g = Math.round(g + (255 - g) * percent2);
-  b = Math.round(b + (255 - b) * percent2);
-  return `rgb(${r2}, ${g}, ${b})`;
-};
-const TAG_SIZE = {
-  large: {
-    padding: "6px 8px",
-    ...TYPOGRAPHY_STYLES.textXs.medium
-  },
-  medium: {
-    padding: "4px 6px",
-    ...TYPOGRAPHY_STYLES.textXs.medium
-  },
-  small: {
-    padding: 0.5,
-    ...TYPOGRAPHY_STYLES.textSmall.medium
-  }
-};
-const TagElement = ({
-  type,
-  content,
-  width: width2,
-  variation = "caption",
-  size = "medium",
-  variant = "contained",
-  sx,
-  color: color2,
-  iconProps
-}) => {
-  const TAG_VARIANT = {
-    contained: {
-      backgroundColor: type,
-      color: color2 || "white"
-    },
-    outlined: {
-      backgroundColor: lightenColor(type, 0.8),
-      color: type
-    },
-    "outlined-border": {
-      backgroundColor: lightenColor(type, 0.8),
-      border: `1px solid ${type}`,
-      color: type
-    }
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: iconProps ? /* @__PURE__ */ jsxs(
-    StackWrap,
-    {
-      sx: {
-        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
-        width: width2,
-        textAlign: "center",
-        textWrap: "nowrap",
-        ...TAG_SIZE[size],
-        ...TAG_VARIANT[variant],
-        ...sx
-      },
-      children: [
-        iconProps && iconProps,
-        /* @__PURE__ */ jsx(Typography$1, { variant: variation, children: content })
-      ]
-    }
-  ) : /* @__PURE__ */ jsx(
-    Typography$1,
-    {
-      variant: variation,
-      sx: {
-        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
-        width: width2,
-        textAlign: "center",
-        textWrap: "nowrap",
-        ...getLimitLineCss(1),
-        ...TAG_SIZE[size],
-        ...TAG_VARIANT[variant],
-        ...sx
-      },
-      children: content
-    }
-  ) });
-};
-const PaperSelect = styled$3(Paper$1, {
-  shouldForwardProp: (prop) => prop !== "disableSelectedStyle" && prop !== "autoWidth" && prop !== "isTreeSelect"
-})(({ theme, disableSelectedStyle, autoWidth, isTreeSelect }) => ({
-  backgroundColor: theme.palette.background.paper,
-  borderRadius: BORDER_RADIUS_ELEMENT_WRAPPER,
-  padding: PADDING_GAP_ITEM,
-  backgroundImage: "none",
-  boxShadow: theme.shadows[1],
-  ...autoWidth && {
-    width: "max-content"
-  },
-  "& > .MuiAutocomplete-listbox": {
-    padding: 0,
-    "& > .MuiAutocomplete-option": {
-      ...isTreeSelect ? {
-        padding: 0,
-        borderRadius: 0,
-        transition: TRANSITION_TIME,
-        backgroundColor: "transparent !important",
-        "& .option-content": {
-          display: "flex",
-          alignItems: "center",
-          padding: PADDING_GAP_ITEM,
-          borderRadius: BORDER_RADIUS_ELEMENT,
-          transition: TRANSITION_TIME,
-          backgroundColor: "transparent",
-          flex: 1,
-          width: "100%",
-          "&:hover": {
-            backgroundColor: lightenColor(theme.palette.primary.dark, 0.8)
-          },
-          ...disableSelectedStyle ? {} : {
-            "&.selected": {
-              backgroundColor: lightenColor(theme.palette.primary.dark, 0.8),
-              color: theme.palette.primary.contrastText
-            }
-          }
-        },
-        "&:hover": {
-          backgroundColor: "transparent !important"
-        },
-        "&[aria-selected='true']": {
-          backgroundColor: "transparent !important",
-          color: TREE_COLOR.TREE_LEVEL_1
-        }
-      } : {
-        padding: PADDING_GAP_ITEM,
-        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
-        transition: TRANSITION_TIME,
-        "&:hover": {
-          backgroundColor: theme.palette.action.hover
-        },
-        ...disableSelectedStyle ? {} : {
-          "&[aria-selected='true']": {
-            backgroundColor: lightenColor(theme.palette.primary.main, 0.9),
-            color: theme.palette.primary.main
-          }
-        }
-      }
-    }
-  }
-}));
-const getPickerSx = (palette, sx) => ({
-  "& fieldset legend": { maxWidth: "100% !important" },
-  "& .MuiPickersInputBase-root": {
-    borderColor: palette.divider,
-    borderRadius: BORDER_RADIUS_ELEMENT,
-    height: HEIGHT_DEFAULT_TEXT_FIELD_BUTTON
-  },
-  "&.MuiPickersTextField-root": { ...sx }
-});
-const getPopperProps = () => ({
-  sx: { boxShadow: 1, overflow: "hidden" },
-  modifiers: [
-    {
-      name: "customStyle",
-      enabled: true,
-      phase: "beforeWrite",
-      fn: ({ state }) => {
-        Object.assign(state.elements.popper.style, {
-          borderRadius: BORDER_RADIUS_ELEMENT_WRAPPER,
-          overflow: "hidden"
-        });
-      }
-    }
-  ]
-});
-const getActionBarSx = (palette) => ({
-  "& button": { textTransform: "none", width: 100 },
-  "& button:nth-of-type(1)": {
-    border: `1px solid ${palette.primary.main}`,
-    color: palette.primary.main,
-    background: "transparent",
-    borderRadius: BORDER_RADIUS_ELEMENT,
-    "&:hover": { backgroundColor: palette.divider + OPACITY[20] }
-  },
-  "& button:nth-of-type(2)": {
-    background: palette.primary.main,
-    color: palette.primary.contrastText,
-    borderRadius: BORDER_RADIUS_ELEMENT,
-    "&:hover": { backgroundColor: palette.primary.dark }
-  }
-});
 const StackRow = styled$3(Stack)(() => ({
   flexDirection: "row"
 }));
@@ -7551,16 +7300,6 @@ const BorderLinearProgress = styled$3(LinearProgress)(({ theme }) => ({
     backgroundColor: theme.palette.primary
   }
 }));
-const TypographyFilter = styled$3(Typography$1)(({ theme }) => ({
-  height: HEIGHT_ELEMENT_OTHER,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  "&:hover": { boxShadow: theme.shadows[1], color: theme.palette.primary.main },
-  alignContent: "center",
-  cursor: "pointer",
-  textWrap: "nowrap",
-  padding: `0px ${PADDING_GAP_LAYOUT}`
-}));
 var ImageSizeType = /* @__PURE__ */ ((ImageSizeType2) => {
   ImageSizeType2["CIRCLE"] = "CIRCLE";
   ImageSizeType2["SQUARE"] = "SQUARE";
@@ -15186,6 +14925,267 @@ const MotionBox = ({
   } : {};
   return /* @__PURE__ */ jsx(motion.div, { ...motionProps, ...getAnimationProps(), ...hoverProps, onClick, style: { ...sx }, children });
 };
+const ImageBrand = styled$3(ImageElement)(({ theme }) => ({
+  height: HEIGHT_ELEMENT_OTHER,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  "&:hover": { boxShadow: theme.shadows[1] },
+  padding: 8,
+  backgroundColor: "white",
+  cursor: "pointer",
+  width: 100,
+  objectFit: "contain"
+}));
+const ImageBorderDashboard = styled$3(ImageElement)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  height: 50,
+  width: 70
+}));
+const ImageEmpty = styled$3(Box)(({ theme }) => ({
+  width: "auto",
+  minWidth: 50,
+  height: 50,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  border: `1px dashed ${theme.palette.divider}`
+}));
+const InputLabelCustom = styled$3(InputLabel$1)(({ theme }) => ({
+  display: "flex",
+  backgroundColor: theme.palette.background.paper,
+  paddingLeft: "8px",
+  paddingRight: `9px`,
+  transform: `translate(10px, -9px) scale(0.75)`
+}));
+const LinkElement = ({ onClick, sx = {}, target = "_self", ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      target,
+      rel: "noopener",
+      sx: { textDecoration: "none", color: "unset", ...sx },
+      onClick: (event) => {
+        if (onClick) {
+          event.preventDefault();
+          onClick();
+        }
+      },
+      ...rest
+    }
+  );
+};
+const LinkWrapProductRow = styled$3(LinkElement)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "row",
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  border: `1px solid ${theme.palette.divider}`,
+  padding: PADDING_GAP_ITEM,
+  gap: PADDING_GAP_ITEM,
+  backgroundColor: theme.palette.background.default
+}));
+const lightenColor = (hex2, percent2) => {
+  let r2, g, b;
+  if (hex2.length === 7) {
+    r2 = parseInt(hex2.slice(1, 3), 16);
+    g = parseInt(hex2.slice(3, 5), 16);
+    b = parseInt(hex2.slice(5, 7), 16);
+  } else {
+    r2 = parseInt(hex2[1] + hex2[1], 16);
+    g = parseInt(hex2[2] + hex2[2], 16);
+    b = parseInt(hex2[3] + hex2[3], 16);
+  }
+  r2 = Math.round(r2 + (255 - r2) * percent2);
+  g = Math.round(g + (255 - g) * percent2);
+  b = Math.round(b + (255 - b) * percent2);
+  return `rgb(${r2}, ${g}, ${b})`;
+};
+const TAG_SIZE = {
+  large: {
+    padding: "6px 8px",
+    ...TYPOGRAPHY_STYLES.textXs.medium
+  },
+  medium: {
+    padding: "4px 6px",
+    ...TYPOGRAPHY_STYLES.textXs.medium
+  },
+  small: {
+    padding: 0.5,
+    ...TYPOGRAPHY_STYLES.textSmall.medium
+  }
+};
+const TagElement = ({
+  type,
+  content,
+  width: width2,
+  variation = "caption",
+  size = "medium",
+  variant = "contained",
+  sx,
+  color: color2,
+  iconProps
+}) => {
+  const TAG_VARIANT = {
+    contained: {
+      backgroundColor: type,
+      color: color2 || "white"
+    },
+    outlined: {
+      backgroundColor: lightenColor(type, 0.8),
+      color: type
+    },
+    "outlined-border": {
+      backgroundColor: lightenColor(type, 0.8),
+      border: `1px solid ${type}`,
+      color: type
+    }
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: iconProps ? /* @__PURE__ */ jsxs(
+    StackWrap,
+    {
+      sx: {
+        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
+        width: width2,
+        textAlign: "center",
+        textWrap: "nowrap",
+        ...TAG_SIZE[size],
+        ...TAG_VARIANT[variant],
+        ...sx
+      },
+      children: [
+        iconProps && iconProps,
+        /* @__PURE__ */ jsx(Typography$1, { variant: variation, children: content })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(
+    Typography$1,
+    {
+      variant: variation,
+      sx: {
+        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
+        width: width2,
+        textAlign: "center",
+        textWrap: "nowrap",
+        ...getLimitLineCss(1),
+        ...TAG_SIZE[size],
+        ...TAG_VARIANT[variant],
+        ...sx
+      },
+      children: content
+    }
+  ) });
+};
+const PaperSelect = styled$3(Paper$1, {
+  shouldForwardProp: (prop) => prop !== "disableSelectedStyle" && prop !== "autoWidth" && prop !== "isTreeSelect"
+})(({ theme, disableSelectedStyle, autoWidth, isTreeSelect }) => ({
+  backgroundColor: theme.palette.background.paper,
+  borderRadius: BORDER_RADIUS_ELEMENT_WRAPPER,
+  padding: PADDING_GAP_ITEM,
+  backgroundImage: "none",
+  boxShadow: theme.shadows[1],
+  ...autoWidth && {
+    width: "max-content"
+  },
+  "& > .MuiAutocomplete-listbox": {
+    padding: 0,
+    "& > .MuiAutocomplete-option": {
+      ...isTreeSelect ? {
+        padding: 0,
+        borderRadius: 0,
+        transition: TRANSITION_TIME,
+        backgroundColor: "transparent !important",
+        "& .option-content": {
+          display: "flex",
+          alignItems: "center",
+          padding: PADDING_GAP_ITEM,
+          borderRadius: BORDER_RADIUS_ELEMENT,
+          transition: TRANSITION_TIME,
+          backgroundColor: "transparent",
+          flex: 1,
+          width: "100%",
+          "&:hover": {
+            backgroundColor: lightenColor(theme.palette.primary.dark, 0.8)
+          },
+          ...disableSelectedStyle ? {} : {
+            "&.selected": {
+              backgroundColor: lightenColor(theme.palette.primary.dark, 0.8),
+              color: theme.palette.primary.contrastText
+            }
+          }
+        },
+        "&:hover": {
+          backgroundColor: "transparent !important"
+        },
+        "&[aria-selected='true']": {
+          backgroundColor: "transparent !important",
+          color: TREE_COLOR.TREE_LEVEL_1
+        }
+      } : {
+        padding: PADDING_GAP_ITEM,
+        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
+        transition: TRANSITION_TIME,
+        "&:hover": {
+          backgroundColor: theme.palette.action.hover
+        },
+        ...disableSelectedStyle ? {} : {
+          "&[aria-selected='true']": {
+            backgroundColor: lightenColor(theme.palette.primary.main, 0.9),
+            color: theme.palette.primary.main
+          }
+        }
+      }
+    }
+  }
+}));
+const getPickerSx = (palette, sx) => ({
+  "& fieldset legend": { maxWidth: "100% !important" },
+  "& .MuiPickersInputBase-root": {
+    borderColor: palette.divider,
+    borderRadius: BORDER_RADIUS_ELEMENT,
+    height: HEIGHT_DEFAULT_TEXT_FIELD_BUTTON
+  },
+  "&.MuiPickersTextField-root": { ...sx }
+});
+const getPopperProps = () => ({
+  sx: { boxShadow: 1, overflow: "hidden" },
+  modifiers: [
+    {
+      name: "customStyle",
+      enabled: true,
+      phase: "beforeWrite",
+      fn: ({ state }) => {
+        Object.assign(state.elements.popper.style, {
+          borderRadius: BORDER_RADIUS_ELEMENT_WRAPPER,
+          overflow: "hidden"
+        });
+      }
+    }
+  ]
+});
+const getActionBarSx = (palette) => ({
+  "& button": { textTransform: "none", width: 100 },
+  "& button:nth-of-type(1)": {
+    border: `1px solid ${palette.primary.main}`,
+    color: palette.primary.main,
+    background: "transparent",
+    borderRadius: BORDER_RADIUS_ELEMENT,
+    "&:hover": { backgroundColor: palette.divider + OPACITY[20] }
+  },
+  "& button:nth-of-type(2)": {
+    background: palette.primary.main,
+    color: palette.primary.contrastText,
+    borderRadius: BORDER_RADIUS_ELEMENT,
+    "&:hover": { backgroundColor: palette.primary.dark }
+  }
+});
+const TypographyFilter = styled$3(Typography$1)(({ theme }) => ({
+  height: HEIGHT_ELEMENT_OTHER,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  "&:hover": { boxShadow: theme.shadows[1], color: theme.palette.primary.main },
+  alignContent: "center",
+  cursor: "pointer",
+  textWrap: "nowrap",
+  padding: `0px ${PADDING_GAP_LAYOUT}`
+}));
 const AppGrid = ({
   apps,
   columns = 5,
@@ -49997,6 +49997,7 @@ export {
   isEmpty$2 as isEmpty,
   isSameDateTime,
   light$1 as light,
+  lightenColor,
   lightenColorTree,
   normalizeText,
   phoneRegExp,