@yoopta/editor 1.9.1-rc → 1.9.2-rc

package/README.md

@@ -1,5 +1,5 @@
-<h2 align="center">Yopta-Editor v1 🎉</h2>
-<p align="center">Yopta-Editor - is an open source notion-like editor 💥</p>
+<h2 align="center">Yoopta-Editor v1 🎉</h2>
+<p align="center">Yoopta-Editor - is an open source notion-like editor 💥</p>
 <div align="center">
 <img width="574" alt="Screen Shot 2023-01-25 at 16 04 29" src="https://user-images.githubusercontent.com/29093118/215324525-882bf403-646c-4267-bb5f-c0f37509ac09.png">
 </div>
@@ -24,9 +24,9 @@
 - Offline ready mode
 - Shortcuts
 - A cool representation of the data in JSON format, so you can easily save the content data to the database and validate
-  You can import two plugins from library: `<YoptaEditor />` and `<YoptaRender />`. <br>
-  `<YoptaEditor />` - it's for building beautiful content <br>
-  `<YoptaRender />` - it's just for rendering from your saved data, without any editor tools and libraries, so it make you page loading faster
+  You can import two plugins from library: `<YooptaEditor />` and `<YooptaRender />`. <br>
+  `<YooptaEditor />` - it's for building beautiful content <br>
+  `<YooptaRender />` - it's just for rendering from your saved data, without any editor tools and libraries, so it make you page loading faster
 - Custom styling
   ...and other
 
@@ -45,7 +45,7 @@
 ### Quickstart
 
 ```jsx
-import { YoptaEditor } from '@yoopta/editor';
+import { YooptaEditor } from '@yoopta/editor';
 import { useState } from 'react';
 
 import 'yoopta-editor/dist/index.css';
@@ -57,7 +57,7 @@ function App() {
 
   return (
     <div>
-      <YoptaEditor value={editorValue} onChange={onChange} />
+      <YooptaEditor value={editorValue} onChange={onChange} />
     </div>
   );
 }
@@ -73,7 +73,7 @@ function App() {
   <br>
   <br>
 
-<div style="padding: 10px">❗ Yopta-Editor is on <span style="color: #007aff">BETA</span> version now. The core functionality works, but you may encounter some bugs.
+<div style="padding: 10px">❗ Yoopta-Editor is on <span style="color: #007aff">BETA</span> version now. The core functionality works, but you may encounter some bugs.
 I have big plans for the v2 version with a lot of cool features and improvements.
 Let's build together the best open source editor ever ☝ <br>
 Read more about future plans <a target="_blank" rel="noopener noreferrer" href="https://yopage.co/blog/0zntIA46L4/5iK8VNiBI8">"What's next Lebovski?"</a>

package/dist/YooptaEditor.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { YooptaEditorProps } from './components/YooptaEditor/YooptaEditor';
+declare const YooptaEditor: (props: YooptaEditorProps) => JSX.Element;
+export { YooptaEditor };

package/dist/components/Editor/Editor.d.ts

@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
-import { ParentYoptaPlugin, YoptaPluginType } from '../../utils/plugins';
-import { YoptaMark } from '../../utils/marks';
-import { YoEditor, YoptaBaseElement } from '../../types';
-type YoptaProps = {
+import { ParentYooptaPlugin, YooptaPluginType } from '../../utils/plugins';
+import { YooptaMark } from '../../utils/marks';
+import { YoEditor, YooptaBaseElement } from '../../types';
+type YooptaProps = {
     editor: YoEditor;
     placeholder?: string;
     readOnly?: boolean;
-    plugins: ParentYoptaPlugin[];
+    plugins: ParentYooptaPlugin[];
     children: ReactNode | ReactNode[];
-    marks?: YoptaMark[];
-    PLUGINS_MAP: Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>;
+    marks?: YooptaMark[];
+    PLUGINS_MAP: Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>;
 };
-declare const EditorYopta: ({ editor, placeholder, marks, readOnly, children, plugins, PLUGINS_MAP }: YoptaProps) => JSX.Element;
-export { EditorYopta };
+declare const EditorYoopta: ({ editor, placeholder, marks, readOnly, children, plugins, PLUGINS_MAP }: YooptaProps) => JSX.Element;
+export { EditorYoopta };

package/dist/components/Editor/TextLeaf/TextLeaf.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
-import { YoptaPluginType } from '../../../utils/plugins';
+import { YooptaPluginType } from '../../../utils/plugins';
 type LeafProps = RenderLeafProps & {
-    placeholder?: YoptaPluginType['placeholder'];
+    placeholder?: YooptaPluginType['placeholder'];
     leaf: any;
 };
 declare const TextLeaf: import("react").MemoExoticComponent<({ attributes, children, placeholder, leaf }: LeafProps) => JSX.Element>;

package/dist/components/Editor/utils.d.ts

@@ -1,6 +1,6 @@
-import { YoptaBaseElement } from '../../types';
-import { YoptaPluginType, YoptaRenderElementFunc } from '../../utils/plugins';
-export declare const getDefaultParagraphLine: (id: string) => YoptaBaseElement<'paragraph'>;
-export declare function getRenderFunctionFactory(plugin: YoptaPluginType): YoptaRenderElementFunc;
-export declare function isElementHasText(element: YoptaBaseElement<string>): boolean;
+import { YooptaBaseElement } from '../../types';
+import { YooptaPluginType, YooptaRenderElementFunc } from '../../utils/plugins';
+export declare const getDefaultParagraphLine: (id: string) => YooptaBaseElement<'paragraph'>;
+export declare function getRenderFunctionFactory(plugin: YooptaPluginType): YooptaRenderElementFunc;
+export declare function isElementHasText(element: YooptaBaseElement<string>): boolean;
 export declare function toggleMark(editor: any, mark: any, only?: boolean): void;

package/dist/components/ElementWrapper/ElementActions.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { NodeSettingsContextHandlers, NodeSettingsContextValues } from '../../contexts/NodeSettingsContext/NodeSettingsContext';
 import { Editor } from 'slate';
-import { YoptaBaseElement } from '../../types';
+import { YooptaBaseElement } from '../../types';
 type Props = {
     editor: Editor;
-    element: YoptaBaseElement<string>;
+    element: YooptaBaseElement<string>;
     values: NodeSettingsContextValues;
     handlers: NodeSettingsContextHandlers;
 };

package/dist/components/ElementWrapper/ElementWrapper.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import { RenderElementProps } from 'slate-react';
-import { YoptaElementConfig } from '../../types';
+import { YooptaElementConfig } from '../../types';
 type Props = RenderElementProps & {
-    nodeType: YoptaElementConfig['nodeType'];
+    nodeType: YooptaElementConfig['nodeType'];
     render: (props: RenderElementProps) => ReactElement;
 };
 declare const ElementWrapper: {

package/dist/components/{YoptaEditor/YoptaEditor.d.ts → YooptaEditor/YooptaEditor.d.ts}

@@ -1,9 +1,9 @@
 import { Key, ReactNode } from 'react';
 import { Descendant } from 'slate';
-import { YoptaMark } from '../../utils/marks';
-import { YoptaPlugin } from '../../utils/plugins';
+import { YooptaMark } from '../../utils/marks';
+import { YooptaPlugin } from '../../utils/plugins';
 import { LOCAL_STORAGE_NAME_TYPE } from '../../utils/storage';
-export type YoptaNodeElementSettings = {
+export type YooptaNodeElementSettings = {
     options?: {
         handlers?: {
             onCopy?: () => void;
@@ -14,18 +14,18 @@ export type YoptaNodeElementSettings = {
     drag?: boolean;
     plus?: boolean;
 };
-export type YoptaEditorProps = {
+export type YooptaEditorProps = {
     onChange: (_value: Descendant[]) => void;
     value: Descendant[];
     key?: Key;
     placeholder?: string;
-    plugins: YoptaPlugin<any, any>[];
+    plugins: YooptaPlugin<any, any>[];
     children?: ReactNode | ReactNode[];
     readOnly?: boolean;
     autoFocus?: boolean;
     shouldStoreInLocalStorage?: LOCAL_STORAGE_NAME_TYPE;
-    marks?: YoptaMark[];
-    nodeElementSettings?: YoptaNodeElementSettings;
+    marks?: YooptaMark[];
+    nodeElementSettings?: YooptaNodeElementSettings;
 };
-declare const YoptaEditor: ({ key, value, plugins, marks, readOnly, children, onChange, placeholder, autoFocus, shouldStoreInLocalStorage, }: YoptaEditorProps) => JSX.Element;
-export { YoptaEditor };
+declare const YooptaEditor: ({ key, value, plugins, marks, readOnly, children, onChange, placeholder, autoFocus, shouldStoreInLocalStorage, }: YooptaEditorProps) => JSX.Element;
+export { YooptaEditor };

package/dist/contexts/NodeSettingsContext/NodeSettingsContext.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { YoptaBaseElement } from '../../types';
+import { YooptaBaseElement } from '../../types';
 import { DragDropValues, DragDropHandlers } from '../../hooks/useDragDrop';
-export type HoveredElement = YoptaBaseElement<string> | null;
+export type HoveredElement = YooptaBaseElement<string> | null;
 export type NodeSettingsContextValues = DragDropValues & {
     hoveredElement: HoveredElement;
     isElementOptionsOpen: boolean;
@@ -10,7 +10,7 @@ export type NodeSettingsContextValues = DragDropValues & {
 export type NodeSettingsContextHandlers = DragDropHandlers & {
     openNodeSettings: (_dragRef: any, _node: HoveredElement) => void;
     closeNodeSettings: () => void;
-    hoverIn: (_e: MouseEvent<HTMLDivElement>, _node: YoptaBaseElement<string>) => void;
+    hoverIn: (_e: MouseEvent<HTMLDivElement>, _node: YooptaBaseElement<string>) => void;
     triggerPlusButton: (_node: HoveredElement) => void;
     deleteNode: () => void;
     duplicateNode: () => void;

package/dist/contexts/YooptaContext/YooptaContext.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { YooptaBaseElement } from '../../types';
+import { YooptaPlugin, YooptaPluginType } from '../../utils/plugins';
+import { YooptaMark } from '../../utils/marks';
+export type HoveredElement = YooptaBaseElement<string> | null;
+export type YooptaContextValues = {
+    marks: MarksMap;
+    plugins: PluginsMap;
+};
+export type YooptaContextHandlers = {};
+export type YooptaContextType = YooptaContextValues;
+type NodeSettingsProps = {
+    children: ReactNode;
+    plugins: YooptaPlugin<any, any>[];
+    marks?: YooptaMark[];
+};
+type PluginsMap = Record<string, Pick<YooptaPluginType, 'type' | 'createElement' | 'defineElement'>>;
+type MarksMap = {
+    [x: string]: {
+        toggle: (options?: {
+            only: boolean;
+        }) => void;
+        isActive: boolean;
+    };
+};
+declare const YooptaContextProvider: ({ children, plugins: pluginList, marks: markList }: NodeSettingsProps) => JSX.Element;
+declare const useYoopta: () => YooptaContextValues;
+export { YooptaContextProvider, useYoopta };

package/dist/hooks/useDragDrop.d.ts

@@ -1,9 +1,9 @@
 import { DragEvent } from 'react';
 import { Node, NodeEntry } from 'slate';
-import { YoEditor, YoptaBaseElement } from '../types';
+import { YoEditor, YooptaBaseElement } from '../types';
 export type DraggedNode = {
     path: number[] | null;
-    element: Pick<YoptaBaseElement<string>, 'id' | 'type'> | null;
+    element: Pick<YooptaBaseElement<string>, 'id' | 'type'> | null;
     parent: NodeEntry<Node> | null;
 };
 export type DndState = {
@@ -13,7 +13,7 @@ export type DndState = {
 export type DragDropValues = {
     dndState: DndState;
     disableWhileDrag: boolean;
-    DRAG_MAP: Map<YoptaBaseElement<string>['id'], YoptaBaseElement<string>>;
+    DRAG_MAP: Map<YooptaBaseElement<string>['id'], YooptaBaseElement<string>>;
 };
 export type DragDropHandlers = {
     onDrop: (_e: DragEvent<HTMLDivElement>) => void;

package/dist/index.d.ts

@@ -1,20 +1,19 @@
 /// <reference types="react" />
-import { YoptaPlugin, mergePlugins, createYoptaPlugin } from './utils/plugins';
+import { YooptaPlugin, mergePlugins, createYooptaPlugin } from './utils/plugins';
 import classnames from 'classnames';
 import { useElementSettings } from './contexts/NodeSettingsContext/NodeSettingsContext';
 export { classnames as cx };
 export { isKeyHotkey, isHotkey, isCodeHotkey } from 'is-hotkey';
-export { YoptaEditor } from './YoptaEditor';
-export { isValidYoptaNodes } from './utils/validate';
+import { YooptaEditor } from './YooptaEditor';
+export { isValidYooptaNodes } from './utils/validate';
 export { generateId } from './utils/generateId';
 export { HOTKEYS } from './utils/hotkeys';
-export { useYopta } from './contexts/YoptaEditor/YoptaContext';
 export { deepClone } from './utils/deepClone';
-export { createYoptaMark } from './utils/marks';
+export { createYooptaMark } from './utils/marks';
 export { isElementActive, getElementByPath } from './utils/nodes';
-export type { YoptaPluginType, YoptaPluginEventHandlers, HandlersOptions } from './utils/plugins';
-export type { YoptaMarksConfig, YoptaMark } from './utils/marks';
-export type { YoEditor, RenderElementProps, YoptaBaseElement, Modify } from './types';
+export type { YooptaPluginType, YooptaPluginEventHandlers, HandlersOptions } from './utils/plugins';
+export type { YooptaMarksConfig, YooptaMark } from './utils/marks';
+export type { YoEditor, RenderElementProps, YooptaBaseElement, Modify } from './types';
 declare const UI_HELPERS: {
     ElementOptions: ({ onClose, style, element, render, ...props }: {
         style: import("react").CSSProperties | undefined;
@@ -35,4 +34,5 @@ declare const UI_HELPERS: {
         children: import("react").ReactNode;
     }) => import("react").ReactPortal;
 };
-export { YoptaPlugin, mergePlugins, createYoptaPlugin, useElementSettings, UI_HELPERS };
+export { YooptaPlugin, mergePlugins, createYooptaPlugin, useElementSettings, UI_HELPERS };
+export default YooptaEditor;

package/dist/index.js

@@ -10,4 +10,4 @@ be={get exports(){return we},set exports(e){we=e}},function(){var e={}.hasOwnPro
  *
  * Copyright (c) 2014-2017, Jon Schlinkert.
  * Released under the MIT License.
- */function Mt(e){return"[object Object]"===Object.prototype.toString.call(e)}function It(e){var t,n;return!1!==Mt(e)&&(void 0===(t=e.constructor)||!1!==Mt(n=t.prototype)&&!1!==n.hasOwnProperty("isPrototypeOf"))}var Rt={isHistory:e=>It(e)&&Array.isArray(e.redos)&&Array.isArray(e.undos)&&(0===e.redos.length||x.isOperationList(e.redos[0]))&&(0===e.undos.length||x.isOperationList(e.undos[0]))},zt=new WeakMap,Ht=new WeakMap,Wt={isHistoryEditor:e=>Rt.isHistory(e.history)&&m.isEditor(e),isMerging:e=>Ht.get(e),isSaving:e=>zt.get(e),redo(e){e.redo()},undo(e){e.undo()},withoutMerging(e,t){var n=Wt.isMerging(e);Ht.set(e,!1),t(),Ht.set(e,n)},withoutSaving(e,t){var n=Wt.isSaving(e);zt.set(e,!1),t(),zt.set(e,n)}},Ut=(e,t)=>"set_selection"===e.type||(!(!t||"insert_text"!==e.type||"insert_text"!==t.type||e.offset!==t.offset+t.text.length||!b.equals(e.path,t.path))||!(!t||"remove_text"!==e.type||"remove_text"!==t.type||e.offset+e.text.length!==t.offset||!b.equals(e.path,t.path))),Vt=(e,t)=>"set_selection"!==e.type||null!=e.properties&&null!=e.newProperties,Zt=(e,t)=>!(!t||"set_selection"!==e.type||"set_selection"!==t.type),$t=e=>"set_selection"!==e.type;function qt(e){return!!Array.isArray(e)&&0!==e.length}const Kt="yoopta-content";var Gt="u-OdDyDx";xe(".u-OdDyDx:after{color:#aaa;content:attr(data-placeholder);font-size:75%;font-style:inherit;font-weight:inherit;padding-left:5px;position:absolute;text-indent:2px;top:50%;transform:translateY(-50%);user-select:none}");const Jt={margin:"1px 0",whiteSpace:"pre-wrap",wordBreak:"break-word",color:"inherit",fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit"},Xt=l((({attributes:e,children:n,placeholder:r,leaf:o})=>{const i=h();return t("span",Object.assign({},e,{"data-placeholder":r,style:Jt,className:_e({[Gt]:o.withPlaceholder&&r&&i})},{children:n}))}));Xt.displayName="TextLeaf";var Qt;function Yt(){return Yt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Yt.apply(this,arguments)}var en,tn=function(e){return n.createElement("svg",Yt({viewBox:"0 0 10 10",fill:"currentColor",style:{width:14,height:14,display:"block",flexShrink:0,backfaceVisibility:"hidden"}},e),Qt||(Qt=n.createElement("path",{d:"M3 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4-8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"})))};function nn(){return nn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},nn.apply(this,arguments)}var rn=function(e){return n.createElement("svg",nn({viewBox:"0 0 16 16",fill:"currentColor",style:{width:16,height:16,display:"block",flexShrink:0,backfaceVisibility:"hidden"}},e),en||(en=n.createElement("path",{d:"M7.977 14.963c.407 0 .747-.324.747-.723V8.72h5.362c.399 0 .74-.34.74-.747a.746.746 0 0 0-.74-.738H8.724V1.706c0-.398-.34-.722-.747-.722a.732.732 0 0 0-.739.722v5.529h-5.37a.746.746 0 0 0-.74.738c0 .407.341.747.74.747h5.37v5.52c0 .399.332.723.739.723z"})))},on="yCQ-VdE5",an="b--398nS",sn="_6VhqH6wy",ln="k9i48GWd",cn="TNeDy6y5",dn="jVfkavqE",un="_87oFW01f";xe('.yCQ-VdE5{display:flex;left:-50px;opacity:0;position:absolute;top:2px;transition:opacity .18s ease-in}.b--398nS{opacity:1}._6VhqH6wy{all:unset;align-items:center;background-color:inherit;background-color:transparent;border-radius:6px;color:rgba(55,53,47,.35);cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 1px;padding:0;position:relative;transition:background-color .18s cubic-bezier(.4,0,.2,1);width:auto;width:18px}._6VhqH6wy:active,._6VhqH6wy:focus,._6VhqH6wy:hover{background-color:rgba(55,54,47,.08)}.k9i48GWd{width:24px}.TNeDy6y5{position:relative;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.jVfkavqE:after{background-color:#007aff;bottom:-7px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}._87oFW01f:before{top:-5px}._87oFW01f:after,._87oFW01f:before{background-color:inherit;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}._87oFW01f:after{bottom:-7px}');const fn=({element:n,editor:r,values:o,handlers:i})=>{const a=c(null),{hoveredElement:s,isElementOptionsOpen:l,nodeSettingsPos:d}=o,{onDragEnd:u,onDragStart:p,openNodeSettings:h,closeNodeSettings:g,triggerPlusButton:v}=i,y=e=>{e.stopPropagation();const t=a.current,o=document.querySelector(`[data-element-id="${null==n?void 0:n.id}"]`),i=f.findPath(r,n),s=m.parent(r,i);_.isElement(n)&&(null==t||t.setAttribute("draggable","false"),o&&(o.setAttribute("draggable","true"),o.ondragstart=e=>{const t={path:i,element:{id:n.id,type:n.type},parent:s};p(e,t)},o.ondragend=u))},b=(null==s?void 0:s.id)===n.id;return e("div",Object.assign({contentEditable:!1,className:_e(on,{[an]:b})},{children:[b&&l&&t(_t,{element:n,style:d||void 0,onClose:g}),t("button",Object.assign({type:"button",onMouseDown:y,className:_e(sn,ln),onClick:()=>v(n)},{children:t(rn,{})})),t("button",Object.assign({type:"button",onMouseDown:y,className:sn,onClick:()=>h(a,n),ref:a},{children:t(tn,{})}))]}))},pn=({children:n,element:r,attributes:o,nodeType:i,render:a})=>{var l;const c=p(),[d,u]=ht(),f="inline"===i,{hoverIn:h,onDrop:g}=u,{dndState:v,DRAG_MAP:y}=d,m=s((()=>{var e,t;if(null===v.from.element||null===v.to.element)return{isDragging:!1,isDragOver:!1,isDragSelf:!1};const n=(null===(e=d.dndState.from.element)||void 0===e?void 0:e.id)===r.id,o=(null===(t=d.dndState.to.element)||void 0===t?void 0:t.id)===r.id;return{isDragging:n,isDragOver:o,isDragSelf:n&&o}}),[d.dndState.from,d.dndState.to]),b=null===(l=r.data)||void 0===l?void 0:l.skipSettings,{isDragging:w,isDragOver:_,isDragSelf:x}=m,O={opacity:w?.7:1};return y.set(r.id,r),f?a({attributes:o,element:r,children:n}):e("div",Object.assign({"data-element-id":r.id,"data-element-type":r.type,onMouseEnter:e=>{b||h(e,r)},onDrop:g,className:_e(cn,{[dn]:_,[un]:x}),style:O},o,{children:[b?null:t(fn,{editor:c,element:r,handlers:u,values:d}),a({attributes:o,element:r,children:n})]}))};pn.displayName="ElementWrapper";const hn={bold:"mod+b",italic:"mod+i",compose:["down","left","right","up","backspace","enter"],arrowLeft:"left",arrowUp:"up",arrowDown:"down",arrowRight:"right",ctrlLeft:"ctrl+left",escape:"esc",ctrlRight:"ctrl+right",deleteBackward:"shift?+backspace",backspace:"backspace",deleteForward:"shift?+delete",extendBackward:"shift+left",extendForward:"shift+right",shiftEnter:"shift+enter",enter:"enter",space:"space",undo:"mod+z",select:"mod+a",shiftTab:"shift+tab",tab:"tab",cmd:"mod",cmdEnter:"mod+enter",kekCeburek:"mod+enter"},gn={moveLineBackward:"opt+up",moveLineForward:"opt+down",ctrlLeft:"opt+left",ctrlRight:"opt+right",deleteBackward:["ctrl+backspace","ctrl+h"],deleteForward:["ctrl+delete","ctrl+d"],deleteLineBackward:"cmd+shift?+backspace",deleteLineForward:["cmd+shift?+delete","ctrl+k"],deleteWordBackward:"opt+shift?+backspace",deleteWordForward:"opt+shift?+delete",extendLineBackward:"opt+shift+up",extendLineForward:"opt+shift+down",redo:"cmd+shift+z",transposeCharacter:"ctrl+t"},vn={deleteWordBackward:"ctrl+shift?+backspace",deleteWordForward:"ctrl+shift?+delete",redo:["ctrl+y","ctrl+shift+z"]},yn=e=>{const t=hn[e],n=gn[e],r=vn[e],o=t&&Lt(t),i=n&&Lt(n),a=r&&Lt(r);return e=>!(!o||!o(e))||(!(!i||!i(e))||!(!a||!a(e)))},mn={isBold:yn("bold"),isCompose:yn("compose"),isArrowLeft:yn("arrowLeft"),isArrowRight:yn("arrowRight"),isArrowUp:yn("arrowUp"),isArrowDown:yn("arrowDown"),isDeleteBackward:yn("deleteBackward"),isDeleteForward:yn("deleteForward"),isDeleteLineBackward:yn("deleteLineBackward"),isDeleteLineForward:yn("deleteLineForward"),isDeleteWordBackward:yn("deleteWordBackward"),isDeleteWordForward:yn("deleteWordForward"),isExtendBackward:yn("extendBackward"),isExtendForward:yn("extendForward"),isExtendLineBackward:yn("extendLineBackward"),isExtendLineForward:yn("extendLineForward"),isItalic:yn("italic"),isMoveLineBackward:yn("moveLineBackward"),isMoveLineForward:yn("moveLineForward"),isCtrlLeft:yn("ctrlLeft"),isCtrlRight:yn("ctrlRight"),isRedo:yn("redo"),isShiftEnter:yn("shiftEnter"),isEnter:yn("enter"),isTransposeCharacter:yn("transposeCharacter"),isUndo:yn("undo"),isSpace:yn("space"),isSelect:yn("select"),isTab:yn("tab"),isShiftTab:yn("shiftTab"),isBackspace:yn("backspace"),isCmdEnter:yn("cmdEnter"),isCmd:yn("cmd"),isEscape:yn("escape"),isKekceburek:yn("kekCeburek")},bn=(e,t)=>!!((e,t)=>{const{selection:n}=e;if(!n)return!1;const[r]=Array.from(m.nodes(e,{at:m.unhangRange(e,n),match:e=>!m.isEditor(e)&&_.isElement(e)&&e.type===t}));return r})(e,t),wn=(e,t,n="lowest")=>{var r;const o=Array.from(m.nodes(e,{match:t=>m.isEditor(e)&&_.isElement(t),at:t||(null===(r=e.selection)||void 0===r?void 0:r.anchor.path),mode:n}))[0];return o?o[0]:e.children[0]};function _n(e,t){var n,r;if(O.isText(e))return function(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return e.replace(/[&<>"']/g,(e=>t[e]))}(e.text);const o=e.children.map((e=>_n(e,t))).join(""),i=t[e.type];return"function"==typeof(null===(r=null===(n=i.exports)||void 0===n?void 0:n.html)||void 0===r?void 0:r.serialize)?i.exports.html.serialize(e,o):o}function xn(e,t){return e.map((e=>_n(e,t))).join("")}const On={hotkeys:mn,defaultNode:ct(Ze())},jn=({editor:n,placeholder:o,marks:a,readOnly:l,children:u,plugins:p,PLUGINS_MAP:h})=>{i((()=>{const e=window.location.hash.length>0?window.location.hash.replace("#",""):null;if(e){const t=document.getElementById(e)||document.querySelector(`[data-element-id="${e}"]`);t&&window.scrollTo({top:t.offsetTop,behavior:"smooth"})}}),[]);const v=c(null),[{disableWhileDrag:y},{changeHoveredNode:x}]=ht(),O=y||l,E=s((()=>e=>{const r=h[e.element.type],o=function(e){return"function"==typeof e.renderer?e.renderer:e.renderer.editor}(r)(n,r);return t(pn,Object.assign({element:e.element,attributes:e.attributes,nodeType:e.element.nodeType,render:o},{children:e.children}))}),[p,n]),k=s((()=>e=>{const t=[],[r,o]=e;return p.forEach((o=>{const i=o.decorator;"function"==typeof i&&_.isElement(r)&&r.type===o.type&&t.push(...i(n)(e))})),n.selection&&!m.isEditor(r)&&""===m.string(n,[o[0]])&&j.includes(n.selection,o)&&j.isCollapsed(n.selection)&&t.push(Object.assign(Object.assign({},n.selection),{withPlaceholder:!0})),t}),[p,n]),N=s((()=>e=>{var r;const i=Object.assign({},e);let s;p.forEach((e=>{if(e.leaf){const t=e.leaf(n)(i);t&&(i.children=t)}})),null==a||a.forEach((e=>{i.leaf[e.type]&&(i.children=e.render(i))}));const l=null===(r=i.children.props)||void 0===r?void 0:r.parent;if(!function(e){var t,n;return 1!==(null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.length)||0!==(null===(n=null==e?void 0:e.children[0])||void 0===n?void 0:n.text.length)}(l)){const e=h[null==l?void 0:l.type];s=null===(null==e?void 0:e.placeholder)?null:(null==e?void 0:e.placeholder)||o}return t(Xt,Object.assign({},i,{placeholder:s}))}),[p,n]),S=s((()=>{const e=p.map((e=>Object.keys(e.events||{}))).flat().filter(((e,t,n)=>n.indexOf(e)===t)),t={};return e.forEach((e=>{t[e]=function(t){p.forEach((r=>{var o;if(null===(o=r.events)||void 0===o?void 0:o[e]){r.events[e](n,On)(t)}}))}})),t}),[p,n]),D=d((e=>{m.withoutNormalizing(n,(()=>{var t;if(!n.selection)return;const r=ct(Ze());null==a||a.forEach((t=>{t.hotkey&&Lt(t.hotkey)(e)&&(e.preventDefault(),dt(n,t.type,!1))})),null===(t=S.onKeyDown)||void 0===t||t.call(S,e);const o=m.above(n,{match:e=>!m.isEditor(e),mode:"lowest"});if(mn.isEnter(e)){if(e.isDefaultPrevented())return;e.preventDefault();const t=Object.keys(m.marks(n)||{});t.length>0&&t.forEach((e=>m.removeMark(n,e)));const i=b.parent(n.selection.anchor.path),a=m.string(n,i),s=o&&o[0].type!==r.type;if(s&&0===a.length)return void w.setNodes(n,r,{at:i});if(m.isStart(n,n.selection.anchor,n.selection.anchor.path)&&s){const[e]=o;return w.setNodes(n,r,{at:i}),w.delete(n,{unit:"block"}),w.insertNodes(n,ze(e),{at:b.next(i)}),void w.select(n,{path:[b.next(n.selection.anchor.path)[0]+1,0],offset:0})}return w.splitNodes(n,{always:!0}),w.setNodes(n,r),void x(r)}if(mn.isShiftEnter(e)){if(e.isDefaultPrevented())return;e.preventDefault(),n.insertText("\n")}if(mn.isSelect(e)){if(e.isDefaultPrevented())return;e.preventDefault();const t=m.above(n,{at:n.selection.anchor.path,match:e=>!m.isEditor(e)&&_.isElement(e)});if(!t)return;const r=m.string(n,t[1]);return j.isExpanded(n.selection)||0===r.length?void w.select(n,[]):void w.select(n,t[1])}}))}),[]),P=s((()=>r.Children.count(u)>0?r.Children.map(u,(e=>r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{plugins:p,marks:null==a?void 0:a.map((e=>e.type)),editorRef:v,PLUGINS_MAP:h})):null)):null),[p,a,v.current]);return e("div",Object.assign({id:"yoopta-editor",ref:v,onMouseDown:e=>{l||(e.preventDefault(),e.currentTarget===e.target&&n.selection&&m.withoutNormalizing(n,(()=>{const e=[n.children.length-1,0],t=wn(n,e,"highest"),r=m.string(n,e);console.log("lastNode",t),console.log("lastNodeText",r);const o={anchor:{path:e,offset:0},focus:{path:e,offset:0}};if("paragraph"===t.type&&0===r.length)return w.select(n,{path:o.anchor.path,offset:0}),x(t),f.focus(n);const i=ct(Ze());x(i),w.insertNodes(n,i,{at:[n.children.length],select:!0}),f.focus(n)})))}},{children:[P,t(g,Object.assign({id:"yoopta-contenteditable",renderLeaf:N,renderElement:E,readOnly:O,decorate:k,onCopy:e=>{if(e.preventDefault(),!n.selection)return;if(j.isCollapsed(n.selection))return;const t=xn(m.fragment(n,n.selection),n.plugins);return e.clipboardData.setData("text/html",t),e.clipboardData},autoFocus:!0,spellCheck:!0},S,{onKeyDown:D,onMouseDown:e=>{var t;null===(t=S.onMouseDown)||void 0===t||t.call(S,e),(e=>{e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()})(e)}}))]}))};function En(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var kn=new WeakMap,Nn=new WeakMap;class Sn{}class Dn extends Sn{constructor(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super();var{offset:t,path:n}=e;this.offset=t,this.path=n}}class Pn extends Sn{constructor(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super();var{offset:t,path:n}=e;this.offset=t,this.path=n}}var Cn=e=>Nn.get(e);function An(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?An(Object(n),!0).forEach((function(t){En(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):An(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Bn=new WeakSet,Ln=e=>{var t=[],n=e=>{if(null!=e){var r=t[t.length-1];if("string"==typeof e){var o={text:e};Bn.add(o),e=o}if(O.isText(e)){var i=e;O.isText(r)&&Bn.has(r)&&Bn.has(i)&&O.equals(r,i,{loose:!0})?r.text+=i.text:t.push(i)}else if(_.isElement(e))t.push(e);else{if(!(e instanceof Sn))throw new Error("Unexpected hyperscript child object: ".concat(e));var a=t[t.length-1];O.isText(a)||(n(""),a=t[t.length-1]),e instanceof Dn?((e,t)=>{var n=e.text.length;kn.set(e,[n,t])})(a,e):e instanceof Pn&&((e,t)=>{var n=e.text.length;Nn.set(e,[n,t])})(a,e)}}};for(var r of e.flat(1/0))n(r);return t};function Fn(e,t,n){return Tn(Tn({},t),{},{children:Ln(n)})}function Mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function In(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){En(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Rn,zn={anchor:function(e,t,n){return new Dn(t)},cursor:function(e,t,n){return[new Dn(t),new Pn(t)]},editor:(Rn=k,(e,t,n)=>{var r,o=[];for(var i of n)j.isRange(i)?r=i:o.push(i);var a,s=Ln(o),l={},c=Rn();for(var[d,u]of(Object.assign(c,t),c.children=s,E.texts(c))){var f=(a=d,kn.get(a)),p=Cn(d);if(null!=f){var[h]=f;l.anchor={path:u,offset:h}}if(null!=p){var[g]=p;l.focus={path:u,offset:g}}}if(l.anchor&&!l.focus)throw new Error("Slate hyperscript ranges must have both `<anchor />` and `<focus />` defined if one is defined, but you only defined `<anchor />`. For collapsed selections, use `<cursor />` instead.");if(!l.anchor&&l.focus)throw new Error("Slate hyperscript ranges must have both `<anchor />` and `<focus />` defined if one is defined, but you only defined `<focus />`. For collapsed selections, use `<cursor />` instead.");return null!=r?c.selection=r:j.isRange(l)&&(c.selection=l),c}),element:Fn,focus:function(e,t,n){return new Pn(t)},fragment:function(e,t,n){return Ln(n)},selection:function(e,t,n){var r=n.find((e=>e instanceof Dn)),o=n.find((e=>e instanceof Pn));if(!r||null==r.offset||null==r.path)throw new Error("The <selection> hyperscript tag must have an <anchor> tag as a child with `path` and `offset` attributes defined.");if(!o||null==o.offset||null==o.path)throw new Error("The <selection> hyperscript tag must have a <focus> tag as a child with `path` and `offset` attributes defined.");return Tn({anchor:{offset:r.offset,path:r.path},focus:{offset:o.offset,path:o.path}},t)},text:function(e,t,n){var r=Ln(n);if(r.length>1)throw new Error("The <text> hyperscript tag must only contain a single node's worth of children.");var[o]=r;if(null==o&&(o={text:""}),!O.isText(o))throw new Error("\n    The <text> hyperscript tag can only contain text content as children.");return Bn.delete(o),Object.assign(o,t),o}},Hn=e=>function(t,n){for(var r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];var a=e[t];if(!a)throw new Error("No hyperscript creator found for tag: <".concat(t,">"));return null==n&&(n={}),It(n)||(o=[n].concat(o),n={}),a(t,n,o=o.filter((e=>Boolean(e))).flat())},Wn=e=>{var t={},n=function(n){var r=e[n];if("object"!=typeof r)throw new Error("Properties specified for a hyperscript shorthand should be an object, but for the custom element <".concat(n,">  tag you passed: ").concat(r));t[n]=(e,t,n)=>Fn(0,In(In({},r),t),n)};for(var r in e)n(r);return t},Un=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{elements:t={}}=e,n=Wn(t),r=In(In(In({},zn),n),e.creators);return Hn(r)}();const Vn={DEL:()=>({strikethrough:!0}),EM:()=>({italic:!0}),I:()=>({italic:!0}),S:()=>({strikethrough:!0}),STRONG:()=>({bold:!0}),U:()=>({underline:!0})},Zn=(e,t)=>{var n,r,o,i;if(3===e.nodeType)return e.textContent;if(1!==e.nodeType)return null;if("BR"===e.nodeName)return"\n";const{nodeName:a}=e;let s=e,l=Array.from(s.childNodes).map((e=>Zn(e,t))).flat();if(0===l.length&&(l=[{text:""}]),"BODY"===e.nodeName)return Un("fragment",{},l);if(t[a]){const s=t[a];if(s){let t=s.defineElement();if("function"==typeof(null===(r=null===(n=s.exports)||void 0===n?void 0:n.html.deserialize)||void 0===r?void 0:r.parse)){const n=null===(i=null===(o=s.exports)||void 0===o?void 0:o.html.deserialize)||void 0===i?void 0:i.parse(e);t=Object.assign(Object.assign({},t),{data:n})}return Un("element",t,l)}}if(O.isTextList(l))return Un("element",t.P.defineElement(),l);if(Vn[a]){const t=Vn[a](e);return l.map((e=>O.isText(e)?Un("text",t,e):e))}return l};function $n(e,t){const n=function(e){const t={};return Object.keys(e).forEach((n=>{var r,o,i,a,s,l,c,d;const u=e[n];if(null===(o=null===(r=u.exports)||void 0===r?void 0:r.html.deserialize)||void 0===o?void 0:o.nodeName){if(Array.isArray(null===(a=null===(i=u.exports)||void 0===i?void 0:i.html.deserialize)||void 0===a?void 0:a.nodeName))return void(null===(l=null===(s=u.exports)||void 0===s?void 0:s.html.deserialize)||void 0===l||l.nodeName.forEach((e=>{t[e]=u})));t[null===(d=null===(c=u.exports)||void 0===c?void 0:c.html.deserialize)||void 0===d?void 0:d.nodeName]=u}})),t}(t),r=(new DOMParser).parseFromString(e,"text/html");return Zn(r.body,n)}const qn=r.createContext({marks:{},plugins:{}}),Kn=({children:e,plugins:n,marks:r})=>{const o=p(),i=s((()=>{const e=me(n),t={};return e.forEach((e=>{const{createElement:n,defineElement:r,type:o,options:i}=e;t[e.type]={createElement:n,defineElement:r,type:o,options:i}})),t}),[n]),a=e=>{const t=m.marks(o);return!!(null==t?void 0:t[e])},l=s((()=>{const e={};return null==r||r.forEach((t=>{e[t.type]={toggle:e=>((e,t=!1)=>{t&&Object.keys(m.marks(o)||{}).forEach((e=>{m.removeMark(o,e)})),a(e)?m.removeMark(o,e):m.addMark(o,e,!0)})(t.type,null==e?void 0:e.only),isActive:a(t.type)}})),e}),[r,o.selection]),c=s((()=>({plugins:i,marks:l})),[o.selection,l,i]);return t(qn.Provider,Object.assign({value:c},{children:e}))},Gn=()=>a(qn),Jn=({key:e,value:n,plugins:r,marks:a,readOnly:l,children:c,onChange:u,placeholder:p,autoFocus:h=!0,shouldStoreInLocalStorage:g})=>{const N=function(e){return"object"==typeof e&&e.name?e.name:Kt}(g),[S,D]=o((()=>function(e,t,n){const r=[{id:Ze(),type:"paragraph",children:[{text:""}]}],o=qt(n)?n:r;if(!t)return localStorage.removeItem(e),o;try{const t=JSON.parse(localStorage.getItem(e)||"[]");return qt(t)?t:o}catch(t){return localStorage.removeItem(e),r}}(N,g,n))),P=d((e=>{if(u(e),D(e),!g)return;if(B.operations.some((e=>"set_selection"!==e.type)))try{const t=JSON.stringify(e);localStorage.setItem(N,t)}catch(e){}}),[g]),C=s((()=>{const e=me(r),t=function(e){const t={};return e.forEach((e=>t[e.type]=e)),t}(e);return{yoptaPlugins:e,PLUGINS_MAP:t}}),[r]),{yoptaPlugins:A,PLUGINS_MAP:T}=C,B=s((()=>{let e=(e=>{const{insertData:t}=e;return e.insertData=n=>{if(e.selection&&j.isExpanded(e.selection))return;const r=n.getData("text/html");if(r){const t=$n(r,e.plugins);w.insertFragment(e,t)}else t(n)},e})((e=>{const{deleteFragment:t}=e;return e.deleteFragment=()=>{const{selection:n}=e;if(!n)return;const[,r]=m.first(e,[0]),[,o]=m.last(e,[e.children.length-1]),i=m.range(e,r,o),a=j.equals(n,i);if(console.log({isAllNodesSelected:a,fullRange:i}),a)return w.removeNodes(e,{mode:"highest",hanging:!0}),void w.select(e,[0]);t()},e})((e=>{const{normalizeNode:t}=e;return e.normalizeNode=n=>{const[r]=n;if(m.isEditor(r)&&0===e.children.length){const t=ct(Ze());w.insertNodes(e,t,{at:[0]})}else t(n)},e})((e=>{const{insertBreak:t,deleteBackward:n}=e;return e.insertBreak=()=>{if(!e.selection||!j.isCollapsed(e.selection))return t();const n=b.parent(e.selection.anchor.path),r=E.get(e,n);_.isElement(r)&&m.isVoid(e,r)?m.insertNode(e,{id:Ze(),type:"paragraph",children:[{text:""}],nodeType:"block"}):t()},e.deleteBackward=t=>{if(!e.selection||!j.isCollapsed(e.selection)||0!==e.selection.anchor.offset)return n(t);const r=b.parent(e.selection.anchor.path),o=E.get(e,r);if(0===E.string(o).length&&b.hasPrevious(r)){const t=b.previous(r),n=E.get(e,t);if(_.isElement(n)&&m.isVoid(e,n))return w.removeNodes(e),w.select(e,t)}n(t)},e})((e=>{var t=e,{apply:n}=t;return t.history={undos:[],redos:[]},t.redo=()=>{var{history:e}=t,{redos:n}=e;if(n.length>0){var r=n[n.length-1];Wt.withoutSaving(t,(()=>{m.withoutNormalizing(t,(()=>{for(var e of r)t.apply(e)}))})),e.redos.pop(),e.undos.push(r)}},t.undo=()=>{var{history:e}=t,{undos:n}=e;if(n.length>0){var r=n[n.length-1];Wt.withoutSaving(t,(()=>{m.withoutNormalizing(t,(()=>{var e=r.map(x.inverse).reverse();for(var n of e)t.apply(n)}))})),e.redos.push(r),e.undos.pop()}},t.apply=e=>{var{operations:r,history:o}=t,{undos:i}=o,a=i[i.length-1],s=a&&a[a.length-1],l=Zt(e,s),c=Wt.isSaving(t),d=Wt.isMerging(t);if(null==c&&(c=Vt(e)),c){if(null==d&&(d=null!=a&&(0!==r.length||Ut(e,s)||l)),a&&d)l&&a.pop(),a.push(e);else{var u=[e];i.push(u)}for(;i.length>100;)i.shift();$t(e)&&(o.redos=[])}n(e)},t})((e=>{const{insertText:t}=e;return e.insertText=n=>{var r,o;const{selection:i}=e;if(" "===n&&i&&j.isCollapsed(i)){const{anchor:a}=i,s=m.above(e,{match:t=>_.isElement(t)&&m.isBlock(e,t),mode:"lowest"});if(!s)return;const[,l]=s,c=m.parent(e,l),[d]=c;if(_.isElement(d)&&!O.isText(d.children[0]))return t(n);const u=s?l:[],f={anchor:a,focus:m.start(e,u)},p=m.string(e,f),h=null===(r=e.shortcuts)||void 0===r?void 0:r[p];if(h)return w.select(e,f),w.delete(e),void(null===(o=h.createElement)||void 0===o||o.call(h,e))}t(n)},e})(v(k())))))));e.plugins=T;const t={};return A.forEach((n=>{var r;n.shortcut&&(Array.isArray(n.shortcut)?n.shortcut.forEach((e=>t[e]=n)):t[n.shortcut]=n),e=(null===(r=n.extendEditor)||void 0===r?void 0:r.call(n,e))||e})),e.shortcuts=t,e}),[A]);return i((()=>{if(h)try{const[,e]=m.first(B,[0]);w.select(B,{anchor:{path:e,offset:0},focus:{path:e,offset:0}}),f.focus(B)}catch(e){}}),[h,B]),t(y,Object.assign({editor:B,value:S,onChange:P},{children:t(Kn,Object.assign({plugins:r,marks:a},{children:t(pt,{children:t(jn,{editor:B,readOnly:l,placeholder:p,plugins:A,children:c,marks:a,PLUGINS_MAP:T})})}))}),e)},Xn=e=>t(Ft,{children:t(Jn,Object.assign({},e,{value:e.value,onChange:e.onChange}))});function Qn({type:e,hotkey:n,className:r}){return{type:e,hotkey:n,render:e=>t("span",Object.assign({},e.attributes,{className:r},{children:e.children}))}}const Yn={ElementOptions:_t,Overlay:Se};export{mn as HOTKEYS,Yn as UI_HELPERS,Xn as YoptaEditor,ve as YoptaPlugin,Qn as createYoptaMark,ye as createYoptaPlugin,_e as cx,ze as deepClone,Ze as generateId,wn as getElementByPath,Bt as isCodeHotkey,bn as isElementActive,Tt as isHotkey,Lt as isKeyHotkey,qt as isValidYoptaNodes,me as mergePlugins,ht as useElementSettings,Gn as useYopta};
+ */function Mt(e){return"[object Object]"===Object.prototype.toString.call(e)}function It(e){var t,n;return!1!==Mt(e)&&(void 0===(t=e.constructor)||!1!==Mt(n=t.prototype)&&!1!==n.hasOwnProperty("isPrototypeOf"))}var Rt={isHistory:e=>It(e)&&Array.isArray(e.redos)&&Array.isArray(e.undos)&&(0===e.redos.length||x.isOperationList(e.redos[0]))&&(0===e.undos.length||x.isOperationList(e.undos[0]))},zt=new WeakMap,Ht=new WeakMap,Wt={isHistoryEditor:e=>Rt.isHistory(e.history)&&m.isEditor(e),isMerging:e=>Ht.get(e),isSaving:e=>zt.get(e),redo(e){e.redo()},undo(e){e.undo()},withoutMerging(e,t){var n=Wt.isMerging(e);Ht.set(e,!1),t(),Ht.set(e,n)},withoutSaving(e,t){var n=Wt.isSaving(e);zt.set(e,!1),t(),zt.set(e,n)}},Ut=(e,t)=>"set_selection"===e.type||(!(!t||"insert_text"!==e.type||"insert_text"!==t.type||e.offset!==t.offset+t.text.length||!b.equals(e.path,t.path))||!(!t||"remove_text"!==e.type||"remove_text"!==t.type||e.offset+e.text.length!==t.offset||!b.equals(e.path,t.path))),Vt=(e,t)=>"set_selection"!==e.type||null!=e.properties&&null!=e.newProperties,Zt=(e,t)=>!(!t||"set_selection"!==e.type||"set_selection"!==t.type),$t=e=>"set_selection"!==e.type;function qt(e){return!!Array.isArray(e)&&0!==e.length}const Kt="yoopta-content";var Gt="u-OdDyDx";xe(".u-OdDyDx:after{color:#aaa;content:attr(data-placeholder);font-size:75%;font-style:inherit;font-weight:inherit;padding-left:5px;position:absolute;text-indent:2px;top:50%;transform:translateY(-50%);user-select:none}");const Jt={margin:"1px 0",whiteSpace:"pre-wrap",wordBreak:"break-word",color:"inherit",fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit"},Xt=l((({attributes:e,children:n,placeholder:r,leaf:o})=>{const i=h();return t("span",Object.assign({},e,{"data-placeholder":r,style:Jt,className:_e({[Gt]:o.withPlaceholder&&r&&i})},{children:n}))}));Xt.displayName="TextLeaf";var Qt;function Yt(){return Yt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Yt.apply(this,arguments)}var en,tn=function(e){return n.createElement("svg",Yt({viewBox:"0 0 10 10",fill:"currentColor",style:{width:14,height:14,display:"block",flexShrink:0,backfaceVisibility:"hidden"}},e),Qt||(Qt=n.createElement("path",{d:"M3 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4-8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"})))};function nn(){return nn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},nn.apply(this,arguments)}var rn=function(e){return n.createElement("svg",nn({viewBox:"0 0 16 16",fill:"currentColor",style:{width:16,height:16,display:"block",flexShrink:0,backfaceVisibility:"hidden"}},e),en||(en=n.createElement("path",{d:"M7.977 14.963c.407 0 .747-.324.747-.723V8.72h5.362c.399 0 .74-.34.74-.747a.746.746 0 0 0-.74-.738H8.724V1.706c0-.398-.34-.722-.747-.722a.732.732 0 0 0-.739.722v5.529h-5.37a.746.746 0 0 0-.74.738c0 .407.341.747.74.747h5.37v5.52c0 .399.332.723.739.723z"})))},on="yCQ-VdE5",an="b--398nS",sn="_6VhqH6wy",ln="k9i48GWd",cn="TNeDy6y5",dn="jVfkavqE",un="_87oFW01f";xe('.yCQ-VdE5{display:flex;left:-50px;opacity:0;position:absolute;top:2px;transition:opacity .18s ease-in}.b--398nS{opacity:1}._6VhqH6wy{all:unset;align-items:center;background-color:inherit;background-color:transparent;border-radius:6px;color:rgba(55,53,47,.35);cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 1px;padding:0;position:relative;transition:background-color .18s cubic-bezier(.4,0,.2,1);width:auto;width:18px}._6VhqH6wy:active,._6VhqH6wy:focus,._6VhqH6wy:hover{background-color:rgba(55,54,47,.08)}.k9i48GWd{width:24px}.TNeDy6y5{position:relative;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.jVfkavqE:after{background-color:#007aff;bottom:-7px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}._87oFW01f:before{top:-5px}._87oFW01f:after,._87oFW01f:before{background-color:inherit;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}._87oFW01f:after{bottom:-7px}');const fn=({element:n,editor:r,values:o,handlers:i})=>{const a=c(null),{hoveredElement:s,isElementOptionsOpen:l,nodeSettingsPos:d}=o,{onDragEnd:u,onDragStart:p,openNodeSettings:h,closeNodeSettings:g,triggerPlusButton:v}=i,y=e=>{e.stopPropagation();const t=a.current,o=document.querySelector(`[data-element-id="${null==n?void 0:n.id}"]`),i=f.findPath(r,n),s=m.parent(r,i);_.isElement(n)&&(null==t||t.setAttribute("draggable","false"),o&&(o.setAttribute("draggable","true"),o.ondragstart=e=>{const t={path:i,element:{id:n.id,type:n.type},parent:s};p(e,t)},o.ondragend=u))},b=(null==s?void 0:s.id)===n.id;return e("div",Object.assign({contentEditable:!1,className:_e(on,{[an]:b})},{children:[b&&l&&t(_t,{element:n,style:d||void 0,onClose:g}),t("button",Object.assign({type:"button",onMouseDown:y,className:_e(sn,ln),onClick:()=>v(n)},{children:t(rn,{})})),t("button",Object.assign({type:"button",onMouseDown:y,className:sn,onClick:()=>h(a,n),ref:a},{children:t(tn,{})}))]}))},pn=({children:n,element:r,attributes:o,nodeType:i,render:a})=>{var l;const c=p(),[d,u]=ht(),f="inline"===i,{hoverIn:h,onDrop:g}=u,{dndState:v,DRAG_MAP:y}=d,m=s((()=>{var e,t;if(null===v.from.element||null===v.to.element)return{isDragging:!1,isDragOver:!1,isDragSelf:!1};const n=(null===(e=d.dndState.from.element)||void 0===e?void 0:e.id)===r.id,o=(null===(t=d.dndState.to.element)||void 0===t?void 0:t.id)===r.id;return{isDragging:n,isDragOver:o,isDragSelf:n&&o}}),[d.dndState.from,d.dndState.to]),b=null===(l=r.data)||void 0===l?void 0:l.skipSettings,{isDragging:w,isDragOver:_,isDragSelf:x}=m,O={opacity:w?.7:1};return y.set(r.id,r),f?a({attributes:o,element:r,children:n}):e("div",Object.assign({"data-element-id":r.id,"data-element-type":r.type,onMouseEnter:e=>{b||h(e,r)},onDrop:g,className:_e(cn,{[dn]:_,[un]:x}),style:O},o,{children:[b?null:t(fn,{editor:c,element:r,handlers:u,values:d}),a({attributes:o,element:r,children:n})]}))};pn.displayName="ElementWrapper";const hn={bold:"mod+b",italic:"mod+i",compose:["down","left","right","up","backspace","enter"],arrowLeft:"left",arrowUp:"up",arrowDown:"down",arrowRight:"right",ctrlLeft:"ctrl+left",escape:"esc",ctrlRight:"ctrl+right",deleteBackward:"shift?+backspace",backspace:"backspace",deleteForward:"shift?+delete",extendBackward:"shift+left",extendForward:"shift+right",shiftEnter:"shift+enter",enter:"enter",space:"space",undo:"mod+z",select:"mod+a",shiftTab:"shift+tab",tab:"tab",cmd:"mod",cmdEnter:"mod+enter",kekCeburek:"mod+enter"},gn={moveLineBackward:"opt+up",moveLineForward:"opt+down",ctrlLeft:"opt+left",ctrlRight:"opt+right",deleteBackward:["ctrl+backspace","ctrl+h"],deleteForward:["ctrl+delete","ctrl+d"],deleteLineBackward:"cmd+shift?+backspace",deleteLineForward:["cmd+shift?+delete","ctrl+k"],deleteWordBackward:"opt+shift?+backspace",deleteWordForward:"opt+shift?+delete",extendLineBackward:"opt+shift+up",extendLineForward:"opt+shift+down",redo:"cmd+shift+z",transposeCharacter:"ctrl+t"},vn={deleteWordBackward:"ctrl+shift?+backspace",deleteWordForward:"ctrl+shift?+delete",redo:["ctrl+y","ctrl+shift+z"]},yn=e=>{const t=hn[e],n=gn[e],r=vn[e],o=t&&Lt(t),i=n&&Lt(n),a=r&&Lt(r);return e=>!(!o||!o(e))||(!(!i||!i(e))||!(!a||!a(e)))},mn={isBold:yn("bold"),isCompose:yn("compose"),isArrowLeft:yn("arrowLeft"),isArrowRight:yn("arrowRight"),isArrowUp:yn("arrowUp"),isArrowDown:yn("arrowDown"),isDeleteBackward:yn("deleteBackward"),isDeleteForward:yn("deleteForward"),isDeleteLineBackward:yn("deleteLineBackward"),isDeleteLineForward:yn("deleteLineForward"),isDeleteWordBackward:yn("deleteWordBackward"),isDeleteWordForward:yn("deleteWordForward"),isExtendBackward:yn("extendBackward"),isExtendForward:yn("extendForward"),isExtendLineBackward:yn("extendLineBackward"),isExtendLineForward:yn("extendLineForward"),isItalic:yn("italic"),isMoveLineBackward:yn("moveLineBackward"),isMoveLineForward:yn("moveLineForward"),isCtrlLeft:yn("ctrlLeft"),isCtrlRight:yn("ctrlRight"),isRedo:yn("redo"),isShiftEnter:yn("shiftEnter"),isEnter:yn("enter"),isTransposeCharacter:yn("transposeCharacter"),isUndo:yn("undo"),isSpace:yn("space"),isSelect:yn("select"),isTab:yn("tab"),isShiftTab:yn("shiftTab"),isBackspace:yn("backspace"),isCmdEnter:yn("cmdEnter"),isCmd:yn("cmd"),isEscape:yn("escape"),isKekceburek:yn("kekCeburek")},bn=(e,t)=>!!((e,t)=>{const{selection:n}=e;if(!n)return!1;const[r]=Array.from(m.nodes(e,{at:m.unhangRange(e,n),match:e=>!m.isEditor(e)&&_.isElement(e)&&e.type===t}));return r})(e,t),wn=(e,t,n="lowest")=>{var r;const o=Array.from(m.nodes(e,{match:t=>m.isEditor(e)&&_.isElement(t),at:t||(null===(r=e.selection)||void 0===r?void 0:r.anchor.path),mode:n}))[0];return o?o[0]:e.children[0]};function _n(e,t){var n,r;if(O.isText(e))return function(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return e.replace(/[&<>"']/g,(e=>t[e]))}(e.text);const o=e.children.map((e=>_n(e,t))).join(""),i=t[e.type];return"function"==typeof(null===(r=null===(n=i.exports)||void 0===n?void 0:n.html)||void 0===r?void 0:r.serialize)?i.exports.html.serialize(e,o):o}function xn(e,t){return e.map((e=>_n(e,t))).join("")}const On={hotkeys:mn,defaultNode:ct(Ze())},jn=({editor:n,placeholder:o,marks:a,readOnly:l,children:u,plugins:p,PLUGINS_MAP:h})=>{i((()=>{const e=window.location.hash.length>0?window.location.hash.replace("#",""):null;if(e){const t=document.getElementById(e)||document.querySelector(`[data-element-id="${e}"]`);t&&window.scrollTo({top:t.offsetTop,behavior:"smooth"})}}),[]);const v=c(null),[{disableWhileDrag:y},{changeHoveredNode:x}]=ht(),O=y||l,E=s((()=>e=>{const r=h[e.element.type],o=function(e){return"function"==typeof e.renderer?e.renderer:e.renderer.editor}(r)(n,r);return t(pn,Object.assign({element:e.element,attributes:e.attributes,nodeType:e.element.nodeType,render:o},{children:e.children}))}),[p,n]),k=s((()=>e=>{const t=[],[r,o]=e;return p.forEach((o=>{const i=o.decorator;"function"==typeof i&&_.isElement(r)&&r.type===o.type&&t.push(...i(n)(e))})),n.selection&&!m.isEditor(r)&&""===m.string(n,[o[0]])&&j.includes(n.selection,o)&&j.isCollapsed(n.selection)&&t.push(Object.assign(Object.assign({},n.selection),{withPlaceholder:!0})),t}),[p,n]),N=s((()=>e=>{var r;const i=Object.assign({},e);let s;p.forEach((e=>{if(e.leaf){const t=e.leaf(n)(i);t&&(i.children=t)}})),null==a||a.forEach((e=>{i.leaf[e.type]&&(i.children=e.render(i))}));const l=null===(r=i.children.props)||void 0===r?void 0:r.parent;if(!function(e){var t,n;return 1!==(null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.length)||0!==(null===(n=null==e?void 0:e.children[0])||void 0===n?void 0:n.text.length)}(l)){const e=h[null==l?void 0:l.type];s=null===(null==e?void 0:e.placeholder)?null:(null==e?void 0:e.placeholder)||o}return t(Xt,Object.assign({},i,{placeholder:s}))}),[p,n]),S=s((()=>{const e=p.map((e=>Object.keys(e.events||{}))).flat().filter(((e,t,n)=>n.indexOf(e)===t)),t={};return e.forEach((e=>{t[e]=function(t){p.forEach((r=>{var o;if(null===(o=r.events)||void 0===o?void 0:o[e]){r.events[e](n,On)(t)}}))}})),t}),[p,n]),D=d((e=>{m.withoutNormalizing(n,(()=>{var t;if(!n.selection)return;const r=ct(Ze());null==a||a.forEach((t=>{t.hotkey&&Lt(t.hotkey)(e)&&(e.preventDefault(),dt(n,t.type,!1))})),null===(t=S.onKeyDown)||void 0===t||t.call(S,e);const o=m.above(n,{match:e=>!m.isEditor(e),mode:"lowest"});if(mn.isEnter(e)){if(e.isDefaultPrevented())return;e.preventDefault();const t=Object.keys(m.marks(n)||{});t.length>0&&t.forEach((e=>m.removeMark(n,e)));const i=b.parent(n.selection.anchor.path),a=m.string(n,i),s=o&&o[0].type!==r.type;if(s&&0===a.length)return void w.setNodes(n,r,{at:i});if(m.isStart(n,n.selection.anchor,n.selection.anchor.path)&&s){const[e]=o;return w.setNodes(n,r,{at:i}),w.delete(n,{unit:"block"}),w.insertNodes(n,ze(e),{at:b.next(i)}),void w.select(n,{path:[b.next(n.selection.anchor.path)[0]+1,0],offset:0})}return w.splitNodes(n,{always:!0}),w.setNodes(n,r),void x(r)}if(mn.isShiftEnter(e)){if(e.isDefaultPrevented())return;e.preventDefault(),n.insertText("\n")}if(mn.isSelect(e)){if(e.isDefaultPrevented())return;e.preventDefault();const t=m.above(n,{at:n.selection.anchor.path,match:e=>!m.isEditor(e)&&_.isElement(e)});if(!t)return;const r=m.string(n,t[1]);return j.isExpanded(n.selection)||0===r.length?void w.select(n,[]):void w.select(n,t[1])}}))}),[]),P=s((()=>r.Children.count(u)>0?r.Children.map(u,(e=>r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{plugins:p,marks:null==a?void 0:a.map((e=>e.type)),editorRef:v,PLUGINS_MAP:h})):null)):null),[p,a,v.current]);return e("div",Object.assign({id:"yoopta-editor",ref:v,onMouseDown:e=>{l||(e.preventDefault(),e.currentTarget===e.target&&n.selection&&m.withoutNormalizing(n,(()=>{const e=[n.children.length-1,0],t=wn(n,e,"highest"),r=m.string(n,e);console.log("lastNode",t),console.log("lastNodeText",r);const o={anchor:{path:e,offset:0},focus:{path:e,offset:0}};if("paragraph"===t.type&&0===r.length)return w.select(n,{path:o.anchor.path,offset:0}),x(t),f.focus(n);const i=ct(Ze());x(i),w.insertNodes(n,i,{at:[n.children.length],select:!0}),f.focus(n)})))}},{children:[P,t(g,Object.assign({id:"yoopta-contenteditable",renderLeaf:N,renderElement:E,readOnly:O,decorate:k,onCopy:e=>{if(e.preventDefault(),!n.selection)return;if(j.isCollapsed(n.selection))return;const t=xn(m.fragment(n,n.selection),n.plugins);return e.clipboardData.setData("text/html",t),e.clipboardData},autoFocus:!0,spellCheck:!0},S,{onKeyDown:D,onMouseDown:e=>{var t;null===(t=S.onMouseDown)||void 0===t||t.call(S,e),(e=>{e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()})(e)}}))]}))};function En(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var kn=new WeakMap,Nn=new WeakMap;class Sn{}class Dn extends Sn{constructor(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super();var{offset:t,path:n}=e;this.offset=t,this.path=n}}class Pn extends Sn{constructor(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super();var{offset:t,path:n}=e;this.offset=t,this.path=n}}var Cn=e=>Nn.get(e);function An(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?An(Object(n),!0).forEach((function(t){En(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):An(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Bn=new WeakSet,Ln=e=>{var t=[],n=e=>{if(null!=e){var r=t[t.length-1];if("string"==typeof e){var o={text:e};Bn.add(o),e=o}if(O.isText(e)){var i=e;O.isText(r)&&Bn.has(r)&&Bn.has(i)&&O.equals(r,i,{loose:!0})?r.text+=i.text:t.push(i)}else if(_.isElement(e))t.push(e);else{if(!(e instanceof Sn))throw new Error("Unexpected hyperscript child object: ".concat(e));var a=t[t.length-1];O.isText(a)||(n(""),a=t[t.length-1]),e instanceof Dn?((e,t)=>{var n=e.text.length;kn.set(e,[n,t])})(a,e):e instanceof Pn&&((e,t)=>{var n=e.text.length;Nn.set(e,[n,t])})(a,e)}}};for(var r of e.flat(1/0))n(r);return t};function Fn(e,t,n){return Tn(Tn({},t),{},{children:Ln(n)})}function Mn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function In(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){En(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Rn,zn={anchor:function(e,t,n){return new Dn(t)},cursor:function(e,t,n){return[new Dn(t),new Pn(t)]},editor:(Rn=k,(e,t,n)=>{var r,o=[];for(var i of n)j.isRange(i)?r=i:o.push(i);var a,s=Ln(o),l={},c=Rn();for(var[d,u]of(Object.assign(c,t),c.children=s,E.texts(c))){var f=(a=d,kn.get(a)),p=Cn(d);if(null!=f){var[h]=f;l.anchor={path:u,offset:h}}if(null!=p){var[g]=p;l.focus={path:u,offset:g}}}if(l.anchor&&!l.focus)throw new Error("Slate hyperscript ranges must have both `<anchor />` and `<focus />` defined if one is defined, but you only defined `<anchor />`. For collapsed selections, use `<cursor />` instead.");if(!l.anchor&&l.focus)throw new Error("Slate hyperscript ranges must have both `<anchor />` and `<focus />` defined if one is defined, but you only defined `<focus />`. For collapsed selections, use `<cursor />` instead.");return null!=r?c.selection=r:j.isRange(l)&&(c.selection=l),c}),element:Fn,focus:function(e,t,n){return new Pn(t)},fragment:function(e,t,n){return Ln(n)},selection:function(e,t,n){var r=n.find((e=>e instanceof Dn)),o=n.find((e=>e instanceof Pn));if(!r||null==r.offset||null==r.path)throw new Error("The <selection> hyperscript tag must have an <anchor> tag as a child with `path` and `offset` attributes defined.");if(!o||null==o.offset||null==o.path)throw new Error("The <selection> hyperscript tag must have a <focus> tag as a child with `path` and `offset` attributes defined.");return Tn({anchor:{offset:r.offset,path:r.path},focus:{offset:o.offset,path:o.path}},t)},text:function(e,t,n){var r=Ln(n);if(r.length>1)throw new Error("The <text> hyperscript tag must only contain a single node's worth of children.");var[o]=r;if(null==o&&(o={text:""}),!O.isText(o))throw new Error("\n    The <text> hyperscript tag can only contain text content as children.");return Bn.delete(o),Object.assign(o,t),o}},Hn=e=>function(t,n){for(var r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];var a=e[t];if(!a)throw new Error("No hyperscript creator found for tag: <".concat(t,">"));return null==n&&(n={}),It(n)||(o=[n].concat(o),n={}),a(t,n,o=o.filter((e=>Boolean(e))).flat())},Wn=e=>{var t={},n=function(n){var r=e[n];if("object"!=typeof r)throw new Error("Properties specified for a hyperscript shorthand should be an object, but for the custom element <".concat(n,">  tag you passed: ").concat(r));t[n]=(e,t,n)=>Fn(0,In(In({},r),t),n)};for(var r in e)n(r);return t},Un=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{elements:t={}}=e,n=Wn(t),r=In(In(In({},zn),n),e.creators);return Hn(r)}();const Vn={DEL:()=>({strikethrough:!0}),EM:()=>({italic:!0}),I:()=>({italic:!0}),S:()=>({strikethrough:!0}),STRONG:()=>({bold:!0}),U:()=>({underline:!0})},Zn=(e,t)=>{var n,r,o,i;if(3===e.nodeType)return e.textContent;if(1!==e.nodeType)return null;if("BR"===e.nodeName)return"\n";const{nodeName:a}=e;let s=e,l=Array.from(s.childNodes).map((e=>Zn(e,t))).flat();if(0===l.length&&(l=[{text:""}]),"BODY"===e.nodeName)return Un("fragment",{},l);if(t[a]){const s=t[a];if(s){let t=s.defineElement();if("function"==typeof(null===(r=null===(n=s.exports)||void 0===n?void 0:n.html.deserialize)||void 0===r?void 0:r.parse)){const n=null===(i=null===(o=s.exports)||void 0===o?void 0:o.html.deserialize)||void 0===i?void 0:i.parse(e);t=Object.assign(Object.assign({},t),{data:n})}return Un("element",t,l)}}if(O.isTextList(l))return Un("element",t.P.defineElement(),l);if(Vn[a]){const t=Vn[a](e);return l.map((e=>O.isText(e)?Un("text",t,e):e))}return l};function $n(e,t){const n=function(e){const t={};return Object.keys(e).forEach((n=>{var r,o,i,a,s,l,c,d;const u=e[n];if(null===(o=null===(r=u.exports)||void 0===r?void 0:r.html.deserialize)||void 0===o?void 0:o.nodeName){if(Array.isArray(null===(a=null===(i=u.exports)||void 0===i?void 0:i.html.deserialize)||void 0===a?void 0:a.nodeName))return void(null===(l=null===(s=u.exports)||void 0===s?void 0:s.html.deserialize)||void 0===l||l.nodeName.forEach((e=>{t[e]=u})));t[null===(d=null===(c=u.exports)||void 0===c?void 0:c.html.deserialize)||void 0===d?void 0:d.nodeName]=u}})),t}(t),r=(new DOMParser).parseFromString(e,"text/html");return Zn(r.body,n)}const qn=r.createContext({marks:{},plugins:{}}),Kn=({children:e,plugins:n,marks:r})=>{const o=p(),i=s((()=>{const e=me(n),t={};return e.forEach((e=>{const{createElement:n,defineElement:r,type:o,options:i}=e;t[e.type]={createElement:n,defineElement:r,type:o,options:i}})),t}),[n]),a=e=>{const t=m.marks(o);return!!(null==t?void 0:t[e])},l=s((()=>{const e={};return null==r||r.forEach((t=>{e[t.type]={toggle:e=>((e,t=!1)=>{t&&Object.keys(m.marks(o)||{}).forEach((e=>{m.removeMark(o,e)})),a(e)?m.removeMark(o,e):m.addMark(o,e,!0)})(t.type,null==e?void 0:e.only),isActive:a(t.type)}})),e}),[r,o.selection]),c=s((()=>({plugins:i,marks:l})),[o.selection,l,i]);return t(qn.Provider,Object.assign({value:c},{children:e}))},Gn=({key:e,value:n,plugins:r,marks:a,readOnly:l,children:c,onChange:u,placeholder:p,autoFocus:h=!0,shouldStoreInLocalStorage:g})=>{const N=function(e){return"object"==typeof e&&e.name?e.name:Kt}(g),[S,D]=o((()=>function(e,t,n){const r=[{id:Ze(),type:"paragraph",children:[{text:""}]}],o=qt(n)?n:r;if(!t)return localStorage.removeItem(e),o;try{const t=JSON.parse(localStorage.getItem(e)||"[]");return qt(t)?t:o}catch(t){return localStorage.removeItem(e),r}}(N,g,n))),P=d((e=>{if(u(e),D(e),!g)return;if(B.operations.some((e=>"set_selection"!==e.type)))try{const t=JSON.stringify(e);localStorage.setItem(N,t)}catch(e){}}),[g]),C=s((()=>{const e=me(r),t=function(e){const t={};return e.forEach((e=>t[e.type]=e)),t}(e);return{yooptaPlugins:e,PLUGINS_MAP:t}}),[r]),{yooptaPlugins:A,PLUGINS_MAP:T}=C,B=s((()=>{let e=(e=>{const{insertData:t}=e;return e.insertData=n=>{if(e.selection&&j.isExpanded(e.selection))return;const r=n.getData("text/html");if(r){const t=$n(r,e.plugins);w.insertFragment(e,t)}else t(n)},e})((e=>{const{deleteFragment:t}=e;return e.deleteFragment=()=>{const{selection:n}=e;if(!n)return;const[,r]=m.first(e,[0]),[,o]=m.last(e,[e.children.length-1]),i=m.range(e,r,o),a=j.equals(n,i);if(console.log({isAllNodesSelected:a,fullRange:i}),a)return w.removeNodes(e,{mode:"highest",hanging:!0}),void w.select(e,[0]);t()},e})((e=>{const{normalizeNode:t}=e;return e.normalizeNode=n=>{const[r]=n;if(m.isEditor(r)&&0===e.children.length){const t=ct(Ze());w.insertNodes(e,t,{at:[0]})}else t(n)},e})((e=>{const{insertBreak:t,deleteBackward:n}=e;return e.insertBreak=()=>{if(!e.selection||!j.isCollapsed(e.selection))return t();const n=b.parent(e.selection.anchor.path),r=E.get(e,n);_.isElement(r)&&m.isVoid(e,r)?m.insertNode(e,{id:Ze(),type:"paragraph",children:[{text:""}],nodeType:"block"}):t()},e.deleteBackward=t=>{if(!e.selection||!j.isCollapsed(e.selection)||0!==e.selection.anchor.offset)return n(t);const r=b.parent(e.selection.anchor.path),o=E.get(e,r);if(0===E.string(o).length&&b.hasPrevious(r)){const t=b.previous(r),n=E.get(e,t);if(_.isElement(n)&&m.isVoid(e,n))return w.removeNodes(e),w.select(e,t)}n(t)},e})((e=>{var t=e,{apply:n}=t;return t.history={undos:[],redos:[]},t.redo=()=>{var{history:e}=t,{redos:n}=e;if(n.length>0){var r=n[n.length-1];Wt.withoutSaving(t,(()=>{m.withoutNormalizing(t,(()=>{for(var e of r)t.apply(e)}))})),e.redos.pop(),e.undos.push(r)}},t.undo=()=>{var{history:e}=t,{undos:n}=e;if(n.length>0){var r=n[n.length-1];Wt.withoutSaving(t,(()=>{m.withoutNormalizing(t,(()=>{var e=r.map(x.inverse).reverse();for(var n of e)t.apply(n)}))})),e.redos.push(r),e.undos.pop()}},t.apply=e=>{var{operations:r,history:o}=t,{undos:i}=o,a=i[i.length-1],s=a&&a[a.length-1],l=Zt(e,s),c=Wt.isSaving(t),d=Wt.isMerging(t);if(null==c&&(c=Vt(e)),c){if(null==d&&(d=null!=a&&(0!==r.length||Ut(e,s)||l)),a&&d)l&&a.pop(),a.push(e);else{var u=[e];i.push(u)}for(;i.length>100;)i.shift();$t(e)&&(o.redos=[])}n(e)},t})((e=>{const{insertText:t}=e;return e.insertText=n=>{var r,o;const{selection:i}=e;if(" "===n&&i&&j.isCollapsed(i)){const{anchor:a}=i,s=m.above(e,{match:t=>_.isElement(t)&&m.isBlock(e,t),mode:"lowest"});if(!s)return;const[,l]=s,c=m.parent(e,l),[d]=c;if(_.isElement(d)&&!O.isText(d.children[0]))return t(n);const u=s?l:[],f={anchor:a,focus:m.start(e,u)},p=m.string(e,f),h=null===(r=e.shortcuts)||void 0===r?void 0:r[p];if(h)return w.select(e,f),w.delete(e),void(null===(o=h.createElement)||void 0===o||o.call(h,e))}t(n)},e})(v(k())))))));e.plugins=T;const t={};return A.forEach((n=>{var r;n.shortcut&&(Array.isArray(n.shortcut)?n.shortcut.forEach((e=>t[e]=n)):t[n.shortcut]=n),e=(null===(r=n.extendEditor)||void 0===r?void 0:r.call(n,e))||e})),e.shortcuts=t,e}),[A]);return i((()=>{if(h)try{const[,e]=m.first(B,[0]);w.select(B,{anchor:{path:e,offset:0},focus:{path:e,offset:0}}),f.focus(B)}catch(e){}}),[h,B]),t(y,Object.assign({editor:B,value:S,onChange:P},{children:t(Kn,Object.assign({plugins:r,marks:a},{children:t(pt,{children:t(jn,{editor:B,readOnly:l,placeholder:p,plugins:A,children:c,marks:a,PLUGINS_MAP:T})})}))}),e)},Jn=e=>t(Ft,{children:t(Gn,Object.assign({},e,{value:e.value,onChange:e.onChange}))});function Xn({type:e,hotkey:n,className:r}){return{type:e,hotkey:n,render:e=>t("span",Object.assign({},e.attributes,{className:r},{children:e.children}))}}const Qn={ElementOptions:_t,Overlay:Se};export{mn as HOTKEYS,Qn as UI_HELPERS,ve as YooptaPlugin,Xn as createYooptaMark,ye as createYooptaPlugin,_e as cx,ze as deepClone,Jn as default,Ze as generateId,wn as getElementByPath,Bt as isCodeHotkey,bn as isElementActive,Tt as isHotkey,Lt as isKeyHotkey,qt as isValidYooptaNodes,me as mergePlugins,ht as useElementSettings};

package/dist/types.d.ts

@@ -1,24 +1,24 @@
 import { BaseEditor, BaseElement } from 'slate';
 import { ReactEditor, RenderElementProps as ElementProps } from 'slate-react';
 import { HistoryEditor } from 'slate-history';
-import { YoptaPluginType } from './utils/plugins';
+import { YooptaPluginType } from './utils/plugins';
 export type EmptyText = {
     text: string;
 };
-export type YoptaElementConfig = {
+export type YooptaElementConfig = {
     nodeType: 'block' | 'inline' | 'void';
 };
 export type Modify<T, R> = Omit<T, keyof R> & R;
-export type YoptaBaseElement<T> = {
+export type YooptaBaseElement<T> = {
     id: string;
     type: T;
     children: BaseElement['children'];
     data?: any;
-} & YoptaElementConfig;
+} & YooptaElementConfig;
 export type RenderElementProps<T extends BaseElement = BaseElement> = ElementProps & {
     element: T;
 };
 export interface YoEditor extends BaseEditor, ReactEditor, HistoryEditor {
-    shortcuts: Record<string, YoptaPluginType<string>>;
-    plugins: Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>;
+    shortcuts: Record<string, YooptaPluginType<string>>;
+    plugins: Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>;
 }

package/dist/utils/deserializeHTML.d.ts

@@ -1,4 +1,4 @@
-import { YoptaBaseElement } from '../types';
-import { YoptaPluginType } from './plugins';
-export declare function mergePluginTypesToMapHMTLNodeName(plugins: Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>): Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>;
-export declare function deserializeHtml(htmlString: string, plugins: Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>): any;
+import { YooptaBaseElement } from '../types';
+import { YooptaPluginType } from './plugins';
+export declare function mergePluginTypesToMapHMTLNodeName(plugins: Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>): Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>;
+export declare function deserializeHtml(htmlString: string, plugins: Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>): any;

package/dist/utils/marks.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
-export type YoptaMark = {
+export type YooptaMark = {
     type: string;
     hotkey?: string;
     render: (props: RenderLeafProps) => JSX.Element;
 };
-export type YoptaMarksConfig = {
+export type YooptaMarksConfig = {
     type: string;
     className: string;
     hotkey?: string;
 };
-export declare function createYoptaMark({ type, hotkey, className }: YoptaMarksConfig): YoptaMark;
+export declare function createYooptaMark({ type, hotkey, className }: YooptaMarksConfig): YooptaMark;

package/dist/utils/plugins.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { Element, NodeEntry, Range } from 'slate';
 import { RenderLeafProps } from 'slate-react';
-import { YoEditor, RenderElementProps, YoptaBaseElement } from '../types';
+import { YoEditor, RenderElementProps, YooptaBaseElement } from '../types';
 import { EditorEventHandlers } from '../types/eventHandlers';
 import { HOTKEYS_TYPE } from './hotkeys';
 export type HandlersOptions = {
@@ -9,17 +9,17 @@ export type HandlersOptions = {
     defaultNode: Element;
 };
 export type DecoratorFn = (nodeEntry: NodeEntry) => Range[];
-export type YoptaPluginEventHandlers = {
+export type YooptaPluginEventHandlers = {
     [key in keyof EditorEventHandlers]: (editor: YoEditor, options: HandlersOptions) => EditorEventHandlers[key] | void;
 };
-export type YoptaPluginBaseOptions = Record<string, unknown>;
-export type YoptaRenderElementFunc<P extends YoptaBaseElement<string> = YoptaBaseElement<string>> = (editor: YoEditor, plugin: YoptaPluginType) => (props: RenderElementProps<P>) => ReactElement;
-export type YoptaRender<P extends YoptaBaseElement<string>> = YoptaRenderElementFunc<P>;
-export type ExtendedYoptaRender<P extends YoptaBaseElement<string>> = {
-    editor: YoptaRenderElementFunc<P>;
+export type YooptaPluginBaseOptions = Record<string, unknown>;
+export type YooptaRenderElementFunc<P extends YooptaBaseElement<string> = YooptaBaseElement<string>> = (editor: YoEditor, plugin: YooptaPluginType) => (props: RenderElementProps<P>) => ReactElement;
+export type YooptaRender<P extends YooptaBaseElement<string>> = YooptaRenderElementFunc<P>;
+export type ExtendedYooptaRender<P extends YooptaBaseElement<string>> = {
+    editor: YooptaRenderElementFunc<P>;
     render: (props: RenderElementProps<P>) => ReactElement;
 };
-export type YoptaRenderer<P extends YoptaBaseElement<string>> = ExtendedYoptaRender<P> | YoptaRender<P>;
+export type YooptaRenderer<P extends YooptaBaseElement<string>> = ExtendedYooptaRender<P> | YooptaRender<P>;
 type DeserializeHTML = {
     nodeName: string | string[];
     parse?: (el: HTMLElement) => any;
@@ -35,30 +35,30 @@ type Exports<T> = {
         parse: (mark: any) => any;
     }>;
 };
-export type YoptaPluginType<O = YoptaPluginBaseOptions, P extends YoptaBaseElement<string> = YoptaBaseElement<string>> = {
+export type YooptaPluginType<O = YooptaPluginBaseOptions, P extends YooptaBaseElement<string> = YooptaBaseElement<string>> = {
     type: string;
-    renderer: YoptaRenderer<P>;
+    renderer: YooptaRenderer<P>;
     shortcut?: string | string[];
     decorator?: (editor: YoEditor) => DecoratorFn;
-    events?: YoptaPluginEventHandlers;
+    events?: YooptaPluginEventHandlers;
     extendEditor?: (editor: YoEditor) => YoEditor;
     leaf?: (editor: YoEditor) => (props: RenderLeafProps) => any;
     placeholder?: string | null;
     options?: O;
-    childPlugin?: YoptaPlugin<any, any>;
+    childPlugin?: YooptaPlugin<any, any>;
     hasParent?: boolean;
     createElement?: (editor: YoEditor) => void;
     defineElement: () => P;
     exports?: Exports<P>;
 };
-export type ParentYoptaPlugin<O = YoptaPluginBaseOptions> = Omit<YoptaPluginType<O>, 'childPlugin' | 'hasParent'>;
-export declare class YoptaPlugin<O extends YoptaPluginBaseOptions, P extends YoptaBaseElement<string>> {
+export type ParentYooptaPlugin<O = YooptaPluginBaseOptions> = Omit<YooptaPluginType<O>, 'childPlugin' | 'hasParent'>;
+export declare class YooptaPlugin<O extends YooptaPluginBaseOptions, P extends YooptaBaseElement<string>> {
     #private;
-    constructor(inputPlugin: YoptaPluginType<O, P>);
-    extend(overrides: Partial<YoptaPluginType<O, P>>): YoptaPlugin<O, P>;
-    get getPlugin(): YoptaPluginType<O, P>;
+    constructor(inputPlugin: YooptaPluginType<O, P>);
+    extend(overrides: Partial<YooptaPluginType<O, P>>): YooptaPlugin<O, P>;
+    get getPlugin(): YooptaPluginType<O, P>;
 }
-export declare function createYoptaPlugin<O extends YoptaPluginBaseOptions, P extends YoptaBaseElement<string>>(input: YoptaPluginType<O, P>): YoptaPlugin<O, P>;
-export declare function mergePlugins<O extends YoptaPluginBaseOptions, P extends YoptaBaseElement<string>>(plugins: YoptaPlugin<O, P>[]): YoptaPluginType<O, P>[];
-export declare function mergePluginTypesToMap(plugins: YoptaPluginType<any, YoptaBaseElement<string>>[]): Record<YoptaBaseElement<string>['type'], YoptaPluginType<any, YoptaBaseElement<string>>>;
+export declare function createYooptaPlugin<O extends YooptaPluginBaseOptions, P extends YooptaBaseElement<string>>(input: YooptaPluginType<O, P>): YooptaPlugin<O, P>;
+export declare function mergePlugins<O extends YooptaPluginBaseOptions, P extends YooptaBaseElement<string>>(plugins: YooptaPlugin<O, P>[]): YooptaPluginType<O, P>[];
+export declare function mergePluginTypesToMap(plugins: YooptaPluginType<any, YooptaBaseElement<string>>[]): Record<YooptaBaseElement<string>['type'], YooptaPluginType<any, YooptaBaseElement<string>>>;
 export {};

package/dist/utils/validate.d.ts

@@ -1 +1 @@
-export declare function isValidYoptaNodes(nodes: any): boolean;
+export declare function isValidYooptaNodes(nodes: any): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/editor",
-  "version": "1.9.1-rc",
+  "version": "1.9.2-rc",
   "license": "MIT",
   "private": false,
   "type": "module",
@@ -61,14 +61,14 @@
   "devDependencies": {
     "@types/lodash.uniqwith": "^4.5.7"
   },
-  "description": "<h2 align=\"center\">Yopta-Editor v1 🎉</h2> <p align=\"center\">Yopta-Editor - is an open source notion-like editor 💥</p> <div align=\"center\"> <img width=\"574\" alt=\"Screen Shot 2023-01-25 at 16 04 29\" src=\"https://user-images.githubusercontent.com/29093118/215324525-882bf403-646c-4267-bb5f-c0f37509ac09.png\"> </div>",
+  "description": "<h2 align=\"center\">Yoopta-Editor v1 🎉</h2> <p align=\"center\">Yoopta-Editor - is an open source notion-like editor 💥</p> <div align=\"center\"> <img width=\"574\" alt=\"Screen Shot 2023-01-25 at 16 04 29\" src=\"https://user-images.githubusercontent.com/29093118/215324525-882bf403-646c-4267-bb5f-c0f37509ac09.png\"> </div>",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Darginec05/Yopta-Editor.git"
+    "url": "git+https://github.com/Darginec05/Yoopta-Editor.git"
   },
   "author": "https://github.com/Darginec05",
   "bugs": {
-    "url": "https://github.com/Darginec05/Yopta-Editor/issues"
+    "url": "https://github.com/Darginec05/Yoopta-Editor/issues"
   },
-  "homepage": "https://github.com/Darginec05/Yopta-Editor#readme"
+  "homepage": "https://github.com/Darginec05/Yoopta-Editor#readme"
 }

package/dist/YoptaEditor.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { YoptaEditorProps } from './components/YoptaEditor/YoptaEditor';
-declare const YoptaEditor: (props: YoptaEditorProps) => JSX.Element;
-export { YoptaEditor };

package/dist/contexts/YoptaEditor/YoptaContext.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { YoptaBaseElement } from '../../types';
-import { YoptaPlugin, YoptaPluginType } from '../../utils/plugins';
-import { YoptaMark } from '../../utils/marks';
-export type HoveredElement = YoptaBaseElement<string> | null;
-export type YoptaContextValues = {
-    marks: MarksMap;
-    plugins: PluginsMap;
-};
-export type YoptaContextHandlers = {};
-export type YoptaContextType = YoptaContextValues;
-type NodeSettingsProps = {
-    children: ReactNode;
-    plugins: YoptaPlugin<any, any>[];
-    marks?: YoptaMark[];
-};
-type PluginsMap = Record<string, Pick<YoptaPluginType, 'type' | 'createElement' | 'defineElement'>>;
-type MarksMap = {
-    [x: string]: {
-        toggle: (options?: {
-            only: boolean;
-        }) => void;
-        isActive: boolean;
-    };
-};
-declare const YoptaContextProvider: ({ children, plugins: pluginList, marks: markList }: NodeSettingsProps) => JSX.Element;
-declare const useYopta: () => YoptaContextValues;
-export { YoptaContextProvider, useYopta };