@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/EmojiPicker/custom-icons/StatusProgress30.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress30
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress40.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress40
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress50.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress50
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress60.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7C10.7 16.7 9.4 16.3 8.3 15.6L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress60
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress70.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const C = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7C10.7 16.7 9.4 16.3 8.3 15.6C7.2 14.9 6.4 13.9 6 12.7L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  C as StatusProgress70
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress80.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const C = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7C10.7 16.7 9.4 16.3 8.3 15.6C7.2 14.9 6.4 13.9 6 12.7C5.6 11.5 5.6 10.2 6 9L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  C as StatusProgress80
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress90.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const e = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7C10.7 16.7 9.4 16.3 8.3 15.6C7.2 14.9 6.4 13.9 6 12.7C5.6 11.5 5.6 10.2 6 9C6.4 7.8 7.2 6.8 8.3 6.1L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  e as StatusProgress90
+};

package/dist/components/EmojiPicker/custom-icons/customIcons.js

@@ -0,0 +1,99 @@
+import { StatusCancel as o } from "./StatusCancel.js";
+import { StatusDone as r } from "./StatusDone.js";
+import { StatusProgress00 as a } from "./StatusProgress00.js";
+import { StatusProgress10 as e } from "./StatusProgress10.js";
+import { StatusProgress20 as n } from "./StatusProgress20.js";
+import { StatusProgress30 as g } from "./StatusProgress30.js";
+import { StatusProgress40 as m } from "./StatusProgress40.js";
+import { StatusProgress50 as p } from "./StatusProgress50.js";
+import { StatusProgress60 as c } from "./StatusProgress60.js";
+import { StatusProgress70 as i } from "./StatusProgress70.js";
+import { StatusProgress80 as u } from "./StatusProgress80.js";
+import { StatusProgress90 as d } from "./StatusProgress90.js";
+import { StatusProgress100 as l } from "./StatusProgress100.js";
+const f = [
+  {
+    name: "status-done",
+    component: r,
+    category: "Additional",
+    tags: ["status", "done", "complete", "finished", "ok", "check"]
+  },
+  {
+    name: "status-cancel",
+    component: o,
+    category: "Additional",
+    tags: ["status", "cancel", "x", "uncheck"]
+  },
+  {
+    name: "status-progress-00",
+    component: a,
+    category: "Additional",
+    tags: ["status", "todo", "progress", "00"]
+  },
+  {
+    name: "status-progress-10",
+    component: e,
+    category: "Additional",
+    tags: ["status", "progress", "10"]
+  },
+  {
+    name: "status-progress-20",
+    component: n,
+    category: "Additional",
+    tags: ["status", "progress", "20"]
+  },
+  {
+    name: "status-progress-30",
+    component: g,
+    category: "Additional",
+    tags: ["status", "progress", "30"]
+  },
+  {
+    name: "status-progress-40",
+    component: m,
+    category: "Additional",
+    tags: ["status", "progress", "40"]
+  },
+  {
+    name: "status-progress-50",
+    component: p,
+    category: "Additional",
+    tags: ["status", "progress", "50"]
+  },
+  {
+    name: "status-progress-60",
+    component: c,
+    category: "Additional",
+    tags: ["status", "progress", "60"]
+  },
+  {
+    name: "status-progress-70",
+    component: i,
+    category: "Additional",
+    tags: ["status", "progress", "70"]
+  },
+  {
+    name: "status-progress-80",
+    component: u,
+    category: "Additional",
+    tags: ["status", "progress", "80"]
+  },
+  {
+    name: "status-progress-90",
+    component: d,
+    category: "Additional",
+    tags: ["status", "progress", "90"]
+  },
+  {
+    name: "status-progress-100",
+    component: l,
+    category: "Additional",
+    tags: ["status", "progress", "100", "done", "complete"]
+  }
+], O = Object.fromEntries(
+  f.map(({ name: t, component: s }) => [t, s])
+);
+export {
+  O as customIcons,
+  f as customIconsData
+};

package/dist/components/EmojiPicker/getIconsList.d.ts

@@ -0,0 +1,11 @@
+export type IconMinified = {
+    n: string;
+    c: string;
+    t: string;
+    s: 'outline' | 'filled' | 'unknown';
+}[];
+/**
+ * Load and prepare icons list.
+ * If project === 'PROJECT' applies special grouping rules and includes custom icons.
+ */
+export declare const getIconsList: (project?: string) => Promise<IconMinified>;

package/dist/components/EmojiPicker/getIconsList.js

@@ -0,0 +1,32 @@
+import { excludeCategories as d } from "./constants.js";
+let c = null;
+const I = async (a) => {
+  if (c) return c;
+  const e = (await import("../../assets/jsons/icons.min.json.js")).default.filter(
+    (t) => t.s === "filled" && !d.includes(t.c)
+  ), o = e.find((t) => t.n === "tool"), l = e.find((t) => t.n === "check");
+  let i;
+  if (a === "PROJECT") {
+    const t = [
+      "check",
+      "bug",
+      "heart-handshake",
+      "square-rotated",
+      "circle-dashed"
+    ], s = e.filter(
+      (n) => n.n.startsWith("antenna-bars-") || t.includes(n.n)
+    );
+    s.forEach((n) => {
+      n.c = "Additional";
+    });
+    const r = e.filter(
+      (n) => !n.n.startsWith("antenna-bars-") && !t.includes(n.n)
+    );
+    o && (o.c = "Additional", s.some((n) => n.n === "tool") || s.push(o)), l && (l.c = "Additional", s.some((n) => n.n === "check") || s.push(l)), i = [...s, ...r];
+  } else
+    i = e;
+  return c = i, c;
+};
+export {
+  I as getIconsList
+};

package/dist/components/EmojiPicker/getRandomIcon.d.ts

@@ -0,0 +1 @@
+export declare function getRandomIcon(project?: string): Promise<string | undefined>;

package/dist/components/EmojiPicker/getRandomIcon.js

@@ -0,0 +1,10 @@
+import { getIconsList as c } from "./getIconsList.js";
+async function a(o) {
+  const n = await c(o);
+  if (!n || n.length === 0) return;
+  const t = Math.floor(Math.random() * n.length);
+  return n[t].n;
+}
+export {
+  a as getRandomIcon
+};

package/dist/components/EntityIcon.d.ts

@@ -2,6 +2,8 @@ export declare const EntityIcon: <T extends {
     type?: string | null;
     icon?: string | null;
     title?: string | null;
+    size?: number | null;
+    id?: string | null;
 }>({ item, }: {
     item?: T;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/EntityIcon.js

@@ -0,0 +1,95 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Folder01Icon as c } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as a } from "@hugeicons/react";
+import f from "../assets/enitityIcons/flow.svg.js";
+import p from "../assets/enitityIcons/form.svg.js";
+import s from "../assets/enitityIcons/page.svg.js";
+import u from "../assets/enitityIcons/sprint.svg.js";
+import { ProjectIcon as l, IconEntity as e, renderIcon as d } from "./ProjectIcon/ProjectIcon.js";
+import { Text as i, Avatar as h } from "@mantine/core";
+const z = ({
+  item: o
+}) => {
+  const n = o?.size || 16;
+  if (!o) return null;
+  if (o.type === "FOLDER")
+    return /* @__PURE__ */ r(a, { icon: c, size: n });
+  if (o.type === "PAGE")
+    return /* @__PURE__ */ r(
+      l,
+      {
+        fallbackColor: "var(--default-page-icon-color)",
+        name: o.title,
+        icon: o.icon,
+        fallback: /* @__PURE__ */ r(s, { width: n, height: n })
+      }
+    );
+  if (o.type === "FORM")
+    return /* @__PURE__ */ r(
+      l,
+      {
+        fallbackColor: "var(--default-form-icon-color)",
+        icon: o.icon,
+        fallback: /* @__PURE__ */ r(p, { width: n, height: n })
+      }
+    );
+  if (o.type === "FLOW")
+    return /* @__PURE__ */ r(
+      l,
+      {
+        icon: o.icon,
+        fallbackColor: "var(--default-flow-icon-color)",
+        fallback: /* @__PURE__ */ r(f, { width: n, height: n })
+      }
+    );
+  if (o.type === "SPRINT") {
+    const t = e.parse(o.icon);
+    return /* @__PURE__ */ r(
+      i,
+      {
+        fz: 16,
+        c: t?.color || "yellow.6",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          lineHeight: "normal"
+        },
+        children: /* @__PURE__ */ r(u, {})
+      }
+    );
+  }
+  if (o.type === "PROJECT") {
+    const t = e.parse(o.icon);
+    return /* @__PURE__ */ r(
+      h,
+      {
+        variant: "filled",
+        radius: 4,
+        name: o.title || "",
+        size: 16,
+        color: t?.color || "initials",
+        children: /* @__PURE__ */ r(
+          i,
+          {
+            fz: 12,
+            fw: 500,
+            tt: "uppercase",
+            lh: 0.9,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              lineHeight: "normal"
+            },
+            children: d(t, void 0, !0, o.title)
+          }
+        )
+      }
+    );
+  }
+  return null;
+};
+export {
+  z as EntityIcon
+};

package/dist/components/EntityTitle/EntityTitle.js

@@ -0,0 +1,86 @@
+import { jsx as a, Fragment as x } from "react/jsx-runtime";
+import { useRef as F, useLayoutEffect as T } from "react";
+import { useTranslation as D } from "react-i18next";
+import { useLocation as E } from "react-router-dom";
+import { Textarea as N } from "@mantine/core";
+import s from "./EntityTitle.module.css.js";
+const z = ({
+  lock: c,
+  title: t,
+  handleTitle: u,
+  placeholder: i,
+  error: f,
+  isReadOnly: d = !1,
+  accessEdit: h = !0,
+  nowrap: m = !1,
+  maxLength: p = 255,
+  fw: w,
+  onPressEnter: y
+}) => {
+  const { t: g } = D(), v = E(), { isNewPage: r } = v.state || {}, n = F(null), l = !h || c || d;
+  return T(() => {
+    if ((r || t === "") && n.current) {
+      const e = n.current;
+      requestAnimationFrame(() => {
+        r && (e.focus(), e.setSelectionRange(
+          e.value.length,
+          e.value.length
+        ));
+      });
+    }
+  }, [r, n.current, l]), /* @__PURE__ */ a(x, { children: l ? /* @__PURE__ */ a(
+    "h1",
+    {
+      style: {
+        overflowWrap: "anywhere"
+      },
+      "data-empty": String(!t),
+      className: s.EntityTitle,
+      children: t
+    }
+  ) : /* @__PURE__ */ a(
+    N,
+    {
+      ref: n,
+      onKeyDown: (e) => {
+        e.key === "Enter" && (y?.(), e.preventDefault());
+      },
+      onBlur: (e) => {
+        window.isTitleFocused = !1;
+        const o = e.currentTarget.value.trim();
+        o !== t && u?.(o);
+      },
+      onChange: (e) => {
+        const o = e.currentTarget.value;
+        u?.(o);
+      },
+      onFocus: () => {
+        window.isTitleFocused = !0;
+      },
+      value: t,
+      placeholder: i || g("noName"),
+      maxLength: p,
+      unstyled: !0,
+      autosize: !0,
+      "data-autofocus": !0,
+      "data-error": !!f,
+      classNames: {
+        input: s.textareaInput,
+        root: s.textareaRoot
+      },
+      styles: {
+        input: {
+          fontWeight: w || 400,
+          ...m && {
+            whiteSpace: "nowrap",
+            overflowX: "auto",
+            overflowY: "hidden"
+          }
+        }
+      }
+    }
+  ) });
+};
+export {
+  z as EntityTitle
+};

package/dist/components/EntityTitle/EntityTitle.module.css.js

@@ -0,0 +1,9 @@
+const t = "_textareaRoot_bt8wk_27", e = "_textareaInput_bt8wk_31", a = {
+  textareaRoot: t,
+  textareaInput: e
+};
+export {
+  a as default,
+  e as textareaInput,
+  t as textareaRoot
+};

package/dist/components/ErrorAlert/index.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+import { Alert as n } from "@mantine/core";
+import { IconInfoCircle as l } from "@tabler/icons-react";
+const p = ({ message: o, ...t }) => {
+  const { t: i } = e();
+  return /* @__PURE__ */ r(
+    n,
+    {
+      variant: "light",
+      color: "red",
+      icon: /* @__PURE__ */ r(l, { size: 50 }),
+      ...t,
+      children: o || i("500.title")
+    }
+  );
+};
+export {
+  p as ErrorAlert
+};

package/dist/components/ErrorPage/components/Error403.js

@@ -0,0 +1,51 @@
+import { jsxs as i, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { Helmet as m } from "react-helmet";
+import { useTranslation as l } from "react-i18next";
+import { useNavigate as c } from "react-router-dom";
+import { Stack as a, CloseButton as p } from "@mantine/core";
+import { IconHome2 as f } from "@tabler/icons-react";
+import { useMenu as d } from "../../../hooks/useMenu.js";
+import { NoData as u } from "../../NoData/NoData.js";
+const w = ({ closeAction: e }) => {
+  const { t: o } = l(), r = c(), { isMobile: n } = d();
+  return /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("title", { children: "403" }) }),
+    /* @__PURE__ */ i(a, { p: 80, gap: "sm", justify: "center", flex: 1, align: "center", children: [
+      /* @__PURE__ */ t(
+        u,
+        {
+          title: o("403.title"),
+          description: o("403.description"),
+          illustration: "noAccess",
+          flex: "0,0,0",
+          size: 210,
+          h: "60dvh",
+          w: n ? 500 : "70%",
+          titleProps: { maw: 600, fz: 32 },
+          descriptionProps: { maw: 500, fz: 14 },
+          buttons: [
+            {
+              size: "sm",
+              variant: "filled",
+              leftSection: /* @__PURE__ */ t(f, { size: 18 }),
+              onClick: () => r("/"),
+              children: o("404.goHome")
+            }
+          ]
+        }
+      ),
+      e && /* @__PURE__ */ t(
+        p,
+        {
+          pos: "absolute",
+          top: 16,
+          right: 16,
+          onClick: e
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  w as Error403
+};

package/dist/components/ErrorPage/components/Error404.js

@@ -0,0 +1,5 @@
+import { NotFound as o } from "../../NotFound/NoFound.js";
+const t = o;
+export {
+  t as Error404
+};

package/dist/components/ErrorPage/components/Error406.js

@@ -0,0 +1,47 @@
+import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { Helmet as c } from "react-helmet";
+import { useTranslation as m } from "react-i18next";
+import { useNavigate as a } from "react-router-dom";
+import { Stack as p, CloseButton as f } from "@mantine/core";
+import { useMenu as u } from "../../../hooks/useMenu.js";
+import { NoData as d } from "../../NoData/NoData.js";
+const C = ({ closeAction: r }) => {
+  const { t: o } = m(), n = a(), { isMobile: s } = u(), e = () => {
+    n("/");
+  };
+  return /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("title", { children: "406" }) }),
+    /* @__PURE__ */ i(p, { p: 80, gap: "sm", justify: "center", flex: 1, align: "center", children: [
+      /* @__PURE__ */ t(
+        d,
+        {
+          title: o("406.title"),
+          description: o("406.description"),
+          illustration: "noAccess",
+          flex: "0,0,0",
+          size: 210,
+          h: "60dvh",
+          w: s ? 500 : "70%",
+          buttons: [
+            {
+              children: o("406.goHome"),
+              onClick: e
+            }
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ t(
+        f,
+        {
+          pos: "absolute",
+          top: 16,
+          right: 16,
+          onClick: e
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  C as Error406
+};