@dooherceg/tiptap-controlled-editor-with-table 0.0.10 → 0.0.12

package/dist/components/tiptap-ui/list-dropdown-menu/list-dropdown-menu.js

@@ -3,12 +3,16 @@ import { useState as L, useCallback as C } from "react";
 import "@tiptap/react";
 import { useTiptapEditor as g } from "../../../hooks/use-tiptap-editor.js";
 import { ChevronDownIcon as D } from "../../tiptap-icons/chevron-down-icon.js";
-import { useListDropdownMenu as y } from "./use-list-dropdown-menu.js";
-import { ListButton as M } from "../list-button/list-button.js";
-import { DropdownMenu as x, DropdownMenuTrigger as I, DropdownMenuContent as B, DropdownMenuItem as O } from "../../tiptap-ui-primitive/dropdown-menu/dropdown-menu.js";
-import { Button as T, ButtonGroup as v } from "../../tiptap-ui-primitive/button/button.js";
+import { ListButton as y } from "../list-button/list-button.js";
+import "prosemirror-state";
+import "../../tiptap-icons/list-icon.js";
+import "../../tiptap-icons/list-ordered-icon.js";
+import "../../tiptap-icons/list-todo-icon.js";
+import { useListDropdownMenu as M } from "./use-list-dropdown-menu.js";
+import { Button as x, ButtonGroup as I } from "../../tiptap-ui-primitive/button/button.js";
+import { DropdownMenu as B, DropdownMenuTrigger as O, DropdownMenuContent as T, DropdownMenuItem as v } from "../../tiptap-ui-primitive/dropdown-menu/dropdown-menu.js";
 import { Card as j, CardBody as k } from "../../tiptap-ui-primitive/card/card.js";
-function J({
+function R({
   editor: s,
   types: a = ["bulletList", "orderedList", "taskList"],
   hideWhenUnavailable: l = !1,
@@ -16,19 +20,19 @@ function J({
   portal: d = !1,
   ...p
 }) {
-  const { editor: o } = g(s), [u, m] = L(!1), { filteredLists: c, canToggle: i, isActive: f, isVisible: h, Icon: b } = y({
-    editor: o,
+  const { editor: e } = g(s), [m, u] = L(!1), { filteredLists: c, canToggle: i, isActive: f, isVisible: h, Icon: b } = M({
+    editor: e,
     types: a,
     hideWhenUnavailable: l
   }), w = C(
-    (e) => {
-      m(e), r?.(e);
+    (o) => {
+      u(o), r?.(o);
     },
     [r]
   );
-  return !h || !o || !o.isEditable ? null : /* @__PURE__ */ n(x, { open: u, onOpenChange: w, children: [
-    /* @__PURE__ */ t(I, { asChild: !0, children: /* @__PURE__ */ n(
-      T,
+  return !h || !e || !e.isEditable ? null : /* @__PURE__ */ n(B, { open: m, onOpenChange: w, children: [
+    /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ n(
+      x,
       {
         type: "button",
         "data-style": "ghost",
@@ -46,18 +50,18 @@ function J({
         ]
       }
     ) }),
-    /* @__PURE__ */ t(B, { align: "start", portal: d, children: /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(v, { children: c.map((e) => /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ t(
-      M,
+    /* @__PURE__ */ t(T, { align: "start", portal: d, children: /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(I, { children: c.map((o) => /* @__PURE__ */ t(v, { asChild: !0, children: /* @__PURE__ */ t(
+      y,
       {
-        editor: o,
-        type: e.type,
-        text: e.label,
+        editor: e,
+        type: o.type,
+        text: o.label,
         showTooltip: !1
       }
-    ) }, e.type)) }) }) }) })
+    ) }, o.type)) }) }) }) })
   ] });
 }
 export {
-  J as ListDropdownMenu,
-  J as default
+  R as ListDropdownMenu,
+  R as default
 };

package/dist/components/tiptap-ui/list-dropdown-menu/use-list-dropdown-menu.js

@@ -4,6 +4,7 @@ import { ListIcon as u } from "../../tiptap-icons/list-icon.js";
 import { ListOrderedIcon as A } from "../../tiptap-icons/list-ordered-icon.js";
 import { ListTodoIcon as h } from "../../tiptap-icons/list-todo-icon.js";
 import { isNodeInSchema as T } from "../../../lib/tiptap-utils.js";
+import "../list-button/list-button.js";
 import { canToggleList as I, isListActive as d, listIcons as E } from "../list-button/use-list.js";
 const S = [
   {
@@ -41,7 +42,7 @@ function D(t, i) {
   if (!(!t || !t.isEditable))
     return i.find((e) => d(t, e));
 }
-function j(t) {
+function q(t) {
   const {
     editor: i,
     types: e = ["bulletList", "orderedList", "taskList"],
@@ -80,5 +81,5 @@ export {
   O as isAnyListActive,
   S as listOptions,
   w as shouldShowListDropdown,
-  j as useListDropdownMenu
+  q as useListDropdownMenu
 };

package/dist/components/tiptap-ui/table-actions-toolbar/table-actions-toolbar.js

@@ -1,30 +1,30 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useTiptapEditor as i } from "../../../hooks/use-tiptap-editor.js";
-import { useState as m, useEffect as s } from "react";
-import { createPortal as u } from "react-dom";
-import c from "./add-column-after-button.js";
-import f from "./add-column-before-button.js";
-import p from "./add-row-after-button.js";
-import h from "./add-row-before-button.js";
-import C from "./delete-column-button.js";
-import A from "./delete-row-button.js";
-import { getTableNodeAndPos as b } from "./get-table-node-and-pos.js";
-import B from "./merge-cells-button.js";
-import R from "./remove-table-button.js";
-import T from "./split-table-cells-button.js";
-import { ButtonGroup as w } from "../../tiptap-ui-primitive/button/button.js";
+import { ButtonGroup as i } from "../../tiptap-ui-primitive/button/button.js";
+import { useTiptapEditor as m } from "../../../hooks/use-tiptap-editor.js";
+import { useState as s, useEffect as u } from "react";
+import { createPortal as c } from "react-dom";
+import f from "./add-column-after-button.js";
+import p from "./add-column-before-button.js";
+import h from "./add-row-after-button.js";
+import C from "./add-row-before-button.js";
+import A from "./delete-column-button.js";
+import b from "./delete-row-button.js";
+import { getTableNodeAndPos as B } from "./get-table-node-and-pos.js";
+import R from "./merge-cells-button.js";
+import T from "./remove-table-button.js";
+import w from "./split-table-cells-button.js";
 const Q = () => {
-  const [l, n] = m(null), { editor: e } = i();
-  return s(() => {
+  const [l, n] = s(null), { editor: e } = m();
+  return u(() => {
     if (!e) return;
     const t = () => {
-      const d = e.isActive("table"), r = b(e);
+      const d = e.isActive("table"), r = B(e);
       n(d && r ? r.domElement : null);
     };
     return e.on("selectionUpdate", t), () => {
       e.off("selectionUpdate", t);
     };
-  }, [e]), l && u(
+  }, [e]), l && c(
     /* @__PURE__ */ o(
       "div",
       {
@@ -36,32 +36,32 @@ const Q = () => {
           left: 0,
           transform: "translateY(-100%)"
         },
-        children: /* @__PURE__ */ a(w, { orientation: "horizontal", children: [
-          /* @__PURE__ */ o(f, { onClick: () => {
+        children: /* @__PURE__ */ a(i, { orientation: "horizontal", children: [
+          /* @__PURE__ */ o(p, { onClick: () => {
             e?.chain().focus().addColumnBefore().run();
           } }),
-          /* @__PURE__ */ o(c, { onClick: () => {
+          /* @__PURE__ */ o(f, { onClick: () => {
             e?.chain().focus().addColumnAfter().run();
           } }),
-          /* @__PURE__ */ o(p, { onClick: () => {
+          /* @__PURE__ */ o(h, { onClick: () => {
             e?.chain().addRowAfter().run();
           } }),
-          /* @__PURE__ */ o(h, { onClick: () => {
+          /* @__PURE__ */ o(C, { onClick: () => {
             e?.chain().addRowBefore().run();
           } }),
-          /* @__PURE__ */ o(A, { onClick: () => {
+          /* @__PURE__ */ o(b, { onClick: () => {
             e?.chain().deleteRow().run();
           } }),
-          /* @__PURE__ */ o(C, { onClick: () => {
+          /* @__PURE__ */ o(A, { onClick: () => {
             e?.chain().deleteColumn().run();
           } }),
-          /* @__PURE__ */ o(B, { onClick: () => {
+          /* @__PURE__ */ o(R, { onClick: () => {
             e?.chain().mergeCells().run();
           } }),
-          /* @__PURE__ */ o(T, { onClick: () => {
+          /* @__PURE__ */ o(w, { onClick: () => {
             e?.chain().splitCell().run();
           } }),
-          /* @__PURE__ */ o(R, { onClick: () => {
+          /* @__PURE__ */ o(T, { onClick: () => {
             e?.chain().deleteTable().run();
           } })
         ] })

package/dist/components/tiptap-ui-primitive/badge/badge.js

@@ -1,33 +1,30 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import '../../../assets/components/tiptap-ui-primitive/badge/badge.css';import '../../../assets/components/tiptap-ui-primitive/badge/badge-group.css';import '../../../assets/components/tiptap-ui-primitive/badge/badge-colors.css';/* empty css                  */
-/* empty css                 */
-/* empty css           */
-const s = m(
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import '../../../assets/badge.css';const l = i(
   ({
     variant: a,
     size: t = "default",
     appearance: e = "default",
-    trimText: r = !1,
-    className: d,
-    children: o,
-    ...p
-  }, f) => /* @__PURE__ */ i(
+    trimText: d = !1,
+    className: r,
+    children: f,
+    ...o
+  }, s) => /* @__PURE__ */ p(
     "div",
     {
-      ref: f,
-      className: `tiptap-badge ${d || ""}`,
+      ref: s,
+      className: `tiptap-badge ${r || ""}`,
       "data-style": a,
       "data-size": t,
       "data-appearance": e,
-      "data-text-trim": r ? "on" : "off",
-      ...p,
-      children: o
+      "data-text-trim": d ? "on" : "off",
+      ...o,
+      children: f
     }
   )
 );
-s.displayName = "Badge";
+l.displayName = "Badge";
 export {
-  s as Badge,
-  s as default
+  l as Badge,
+  l as default
 };

package/dist/components/tiptap-ui-primitive/button/button.js

@@ -1,13 +1,10 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as s, useMemo as d, Fragment as b } from "react";
-import { parseShortcutKeys as f, cn as l } from "../../../lib/tiptap-utils.js";
-import '../../../assets/components/tiptap-ui-primitive/button/button.css';import '../../../assets/components/tiptap-ui-primitive/button/button-group.css';import '../../../assets/components/tiptap-ui-primitive/button/button-colors.css';/* empty css                   */
-/* empty css                  */
-/* empty css            */
-import { Tooltip as h, TooltipTrigger as g, TooltipContent as y } from "../tooltip/tooltip.js";
-const B = ({
+import { Tooltip as f, TooltipTrigger as h, TooltipContent as g } from "../tooltip/tooltip.js";
+import { parseShortcutKeys as y, cn as l } from "../../../lib/tiptap-utils.js";
+import '../../../assets/button.css';const B = ({
   shortcuts: t
-}) => t.length === 0 ? null : /* @__PURE__ */ o("div", { children: t.map((a, r) => /* @__PURE__ */ n(b, { children: [
+}) => t.length === 0 ? null : /* @__PURE__ */ o("div", { children: t.map((a, r) => /* @__PURE__ */ i(b, { children: [
   r > 0 && /* @__PURE__ */ o("kbd", { children: "+" }),
   /* @__PURE__ */ o("kbd", { children: a })
 ] }, r)) }), N = s(
@@ -15,36 +12,36 @@ const B = ({
     className: t,
     children: a,
     tooltip: r,
-    showTooltip: i = !0,
+    showTooltip: n = !0,
     shortcutKeys: e,
-    "aria-label": p,
-    ...u
+    "aria-label": u,
+    ...p
   }, m) => {
     const c = d(
-      () => f({ shortcutKeys: e }),
+      () => y({ shortcutKeys: e }),
       [e]
     );
-    return !r || !i ? /* @__PURE__ */ o(
+    return !r || !n ? /* @__PURE__ */ o(
       "button",
       {
         className: l("tiptap-button", t),
         ref: m,
-        "aria-label": p,
-        ...u,
+        "aria-label": u,
+        ...p,
         children: a
       }
-    ) : /* @__PURE__ */ n(h, { delay: 200, children: [
+    ) : /* @__PURE__ */ i(f, { delay: 200, children: [
       /* @__PURE__ */ o(
-        g,
+        h,
         {
           className: l("tiptap-button", t),
           ref: m,
-          "aria-label": p,
-          ...u,
+          "aria-label": u,
+          ...p,
           children: a
         }
       ),
-      /* @__PURE__ */ n(y, { children: [
+      /* @__PURE__ */ i(g, { children: [
         r,
         /* @__PURE__ */ o(B, { shortcuts: c })
       ] })
@@ -52,14 +49,14 @@ const B = ({
   }
 );
 N.displayName = "Button";
-const T = s(({ className: t, children: a, orientation: r = "vertical", ...i }, e) => /* @__PURE__ */ o(
+const T = s(({ className: t, children: a, orientation: r = "vertical", ...n }, e) => /* @__PURE__ */ o(
   "div",
   {
     ref: e,
     className: l("tiptap-button-group", t),
     "data-orientation": r,
     role: "group",
-    ...i,
+    ...n,
     children: a
   }
 ));

package/dist/components/tiptap-ui-primitive/card/card.js

@@ -1,16 +1,15 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import { cn as o } from "../../../lib/tiptap-utils.js";
-import '../../../assets/components/tiptap-ui-primitive/card/card.css';/* empty css          */
-const i = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d("div", { ref: t, className: o("tiptap-card", a), ...r })
+import '../../../assets/card.css';const i = e(
+  ({ className: a, ...r }, d) => /* @__PURE__ */ t("div", { ref: d, className: o("tiptap-card", a), ...r })
 );
 i.displayName = "Card";
 const s = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+  ({ className: a, ...r }, d) => /* @__PURE__ */ t(
     "div",
     {
-      ref: t,
+      ref: d,
       className: o("tiptap-card-header", a),
       ...r
     }
@@ -18,24 +17,24 @@ const s = e(
 );
 s.displayName = "CardHeader";
 const m = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d("div", { ref: t, className: o("tiptap-card-body", a), ...r })
+  ({ className: a, ...r }, d) => /* @__PURE__ */ t("div", { ref: d, className: o("tiptap-card-body", a), ...r })
 );
 m.displayName = "CardBody";
-const c = e(({ className: a, orientation: r = "vertical", ...t }, p) => /* @__PURE__ */ d(
+const c = e(({ className: a, orientation: r = "vertical", ...d }, p) => /* @__PURE__ */ t(
   "div",
   {
     ref: p,
     "data-orientation": r,
     className: o("tiptap-card-item-group", a),
-    ...t
+    ...d
   }
 ));
 c.displayName = "CardItemGroup";
 const l = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+  ({ className: a, ...r }, d) => /* @__PURE__ */ t(
     "div",
     {
-      ref: t,
+      ref: d,
       className: o("tiptap-card-group-label", a),
       ...r
     }
@@ -43,10 +42,10 @@ const l = e(
 );
 l.displayName = "CardGroupLabel";
 const n = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+  ({ className: a, ...r }, d) => /* @__PURE__ */ t(
     "div",
     {
-      ref: t,
+      ref: d,
       className: o("tiptap-card-footer", a),
       ...r
     }