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

package/dist/development/components/RichTextEditor.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-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__ */ jsxRuntime.jsx(slateReact.Slate, { editor, initialValue: valueNodes, onChange, children: props.children });
+  },
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { defaultValue: props.defaultValue, field: props.field, isNonbearing: props.isNonbearing }) }),
+  "RichTextEditor"
+);
+exports.RichTextEditor = RichTextEditor;
+//# sourceMappingURL=RichTextEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../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\t<Slate editor={editor} initialValue={valueNodes} onChange={onChange}>\n\t\t\t\t\t{props.children}\n\t\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","jsx","Fragment","Field"],"mappings":"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"}

package/dist/development/components/RichTextEditor.js

@@ -0,0 +1,93 @@
+import { jsx, Fragment } from "react/jsx-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__ */ jsx(Slate, { editor, initialValue: valueNodes, onChange, children: props.children });
+  },
+  (props) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Field, { defaultValue: props.defaultValue, field: props.field, isNonbearing: props.isNonbearing }) }),
+  "RichTextEditor"
+);
+export {
+  RichTextEditor
+};
+//# sourceMappingURL=RichTextEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../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\t<Slate editor={editor} initialValue={valueNodes} onChange={onChange}>\n\t\t\t\t\t{props.children}\n\t\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"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-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__ */ jsxRuntime.jsx(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(isActive), ...props });
+};
+exports.EditorElementTrigger = EditorElementTrigger;
+//# sourceMappingURL=EditorElementTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorElementTrigger.cjs","sources":["../../../../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","jsx","Slot","dataAttribute"],"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,2BAAA,IAACC,kBAAK,SAAkB,eAAaC,wBAAc,QAAQ,GAAI,GAAG,MAAO,CAAA;AACjF;;"}

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-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__ */ jsx(Slot, { onClick, "data-active": dataAttribute(isActive), ...props });
+};
+export {
+  EditorElementTrigger
+};
+//# sourceMappingURL=EditorElementTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorElementTrigger.js","sources":["../../../../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":[],"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,oBAAC,QAAK,SAAkB,eAAa,cAAc,QAAQ,GAAI,GAAG,MAAO,CAAA;AACjF;"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-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__ */ jsxRuntime.jsx(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(active), ...props });
+};
+exports.EditorGenericTrigger = EditorGenericTrigger;
+//# sourceMappingURL=EditorGenericTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorGenericTrigger.cjs","sources":["../../../../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","jsx","Slot","dataAttribute"],"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,2BAAA,IAACC,kBAAK,SAAkB,eAAaC,wBAAc,MAAM,GAAI,GAAG,MAAO,CAAA;AAC/E;;"}

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-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__ */ jsx(Slot, { onClick, "data-active": dataAttribute(active), ...props });
+};
+export {
+  EditorGenericTrigger
+};
+//# sourceMappingURL=EditorGenericTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorGenericTrigger.js","sources":["../../../../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":[],"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,oBAAC,QAAK,SAAkB,eAAa,cAAc,MAAM,GAAI,GAAG,MAAO,CAAA;AAC/E;"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-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__ */ jsxRuntime.jsx(reactSlot.Slot, { onClick, "data-active": utilities.dataAttribute(isActive), ...props });
+};
+exports.EditorMarkTrigger = EditorMarkTrigger;
+//# sourceMappingURL=EditorMarkTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorMarkTrigger.cjs","sources":["../../../../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","jsx","Slot","dataAttribute"],"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,2BAAA,IAACC,kBAAK,SAAkB,eAAaC,wBAAc,QAAQ,GAAI,GAAG,MAAO,CAAA;AACjF;;"}

package/dist/development/components/triggers/EditorMarkTrigger.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { Slot } from "@radix-ui/react-slot";
+import { dataAttribute } from "@contember/utilities";
+const EditorMarkTrigger = ({ mark, ...props }) => {
+  const editor = useSlate();
+  const isActive = editor.hasMarks({ [mark]: true });
+  const onClick = () => {
+    editor.toggleMarks({ [mark]: true });
+  };
+  return /* @__PURE__ */ jsx(Slot, { onClick, "data-active": dataAttribute(isActive), ...props });
+};
+export {
+  EditorMarkTrigger
+};
+//# sourceMappingURL=EditorMarkTrigger.js.map

package/dist/development/components/triggers/EditorMarkTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorMarkTrigger.js","sources":["../../../../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":[],"mappings":";;;;AAWO,MAAM,oBAAoB,CAAC,EAAE,MAAM,GAAG,YAAoC;AAChF,QAAM,SAAS;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,SAAA,oBAAC,QAAK,SAAkB,eAAa,cAAc,QAAQ,GAAI,GAAG,MAAO,CAAA;AACjF;"}

package/dist/development/components/triggers/EditorWrapNodeTrigger.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const slateReact = require("slate-react");
+const reactSlot = require("@radix-ui/react-slot");
+const primitive = require("@radix-ui/primitive");
+const Slate = require("slate");
+const EditorWrapNodeTrigger = ({ elementType, suchThat, selection, ...props }) => {
+  const editor = slateReact.useSlate();
+  const onClick = () => {
+    if (selection) {
+      Slate.Transforms.select(editor, selection);
+    }
+    Slate.Transforms.wrapNodes(
+      editor,
+      {
+        type: elementType,
+        children: [{ text: "" }],
+        ...suchThat
+      },
+      { split: true }
+    );
+    Slate.Transforms.collapse(editor, { edge: "end" });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, onClick: primitive.composeEventHandlers(props.onClick, onClick) });
+};
+exports.EditorWrapNodeTrigger = EditorWrapNodeTrigger;
+//# sourceMappingURL=EditorWrapNodeTrigger.cjs.map

package/dist/development/components/triggers/EditorWrapNodeTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWrapNodeTrigger.cjs","sources":["../../../../src/components/triggers/EditorWrapNodeTrigger.tsx"],"sourcesContent":["import { Selection } from 'slate'\nimport { MouseEventHandler, ReactElement } from 'react'\nimport { useSlate } from 'slate-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\nimport { composeEventHandlers } from '@radix-ui/primitive'\nimport { EditorTransforms } from '../../slate-reexport'\n\nexport interface EditorWrapNodeTriggerProps {\n\telementType: string\n\tselection?: Selection\n\tsuchThat?: Record<string, unknown>\n\tchildren: ReactElement\n\tonClick?: MouseEventHandler<HTMLElement>\n}\n\nexport const EditorWrapNodeTrigger = ({ elementType, suchThat, selection, ...props }: EditorWrapNodeTriggerProps) => {\n\tconst editor = useSlate()\n\tconst onClick = () => {\n\t\tif (selection) {\n\t\t\tEditorTransforms.select(editor, selection)\n\t\t}\n\t\tEditorTransforms.wrapNodes(\n\t\t\teditor,\n\t\t\t{\n\t\t\t\ttype: elementType,\n\t\t\t\tchildren: [{ text: '' }],\n\t\t\t\t...suchThat,\n\t\t\t},\n\t\t\t{ split: true },\n\t\t)\n\t\tEditorTransforms.collapse(editor, { edge: 'end' })\n\t}\n\n\treturn <Slot {...props} onClick={composeEventHandlers(props.onClick, onClick)} />\n}\n"],"names":["useSlate","EditorTransforms","jsx","Slot","composeEventHandlers"],"mappings":";;;;;;;AAgBa,MAAA,wBAAwB,CAAC,EAAE,aAAa,UAAU,WAAW,GAAG,YAAwC;AACpH,QAAM,SAASA,WAAAA;AACf,QAAM,UAAU,MAAM;AACrB,QAAI,WAAW;AACGC,YAAAA,WAAA,OAAO,QAAQ,SAAS;AAAA,IAC1C;AACiBA,UAAAA,WAAA;AAAA,MAChB;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,QACvB,GAAG;AAAA,MACJ;AAAA,MACA,EAAE,OAAO,KAAK;AAAA,IAAA;AAEfA,UAAA,WAAiB,SAAS,QAAQ,EAAE,MAAM,MAAO,CAAA;AAAA,EAAA;AAG3C,SAAAC,+BAACC,UAAAA,QAAM,GAAG,OAAO,SAASC,UAAqB,qBAAA,MAAM,SAAS,OAAO,EAAG,CAAA;AAChF;;"}

package/dist/development/components/triggers/EditorWrapNodeTrigger.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { Slot } from "@radix-ui/react-slot";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Transforms } from "slate";
+const EditorWrapNodeTrigger = ({ elementType, suchThat, selection, ...props }) => {
+  const editor = useSlate();
+  const onClick = () => {
+    if (selection) {
+      Transforms.select(editor, selection);
+    }
+    Transforms.wrapNodes(
+      editor,
+      {
+        type: elementType,
+        children: [{ text: "" }],
+        ...suchThat
+      },
+      { split: true }
+    );
+    Transforms.collapse(editor, { edge: "end" });
+  };
+  return /* @__PURE__ */ jsx(Slot, { ...props, onClick: composeEventHandlers(props.onClick, onClick) });
+};
+export {
+  EditorWrapNodeTrigger
+};
+//# sourceMappingURL=EditorWrapNodeTrigger.js.map

package/dist/development/components/triggers/EditorWrapNodeTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWrapNodeTrigger.js","sources":["../../../../src/components/triggers/EditorWrapNodeTrigger.tsx"],"sourcesContent":["import { Selection } from 'slate'\nimport { MouseEventHandler, ReactElement } from 'react'\nimport { useSlate } from 'slate-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\nimport { composeEventHandlers } from '@radix-ui/primitive'\nimport { EditorTransforms } from '../../slate-reexport'\n\nexport interface EditorWrapNodeTriggerProps {\n\telementType: string\n\tselection?: Selection\n\tsuchThat?: Record<string, unknown>\n\tchildren: ReactElement\n\tonClick?: MouseEventHandler<HTMLElement>\n}\n\nexport const EditorWrapNodeTrigger = ({ elementType, suchThat, selection, ...props }: EditorWrapNodeTriggerProps) => {\n\tconst editor = useSlate()\n\tconst onClick = () => {\n\t\tif (selection) {\n\t\t\tEditorTransforms.select(editor, selection)\n\t\t}\n\t\tEditorTransforms.wrapNodes(\n\t\t\teditor,\n\t\t\t{\n\t\t\t\ttype: elementType,\n\t\t\t\tchildren: [{ text: '' }],\n\t\t\t\t...suchThat,\n\t\t\t},\n\t\t\t{ split: true },\n\t\t)\n\t\tEditorTransforms.collapse(editor, { edge: 'end' })\n\t}\n\n\treturn <Slot {...props} onClick={composeEventHandlers(props.onClick, onClick)} />\n}\n"],"names":["EditorTransforms"],"mappings":";;;;;AAgBa,MAAA,wBAAwB,CAAC,EAAE,aAAa,UAAU,WAAW,GAAG,YAAwC;AACpH,QAAM,SAAS;AACf,QAAM,UAAU,MAAM;AACrB,QAAI,WAAW;AACGA,iBAAA,OAAO,QAAQ,SAAS;AAAA,IAC1C;AACiBA,eAAA;AAAA,MAChB;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,QACvB,GAAG;AAAA,MACJ;AAAA,MACA,EAAE,OAAO,KAAK;AAAA,IAAA;AAEfA,eAAiB,SAAS,QAAQ,EAAE,MAAM,MAAO,CAAA;AAAA,EAAA;AAG3C,SAAA,oBAAC,QAAM,GAAG,OAAO,SAAS,qBAAqB,MAAM,SAAS,OAAO,EAAG,CAAA;AAChF;"}

package/dist/development/editor/createEditor.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createEditorWithEssentials = require("./createEditorWithEssentials.cjs");
+const react = require("react");
+const createEditor = ({
+  plugins = [],
+  defaultElementType,
+  entity,
+  environment,
+  children
+}) => {
+  const editor = createEditorWithEssentials.createEditorWithEssentials({ defaultElementType });
+  const outerWrappers = [];
+  const innerWrappers = [];
+  plugins?.forEach((plugin) => {
+    if (typeof plugin === "function") {
+      plugin(editor);
+      return;
+    }
+    plugin.extendEditor?.({ editor, children, environment, entity });
+    if (plugin?.OuterWrapper) {
+      outerWrappers.push(plugin.OuterWrapper);
+    }
+    if (plugin?.InnerWrapper) {
+      innerWrappers.push(plugin.InnerWrapper);
+    }
+  });
+  return {
+    editor,
+    OuterWrapper: ({ children: children2 }) => outerWrappers.reduceRight((acc, Wrapper) => react.createElement(Wrapper, { editor }, acc), children2),
+    InnerWrapper: ({ children: children2 }) => innerWrappers.reduceRight((acc, Wrapper) => react.createElement(Wrapper, { editor }, acc), children2)
+  };
+};
+exports.createEditor = createEditor;
+//# sourceMappingURL=createEditor.cjs.map

package/dist/development/editor/createEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEditor.cjs","sources":["../../../src/editor/createEditor.ts"],"sourcesContent":["import { createEditorWithEssentials } from './createEditorWithEssentials'\nimport { Editor } from 'slate'\nimport { EditorPlugin, EditorPluginWrapperProps } from '../types'\nimport { createElement, FunctionComponent, ReactNode } from 'react'\nimport { EntityAccessor } from '@contember/binding'\nimport { Environment } from '@contember/react-binding'\n\n\nexport interface CreateEditorPublicOptions {\n\tplugins?: EditorPlugin[]\n}\n\nexport interface CreateEditorOptions extends CreateEditorPublicOptions {\n\tdefaultElementType: string\n\tentity: EntityAccessor\n\tenvironment: Environment\n\tchildren: ReactNode\n}\n\nexport const createEditor = ({\n\tplugins = [],\n\tdefaultElementType,\n\tentity,\n\tenvironment,\n\tchildren,\n}: CreateEditorOptions): {\n\teditor: Editor,\n\tOuterWrapper: FunctionComponent<{ children: ReactNode }>\n\tInnerWrapper: FunctionComponent<{ children: ReactNode }>\n} => {\n\tconst editor = createEditorWithEssentials({ defaultElementType })\n\tconst outerWrappers: FunctionComponent<EditorPluginWrapperProps>[] = []\n\tconst innerWrappers: FunctionComponent<EditorPluginWrapperProps>[] = []\n\tplugins?.forEach(plugin => {\n\t\tif (typeof plugin === 'function') {\n\t\t\tplugin(editor)\n\t\t\treturn\n\t\t}\n\t\tplugin.extendEditor?.({ editor, children, environment, entity })\n\t\tif (plugin?.OuterWrapper) {\n\t\t\touterWrappers.push(plugin.OuterWrapper)\n\t\t}\n\t\tif (plugin?.InnerWrapper) {\n\t\t\tinnerWrappers.push(plugin.InnerWrapper)\n\t\t}\n\t})\n\treturn {\n\t\teditor,\n\t\tOuterWrapper: ({ children }) => outerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children),\n\t\tInnerWrapper: ({ children }) => innerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children),\n\t}\n}\n"],"names":["createEditorWithEssentials","children","createElement"],"mappings":";;;;AAmBO,MAAM,eAAe,CAAC;AAAA,EAC5B,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAIK;AACJ,QAAM,SAASA,2BAAAA,2BAA2B,EAAE,mBAAoB,CAAA;AAChE,QAAM,gBAA+D,CAAA;AACrE,QAAM,gBAA+D,CAAA;AACrE,WAAS,QAAQ,CAAU,WAAA;AACtB,QAAA,OAAO,WAAW,YAAY;AACjC,aAAO,MAAM;AACb;AAAA,IACD;AACA,WAAO,eAAe,EAAE,QAAQ,UAAU,aAAa,QAAQ;AAC/D,QAAI,QAAQ,cAAc;AACX,oBAAA,KAAK,OAAO,YAAY;AAAA,IACvC;AACA,QAAI,QAAQ,cAAc;AACX,oBAAA,KAAK,OAAO,YAAY;AAAA,IACvC;AAAA,EAAA,CACA;AACM,SAAA;AAAA,IACN;AAAA,IACA,cAAc,CAAC,EAAE,UAAAC,UAAS,MAAM,cAAc,YAAY,CAAC,KAAK,YAAYC,MAAAA,cAAc,SAAS,EAAE,UAAU,GAAG,GAAGD,SAAQ;AAAA,IAC7H,cAAc,CAAC,EAAE,UAAAA,UAAS,MAAM,cAAc,YAAY,CAAC,KAAK,YAAYC,MAAAA,cAAc,SAAS,EAAE,UAAU,GAAG,GAAGD,SAAQ;AAAA,EAAA;AAE/H;;"}

package/dist/development/editor/createEditor.js

@@ -0,0 +1,35 @@
+import { createEditorWithEssentials } from "./createEditorWithEssentials.js";
+import { createElement } from "react";
+const createEditor = ({
+  plugins = [],
+  defaultElementType,
+  entity,
+  environment,
+  children
+}) => {
+  const editor = createEditorWithEssentials({ defaultElementType });
+  const outerWrappers = [];
+  const innerWrappers = [];
+  plugins?.forEach((plugin) => {
+    if (typeof plugin === "function") {
+      plugin(editor);
+      return;
+    }
+    plugin.extendEditor?.({ editor, children, environment, entity });
+    if (plugin?.OuterWrapper) {
+      outerWrappers.push(plugin.OuterWrapper);
+    }
+    if (plugin?.InnerWrapper) {
+      innerWrappers.push(plugin.InnerWrapper);
+    }
+  });
+  return {
+    editor,
+    OuterWrapper: ({ children: children2 }) => outerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children2),
+    InnerWrapper: ({ children: children2 }) => innerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children2)
+  };
+};
+export {
+  createEditor
+};
+//# sourceMappingURL=createEditor.js.map

package/dist/development/editor/createEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEditor.js","sources":["../../../src/editor/createEditor.ts"],"sourcesContent":["import { createEditorWithEssentials } from './createEditorWithEssentials'\nimport { Editor } from 'slate'\nimport { EditorPlugin, EditorPluginWrapperProps } from '../types'\nimport { createElement, FunctionComponent, ReactNode } from 'react'\nimport { EntityAccessor } from '@contember/binding'\nimport { Environment } from '@contember/react-binding'\n\n\nexport interface CreateEditorPublicOptions {\n\tplugins?: EditorPlugin[]\n}\n\nexport interface CreateEditorOptions extends CreateEditorPublicOptions {\n\tdefaultElementType: string\n\tentity: EntityAccessor\n\tenvironment: Environment\n\tchildren: ReactNode\n}\n\nexport const createEditor = ({\n\tplugins = [],\n\tdefaultElementType,\n\tentity,\n\tenvironment,\n\tchildren,\n}: CreateEditorOptions): {\n\teditor: Editor,\n\tOuterWrapper: FunctionComponent<{ children: ReactNode }>\n\tInnerWrapper: FunctionComponent<{ children: ReactNode }>\n} => {\n\tconst editor = createEditorWithEssentials({ defaultElementType })\n\tconst outerWrappers: FunctionComponent<EditorPluginWrapperProps>[] = []\n\tconst innerWrappers: FunctionComponent<EditorPluginWrapperProps>[] = []\n\tplugins?.forEach(plugin => {\n\t\tif (typeof plugin === 'function') {\n\t\t\tplugin(editor)\n\t\t\treturn\n\t\t}\n\t\tplugin.extendEditor?.({ editor, children, environment, entity })\n\t\tif (plugin?.OuterWrapper) {\n\t\t\touterWrappers.push(plugin.OuterWrapper)\n\t\t}\n\t\tif (plugin?.InnerWrapper) {\n\t\t\tinnerWrappers.push(plugin.InnerWrapper)\n\t\t}\n\t})\n\treturn {\n\t\teditor,\n\t\tOuterWrapper: ({ children }) => outerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children),\n\t\tInnerWrapper: ({ children }) => innerWrappers.reduceRight((acc, Wrapper) => createElement(Wrapper, { editor }, acc), children),\n\t}\n}\n"],"names":["children"],"mappings":";;AAmBO,MAAM,eAAe,CAAC;AAAA,EAC5B,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAIK;AACJ,QAAM,SAAS,2BAA2B,EAAE,mBAAoB,CAAA;AAChE,QAAM,gBAA+D,CAAA;AACrE,QAAM,gBAA+D,CAAA;AACrE,WAAS,QAAQ,CAAU,WAAA;AACtB,QAAA,OAAO,WAAW,YAAY;AACjC,aAAO,MAAM;AACb;AAAA,IACD;AACA,WAAO,eAAe,EAAE,QAAQ,UAAU,aAAa,QAAQ;AAC/D,QAAI,QAAQ,cAAc;AACX,oBAAA,KAAK,OAAO,YAAY;AAAA,IACvC;AACA,QAAI,QAAQ,cAAc;AACX,oBAAA,KAAK,OAAO,YAAY;AAAA,IACvC;AAAA,EAAA,CACA;AACM,SAAA;AAAA,IACN;AAAA,IACA,cAAc,CAAC,EAAE,UAAAA,UAAS,MAAM,cAAc,YAAY,CAAC,KAAK,YAAY,cAAc,SAAS,EAAE,UAAU,GAAG,GAAGA,SAAQ;AAAA,IAC7H,cAAc,CAAC,EAAE,UAAAA,UAAS,MAAM,cAAc,YAAY,CAAC,KAAK,YAAY,cAAc,SAAS,EAAE,UAAU,GAAG,GAAGA,SAAQ;AAAA,EAAA;AAE/H;"}