@nextblock-cms/editor 0.16.1 → 0.16.2

package/lib/components/ui/AdvancedColorMenu.d.ts

@@ -5,5 +5,5 @@ interface AdvancedColorMenuProps {
     className?: string;
     initialMode?: Mode;
 }
-export declare function AdvancedColorMenu({ editor, className, initialMode }: AdvancedColorMenuProps): import("react").JSX.Element;
+export declare function AdvancedColorMenu({ editor, className, initialMode }: AdvancedColorMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/ui/AdvancedFontSizeMenu.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { Editor } from '@tiptap/core';
 interface AdvancedFontSizeMenuProps {
     editor: Editor;
     className?: string;
 }
-export declare function AdvancedFontSizeMenu({ editor, className }: AdvancedFontSizeMenuProps): React.JSX.Element;
+export declare function AdvancedFontSizeMenu({ editor, className }: AdvancedFontSizeMenuProps): import("react/jsx-runtime").JSX.Element;
 export default AdvancedFontSizeMenu;

package/lib/components/widgets/AlertWidgetComponent.d.ts

@@ -1,3 +1,3 @@
 import { NodeViewProps } from '@tiptap/react';
-declare const AlertWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react").JSX.Element;
+declare const AlertWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
 export default AlertWidgetComponent;

package/lib/components/widgets/CtaWidgetComponent.d.ts

@@ -1,3 +1,3 @@
 import { NodeViewProps } from '@tiptap/react';
-declare const CtaWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react").JSX.Element;
+declare const CtaWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
 export default CtaWidgetComponent;

package/lib/extensions/ResizableImageView.d.ts

@@ -1,3 +1,2 @@
 import { NodeViewProps } from '@tiptap/react';
-import * as React from 'react';
-export default function ResizableImageView(props: NodeViewProps): React.JSX.Element;
+export default function ResizableImageView(props: NodeViewProps): import("react/jsx-runtime").JSX.Element;

package/lib/extensions/components/AlertWidgetComponent.d.ts

@@ -1,3 +1,3 @@
 import { NodeViewProps } from '@tiptap/react';
-declare const AlertWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react").JSX.Element;
+declare const AlertWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
 export default AlertWidgetComponent;

package/lib/extensions/components/CtaWidgetComponent.d.ts

@@ -1,3 +1,3 @@
 import { NodeViewProps } from '@tiptap/react';
-declare const CtaWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react").JSX.Element;
+declare const CtaWidgetComponent: ({ node, updateAttributes, editor }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
 export default CtaWidgetComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/editor",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "main": "index.js",
   "module": "index.mjs",
   "types": "index.d.ts",

package/styles/advanced-features.css

@@ -7,17 +7,17 @@
   position: relative;
 }
 
-.is-empty::before {
-  color: var(--muted-foreground);
-  content: attr(data-placeholder);
-  position: absolute;
-  left: 0;
-  float: none;
-  height: auto;
-  pointer-events: none;
-  font-style: italic;
-  opacity: 0.6;
-}
+.is-empty::before {
+  color: var(--muted-foreground);
+  content: attr(data-placeholder);
+  position: absolute;
+  left: 0;
+  float: none;
+  height: auto;
+  pointer-events: none;
+  font-style: italic;
+  opacity: 0.6;
+}
 
 /* Specific placeholder styles for different node types */
 .is-empty-paragraph::before {
@@ -452,26 +452,26 @@
   .mobile-toolbar {
     border-width: 2px;
   }
-}
-
-/* Suppress placeholder rendering within table cells */
-.ProseMirror td .is-empty::before,
-.ProseMirror th .is-empty::before,
-.ProseMirror td.is-empty::before,
-.ProseMirror th.is-empty::before {
-  content: none;
-  display: none;
-}
-
-.ProseMirror table .is-empty::before {
-  content: none !important;
-  display: none !important;
-  float: none !important;
-  height: auto !important;
-}
-
-
-.ProseMirror table .is-empty {
-  position: static !important;
-}
+}
+
+/* Suppress placeholder rendering within table cells */
+.ProseMirror td .is-empty::before,
+.ProseMirror th .is-empty::before,
+.ProseMirror td.is-empty::before,
+.ProseMirror th.is-empty::before {
+  content: none;
+  display: none;
+}
+
+.ProseMirror table .is-empty::before {
+  content: none !important;
+  display: none !important;
+  float: none !important;
+  height: auto !important;
+}
+
+
+.ProseMirror table .is-empty {
+  position: static !important;
+}
 

package/styles/drag-handle.css

@@ -1,162 +1,162 @@
-/* libs/editor/src/styles/drag-handle.css */
-
-.tiptap-drag-handle {
-  position: absolute;
-  z-index: 50;
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transform: translateX(0);
-  transition: opacity 120ms var(--ease-out, ease), transform 120ms var(--ease-out, ease);
-}
-
-.tiptap-drag-handle__group {
-  pointer-events: auto;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.125rem;
-  padding: 0.125rem 0.1rem;
-  border-radius: 0.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 120ms var(--ease-out, ease),
-    color 120ms 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: 0.5rem;
-  border: none;
-  background-color: transparent;
-  color: inherit;
-  transition:
-    background-color 120ms var(--ease-out, ease),
-    border-color 120ms var(--ease-out, ease),
-    transform 120ms var(--ease-out, ease),
-    color 120ms 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;
-}
-
-.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: 0.1rem;
-}
-
-.tiptap-drag-handle__grip:active {
-  cursor: grabbing;
-}
-
-body.dragging {
-  cursor: grabbing !important;
-  user-select: none;
-}
-
-body.dragging .tiptap-drag-handle__group {
-  box-shadow: 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-handle__icon {
-  width: 0.85rem;
-  height: 0.85rem;
-}
-
-.tiptap-drag-handle__icon--filled {
-  width: 0.95rem;
-  height: 0.95rem;
-}
-
-.tiptap-drag-hover-target {
-  position: relative;
-}
-
-.tiptap-drag-hover-target::before {
-  content: '';
-  position: absolute;
-  left: -0.75rem;
-  right: -0.75rem;
-  top: -0.5rem;
-  bottom: -0.5rem;
-  border-radius: 0.75rem;
-  border: 1px dashed transparent;
-  transition: border-color 120ms var(--ease-out, ease);
-}
-
-.tiptap-drag-hover-target.is-drag-over::before {
-  border-color: hsl(var(--primary));
-}
-
-@media (max-width: 768px) {
-  .tiptap-drag-handle {
-    transform: translateX(calc(-100% - 0.5rem));
-  }
-
-  .tiptap-drag-handle__group {
-    gap: 0.1rem;
-    padding: 0.15rem 0.2rem;
-  }
-}
+/* libs/editor/src/styles/drag-handle.css */
+
+.tiptap-drag-handle {
+  position: absolute;
+  z-index: 50;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translateX(0);
+  transition: opacity 120ms var(--ease-out, ease), transform 120ms var(--ease-out, ease);
+}
+
+.tiptap-drag-handle__group {
+  pointer-events: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  padding: 0.125rem 0.1rem;
+  border-radius: 0.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 120ms var(--ease-out, ease),
+    color 120ms 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: 0.5rem;
+  border: none;
+  background-color: transparent;
+  color: inherit;
+  transition:
+    background-color 120ms var(--ease-out, ease),
+    border-color 120ms var(--ease-out, ease),
+    transform 120ms var(--ease-out, ease),
+    color 120ms 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;
+}
+
+.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: 0.1rem;
+}
+
+.tiptap-drag-handle__grip:active {
+  cursor: grabbing;
+}
+
+body.dragging {
+  cursor: grabbing !important;
+  user-select: none;
+}
+
+body.dragging .tiptap-drag-handle__group {
+  box-shadow: 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-handle__icon {
+  width: 0.85rem;
+  height: 0.85rem;
+}
+
+.tiptap-drag-handle__icon--filled {
+  width: 0.95rem;
+  height: 0.95rem;
+}
+
+.tiptap-drag-hover-target {
+  position: relative;
+}
+
+.tiptap-drag-hover-target::before {
+  content: '';
+  position: absolute;
+  left: -0.75rem;
+  right: -0.75rem;
+  top: -0.5rem;
+  bottom: -0.5rem;
+  border-radius: 0.75rem;
+  border: 1px dashed transparent;
+  transition: border-color 120ms var(--ease-out, ease);
+}
+
+.tiptap-drag-hover-target.is-drag-over::before {
+  border-color: hsl(var(--primary));
+}
+
+@media (max-width: 768px) {
+  .tiptap-drag-handle {
+    transform: translateX(calc(-100% - 0.5rem));
+  }
+
+  .tiptap-drag-handle__group {
+    gap: 0.1rem;
+    padding: 0.15rem 0.2rem;
+  }
+}