@comet/cms-admin 9.0.0-beta.4 → 9.0.0-beta.5

package/lib/blocks/__stories__/BlockInFinalForm.stories.js

@@ -0,0 +1,53 @@
+import { Field, FinalForm, SaveBoundary } from "@comet/admin";
+import { BlockAdminComponentRoot } from "../common/BlockAdminComponentRoot";
+import { ExternalLinkBlock } from "../ExternalLinkBlock";
+import { createListBlock } from "../factories/createListBlock";
+import { createFinalFormBlock } from "../form/createFinalFormBlock";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: "blocks/BlockInFinalForm"
+};
+export var BlockInFinalFormWithSaveBoundary = function BlockInFinalFormWithSaveBoundary() {
+  var LinkListBlock = createListBlock({
+    name: "LinkList",
+    block: ExternalLinkBlock
+  });
+  var FinalFormLinkListBlock = createFinalFormBlock(LinkListBlock);
+  return /*#__PURE__*/_jsx(SaveBoundary, {
+    children: /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {},
+      initialValues: {
+        links: LinkListBlock.defaultValues()
+      },
+      children: /*#__PURE__*/_jsx(BlockAdminComponentRoot, {
+        children: /*#__PURE__*/_jsx(Field, {
+          name: "links",
+          component: FinalFormLinkListBlock,
+          fullWidth: true
+        })
+      })
+    })
+  });
+};
+export var BlockInFinalFormWithoutSaveBoundary = function BlockInFinalFormWithoutSaveBoundary() {
+  var LinkListBlock = createListBlock({
+    name: "LinkList",
+    block: ExternalLinkBlock
+  });
+  var FinalFormLinkListBlock = createFinalFormBlock(LinkListBlock);
+  return /*#__PURE__*/_jsx(FinalForm, {
+    mode: "edit",
+    onSubmit: function onSubmit() {},
+    initialValues: {
+      links: LinkListBlock.defaultValues()
+    },
+    children: /*#__PURE__*/_jsx(BlockAdminComponentRoot, {
+      children: /*#__PURE__*/_jsx(Field, {
+        name: "links",
+        component: FinalFormLinkListBlock,
+        fullWidth: true
+      })
+    })
+  });
+};

package/lib/blocks/helpers/__stories__/createCompositeBlockSelectField.stories.js

@@ -0,0 +1,106 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { Stack } from "@comet/admin";
+import { DensityComfortable, DensityCompact, DensityStandard } from "@comet/admin-icons";
+import { ListItemIcon, ListItemText } from "@mui/material";
+import { useState } from "react";
+import { createCompositeBlock } from "../../factories/createCompositeBlock";
+import { createCompositeBlockSelectField } from "../createCompositeBlockSelectField";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: "blocks/helpers/createCompositeBlockSelectField"
+};
+export var Basic = function Basic() {
+  var CompositeBlock = createCompositeBlock({
+    name: "Composite",
+    displayName: "Composite",
+    blocks: {
+      variant: {
+        title: "Variant",
+        block: createCompositeBlockSelectField({
+          defaultValue: "primary",
+          options: [{
+            value: "primary",
+            label: "Primary"
+          }, {
+            value: "secondary",
+            label: "Secondary"
+          }, {
+            value: "tertiary",
+            label: "Tertiary"
+          }],
+          fullWidth: true
+        })
+      }
+    }
+  });
+  var _useState = useState(CompositeBlock.defaultValues()),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  return /*#__PURE__*/_jsx(Stack, {
+    topLevelTitle: null,
+    children: /*#__PURE__*/_jsx(CompositeBlock.AdminComponent, {
+      state: state,
+      updateState: setState
+    })
+  });
+};
+export var WithIcon = function WithIcon() {
+  var CompositeBlock = createCompositeBlock({
+    name: "Composite",
+    displayName: "Composite",
+    blocks: {
+      density: {
+        title: "Density",
+        block: createCompositeBlockSelectField({
+          defaultValue: "compact",
+          options: [{
+            value: "compact",
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(ListItemIcon, {
+                children: /*#__PURE__*/_jsx(DensityCompact, {})
+              }), /*#__PURE__*/_jsx(ListItemText, {
+                children: "Compact"
+              })]
+            })
+          }, {
+            value: "standard",
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(ListItemIcon, {
+                children: /*#__PURE__*/_jsx(DensityStandard, {})
+              }), /*#__PURE__*/_jsx(ListItemText, {
+                children: "Standard"
+              })]
+            })
+          }, {
+            value: "comfortable",
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(ListItemIcon, {
+                children: /*#__PURE__*/_jsx(DensityComfortable, {})
+              }), /*#__PURE__*/_jsx(ListItemText, {
+                children: "Comfortable"
+              })]
+            })
+          }],
+          fullWidth: true
+        })
+      }
+    }
+  });
+  var _useState3 = useState(CompositeBlock.defaultValues()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
+  return /*#__PURE__*/_jsx(Stack, {
+    topLevelTitle: null,
+    children: /*#__PURE__*/_jsx(CompositeBlock.AdminComponent, {
+      state: state,
+      updateState: setState
+    })
+  });
+};

package/lib/blocks/table/TableBlockGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBlockGrid.d.ts","sourceRoot":"","sources":["../../../src/blocks/table/TableBlockGrid.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAuB,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAa,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA6B3D,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,eAAe,CAAC;IACvB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,wBAAwB,KAAK,4CAoK3D,CAAC"}
+{"version":3,"file":"TableBlockGrid.d.ts","sourceRoot":"","sources":["../../../src/blocks/table/TableBlockGrid.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAuB,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAa,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA6B3D,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,eAAe,CAAC;IACvB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,wBAAwB,KAAK,4CAoK3D,CAAC"}

package/lib/blocks/table/TableBlockGrid.js

@@ -21,7 +21,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { DragIndicator } from "@comet/admin-icons";
 // eslint-disable-next-line no-restricted-imports
 
-import { DataGridPro, GRID_REORDER_COL_DEF, useGridApiRef } from "@mui/x-data-grid-pro";
+import {
+// eslint-disable-next-line no-restricted-imports
+DataGridPro, GRID_REORDER_COL_DEF, useGridApiRef } from "@mui/x-data-grid-pro";
 import { useEffect } from "react";
 import { CellValue } from "./CellValue";
 import { ColumnHeader } from "./ColumnHeader";

package/lib/blocks/table/utils/column.d.ts

@@ -3,37 +3,32 @@ import type { TableBlockData } from "../../../blocks.generated";
 import type { RichTextBlock, RichTextBlockState } from "../../createRichTextBlock";
 import type { TableBlockState } from "../../createTableBlock";
 export declare const getNewColumn: () => TableBlockData["columns"][number];
-declare const columnSizeSchema: z.ZodEnum<["extraSmall", "small", "standard", "large", "extraLarge"]>;
+declare const columnSizeSchema: z.ZodEnum<{
+    extraSmall: "extraSmall";
+    small: "small";
+    standard: "standard";
+    large: "large";
+    extraLarge: "extraLarge";
+}>;
 type ColumnSize = z.infer<typeof columnSizeSchema>;
 export declare const columnInsertSchema: z.ZodObject<{
-    size: z.ZodEnum<["extraSmall", "small", "standard", "large", "extraLarge"]>;
+    size: z.ZodEnum<{
+        extraSmall: "extraSmall";
+        small: "small";
+        standard: "standard";
+        large: "large";
+        extraLarge: "extraLarge";
+    }>;
     highlighted: z.ZodBoolean;
     cellValues: z.ZodArray<z.ZodObject<{
         draftContent: z.ZodUnknown;
-    }, "strip", z.ZodTypeAny, {
-        draftContent?: unknown;
-    }, {
-        draftContent?: unknown;
-    }>, "many">;
-}, "strip", z.ZodTypeAny, {
-    size: "extraSmall" | "small" | "standard" | "large" | "extraLarge";
-    highlighted: boolean;
-    cellValues: {
-        draftContent?: unknown;
-    }[];
-}, {
-    size: "extraSmall" | "small" | "standard" | "large" | "extraLarge";
-    highlighted: boolean;
-    cellValues: {
-        draftContent?: unknown;
-    }[];
-}>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 export type ColumnInsertData = {
     size: ColumnSize;
     highlighted: boolean;
     cellValues: RichTextBlockState[];
 };
-export declare const getNewColumnInsertData: (numberOfRows: number, RichTextBlock: RichTextBlock) => ColumnInsertData;
 export declare const getDuplicatedColumnInsertData: (state: TableBlockState, columnIndex: number, RichTextBlock: RichTextBlock) => ColumnInsertData | null;
 export declare const getInsertDataFromColumnById: (state: TableBlockState, columnId: string, RichTextBlock: RichTextBlock) => ColumnInsertData | null;
 export declare const insertColumnDataAtIndex: (state: TableBlockState, columnInsertData: {

package/lib/blocks/table/utils/column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/column.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,YAAY,QAAO,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAE/D,CAAC;AAEF,QAAA,MAAM,gBAAgB,uEAAqE,CAAC;AAC5F,KAAK,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAI7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,kBAAkB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,cAAc,MAAM,EAAE,eAAe,aAAa,KAAG,gBAM3F,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,OAAO,eAAe,EAAE,aAAa,MAAM,EAAE,eAAe,aAAa,KAAG,gBAAgB,GAAG,IAe5I,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,EAAE,eAAe,aAAa,KAAG,gBAAgB,GAAG,IAcvI,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAChC,OAAO,eAAe,EACtB,kBAAkB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,kBAAkB,EAAE,CAAA;CAAE,EAC9F,OAAO,MAAM,EACb,eAAe,aAAa,EAC5B,cAAa,MAAe,KAC7B,eA8BF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,KAAG,eAShF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,KAAG,eAUhF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,EAAE,MAAM,UAAU,KAAG,eAK1F,CAAC"}
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/column.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,YAAY,QAAO,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAE/D,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;EAAqE,CAAC;AAC5F,KAAK,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;iBAI7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,kBAAkB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,OAAO,eAAe,EAAE,aAAa,MAAM,EAAE,eAAe,aAAa,KAAG,gBAAgB,GAAG,IAe5I,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,EAAE,eAAe,aAAa,KAAG,gBAAgB,GAAG,IAcvI,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAChC,OAAO,eAAe,EACtB,kBAAkB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,kBAAkB,EAAE,CAAA;CAAE,EAC9F,OAAO,MAAM,EACb,eAAe,aAAa,EAC5B,cAAa,MAAe,KAC7B,eA8BF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,KAAG,eAShF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,KAAG,eAUhF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,eAAe,EAAE,UAAU,MAAM,EAAE,MAAM,UAAU,KAAG,eAK1F,CAAC"}

package/lib/blocks/table/utils/column.js

@@ -27,17 +27,6 @@ export var columnInsertSchema = z.object({
   highlighted: z["boolean"](),
   cellValues: z.array(rteSchema)
 });
-export var getNewColumnInsertData = function getNewColumnInsertData(numberOfRows, RichTextBlock) {
-  return {
-    size: "standard",
-    highlighted: false,
-    cellValues: Array.from({
-      length: numberOfRows
-    }).map(function () {
-      return RichTextBlock.defaultValues();
-    })
-  };
-};
 export var getDuplicatedColumnInsertData = function getDuplicatedColumnInsertData(state, columnIndex, RichTextBlock) {
   var sourceColumn = state.columns[columnIndex];
   if (!sourceColumn) {

package/lib/blocks/table/utils/getClipboardValueForSchema.d.ts

@@ -1,3 +1,3 @@
 import type { z } from "zod";
-export declare const getClipboardValueForSchema: <T>(schema: z.ZodSchema<T>) => Promise<T | null>;
+export declare const getClipboardValueForSchema: <T>(schema: z.ZodType<T>) => Promise<T | null>;
 //# sourceMappingURL=getClipboardValueForSchema.d.ts.map

package/lib/blocks/table/utils/getClipboardValueForSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getClipboardValueForSchema.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/getClipboardValueForSchema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAE7B,eAAO,MAAM,0BAA0B,GAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAqB5F,CAAC"}
+{"version":3,"file":"getClipboardValueForSchema.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/getClipboardValueForSchema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAE7B,eAAO,MAAM,0BAA0B,GAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAqB1F,CAAC"}

package/lib/blocks/table/utils/row.d.ts

@@ -1,27 +1,12 @@
 import { z } from "zod";
 import type { RichTextBlock, RichTextBlockState } from "../../createRichTextBlock";
-import type { TableBlockRowState, TableBlockState } from "../../createTableBlock";
-export declare const getNewRow: (cellValues: TableBlockRowState["cellValues"], newRowId?: string) => TableBlockRowState;
+import type { TableBlockState } from "../../createTableBlock";
 export declare const rowInsertSchema: z.ZodObject<{
     highlighted: z.ZodBoolean;
     cellValues: z.ZodArray<z.ZodObject<{
         draftContent: z.ZodUnknown;
-    }, "strip", z.ZodTypeAny, {
-        draftContent?: unknown;
-    }, {
-        draftContent?: unknown;
-    }>, "many">;
-}, "strip", z.ZodTypeAny, {
-    highlighted: boolean;
-    cellValues: {
-        draftContent?: unknown;
-    }[];
-}, {
-    highlighted: boolean;
-    cellValues: {
-        draftContent?: unknown;
-    }[];
-}>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 export type RowInsertData = {
     highlighted: boolean;
     cellValues: RichTextBlockState[];

package/lib/blocks/table/utils/row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAIlF,eAAO,MAAM,SAAS,GAAI,YAAY,kBAAkB,CAAC,YAAY,CAAC,EAAE,WAAU,MAAe,KAAG,kBAEnG,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAG1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,kBAAkB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC7B,OAAO,eAAe,EACtB,YAAY,aAAa,EACzB,OAAO,MAAM,EACb,eAAe,aAAa,EAC5B,WAAU,MAAe,KAC1B,eA4CF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,eAAe,EAAE,eAAe,MAAM,KAAG,eAK7E,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,OAAO,eAAe,EAAE,OAAO,MAAM,EAAE,eAAe,aAAa,KAAG,aAAa,GAAG,IAchI,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,eAAe,EAAE,OAAO,MAAM,EAAE,eAAe,aAAa,KAAG,aAAa,GAAG,IAgB9H,CAAC"}
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQlF,eAAO,MAAM,eAAe;;;;;iBAG1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,kBAAkB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC7B,OAAO,eAAe,EACtB,YAAY,aAAa,EACzB,OAAO,MAAM,EACb,eAAe,aAAa,EAC5B,WAAU,MAAe,KAC1B,eA4CF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,eAAe,EAAE,eAAe,MAAM,KAAG,eAK7E,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,OAAO,eAAe,EAAE,OAAO,MAAM,EAAE,eAAe,aAAa,KAAG,aAAa,GAAG,IAchI,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,eAAe,EAAE,OAAO,MAAM,EAAE,eAAe,aAAa,KAAG,aAAa,GAAG,IAgB9H,CAAC"}

package/lib/blocks/table/utils/row.js

@@ -14,7 +14,7 @@ import { v4 as uuid } from "uuid";
 import { z } from "zod";
 import { getNewColumn } from "./column";
 import { rteSchema } from "./rteSchema";
-export var getNewRow = function getNewRow(cellValues) {
+var getNewRow = function getNewRow(cellValues) {
   var newRowId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : uuid();
   return {
     id: newRowId,

package/lib/blocks/table/utils/rteSchema.d.ts

@@ -1,9 +1,5 @@
 import { z } from "zod";
 export declare const rteSchema: z.ZodObject<{
     draftContent: z.ZodUnknown;
-}, "strip", z.ZodTypeAny, {
-    draftContent?: unknown;
-}, {
-    draftContent?: unknown;
-}>;
+}, z.core.$strip>;
 //# sourceMappingURL=rteSchema.d.ts.map

package/lib/blocks/table/utils/rteSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rteSchema.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/rteSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;EAEpB,CAAC"}
+{"version":3,"file":"rteSchema.d.ts","sourceRoot":"","sources":["../../../../src/blocks/table/utils/rteSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,SAAS;;iBAEpB,CAAC"}

package/lib/blocks/tipTap/TipTapToolbar.d.ts

@@ -1,11 +1,12 @@
 import { type Editor } from "@tiptap/react";
 import type { BlockInterface, LinkBlockInterface } from "../types";
-import type { TipTapBlockStyle, TipTapInlineStyle, TipTapSupports } from "./createTipTapRichTextBlock";
-export declare const TipTapToolbar: ({ editor, supports, blockStyles, inlineStyles, linkBlock, listLevelMax, }: {
+import type { TipTapBlockStyle, TipTapInlineStyle, TipTapPlaceholder, TipTapSupports } from "./createTipTapRichTextBlock";
+export declare const TipTapToolbar: ({ editor, supports, blockStyles, inlineStyles, placeholders, linkBlock, listLevelMax, }: {
     editor: Editor;
     supports: TipTapSupports[];
     blockStyles: TipTapBlockStyle[];
     inlineStyles: TipTapInlineStyle[];
+    placeholders: TipTapPlaceholder[];
     linkBlock?: BlockInterface & LinkBlockInterface;
     listLevelMax?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/blocks/tipTap/TipTapToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TipTapToolbar.d.ts","sourceRoot":"","sources":["../../../src/blocks/tipTap/TipTapToolbar.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,eAAe,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAmB,iBAAiB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AA8GxH,eAAO,MAAM,aAAa,GAAI,2EAO3B;IACC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,4CA4YA,CAAC"}
+{"version":3,"file":"TipTapToolbar.d.ts","sourceRoot":"","sources":["../../../src/blocks/tipTap/TipTapToolbar.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,eAAe,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAmB,iBAAiB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AA8G3I,eAAO,MAAM,aAAa,GAAI,yFAQ3B;IACC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,4CAubA,CAAC"}

package/lib/blocks/tipTap/TipTapToolbar.js

@@ -11,12 +11,12 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { greyPalette, Tooltip } from "@comet/admin";
-import { MoreHorizontal, RteBold, RteClearLink, RteIndentDecrease, RteIndentIncrease, RteItalic, RteLink, RteNonBreakingSpace, RteOl, RteRedo, RteSoftHyphen, RteStrikethrough, RteSub, RteSup, RteUl, RteUndo } from "@comet/admin-icons";
+import { MoreHorizontal, RteBold, RteClearLink, RteIndentDecrease, RteIndentIncrease, RteItalic, RteLink, RteNonBreakingSpace, RteOl, RteRedo, RteSoftHyphen, RteStrikethrough, RteSub, RteSup, RteTextPlaceholder, RteUl, RteUndo } from "@comet/admin-icons";
 import { Box, FormControl, inputBaseClasses, ListItemIcon, Menu, MenuItem, Select, selectClasses } from "@mui/material";
 import { grey as muiGreyPalette } from "@mui/material/colors";
 import { useEditorState } from "@tiptap/react";
 import { useState } from "react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import { TipTapLinkDialog } from "./TipTapLinkDialog";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var toolbarButtonSx = {
@@ -126,16 +126,22 @@ export var TipTapToolbar = function TipTapToolbar(_ref3) {
     supports = _ref3.supports,
     blockStyles = _ref3.blockStyles,
     inlineStyles = _ref3.inlineStyles,
+    placeholders = _ref3.placeholders,
     linkBlock = _ref3.linkBlock,
     listLevelMax = _ref3.listLevelMax;
+  var intl = useIntl();
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     moreAnchorEl = _useState2[0],
     setMoreAnchorEl = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    linkDialogOpen = _useState4[0],
-    setLinkDialogOpen = _useState4[1];
+    placeholderAnchorEl = _useState4[0],
+    setPlaceholderAnchorEl = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    linkDialogOpen = _useState6[0],
+    setLinkDialogOpen = _useState6[1];
   var hasInlineFormatButtons = ["bold", "italic", "strike"].some(function (s) {
     return supports.includes(s);
   });
@@ -149,6 +155,7 @@ export var TipTapToolbar = function TipTapToolbar(_ref3) {
     return supports.includes(s);
   });
   var hasLink = supports.includes("link") && !!linkBlock;
+  var hasPlaceholders = placeholders.length > 0;
   var hasInlineStyles = inlineStyles.length > 0;
   var editorState = useEditorState({
     editor: editor,
@@ -232,6 +239,12 @@ export var TipTapToolbar = function TipTapToolbar(_ref3) {
       return editor.commands.focus();
     }, 0);
   };
+  var handlePlaceholderClose = function handlePlaceholderClose() {
+    setPlaceholderAnchorEl(null);
+    setTimeout(function () {
+      return editor.commands.focus();
+    }, 0);
+  };
   var applicableBlockStyles = blockStyles.filter(function (style) {
     return !style.appliesTo || style.appliesTo.includes(editorState.activeTipTapBlockType);
   });
@@ -575,6 +588,48 @@ export var TipTapToolbar = function TipTapToolbar(_ref3) {
           }).run();
         }
       })]
+    }), hasPlaceholders && /*#__PURE__*/_jsxs(ToolbarGroup, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        title: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.blocks.tipTapRichText.placeholder.tooltip",
+          defaultMessage: "Insert placeholder"
+        }),
+        children: /*#__PURE__*/_jsx(Box, {
+          component: "button",
+          type: "button",
+          "aria-label": intl.formatMessage({
+            id: "comet.blocks.tipTapRichText.placeholder.tooltip",
+            defaultMessage: "Insert placeholder"
+          }),
+          onMouseDown: function onMouseDown(e) {
+            e.preventDefault();
+            setPlaceholderAnchorEl(e.currentTarget);
+          },
+          sx: toolbarButtonSx,
+          children: /*#__PURE__*/_jsx(RteTextPlaceholder, {
+            sx: {
+              fontSize: 15
+            },
+            color: "inherit"
+          })
+        })
+      }), /*#__PURE__*/_jsx(Menu, {
+        open: Boolean(placeholderAnchorEl),
+        anchorEl: placeholderAnchorEl,
+        onClose: handlePlaceholderClose,
+        children: placeholders.map(function (placeholder) {
+          return /*#__PURE__*/_jsx(MenuItem, {
+            onMouseDown: function onMouseDown(e) {
+              handlePlaceholderClose();
+              e.persist();
+              setTimeout(function () {
+                return editor.chain().focus().insertPlaceholder(placeholder.name).run();
+              }, 0);
+            },
+            children: placeholder.label
+          }, placeholder.name);
+        })
+      })]
     }), hasLink && linkBlock && /*#__PURE__*/_jsxs(ToolbarGroup, {
       children: [/*#__PURE__*/_jsx(ToolbarButton, {
         editor: editor,