@layers-app/shared 0.0.37 → 0.0.39

package/dist/store/accessOptionsControl.d.ts

@@ -0,0 +1,6 @@
+interface AccessOptionsControl {
+    opened: boolean;
+}
+export declare const useAccessOptionsControl: import('zustand').UseBoundStore<import('zustand').StoreApi<AccessOptionsControl>>;
+export declare const toggleAccessOptionsControl: (value: boolean) => void;
+export {};

package/dist/store/onboarding.d.ts

@@ -22,8 +22,8 @@ interface IOnboardingState {
     setTaskById: (id: string, task: ITaskType) => void;
     statusesList: string[];
     setStatusesList: (statuses: string[]) => void;
-    layoutView: 'list' | 'kanban' | 'timeline';
-    setLayoutView: (view: 'list' | 'kanban' | 'timeline') => void;
+    layoutView: 'list' | 'kanban';
+    setLayoutView: (view: 'list' | 'kanban') => void;
 }
 export declare const useOnboardingState: import('zustand').UseBoundStore<import('zustand').StoreApi<IOnboardingState>>;
 export {};

package/dist/utils/getPlanBadgeColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the appropriate color for a plan badge based on the plan type
+ * @param plan - The plan type (FREE, PAID, BUSINESS, ENTERPRISE)
+ * @returns The color code for the badge
+ */
+export declare const getPlanBadgeColor: (plan: string) => string;

package/dist/utils/queryParams.d.ts

@@ -0,0 +1,2 @@
+export declare const addQueryParam: (key: string, value: string) => void;
+export declare const removeQueryParam: (key: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "files": [
     "dist"
   ],
@@ -12,7 +12,7 @@
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "vite build",
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' vite build",
     "check:ts": "tsc --noEmit",
     "prePublish": "vite build && npm version patch",
     "watch": "vite build --watch"
@@ -47,6 +47,6 @@
     "react-i18next": "^15.0.2",
     "react-joyride": "^2.8.2",
     "react-router-dom": "^7.5.2",
-    "zustand": "^4.5.4"
+    "zustand": "^5.0.3"
   }
 }

package/dist/KanbanLayout-VHRhOh9W.js

@@ -1,287 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useTranslation as A } from "react-i18next";
-import { Flex as r, Text as c, ActionIcon as a, Divider as p, Box as m, Avatar as u, Skeleton as s } from "@mantine/core";
-import "react";
-import { IconCheck as h, IconBug as S, IconSquareRotated as k, IconPlus as f, IconCalendarEvent as g, IconEqual as w } from "@tabler/icons-react";
-import "react-router-dom";
-import { randomId as y } from "@mantine/hooks";
-import "@tanstack/react-query";
-import "query-string";
-import "@mantine/form";
-import "@mantine/dropzone";
-import "@mantine/notifications";
-import "lodash-es";
-import { u as F, S as z } from "./index-De7pQ4GG.js";
-import "react-dom";
-import "draggable-ui";
-import "@mantine/modals";
-import "i18next";
-import "framer-motion";
-import "@mantine/dates";
-const I = "_column_1trmk_1", _ = "_card_1trmk_6", o = {
-  column: I,
-  card: _
-}, Z = () => {
-  const { tasksList: b, statusesList: d } = F(), D = /* @__PURE__ */ new Date(), B = (i) => {
-    const n = new Date(D);
-    return n.setDate(n.getDate() + (3 + i)), n.toDateString();
-  }, { t: l } = A("onboarding"), v = [
-    {
-      id: y(),
-      color: "blue",
-      icon: h,
-      name: l("selectCategory.options.task"),
-      type: "task",
-      order: 1
-    },
-    {
-      id: y(),
-      color: "orange",
-      icon: S,
-      name: l("selectCategory.options.bug"),
-      type: "bug",
-      order: 2
-    },
-    {
-      id: y(),
-      color: "grape",
-      icon: k,
-      name: l("selectCategory.options.milestone"),
-      type: "milestone",
-      order: 3
-    }
-  ], E = (i) => {
-    const n = v.find((j) => j.type === i);
-    return n ? /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: n.color, children: /* @__PURE__ */ t(n.icon, {}) }) : null;
-  };
-  return /* @__PURE__ */ e(r, { gap: 13, align: "start", w: "100%", children: [
-    /* @__PURE__ */ e(
-      r,
-      {
-        gap: 11,
-        p: 7,
-        direction: "column",
-        w: 340,
-        className: o.column,
-        children: [
-          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
-            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
-              /* @__PURE__ */ t(z, { color: "#228BE6", title: d[0] }),
-              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
-                "(",
-                l("defineStatuses.tasks"),
-                ": ",
-                b.length,
-                ")"
-              ] })
-            ] }),
-            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
-          ] }),
-          /* @__PURE__ */ t(p, { w: "100%" }),
-          b.map((i, n) => /* @__PURE__ */ e(
-            r,
-            {
-              gap: 0,
-              direction: "column",
-              align: "start",
-              justify: "space-between",
-              w: "100%",
-              h: 105,
-              className: o.card,
-              px: 14,
-              py: 9,
-              children: [
-                /* @__PURE__ */ e(m, { children: [
-                  /* @__PURE__ */ t(c, { fz: 18, fw: 400, children: i.title }),
-                  /* @__PURE__ */ e(r, { align: "center", children: [
-                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
-                    /* @__PURE__ */ t(c, { fz: 16, c: "#495057", children: B(n) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
-                  /* @__PURE__ */ e(r, { children: [
-                    E(i.type),
-                    /* @__PURE__ */ e(c, { fz: 13, children: [
-                      "DEMO-",
-                      n + 1
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e(r, { children: [
-                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
-                    /* @__PURE__ */ t(
-                      u,
-                      {
-                        variant: "filled",
-                        color: "#228BE6",
-                        radius: "xl",
-                        size: 24
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            },
-            i.id
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      r,
-      {
-        gap: 11,
-        p: 7,
-        direction: "column",
-        w: 340,
-        className: o.column,
-        children: [
-          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
-            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
-              /* @__PURE__ */ t(z, { color: "#12B886", title: d[1] }),
-              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
-                "(",
-                l("defineStatuses.tasks"),
-                ": 2)"
-              ] })
-            ] }),
-            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
-          ] }),
-          /* @__PURE__ */ t(p, { w: "100%" }),
-          Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
-            r,
-            {
-              gap: 0,
-              direction: "column",
-              align: "start",
-              justify: "space-between",
-              w: "100%",
-              h: 105,
-              className: o.card,
-              px: 14,
-              py: 9,
-              children: [
-                /* @__PURE__ */ e(m, { children: [
-                  /* @__PURE__ */ t(
-                    s,
-                    {
-                      animate: !1,
-                      mb: 15,
-                      w: n === 0 ? 128 : 172,
-                      h: 18
-                    }
-                  ),
-                  /* @__PURE__ */ e(r, { align: "center", children: [
-                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
-                    /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 52 : 63, h: 12 })
-                  ] })
-                ] }),
-                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
-                  /* @__PURE__ */ e(r, { children: [
-                    /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
-                    /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
-                      "DEMO-",
-                      n + 4
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e(r, { children: [
-                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
-                    /* @__PURE__ */ t(
-                      u,
-                      {
-                        variant: "filled",
-                        color: "#228BE6",
-                        radius: "xl",
-                        size: 24
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            },
-            n
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      r,
-      {
-        gap: 11,
-        p: 7,
-        direction: "column",
-        w: 340,
-        className: o.column,
-        children: [
-          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
-            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
-              /* @__PURE__ */ t(z, { color: "#FA5252", title: d[2] }),
-              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
-                "(",
-                l("defineStatuses.tasks"),
-                ": 2)"
-              ] })
-            ] }),
-            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
-          ] }),
-          /* @__PURE__ */ t(p, { w: "100%" }),
-          Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
-            r,
-            {
-              gap: 0,
-              direction: "column",
-              align: "start",
-              justify: "space-between",
-              w: "100%",
-              h: 105,
-              className: o.card,
-              px: 14,
-              py: 9,
-              children: [
-                /* @__PURE__ */ e(m, { children: [
-                  /* @__PURE__ */ t(
-                    s,
-                    {
-                      animate: !1,
-                      mb: 15,
-                      w: n === 0 ? 266 : 150,
-                      h: 18
-                    }
-                  ),
-                  /* @__PURE__ */ e(r, { align: "center", children: [
-                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
-                    /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 72 : 46, h: 12 })
-                  ] })
-                ] }),
-                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
-                  /* @__PURE__ */ e(r, { children: [
-                    /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
-                    /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
-                      "DEMO-",
-                      n + 6
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ e(r, { children: [
-                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
-                    /* @__PURE__ */ t(
-                      u,
-                      {
-                        variant: "filled",
-                        color: "#228BE6",
-                        radius: "xl",
-                        size: 24
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            },
-            n
-          ))
-        ]
-      }
-    )
-  ] });
-};
-export {
-  Z as default
-};

package/dist/TimeLine-BByQEycM.js

@@ -1,198 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as C, useEffect as x, Suspense as z, lazy as S } from "react";
-import { useTranslation as T } from "react-i18next";
-import { Flex as t, Text as f, ActionIcon as i, Skeleton as s, Avatar as g, Box as B } from "@mantine/core";
-import { IconCheck as c, IconBug as I, IconSquareRotated as v, IconListDetails as k, IconUserCircle as F } from "@tabler/icons-react";
-import "react-router-dom";
-import { randomId as p } from "@mantine/hooks";
-import "@tanstack/react-query";
-import "query-string";
-import "@mantine/form";
-import "@mantine/dropzone";
-import "@mantine/notifications";
-import "lodash-es";
-import { u as L } from "./index-De7pQ4GG.js";
-import "react-dom";
-import "draggable-ui";
-import "@mantine/modals";
-import "i18next";
-import "framer-motion";
-import "@mantine/dates";
-const R = S(
-  () => import("./index.esm-CKK13a1d.js").then((r) => ({ default: r.default }))
-);
-function d(r, l) {
-  const o = new Date(r);
-  return o.setDate(o.getDate() + l), o.toDateString();
-}
-const u = () => /* @__PURE__ */ a(
-  t,
-  {
-    style: {
-      backgroundColor: "#E9ECEF",
-      borderRadius: "6px",
-      width: "100%",
-      height: 40,
-      alignSelf: "center"
-    },
-    p: "sm",
-    align: "center",
-    children: [
-      /* @__PURE__ */ e(g, { variant: "filled", color: "#868E961F", size: 24, children: /* @__PURE__ */ e(F, { size: 16, color: "#FFFFFF" }) }),
-      /* @__PURE__ */ e(B, { style: { borderRadius: "6px" }, bg: "#FFFFFF", h: 18, w: 172 })
-    ]
-  }
-), U = ({ label: r }) => /* @__PURE__ */ a(
-  t,
-  {
-    style: {
-      backgroundColor: "#1C7ED6",
-      borderRadius: "6px",
-      width: "100%",
-      height: 40,
-      alignSelf: "center"
-    },
-    p: "sm",
-    align: "center",
-    children: [
-      /* @__PURE__ */ e(g, { variant: "filled", color: "#fff", size: 24, children: /* @__PURE__ */ e(F, { size: 16, color: "#1C7ED6" }) }),
-      /* @__PURE__ */ e(f, { c: "#FFFFFF", children: r })
-    ]
-  }
-), j = [
-  {
-    name: /* @__PURE__ */ a(t, { gap: 8, children: [
-      /* @__PURE__ */ e(i, { size: 16, variant: "filled", color: "#E9ECEF", children: /* @__PURE__ */ e(c, {}) }),
-      /* @__PURE__ */ e(s, { animate: !1, h: 18, width: 172 })
-    ] })
-    // startDate: '2025-01-22',
-    // endDate: '2025-01-26',
-  },
-  {
-    name: /* @__PURE__ */ a(t, { gap: 8, children: [
-      /* @__PURE__ */ e(i, { size: 16, variant: "filled", color: "#E9ECEF", children: /* @__PURE__ */ e(c, {}) }),
-      /* @__PURE__ */ e(s, { animate: !1, h: 18, width: 237 })
-    ] }),
-    label: /* @__PURE__ */ e(u, {}),
-    startDate: d(/* @__PURE__ */ new Date(), 5),
-    endDate: d(/* @__PURE__ */ new Date(), 15)
-  },
-  {
-    name: /* @__PURE__ */ a(t, { gap: 8, children: [
-      /* @__PURE__ */ e(i, { size: 16, variant: "filled", color: "#E9ECEF", children: /* @__PURE__ */ e(c, {}) }),
-      /* @__PURE__ */ e(s, { animate: !1, h: 18, width: 109 })
-    ] })
-    // startDate: '2025-01-22',
-    // endDate: '2025-01-26',
-  },
-  {
-    name: /* @__PURE__ */ a(t, { gap: 8, children: [
-      /* @__PURE__ */ e(i, { size: 16, variant: "filled", color: "#E9ECEF", children: /* @__PURE__ */ e(c, {}) }),
-      /* @__PURE__ */ e(s, { animate: !1, h: 18, width: 217 })
-    ] }),
-    label: /* @__PURE__ */ e(u, {}),
-    startDate: d(/* @__PURE__ */ new Date(), 10),
-    endDate: d(/* @__PURE__ */ new Date(), 20)
-  }
-], A = (r, { width: l }) => /* @__PURE__ */ e(
-  t,
-  {
-    style: {
-      transform: "translateY(-15.5px)",
-      width: l,
-      height: 40,
-      alignSelf: "center",
-      zIndex: 10
-    },
-    align: "center",
-    children: r.record.label
-  }
-), ne = () => {
-  const { projectName: r, tasksList: l } = L(), { t: o } = T("onboarding"), D = [
-    {
-      id: p(),
-      color: "blue",
-      icon: c,
-      name: o("selectCategory.options.task"),
-      type: "task",
-      order: 1
-    },
-    {
-      id: p(),
-      color: "orange",
-      icon: I,
-      name: o("selectCategory.options.bug"),
-      type: "bug",
-      order: 2
-    },
-    {
-      id: p(),
-      color: "grape",
-      icon: v,
-      name: o("selectCategory.options.milestone"),
-      type: "milestone",
-      order: 3
-    }
-  ], b = (n) => {
-    const m = D.find((y) => y.type === n);
-    return m ? /* @__PURE__ */ e(i, { size: 16, variant: "filled", color: m.color, children: /* @__PURE__ */ e(m.icon, {}) }) : null;
-  }, E = [
-    {
-      name: /* @__PURE__ */ a(t, { gap: 10, children: [
-        /* @__PURE__ */ e(
-          k,
-          {
-            style: {
-              zIndex: 10
-            },
-            color: "#228BE6",
-            size: 14
-          }
-        ),
-        /* @__PURE__ */ e(f, { children: r })
-      ] }),
-      collapsed: !1,
-      children: [
-        ...l.map((n) => ({
-          name: /* @__PURE__ */ a(t, { children: [
-            b(n.type),
-            " ",
-            n.title
-          ] }),
-          startDate: n.startDate,
-          endDate: n.endDate,
-          label: /* @__PURE__ */ e(U, { label: n.title }),
-          collapsed: !1
-        })),
-        ...j
-      ]
-    }
-  ], [h, w] = C(null);
-  return x(() => {
-    import("./index.esm-CKK13a1d.js").then((n) => w(n.enUS));
-  }, []), h ? /* @__PURE__ */ e(t, { h: 700, w: "100%", direction: "column", children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
-    R,
-    {
-      data: E,
-      locale: h,
-      columns: [
-        {
-          name: "name",
-          label: "Title",
-          width: 580
-        }
-      ],
-      renderBar: A,
-      renderBarThumb: () => null,
-      renderRightText: () => null,
-      renderLeftText: () => null,
-      onUpdate: async () => !0,
-      rowHeight: 44,
-      alwaysShowTaskBar: !1,
-      showUnitSwitch: !1
-    }
-  ) }) }) : null;
-};
-export {
-  ne as default
-};

package/dist/components/OnBoarding/steps/DifferentLayouts/TimeLine.d.ts

@@ -1,2 +0,0 @@
-declare const TimeLine: () => import("react/jsx-runtime").JSX.Element | null;
-export default TimeLine;

package/dist/components/table/helpers/filter.d.ts

@@ -1,52 +0,0 @@
-import { TableColumnType } from '../types';
-export type TableFilterValue = Date | string | number | boolean | null | undefined;
-export type TableFilterComparisonFunction = (a: TableFilterValue, b: TableFilterValue) => boolean;
-export interface TableFilterComparisonOption {
-    value: string;
-    label: string;
-    function: TableFilterComparisonFunction;
-}
-export type TableFilterSettings = {
-    default: TableFilterComparisonOption;
-    options: TableFilterComparisonOption[];
-    formatter: (value: TableFilterValue) => string;
-};
-export declare const dateComparisonSettings: {
-    readonly is: {
-        readonly label: "is";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isNot: {
-        readonly label: "is not";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isAfter: {
-        readonly label: "is after";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isOnOrAfter: {
-        readonly label: "is on or after";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isBefore: {
-        readonly label: "is before";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isOnOrBefore: {
-        readonly label: "is on or before";
-        readonly function: (a: Date | null, b: Date | null) => boolean;
-    };
-    readonly isEmpty: {
-        readonly label: "is empty";
-        readonly function: (a: Date | null) => a is null;
-    };
-    readonly isNotEmpty: {
-        readonly label: "is not empty";
-        readonly function: (a: Date | null) => a is Date;
-    };
-};
-export declare const dateComparativeOptions: {
-    value: string;
-    label: "is" | "is not empty" | "is not" | "is empty" | "is after" | "is on or after" | "is before" | "is on or before";
-}[];
-export declare const getTableFilterSettings: (columnType?: TableColumnType) => TableFilterSettings;