@yoopta/editor 4.8.4 → 4.8.5-rc.10

package/README.md

@@ -82,27 +82,23 @@ export type YooEditor<TNodes> = {
   // [NOTE] - Empty editor means the next: If the Editor has one block with the default type "Paragraph", and this block does not contain text content
   isEmpty: () => boolean;
   readOnly: boolean;
-  insertBlock: (data: YooptaBlockData, options?: YooptaEditorTransformOptions) => void;
-  insertBlocks: (blocks: YooptaBlockData[], options?: YooptaEditorTransformOptions) => void;
-  splitBlock: (options?: YooptaEditorTransformOptions) => void;
+  insertBlock: (data: YooptaBlockData, options?: InsertBlockOptions) => void;
+  splitBlock: (options?: SplitBlockOptions) => void;
   updateBlock: (id: string, data: Partial<YooptaBlockData>) => void;
   deleteBlock: (options?: DeleteBlockOptions) => void;
-  deleteBlocks: (options?: DeleteBlocksOptions) => void;
-  duplicateBlock: (options?: DuplicateBlockOptions) => void;
+  duplicateBlock: (options: DuplicateBlockOptions) => void;
   toggleBlock: (toBlockType: string, options?: ToggleBlockOptions) => void;
-  increaseBlockDepth: (options?: YooptaEditorTransformOptions) => void;
-  decreaseBlockDepth: (options?: YooptaEditorTransformOptions) => void;
-  applyChanges: () => void;
-  moveBlock: (blockId: string, to: YooptaBlockPath) => void;
+  increaseBlockDepth: (options?: BlockDepthOptions) => void;
+  decreaseBlockDepth: (options?: BlockDepthOptions) => void;
+  moveBlock: (blockId: string, to: YooptaPath) => void;
   focusBlock: (id: string, options?: FocusBlockOptions) => void;
   getBlock: (options: GetBlockOptions) => YooptaBlockData | null;
-  selection: YooptaBlockPath | null;
   selectedBlocks: number[] | null;
   children: Record<string, YooptaBlockData>;
   getEditorValue: () => TNodes;
   setEditorValue: (value: YooptaContentValue) => void;
-  setSelection: (path: YooptaBlockPath | null, options?: SetSelectionOptions) => void;
-  setBlockSelected: (path: number[] | null, options?: BlockSelectedOptions) => void;
+  path: YooptaPath;
+  setPath: (path: YooptaPath | null, options?: SetSelectionOptions) => void;
   blockEditorsMap: YooptaPluginsEditorMap;
   blocks: YooptaBlocks;
   formats: YooptaFormats;
@@ -110,10 +106,10 @@ export type YooEditor<TNodes> = {
   plugins: Record<string, Plugin<string, unknown>>;
 
   // events handlers
-  on: (event: YooEditorEvents, fn: (payload: any) => void) => void;
-  once: (event: YooEditorEvents, fn: (payload: any) => void) => void;
-  off: (event: YooEditorEvents, fn: (payload: any) => void) => void;
-  emit: (event: YooEditorEvents, payload: any) => void;
+  on: (event: YooptaEditorEventKeys, fn: (payload: any) => void) => void;
+  once: (event: YooptaEditorEventKeys, fn: (payload: any) => void) => void;
+  off: (event: YooptaEditorEventKeys, fn: (payload: any) => void) => void;
+  emit: (event: YooptaEditorEventKeys, payload: any) => void;
 
   // focus handlers
   isFocused: () => boolean;

package/dist/UI/BlockOptions/BlockOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockOptions.d.ts","sourceRoot":"","sources":["../../../src/UI/BlockOptions/BlockOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAUhD,QAAA,MAAM,qBAAqB;;6CAAiF,CAAC;AAE7G,QAAA,MAAM,uBAAuB;;6CAO5B,CAAC;AAEF,QAAA,MAAM,oBAAoB;;6CAAgF,CAAC;AAE3G,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,qBAAqB,kBAAwB,0BAA0B,4CAE5E,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAC9D,CAAC;AAIF,QAAA,MAAM,YAAY,wDAA2E,iBAAiB,mDAsH7G,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"BlockOptions.d.ts","sourceRoot":"","sources":["../../../src/UI/BlockOptions/BlockOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAUhD,QAAA,MAAM,qBAAqB;;6CAAiF,CAAC;AAE7G,QAAA,MAAM,uBAAuB;;6CAO5B,CAAC;AAEF,QAAA,MAAM,oBAAoB;;6CAAgF,CAAC;AAE3G,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,qBAAqB,kBAAwB,0BAA0B,4CAE5E,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAC9D,CAAC;AAIF,QAAA,MAAM,YAAY,wDAA2E,iBAAiB,mDAuH7G,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/UI/BlockOptions/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/UI/BlockOptions/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAe,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;EAmD5F"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/UI/BlockOptions/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAe,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;EAkD5F"}

package/dist/YooptaEditor.d.ts

@@ -3,12 +3,17 @@ import { SlateElement, YooEditor, YooptaContentValue } from './editor/types';
 import { Tools } from './contexts/YooptaContext/ToolsContext';
 import { YooptaPlugin } from './plugins';
 import { YooptaMark } from './marks';
-type Props = {
+import { YooptaOperation } from './editor/core/applyTransforms';
+export type YooptaOnChangeOptions = {
+    operations: YooptaOperation[];
+};
+export type YooptaEditorProps = {
     id?: string;
     editor: YooEditor;
     plugins: Readonly<YooptaPlugin<Record<string, SlateElement>>[]>;
     marks?: YooptaMark<any>[];
     value?: YooptaContentValue;
+    onChange?: (value: YooptaContentValue, options: YooptaOnChangeOptions) => void;
     autoFocus?: boolean;
     className?: string;
     selectionBoxRoot?: HTMLElement | React.MutableRefObject<HTMLElement | null> | false;
@@ -19,6 +24,6 @@ type Props = {
     width?: number | string;
     style?: CSSProperties;
 };
-declare const YooptaEditor: ({ id, editor, value, marks: marksProps, plugins: pluginsProps, autoFocus, className, tools, selectionBoxRoot, children, placeholder, readOnly, width, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const YooptaEditor: ({ id, editor, value, marks: marksProps, plugins: pluginsProps, autoFocus, className, tools, selectionBoxRoot, children, placeholder, readOnly, width, style, onChange, }: YooptaEditorProps) => import("react/jsx-runtime").JSX.Element;
 export { YooptaEditor };
 //# sourceMappingURL=YooptaEditor.d.ts.map

package/dist/YooptaEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YooptaEditor.d.ts","sourceRoot":"","sources":["../src/YooptaEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAmB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE9F,OAAO,EAAE,KAAK,EAAiB,MAAM,uCAAuC,CAAC;AAS7E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAoBF,QAAA,MAAM,YAAY,mKAef,KAAK,4CA4DP,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"YooptaEditor.d.ts","sourceRoot":"","sources":["../src/YooptaEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA6C,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAc,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzF,OAAO,EAAE,KAAK,EAAiB,MAAM,uCAAuC,CAAC;AAS7E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAOF,QAAA,MAAM,YAAY,6KAgBf,iBAAiB,4CAwFnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Block/Block.d.ts

@@ -4,7 +4,8 @@ type BlockProps = {
     children: React.ReactNode;
     block: YooptaBlockData;
     blockId: string;
+    onActiveDragHandleChange: (props: any) => void;
 };
-declare const Block: ({ children, block, blockId }: BlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const Block: React.MemoExoticComponent<({ children, block, blockId, onActiveDragHandleChange }: BlockProps) => import("react/jsx-runtime").JSX.Element>;
 export { Block };
 //# sourceMappingURL=Block.d.ts.map

package/dist/components/Block/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,KAAK,iCAAkC,UAAU,4CAmDtD,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,KAAK,qFAAiE,UAAU,6CAmCpF,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Block/FloatingBlockActions.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { YooEditor } from '../../editor/types';
+type dragHandleProps = {
+    attributes: any;
+    listeners: any;
+    setActivatorNodeRef: any;
+};
+type FloatingBlockActionsProps = {
+    editor: YooEditor;
+    dragHandleProps: dragHandleProps | null;
+};
+export declare const FloatingBlockActions: import("react").MemoExoticComponent<({ editor, dragHandleProps }: FloatingBlockActionsProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=FloatingBlockActions.d.ts.map

package/dist/components/Block/FloatingBlockActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingBlockActions.d.ts","sourceRoot":"","sources":["../../../src/components/Block/FloatingBlockActions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAmB,MAAM,oBAAoB,CAAC;AAehE,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,mBAAmB,EAAE,GAAG,CAAC;CAC1B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;CACzC,CAAC;AAsBF,eAAO,MAAM,oBAAoB,oEAAsC,yBAAyB,6CA6M9F,CAAC"}