injast-core 1.0.78

package/dist/constants/index.js

@@ -0,0 +1,138 @@
+"use client";
+
+// src/constants/colors.ts
+var defaultColors = {
+  neutral: {
+    50: "#F8FAFD",
+    100: "#F4F6FA",
+    200: "#E8EAEE",
+    300: "#D6D9DF",
+    400: "#B1B7C2",
+    500: "#91969F",
+    600: "#6B7079",
+    700: "#4F545E",
+    800: "#363C46",
+    900: "#242933",
+    main: "#4F545E",
+    light: "#91969F",
+    dark: "#242933",
+    contrastText: "#fff"
+  },
+  success: {
+    dark: "#0B8922",
+    main: "#18AB33",
+    light: "#EAF9EC"
+  },
+  danger: {
+    dark: "#B9141F",
+    main: "#ED2C3A",
+    light: "#FEEAEC"
+  },
+  warning: {
+    dark: "#CB620A",
+    main: "#FD7E14",
+    light: "#FFEFE1"
+  },
+  info: {
+    dark: "#168EA1",
+    main: "#24ADC2",
+    light: "#E5F8FB"
+  },
+  yellow: {
+    100: "#FFF3CD",
+    200: "#FFDA6A",
+    300: "#FFC107",
+    400: "#DCA000",
+    dark: "#DCA000",
+    main: "#FFC107",
+    light: "#FFF3CD",
+    transparent: "#FFC1071A"
+  },
+  red: {
+    100: "#FDEAEB",
+    200: "#FF606F",
+    300: "#ED2C3A",
+    400: "#AC2633",
+    dark: "#AC2633",
+    main: "#ED2C3A",
+    light: "#FDEAEB",
+    transparent: "#ED2C3A1A"
+  },
+  indigo: {
+    100: "#EEE3FF",
+    200: "#8540F5",
+    300: "#6610F2",
+    400: "#3D0A91",
+    dark: "#3D0A91",
+    main: "#6610F2",
+    light: "#EEE3FF",
+    transparent: "#6610F21A"
+  },
+  cyan: {
+    100: "#E5F8FB",
+    200: "#6EDFF6",
+    300: "#0DCAF0",
+    400: "#24ADC2",
+    dark: "#24ADC2",
+    main: "#0DCAF0",
+    light: "#E5F8FB",
+    transparent: "#0DCAF01A"
+  },
+  pink: {
+    100: "#FDECF0",
+    200: "#FF6C88",
+    300: "#EF4465",
+    400: "#CC2C4B",
+    dark: "#CC2C4B",
+    main: "#EF4465",
+    light: "#FDECF0",
+    transparent: "#EF44651A"
+  },
+  orange: {
+    100: "#FFEFE1",
+    200: "#FD9843",
+    300: "#FD7E14",
+    400: "#A34A00",
+    dark: "#A34A00",
+    main: "#FD7E14",
+    light: "#FFEFE1",
+    transparent: "#FFC1071A"
+  },
+  magenta: {
+    100: "#FCE3EF",
+    200: "#DE5C9D",
+    300: "#D63384",
+    400: "#801F4F",
+    dark: "#801F4F",
+    main: "#D63384",
+    light: "#FCE3EF",
+    transparent: "#D633841A"
+  },
+  blue: {
+    100: "#E3F2FF",
+    200: "#5A9DFF",
+    300: "#0D6EFD",
+    400: "#084298",
+    dark: "#084298",
+    main: "#0D6EFD",
+    light: "#E3F2FF",
+    transparent: "#0D6EFD1A"
+  },
+  teal: {
+    100: "#E5FAF4",
+    200: "#79DFC1",
+    300: "#20C997",
+    400: "#179D76",
+    dark: "#179D76",
+    main: "#20C997",
+    light: "#E5FAF4",
+    transparent: "#20C9971A"
+  }
+};
+
+// src/constants/stepConnectorClasses.ts
+import { stepConnectorClasses as MuiStepConnectorClasses } from "@mui/material";
+export {
+  defaultColors,
+  MuiStepConnectorClasses as stepConnectorClasses
+};

package/dist/context/index.js

@@ -0,0 +1,308 @@
+"use client";
+
+// src/constants/colors.ts
+var defaultColors = {
+  neutral: {
+    50: "#F8FAFD",
+    100: "#F4F6FA",
+    200: "#E8EAEE",
+    300: "#D6D9DF",
+    400: "#B1B7C2",
+    500: "#91969F",
+    600: "#6B7079",
+    700: "#4F545E",
+    800: "#363C46",
+    900: "#242933",
+    main: "#4F545E",
+    light: "#91969F",
+    dark: "#242933",
+    contrastText: "#fff"
+  },
+  success: {
+    dark: "#0B8922",
+    main: "#18AB33",
+    light: "#EAF9EC"
+  },
+  danger: {
+    dark: "#B9141F",
+    main: "#ED2C3A",
+    light: "#FEEAEC"
+  },
+  warning: {
+    dark: "#CB620A",
+    main: "#FD7E14",
+    light: "#FFEFE1"
+  },
+  info: {
+    dark: "#168EA1",
+    main: "#24ADC2",
+    light: "#E5F8FB"
+  },
+  yellow: {
+    100: "#FFF3CD",
+    200: "#FFDA6A",
+    300: "#FFC107",
+    400: "#DCA000",
+    dark: "#DCA000",
+    main: "#FFC107",
+    light: "#FFF3CD",
+    transparent: "#FFC1071A"
+  },
+  red: {
+    100: "#FDEAEB",
+    200: "#FF606F",
+    300: "#ED2C3A",
+    400: "#AC2633",
+    dark: "#AC2633",
+    main: "#ED2C3A",
+    light: "#FDEAEB",
+    transparent: "#ED2C3A1A"
+  },
+  indigo: {
+    100: "#EEE3FF",
+    200: "#8540F5",
+    300: "#6610F2",
+    400: "#3D0A91",
+    dark: "#3D0A91",
+    main: "#6610F2",
+    light: "#EEE3FF",
+    transparent: "#6610F21A"
+  },
+  cyan: {
+    100: "#E5F8FB",
+    200: "#6EDFF6",
+    300: "#0DCAF0",
+    400: "#24ADC2",
+    dark: "#24ADC2",
+    main: "#0DCAF0",
+    light: "#E5F8FB",
+    transparent: "#0DCAF01A"
+  },
+  pink: {
+    100: "#FDECF0",
+    200: "#FF6C88",
+    300: "#EF4465",
+    400: "#CC2C4B",
+    dark: "#CC2C4B",
+    main: "#EF4465",
+    light: "#FDECF0",
+    transparent: "#EF44651A"
+  },
+  orange: {
+    100: "#FFEFE1",
+    200: "#FD9843",
+    300: "#FD7E14",
+    400: "#A34A00",
+    dark: "#A34A00",
+    main: "#FD7E14",
+    light: "#FFEFE1",
+    transparent: "#FFC1071A"
+  },
+  magenta: {
+    100: "#FCE3EF",
+    200: "#DE5C9D",
+    300: "#D63384",
+    400: "#801F4F",
+    dark: "#801F4F",
+    main: "#D63384",
+    light: "#FCE3EF",
+    transparent: "#D633841A"
+  },
+  blue: {
+    100: "#E3F2FF",
+    200: "#5A9DFF",
+    300: "#0D6EFD",
+    400: "#084298",
+    dark: "#084298",
+    main: "#0D6EFD",
+    light: "#E3F2FF",
+    transparent: "#0D6EFD1A"
+  },
+  teal: {
+    100: "#E5FAF4",
+    200: "#79DFC1",
+    300: "#20C997",
+    400: "#179D76",
+    dark: "#179D76",
+    main: "#20C997",
+    light: "#E5FAF4",
+    transparent: "#20C9971A"
+  }
+};
+
+// src/components/Toast.tsx
+import { Alert, Snackbar } from "@mui/material";
+import { CloseCircle, Danger, InfoCircle, TickCircle } from "iconsax-react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var Toast = ({
+  message,
+  open,
+  duration,
+  width = "90%",
+  handleClose,
+  anchorOrigin = { vertical: "top", horizontal: "left" },
+  isWide = false
+}) => {
+  const getStyles = (severity) => {
+    const styles = {
+      error: {
+        backgroundColor: defaultColors.danger.light,
+        color: defaultColors.danger.main,
+        borderColor: defaultColors.danger.main
+      },
+      warning: {
+        backgroundColor: defaultColors.warning.light,
+        color: defaultColors.warning.main,
+        borderColor: defaultColors.warning.main
+      },
+      info: {
+        backgroundColor: defaultColors.info.light,
+        color: defaultColors.info.main,
+        borderColor: defaultColors.info.main
+      },
+      success: {
+        backgroundColor: defaultColors.success.light,
+        color: defaultColors.success.main,
+        borderColor: defaultColors.success.main
+      }
+    };
+    return styles[severity] || {};
+  };
+  const getIconForSeverity = (severity) => {
+    const icons = {
+      error: /* @__PURE__ */ jsx(
+        CloseCircle,
+        {
+          color: defaultColors.danger.main,
+          size: 28,
+          variant: "Bold"
+        }
+      ),
+      warning: /* @__PURE__ */ jsx(Danger, { color: defaultColors.warning.main, size: 28, variant: "Bold" }),
+      info: /* @__PURE__ */ jsx(InfoCircle, { color: defaultColors.info.main, size: 28, variant: "Bold" }),
+      success: /* @__PURE__ */ jsx(
+        TickCircle,
+        {
+          color: defaultColors.success.main,
+          size: 28,
+          variant: "Bold"
+        }
+      )
+    };
+    return icons[severity];
+  };
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      open,
+      autoHideDuration: duration,
+      onClose: handleClose,
+      onClick: handleClose,
+      anchorOrigin,
+      sx: {
+        margin: "8px",
+        ...!isWide && anchorOrigin.horizontal === "center" && {
+          left: "50% !important",
+          right: "auto !important",
+          transform: "translateX(-50%)",
+          "@media (min-width: 600px)": {
+            left: "50% !important",
+            right: "auto !important",
+            transform: "translateX(-50%)"
+          }
+        },
+        ...!isWide && anchorOrigin.horizontal === "left" && {
+          "@media (min-width: 600px)": {
+            left: "50% !important",
+            right: "auto !important",
+            transform: "translateX(-50%)",
+            marginLeft: "-60px"
+            // نصف عرض container (550px / 2)
+          }
+        },
+        ...!isWide && anchorOrigin.horizontal === "right" && {
+          "@media (min-width: 600px)": {
+            left: "50% !important",
+            right: "auto !important",
+            transform: "translateX(-50%)",
+            marginLeft: "-60px"
+            // نصف عرض container (550px / 2)
+          }
+        }
+      },
+      children: message ? /* @__PURE__ */ jsx(
+        Alert,
+        {
+          variant: "outlined",
+          icon: getIconForSeverity(message.severity),
+          severity: message.severity,
+          sx: {
+            width,
+            maxWidth: 450,
+            minWidth: isWide ? 350 : "auto",
+            borderRadius: "8px",
+            px: 3.5,
+            py: 4,
+            display: "flex",
+            alignItems: "center",
+            fontSize: "16px",
+            fontWeight: 500,
+            gap: 1,
+            ...getStyles(message.severity)
+          },
+          children: message.text
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, {})
+    }
+  );
+};
+var Toast_default = Toast;
+
+// src/context/MessageHandler.tsx
+import {
+  createContext,
+  useState
+} from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var MessageContext = createContext(
+  void 0
+);
+var MessageProvider = ({
+  children,
+  toastPosition = { vertical: "top", horizontal: "left" },
+  width = "90%"
+}) => {
+  const [message, setMessage] = useState(null);
+  const [open, setOpen] = useState(false);
+  const duration = 4e3;
+  const showMessage = (text, severity, showUndo = false, isWide = false) => {
+    setMessage({ text, severity, showUndo, isWide });
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const contextValue = {
+    showMessage,
+    inDesktop: toastPosition,
+    width
+  };
+  return /* @__PURE__ */ jsxs(MessageContext.Provider, { value: contextValue, children: [
+    children,
+    message && /* @__PURE__ */ jsx2(
+      Toast_default,
+      {
+        open,
+        handleClose,
+        duration,
+        message,
+        width,
+        anchorOrigin: toastPosition,
+        isWide: message.isWide
+      }
+    )
+  ] });
+};
+export {
+  MessageProvider
+};