@prismicio/editor-fields 0.4.67-alpha.5 → 0.4.68

package/dist/index.es.js

@@ -58796,7 +58796,7 @@ function UW(e) {
   return r;
 }
 function DW(e) {
-  const { type: t, editor: n, rowIndex: r, columnIndex: i } = e, o = Bee({
+  const { type: t, editor: n, index: r } = e, i = Bee({
     title: `Select ${t} & show options`,
     className: MX(
       cc.tableHandle,
@@ -58804,20 +58804,18 @@ function DW(e) {
     ),
     [Vee]: t,
     "aria-expanded": !1,
-    onMouseDown: (s) => {
-      s.preventDefault(), s.stopImmediatePropagation();
-      const c = t === "row" ? r : i;
-      n.view.dispatch($2(t, { index: c, tr: n.state.tr }));
+    onMouseDown: (a) => {
+      a.preventDefault(), a.stopImmediatePropagation(), n.view.dispatch($2(t, { index: r, tr: n.state.tr }));
     },
-    onClick: (s, c) => {
-      s.preventDefault(), s.stopImmediatePropagation(), co.dispatch("handleClick", {
+    onClick: (a, s) => {
+      a.preventDefault(), a.stopImmediatePropagation(), co.dispatch("handleClick", {
         type: t,
         editor: n,
-        referenceElement: c
+        referenceElement: s
       });
     }
-  }), a = Nee(Wte);
-  return a && o.appendChild(a), o;
+  }), o = Nee(Wte);
+  return o && i.appendChild(o), i;
 }
 class Oze {
   constructor(t) {
@@ -58893,17 +58891,16 @@ function Fze(e) {
     throw new Error("Element is not a table");
 }
 function xze(e) {
-  const { editor: t, name: n } = e;
   return new wn({
     key: new nr("tableCellHandles"),
-    view: (r) => new Oze(r),
+    view: (t) => new Oze(t),
     state: {
-      init: (r, i) => WW({ editor: t, name: n, state: i }),
-      apply: (r, i, o, a) => r.docChanged ? WW({ editor: t, name: n, state: a }) : i.map(r.mapping, r.doc)
+      init: (t, n) => WW({ editor: e, state: n }),
+      apply: (t, n, r, i) => t.docChanged ? WW({ editor: e, state: i }) : n.map(t.mapping, t.doc)
     },
     props: {
-      decorations(r) {
-        return this.getState(r);
+      decorations(t) {
+        return this.getState(t);
       }
     }
   });
@@ -58912,23 +58909,13 @@ function WW(e) {
   const { editor: t, state: n } = e, r = [], i = $ze(0)(n.selection);
   i && i.forEach(({ pos: a }, s) => {
     r.push(
-      lr.widget(a + 1, () => DW({
-        type: "row",
-        editor: t,
-        columnIndex: 0,
-        rowIndex: s
-      }))
+      lr.widget(a + 1, () => DW({ type: "row", editor: t, index: s }))
     );
   });
   const o = kze(0)(n.selection);
   return o && o.forEach(({ pos: a }, s) => {
     r.push(
-      lr.widget(a + 1, () => DW({
-        type: "column",
-        editor: t,
-        columnIndex: s,
-        rowIndex: 0
-      }))
+      lr.widget(a + 1, () => DW({ type: "column", editor: t, index: s }))
     );
   }), Bt.create(n.doc, r);
 }
@@ -59287,8 +59274,8 @@ const A0 = bze.extend({
     return [
       ...this.options.resizable && this.editor.isEditable ? [Uee(this.options)] : [],
       Pee(this.options),
-      Bze(),
-      xze({ editor: this.editor, name: this.name })
+      xze(this.editor),
+      Bze()
     ];
   }
 });

package/dist/slices/utils.d.ts

@@ -291,7 +291,7 @@ export declare function maybeResetSliceWidget(args: MaybeResetSliceWidgetArgs):
         label?: string | null | undefined;
         direction?: string | null | undefined;
     }) | ({
-        type: "image" | "em" | "embed" | "strong" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
+        type: "image" | "embed" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "strong" | "em" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
         content: {
             text: string;
         } & {
@@ -344,7 +344,7 @@ export declare function maybeResetSliceWidget(args: MaybeResetSliceWidgetArgs):
             } | {
                 start: number;
                 end: number;
-                type: "em" | "strong" | "list-item";
+                type: "strong" | "em" | "list-item";
             })[] | undefined;
         };
     } & {
@@ -456,7 +456,7 @@ export declare function maybeResetSliceWidget(args: MaybeResetSliceWidgetArgs):
                     label?: string | null | undefined;
                     direction?: string | null | undefined;
                 }) | ({
-                    type: "image" | "em" | "embed" | "strong" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
+                    type: "image" | "embed" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "strong" | "em" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
                     content: {
                         text: string;
                     } & {
@@ -509,7 +509,7 @@ export declare function maybeResetSliceWidget(args: MaybeResetSliceWidgetArgs):
                         } | {
                             start: number;
                             end: number;
-                            type: "em" | "strong" | "list-item";
+                            type: "strong" | "em" | "list-item";
                         })[] | undefined;
                     };
                 } & {

package/package.json

@@ -2,7 +2,7 @@
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.3",
     "@prismicio/client": "7.15.1",
-    "@prismicio/editor-support": "0.4.67-alpha.5",
+    "@prismicio/editor-support": "0.4.68",
     "@prismicio/richtext": "2.1.1",
     "@prismicio/types-internal": "3.8.0",
     "@tiptap/core": "2.11.5",
@@ -38,7 +38,7 @@
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@prismicio/editor-ui": "^0.4.67-alpha.5",
+    "@prismicio/editor-ui": "^0.4.68",
     "@testing-library/react": "15.0.7",
     "@types/react": "18.0.18",
     "@types/react-dom": "18.3.0",
@@ -72,7 +72,7 @@
   "module": "./dist/index.es.js",
   "name": "@prismicio/editor-fields",
   "peerDependencies": {
-    "@prismicio/editor-ui": "^0.4.67-alpha.5",
+    "@prismicio/editor-ui": "^0.4.68",
     "@tanstack/react-query": "5.55.4",
     "react": "18",
     "react-dom": "18"
@@ -90,5 +90,5 @@
   "sideEffects": false,
   "stableVersion": "0.0.0",
   "types": "./dist/index.d.ts",
-  "version": "0.4.67-alpha.5"
+  "version": "0.4.68"
 }

package/dist/fields/RichTextField/extensions/Table/TableCell/plugins/TableHandles/TableHandlesPlugin.d.ts

@@ -1,8 +0,0 @@
-import type { Editor } from "@tiptap/core";
-import { Plugin } from "@tiptap/pm/state";
-import { DecorationSet } from "@tiptap/pm/view";
-/** Plugin responsible for showing and hiding the row and column handles. */
-export declare function tableCellHandlesPlugin(this: {
-    editor: Editor;
-    name: string;
-}): Plugin<DecorationSet>;

package/dist/fields/RichTextField/extensions/Table/TableCell/plugins/TableHandles/events.d.ts

@@ -1,19 +0,0 @@
-import type { Editor } from "@tiptap/core";
-export type TableHandleEventDetail = {
-    type: "row" | "column";
-    referenceElement: HTMLElement;
-};
-export type TableHandleEventType = {
-    name: "handleClick";
-    detail: TableHandleEventDetail;
-};
-export declare class TableHandleEvent extends CustomEvent<TableHandleEventType["detail"]> {
-    constructor({ name, detail }: TableHandleEventType);
-    static dispatch<TEvent extends TableHandleEventType>(name: TEvent["name"], args: {
-        editor: Editor;
-    } & TEvent["detail"]): void;
-    static listen<TEvent extends TableHandleEventType>(name: TEvent["name"], args: {
-        editor: Editor;
-        callback: (detail: TEvent["detail"]) => void;
-    }): () => void;
-}

package/dist/fields/RichTextField/extensions/Table/TableCell/plugins/TableHandles/index.d.ts

@@ -1 +0,0 @@
-export { tableCellHandlesPlugin as TableHandlesPlugin } from "./TableHandlesPlugin";

package/dist/fields/RichTextField/extensions/Table/TableCell/plugins/index.d.ts

@@ -1 +0,0 @@
-export { TableHandlesPlugin } from "./TableHandles";

package/dist/fields/RichTextField/extensions/Table/TableControlsWrapper.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { type NodeViewProps } from "@tiptap/react";
-export declare function TableControlsWrapper({ editor }: NodeViewProps): JSX.Element;

package/dist/fields/RichTextField/extensions/Table/plugins/TableHandles/TableHandlesPluginDef.d.ts

@@ -1,8 +0,0 @@
-import type { Editor } from "@tiptap/core";
-import { Plugin } from "@tiptap/pm/state";
-import { DecorationSet } from "@tiptap/pm/view";
-/** Plugin responsible for showing and hiding the row and column handles. */
-export declare function tableHandlesPlugin(args: {
-    editor: Editor;
-    name: string;
-}): Plugin<DecorationSet>;

package/dist/fields/RichTextField/extensions/Table/plugins/TableHandles/TableHandlesPluginView.d.ts

@@ -1,34 +0,0 @@
-import { type PluginView } from "@tiptap/pm/state";
-import type { EditorView } from "@tiptap/pm/view";
-/**
- * This plugin centralizes the logic for showing and hiding the row and column
- * handle buttons (the ones that on click open a floating menu).
- *
- * Ideally, hiding and showing the handles would be handled using only CSS,
- * but identifying the topmost cell in a column is not trivial, as the grouping
- * of cells in a column is not clearly defined in the DOM (only by colgroup),
- * and CSS cannot dynamically select it depending on the hovered cell.
- *
- * Another option was to dynamically generate hardcoded selectors, given that
- * we know the number of rows and cells, but inline styles can only contain
- * property declarations, not pseudo-classes like :hover.
- *
- * That leaves us with handling it solely in JavaScript, which is what this
- * plugin does.
- */
-export declare class TableHandlesPluginView implements PluginView {
-    private readonly view;
-    private abortController;
-    private currentRowHandle;
-    private currentColumnHandle;
-    constructor(view: EditorView);
-    update(view: EditorView): void;
-    destroy(): void;
-    private attachEventListeners;
-    private showCurrentHandles;
-    private hidePreviousHandles;
-    private getRowHandle;
-    private getColumnHandle;
-    private displayHandle;
-    private hideHandle;
-}

package/dist/fields/RichTextField/extensions/Table/plugins/TableHandles/TableHandlesPluginViewClass.d.ts

@@ -1,34 +0,0 @@
-import { type PluginView } from "@tiptap/pm/state";
-import type { EditorView } from "@tiptap/pm/view";
-/**
- * This plugin centralizes the logic for showing and hiding the row and column
- * handle buttons (the ones that on click open a floating menu).
- *
- * Ideally, hiding and showing the handles would be handled using only CSS,
- * but identifying the topmost cell in a column is not trivial, as the grouping
- * of cells in a column is not clearly defined in the DOM (only by colgroup),
- * and CSS cannot dynamically select it depending on the hovered cell.
- *
- * Another option was to dynamically generate hardcoded selectors, given that
- * we know the number of rows and cells, but inline styles can only contain
- * property declarations, not pseudo-classes like :hover.
- *
- * That leaves us with handling it solely in JavaScript, which is what this
- * plugin does.
- */
-export declare class TableHandlesPluginView implements PluginView {
-    private readonly view;
-    private abortController;
-    private currentRowHandle;
-    private currentColumnHandle;
-    constructor(view: EditorView);
-    update(view: EditorView): void;
-    destroy(): void;
-    private attachEventListeners;
-    private showCurrentHandles;
-    private hidePreviousHandles;
-    private getRowHandle;
-    private getColumnHandle;
-    private displayHandle;
-    private hideHandle;
-}

package/dist/fields/RichTextField/extensions/Table/plugins/TableHandles/utils.d.ts

@@ -1,23 +0,0 @@
-import { type Editor } from "@tiptap/core";
-import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
-import type { Selection } from "@tiptap/pm/state";
-interface NodePos {
-    pos: number;
-    start: number;
-    node: ProseMirrorNode | null | undefined;
-}
-export declare function getCellsInColumn(columnIndex: number | number[]): (selection: Selection) => NodePos[] | null;
-export declare function getCellsInRow(rowIndex: number | number[]): (selection: Selection) => NodePos[] | null;
-/** Finds the table handle element for the given type and element. */
-export declare function findTableHandleElement(args: {
-    type: "row" | "column";
-    element: Element;
-}): Element;
-/** Creates a table handle element for the given type. */
-export declare function createTableHandleElement(args: {
-    type: "row" | "column";
-    editor: Editor;
-    rowIndex: number;
-    columnIndex: number;
-}): HTMLButtonElement;
-export {};