@contember/react-slate-editor-base 2.0.0-alpha.1 → 2.0.0-alpha.12

package/api-extractor.json

@@ -0,0 +1,3 @@
+{
+	"extends": "../../build/api-extractor.json"
+}

package/dist/development/index.cjs

@@ -1,53 +1,53 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./editor/index.cjs");
-const slateReexport = require("./slate-reexport.cjs");
-const createEditor = require("./editor/createEditor.cjs");
-const EditorElementTrigger = require("./components/triggers/EditorElementTrigger.cjs");
-const EditorGenericTrigger = require("./components/triggers/EditorGenericTrigger.cjs");
-const EditorMarkTrigger = require("./components/triggers/EditorMarkTrigger.cjs");
-const EditorWrapNodeTrigger = require("./components/triggers/EditorWrapNodeTrigger.cjs");
-const RichTextEditor = require("./components/RichTextEditor.cjs");
+const index = require("./src/editor/index.cjs");
+const slateReexport = require("./src/slate-reexport.cjs");
+const createEditor = require("./src/editor/createEditor.cjs");
+const EditorElementTrigger = require("./src/components/triggers/EditorElementTrigger.cjs");
+const EditorGenericTrigger = require("./src/components/triggers/EditorGenericTrigger.cjs");
+const EditorMarkTrigger = require("./src/components/triggers/EditorMarkTrigger.cjs");
+const EditorWrapNodeTrigger = require("./src/components/triggers/EditorWrapNodeTrigger.cjs");
+const RichTextEditor = require("./src/components/RichTextEditor.cjs");
 const Slate = require("slate");
-const AnchorElement = require("./plugins/element/anchors/AnchorElement.cjs");
-const AnchorHtmlDeserializer = require("./plugins/element/anchors/AnchorHtmlDeserializer.cjs");
-const withAnchors = require("./plugins/element/anchors/withAnchors.cjs");
-const HeadingElement = require("./plugins/element/headings/HeadingElement.cjs");
-const HeadingHtmlDeserializer = require("./plugins/element/headings/HeadingHtmlDeserializer.cjs");
-const withHeadings = require("./plugins/element/headings/withHeadings.cjs");
-const HorizontalRuleElement = require("./plugins/element/horizonalRules/HorizontalRuleElement.cjs");
-const withHorizontalRules = require("./plugins/element/horizonalRules/withHorizontalRules.cjs");
-const ListItemElement = require("./plugins/element/lists/ListItemElement.cjs");
-const ListHtmlDeserializer = require("./plugins/element/lists/ListHtmlDeserializer.cjs");
-const OrderedListElement = require("./plugins/element/lists/OrderedListElement.cjs");
-const UnorderedListElement = require("./plugins/element/lists/UnorderedListElement.cjs");
-const withLists = require("./plugins/element/lists/withLists.cjs");
-const ParagraphElement = require("./plugins/element/paragraphs/ParagraphElement.cjs");
-const ParagraphHtmlDeserializer = require("./plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs");
-const withParagraphs = require("./plugins/element/paragraphs/withParagraphs.cjs");
-const ScrollTargetElement = require("./plugins/element/scrollTargets/ScrollTargetElement.cjs");
-const withScrollTargets = require("./plugins/element/scrollTargets/withScrollTargets.cjs");
-const TableCellElement = require("./plugins/element/tables/TableCellElement.cjs");
-const TableElement = require("./plugins/element/tables/TableElement.cjs");
-const TableRowElement = require("./plugins/element/tables/TableRowElement.cjs");
-const withTables = require("./plugins/element/tables/withTables.cjs");
-const TableModifications = require("./plugins/element/tables/TableModifications.cjs");
-const alignButton = require("./plugins/attributes/alignment/alignButton.cjs");
-const withBold = require("./plugins/text/bold/withBold.cjs");
-const boldMark = require("./plugins/text/bold/boldMark.cjs");
-const withCode = require("./plugins/text/code/withCode.cjs");
-const codeMark = require("./plugins/text/code/codeMark.cjs");
-const withHighlight = require("./plugins/text/highlight/withHighlight.cjs");
-const highlightMark = require("./plugins/text/highlight/highlightMark.cjs");
-const withItalic = require("./plugins/text/italic/withItalic.cjs");
-const italicMark = require("./plugins/text/italic/italicMark.cjs");
-const withNewline = require("./plugins/text/newline/withNewline.cjs");
-const withStrikeThrough = require("./plugins/text/strikeThrough/withStrikeThrough.cjs");
-const strikeThroughMark = require("./plugins/text/strikeThrough/strikeThroughMark.cjs");
-const withUnderline = require("./plugins/text/underline/withUnderline.cjs");
-const underlineMark = require("./plugins/text/underline/underlineMark.cjs");
-const createMarkHtmlDeserializer = require("./plugins/behaviour/paste/createMarkHtmlDeserializer.cjs");
-const withPaste = require("./plugins/behaviour/paste/withPaste.cjs");
+const AnchorElement = require("./src/plugins/element/anchors/AnchorElement.cjs");
+const AnchorHtmlDeserializer = require("./src/plugins/element/anchors/AnchorHtmlDeserializer.cjs");
+const withAnchors = require("./src/plugins/element/anchors/withAnchors.cjs");
+const HeadingElement = require("./src/plugins/element/headings/HeadingElement.cjs");
+const HeadingHtmlDeserializer = require("./src/plugins/element/headings/HeadingHtmlDeserializer.cjs");
+const withHeadings = require("./src/plugins/element/headings/withHeadings.cjs");
+const HorizontalRuleElement = require("./src/plugins/element/horizonalRules/HorizontalRuleElement.cjs");
+const withHorizontalRules = require("./src/plugins/element/horizonalRules/withHorizontalRules.cjs");
+const ListItemElement = require("./src/plugins/element/lists/ListItemElement.cjs");
+const ListHtmlDeserializer = require("./src/plugins/element/lists/ListHtmlDeserializer.cjs");
+const OrderedListElement = require("./src/plugins/element/lists/OrderedListElement.cjs");
+const UnorderedListElement = require("./src/plugins/element/lists/UnorderedListElement.cjs");
+const withLists = require("./src/plugins/element/lists/withLists.cjs");
+const ParagraphElement = require("./src/plugins/element/paragraphs/ParagraphElement.cjs");
+const ParagraphHtmlDeserializer = require("./src/plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs");
+const withParagraphs = require("./src/plugins/element/paragraphs/withParagraphs.cjs");
+const ScrollTargetElement = require("./src/plugins/element/scrollTargets/ScrollTargetElement.cjs");
+const withScrollTargets = require("./src/plugins/element/scrollTargets/withScrollTargets.cjs");
+const TableCellElement = require("./src/plugins/element/tables/TableCellElement.cjs");
+const TableElement = require("./src/plugins/element/tables/TableElement.cjs");
+const TableRowElement = require("./src/plugins/element/tables/TableRowElement.cjs");
+const withTables = require("./src/plugins/element/tables/withTables.cjs");
+const TableModifications = require("./src/plugins/element/tables/TableModifications.cjs");
+const alignButton = require("./src/plugins/attributes/alignment/alignButton.cjs");
+const withBold = require("./src/plugins/text/bold/withBold.cjs");
+const boldMark = require("./src/plugins/text/bold/boldMark.cjs");
+const withCode = require("./src/plugins/text/code/withCode.cjs");
+const codeMark = require("./src/plugins/text/code/codeMark.cjs");
+const withHighlight = require("./src/plugins/text/highlight/withHighlight.cjs");
+const highlightMark = require("./src/plugins/text/highlight/highlightMark.cjs");
+const withItalic = require("./src/plugins/text/italic/withItalic.cjs");
+const italicMark = require("./src/plugins/text/italic/italicMark.cjs");
+const withNewline = require("./src/plugins/text/newline/withNewline.cjs");
+const withStrikeThrough = require("./src/plugins/text/strikeThrough/withStrikeThrough.cjs");
+const strikeThroughMark = require("./src/plugins/text/strikeThrough/strikeThroughMark.cjs");
+const withUnderline = require("./src/plugins/text/underline/withUnderline.cjs");
+const underlineMark = require("./src/plugins/text/underline/underlineMark.cjs");
+const createMarkHtmlDeserializer = require("./src/plugins/behaviour/paste/createMarkHtmlDeserializer.cjs");
+const withPaste = require("./src/plugins/behaviour/paste/withPaste.cjs");
 exports.ContemberEditor = index.ContemberEditor;
 exports.EditorUtils = slateReexport.EditorUtils;
 exports.createEditor = createEditor.createEditor;

package/dist/development/index.js

@@ -1,51 +1,51 @@
-import { ContemberEditor } from "./editor/index.js";
-import { EditorUtils } from "./slate-reexport.js";
-import { createEditor } from "./editor/createEditor.js";
-import { EditorElementTrigger } from "./components/triggers/EditorElementTrigger.js";
-import { EditorGenericTrigger } from "./components/triggers/EditorGenericTrigger.js";
-import { EditorMarkTrigger } from "./components/triggers/EditorMarkTrigger.js";
-import { EditorWrapNodeTrigger } from "./components/triggers/EditorWrapNodeTrigger.js";
-import { RichTextEditor } from "./components/RichTextEditor.js";
+import { ContemberEditor } from "./src/editor/index.js";
+import { EditorUtils } from "./src/slate-reexport.js";
+import { createEditor } from "./src/editor/createEditor.js";
+import { EditorElementTrigger } from "./src/components/triggers/EditorElementTrigger.js";
+import { EditorGenericTrigger } from "./src/components/triggers/EditorGenericTrigger.js";
+import { EditorMarkTrigger } from "./src/components/triggers/EditorMarkTrigger.js";
+import { EditorWrapNodeTrigger } from "./src/components/triggers/EditorWrapNodeTrigger.js";
+import { RichTextEditor } from "./src/components/RichTextEditor.js";
 import { Transforms } from "slate";
-import { anchorElementPlugin, anchorElementType, isAnchorElement, isAnchorElementActive } from "./plugins/element/anchors/AnchorElement.js";
-import { anchorHtmlDeserializer } from "./plugins/element/anchors/AnchorHtmlDeserializer.js";
-import { withAnchors } from "./plugins/element/anchors/withAnchors.js";
-import { ejectHeadingElement, headingElementPlugin, headingElementType, isHeadingElement } from "./plugins/element/headings/HeadingElement.js";
-import { headingHtmlDeserializer } from "./plugins/element/headings/HeadingHtmlDeserializer.js";
-import { withHeadings } from "./plugins/element/headings/withHeadings.js";
-import { horizontalRuleElementPlugin, horizontalRuleElementType, isHorizontalRuleElement, isHorizontalRuleElementActive } from "./plugins/element/horizonalRules/HorizontalRuleElement.js";
-import { withHorizontalRules } from "./plugins/element/horizonalRules/withHorizontalRules.js";
-import { isListItemElement, listItemElementPlugin, listItemElementType } from "./plugins/element/lists/ListItemElement.js";
-import { listHtmlDeserializerFactory } from "./plugins/element/lists/ListHtmlDeserializer.js";
-import { isOrderedListElement, orderedListElementPlugin, orderedListElementType } from "./plugins/element/lists/OrderedListElement.js";
-import { isUnorderedListElement, unorderedListElementPlugin, unorderedListElementType } from "./plugins/element/lists/UnorderedListElement.js";
-import { withLists } from "./plugins/element/lists/withLists.js";
-import { isParagraphElement, paragraphElementPlugin, paragraphElementType } from "./plugins/element/paragraphs/ParagraphElement.js";
-import { paragraphHtmlDeserializer } from "./plugins/element/paragraphs/ParagraphHtmlDeserializer.js";
-import { withParagraphs } from "./plugins/element/paragraphs/withParagraphs.js";
-import { isScrollTargetElement, isScrollTargetElementActive, scrollTargetElementPlugin, scrollTargetElementType } from "./plugins/element/scrollTargets/ScrollTargetElement.js";
-import { withScrollTargets } from "./plugins/element/scrollTargets/withScrollTargets.js";
-import { createEmptyTableCellElement, isTableCellElement, tableCellElementPlugin, tableCellElementType } from "./plugins/element/tables/TableCellElement.js";
-import { createEmptyTableElement, getTableElementColumnCount, getTableElementRowCount, isTableElement, tableElementPlugin, tableElementType } from "./plugins/element/tables/TableElement.js";
-import { createEmptyTableRowElement, isTableRowElement, tableRowElementPlugin, tableRowElementType } from "./plugins/element/tables/TableRowElement.js";
-import { withTables } from "./plugins/element/tables/withTables.js";
-import { TableModifications } from "./plugins/element/tables/TableModifications.js";
-import { createAlignHandler } from "./plugins/attributes/alignment/alignButton.js";
-import { withBold } from "./plugins/text/bold/withBold.js";
-import { boldMark, boldMarkPlugin } from "./plugins/text/bold/boldMark.js";
-import { withCode } from "./plugins/text/code/withCode.js";
-import { codeMark, codeMarkPlugin } from "./plugins/text/code/codeMark.js";
-import { withHighlight } from "./plugins/text/highlight/withHighlight.js";
-import { highlightMark, highlightMarkPlugin } from "./plugins/text/highlight/highlightMark.js";
-import { withItalic } from "./plugins/text/italic/withItalic.js";
-import { italicMark, italicMarkPlugin } from "./plugins/text/italic/italicMark.js";
-import { withNewline } from "./plugins/text/newline/withNewline.js";
-import { withStrikeThrough } from "./plugins/text/strikeThrough/withStrikeThrough.js";
-import { strikeThroughMark, strikeThroughPlugin } from "./plugins/text/strikeThrough/strikeThroughMark.js";
-import { withUnderline } from "./plugins/text/underline/withUnderline.js";
-import { underlineMark, underlineMarkPlugin } from "./plugins/text/underline/underlineMark.js";
-import { createMarkHtmlDeserializer } from "./plugins/behaviour/paste/createMarkHtmlDeserializer.js";
-import { withPaste } from "./plugins/behaviour/paste/withPaste.js";
+import { anchorElementPlugin, anchorElementType, isAnchorElement, isAnchorElementActive } from "./src/plugins/element/anchors/AnchorElement.js";
+import { anchorHtmlDeserializer } from "./src/plugins/element/anchors/AnchorHtmlDeserializer.js";
+import { withAnchors } from "./src/plugins/element/anchors/withAnchors.js";
+import { ejectHeadingElement, headingElementPlugin, headingElementType, isHeadingElement } from "./src/plugins/element/headings/HeadingElement.js";
+import { headingHtmlDeserializer } from "./src/plugins/element/headings/HeadingHtmlDeserializer.js";
+import { withHeadings } from "./src/plugins/element/headings/withHeadings.js";
+import { horizontalRuleElementPlugin, horizontalRuleElementType, isHorizontalRuleElement, isHorizontalRuleElementActive } from "./src/plugins/element/horizonalRules/HorizontalRuleElement.js";
+import { withHorizontalRules } from "./src/plugins/element/horizonalRules/withHorizontalRules.js";
+import { isListItemElement, listItemElementPlugin, listItemElementType } from "./src/plugins/element/lists/ListItemElement.js";
+import { listHtmlDeserializerFactory } from "./src/plugins/element/lists/ListHtmlDeserializer.js";
+import { isOrderedListElement, orderedListElementPlugin, orderedListElementType } from "./src/plugins/element/lists/OrderedListElement.js";
+import { isUnorderedListElement, unorderedListElementPlugin, unorderedListElementType } from "./src/plugins/element/lists/UnorderedListElement.js";
+import { withLists } from "./src/plugins/element/lists/withLists.js";
+import { isParagraphElement, paragraphElementPlugin, paragraphElementType } from "./src/plugins/element/paragraphs/ParagraphElement.js";
+import { paragraphHtmlDeserializer } from "./src/plugins/element/paragraphs/ParagraphHtmlDeserializer.js";
+import { withParagraphs } from "./src/plugins/element/paragraphs/withParagraphs.js";
+import { isScrollTargetElement, isScrollTargetElementActive, scrollTargetElementPlugin, scrollTargetElementType } from "./src/plugins/element/scrollTargets/ScrollTargetElement.js";
+import { withScrollTargets } from "./src/plugins/element/scrollTargets/withScrollTargets.js";
+import { createEmptyTableCellElement, isTableCellElement, tableCellElementPlugin, tableCellElementType } from "./src/plugins/element/tables/TableCellElement.js";
+import { createEmptyTableElement, getTableElementColumnCount, getTableElementRowCount, isTableElement, tableElementPlugin, tableElementType } from "./src/plugins/element/tables/TableElement.js";
+import { createEmptyTableRowElement, isTableRowElement, tableRowElementPlugin, tableRowElementType } from "./src/plugins/element/tables/TableRowElement.js";
+import { withTables } from "./src/plugins/element/tables/withTables.js";
+import { TableModifications } from "./src/plugins/element/tables/TableModifications.js";
+import { createAlignHandler } from "./src/plugins/attributes/alignment/alignButton.js";
+import { withBold } from "./src/plugins/text/bold/withBold.js";
+import { boldMark, boldMarkPlugin } from "./src/plugins/text/bold/boldMark.js";
+import { withCode } from "./src/plugins/text/code/withCode.js";
+import { codeMark, codeMarkPlugin } from "./src/plugins/text/code/codeMark.js";
+import { withHighlight } from "./src/plugins/text/highlight/withHighlight.js";
+import { highlightMark, highlightMarkPlugin } from "./src/plugins/text/highlight/highlightMark.js";
+import { withItalic } from "./src/plugins/text/italic/withItalic.js";
+import { italicMark, italicMarkPlugin } from "./src/plugins/text/italic/italicMark.js";
+import { withNewline } from "./src/plugins/text/newline/withNewline.js";
+import { withStrikeThrough } from "./src/plugins/text/strikeThrough/withStrikeThrough.js";
+import { strikeThroughMark, strikeThroughPlugin } from "./src/plugins/text/strikeThrough/strikeThroughMark.js";
+import { withUnderline } from "./src/plugins/text/underline/withUnderline.js";
+import { underlineMark, underlineMarkPlugin } from "./src/plugins/text/underline/underlineMark.js";
+import { createMarkHtmlDeserializer } from "./src/plugins/behaviour/paste/createMarkHtmlDeserializer.js";
+import { withPaste } from "./src/plugins/behaviour/paste/withPaste.js";
 export {
   ContemberEditor,
   EditorElementTrigger,

package/dist/development/src/components/RichTextEditor.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const reactBinding = require("@contember/react-binding");
+const React = require("react");
+const Slate = require("slate");
+const slateReact = require("slate-react");
+const useRichTextFieldNodes = require("../internal/hooks/useRichTextFieldNodes.cjs");
+const createEditor = require("../editor/createEditor.cjs");
+const ParagraphElement = require("../plugins/element/paragraphs/ParagraphElement.cjs");
+const RichTextEditor = reactBinding.Component(
+  (props) => {
+    const entity = reactBinding.useEntity();
+    const environment = entity.environment;
+    const getParent = entity.getAccessor;
+    const desugaredField = React.useMemo(
+      () => reactBinding.QueryLanguage.desugarRelativeSingleField(props, environment),
+      [environment, props]
+    );
+    const fieldAccessor = React.useMemo(() => entity.getRelativeSingleField(desugaredField), [entity, desugaredField]);
+    const [contemberFieldElementCache] = React.useState(() => /* @__PURE__ */ new WeakMap());
+    const [editor] = React.useState(() => {
+      const { editor: editor2 } = createEditor.createEditor({
+        plugins: props.plugins,
+        defaultElementType: ParagraphElement.paragraphElementType,
+        entity,
+        environment,
+        children: props.children
+      });
+      const { normalizeNode } = editor2;
+      Object.assign(editor2, {
+        insertBreak: () => {
+          Slate.Transforms.insertText(editor2, "\n");
+        },
+        normalizeNode: (nodeEntry) => {
+          const [node, path] = nodeEntry;
+          if (path.length === 0 && Slate.Element.isAncestor(node)) {
+            if (node.children.length > 1) {
+              return Slate.Editor.withoutNormalizing(editor2, () => {
+                const targetPath = [0, editor2.children[0].children.length];
+                Slate.Transforms.moveNodes(editor2, {
+                  at: [1],
+                  to: targetPath
+                });
+                Slate.Transforms.unwrapNodes(editor2, { at: targetPath });
+              });
+            }
+            if (Slate.Element.isElement(node.children[0]) && !editor2.isDefaultElement(node.children[0])) {
+              return Slate.Editor.withoutNormalizing(editor2, () => {
+                Slate.Transforms.wrapNodes(editor2, editor2.createDefaultElement([{ text: "" }]), {
+                  at: path
+                });
+                Slate.Transforms.unwrapNodes(editor2, { at: [0, 0] });
+              });
+            }
+          }
+          if (Slate.Element.isElement(node) && Slate.Editor.isBlock(editor2, node) && path.length > 1) {
+            return Slate.Transforms.unwrapNodes(editor2, { at: path });
+          }
+          normalizeNode(nodeEntry);
+        }
+      });
+      return editor2;
+    });
+    const valueNodes = useRichTextFieldNodes.useRichTextFieldNodes({
+      editor,
+      fieldAccessor,
+      contemberFieldElementCache
+    });
+    const serialize = editor.serializeNodes;
+    const onChange = React.useCallback(
+      (value) => {
+        getParent().batchUpdates((getAccessor) => {
+          const fieldAccessor2 = getAccessor().getRelativeSingleField(desugaredField);
+          if (Slate.Node.string({ type: "dummy", children: value }) === "" && fieldAccessor2.valueOnServer === null) {
+            fieldAccessor2.updateValue(null);
+            return;
+          }
+          if (Slate.Element.isElement(value[0])) {
+            fieldAccessor2.updateValue(serialize(value[0].children));
+            contemberFieldElementCache.set(getAccessor().getRelativeSingleField(desugaredField), value);
+          }
+        });
+      },
+      [getParent, contemberFieldElementCache, desugaredField, serialize]
+    );
+    return /* @__PURE__ */ jsxDevRuntime.jsxDEV(slateReact.Slate, { editor, initialValue: valueNodes, onChange, children: props.children }, void 0, false, {
+      fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+      lineNumber: 111,
+      columnNumber: 4
+    }, void 0);
+  },
+  (props) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.Field, { defaultValue: props.defaultValue, field: props.field, isNonbearing: props.isNonbearing }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+    lineNumber: 118,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+    lineNumber: 117,
+    columnNumber: 3
+  }, void 0),
+  "RichTextEditor"
+);
+exports.RichTextEditor = RichTextEditor;
+//# sourceMappingURL=RichTextEditor.cjs.map

package/dist/development/src/components/RichTextEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../../packages/react-slate-editor-base/src/components/RichTextEditor.tsx"],"sourcesContent":["import { Component, Field, FieldAccessor, FieldBasicProps, QueryLanguage, useEntity } from '@contember/react-binding'\nimport { FunctionComponent, useCallback, useMemo, useState } from 'react'\nimport { Descendant, Editor, Element as SlateElement, Node as SlateNode, NodeEntry, Transforms } from 'slate'\nimport { Slate } from 'slate-react'\nimport { createEditor, CreateEditorPublicOptions } from '../editor'\nimport { paragraphElementType } from '../plugins'\nimport { useRichTextFieldNodes } from '../internal/hooks/useRichTextFieldNodes'\n\nexport type RichTextEditorProps =\n\t& FieldBasicProps\n\t& CreateEditorPublicOptions\n\t& {\n\t\tchildren: React.ReactNode\n\t}\n\n/**\n * Rich text field supports more advanced formatting capabilities. Output of this field is a JSON.\n *\n * @group Form Fields\n */\nexport const RichTextEditor: FunctionComponent<RichTextEditorProps> = Component(\n\tprops => {\n\t\tconst entity = useEntity()\n\t\tconst environment = entity.environment\n\t\tconst getParent = entity.getAccessor\n\n\t\tconst desugaredField = useMemo(\n\t\t\t() => QueryLanguage.desugarRelativeSingleField(props, environment),\n\t\t\t[environment, props],\n\t\t)\n\t\tconst fieldAccessor = useMemo(() => entity.getRelativeSingleField<string>(desugaredField), [entity, desugaredField])\n\n\t\t// The cache is questionable, really.\n\t\tconst [contemberFieldElementCache] = useState(() => new WeakMap<FieldAccessor<string>, SlateElement[]>())\n\n\n\t\tconst [editor] = useState(() => {\n\t\t\tconst { editor } = createEditor({\n\t\t\t\tplugins: props.plugins,\n\t\t\t\tdefaultElementType: paragraphElementType,\n\t\t\t\tentity,\n\t\t\t\tenvironment,\n\t\t\t\tchildren: props.children,\n\t\t\t})\n\n\t\t\tconst { normalizeNode } = editor\n\t\t\tObject.assign(editor, {\n\t\t\t\tinsertBreak: () => {\n\t\t\t\t\tTransforms.insertText(editor, '\\n')\n\t\t\t\t},\n\t\t\t\tnormalizeNode: (nodeEntry: NodeEntry) => {\n\t\t\t\t\tconst [node, path] = nodeEntry\n\t\t\t\t\tif (path.length === 0 && SlateElement.isAncestor(node)) {\n\t\t\t\t\t\t// Enforce that there's exactly one child and that it's\n\t\t\t\t\t\tif (node.children.length > 1) {\n\t\t\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t\t\tconst targetPath = [0, (editor.children[0] as SlateElement).children.length]\n\t\t\t\t\t\t\t\tTransforms.moveNodes(editor, {\n\t\t\t\t\t\t\t\t\tat: [1],\n\t\t\t\t\t\t\t\t\tto: targetPath,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\tTransforms.unwrapNodes(editor, { at: targetPath })\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (SlateElement.isElement(node.children[0]) && !editor.isDefaultElement(node.children[0])) {\n\t\t\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t\t\tTransforms.wrapNodes(editor, editor.createDefaultElement([{ text: '' }]), {\n\t\t\t\t\t\t\t\t\tat: path,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\tTransforms.unwrapNodes(editor, { at: [0, 0] })\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (SlateElement.isElement(node) && Editor.isBlock(editor, node) && path.length > 1) {\n\t\t\t\t\t\treturn Transforms.unwrapNodes(editor, { at: path })\n\t\t\t\t\t}\n\t\t\t\t\tnormalizeNode(nodeEntry)\n\t\t\t\t},\n\t\t\t})\n\n\t\t\treturn editor\n\t\t})\n\n\t\tconst valueNodes = useRichTextFieldNodes({\n\t\t\teditor,\n\t\t\tfieldAccessor,\n\t\t\tcontemberFieldElementCache,\n\t\t})\n\n\t\tconst serialize = editor.serializeNodes\n\t\tconst onChange = useCallback(\n\t\t\t(value: Descendant[]) => {\n\t\t\t\tgetParent().batchUpdates(getAccessor => {\n\t\t\t\t\tconst fieldAccessor = getAccessor().getRelativeSingleField(desugaredField)\n\n\t\t\t\t\tif (SlateNode.string({ type: 'dummy', children: value }) === '' && fieldAccessor.valueOnServer === null) {\n\t\t\t\t\t\tfieldAccessor.updateValue(null)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\tif (SlateElement.isElement(value[0])) {\n\t\t\t\t\t\tfieldAccessor.updateValue(serialize(value[0].children))\n\t\t\t\t\t\tcontemberFieldElementCache.set(getAccessor().getRelativeSingleField(desugaredField), value as SlateElement[])\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t[getParent, contemberFieldElementCache, desugaredField, serialize],\n\t\t)\n\n\t\treturn (\n\t\t\t<Slate editor={editor} initialValue={valueNodes} onChange={onChange}>\n\t\t\t\t{props.children}\n\t\t\t</Slate>\n\t\t)\n\t},\n\tprops => (\n\t\t<>\n\t\t\t<Field defaultValue={props.defaultValue} field={props.field} isNonbearing={props.isNonbearing} />\n\t\t</>\n\t),\n\t'RichTextEditor',\n)\n\n"],"names":["Component","useEntity","useMemo","QueryLanguage","useState","editor","createEditor","paragraphElementType","Transforms","SlateElement","Editor","useRichTextFieldNodes","useCallback","fieldAccessor","SlateNode","Slate","this","jsxDEV","Fragment","Field"],"mappings":"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"}

package/dist/development/src/components/RichTextEditor.js

@@ -0,0 +1,105 @@
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { Component, useEntity, QueryLanguage, Field } from "@contember/react-binding";
+import { useMemo, useState, useCallback } from "react";
+import { Transforms, Element, Editor, Node } from "slate";
+import { Slate } from "slate-react";
+import { useRichTextFieldNodes } from "../internal/hooks/useRichTextFieldNodes.js";
+import { createEditor } from "../editor/createEditor.js";
+import { paragraphElementType } from "../plugins/element/paragraphs/ParagraphElement.js";
+const RichTextEditor = Component(
+  (props) => {
+    const entity = useEntity();
+    const environment = entity.environment;
+    const getParent = entity.getAccessor;
+    const desugaredField = useMemo(
+      () => QueryLanguage.desugarRelativeSingleField(props, environment),
+      [environment, props]
+    );
+    const fieldAccessor = useMemo(() => entity.getRelativeSingleField(desugaredField), [entity, desugaredField]);
+    const [contemberFieldElementCache] = useState(() => /* @__PURE__ */ new WeakMap());
+    const [editor] = useState(() => {
+      const { editor: editor2 } = createEditor({
+        plugins: props.plugins,
+        defaultElementType: paragraphElementType,
+        entity,
+        environment,
+        children: props.children
+      });
+      const { normalizeNode } = editor2;
+      Object.assign(editor2, {
+        insertBreak: () => {
+          Transforms.insertText(editor2, "\n");
+        },
+        normalizeNode: (nodeEntry) => {
+          const [node, path] = nodeEntry;
+          if (path.length === 0 && Element.isAncestor(node)) {
+            if (node.children.length > 1) {
+              return Editor.withoutNormalizing(editor2, () => {
+                const targetPath = [0, editor2.children[0].children.length];
+                Transforms.moveNodes(editor2, {
+                  at: [1],
+                  to: targetPath
+                });
+                Transforms.unwrapNodes(editor2, { at: targetPath });
+              });
+            }
+            if (Element.isElement(node.children[0]) && !editor2.isDefaultElement(node.children[0])) {
+              return Editor.withoutNormalizing(editor2, () => {
+                Transforms.wrapNodes(editor2, editor2.createDefaultElement([{ text: "" }]), {
+                  at: path
+                });
+                Transforms.unwrapNodes(editor2, { at: [0, 0] });
+              });
+            }
+          }
+          if (Element.isElement(node) && Editor.isBlock(editor2, node) && path.length > 1) {
+            return Transforms.unwrapNodes(editor2, { at: path });
+          }
+          normalizeNode(nodeEntry);
+        }
+      });
+      return editor2;
+    });
+    const valueNodes = useRichTextFieldNodes({
+      editor,
+      fieldAccessor,
+      contemberFieldElementCache
+    });
+    const serialize = editor.serializeNodes;
+    const onChange = useCallback(
+      (value) => {
+        getParent().batchUpdates((getAccessor) => {
+          const fieldAccessor2 = getAccessor().getRelativeSingleField(desugaredField);
+          if (Node.string({ type: "dummy", children: value }) === "" && fieldAccessor2.valueOnServer === null) {
+            fieldAccessor2.updateValue(null);
+            return;
+          }
+          if (Element.isElement(value[0])) {
+            fieldAccessor2.updateValue(serialize(value[0].children));
+            contemberFieldElementCache.set(getAccessor().getRelativeSingleField(desugaredField), value);
+          }
+        });
+      },
+      [getParent, contemberFieldElementCache, desugaredField, serialize]
+    );
+    return /* @__PURE__ */ jsxDEV(Slate, { editor, initialValue: valueNodes, onChange, children: props.children }, void 0, false, {
+      fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+      lineNumber: 111,
+      columnNumber: 4
+    }, void 0);
+  },
+  (props) => /* @__PURE__ */ jsxDEV(Fragment, { children: /* @__PURE__ */ jsxDEV(Field, { defaultValue: props.defaultValue, field: props.field, isNonbearing: props.isNonbearing }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+    lineNumber: 118,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/RichTextEditor.tsx",
+    lineNumber: 117,
+    columnNumber: 3
+  }, void 0),
+  "RichTextEditor"
+);
+export {
+  RichTextEditor
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/development/src/components/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../../../packages/react-slate-editor-base/src/components/RichTextEditor.tsx"],"sourcesContent":["import { Component, Field, FieldAccessor, FieldBasicProps, QueryLanguage, useEntity } from '@contember/react-binding'\nimport { FunctionComponent, useCallback, useMemo, useState } from 'react'\nimport { Descendant, Editor, Element as SlateElement, Node as SlateNode, NodeEntry, Transforms } from 'slate'\nimport { Slate } from 'slate-react'\nimport { createEditor, CreateEditorPublicOptions } from '../editor'\nimport { paragraphElementType } from '../plugins'\nimport { useRichTextFieldNodes } from '../internal/hooks/useRichTextFieldNodes'\n\nexport type RichTextEditorProps =\n\t& FieldBasicProps\n\t& CreateEditorPublicOptions\n\t& {\n\t\tchildren: React.ReactNode\n\t}\n\n/**\n * Rich text field supports more advanced formatting capabilities. Output of this field is a JSON.\n *\n * @group Form Fields\n */\nexport const RichTextEditor: FunctionComponent<RichTextEditorProps> = Component(\n\tprops => {\n\t\tconst entity = useEntity()\n\t\tconst environment = entity.environment\n\t\tconst getParent = entity.getAccessor\n\n\t\tconst desugaredField = useMemo(\n\t\t\t() => QueryLanguage.desugarRelativeSingleField(props, environment),\n\t\t\t[environment, props],\n\t\t)\n\t\tconst fieldAccessor = useMemo(() => entity.getRelativeSingleField<string>(desugaredField), [entity, desugaredField])\n\n\t\t// The cache is questionable, really.\n\t\tconst [contemberFieldElementCache] = useState(() => new WeakMap<FieldAccessor<string>, SlateElement[]>())\n\n\n\t\tconst [editor] = useState(() => {\n\t\t\tconst { editor } = createEditor({\n\t\t\t\tplugins: props.plugins,\n\t\t\t\tdefaultElementType: paragraphElementType,\n\t\t\t\tentity,\n\t\t\t\tenvironment,\n\t\t\t\tchildren: props.children,\n\t\t\t})\n\n\t\t\tconst { normalizeNode } = editor\n\t\t\tObject.assign(editor, {\n\t\t\t\tinsertBreak: () => {\n\t\t\t\t\tTransforms.insertText(editor, '\\n')\n\t\t\t\t},\n\t\t\t\tnormalizeNode: (nodeEntry: NodeEntry) => {\n\t\t\t\t\tconst [node, path] = nodeEntry\n\t\t\t\t\tif (path.length === 0 && SlateElement.isAncestor(node)) {\n\t\t\t\t\t\t// Enforce that there's exactly one child and that it's\n\t\t\t\t\t\tif (node.children.length > 1) {\n\t\t\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t\t\tconst targetPath = [0, (editor.children[0] as SlateElement).children.length]\n\t\t\t\t\t\t\t\tTransforms.moveNodes(editor, {\n\t\t\t\t\t\t\t\t\tat: [1],\n\t\t\t\t\t\t\t\t\tto: targetPath,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\tTransforms.unwrapNodes(editor, { at: targetPath })\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (SlateElement.isElement(node.children[0]) && !editor.isDefaultElement(node.children[0])) {\n\t\t\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t\t\tTransforms.wrapNodes(editor, editor.createDefaultElement([{ text: '' }]), {\n\t\t\t\t\t\t\t\t\tat: path,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\tTransforms.unwrapNodes(editor, { at: [0, 0] })\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (SlateElement.isElement(node) && Editor.isBlock(editor, node) && path.length > 1) {\n\t\t\t\t\t\treturn Transforms.unwrapNodes(editor, { at: path })\n\t\t\t\t\t}\n\t\t\t\t\tnormalizeNode(nodeEntry)\n\t\t\t\t},\n\t\t\t})\n\n\t\t\treturn editor\n\t\t})\n\n\t\tconst valueNodes = useRichTextFieldNodes({\n\t\t\teditor,\n\t\t\tfieldAccessor,\n\t\t\tcontemberFieldElementCache,\n\t\t})\n\n\t\tconst serialize = editor.serializeNodes\n\t\tconst onChange = useCallback(\n\t\t\t(value: Descendant[]) => {\n\t\t\t\tgetParent().batchUpdates(getAccessor => {\n\t\t\t\t\tconst fieldAccessor = getAccessor().getRelativeSingleField(desugaredField)\n\n\t\t\t\t\tif (SlateNode.string({ type: 'dummy', children: value }) === '' && fieldAccessor.valueOnServer === null) {\n\t\t\t\t\t\tfieldAccessor.updateValue(null)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\tif (SlateElement.isElement(value[0])) {\n\t\t\t\t\t\tfieldAccessor.updateValue(serialize(value[0].children))\n\t\t\t\t\t\tcontemberFieldElementCache.set(getAccessor().getRelativeSingleField(desugaredField), value as SlateElement[])\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t[getParent, contemberFieldElementCache, desugaredField, serialize],\n\t\t)\n\n\t\treturn (\n\t\t\t<Slate editor={editor} initialValue={valueNodes} onChange={onChange}>\n\t\t\t\t{props.children}\n\t\t\t</Slate>\n\t\t)\n\t},\n\tprops => (\n\t\t<>\n\t\t\t<Field defaultValue={props.defaultValue} field={props.field} isNonbearing={props.isNonbearing} />\n\t\t</>\n\t),\n\t'RichTextEditor',\n)\n\n"],"names":["editor","SlateElement","fieldAccessor","SlateNode","this"],"mappings":"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"}

package/dist/development/src/components/triggers/EditorElementTrigger.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const slateReact = require("slate-react");
+const reactSlot = require("@radix-ui/react-slot");
+const utilities = require("@contember/utilities");
+const EditorElementTrigger = ({ elementType, suchThat, ...props }) => {
+  const editor = slateReact.useSlate();
+  const isActive = editor.isElementActive(elementType, suchThat);
+  const onClick = () => {
+    editor.toggleElement(elementType, suchThat);
+  };
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(isActive), ...props }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/triggers/EditorElementTrigger.tsx",
+    lineNumber: 21,
+    columnNumber: 9
+  }, void 0);
+};
+exports.EditorElementTrigger = EditorElementTrigger;
+//# sourceMappingURL=EditorElementTrigger.cjs.map

package/dist/development/src/components/triggers/EditorElementTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorElementTrigger.cjs","sources":["../../../../../../packages/react-slate-editor-base/src/components/triggers/EditorElementTrigger.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ReactElement } from 'react'\nimport { useSlate } from 'slate-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { dataAttribute } from '@contember/utilities'\n\nexport interface EditorElementTriggerProps {\n\telementType: string\n\tsuchThat?: Record<string, unknown>\n\tchildren: ReactElement\n}\n\nexport const EditorElementTrigger = ({ elementType, suchThat, ...props }: EditorElementTriggerProps) => {\n\tconst editor = useSlate()\n\n\tconst isActive = editor.isElementActive(elementType, suchThat)\n\tconst onClick = () => {\n\t\teditor.toggleElement(elementType, suchThat)\n\t}\n\n\treturn <Slot onClick={onClick} data-active={dataAttribute(isActive)} {...props} />\n}\n"],"names":["useSlate","jsxDEV","Slot","dataAttribute","this"],"mappings":";;;;;;AAYO,MAAM,uBAAuB,CAAC,EAAE,aAAa,UAAU,GAAG,YAAuC;AACvG,QAAM,SAASA,WAAAA;AAEf,QAAM,WAAW,OAAO,gBAAgB,aAAa,QAAQ;AAC7D,QAAM,UAAU,MAAM;AACd,WAAA,cAAc,aAAa,QAAQ;AAAA,EAAA;AAGpC,SAAAC,qCAACC,UAAAA,QAAK,SAAkB,eAAaC,UAAAA,cAAc,QAAQ,GAAI,GAAG,MAAlE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAyE,GAAAC,MAAA;AACjF;;"}

package/dist/development/src/components/triggers/EditorElementTrigger.js

@@ -0,0 +1,20 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useSlate } from "slate-react";
+import { Slot } from "@radix-ui/react-slot";
+import { dataAttribute } from "@contember/utilities";
+const EditorElementTrigger = ({ elementType, suchThat, ...props }) => {
+  const editor = useSlate();
+  const isActive = editor.isElementActive(elementType, suchThat);
+  const onClick = () => {
+    editor.toggleElement(elementType, suchThat);
+  };
+  return /* @__PURE__ */ jsxDEV(Slot, { onClick, "data-active": dataAttribute(isActive), ...props }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/triggers/EditorElementTrigger.tsx",
+    lineNumber: 21,
+    columnNumber: 9
+  }, void 0);
+};
+export {
+  EditorElementTrigger
+};
+//# sourceMappingURL=EditorElementTrigger.js.map

package/dist/development/src/components/triggers/EditorElementTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorElementTrigger.js","sources":["../../../../../../packages/react-slate-editor-base/src/components/triggers/EditorElementTrigger.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ReactElement } from 'react'\nimport { useSlate } from 'slate-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { dataAttribute } from '@contember/utilities'\n\nexport interface EditorElementTriggerProps {\n\telementType: string\n\tsuchThat?: Record<string, unknown>\n\tchildren: ReactElement\n}\n\nexport const EditorElementTrigger = ({ elementType, suchThat, ...props }: EditorElementTriggerProps) => {\n\tconst editor = useSlate()\n\n\tconst isActive = editor.isElementActive(elementType, suchThat)\n\tconst onClick = () => {\n\t\teditor.toggleElement(elementType, suchThat)\n\t}\n\n\treturn <Slot onClick={onClick} data-active={dataAttribute(isActive)} {...props} />\n}\n"],"names":["this"],"mappings":";;;;AAYO,MAAM,uBAAuB,CAAC,EAAE,aAAa,UAAU,GAAG,YAAuC;AACvG,QAAM,SAAS;AAEf,QAAM,WAAW,OAAO,gBAAgB,aAAa,QAAQ;AAC7D,QAAM,UAAU,MAAM;AACd,WAAA,cAAc,aAAa,QAAQ;AAAA,EAAA;AAGpC,SAAA,uBAAC,QAAK,SAAkB,eAAa,cAAc,QAAQ,GAAI,GAAG,MAAlE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAyE,GAAAA,MAAA;AACjF;"}

package/dist/development/src/components/triggers/EditorGenericTrigger.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const utilities = require("@contember/utilities");
+const slateReact = require("slate-react");
+const EditorGenericTrigger = ({ toggle, isActive, shouldDisplay, ...props }) => {
+  const editor = slateReact.useSlate();
+  const onClick = () => {
+    toggle({ editor });
+  };
+  const active = isActive?.({ editor }) ?? false;
+  const display = shouldDisplay?.({ editor }) ?? true;
+  if (!display) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(active), ...props }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/triggers/EditorGenericTrigger.tsx",
+    lineNumber: 26,
+    columnNumber: 9
+  }, void 0);
+};
+exports.EditorGenericTrigger = EditorGenericTrigger;
+//# sourceMappingURL=EditorGenericTrigger.cjs.map

package/dist/development/src/components/triggers/EditorGenericTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorGenericTrigger.cjs","sources":["../../../../../../packages/react-slate-editor-base/src/components/triggers/EditorGenericTrigger.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ReactElement } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { Editor } from 'slate'\nimport { dataAttribute } from '@contember/utilities'\nimport { useSlate } from 'slate-react'\n\nexport interface EditorGenericTriggerProps {\n\tisActive?: (args: { editor: Editor }) => boolean\n\tshouldDisplay?: (args: { editor: Editor }) => boolean\n\ttoggle: (args: { editor: Editor }) => void\n\tchildren: ReactElement\n}\n\nexport const EditorGenericTrigger = ({ toggle, isActive, shouldDisplay, ...props }: EditorGenericTriggerProps) => {\n\n\tconst editor = useSlate()\n\tconst onClick = () => {\n\t\ttoggle({ editor })\n\t}\n\tconst active = isActive?.({ editor }) ?? false\n\tconst display = shouldDisplay?.({ editor }) ?? true\n\tif (!display) {\n\t\treturn null\n\t}\n\treturn <Slot onClick={onClick} data-active={dataAttribute(active)} {...props} />\n}\n"],"names":["useSlate","jsxDEV","Slot","dataAttribute","this"],"mappings":";;;;;;AAca,MAAA,uBAAuB,CAAC,EAAE,QAAQ,UAAU,eAAe,GAAG,YAAuC;AAEjH,QAAM,SAASA,WAAAA;AACf,QAAM,UAAU,MAAM;AACd,WAAA,EAAE,QAAQ;AAAA,EAAA;AAElB,QAAM,SAAS,WAAW,EAAE,OAAQ,CAAA,KAAK;AACzC,QAAM,UAAU,gBAAgB,EAAE,OAAQ,CAAA,KAAK;AAC/C,MAAI,CAAC,SAAS;AACN,WAAA;AAAA,EACR;AACO,SAAAC,qCAACC,UAAAA,QAAK,SAAkB,eAAaC,UAAAA,cAAc,MAAM,GAAI,GAAG,MAAhE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAuE,GAAAC,MAAA;AAC/E;;"}

package/dist/development/src/components/triggers/EditorGenericTrigger.js

@@ -0,0 +1,24 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { dataAttribute } from "@contember/utilities";
+import { useSlate } from "slate-react";
+const EditorGenericTrigger = ({ toggle, isActive, shouldDisplay, ...props }) => {
+  const editor = useSlate();
+  const onClick = () => {
+    toggle({ editor });
+  };
+  const active = isActive?.({ editor }) ?? false;
+  const display = shouldDisplay?.({ editor }) ?? true;
+  if (!display) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV(Slot, { onClick, "data-active": dataAttribute(active), ...props }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/triggers/EditorGenericTrigger.tsx",
+    lineNumber: 26,
+    columnNumber: 9
+  }, void 0);
+};
+export {
+  EditorGenericTrigger
+};
+//# sourceMappingURL=EditorGenericTrigger.js.map

package/dist/development/src/components/triggers/EditorGenericTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorGenericTrigger.js","sources":["../../../../../../packages/react-slate-editor-base/src/components/triggers/EditorGenericTrigger.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ReactElement } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { Editor } from 'slate'\nimport { dataAttribute } from '@contember/utilities'\nimport { useSlate } from 'slate-react'\n\nexport interface EditorGenericTriggerProps {\n\tisActive?: (args: { editor: Editor }) => boolean\n\tshouldDisplay?: (args: { editor: Editor }) => boolean\n\ttoggle: (args: { editor: Editor }) => void\n\tchildren: ReactElement\n}\n\nexport const EditorGenericTrigger = ({ toggle, isActive, shouldDisplay, ...props }: EditorGenericTriggerProps) => {\n\n\tconst editor = useSlate()\n\tconst onClick = () => {\n\t\ttoggle({ editor })\n\t}\n\tconst active = isActive?.({ editor }) ?? false\n\tconst display = shouldDisplay?.({ editor }) ?? true\n\tif (!display) {\n\t\treturn null\n\t}\n\treturn <Slot onClick={onClick} data-active={dataAttribute(active)} {...props} />\n}\n"],"names":["this"],"mappings":";;;;AAca,MAAA,uBAAuB,CAAC,EAAE,QAAQ,UAAU,eAAe,GAAG,YAAuC;AAEjH,QAAM,SAAS;AACf,QAAM,UAAU,MAAM;AACd,WAAA,EAAE,QAAQ;AAAA,EAAA;AAElB,QAAM,SAAS,WAAW,EAAE,OAAQ,CAAA,KAAK;AACzC,QAAM,UAAU,gBAAgB,EAAE,OAAQ,CAAA,KAAK;AAC/C,MAAI,CAAC,SAAS;AACN,WAAA;AAAA,EACR;AACO,SAAA,uBAAC,QAAK,SAAkB,eAAa,cAAc,MAAM,GAAI,GAAG,MAAhE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAuE,GAAAA,MAAA;AAC/E;"}

package/dist/development/src/components/triggers/EditorMarkTrigger.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const slateReact = require("slate-react");
+const reactSlot = require("@radix-ui/react-slot");
+const utilities = require("@contember/utilities");
+const EditorMarkTrigger = ({ mark, ...props }) => {
+  const editor = slateReact.useSlate();
+  const isActive = editor.hasMarks({ [mark]: true });
+  const onClick = () => {
+    editor.toggleMarks({ [mark]: true });
+  };
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(isActive), ...props }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-slate-editor-base/src/components/triggers/EditorMarkTrigger.tsx",
+    lineNumber: 20,
+    columnNumber: 9
+  }, void 0);
+};
+exports.EditorMarkTrigger = EditorMarkTrigger;
+//# sourceMappingURL=EditorMarkTrigger.cjs.map

package/dist/development/src/components/triggers/EditorMarkTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorMarkTrigger.cjs","sources":["../../../../../../packages/react-slate-editor-base/src/components/triggers/EditorMarkTrigger.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ReactElement } from 'react'\nimport { useSlate } from 'slate-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { dataAttribute } from '@contember/utilities'\n\nexport interface EditorMarkTriggerProps {\n\tmark: string\n\tchildren: ReactElement\n}\n\nexport const EditorMarkTrigger = ({ mark, ...props }: EditorMarkTriggerProps) => {\n\tconst editor = useSlate()\n\n\tconst isActive = editor.hasMarks({ [mark]: true })\n\tconst onClick = () => {\n\t\teditor.toggleMarks({ [mark]: true })\n\t}\n\n\treturn <Slot onClick={onClick} data-active={dataAttribute(isActive)} {...props} />\n}\n"],"names":["useSlate","jsxDEV","Slot","dataAttribute","this"],"mappings":";;;;;;AAWO,MAAM,oBAAoB,CAAC,EAAE,MAAM,GAAG,YAAoC;AAChF,QAAM,SAASA,WAAAA;AAET,QAAA,WAAW,OAAO,SAAS,EAAE,CAAC,IAAI,GAAG,MAAM;AACjD,QAAM,UAAU,MAAM;AACrB,WAAO,YAAY,EAAE,CAAC,IAAI,GAAG,KAAM,CAAA;AAAA,EAAA;AAG7B,SAAAC,qCAACC,UAAAA,QAAK,SAAkB,eAAaC,UAAAA,cAAc,QAAQ,GAAI,GAAG,MAAlE,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAyE,GAAAC,MAAA;AACjF;;"}