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

package/dist/core/service/documentSearch.d.ts

@@ -20,8 +20,8 @@ interface SearchDocumentsArgs {
 }
 export declare function searchDocuments(args: SearchDocumentsArgs): Promise<{
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         language: {
@@ -57,8 +57,8 @@ export declare function searchDocuments(args: SearchDocumentsArgs): Promise<{
     }[];
 } | {
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         locale_id?: string | undefined;
@@ -75,10 +75,10 @@ export declare function searchDocuments(args: SearchDocumentsArgs): Promise<{
             version_id: string;
             tags: string[];
             last_modified_date: Date;
+            summary?: string | undefined;
             preview_image?: string | undefined;
             uid?: string | undefined;
             custom_type_id?: string | undefined;
-            summary?: string | undefined;
             author_ids?: string[] | undefined;
             highlights?: {
                 uid?: string | undefined;
@@ -101,8 +101,8 @@ interface SearchDocumentsQueryOptionsArgs {
 }
 export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOptionsArgs): import("@tanstack/react-query/build/legacy/types").UseQueryOptions<{
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         language: {
@@ -138,8 +138,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
     }[];
 } | {
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         locale_id?: string | undefined;
@@ -156,10 +156,10 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
             version_id: string;
             tags: string[];
             last_modified_date: Date;
+            summary?: string | undefined;
             preview_image?: string | undefined;
             uid?: string | undefined;
             custom_type_id?: string | undefined;
-            summary?: string | undefined;
             author_ids?: string[] | undefined;
             highlights?: {
                 uid?: string | undefined;
@@ -168,8 +168,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
     }[];
 }, Error, {
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         language: {
@@ -205,8 +205,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
     }[];
 } | {
     results: {
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         locale_id?: string | undefined;
@@ -223,10 +223,10 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
             version_id: string;
             tags: string[];
             last_modified_date: Date;
+            summary?: string | undefined;
             preview_image?: string | undefined;
             uid?: string | undefined;
             custom_type_id?: string | undefined;
-            summary?: string | undefined;
             author_ids?: string[] | undefined;
             highlights?: {
                 uid?: string | undefined;
@@ -251,8 +251,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
 }]> & {
     initialData?: import("@tanstack/query-core/build/legacy/hydration-DTVzC0E7").L<{
         results: {
-            id: string;
             title: string;
+            id: string;
             custom_type_id: string;
             group_lang_id: string;
             language: {
@@ -288,8 +288,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
         }[];
     } | {
         results: {
-            id: string;
             title: string;
+            id: string;
             custom_type_id: string;
             group_lang_id: string;
             locale_id?: string | undefined;
@@ -306,10 +306,10 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
                 version_id: string;
                 tags: string[];
                 last_modified_date: Date;
+                summary?: string | undefined;
                 preview_image?: string | undefined;
                 uid?: string | undefined;
                 custom_type_id?: string | undefined;
-                summary?: string | undefined;
                 author_ids?: string[] | undefined;
                 highlights?: {
                     uid?: string | undefined;
@@ -335,8 +335,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
         } | undefined;
     }], {
         results: {
-            id: string;
             title: string;
+            id: string;
             custom_type_id: string;
             group_lang_id: string;
             language: {
@@ -372,8 +372,8 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
         }[];
     } | {
         results: {
-            id: string;
             title: string;
+            id: string;
             custom_type_id: string;
             group_lang_id: string;
             locale_id?: string | undefined;
@@ -390,10 +390,10 @@ export declare function searchDocumentsQueryOptions(args: SearchDocumentsQueryOp
                 version_id: string;
                 tags: string[];
                 last_modified_date: Date;
+                summary?: string | undefined;
                 preview_image?: string | undefined;
                 uid?: string | undefined;
                 custom_type_id?: string | undefined;
-                summary?: string | undefined;
                 author_ids?: string[] | undefined;
                 highlights?: {
                     uid?: string | undefined;

package/dist/core/service/repository.d.ts

@@ -37,28 +37,28 @@ declare const repositorySchema: z.ZodEffects<z.ZodObject<{
         name: z.ZodString;
         is_master: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }, {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }>, {
         isMaster?: boolean | undefined;
         id: string;
         label: string;
     }, {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }>, "many">, {
         isMaster?: boolean | undefined;
         id: string;
         label: string;
     }[], {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }[]>;
     authors: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -126,8 +126,8 @@ declare const repositorySchema: z.ZodEffects<z.ZodObject<{
     starterId?: string | undefined;
 }, {
     languages: {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }[];
     storageVersion: {
@@ -175,8 +175,8 @@ declare const repositorySchema: z.ZodEffects<z.ZodObject<{
     starterId?: string | undefined;
 }, {
     languages: {
-        id: string;
         name: string;
+        id: string;
         is_master?: boolean | undefined;
     }[];
     storageVersion: {

package/dist/core/service/role.d.ts

@@ -284,12 +284,12 @@ export declare const TeamSpace: z.ZodObject<{
     name: z.ZodString;
     customTypes: z.ZodArray<z.ZodString, "many">;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     name: string;
+    id: string;
     customTypes: string[];
 }, {
-    id: string;
     name: string;
+    id: string;
     customTypes: string[];
 }>;
 export type TeamSpace = z.infer<typeof TeamSpace>;
@@ -310,24 +310,24 @@ declare const TeamSpacesResponse: z.ZodObject<{
         name: z.ZodString;
         customTypes: z.ZodArray<z.ZodString, "many">;
     }, "strip", z.ZodTypeAny, {
-        id: string;
         name: string;
+        id: string;
         customTypes: string[];
     }, {
-        id: string;
         name: string;
+        id: string;
         customTypes: string[];
     }>, "many">;
 }, "strip", z.ZodTypeAny, {
     results: {
-        id: string;
         name: string;
+        id: string;
         customTypes: string[];
     }[];
 }, {
     results: {
-        id: string;
         name: string;
+        id: string;
         customTypes: string[];
     }[];
 }>;
@@ -340,27 +340,27 @@ interface GetTeamSpacesArgs {
 export declare function getTeamSpaces(args: GetTeamSpacesArgs): Promise<TeamSpacesResponse>;
 export declare function getTeamSpacesOptions(args: GetTeamSpacesArgs): import("@tanstack/react-query/build/legacy/types").UseQueryOptions<{
     results: {
-        id: string;
         name: string;
+        id: string;
         customTypes: string[];
     }[];
 }, Error, {
-    id: string;
     name: string;
+    id: string;
     customTypes: string[];
 }[], (string | GetTeamSpacesArgs)[]> & {
     initialData?: import("@tanstack/query-core/build/legacy/hydration-DTVzC0E7").L<{
         results: {
-            id: string;
             name: string;
+            id: string;
             customTypes: string[];
         }[];
     }> | undefined;
 } & {
     queryKey: import("@tanstack/query-core/build/legacy/hydration-DTVzC0E7").E<(string | GetTeamSpacesArgs)[], {
         results: {
-            id: string;
             name: string;
+            id: string;
             customTypes: string[];
         }[];
     }>;

package/dist/fields/ImageField/useImageField.d.ts

@@ -93,8 +93,8 @@ export declare function useImageField(props: useImageFieldProps): {
         kind: string;
         size: number;
         tags: {
-            id: string;
             name: string;
+            id: string;
             created_at: number;
             last_modified: number;
             count: number;

package/dist/fields/ImageField/useImageFieldImageUpload.d.ts

@@ -9,8 +9,8 @@ export declare function useImageFieldImageUpload(args: UseImageFieldImageUploadA
         kind: string;
         size: number;
         tags: {
-            id: string;
             name: string;
+            id: string;
             created_at: number;
             last_modified: number;
             count: number;

package/dist/fields/IntegrationField/integrationData.d.ts

@@ -5,16 +5,16 @@ interface IntegrationCatalogSearchArgs {
 }
 export declare function useIntegrationCatalogSearch(args: IntegrationCatalogSearchArgs): {
     items: {
-        id: string;
         title: string;
+        id: string;
         description?: string | undefined;
         imageURL?: string | undefined;
     }[];
     response: {
         page: number;
         items: {
-            id: string;
             title: string;
+            id: string;
             description?: string | undefined;
             imageURL?: string | undefined;
         }[];
@@ -29,13 +29,13 @@ declare const integrationItem: z.ZodObject<{
     imageURL: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     title: string;
+    id: string;
     description?: string | undefined;
     imageURL?: string | undefined;
 }, {
-    id: string;
     title: string;
+    id: string;
     description?: string | undefined;
     imageURL?: string | undefined;
 }>;
@@ -46,8 +46,8 @@ interface IntegrationCatalogReadArgs {
 }
 export declare function useIntegrationCatalogRead(args: IntegrationCatalogReadArgs): {
     item: {
-        id: string;
         title: string;
+        id: string;
         description?: string | undefined;
         imageURL?: string | undefined;
     };

package/dist/fields/LinkField/Documents/documentsData.d.ts

@@ -43,17 +43,17 @@ export declare function useDocuments(params: {
             version_id: string;
             tags: string[];
             last_modified_date: Date;
+            summary?: string | undefined;
             preview_image?: string | undefined;
             uid?: string | undefined;
             custom_type_id?: string | undefined;
-            summary?: string | undefined;
             author_ids?: string[] | undefined;
             highlights?: {
                 uid?: string | undefined;
             } | undefined;
         }))[];
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         language: {
@@ -99,17 +99,17 @@ export declare function useDocuments(params: {
             version_id: string;
             tags: string[];
             last_modified_date: Date;
+            summary?: string | undefined;
             preview_image?: string | undefined;
             uid?: string | undefined;
             custom_type_id?: string | undefined;
-            summary?: string | undefined;
             author_ids?: string[] | undefined;
             highlights?: {
                 uid?: string | undefined;
             } | undefined;
         }))[];
-        id: string;
         title: string;
+        id: string;
         custom_type_id: string;
         group_lang_id: string;
         locale_id?: string | undefined;

package/dist/fields/RichTextField/coreExtensions/ListItem.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     component: import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any>;
     converter: {
         fromPrismic(schema: Schema<any, any>): (list: {
-            type: "image" | "embed" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "strong" | "em" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
+            type: "em" | "embed" | "strong" | "image" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
             content: {
                 text: string;
             } & {
@@ -56,7 +56,7 @@ declare const _default: {
                 } | {
                     start: number;
                     end: number;
-                    type: "strong" | "em" | "list-item";
+                    type: "em" | "strong" | "list-item";
                 })[] | undefined;
             };
         } & {
@@ -64,7 +64,7 @@ declare const _default: {
             direction?: string | undefined;
         }) => ProsemirrorNode | undefined;
         toPrismic(node: ProsemirrorNode, nodeType: "list-item" | "o-list-item"): readonly ({
-            type: "image" | "embed" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "strong" | "em" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
+            type: "em" | "embed" | "strong" | "image" | "paragraph" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "list-item" | "o-list-item" | "rtl";
             content: {
                 text: string;
             } & {
@@ -117,7 +117,7 @@ declare const _default: {
                 } | {
                     start: number;
                     end: number;
-                    type: "strong" | "em" | "list-item";
+                    type: "em" | "strong" | "list-item";
                 })[] | undefined;
             };
         } & {

package/dist/fields/RichTextField/extensions/Image/useImageView.d.ts

@@ -25,8 +25,8 @@ export declare function useImageView(props: useImageViewProps): {
         kind: string;
         size: number;
         tags: {
-            id: string;
             name: string;
+            id: string;
             created_at: number;
             last_modified: number;
             count: number;

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

@@ -20,6 +20,12 @@ declare module "@tiptap/core" {
              * @example editor.commands.moveRow("up")
              */
             moveRow: (direction: "up" | "down") => ReturnType;
+            /**
+             * Move the selected column left or right
+             * @returns True if the command was successful, otherwise false
+             * @example editor.commands.moveColumn("left")
+             */
+            moveColumn: (direction: "left" | "right") => ReturnType;
         };
     }
 }

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

@@ -2,7 +2,7 @@ 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(this: {
+export declare function tableCellHandlesPlugin(this: {
     editor: Editor;
     name: string;
 }): Plugin<DecorationSet>;

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

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

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

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

package/dist/fields/RichTextField/extensions/Table/menus/utils.d.ts

@@ -14,5 +14,10 @@ export declare const isSingleRow: (editor: Editor) => boolean;
  * Column utilities
  */
 export declare const isFirstColumn: (editor: Editor) => boolean;
+export declare function isSecondColumn(editor: Editor): boolean;
+export declare function isFirstOrLastColumn(editor: Editor): {
+    isFirstColumn: boolean;
+    isLastColumn: boolean;
+};
 export declare const isHeaderColumnToggled: (editor: Editor) => boolean;
 export declare const isSingleColumn: (editor: Editor) => boolean;

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

@@ -0,0 +1,8 @@
+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/TableHandlesPluginDef.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,34 @@
+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/index.d.ts

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

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

@@ -0,0 +1,23 @@
+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 {};

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

@@ -0,0 +1 @@
+export { tableHandlesPlugin } from "./tableHandles";

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

@@ -14,31 +14,19 @@ export declare function findRow(selection: Selection): {
     depth: number;
     node: import("prosemirror-model").Node;
 } | undefined;
-export declare function findTableAndRow(selection: Selection): {
-    table: null;
-    row: null;
-} | {
-    table: null;
-    row: {
-        pos: number;
-        start: number;
-        depth: number;
-        node: import("prosemirror-model").Node;
-    };
-} | {
-    table: {
-        pos: number;
-        start: number;
-        depth: number;
-        node: import("prosemirror-model").Node;
-    };
-    row: {
-        pos: number;
-        start: number;
-        depth: number;
-        node: import("prosemirror-model").Node;
-    };
-};
+export declare function findCell(selection: Selection): {
+    pos: number;
+    start: number;
+    depth: number;
+    node: import("prosemirror-model").Node;
+} | undefined;
+type FindableNodeName = "cell" | "row" | "table";
+export declare function findParentNodes<TNodeName extends FindableNodeName>(selection: Selection, ...elements: TNodeName[]): { [key in TNodeName]: {
+    pos: number;
+    start: number;
+    depth: number;
+    node: import("prosemirror-model").Node;
+} | undefined; };
 export declare function getTableColumnCount(editor: Editor): number;
 export declare function getTableRowCount(editor: Editor): number;
 export declare function isTableColumnLimitReached(editor: Editor): boolean;
@@ -51,6 +39,10 @@ export declare function selectRow(args: {
     index: number;
     tr: Transaction;
 }): Transaction;
+export declare function selectColumn(args: {
+    index: number;
+    tr: Transaction;
+}): Transaction;
 export declare function moveRow(args: {
     direction: "up" | "down";
     state: EditorState;
@@ -58,3 +50,11 @@ export declare function moveRow(args: {
     tr: Transaction;
     index: number;
 } | undefined;
+export declare function moveColumn(args: {
+    direction: "left" | "right";
+    state: EditorState;
+}): {
+    tr: Transaction;
+    index: number;
+} | undefined;
+export {};