@clevertask/scribe 0.0.15 → 0.1.1

package/dist/components/Menu/Mobile/ListOptionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListOptionBar.d.ts","sourceRoot":"","sources":["../../../../lib/components/Menu/Mobile/ListOptionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,YAAY,kBAAkB,mDAgC3D,CAAC"}
+{"version":3,"file":"ListOptionBar.d.ts","sourceRoot":"","sources":["../../../../lib/components/Menu/Mobile/ListOptionBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAItC,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,YAAY,kBAAkB,mDAiD3D,CAAC"}

package/dist/components/Menu/Mobile/ListOptionBar.js

@@ -1,25 +1,45 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { u as s } from "../../../index-PzbCrHp0.js";
-const u = ({ editor: t }) => s({
-  editor: t,
-  selector: ({ editor: i }) => i ? {
-    isInsideList: i.isActive("bulletList") || i.isActive("orderedList")
-  } : null
-})?.isInsideList ? /* @__PURE__ */ n(
-  "div",
-  {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      padding: "1rem",
-      paddingTop: "0rem"
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { Flex as a, Button as r } from "@radix-ui/themes";
+import { u } from "../../../index-DxF-1P4n.js";
+import { useCallback as c } from "react";
+const p = ({ editor: e }) => {
+  const i = u({
+    editor: e,
+    selector: ({ editor: t }) => t ? {
+      isInsideList: t.isActive("bulletList") || t.isActive("orderedList"),
+      isEditable: t.isEditable
+    } : null
+  }), s = c(
+    (t, o) => {
+      t.preventDefault(), o();
     },
-    children: [
-      /* @__PURE__ */ e("button", { onClick: () => t.chain().focus().liftListItem("listItem").run(), children: "← Outdent" }),
-      /* @__PURE__ */ e("button", { onClick: () => t.chain().focus().sinkListItem("listItem").run(), children: "Indent →" })
-    ]
-  }
-) : null;
+    []
+  );
+  return !i?.isInsideList || !i.isEditable ? null : /* @__PURE__ */ l(a, { align: "center", justify: "between", className: "scribe-list-toolbar", gap: "3", children: [
+    /* @__PURE__ */ n(
+      r,
+      {
+        type: "button",
+        size: "1",
+        variant: "soft",
+        color: "gray",
+        onMouseDown: (t) => s(t, () => e.chain().focus().liftListItem("listItem").run()),
+        children: "← Outdent"
+      }
+    ),
+    /* @__PURE__ */ n(
+      r,
+      {
+        type: "button",
+        size: "1",
+        variant: "soft",
+        color: "gray",
+        onMouseDown: (t) => s(t, () => e.chain().focus().sinkListItem("listItem").run()),
+        children: "Indent →"
+      }
+    )
+  ] });
+};
 export {
-  u as ListOptionBar
+  p as ListOptionBar
 };

package/dist/components/Scribe/extension/emoji/EmojiList.d.ts

@@ -1,2 +1,20 @@
-export declare const EmojiList: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+import { Editor } from "@tiptap/react";
+import { SuggestionKeyDownProps } from "@tiptap/suggestion";
+interface EmojiSuggestionItem {
+    emoji?: string;
+    fallbackImage?: string;
+    name: string;
+}
+interface EmojiListProps {
+    command: (payload: {
+        name: string;
+    }) => void;
+    editor: Editor;
+    items: EmojiSuggestionItem[];
+}
+export interface EmojiListRef {
+    onKeyDown: (props: SuggestionKeyDownProps) => boolean;
+}
+export declare const EmojiList: import("react").ForwardRefExoticComponent<EmojiListProps & import("react").RefAttributes<EmojiListRef>>;
+export {};
 //# sourceMappingURL=EmojiList.d.ts.map

package/dist/components/Scribe/extension/emoji/EmojiList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiList.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/emoji/EmojiList.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,mFA8EpB,CAAC"}
+{"version":3,"file":"EmojiList.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/emoji/EmojiList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,OAAO,CAAC;CACvD;AAED,eAAO,MAAM,SAAS,yGA+EpB,CAAC"}

package/dist/components/Scribe/extension/emoji/EmojiList.js

@@ -1,46 +1,46 @@
-import { jsx as c, jsxs as f } from "react/jsx-runtime";
-import { c as i } from "../../../../clsx-OuTLNxxd.js";
-import { forwardRef as g, useState as u, useEffect as h, useImperativeHandle as k } from "react";
-const I = g((t, o) => {
-  const [n, a] = u(0), m = (e) => {
-    const r = t.items[e];
-    r && t.command({ name: r.name });
-  }, l = () => {
-    a((n + t.items.length - 1) % t.items.length);
-  }, s = () => {
-    a((n + 1) % t.items.length);
-  }, d = () => {
-    m(n);
-  };
-  return h(() => a(0), [t.items]), k(o, () => ({
-    onKeyDown: (e) => e.event.key === "ArrowUp" ? (l(), !0) : e.event.key === "ArrowDown" ? (s(), !0) : e.event.key === "Enter" ? (d(), !0) : !1
-  }), [l, s, d]), /* @__PURE__ */ c(
-    "div",
-    {
-      className: i(
-        t.darkMode ? "dark:bg-gray-800" : "bg-white",
-        "p-3",
-        "rounded-md",
-        "shadow-md"
-      ),
-      children: t.items.map((e, r) => /* @__PURE__ */ f(
-        "button",
-        {
-          className: r === n ? i(t.darkMode ? "dark:bg-gray-700" : "bg-gray-200", "w-full", "p-1") : "",
-          style: { display: "flex", alignItems: "center", gap: ".5rem" },
-          onClick: () => m(r),
-          children: [
-            e.fallbackImage ? /* @__PURE__ */ c("img", { style: { width: "1rem", height: "1rem" }, src: e.fallbackImage }) : e.emoji,
-            ":",
-            e.name,
-            ":"
-          ]
-        },
-        r
-      ))
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { Box as d, ScrollArea as u, Text as h } from "@radix-ui/themes";
+import { forwardRef as p, useState as f, useImperativeHandle as g } from "react";
+const w = p((o, c) => {
+  const { command: l, items: e } = o, [m, s] = f(0), a = e.length === 0 ? 0 : Math.min(m, e.length - 1);
+  return g(c, () => ({
+    onKeyDown: (t) => {
+      if (t.event.key === "ArrowUp")
+        return e.length === 0 ? !1 : (s((r) => (r + e.length - 1) % e.length), !0);
+      if (t.event.key === "ArrowDown")
+        return e.length === 0 ? !1 : (s((r) => (r + 1) % e.length), !0);
+      if (t.event.key === "Enter") {
+        const r = e[a];
+        return r && l({ name: r.name }), !0;
+      }
+      return !1;
     }
-  );
+  }), [l, e, a]), e.length === 0 ? null : /* @__PURE__ */ n(d, { className: "scribe-popup", style: { width: 240 }, children: /* @__PURE__ */ n(u, { type: "auto", scrollbars: "vertical", style: { maxHeight: 240 }, children: /* @__PURE__ */ n("div", { className: "scribe-popup-list", children: e.map((t, r) => /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: "scribe-popup-item",
+      "data-selected": r === a,
+      onClick: () => l({ name: t.name }),
+      children: [
+        /* @__PURE__ */ n("span", { className: "scribe-emoji-preview", "aria-hidden": "true", children: t.fallbackImage ? /* @__PURE__ */ n(
+          "img",
+          {
+            alt: "",
+            src: t.fallbackImage,
+            style: { display: "block", height: 18, width: 18 }
+          }
+        ) : t.emoji }),
+        /* @__PURE__ */ i(h, { size: "2", children: [
+          ":",
+          t.name,
+          ":"
+        ] })
+      ]
+    },
+    t.name
+  )) }) }) });
 });
 export {
-  I as EmojiList
+  w as EmojiList
 };

package/dist/components/Scribe/extension/emoji/suggest.d.ts

@@ -1,6 +1,4 @@
-declare const _default: ({ darkMode }: {
-    darkMode: any;
-}) => {
+declare const _default: () => {
     items: ({ editor, query }: {
         editor: any;
         query: any;
@@ -9,7 +7,7 @@ declare const _default: ({ darkMode }: {
     render: () => {
         onStart: (props: any) => void;
         onUpdate(props: any): void;
-        onKeyDown(props: any): any;
+        onKeyDown(props: any): boolean;
         onExit(): void;
     };
 };

package/dist/components/Scribe/extension/emoji/suggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggest.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/emoji/suggest.ts"],"names":[],"mappings":"yBAKgB;;CAAY;;;;;;;;;;;;;AAA5B,wBA6DG"}
+{"version":3,"file":"suggest.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Scribe/extension/emoji/suggest.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAMA,wBAuEG"}

package/dist/components/Scribe/extension/emoji/suggest.js

@@ -1,39 +1,44 @@
-import { R as s, t as a } from "../../../../index-PzbCrHp0.js";
+import { t as i } from "../../../../tippy.esm-DLHdsnfG.js";
+import { R as a } from "../../../../index-DxF-1P4n.js";
+import { getPopupMountTarget as s } from "../getPopupMountTarget.js";
 import { EmojiList as c } from "./EmojiList.js";
-const m = ({ darkMode: n }) => ({
-  items: ({ editor: t, query: r }) => t.storage.emoji.emojis.filter(({ shortcodes: e, tags: i }) => e.find((o) => o.startsWith(r.toLowerCase())) || i.find((o) => o.startsWith(r.toLowerCase()))).slice(0, 5),
+const u = () => ({
+  items: ({ editor: r, query: t }) => r.storage.emoji.emojis.filter(({ shortcodes: e, tags: o }) => e.find((n) => n.startsWith(t.toLowerCase())) || o.find((n) => n.startsWith(t.toLowerCase()))).slice(0, 5),
   allowSpaces: !1,
   render: () => {
-    let t, r;
+    let r, t = null;
     return {
       onStart: (e) => {
-        t = new s(c, {
-          props: { ...e, darkMode: n },
+        e.clientRect && (r = new a(c, {
+          props: e,
           editor: e.editor
-        }), r = a("body", {
+        }), t = i(e.editor.view.dom, {
           getReferenceClientRect: e.clientRect,
-          appendTo: () => document.body,
-          content: t.element,
+          appendTo: s(e.editor),
+          content: r.element,
+          popperOptions: {
+            strategy: "fixed"
+          },
           showOnCreate: !0,
           interactive: !0,
           trigger: "manual",
           placement: "bottom-start"
-        });
+        }));
       },
       onUpdate(e) {
-        t.updateProps(e), r[0].setProps({
+        !r || !t || !e.clientRect || (r.updateProps(e), t.setProps({
           getReferenceClientRect: e.clientRect
-        });
+        }));
       },
       onKeyDown(e) {
-        return e.event.key === "Escape" ? (r[0].hide(), t.destroy(), !0) : t.ref?.onKeyDown(e);
+        return e.event.key === "Escape" && t ? (t.hide(), !0) : r?.ref?.onKeyDown(e) ?? !1;
       },
       onExit() {
-        r[0].destroy(), t.destroy();
+        t?.destroy(), r?.destroy();
       }
     };
   }
 });
 export {
-  m as default
+  u as default
 };