@layers-app/shared 0.1.5 → 0.2.1

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

@@ -0,0 +1,103 @@
+export declare namespace CommentComposerTypes {
+    enum Entity {
+        None = "NONE",
+        Project = "PROJECT",
+        Sprint = "SPRINT",
+        Folder = "FOLDER",
+        Workspace = "WORKSPACE",
+        Page = "PAGE",
+        Task = "PROJECTTASK",
+        Form = "FORM",
+        Attachment = "ATTACHMENT",
+        User = "USER",
+        Comment = "COMMENT",
+        Flow = "FLOW"
+    }
+    interface OptimisticCommentFile {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: true;
+        raw: File;
+    }
+    interface CommentAttachment {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: boolean;
+        raw?: File;
+    }
+    type AnyCommentFile = CommentAttachment;
+    interface CommentDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface RenderEditorParams {
+        onSubmit: () => void;
+        handleBlur: (e: any) => void;
+        setCommentDraft: React.Dispatch<React.SetStateAction<CommentDraft>>;
+        commentDraft: CommentDraft;
+        editorRef: React.MutableRefObject<unknown>;
+        initialContent?: string;
+    }
+    interface ComposerInitialDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface ComposerDraft {
+        text: string;
+        files: CommentAttachment[];
+        quote?: string;
+    }
+    interface EditChangesPayload {
+        textChanged: boolean;
+        newFiles: CommentAttachment[];
+        deletedFiles: CommentAttachment[];
+        newText: string;
+    }
+    type ComposerSubmitPayload = {
+        mode: 'create';
+        data: ComposerDraft;
+    } | {
+        mode: 'edit';
+        data: EditChangesPayload;
+    };
+}
+export interface PlacementData {
+    placement?: 'top' | 'bottom';
+    maxHeight?: number;
+    style?: React.CSSProperties;
+}
+export interface CommentComposerBaseProps {
+    children?: (params: CommentComposerTypes.RenderEditorParams) => React.ReactNode;
+    onSubmit: (payload: CommentComposerTypes.ComposerSubmitPayload) => void;
+    initialDraft?: CommentComposerTypes.ComposerInitialDraft;
+    ns?: string;
+    placementData?: PlacementData;
+    setEdit?: (v: {
+        id: string;
+        text: string;
+        files: CommentComposerTypes.AnyCommentFile[];
+    }) => void;
+}
+export interface FloatComposerProps extends CommentComposerBaseProps {
+    updateLocation: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    onBlur: () => void;
+}
+export interface InlineComposerProps extends CommentComposerBaseProps {
+    updateLocation?: undefined;
+    onBlur?: () => void;
+}
+export type CommentComposerProps = FloatComposerProps | InlineComposerProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/CommentComposer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/CommentComposer/useFloatingPosition.d.ts

@@ -0,0 +1,16 @@
+interface UseFloatingPositionProps {
+    boxRef: React.RefObject<HTMLDivElement>;
+    isFloat: boolean;
+    updateLocation?: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    selectionRef: React.MutableRefObject<any>;
+    selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    };
+}
+export declare function useFloatingPosition({ boxRef, isFloat, updateLocation, selectionRef, selectionState, }: UseFloatingPositionProps): void;
+export {};
+//# sourceMappingURL=useFloatingPosition.d.ts.map

package/dist/components/CommentComposer/useFloatingPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useFloatingPosition.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,wBAAwB,QAqR1B"}

package/dist/components/CommentComposer/useFloatingPosition.js

@@ -0,0 +1,115 @@
+import { useRef as T, useCallback as C, useLayoutEffect as k, useEffect as g } from "react";
+function _({
+  boxRef: n,
+  isFloat: s,
+  updateLocation: m,
+  selectionRef: f,
+  selectionState: u
+}) {
+  const w = T(null), E = T(!1), d = T({ placement: "bottom", lockedUntil: 0 }), v = 10 * 30 * 0.7, a = C(() => {
+    if (!n.current) return;
+    const e = n.current, t = e.querySelector(
+      '[class*="editorWrapper"]'
+    ), l = t?.scrollHeight || 0, r = l > v, i = l > 50;
+    s && i ? e.setAttribute("data-multiline", "true") : e.removeAttribute("data-multiline"), r && t ? (t.style.maxHeight = `${v}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", e.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", e.removeAttribute("data-editor-constrained"));
+  }, [n, s, v]), y = C(() => {
+    if (!n.current || !w.current || !s || !E.current)
+      return;
+    const e = n.current, t = w.current, l = e.offsetHeight, r = 36, i = 10, H = window.innerHeight - t.bottom, b = t.top, M = Date.now(), I = M < d.current.lockedUntil;
+    let c, p, A;
+    I ? c = d.current.placement : (H >= l + r ? c = "bottom" : b >= l ? c = "top" : c = "bottom", c !== d.current.placement && (d.current = {
+      placement: c,
+      lockedUntil: M + 500
+    })), c === "bottom" && H < l + r ? p = H - r : c === "top" && b < l && (p = b - r);
+    const x = window.pageYOffset || document.documentElement.scrollTop;
+    if (c === "bottom" ? A = t.bottom + i + x : A = t.top - l - i + x, e.style.top = `${A}px`, a(), p) {
+      e.style.maxHeight = `${p}px`, e.setAttribute("data-constrained", "true"), e.style.display = "flex", e.style.flexDirection = "column", e.style.overflow = "hidden";
+      const o = e.querySelector(
+        '[class*="composerContainer"]'
+      );
+      o && (o.style.display = "flex", o.style.flexDirection = "column", o.style.flex = "1 1 auto", o.style.minHeight = "0", o.style.overflow = "hidden");
+    } else {
+      e.style.maxHeight = "", e.removeAttribute("data-constrained"), e.style.display = "", e.style.flexDirection = "", e.style.overflow = "";
+      const o = e.querySelector(
+        '[class*="composerContainer"]'
+      );
+      o && (o.style.display = "", o.style.flexDirection = "", o.style.flex = "", o.style.minHeight = "", o.style.overflow = "");
+    }
+    e.setAttribute("data-placement", c);
+  }, [s, n, a]), h = C(
+    (e) => {
+      if (e.elements.length > 0) {
+        const t = e.elements[0], l = e.elements[e.elements.length - 1], r = t.getBoundingClientRect(), i = l.getBoundingClientRect();
+        w.current = {
+          top: r.top,
+          bottom: i.bottom,
+          left: Math.min(r.left, i.left),
+          right: Math.max(r.right, i.right),
+          width: Math.max(r.right, i.right) - Math.min(r.left, i.left),
+          height: i.bottom - r.top,
+          x: Math.min(r.left, i.left),
+          y: r.top
+        }, E.current = !0;
+      }
+    },
+    []
+  );
+  k(() => {
+    if (!s || !m) return;
+    m(n.current, f, u), setTimeout(() => {
+      h(u);
+    }, 50);
+    const e = u.container, t = document.body;
+    if (t !== null)
+      return t.appendChild(e), () => {
+        t.removeChild(e);
+      };
+  }, [
+    s,
+    m,
+    u,
+    h,
+    n,
+    f
+  ]), g(() => {
+    a();
+  }, [a]), g(() => {
+    if (!n.current) return;
+    const e = new ResizeObserver(() => {
+      s ? y() : a();
+    });
+    return e.observe(n.current), () => {
+      e.disconnect();
+    };
+  }, [s, y, a, n]), g(() => {
+    if (!s || !m) return;
+    let e;
+    const t = () => {
+      clearTimeout(e), e = setTimeout(() => {
+        E.current = !1, m(n.current, f, u), setTimeout(() => {
+          h(u), y(), d.current.lockedUntil = Date.now() + 500;
+        }, 50);
+      }, 150);
+    };
+    return window.addEventListener("resize", t), () => {
+      clearTimeout(e), window.removeEventListener("resize", t);
+    };
+  }, [
+    s,
+    m,
+    y,
+    u,
+    h,
+    n,
+    f
+  ]), g(() => {
+    const e = document.querySelector("main");
+    if (e)
+      return s ? e.style.overflow = "hidden" : e.style.overflow = "", () => {
+        e.style.overflow = "";
+      };
+  }, [s]);
+}
+export {
+  _ as useFloatingPosition
+};

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

@@ -2,3 +2,4 @@ export declare const CommunitiesDialog: ({ handleAccess, handleRemindLater, }: {
     handleAccess: () => void;
     handleRemindLater: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CommunitiesDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommunitiesDialog/index.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,iBAAiB,GAAI,sCAG/B;IACD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,4CAiIA,CAAC"}

package/dist/components/CommunitiesDialog/index.js

@@ -0,0 +1,149 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { useTranslation as h, Trans as g } from "react-i18next";
+import { Dialog as f, Stack as n, Flex as c, Text as s, Button as a, Group as u } from "@mantine/core";
+import { IconAmpersand as w, IconBrandDiscord as x, IconBrandTelegram as D } from "@tabler/icons-react";
+import { useMenu as y } from "../../hooks/useMenu.js";
+import { useDiscordDialogStore as b, closeUserDiscordDialog as F } from "../../store/discordDialogStore.js";
+import k from "../../assets/svg/discord.svg.js";
+import v from "../../assets/svg/telegram.svg.js";
+import z from "./styles.module.css.js";
+const E = ({
+  handleAccess: l,
+  handleRemindLater: p
+}) => {
+  const { t: i } = h(), { opened: m } = b((d) => d), t = () => {
+    F();
+  }, { isMobile: r } = y();
+  return /* @__PURE__ */ o(
+    f,
+    {
+      opened: m,
+      onClose: () => {
+        p(), t();
+      },
+      radius: "md",
+      withCloseButton: !0,
+      mih: 289,
+      maw: 380,
+      w: "auto",
+      shadow: "md",
+      pt: 0,
+      px: 0,
+      pb: 12,
+      bg: "var(--app-container-background)",
+      style: {
+        position: "relative"
+      },
+      ml: 5,
+      position: r ? {
+        right: 5,
+        bottom: 0
+      } : void 0,
+      children: /* @__PURE__ */ e(n, { w: "100%", children: [
+        /* @__PURE__ */ o(
+          c,
+          {
+            h: "50%",
+            w: "100%",
+            className: z.section,
+            style: { zIndex: -1 }
+          }
+        ),
+        /* @__PURE__ */ e(n, { gap: 32, w: "100%", children: [
+          /* @__PURE__ */ e(c, { w: "100%", justify: "center", pt: 30, children: [
+            /* @__PURE__ */ o(k, { width: 66, height: 66 }),
+            /* @__PURE__ */ o(w, { color: "#FFFFFF", size: 32 }),
+            /* @__PURE__ */ o(v, { width: 66, height: 66 })
+          ] }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              gap: 8,
+              align: "center",
+              justify: "space-between",
+              w: "100%",
+              px: 12,
+              children: [
+                /* @__PURE__ */ o(s, { fz: 20, fw: 700, lh: "24px", ta: "center", children: /* @__PURE__ */ o(
+                  g,
+                  {
+                    i18nKey: i("communityDialog.desc1"),
+                    components: {
+                      Text: /* @__PURE__ */ o(
+                        s,
+                        {
+                          fz: "inherit",
+                          fw: "inherit",
+                          component: "span",
+                          td: "wavy underline"
+                        }
+                      )
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(s, { px: 12, fz: 14, lh: "16px", ta: "center", children: i("communityDialog.desc2") }),
+                /* @__PURE__ */ e(
+                  c,
+                  {
+                    w: "100%",
+                    justify: "space-between",
+                    p: 0,
+                    mt: 16,
+                    gap: 0,
+                    wrap: "wrap",
+                    children: [
+                      /* @__PURE__ */ o(
+                        a,
+                        {
+                          variant: "subtle",
+                          onClick: () => {
+                            p(), t();
+                          },
+                          children: i("communityDialog.remind")
+                        }
+                      ),
+                      /* @__PURE__ */ e(u, { gap: 8, children: [
+                        /* @__PURE__ */ o(
+                          a,
+                          {
+                            component: "a",
+                            href: "https://discord.gg/mEd2PbchRD",
+                            target: "_blank",
+                            px: 16,
+                            color: "#5A66F5",
+                            onClick: () => {
+                              l(), t();
+                            },
+                            children: r ? /* @__PURE__ */ o(x, { size: 20 }) : "Discord"
+                          }
+                        ),
+                        /* @__PURE__ */ o(
+                          a,
+                          {
+                            onClick: () => {
+                              l(), t();
+                            },
+                            component: "a",
+                            href: "https://t.me/layers_app",
+                            target: "_blank",
+                            c: "#fff",
+                            px: 16,
+                            color: "#3BB3F2",
+                            children: r ? /* @__PURE__ */ o(D, { size: 20 }) : "Telegram"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  E as CommunitiesDialog
+};

package/dist/components/CommunitiesDialog/styles.module.css.js

@@ -0,0 +1,7 @@
+const s = "_section_ew7ws_3", t = {
+  section: s
+};
+export {
+  t as default,
+  s as section
+};

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

@@ -0,0 +1,7 @@
+const r = "_brandingWrapper_vvk0o_1", a = {
+  brandingWrapper: r
+};
+export {
+  r as brandingWrapper,
+  a as default
+};

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

@@ -1,10 +1,10 @@
-import { default as React } from 'react';
+import React from 'react';
 import { ButtonProps } from '@mantine/core';
 interface CopyrightProps {
     className?: string;
     color?: string;
     title?: string;
-    size?: ButtonProps['size'];
 }
-export declare const Copyright: React.FC<CopyrightProps>;
+export declare const Copyright: React.FC<CopyrightProps & ButtonProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Copyright/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Copyright/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAOpD,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG,WAAW,CAwB5D,CAAC"}

package/dist/components/Copyright/index.js

@@ -0,0 +1,32 @@
+import { jsx as r } from "react/jsx-runtime";
+import { DEFAULT_FONT_FAMILY as n } from "../../constants.js";
+import { Button as p } from "@mantine/core";
+import a from "clsx";
+import { Logotype as l } from "../Logotype.js";
+import f from "./Copyright.module.css.js";
+const F = ({
+  color: o,
+  title: t,
+  className: e,
+  size: i = "md",
+  ...m
+}) => /* @__PURE__ */ r(
+  p,
+  {
+    component: "a",
+    href: "https://layers.md",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    leftSection: /* @__PURE__ */ r(l, { variant: "copyright", isLink: !1 }),
+    variant: "filled",
+    size: i,
+    color: o,
+    className: a(f.brandingWrapper, e),
+    style: { fontFamily: n },
+    ...m,
+    children: t
+  }
+);
+export {
+  F as Copyright
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_195do_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -17,3 +17,4 @@ interface CustomKBDProps {
 }
 export declare const CustomKBD: ({ value, miw, w, mr, fz, fontFamily, fw, bbw, br, onClick, ...props }: CustomKBDProps & BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomKBD;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CustomKBD/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomKBD/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,GAAI,uEAYvB,cAAc,GAAG,QAAQ,4CAqB3B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CustomKBD/index.js

@@ -0,0 +1,40 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Box as f } from "@mantine/core";
+import n from "./CustomKBD.module.css.js";
+const B = ({
+  value: o,
+  miw: r = 31,
+  w: t = 16,
+  mr: e = 0,
+  fz: s = 12,
+  fontFamily: m = "Space Mono",
+  fw: a = 400,
+  bbw: d = 2,
+  br: i = 4,
+  onClick: p = () => {
+  },
+  ...l
+}) => /* @__PURE__ */ c(
+  f,
+  {
+    ...l,
+    className: n.root,
+    onClick: p,
+    py: 2,
+    miw: r,
+    w: t,
+    mr: e,
+    fw: a,
+    fz: s,
+    style: {
+      borderRadius: i,
+      borderBottomWidth: d,
+      fontFamily: m
+    },
+    children: o
+  }
+);
+export {
+  B as CustomKBD,
+  B as default
+};

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

@@ -1,5 +1,6 @@
-import { EmojiPickerProps } from '../..';
+import { EmojiPickerProps } from './EmojiPicker';
 export declare const EmojiPanel: ({ locales, onChange, onClose, setRandomIcon, querySearch, }: Pick<EmojiPickerProps, "locales" | "value" | "onChange" | "querySearch"> & {
     onClose: () => void;
     setRandomIcon: (icon: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmojiPanel.d.ts.map

package/dist/components/EmojiPicker/EmojiPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAqBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAkTA,CAAC"}