@layers-app/shared 0.0.38 → 0.0.39

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.0.38",
+  "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"

package/dist/KanbanLayout-_hW8P-S9.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-B17e6b8n.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-DCVt4pFB.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-B17e6b8n.js";
-import "react-dom";
-import "draggable-ui";
-import "@mantine/modals";
-import "i18next";
-import "framer-motion";
-import "@mantine/dates";
-const R = S(
-  () => import("./index.esm-Ci1yhzNS.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-Ci1yhzNS.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/TemplatesModal/components/SelectedTemplate.d.ts

@@ -1,7 +0,0 @@
-import { Template } from '../types.ts';
-interface Props {
-    selectedTemplate: Template;
-    closeSelectedTemplateContent: VoidFunction;
-}
-export declare const SelectedTemplate: ({ selectedTemplate, closeSelectedTemplateContent, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TemplatesModal/components/Template.d.ts

@@ -1,9 +0,0 @@
-import { templates } from '../data.ts';
-import { Template as TemplateType } from '../types.ts';
-interface Props {
-    template: (typeof templates)[number];
-    setSelectedTemplate: (template: TemplateType) => void;
-    index: number;
-}
-export declare const Template: ({ template, setSelectedTemplate, index }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TemplatesModal/components/Templates.d.ts

@@ -1,7 +0,0 @@
-import { Template as TemplateType } from '../types.ts';
-interface Props {
-    title?: string;
-    setSelectedTemplate: (template: TemplateType) => void;
-}
-export declare const Templates: ({ title, setSelectedTemplate }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TemplatesModal/data.d.ts

@@ -1,13 +0,0 @@
-import { Template } from './types.ts';
-export declare const templateCategories: string[];
-export declare const appTypeConfig: readonly [{
-    readonly type: "Pages";
-    readonly icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
-}, {
-    readonly type: "Flow";
-    readonly icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
-}, ...{
-    type: string;
-    icon: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<import('@tabler/icons-react').Icon>>;
-}[]];
-export declare const templates: Template[];

package/dist/components/TemplatesModal/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export declare const openTemplatesModal: () => void;
-export declare const closeTemplatesModal: () => void;
-export declare const TemplatesModal: FC;
-export declare const TemplatesLayout: ({ title }: {
-    title?: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplatesModal/types.d.ts

@@ -1,16 +0,0 @@
-export type AppType = 'Pages' | 'Forms' | 'Flow';
-export interface Template {
-    id: string;
-    title: string;
-    description: string;
-    category: string;
-    appType: AppType;
-    author: string;
-    views?: number;
-    isBlocked?: boolean;
-    pageId: string;
-    wsId: string;
-    createdAt?: string;
-    tags?: string[];
-    longDescription?: string;
-}