asma-ui-core 3.19.0 → 3.20.0

package/dist/table/shared-components/DotsHorizontalIcon.js

@@ -0,0 +1,18 @@
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+function i(o) {
+  return /* @__PURE__ */ a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 20 20",
+    ...o,
+    children: /* @__PURE__ */ a("path", {
+      fill: "currentColor",
+      d: "M14 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m-5 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0M5.5 8a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m8.5 5.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0M10.5 15a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3M4 13.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0"
+    })
+  });
+}
+export {
+  i as DotsHorizontalIcon
+};

package/dist/table/shared-components/DotsVerticalIcon.js

@@ -0,0 +1,18 @@
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+function i(r) {
+  return /* @__PURE__ */ a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: /* @__PURE__ */ a("path", {
+      fill: "currentColor",
+      d: "M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"
+    })
+  });
+}
+export {
+  i as DotsVerticalIcon
+};

package/dist/table/shared-components/DropDownIcon.js

@@ -0,0 +1,18 @@
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+function m(o) {
+  return /* @__PURE__ */ r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 24 24",
+    ...o,
+    children: /* @__PURE__ */ r("path", {
+      fill: "currentColor",
+      d: "m7 10l5 5l5-5z"
+    })
+  });
+}
+export {
+  m as DropDownIcon
+};

package/dist/table/shared-components/DropUpIcon.js

@@ -0,0 +1,18 @@
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+function m(o) {
+  return /* @__PURE__ */ r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 24 24",
+    ...o,
+    children: /* @__PURE__ */ r("path", {
+      fill: "currentColor",
+      d: "m7 14l5-5l5 5z"
+    })
+  });
+}
+export {
+  m as DropUpIcon
+};

package/dist/table/shared-components/LoadingIcon.js

@@ -0,0 +1,30 @@
+import "react";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+function a(t) {
+  return /* @__PURE__ */ o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 24 24",
+    ...t,
+    children: [/* @__PURE__ */ r("path", {
+      fill: "currentColor",
+      d: "M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z",
+      opacity: 0.5
+    }), /* @__PURE__ */ r("path", {
+      fill: "currentColor",
+      d: "M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z",
+      children: /* @__PURE__ */ r("animateTransform", {
+        attributeName: "transform",
+        dur: "1s",
+        from: "0 12 12",
+        repeatCount: "indefinite",
+        to: "360 12 12",
+        type: "rotate"
+      })
+    })]
+  });
+}
+export {
+  a as LoadingIcon
+};

package/dist/table/shared-components/PinIcon.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+function l(e) {
+  return /* @__PURE__ */ r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 24 24",
+    ...e,
+    children: /* @__PURE__ */ r("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M16 9V4h2V2H6v2h2v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1l1-1v-7H19v-2c-1.66 0-3-1.34-3-3"
+    })
+  });
+}
+export {
+  l as PinIcon
+};

package/dist/table/shared-components/StyledCheckbox.js

@@ -0,0 +1,79 @@
+import { cn as C } from "../helpers/cn.js";
+import e from "./StyledCheckbox.module.js";
+import p, { useEffect as E } from "react";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { Checkbox as f } from "@base-ui-components/react/checkbox";
+var L = (n) => /* @__PURE__ */ k("svg", {
+  viewBox: "0 0 24 24",
+  width: "100%",
+  height: "100%",
+  fill: "none",
+  ...n,
+  children: [/* @__PURE__ */ t("title", { children: "Indeterminate icon" }), /* @__PURE__ */ t("path", {
+    d: "M6 12H18",
+    stroke: "currentColor",
+    strokeWidth: n.strokeWidth ?? 3,
+    strokeLinecap: "round"
+  })]
+}), H = (n) => /* @__PURE__ */ k("svg", {
+  viewBox: "0 0 24 24",
+  width: "100%",
+  height: "100%",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...n,
+  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
+}), S = ({ dataTest: n, size: h = "medium", disabled: m, readOnly: c, indeterminate: i = !1, checked: x, disableRipple: v, hideWrapper: b, className: I, onChange: u, ...a }) => {
+  const s = !!b, l = !v && !s && !m && !c, R = C(e.CheckboxWrapper, !s && e[`size-${h}`], s && e.HideWrapper, i && e.Indeterminate, c && e.ReadOnly, l && e.CheckboxHover, I), g = C(e.Checkbox, e[`size-${h}`], i && e.Indeterminate), w = i ? L : H, d = p.useRef(null), W = p.useCallback((o) => {
+    if (o.stopPropagation(), !l) return;
+    const r = document.createElement("span");
+    r.className = e.CheckboxRipple ?? "", r.addEventListener("animationend", () => r.remove(), { once: !0 }), d.current?.appendChild(r);
+  }, [l]);
+  E(() => {
+    const o = d.current;
+    return () => {
+      o?.replaceChildren();
+    };
+  }, []);
+  const N = p.useCallback((o) => {
+    if (c) return;
+    const r = { target: {
+      name: a.name,
+      value: a.value,
+      checked: o
+    } };
+    u?.(r, o);
+  }, [
+    u,
+    a.name,
+    a.value,
+    c
+  ]);
+  return /* @__PURE__ */ k(f.Root, {
+    className: R,
+    "data-test": n,
+    checked: x,
+    disabled: m,
+    readOnly: c,
+    indeterminate: i,
+    onPointerDown: W,
+    onCheckedChange: N,
+    ...a,
+    children: [!s && l && /* @__PURE__ */ t("span", {
+      ref: d,
+      className: e.CheckboxRippleContainer
+    }), /* @__PURE__ */ t("span", {
+      className: g,
+      children: /* @__PURE__ */ t(f.Indicator, {
+        className: e.Indicator,
+        children: /* @__PURE__ */ t(w, { strokeWidth: h === "small" ? 3 : 2 })
+      })
+    })]
+  });
+};
+export {
+  S as StyledCheckbox
+};

package/dist/table/shared-components/StyledCheckbox.module.js

@@ -0,0 +1,17 @@
+var e = "_CheckboxWrapper_1b4zf_1", _ = "_Checkbox_1b4zf_1", r = "_Indeterminate_1b4zf_28", a = "_ReadOnly_1b4zf_55", b = "_Indicator_1b4zf_64", p = "_HideWrapper_1b4zf_68", i = "_CheckboxHover_1b4zf_75", o = "_CheckboxRippleContainer_1b4zf_75", l = "_CheckboxRipple_1b4zf_75", z = "_ripple_1b4zf_1", d = {
+  CheckboxWrapper: e,
+  "size-small": "_size-small_1b4zf_11",
+  "size-medium": "_size-medium_1b4zf_15",
+  Checkbox: _,
+  Indeterminate: r,
+  ReadOnly: a,
+  Indicator: b,
+  HideWrapper: p,
+  CheckboxHover: i,
+  CheckboxRippleContainer: o,
+  CheckboxRipple: l,
+  ripple: z
+};
+export {
+  d as default
+};

package/dist/table/shared-components/StyledMenuItem.js

@@ -0,0 +1,21 @@
+import t from "clsx";
+import { MenuItem as r } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+var m = (o) => /* @__PURE__ */ e(r, {
+  ...o,
+  classes: {
+    root: t("px-3 py-2.5", o.classes?.root),
+    ...o.classes
+  },
+  sx: {
+    "&.Mui-disabled": {
+      pointerEvents: "auto",
+      cursor: "not-allowed",
+      "&:hover": { backgroundColor: "transparent !important" }
+    },
+    ...o.sx
+  }
+});
+export {
+  m as StyledMenuItem
+};

package/dist/table/shared-components/button/StyledButton.js

@@ -0,0 +1,45 @@
+import t from "./StyledButton.module.js";
+import u from "clsx";
+import "react";
+import { jsx as f, jsxs as g } from "react/jsx-runtime";
+var r = {
+  contained: t.contained,
+  outlined: t.outlined,
+  text: t.text,
+  textGray: t.textGray,
+  textWhite: t.textWhite,
+  large: t.large,
+  small: t.small,
+  medium: t.medium,
+  error: t.error,
+  common: t.common
+}, j = ({ variant: m = "contained", className: n = "", size: e = "medium", children: a, refLink: i, startIcon: l, endIcon: d, dataTest: p, error: s, ...x }) => {
+  const o = e === "large" || e === "medium", c = s ? "error" : "common";
+  return /* @__PURE__ */ g("button", {
+    ...x,
+    className: u(t["asma-core-ui-button"], r[m], r[c], r[e], n),
+    ref: i,
+    "data-test": p,
+    children: [
+      l,
+      a && /* @__PURE__ */ f("div", {
+        style: {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: o ? "8px" : "4px",
+          paddingLeft: o ? "8px" : "4px",
+          paddingRight: o ? "8px" : "4px"
+        },
+        children: a
+      }),
+      d
+    ]
+  });
+};
+export {
+  j as StyledButton
+};

package/dist/table/shared-components/button/StyledButton.module.js

@@ -0,0 +1,16 @@
+var _ = "_contained_17pcg_6", t = "_common_17pcg_6", a = "_medium_17pcg_48", e = "_small_17pcg_53", r = "_large_17pcg_58", c = "_error_17pcg_68", o = "_outlined_17pcg_130", g = "_text_17pcg_254", m = "_textGray_17pcg_378", l = "_textWhite_17pcg_440", p = {
+  "asma-core-ui-button": "_asma-core-ui-button_17pcg_1",
+  contained: _,
+  common: t,
+  medium: a,
+  small: e,
+  large: r,
+  error: c,
+  outlined: o,
+  text: g,
+  textGray: m,
+  textWhite: l
+};
+export {
+  p as default
+};

package/dist/table/shared-components/menu-item/index.js

@@ -0,0 +1,23 @@
+import { CheckIcon as r } from "../CheckIcon.js";
+import { MenuItem as e } from "@mui/material";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+var n = (o) => /* @__PURE__ */ t(e, {
+  classes: { root: "flex gap-x-1" },
+  sx: {
+    padding: "8px",
+    "&.Mui-selected": {
+      backgroundColor: "var(--colors-gama-50)",
+      "&:hover": { backgroundColor: "var(--colors-gama-50)" }
+    }
+  },
+  ...o,
+  children: [/* @__PURE__ */ a(r, {
+    width: 24,
+    height: 24,
+    color: o.selected ? "var(--colors-gama-500)" : "transparent",
+    style: { transition: "color 0.2s ease" }
+  }), o.children]
+});
+export {
+  n as StyledMenuItem
+};

package/dist/table/shared-components/tooltip/index.js

@@ -0,0 +1,27 @@
+import { Tooltip as t } from "@mui/material";
+import { jsx as r } from "react/jsx-runtime";
+import p from "@mui/material/Fade";
+var m = (o) => /* @__PURE__ */ r(t, {
+  TransitionComponent: p,
+  TransitionProps: { timeout: 300 },
+  arrow: !0,
+  placement: "top",
+  componentsProps: { tooltip: { sx: {
+    borderRadius: "3px !important",
+    "& .MuiTooltip-arrow": { color: "#363E4A !important" },
+    color: "white !important",
+    boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
+    display: "flex !important",
+    padding: "4px 8px !important",
+    alignItems: "center !important",
+    fontSize: "12px !important",
+    lineHeight: "16px !important",
+    letterSpacing: " 0.24px !important",
+    bgcolor: "#363E4A !important",
+    wordBreak: "break-word !important"
+  } } },
+  ...o
+});
+export {
+  m as StyledTooltip
+};

package/dist/table/types.js

@@ -0,0 +1,16 @@
+var n = (_) => _.component !== void 0, N = "select", a = "expand-column-id", r = "actions", D = "dnd-handle", L = "show-full-text", o = [
+  N,
+  a,
+  r,
+  D,
+  L
+];
+export {
+  r as ACTIONS_COLUMN_ID,
+  D as DND_HANDLE_COLUMN_ID,
+  a as EXPAND_COLUMN_ID,
+  o as INTERNAL_COLUMN_IDS,
+  N as SELECT_COLUMN_ID,
+  L as SHOW_FULL_TEXT_ID,
+  n as isCustomAction
+};

package/dist/tailwind.config.d.ts

@@ -0,0 +1,179 @@
+declare const _default: {
+    mode: string;
+    important: true;
+    content: string[];
+    theme: {
+        fontFamily: {
+            sans: string[];
+            roboto: string[];
+        };
+        extend: {
+            colors: {
+                inherit: string;
+                "textcolor-component": string;
+                "color-active-component": string;
+                "alpha-100": string;
+                "alpha-500": string;
+                "alpha-600": string;
+                "alpha-700": string;
+                "beta-100": string;
+                "beta-500": string;
+                "beta-600": string;
+                "beta-700": string;
+                "gama-25": string;
+                "gama-50": string;
+                "gama-100": string;
+                "gama-200": string;
+                "gama-300": string;
+                "gama-400": string;
+                "gama-500": string;
+                "gama-600": string;
+                "gama-700": string;
+                "gama-800": string;
+                "gama-900": string;
+                "delta-10": string;
+                "delta-50": string;
+                "delta-100": string;
+                "delta-200": string;
+                "delta-300": string;
+                "delta-400": string;
+                "delta-500": string;
+                "delta-600": string;
+                "delta-700": string;
+                "delta-800": string;
+                "delta-900": string;
+                "delta-9000": string;
+                "sigma-700": string;
+                "theta-100": string;
+                "theta-200": string;
+                "theta-300": string;
+                "theta-400": string;
+                "theta-500": string;
+                "theta-600": string;
+                "theta-700": string;
+                "theta-800": string;
+                "success-50": string;
+                "success-100": string;
+                "success-300": string;
+                "success-500": string;
+                "success-700": string;
+                "success-800": string;
+                "warning-50": string;
+                "warning-100": string;
+                "warning-300": string;
+                "warning-500": string;
+                "warning-700": string;
+                "warning-800": string;
+                "error-50": string;
+                "error-100": string;
+                "error-300": string;
+                "error-500": string;
+                "error-600": string;
+                "error-700": string;
+                "info-50": string;
+                "info-300": string;
+                "info-400": string;
+                "info-500": string;
+                "info-700": string;
+                "info-800": string;
+                "theta-hover": string;
+                "btn-bg": string;
+                "btn-bg-active": string;
+                "btn-bg-hover": string;
+                "btn-bg-disabled": string;
+                "btn-bg-danger": string;
+                "btn-bg-danger-active": string;
+                "btn-task-status-bg": string;
+                "btn-bg-mini-action": string;
+                "btn-bg-mini-action-hover": string;
+                "chat-ticket-message-bg": string;
+                "colors-topbar-text": string;
+                "custom-grey-01": string;
+                "custom-grey-02": string;
+                "custom-grey-03": string;
+                "custom-grey-04": string;
+                "custom-grey-06": string;
+            };
+            boxShadow: {
+                ash: string;
+                mui: string;
+            };
+            animation: {
+                "slide-in": string;
+                "slide-out": string;
+                "opacity-in": string;
+                "opacity-in-5": string;
+                "opacity-appear-3": string;
+                "opacity-appear-1s": string;
+                "opacity-out": string;
+                spin: string;
+            };
+            keyframes: {
+                "slide-in": {
+                    "0%": {
+                        margin: string;
+                    };
+                    "100%": {
+                        margin: string;
+                    };
+                };
+                "slide-out": {
+                    "0%": {
+                        margin: string;
+                    };
+                    "100%": {
+                        margin: string;
+                    };
+                };
+                "opacity-in": {
+                    "0%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        height: string;
+                    };
+                };
+                "opacity-appear": {
+                    "0%": {
+                        height: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        height: string;
+                        opacity: string;
+                    };
+                };
+                "opacity-out": {
+                    "0%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "60%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        height: string;
+                    };
+                };
+                spin: {
+                    "0%": {
+                        transform: string;
+                    };
+                    "100%": {
+                        transform: string;
+                    };
+                };
+            };
+        };
+    };
+    darkMode: "media";
+    corePlugins: {
+        preflight: false;
+    };
+    plugins: any[];
+};
+export default _default;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;