sevago-sso-fe 1.0.60 → 1.0.62

package/dist/components/elements/tag/index.d.ts

@@ -1,2 +1,2 @@
 export { TagOnClickElement } from './tag-on-click.element';
-export { TagElement } from './tag.element';
+export * from './tag.element';

package/dist/index.cjs.js

@@ -7203,257 +7203,6 @@ const IconRight = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20"
     "stroke-linejoin": "round"
   }
 ) });
-const ImageBrand = material.styled(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 = material.styled(ImageElement)(({ theme }) => ({
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  height: 50,
-  width: 70
-}));
-const ImageEmpty = material.styled(material.Box)(({ theme }) => ({
-  width: "auto",
-  minWidth: 50,
-  height: 50,
-  borderRadius: BORDER_RADIUS_ELEMENT,
-  border: `1px dashed ${theme.palette.divider}`
-}));
-const InputLabelCustom = material.styled(material.InputLabel)(({ 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__ */ jsxRuntime.jsx(
-    material.Link,
-    {
-      target,
-      rel: "noopener",
-      sx: { textDecoration: "none", color: "unset", ...sx },
-      onClick: (event) => {
-        if (onClick) {
-          event.preventDefault();
-          onClick();
-        }
-      },
-      ...rest
-    }
-  );
-};
-const LinkWrapProductRow = material.styled(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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: iconProps ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(material.Typography, { variant: variation, children: content })
-      ]
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    material.Typography,
-    {
-      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 = material.styled(material.Paper, {
-  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 = material.styled(material.Stack)(() => ({
   flexDirection: "row"
 }));
@@ -7569,16 +7318,6 @@ const BorderLinearProgress = material.styled(material.LinearProgress)(({ theme }
     backgroundColor: theme.palette.primary
   }
 }));
-const TypographyFilter = material.styled(material.Typography)(({ 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";
@@ -15204,6 +14943,267 @@ const MotionBox = ({
   } : {};
   return /* @__PURE__ */ jsxRuntime.jsx(motion.div, { ...motionProps, ...getAnimationProps(), ...hoverProps, onClick, style: { ...sx }, children });
 };
+const ImageBrand = material.styled(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 = material.styled(ImageElement)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  height: 50,
+  width: 70
+}));
+const ImageEmpty = material.styled(material.Box)(({ theme }) => ({
+  width: "auto",
+  minWidth: 50,
+  height: 50,
+  borderRadius: BORDER_RADIUS_ELEMENT,
+  border: `1px dashed ${theme.palette.divider}`
+}));
+const InputLabelCustom = material.styled(material.InputLabel)(({ 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__ */ jsxRuntime.jsx(
+    material.Link,
+    {
+      target,
+      rel: "noopener",
+      sx: { textDecoration: "none", color: "unset", ...sx },
+      onClick: (event) => {
+        if (onClick) {
+          event.preventDefault();
+          onClick();
+        }
+      },
+      ...rest
+    }
+  );
+};
+const LinkWrapProductRow = material.styled(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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: iconProps ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(material.Typography, { variant: variation, children: content })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    material.Typography,
+    {
+      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 = material.styled(material.Paper, {
+  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 = material.styled(material.Typography)(({ 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,
@@ -50014,6 +50014,7 @@ exports.isDateString = isDateString;
 exports.isEmpty = isEmpty$2;
 exports.isSameDateTime = isSameDateTime;
 exports.light = light$1;
+exports.lightenColor = lightenColor;
 exports.lightenColorTree = lightenColorTree;
 exports.normalizeText = normalizeText;
 exports.phoneRegExp = phoneRegExp;