@layers-app/shared 0.2.2 → 0.2.4

package/dist/components/WorkspaceMenu/WorkspaceMenu.js

@@ -1,98 +1,95 @@
-import { jsx as e, Fragment as S, jsxs as n } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useTranslation as u } from "react-i18next";
-import { Link as z } from "react-router-dom";
-import { Setting07Icon as L, UserMultiple02Icon as K, Add01Icon as T } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as k } from "@hugeicons/react";
-import { Flex as a, Menu as m, Tooltip as P, Text as d, Stack as p, Box as h, Button as b, ScrollArea as U, Progress as B } from "@mantine/core";
-import { useMenu as D } from "../../hooks/useMenu.js";
-import { formatStorage as M } from "../../utils/formatStorage.js";
-import { Logotype as F } from "../Logotype.js";
-import { WorkspaceAvatar as y } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-import { Numbers as O } from "../table/helpers/formatters.js";
-import { WorkspaceItem as H } from "./WorkspaceItem.js";
-const oe = ({
+import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { useTranslation as h } from "react-i18next";
+import { Link as b } from "react-router-dom";
+import { Setting07Icon as j, UserMultiple02Icon as A, Add01Icon as K } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { Flex as l, Menu as p, Tooltip as T, Text as m, Stack as a, Box as f, Button as k, ScrollArea as P, Progress as U } from "@mantine/core";
+import { useMenu as B } from "../../hooks/useMenu.js";
+import { formatStorage as z } from "../../utils/formatStorage.js";
+import { Logotype as D } from "../Logotype.js";
+import { WorkspaceAvatar as S } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+import { Numbers as F } from "../table/helpers/formatters.js";
+import { WorkspaceItem as O } from "./WorkspaceItem.js";
+const ne = ({
   children: r,
-  onCreate: s,
-  onClick: t,
+  onCreate: i,
+  onClick: s,
   active: o,
-  items: i,
-  workspaceLink: c,
-  settingsLink: l,
+  items: c,
+  workspaceLink: t,
+  settingsLink: y,
   membersLink: x,
-  canEditWorkspace: I,
-  isAnonym: C,
+  isAnonym: I,
   publicMode: W
 }) => {
-  const { t: N } = u("workspaceMenu"), { isMobile: w } = D(), [j, f] = A(!1);
-  return C || W ? /* @__PURE__ */ e(a, { w: "100%", justify: w ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
-    F,
+  const { t: C } = h("workspaceMenu"), { isMobile: u } = B(), [L, d] = N(!1);
+  return I || W ? /* @__PURE__ */ e(l, { w: "100%", justify: u ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
+    D,
     {
-      minified: !w,
-      w: w ? 65 : 24,
+      minified: !u,
+      w: u ? 65 : 24,
       isLink: !1
     }
-  ) }) }) : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ n(
-    m,
+  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
+    p,
     {
-      opened: j,
-      onChange: f,
+      opened: L,
+      onChange: d,
       position: "right-start",
       keepMounted: !1,
       clickOutsideEvents: ["mousedown", "click"],
       offset: 17,
       children: [
-        /* @__PURE__ */ e(m.Target, { children: r ?? /* @__PURE__ */ n(a, { onClick: () => f((g) => !g), children: [
-          /* @__PURE__ */ e(y, { size: 30, workspace: o }),
-          /* @__PURE__ */ e(a, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(P, { label: o.workspaceName, children: /* @__PURE__ */ e(d, { size: "md", truncate: !0, children: o?.workspaceName || N("noName") }) }) })
+        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ n(l, { onClick: () => d((w) => !w), children: [
+          /* @__PURE__ */ e(S, { size: 30, workspace: o }),
+          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(T, { label: o.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: o?.workspaceName || C("noName") }) }) })
         ] }) }),
-        /* @__PURE__ */ e(m.Dropdown, { w: 310, children: /* @__PURE__ */ n(p, { gap: 6, children: [
+        /* @__PURE__ */ e(p.Dropdown, { w: 310, children: /* @__PURE__ */ n(a, { gap: 6, children: [
           /* @__PURE__ */ e(
-            $,
+            E,
             {
               active: o,
-              workspaceLink: c,
-              settingsLink: l,
+              workspaceLink: t,
+              settingsLink: y,
               membersLink: x,
-              canEditWorkspace: I,
-              onClose: () => f(!1)
+              onClose: () => d(!1)
             }
           ),
-          /* @__PURE__ */ e(h, { px: 4, children: /* @__PURE__ */ e(m.Divider, {}) }),
+          /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(p.Divider, {}) }),
           /* @__PURE__ */ e(
-            E,
+            $,
             {
-              onCreate: s,
-              onClick: t,
-              items: i.filter(
-                (g) => g.workspaceId !== o?.workspaceId
+              onCreate: i,
+              onClick: s,
+              items: c.filter(
+                (w) => w.workspaceId !== o?.workspaceId
               ),
-              onClose: () => f(!1)
+              onClose: () => d(!1)
             }
           )
         ] }) })
       ]
     }
   ) });
-}, $ = ({
+}, E = ({
   active: r,
-  workspaceLink: s,
-  settingsLink: t,
+  workspaceLink: i,
+  settingsLink: s,
   membersLink: o,
-  canEditWorkspace: i,
   onClose: c
 }) => {
-  const { t: l } = u("workspaceMenu");
-  return /* @__PURE__ */ n(p, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(a, { gap: 12, children: [
-      /* @__PURE__ */ e(y, { size: 48, workspace: r }),
-      /* @__PURE__ */ n(p, { gap: 0, miw: 0, children: [
-        /* @__PURE__ */ e(d, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright", children: r.workspaceName || l("noName") }),
-        /* @__PURE__ */ e(d, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(a, { gap: 8, component: "span", children: [
-          r.totalMembers ? /* @__PURE__ */ n(S, { children: [
-            l("member", { count: r.totalMembers }),
+  const { t } = h("workspaceMenu");
+  return /* @__PURE__ */ n(a, { p: 4, pb: 5, gap: 12, children: [
+    /* @__PURE__ */ n(l, { gap: 12, children: [
+      /* @__PURE__ */ e(S, { size: 48, workspace: r }),
+      /* @__PURE__ */ n(a, { gap: 0, miw: 0, children: [
+        /* @__PURE__ */ e(m, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || t("noName") }),
+        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(l, { gap: 8, component: "span", children: [
+          r.totalMembers ? /* @__PURE__ */ n(M, { children: [
+            t("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
-              h,
+              f,
               {
                 w: 2,
                 h: 2,
@@ -102,73 +99,73 @@ const oe = ({
               }
             )
           ] }) : null,
-          l(`plans.${r.plan}`)
+          t(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ e(q, { active: r }),
-    /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(H, { active: r }),
+    /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ e(
-        b,
+        k,
         {
           flex: 1,
-          component: z,
+          component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: L }),
-          to: i ? s ?? "" : t ?? "",
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: j }),
+          to: i ?? s ?? "",
           onClick: c,
-          children: l("settings")
+          children: t("settings")
         }
       ),
       /* @__PURE__ */ e(
-        b,
+        k,
         {
           flex: 1,
-          component: z,
+          component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: K }),
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
           to: o ?? "",
           onClick: c,
-          children: l("members")
+          children: t("members")
         }
       )
     ] })
   ] });
-}, q = ({
+}, H = ({
   active: r
 }) => {
-  const { t: s } = u("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = O.formatPercents(t);
-  return /* @__PURE__ */ n(p, { gap: 4, w: "100%", children: [
-    /* @__PURE__ */ n(a, { justify: "space-between", children: [
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, children: [
-        s("usedStorage"),
+  const { t: i } = h("workspaceMenu"), s = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F.formatPercents(s);
+  return /* @__PURE__ */ n(a, { gap: 4, w: "100%", children: [
+    /* @__PURE__ */ n(l, { justify: "space-between", children: [
+      /* @__PURE__ */ n(m, { size: "sm", fw: 500, children: [
+        i("usedStorage"),
         ": ",
         o
       ] }),
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, c: "gray", children: [
-        M(r?.storageUsedKb),
+      /* @__PURE__ */ n(m, { size: "sm", fw: 500, c: "gray", children: [
+        z(r?.storageUsedKb),
         " ",
-        s("of"),
+        i("of"),
         " ",
-        M(r?.storageLimitKb)
+        z(r?.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ e(B, { h: 4, value: t * 100 })
+    /* @__PURE__ */ e(U, { h: 4, value: s * 100 })
   ] });
-}, E = ({
+}, $ = ({
   onCreate: r,
-  onClick: s,
-  items: t,
+  onClick: i,
+  items: s,
   onClose: o
 }) => {
-  const { t: i } = u("workspaceMenu");
-  return /* @__PURE__ */ n(p, { gap: 12, children: [
-    t?.length > 0 && /* @__PURE__ */ n(p, { gap: 6, children: [
-      /* @__PURE__ */ e(m.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: i("switchWorkspace") }),
-      /* @__PURE__ */ e(h, { w: "100%", children: /* @__PURE__ */ e(
-        U.Autosize,
+  const { t: c } = h("workspaceMenu");
+  return /* @__PURE__ */ n(a, { gap: 12, children: [
+    s?.length > 0 && /* @__PURE__ */ n(a, { gap: 6, children: [
+      /* @__PURE__ */ e(p.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: c("switchWorkspace") }),
+      /* @__PURE__ */ e(f, { w: "100%", children: /* @__PURE__ */ e(
+        P.Autosize,
         {
           mah: 200,
           w: "100%",
@@ -180,19 +177,19 @@ const oe = ({
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(p, { gap: 6, miw: 0, children: t.map((c) => /* @__PURE__ */ e(
-            H,
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: s.map((t) => /* @__PURE__ */ e(
+            O,
             {
-              workspace: c,
-              onClick: s
+              workspace: t,
+              onClick: i
             },
-            c.workspaceId
+            t.workspaceId
           )) })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(h, { p: 4, pt: 0, children: /* @__PURE__ */ e(
-      b,
+    /* @__PURE__ */ e(f, { p: 4, pt: 0, children: /* @__PURE__ */ e(
+      k,
       {
         fullWidth: !0,
         variant: "default",
@@ -200,13 +197,13 @@ const oe = ({
         onClick: () => {
           r?.(), o?.();
         },
-        leftSection: /* @__PURE__ */ e(k, { icon: T, size: 16 }),
-        children: i("newWorkspace")
+        leftSection: /* @__PURE__ */ e(g, { icon: K, size: 16 }),
+        children: c("newWorkspace")
       }
     ) })
   ] });
 };
 export {
-  $ as ActiveWorkspace,
-  oe as WorkspaceMenu
+  E as ActiveWorkspace,
+  ne as WorkspaceMenu
 };

package/dist/components/modals/RemoveConfirmModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SA+EF,CAAC"}
+{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SAgFF,CAAC"}

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,31 +1,32 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { Delete03Icon as w } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as g } from "@hugeicons/react";
-import { Stack as C, Text as c } from "@mantine/core";
-import { modals as a } from "@mantine/modals";
-const P = (s) => {
+import { jsxs as w, jsx as e } from "react/jsx-runtime";
+import { Delete03Icon as g } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as C } from "@hugeicons/react";
+import { Stack as y, Text as c } from "@mantine/core";
+import { modals as s } from "@mantine/modals";
+const z = (a) => {
   const {
     title: m,
     children: d,
     onConfirm: o,
     onClose: p,
     labels: n,
-    icon: t = /* @__PURE__ */ e(
-      g,
+    icon: r = /* @__PURE__ */ e(
+      C,
       {
         size: 20,
-        icon: w,
+        icon: g,
         color: "var(--mantine-color-red-filled)"
       }
     ),
-    closeOnConfirm: f = !0,
-    ...u
-  } = s, h = a.openConfirmModal({
+    confirmProps: f,
+    closeOnConfirm: u = !0,
+    ...h
+  } = a, v = s.openConfirmModal({
     withCloseButton: !1,
     keepMounted: !1,
     centered: !0,
     confirmProps: {
-      color: "red",
+      color: f?.color ?? "red",
       fullWidth: !0,
       variant: "filled",
       size: "sm",
@@ -47,22 +48,22 @@ const P = (s) => {
         paddingTop: "var(--mantine-spacing-xl)"
       }
     },
-    children: /* @__PURE__ */ v(C, { gap: 0, align: "center", mb: 0, children: [
-      t && t,
+    children: /* @__PURE__ */ w(y, { gap: 0, align: "center", mb: 0, children: [
+      r && r,
       /* @__PURE__ */ e(c, { mt: "xs", fw: "700", ta: "center", children: m }),
       /* @__PURE__ */ e(c, { mt: 6, size: "sm", c: "gray", ta: "center", children: d })
     ] }),
     onConfirm: o,
     onClose: () => {
-      window.removeEventListener("keydown", r), p?.();
+      window.removeEventListener("keydown", t), p?.();
     },
-    ...u
-  }), r = (i) => {
+    ...h
+  }), t = (i) => {
     const l = document.activeElement?.tagName;
-    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), f && a.close(h));
+    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), u && s.close(v));
   };
-  window.addEventListener("keydown", r);
+  window.addEventListener("keydown", t);
 };
 export {
-  P as openRemoveConfirmModal
+  z as openRemoveConfirmModal
 };

package/dist/components/table/FrontTable.d.ts

@@ -22,9 +22,10 @@ export declare const FrontTable: import("react").NamedExoticComponent<unknown> &
     Provider: <ITEM extends import("./types").TableRowModel>({ children, store, rows, columns, loading, pageSizeOptions, rowHeight, headerHeight, rowCount, exportFileName, pagination, virtualization, searching, selection, sorting, expanding, }: import("react").PropsWithChildren<{
         store: import("./store").CreateTableReturn;
     } & import("./types").TableProps<ITEM>>) => import("react/jsx-runtime").JSX.Element;
-    Menu: import("react").MemoExoticComponent<({ onExport, isLoading, }: {
+    Menu: import("react").MemoExoticComponent<({ onExport, isLoading, disabled, }: {
         onExport?: (format: "csv" | "xlsx") => void;
         isLoading?: boolean;
+        disabled?: boolean;
     }) => import("react/jsx-runtime").JSX.Element>;
 };
 export * from './hooks/useCreateTable';

package/dist/components/table/FrontTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAFyB,CAAC;iBAEP,CAAC;;CASzC,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAAhB,CAAA;iBACA,CAAC;gBACC,CAAA;;CAOP,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

package/dist/components/table/components/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableCell.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAEnE,UAAU,cAAc;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,wDAA0B,cAAc,6CA6B5D,CAAC;AAEH,eAAO,MAAM,QAAQ;;;yGAoBpB,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableCell.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAEnE,UAAU,cAAc;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,wDAA0B,cAAc,6CA8E5D,CAAC;AAEH,eAAO,MAAM,QAAQ;;;yGAoBpB,CAAC"}

package/dist/components/table/components/TableCell.js

@@ -1,27 +1,65 @@
-import { jsx as l } from "react/jsx-runtime";
-import { memo as f, useMemo as s } from "react";
-import o from "@emotion/styled";
-import { get as a } from "lodash-es";
-import { TABLE_ATTRIBUTES as t } from "../constants.js";
-import { getColumnId as n } from "../helpers/columns.js";
-const C = f(({ column: e, row: r }) => {
-  const d = s(() => {
-    const i = a(r, e.field);
-    return e.render ? e.render?.(r, i) : typeof i == "object" ? null : i;
-  }, [e, r]);
-  return /* @__PURE__ */ l(
-    p,
+import { jsx as i } from "react/jsx-runtime";
+import { memo as x, useRef as y, useState as L, useMemo as C, useEffect as T } from "react";
+import u from "@emotion/styled";
+import { Tooltip as v } from "@mantine/core";
+import { get as N } from "lodash-es";
+import { TABLE_ATTRIBUTES as r } from "../constants.js";
+import { getColumnId as p } from "../helpers/columns.js";
+const G = x(({ column: e, row: l }) => {
+  const o = y(null), [f, d] = L(""), a = C(() => {
+    const t = N(l, e.field);
+    return e.render ? e.render?.(l, t) : typeof t == "object" ? null : t;
+  }, [e, l]);
+  T(() => {
+    d("");
+  }, [a]);
+  const m = () => {
+    if (!o.current) return;
+    const t = o.current, c = t.textContent?.trim() || "";
+    if (!c) {
+      d("");
+      return;
+    }
+    const h = (n) => {
+      if (n.scrollWidth > n.clientWidth)
+        return !0;
+      for (let s = 0; s < n.children.length; s++)
+        if (h(n.children[s]))
+          return !0;
+      return !1;
+    }, g = h(t);
+    d(g ? c : "");
+  };
+  return /* @__PURE__ */ i(
+    b,
     {
-      [t.COLUMN_ALIGN]: e.align,
-      [t.CELL]: n(e.field),
+      [r.COLUMN_ALIGN]: e.align,
+      [r.CELL]: p(e.field),
       style: {
         ...e.fullCellStyle,
-        width: `var(--col-${n(e.field)})`
+        width: `var(--col-${p(e.field)})`
       },
-      children: /* @__PURE__ */ l(h, { style: e.cellStyle, children: d })
+      children: /* @__PURE__ */ i(
+        v,
+        {
+          label: f,
+          disabled: !f,
+          openDelay: 400,
+          withinPortal: !0,
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              ref: o,
+              onMouseEnter: m,
+              style: { width: "100%", minWidth: 0 },
+              children: /* @__PURE__ */ i(M, { style: e.cellStyle, children: a })
+            }
+          )
+        }
+      )
     }
   );
-}), p = o.div`
+}), b = u.div`
   height: 100%;
   display: flex;
   align-items: center;
@@ -32,24 +70,23 @@ const C = f(({ column: e, row: r }) => {
   border-right: 1px solid
     light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
 
-  &[${t.COLUMN_ALIGN}='left'] {
+  &[${r.COLUMN_ALIGN}='left'] {
     justify-content: flex-start;
   }
-  &[${t.COLUMN_ALIGN}='right'] {
+  &[${r.COLUMN_ALIGN}='right'] {
     justify-content: flex-end;
   }
-  &[${t.COLUMN_ALIGN}='center'] {
+  &[${r.COLUMN_ALIGN}='center'] {
     justify-content: center;
   }
-`, h = o.div`
-  /* height: 100%; */
+`, M = u.div`
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  /* width: 100%; */
+  width: 100%;
 `;
 export {
-  p as CellRoot,
-  C as TableCell
+  b as CellRoot,
+  G as TableCell
 };

package/dist/components/table/components/TableMenu.d.ts

@@ -1,5 +1,6 @@
-export declare const TableMenu: import("react").MemoExoticComponent<({ onExport, isLoading, }: {
+export declare const TableMenu: import("react").MemoExoticComponent<({ onExport, isLoading, disabled, }: {
     onExport?: (format: "csv" | "xlsx") => void;
     isLoading?: boolean;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=TableMenu.d.ts.map

package/dist/components/table/components/TableMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableMenu.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS,iEAIjB;IACD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,6CA+CF,CAAC"}
+{"version":3,"file":"TableMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/TableMenu.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS,2EAKjB;IACD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,6CA+CF,CAAC"}

package/dist/components/table/components/TableMenu.js

@@ -1,23 +1,24 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as c } from "react";
-import { useTranslation as m } from "react-i18next";
-import { Menu as o, Button as s } from "@mantine/core";
-import { IconFileDownload as d, IconFileTypeCsv as a, IconFileExcel as f } from "@tabler/icons-react";
-import { useTableStore as p } from "../hooks/useTableStore.js";
-const T = c(
+import { memo as m } from "react";
+import { useTranslation as s } from "react-i18next";
+import { Menu as o, Button as d } from "@mantine/core";
+import { IconFileDownload as a, IconFileTypeCsv as f, IconFileExcel as p } from "@tabler/icons-react";
+import { useTableStore as u } from "../hooks/useTableStore.js";
+const w = m(
   ({
     onExport: i,
-    isLoading: l
+    isLoading: l,
+    disabled: c
   }) => {
-    const { t: r } = m(), { api: t } = p();
+    const { t: r } = s(), { api: t } = u();
     return /* @__PURE__ */ n(o, { children: [
       /* @__PURE__ */ e(o.Target, { children: /* @__PURE__ */ e(
-        s,
+        d,
         {
           variant: "default",
           size: "sm",
-          disabled: l,
-          leftSection: /* @__PURE__ */ e(d, { size: "1em" }),
+          disabled: l || c,
+          leftSection: /* @__PURE__ */ e(a, { size: "1em" }),
           children: r("export")
         }
       ) }),
@@ -25,7 +26,7 @@ const T = c(
         /* @__PURE__ */ e(
           o.Item,
           {
-            leftSection: /* @__PURE__ */ e(a, { size: 20 }),
+            leftSection: /* @__PURE__ */ e(f, { size: 20 }),
             onClick: () => {
               if (i) {
                 i("csv");
@@ -39,7 +40,7 @@ const T = c(
         /* @__PURE__ */ e(
           o.Item,
           {
-            leftSection: /* @__PURE__ */ e(f, { size: 20 }),
+            leftSection: /* @__PURE__ */ e(p, { size: 20 }),
             onClick: () => {
               if (i) {
                 i("xlsx");
@@ -55,5 +56,5 @@ const T = c(
   }
 );
 export {
-  T as TableMenu
+  w as TableMenu
 };

package/dist/constants.d.ts

@@ -1,3 +1,7 @@
+export declare const COLOR_SCHEMES: readonly ["blue", "indigo", "violet", "grape", "green", "orange"];
+export declare const DEFAULT_COLOR_SCHEME: "indigo";
+export type ColorScheme = (typeof COLOR_SCHEMES)[number];
+export declare const isValidColorScheme: (value: string) => value is ColorScheme;
 export declare const DEFAULT_VALUES: {
     readonly TASK_TYPE_COLOR: string;
     readonly TASK_STATUS_COLOR: string;

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;CAc1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sBAAsB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,mEAAoE,CAAC;AAC/F,eAAO,MAAM,oBAAoB,EAAG,QAAiB,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WACN,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;CAc1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sBAAsB,CAAC"}

package/dist/constants.js

@@ -1,4 +1,4 @@
-const O = {
+const O = ["blue", "indigo", "violet", "grape", "green", "orange"], t = "indigo", n = (e) => O.includes(e), r = {
   get TASK_TYPE_COLOR() {
     return this.COLORS[1];
   },
@@ -12,8 +12,11 @@ const O = {
     return this.COLORS[1];
   },
   COLORS: ["gray", "blue", "violet", "cyan", "green", "yellow", "red"]
-}, e = "Inter, sans-serif";
+}, L = "Inter, sans-serif";
 export {
-  e as DEFAULT_FONT_FAMILY,
-  O as DEFAULT_VALUES
+  O as COLOR_SCHEMES,
+  t as DEFAULT_COLOR_SCHEME,
+  L as DEFAULT_FONT_FAMILY,
+  r as DEFAULT_VALUES,
+  n as isValidColorScheme
 };