@layers-app/shared 0.0.29 → 0.0.33

package/dist/KanbanLayout-3P7jU91D.js

@@ -0,0 +1,287 @@
+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-nUzOFDJF.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-DNEQAsfm.js

@@ -0,0 +1,198 @@
+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-nUzOFDJF.js";
+import "react-dom";
+import "draggable-ui";
+import "@mantine/modals";
+import "i18next";
+import "framer-motion";
+import "@mantine/dates";
+const R = S(
+  () => import("./index.esm-BKxri7AJ.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-BKxri7AJ.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/api/giphy/slice.d.ts

@@ -6,6 +6,6 @@ type Data = {
     hasMore: boolean;
 };
 export declare const giphyApi: (token?: string) => import('@reduxjs/toolkit/query').Api<import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, {
-    getPhotos: import('@reduxjs/toolkit/query').QueryDefinition<ApiGiphy.Request, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, Data, "giphyApi">;
+    getPhotos: import('@reduxjs/toolkit/query').QueryDefinition<ApiGiphy.Request, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, Data, "giphyApi", unknown>;
 }, "giphyApi", never, typeof import('@reduxjs/toolkit/query').coreModuleName | typeof import('@reduxjs/toolkit/query/react').reactHooksModuleName>;
 export {};

package/dist/api/unsplash/slice.d.ts

@@ -6,6 +6,6 @@ type Data = {
     hasMore: boolean;
 };
 export declare const unsplashApi: (clientId?: string) => import('@reduxjs/toolkit/query').Api<import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, {
-    getPhotos: import('@reduxjs/toolkit/query').QueryDefinition<ApiUnsplash.Request, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, Data, "unsplashApi">;
+    getPhotos: import('@reduxjs/toolkit/query').QueryDefinition<ApiUnsplash.Request, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, Data, "unsplashApi", unknown>;
 }, "unsplashApi", never, typeof import('@reduxjs/toolkit/query').coreModuleName | typeof import('@reduxjs/toolkit/query/react').reactHooksModuleName>;
 export {};