@layers-app/shared 0.4.7 → 0.4.9

package/dist/components/ColorPicker/useRecentColors.js

@@ -1,6 +1,8 @@
-import { useState as I, useCallback as c } from "react";
-const d = "color-picker-recent", p = 11;
-function n(e) {
+import { useState as R, useCallback as f, useRef as A, useEffect as w } from "react";
+import { resolveRecentKind as I, IS_APPLE as C } from "./types.js";
+const k = "color-picker-recent", L = 11;
+let i = 0;
+function a(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : [];
@@ -8,32 +10,53 @@ function n(e) {
     return [];
   }
 }
-function E(e, t, o) {
+function T(e, t, r) {
   try {
-    localStorage.setItem(e, JSON.stringify(t.slice(0, o)));
+    localStorage.setItem(e, JSON.stringify(t.slice(0, r)));
   } catch {
   }
 }
-function v(e) {
-  const t = e?.storageKey ?? d, o = e?.maxItems ?? p, [i, r] = I(() => n(t)), S = c(() => {
-    r(n(t));
-  }, [t]), g = c(
-    (s, a, f) => {
-      const y = n(t).filter(
-        (m) => !(m.value === s && m.sectionKey === a)
-      ), l = [{ value: s, sectionKey: a, border: f }, ...y].slice(0, o);
-      E(t, l, o), r(l);
+function _(e) {
+  return e.code !== "KeyH" || !e.shiftKey || e.altKey ? !1 : C ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey;
+}
+function F(e) {
+  const t = e?.storageKey ?? k, r = e?.maxItems ?? L, l = e?.onApplyShortcut, s = e?.shortcutScoped ?? !1, [p, u] = R(
+    () => a(t)
+  ), h = f(() => {
+    u(a(t));
+  }, [t]), K = f(
+    (o, c, n) => {
+      const g = a(t).filter(
+        (S) => !(S.value === o && S.sectionKey === c)
+      ), m = [{ value: o, sectionKey: c, border: n }, ...g].slice(
+        0,
+        r
+      );
+      T(t, m, r), u(m);
     },
-    [t, o]
-  ), u = c(() => {
+    [t, r]
+  ), E = f(() => {
     try {
       localStorage.removeItem(t);
     } catch {
     }
-    r([]);
-  }, [t]);
-  return { recentColors: i, addRecent: g, clearRecent: u, reload: S };
+    u([]);
+  }, [t]), y = A(l);
+  y.current = l;
+  const d = !!l;
+  return w(() => {
+    if (!d) return;
+    s && (i += 1);
+    const o = (c) => {
+      if (!_(c) || !s && i > 0) return;
+      const n = a(t)[0];
+      n && (c.preventDefault(), y.current?.(n.value, I(n.sectionKey)));
+    };
+    return window.addEventListener("keydown", o), () => {
+      window.removeEventListener("keydown", o), s && (i -= 1);
+    };
+  }, [d, s, t]), { recentColors: p, addRecent: K, clearRecent: E, reload: h };
 }
 export {
-  v as useRecentColors
+  F as useRecentColors
 };

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

@@ -1,15 +1,19 @@
-const o = "_commentComposerWrapper_17oei_1", e = "_commentComposerFloat_17oei_68", r = "_composerContainer_17oei_97", t = "_editorWrapper_17oei_113", p = "_editMode_17oei_192", m = {
+const o = "_commentComposerWrapper_ate6h_1", t = "_commentComposerFloat_ate6h_135", e = "_composerContainer_ate6h_193", a = "_editorWrapper_ate6h_225", r = "_editMode_ate6h_383", m = "_compact_ate6h_409", c = "_attachmentsSlot_ate6h_441", p = {
   commentComposerWrapper: o,
-  commentComposerFloat: e,
-  composerContainer: r,
-  editorWrapper: t,
-  editMode: p
+  commentComposerFloat: t,
+  composerContainer: e,
+  editorWrapper: a,
+  editMode: r,
+  compact: m,
+  attachmentsSlot: c
 };
 export {
-  e as commentComposerFloat,
+  c as attachmentsSlot,
+  t as commentComposerFloat,
   o as commentComposerWrapper,
-  r as composerContainer,
-  m as default,
-  p as editMode,
-  t as editorWrapper
+  m as compact,
+  e as composerContainer,
+  p as default,
+  r as editMode,
+  a as editorWrapper
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CommentComposerTypes } from './types';
-export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
+export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, forceAutoFocus, }: {
     children: React.ReactNode;
     onSubmit: () => void;
     editorRef: React.MutableRefObject<any>;
@@ -14,5 +14,6 @@ export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, com
     isEdit: boolean;
     hasChanges: boolean;
     ns: string;
+    forceAutoFocus?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentEditorHotkeys.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CA2KA,CAAC"}
+{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8HAYlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA6KA,CAAC"}

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,55 +1,58 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useRef as C, useEffect as u } from "react";
+import { jsx as C } from "react/jsx-runtime";
+import { useRef as T, useEffect as u } from "react";
 import { useTranslation as k } from "react-i18next";
 import { openRemoveConfirmModal as P } from "../modals/RemoveConfirmModal.js";
-import w from "./CommentComposer.module.css.js";
-const M = ({
+import v from "./CommentComposer.module.css.js";
+const W = ({
   children: b,
   onSubmit: E,
-  editorRef: m,
+  editorRef: a,
   commentDraft: f,
   onBlur: c,
   inputContainerRef: p,
-  isFloat: v,
+  isFloat: w,
   isEdit: i,
   hasChanges: s,
-  ns: y
+  ns: L,
+  forceAutoFocus: S
 }) => {
-  const d = C(null), L = i || v, { t: r } = k(y);
+  const d = T(null), g = i || w || S, { t: r } = k(L);
   return u(() => {
     const t = (e) => {
       if (e.code === "Enter" && !e.shiftKey) {
-        if (e.stopPropagation(), i ? s : !s) return;
+        if (document.querySelector('[id^="mention-item-"]') || (e.stopPropagation(), i ? s : !s)) return;
         d.current && d.current.contains(document.activeElement) && (e.preventDefault(), E());
       }
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [E, i, s]), u(() => {
-    if (!L) return;
-    const t = m.current;
-    t && setTimeout(() => {
+    if (!g) return;
+    const t = a.current;
+    if (!t) return;
+    const e = window.setTimeout(() => {
       t.focus(() => ({ defaultSelection: "rootEnd" }));
     }, 100);
-  }, []), u(() => {
-    const t = m.current;
+    return () => window.clearTimeout(e);
+  }, [g]), u(() => {
+    const t = a.current;
     if (!t) return;
     const e = () => setTimeout(() => {
       t.focus(() => ({ defaultSelection: "rootEnd" }));
-    }, 0), o = (a) => {
-      const n = a.target;
+    }, 0), o = (m) => {
+      const n = m.target;
       if (!n || n.closest("button") || n.closest("[data-no-focus]")) return;
       if (n.closest("[data-editor-spacer='true']")) {
         e();
         return;
       }
-      const l = n.closest(`.${w.commentComposerWrapper}`);
+      const l = n.closest(`.${v.commentComposerWrapper}`);
       if (!l) return;
-      const g = l.querySelector("[data-comment-footer]");
-      if (!g || !g.contains(n)) return;
-      l.querySelector(`.${w.imagePreviewWrapper}`) || l.querySelector(`.${w.filePreviewWrapper}`) || e();
+      const y = l.querySelector("[data-comment-footer]");
+      if (!y || !y.contains(n)) return;
+      l.querySelector(`.${v.imagePreviewWrapper}`) || l.querySelector(`.${v.filePreviewWrapper}`) || e();
     };
     return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [m]), u(() => {
+  }, [a]), u(() => {
     const t = d.current;
     if (!t) return;
     const e = () => {
@@ -62,8 +65,8 @@ const M = ({
     const t = (e) => {
       const o = e.target;
       if (!o) return;
-      const a = p.current;
-      if (a && !a.contains(o) && !(o.closest(".mantine-Modal-root") || o.closest(".floating-text-format-popup") || o.closest('[data-test-id="floating-link-dropdown"]'))) {
+      const m = p.current;
+      if (m && !m.contains(o) && !(o.closest(".mantine-Modal-root") || o.closest(".floating-text-format-popup") || o.closest('[data-test-id="floating-link-dropdown"]'))) {
         if (i) {
           if (!s) {
             e.stopPropagation(), e.preventDefault(), P({
@@ -84,7 +87,7 @@ const M = ({
           c?.();
           return;
         }
-        if (v) {
+        if (w) {
           if (f.text.trim() !== "" || (f.files?.length ?? 0) > 0) {
             e.stopPropagation(), e.preventDefault(), P({
               title: r("editor.composer.discardCommentTitle"),
@@ -106,8 +109,8 @@ const M = ({
       }
     };
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [i, v, s, f, c]), /* @__PURE__ */ S("div", { ref: d, children: b });
+  }, [i, w, s, f, c]), /* @__PURE__ */ C("div", { ref: d, children: b });
 };
 export {
-  M as CommentEditorHandler
+  W as CommentEditorHandler
 };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CommentComposerProps } from './types';
-export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentComposer: React.MemoExoticComponent<({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, compact, placeholder: placeholderProp, autoFocus, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAsctB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAsBf,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,2JAYvB,oBAAoB,6CAydxB,CAAC"}