@nextblock-cms/editor 0.1.0 → 0.2.2

package/{index.mjs → index.es.js}

@@ -1,16 +1,9 @@
-'use client';
 import * as re from "react";
 import W, { createRef as h1, memo as f1, createContext as cg, createElement as el, version as Qh, useContext as p1, useRef as Ze, useState as Q, useDebugValue as dg, useEffect as pe, forwardRef as la, useLayoutEffect as aa, useImperativeHandle as m1, useCallback as _e, useMemo as tl } from "react";
 import * as g1 from "react-dom";
 import y1, { flushSync as b1 } from "react-dom";
 import { cn as Ie } from "@nextblock-cms/utils";
-import { Popover as Gs, PopoverTrigger as Js, PopoverContent as Ys } from "@nextblock-cms/ui/popover";
-import { Button as ae } from "@nextblock-cms/ui/button";
-import { Input as ss } from "@nextblock-cms/ui/input";
-import { Separator as Vt } from "@nextblock-cms/ui/separator";
-import { DropdownMenu as ug, DropdownMenuTrigger as hg, DropdownMenuContent as fg, DropdownMenuItem as Pt, DropdownMenuSeparator as ef } from "@nextblock-cms/ui/dropdown-menu";
-import { Card as Fs, CardContent as Us, CardHeader as Yc, CardTitle as Xc } from "@nextblock-cms/ui/card";
-import { Badge as x1 } from "@nextblock-cms/ui/badge";
+import { Button as ae, Input as ss, Popover as Gs, PopoverTrigger as Js, PopoverContent as Ys, Separator as Vt, DropdownMenu as ug, DropdownMenuTrigger as hg, DropdownMenuContent as fg, DropdownMenuItem as Pt, DropdownMenuSeparator as ef, Card as Fs, CardContent as Us, CardHeader as Yc, CardTitle as Xc, Badge as x1 } from "@nextblock-cms/ui";
 function pg(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -38618,7 +38611,7 @@ const Cw = (t) => {
     clearHistory: o,
     getHistoryState: l
   };
-}, Mj = (t, e) => t ? e === "undo" ? t.can().undo() : t.can().redo() : !1, rP = (t, e) => {
+}, Mj = (t, e) => t ? e === "undo" ? t.can().undo() : t.can().redo() : !1, Xj = (t, e) => {
   if (!t || !Mj(t, e)) return !1;
   try {
     return e === "undo" ? t.chain().focus().undo().run() : t.chain().focus().redo().run();
@@ -39951,7 +39944,7 @@ var Bj = (t) => {
     };
   }, [c, r, i, s, a, o, l]), /* @__PURE__ */ m.jsx("div", { className: e, style: { visibility: "hidden", position: "absolute" }, ref: d, children: n });
 }, Hj = Bj;
-const sP = ({
+const Zj = ({
   editor: t,
   className: e,
   onDragStart: n,
@@ -40046,7 +40039,7 @@ const sP = ({
       /* @__PURE__ */ m.jsx("path", { d: "M15 17C13.8954 17 13 17.8954 13 19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19C17 17.8954 16.1046 17 15 17Z" })
     ]
   }
-), iP = ({ html: t, className: e }) => {
+), Qj = ({ html: t, className: e }) => {
   const n = Ze(null);
   return pe(() => {
     const r = n.current;
@@ -40074,7 +40067,7 @@ const sP = ({
       });
     };
   }, [t]), /* @__PURE__ */ m.jsx("div", { ref: n, className: e });
-}, oP = ue.create({
+}, eP = ue.create({
   name: "enhancedFocus",
   addOptions() {
     return {
@@ -40172,7 +40165,7 @@ const sP = ({
   onBlur() {
     this.editor.view.dom.classList.remove("editor-focused"), this.storage.isFocused = !1;
   }
-}), lP = ue.create({
+}), tP = ue.create({
   name: "keyboardShortcuts",
   addOptions() {
     return {
@@ -40309,7 +40302,7 @@ ${s}`) : !1;
       ] }
     ]);
   }
-}), aP = () => {
+}), nP = () => {
   const [t, e] = Q("<p>Start testing...</p>"), [n, r] = Q([]), [s, i] = Q(!1), [o, l] = Q(""), a = (x) => ({
     name: x,
     tests: [],
@@ -40693,7 +40686,7 @@ ${s}`) : !1;
       ] })
     ] })
   ] });
-}, cP = () => {
+}, rP = () => {
   const [t, e] = Q(`
     <h1>Undo/Redo Test Document</h1>
     <p>This document tests the enhanced undo/redo functionality with various content types.</p>
@@ -40835,7 +40828,7 @@ ${s}`) : !1;
       ] })
     ] })
   ] }) });
-}, dP = () => {
+}, sP = () => {
   const [t, e] = Q(`
     <h1>Enhanced NotionEditor Test</h1>
     <p>This is a test of the enhanced NotionEditor with undo/redo buttons and improved drag handles.</p>
@@ -40921,20 +40914,20 @@ export {
   _L as AdvancedPlaceholder,
   OL as AlertWidget,
   LL as CtaWidgetNode,
-  sP as DragHandle,
+  Zj as DragHandle,
   m2 as DraggableNodes,
   Aw as Editor,
   kw as EditorBubbleMenu,
   vw as EditorFloatingMenu,
   Mw as EditorToolbar,
   kj as EnhancedFloatingMenu,
-  oP as EnhancedFocus,
-  aP as FeatureValidationTest,
-  iP as HtmlContent,
-  lP as KeyboardShortcuts,
+  eP as EnhancedFocus,
+  nP as FeatureValidationTest,
+  Qj as HtmlContent,
+  tP as KeyboardShortcuts,
   Rj as MobileToolbar,
   Lj as NotionEditor,
-  dP as NotionEditorEnhancedTest,
+  sP as NotionEditorEnhancedTest,
   h2 as SlashCommand,
   aw as SlashCommandList,
   Ij as Toolbar,
@@ -40943,11 +40936,11 @@ export {
   $j as ToolbarSeparator,
   ML as TrailingNode,
   Ew as UndoRedoButtons,
-  cP as UndoRedoTest,
+  rP as UndoRedoTest,
   Mj as canExecuteHistoryAction,
   Aw as default,
   cw as editorExtensions,
-  rP as executeHistoryAction,
+  Xj as executeHistoryAction,
   lg as getHistoryShortcut,
   Cw as useEditorHistory
 };

package/package.json

@@ -1,7 +1,22 @@
 {
   "name": "@nextblock-cms/editor",
-  "version": "0.1.0",
-  "main": "index.cjs.js",
-  "module": "index.es.js",
-  "types": "index.d.ts"
+  "version": "0.2.2",
+  "main": "index.js",
+  "module": "index.mjs",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "require": "./index.js",
+      "default": "./index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "index.d.ts",
+    "*.js",
+    "*.mjs",
+    "lib",
+    "styles"
+  ]
 }

package/index.css

@@ -1 +0,0 @@
-._pickerRoot_1wq30_1{min-width:150px;flex:0 0 150px;width:150px;max-width:150px}._picker_1wq30_1{width:100%;max-width:100%}@media(max-width:640px){._pickerRoot_1wq30_1{flex:1 1 auto;width:100%;max-width:100%}}._pickerRoot_1wq30_1 .react-colorful{width:100%;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}._pickerRoot_1wq30_1 .react-colorful__saturation{position:relative;width:100%;padding-bottom:100%;border-radius:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a1a,0 4px 14px #0f172a26;cursor:crosshair}._pickerRoot_1wq30_1 .dark .react-colorful__saturation{box-shadow:inset 0 0 0 1px #e2e8f014,0 6px 22px #0f172a52}._pickerRoot_1wq30_1 .react-colorful__hue,._pickerRoot_1wq30_1 .react-colorful__alpha{height:.75rem;margin-top:.75rem;border-radius:9999px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14,0 3px 10px #0f172a1f}._pickerRoot_1wq30_1 .dark .react-colorful__hue,._pickerRoot_1wq30_1 .dark .react-colorful__alpha{box-shadow:inset 0 0 0 1px #e2e8f014,0 5px 16px #0f172a4d}._pickerRoot_1wq30_1 .react-colorful__interactive{outline:none;cursor:crosshair}._pickerRoot_1wq30_1 .react-colorful__pointer{width:16px;height:16px;box-shadow:0 0 0 2px #fff,0 4px 12px #0f172a33;border-radius:9999px;transform:translate(-50%,-50%)}._pickerRoot_1wq30_1 .dark .react-colorful__pointer{box-shadow:0 0 0 2px #0f172ad9,0 4px 12px #0f172a80}._pickerRoot_1wq30_1 .react-colorful__pointer-fill{width:100%;height:100%;border-radius:inherit}._pickerRoot_1wq30_1 .react-colorful__alpha .react-colorful__pointer,._pickerRoot_1wq30_1 .react-colorful__hue .react-colorful__pointer{width:14px;height:14px;box-shadow:0 0 0 1px #0f172a26,0 3px 8px #0f172a2e}._pickerRoot_1wq30_1 .dark .react-colorful__alpha .react-colorful__pointer,._pickerRoot_1wq30_1 .dark .react-colorful__hue .react-colorful__pointer{box-shadow:0 0 0 1px #94a3b866,0 4px 12px #0f172a73}._pickerRoot_1wq30_1 .react-colorful__hue .react-colorful__pointer,._pickerRoot_1wq30_1 .react-colorful__alpha .react-colorful__pointer{margin-top:0}._pickerRoot_1wq30_1 .react-colorful__last-interactive{margin-bottom:0}.tiptap-drag-handle{position:absolute;z-index:50;pointer-events:none;display:flex;align-items:center;justify-content:center;transform:translate(0);transition:opacity .12s var(--ease-out, ease),transform .12s var(--ease-out, ease)}.tiptap-drag-handle__group{pointer-events:auto;display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .1rem;border-radius:.5rem;border:none;background-color:transparent;box-shadow:none;color:color-mix(in srgb,hsl(var(--muted-foreground)) 80%,hsl(var(--foreground)) 20%);transition:background-color .12s var(--ease-out, ease),color .12s var(--ease-out, ease);min-height:1.65rem;line-height:1}.tiptap-drag-handle__group:hover,.tiptap-drag-handle__group:focus-within{background-color:transparent;color:color-mix(in srgb,hsl(var(--foreground)) 90%,hsl(var(--muted-foreground)) 10%)}.dark .tiptap-drag-handle__group{background-color:transparent;border:none;box-shadow:none;color:color-mix(in srgb,hsl(var(--muted-foreground)) 85%,white 15%)}.dark .tiptap-drag-handle__group:hover,.dark .tiptap-drag-handle__group:focus-within{background-color:transparent;color:color-mix(in srgb,hsl(var(--muted-foreground)) 75%,white 25%)}.tiptap-drag-handle__group[data-menu-open=true],.tiptap-drag-handle__group[data-menu-open=true]:hover,.tiptap-drag-handle__group[data-menu-open=true]:focus-within{border:none;background-color:transparent;color:hsl(var(--primary))}.tiptap-drag-handle__button{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:.5rem;border:none;background-color:transparent;color:inherit;transition:background-color .12s var(--ease-out, ease),border-color .12s var(--ease-out, ease),transform .12s var(--ease-out, ease),color .12s var(--ease-out, ease)}.tiptap-drag-handle__button--ghost:hover,.tiptap-drag-handle__button--ghost:focus-visible{background-color:color-mix(in srgb,hsl(var(--muted)) 55%,transparent 45%);border-color:transparent;color:hsl(var(--foreground));transform:translateY(-1px)}.dark .tiptap-drag-handle__button--ghost:hover,.dark .tiptap-drag-handle__button--ghost:focus-visible{background-color:color-mix(in srgb,hsl(var(--muted)) 68%,transparent 32%);border-color:transparent}body.dragging{cursor:grabbing!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.dragging .tiptap-drag-handle__button{background-color:color-mix(in srgb,hsl(var(--primary)) 18%,transparent 82%);border-color:transparent;color:hsl(var(--primary-foreground))}.tiptap-drag-hover-target:before{content:"";position:absolute;inset:-.5rem -.75rem;border-radius:.75rem;border:1px dashed transparent;transition:border-color .12s var(--ease-out, ease)}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1)}.is-editor-empty,.is-empty{position:relative}.ProseMirror .is-editor-empty:before,.ProseMirror .is-empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;opacity:.7;font-style:italic}.ProseMirror .is-empty:before{float:left;height:0}.ProseMirror .is-empty-heading-1:before{font-size:2.25rem;font-weight:600}.ProseMirror .is-empty-heading-2:before{font-size:1.875rem;font-weight:600}.ProseMirror .is-empty-heading-3:before{font-size:1.5rem;font-weight:600}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{margin-top:0}.ProseMirror .is-empty-blockquote:before{opacity:.6;font-style:italic}.ProseMirror .is-empty-code-block:before{font-family:var(--font-mono,ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);opacity:.5;font-size:.9rem}.ProseMirror td .is-empty:before,.ProseMirror th .is-empty:before,.ProseMirror td.is-empty:before,.ProseMirror th.is-empty:before{content:none;float:none;height:auto;display:none}.ProseMirror td.is-empty,.ProseMirror th.is-empty{position:static}.ProseMirror table .is-empty:before{content:none!important;float:none!important;height:auto!important;display:none!important}.ProseMirror table .is-empty{position:static!important}::-moz-selection{color:inherit;background:#0000000d}::selection{color:inherit;background:#0000000d}.tiptap-drag-handle{z-index:50;pointer-events:none;transition:opacity .12s var(--ease-out,ease),transform .12s var(--ease-out,ease);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(0)}.tiptap-drag-handle__group{pointer-events:auto;box-shadow:none;color:hsl(var(--muted-foreground));background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.125rem;padding:.125rem .1rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tiptap-drag-handle__group{color:color-mix(in srgb,hsl(var(--muted-foreground))80%,hsl(var(--foreground))20%)}}.tiptap-drag-handle__group{transition:background-color .12s var(--ease-out,ease),color .12s var(--ease-out,ease);min-height:1.65rem;line-height:1}.tiptap-drag-handle__group:hover,.tiptap-drag-handle__group:focus-within{color:hsl(var(--foreground));background-color:#0000}@supports (color:color-mix(in lab,red,red)){.tiptap-drag-handle__group:hover,.tiptap-drag-handle__group:focus-within{color:color-mix(in srgb,hsl(var(--foreground))90%,hsl(var(--muted-foreground))10%)}}.dark .tiptap-drag-handle__group{box-shadow:none;color:hsl(var(--muted-foreground));background-color:#0000;border:none}@supports (color:color-mix(in lab,red,red)){.dark .tiptap-drag-handle__group{color:color-mix(in srgb,hsl(var(--muted-foreground))85%,white 15%)}}.tiptap-drag-handle__group[data-menu-open=true]{color:hsl(var(--primary));background-color:#0000;border:none}.tiptap-drag-handle__button{width:1.3rem;height:1.3rem;color:inherit;transition:background-color .12s var(--ease-out,ease),border-color .12s var(--ease-out,ease),transform .12s var(--ease-out,ease),color .12s var(--ease-out,ease);background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.tiptap-drag-handle__button--ghost:hover,.tiptap-drag-handle__button--ghost:focus-visible{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.tiptap-drag-handle__button--ghost:hover,.tiptap-drag-handle__button--ghost:focus-visible{background-color:color-mix(in srgb,hsl(var(--muted))55%,transparent 45%)}}.tiptap-drag-handle__button--ghost:hover,.tiptap-drag-handle__button--ghost:focus-visible{color:hsl(var(--foreground));border-color:#0000;transform:translateY(-1px)}.dark .tiptap-drag-handle__button--ghost:hover,.dark .tiptap-drag-handle__button--ghost:focus-visible{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.dark .tiptap-drag-handle__button--ghost:hover,.dark .tiptap-drag-handle__button--ghost:focus-visible{background-color:color-mix(in srgb,hsl(var(--muted))68%,transparent 32%)}}.dark .tiptap-drag-handle__button--ghost:hover,.dark .tiptap-drag-handle__button--ghost:focus-visible{border-color:#0000}.tiptap-drag-handle__button:active{transform:translateY(0)}.tiptap-drag-handle__plus{cursor:pointer}.tiptap-drag-handle__grip{cursor:grab;border-left:none;padding-left:.1rem}.tiptap-drag-handle__grip:active{cursor:grabbing}body.dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing!important}body.dragging .tiptap-drag-handle__group{box-shadow:none}body.dragging .tiptap-drag-handle__button{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){body.dragging .tiptap-drag-handle__button{background-color:color-mix(in srgb,hsl(var(--primary))18%,transparent 82%)}}body.dragging .tiptap-drag-handle__button{color:hsl(var(--primary-foreground));border-color:#0000}.tiptap-drag-handle__icon{width:.85rem;height:.85rem}.tiptap-drag-handle__icon--filled{width:.95rem;height:.95rem}.tiptap-drag-hover-target{position:relative}.tiptap-drag-hover-target:before{content:"";transition:border-color .12s var(--ease-out,ease);border:1px dashed #0000;border-radius:.75rem;position:absolute;inset:-.5rem -.75rem}.tiptap-drag-hover-target.is-drag-over:before{border-color:hsl(var(--primary))}@media(max-width:768px){.tiptap-drag-handle{transform:translate(calc(-100% - .5rem))}.tiptap-drag-handle__group{gap:.1rem;padding:.15rem .2rem}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}