@contember/react-slate-editor-base 2.1.0-alpha.37 → 2.1.0-alpha.39

package/dist/development/index.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./src/editor/index.cjs");
+const slateReexport = require("./src/slate-reexport.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 Slate = require("slate");
+const EditorWrapNodeTrigger = require("./src/components/triggers/EditorWrapNodeTrigger.cjs");
+const RichTextEditor = require("./src/components/RichTextEditor.cjs");
+const TableModifications = require("./src/plugins/element/tables/TableModifications.cjs");
+const AnchorElement = require("./src/plugins/element/anchors/AnchorElement.cjs");
+const AnchorHtmlDeserializer = require("./src/plugins/element/anchors/AnchorHtmlDeserializer.cjs");
+const boldMark = require("./src/plugins/text/bold/boldMark.cjs");
+const codeMark = require("./src/plugins/text/code/codeMark.cjs");
+const alignButton = require("./src/plugins/attributes/alignment/alignButton.cjs");
+const createEditor = require("./src/editor/createEditor.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 createMarkHtmlDeserializer = require("./src/plugins/behaviour/paste/createMarkHtmlDeserializer.cjs");
+const HeadingElement = require("./src/plugins/element/headings/HeadingElement.cjs");
+const HeadingHtmlDeserializer = require("./src/plugins/element/headings/HeadingHtmlDeserializer.cjs");
+const highlightMark = require("./src/plugins/text/highlight/highlightMark.cjs");
+const HorizontalRuleElement = require("./src/plugins/element/horizonalRules/HorizontalRuleElement.cjs");
+const ListItemElement = require("./src/plugins/element/lists/ListItemElement.cjs");
+const OrderedListElement = require("./src/plugins/element/lists/OrderedListElement.cjs");
+const ParagraphElement = require("./src/plugins/element/paragraphs/ParagraphElement.cjs");
+const ScrollTargetElement = require("./src/plugins/element/scrollTargets/ScrollTargetElement.cjs");
+const UnorderedListElement = require("./src/plugins/element/lists/UnorderedListElement.cjs");
+const italicMark = require("./src/plugins/text/italic/italicMark.cjs");
+const ListHtmlDeserializer = require("./src/plugins/element/lists/ListHtmlDeserializer.cjs");
+const ParagraphHtmlDeserializer = require("./src/plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs");
+const strikeThroughMark = require("./src/plugins/text/strikeThrough/strikeThroughMark.cjs");
+const underlineMark = require("./src/plugins/text/underline/underlineMark.cjs");
+const withAnchors = require("./src/plugins/element/anchors/withAnchors.cjs");
+const withBold = require("./src/plugins/text/bold/withBold.cjs");
+const withCode = require("./src/plugins/text/code/withCode.cjs");
+const withHeadings = require("./src/plugins/element/headings/withHeadings.cjs");
+const withHighlight = require("./src/plugins/text/highlight/withHighlight.cjs");
+const withHorizontalRules = require("./src/plugins/element/horizonalRules/withHorizontalRules.cjs");
+const withItalic = require("./src/plugins/text/italic/withItalic.cjs");
+const withLists = require("./src/plugins/element/lists/withLists.cjs");
+const withNewline = require("./src/plugins/text/newline/withNewline.cjs");
+const withParagraphs = require("./src/plugins/element/paragraphs/withParagraphs.cjs");
+const withPaste = require("./src/plugins/behaviour/paste/withPaste.cjs");
+const withScrollTargets = require("./src/plugins/element/scrollTargets/withScrollTargets.cjs");
+const withStrikeThrough = require("./src/plugins/text/strikeThrough/withStrikeThrough.cjs");
+const withTables = require("./src/plugins/element/tables/withTables.cjs");
+const withUnderline = require("./src/plugins/text/underline/withUnderline.cjs");
+exports.ContemberEditor = index.ContemberEditor;
+exports.EditorUtils = slateReexport.EditorUtils;
+exports.EditorElementTrigger = EditorElementTrigger.EditorElementTrigger;
+exports.EditorGenericTrigger = EditorGenericTrigger.EditorGenericTrigger;
+exports.EditorMarkTrigger = EditorMarkTrigger.EditorMarkTrigger;
+Object.defineProperty(exports, "EditorTransforms", {
+  enumerable: true,
+  get: () => Slate.Transforms
+});
+exports.EditorWrapNodeTrigger = EditorWrapNodeTrigger.EditorWrapNodeTrigger;
+exports.RichTextEditor = RichTextEditor.RichTextEditor;
+exports.TableModifications = TableModifications.TableModifications;
+exports.anchorElementPlugin = AnchorElement.anchorElementPlugin;
+exports.anchorElementType = AnchorElement.anchorElementType;
+exports.isAnchorElement = AnchorElement.isAnchorElement;
+exports.isAnchorElementActive = AnchorElement.isAnchorElementActive;
+exports.anchorHtmlDeserializer = AnchorHtmlDeserializer.anchorHtmlDeserializer;
+exports.boldMark = boldMark.boldMark;
+exports.boldMarkPlugin = boldMark.boldMarkPlugin;
+exports.codeMark = codeMark.codeMark;
+exports.codeMarkPlugin = codeMark.codeMarkPlugin;
+exports.createAlignHandler = alignButton.createAlignHandler;
+exports.createEditor = createEditor.createEditor;
+exports.createEmptyTableCellElement = TableCellElement.createEmptyTableCellElement;
+exports.isTableCellElement = TableCellElement.isTableCellElement;
+exports.tableCellElementPlugin = TableCellElement.tableCellElementPlugin;
+exports.tableCellElementType = TableCellElement.tableCellElementType;
+exports.createEmptyTableElement = TableElement.createEmptyTableElement;
+exports.getTableElementColumnCount = TableElement.getTableElementColumnCount;
+exports.getTableElementRowCount = TableElement.getTableElementRowCount;
+exports.isTableElement = TableElement.isTableElement;
+exports.tableElementPlugin = TableElement.tableElementPlugin;
+exports.tableElementType = TableElement.tableElementType;
+exports.createEmptyTableRowElement = TableRowElement.createEmptyTableRowElement;
+exports.isTableRowElement = TableRowElement.isTableRowElement;
+exports.tableRowElementPlugin = TableRowElement.tableRowElementPlugin;
+exports.tableRowElementType = TableRowElement.tableRowElementType;
+exports.createMarkHtmlDeserializer = createMarkHtmlDeserializer.createMarkHtmlDeserializer;
+exports.ejectHeadingElement = HeadingElement.ejectHeadingElement;
+exports.headingElementPlugin = HeadingElement.headingElementPlugin;
+exports.headingElementType = HeadingElement.headingElementType;
+exports.isHeadingElement = HeadingElement.isHeadingElement;
+exports.headingHtmlDeserializer = HeadingHtmlDeserializer.headingHtmlDeserializer;
+exports.highlightMark = highlightMark.highlightMark;
+exports.highlightMarkPlugin = highlightMark.highlightMarkPlugin;
+exports.horizontalRuleElementPlugin = HorizontalRuleElement.horizontalRuleElementPlugin;
+exports.horizontalRuleElementType = HorizontalRuleElement.horizontalRuleElementType;
+exports.isHorizontalRuleElement = HorizontalRuleElement.isHorizontalRuleElement;
+exports.isHorizontalRuleElementActive = HorizontalRuleElement.isHorizontalRuleElementActive;
+exports.isListItemElement = ListItemElement.isListItemElement;
+exports.listItemElementPlugin = ListItemElement.listItemElementPlugin;
+exports.listItemElementType = ListItemElement.listItemElementType;
+exports.isOrderedListElement = OrderedListElement.isOrderedListElement;
+exports.orderedListElementPlugin = OrderedListElement.orderedListElementPlugin;
+exports.orderedListElementType = OrderedListElement.orderedListElementType;
+exports.isParagraphElement = ParagraphElement.isParagraphElement;
+exports.paragraphElementPlugin = ParagraphElement.paragraphElementPlugin;
+exports.paragraphElementType = ParagraphElement.paragraphElementType;
+exports.isScrollTargetElement = ScrollTargetElement.isScrollTargetElement;
+exports.isScrollTargetElementActive = ScrollTargetElement.isScrollTargetElementActive;
+exports.scrollTargetElementPlugin = ScrollTargetElement.scrollTargetElementPlugin;
+exports.scrollTargetElementType = ScrollTargetElement.scrollTargetElementType;
+exports.isUnorderedListElement = UnorderedListElement.isUnorderedListElement;
+exports.unorderedListElementPlugin = UnorderedListElement.unorderedListElementPlugin;
+exports.unorderedListElementType = UnorderedListElement.unorderedListElementType;
+exports.italicMark = italicMark.italicMark;
+exports.italicMarkPlugin = italicMark.italicMarkPlugin;
+exports.listHtmlDeserializerFactory = ListHtmlDeserializer.listHtmlDeserializerFactory;
+exports.paragraphHtmlDeserializer = ParagraphHtmlDeserializer.paragraphHtmlDeserializer;
+exports.strikeThroughMark = strikeThroughMark.strikeThroughMark;
+exports.strikeThroughPlugin = strikeThroughMark.strikeThroughPlugin;
+exports.underlineMark = underlineMark.underlineMark;
+exports.underlineMarkPlugin = underlineMark.underlineMarkPlugin;
+exports.withAnchors = withAnchors.withAnchors;
+exports.withBold = withBold.withBold;
+exports.withCode = withCode.withCode;
+exports.withHeadings = withHeadings.withHeadings;
+exports.withHighlight = withHighlight.withHighlight;
+exports.withHorizontalRules = withHorizontalRules.withHorizontalRules;
+exports.withItalic = withItalic.withItalic;
+exports.withLists = withLists.withLists;
+exports.withNewline = withNewline.withNewline;
+exports.withParagraphs = withParagraphs.withParagraphs;
+exports.withPaste = withPaste.withPaste;
+exports.withScrollTargets = withScrollTargets.withScrollTargets;
+exports.withStrikeThrough = withStrikeThrough.withStrikeThrough;
+exports.withTables = withTables.withTables;
+exports.withUnderline = withUnderline.withUnderline;
+//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/index.js

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

package/dist/development/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,106 @@
+"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),
+      // biome-ignore lint/correctness/useExhaustiveDependencies: props is stable via Component HOC
+      [environment, props]
+    );
+    const fieldAccessor = React.useMemo(() => entity.getField(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().getField(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().getField(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// biome-ignore lint/correctness/useExhaustiveDependencies: props is stable via Component HOC\n\t\t\t[environment, props],\n\t\t)\n\t\tconst fieldAccessor = useMemo(() => entity.getField<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\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().getField(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().getField(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"],"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,106 @@
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { Component, useEntity, QueryLanguage, Field } from "@contember/react-binding";
+import { useMemo, useState, useCallback } from "react";
+import { Element, Editor, Transforms, 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),
+      // biome-ignore lint/correctness/useExhaustiveDependencies: props is stable via Component HOC
+      [environment, props]
+    );
+    const fieldAccessor = useMemo(() => entity.getField(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().getField(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().getField(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// biome-ignore lint/correctness/useExhaustiveDependencies: props is stable via Component HOC\n\t\t\t[environment, props],\n\t\t)\n\t\tconst fieldAccessor = useMemo(() => entity.getField<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\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().getField(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().getField(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"],"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,SAAA;AAEf,QAAM,WAAW,OAAO,gBAAgB,aAAa,QAAQ;AAC7D,QAAM,UAAU,MAAM;AACrB,WAAO,cAAc,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAOC,qCAACC,UAAAA,QAAK,SAAkB,eAAaC,UAAAA,cAAc,QAAQ,GAAI,GAAG,SAAlE,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAyE;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,SAAA;AAEf,QAAM,WAAW,OAAO,gBAAgB,aAAa,QAAQ;AAC7D,QAAM,UAAU,MAAM;AACrB,WAAO,cAAc,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO,uBAAC,QAAK,SAAkB,eAAa,cAAc,QAAQ,GAAI,GAAG,SAAlE,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAAyE;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: 25,
+    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\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":";;;;;;AAcO,MAAM,uBAAuB,CAAC,EAAE,QAAQ,UAAU,eAAe,GAAG,YAAuC;AACjH,QAAM,SAASA,WAAAA,SAAA;AACf,QAAM,UAAU,MAAM;AACrB,WAAO,EAAE,QAAQ;AAAA,EAClB;AACA,QAAM,SAAS,WAAW,EAAE,OAAA,CAAQ,KAAK;AACzC,QAAM,UAAU,gBAAgB,EAAE,OAAA,CAAQ,KAAK;AAC/C,MAAI,CAAC,SAAS;AACb,WAAO;AAAA,EACR;AACA,SAAOC,qCAACC,UAAAA,QAAK,SAAkB,eAAaC,UAAAA,cAAc,MAAM,GAAI,GAAG,SAAhE,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAuE;AAC/E;;"}