@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

package/build/esm/editor-v2/store.d.ts

@@ -0,0 +1,52 @@
+import { EditorState } from "../common/store.js";
+import { RectMapEntry } from "../common/types/rect.js";
+import { PageContent } from "../models/index.js";
+export interface EditorMethods {
+    initialize(): void;
+    setSelectedBlock(path: number[] | null): void;
+    setRectMap(rects: RectMapEntry[]): void;
+    setHeight(height: number): void;
+    setDeviceWidth(deviceWidth: string): void;
+    setZoom(zoom: number): void;
+    increaseZoom(): void;
+    decreaseZoom(): void;
+    togglePreviewMode(): void;
+    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;
+    setContent(data: PageContent, skipHistory?: boolean): void;
+    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;
+    enableInsertMode(blockType: string): void;
+    enableReorderMode(path: number[]): void;
+    disableMode(): void;
+    updateField(path: string, value: unknown): void;
+    deleteBlock(path: number[]): void;
+    duplicateBlock(path: number[]): void;
+    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;
+    resetInitialize(): void;
+    resetBlocks(): void;
+    undo(): void;
+    redo(): void;
+}
+export type EditorStore = EditorState & EditorMethods;
+export declare const createEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<Omit<import("zustand").StoreApi<EditorState & EditorMethods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: EditorState & EditorMethods, previousSelectedState: EditorState & EditorMethods) => void): () => void;
+        <U>(selector: (state: EditorState & EditorMethods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (EditorState & EditorMethods) | Partial<EditorState & EditorMethods> | ((state: EditorState & EditorMethods) => (EditorState & EditorMethods) | Partial<EditorState & EditorMethods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: EditorState & EditorMethods) => void) => () => void;
+        onFinishHydration: (fn: (state: EditorState & EditorMethods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>;
+    };
+}>;

package/build/esm/editor-v2/store.js

@@ -0,0 +1,319 @@
+import _ from 'lodash';
+import { initialStore } from "../common/store.js";
+import { initializeStore } from "../common/utils.js";
+import { ZOOM_STEPS } from "./constants.js";
+import { duplicateArrayItem, generateChildrenPathFromArray, getDestinationShiftBeforeReorder, insert, isItemsNeighbours, modifyObjectByPath, removeFromArray, reorderArrayItems, } from "./utils/index.js";
+const MAX_EDITOR_HISTORY = 50;
+const HISTORY_DEBOUNCE_MS = 500;
+function snapshotEditorHistory(state) {
+    return {
+        content: _.cloneDeep(state.content),
+        selectedBlock: state.selectedBlock ? [...state.selectedBlock] : null,
+    };
+}
+function appendHistoryPast(past, snapshot) {
+    return [...past.slice(-(MAX_EDITOR_HISTORY - 1)), snapshot];
+}
+export const createEditorStore = initializeStore(initialStore, (set, get) => {
+    let pendingSnapshot = null;
+    let updateFieldTimer = null;
+    function clearUpdateFieldTimer() {
+        if (updateFieldTimer !== null) {
+            clearTimeout(updateFieldTimer);
+            updateFieldTimer = null;
+        }
+    }
+    function commitPending() {
+        clearUpdateFieldTimer();
+        if (pendingSnapshot !== null) {
+            const snapshot = pendingSnapshot;
+            pendingSnapshot = null;
+            set((state) => ({
+                ...state,
+                historyPast: appendHistoryPast(state.historyPast, snapshot),
+                historyFuture: [],
+            }));
+        }
+    }
+    return {
+        setHeight(height) {
+            // We have to add 200-500px, because of bottom padding or margin of last element
+            // which is not taken into calculation of final height
+            const newHeight = height + 500;
+            set((state) => ({ ...state, height: newHeight }));
+        },
+        setDeviceWidth(deviceWidth) {
+            set((state) => ({ ...state, deviceWidth }));
+        },
+        setZoom(zoom) {
+            if (zoom > 0) {
+                set((state) => ({ ...state, zoom }));
+            }
+        },
+        increaseZoom() {
+            const currentZoom = get().zoom;
+            for (const step of ZOOM_STEPS) {
+                if (currentZoom < step) {
+                    get().setZoom(step);
+                    break;
+                }
+            }
+        },
+        decreaseZoom() {
+            const currentZoom = get().zoom;
+            const reverseSteps = ZOOM_STEPS.slice().reverse();
+            for (const step of reverseSteps) {
+                if (currentZoom > step) {
+                    get().setZoom(step);
+                    break;
+                }
+            }
+        },
+        togglePreviewMode() {
+            set((state) => ({ ...state, isPreviewMode: !state.isPreviewMode }));
+        },
+        setConfig(data) {
+            set((state) => ({ ...state, ...data }));
+        },
+        undo() {
+            if (pendingSnapshot !== null) {
+                const snapshot = pendingSnapshot;
+                clearUpdateFieldTimer();
+                pendingSnapshot = null;
+                set((state) => {
+                    const currentSnap = snapshotEditorHistory(state);
+                    return {
+                        ...state,
+                        content: snapshot.content,
+                        selectedBlock: snapshot.selectedBlock,
+                        historyFuture: [currentSnap, ...state.historyFuture],
+                    };
+                });
+                return;
+            }
+            set((state) => {
+                if (state.historyPast.length === 0) {
+                    return state;
+                }
+                const past = [...state.historyPast];
+                const previous = past.pop();
+                if (previous === undefined) {
+                    return state;
+                }
+                const currentSnap = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    content: previous.content,
+                    selectedBlock: previous.selectedBlock,
+                    historyPast: past,
+                    historyFuture: [currentSnap, ...state.historyFuture],
+                };
+            });
+        },
+        redo() {
+            clearUpdateFieldTimer();
+            pendingSnapshot = null;
+            set((state) => {
+                if (state.historyFuture.length === 0) {
+                    return state;
+                }
+                const future = [...state.historyFuture];
+                const next = future.shift();
+                if (next === undefined) {
+                    return state;
+                }
+                const currentSnap = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    content: next.content,
+                    selectedBlock: next.selectedBlock,
+                    historyPast: appendHistoryPast(state.historyPast, currentSnap),
+                    historyFuture: future,
+                };
+            });
+        },
+        insertBlock: (arrayPath, blockType, position = 'append') => {
+            if (position === 'append') {
+                // TODO: fix
+                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+                arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;
+            }
+            const blocksConfig = get().content.blocks;
+            const blocksData = get().blocks;
+            const foundBlock = blocksData.find(({ type }) => type === blockType);
+            const defaultValue = foundBlock && foundBlock.schema.default
+                ? { ...foundBlock.schema.default, type: blockType }
+                : { type: blockType };
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks, index) => insert(parentBlocks, index, defaultValue));
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: arrayPath,
+                };
+            });
+        },
+        enableInsertMode(blockType) {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: 'insert',
+                preInsertBlockType: blockType,
+            }));
+        },
+        disableMode() {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: false,
+                preInsertBlockType: undefined,
+                preReorderBlockPath: undefined,
+            }));
+        },
+        enableReorderMode(path) {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: 'reorder',
+                preReorderBlockPath: path,
+            }));
+        },
+        setContent(content, skipHistory = false) {
+            set((state) => {
+                if (skipHistory) {
+                    return {
+                        ...state,
+                        historyPast: state.historyPast,
+                        historyFuture: [],
+                        content,
+                    };
+                }
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content,
+                };
+            });
+        },
+        initialize() {
+            set((state) => ({
+                ...state,
+                initialized: true,
+            }));
+        },
+        setSelectedBlock(path) {
+            set((state) => ({
+                ...state,
+                selectedBlock: path,
+            }));
+        },
+        setRectMap(rects) {
+            set((state) => {
+                if (_.isEqual(state.rectMap, rects)) {
+                    return state;
+                }
+                return { ...state, rectMap: rects };
+            });
+        },
+        updateField(path, value) {
+            if (pendingSnapshot === null) {
+                pendingSnapshot = snapshotEditorHistory(get());
+            }
+            clearUpdateFieldTimer();
+            updateFieldTimer = setTimeout(() => {
+                updateFieldTimer = null;
+                commitPending();
+            }, HISTORY_DEBOUNCE_MS);
+            set((state) => {
+                const newConfig = _.set(_.cloneDeep(state.content), path, value);
+                return { ...state, historyFuture: [], content: newConfig };
+            });
+        },
+        deleteBlock: (arrayPath) => {
+            const blocksConfig = get().content.blocks;
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: null,
+                };
+            });
+        },
+        duplicateBlock: (arrayPath) => {
+            const blocksConfig = get().content.blocks;
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                };
+            });
+        },
+        reorderBlock: (arrayPath, destination, position = 'append') => {
+            const dest = _.cloneDeep(destination);
+            let finalDestinationPath = _.cloneDeep(destination);
+            if (position === 'append') {
+                dest[dest.length - 1] = dest[dest.length - 1] + 1;
+            }
+            let newBlocksConfig;
+            const blocksConfig = get().content.blocks;
+            // Copy
+            const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));
+            if (isItemsNeighbours(arrayPath, dest)) {
+                newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {
+                    return reorderArrayItems(parentBlocks, arrayPath[arrayPath.length - 1], dest[dest.length - 1]);
+                });
+                if (position === 'append' &&
+                    dest[dest.length - 1] < arrayPath[arrayPath.length - 1]) {
+                    finalDestinationPath[finalDestinationPath.length - 1] =
+                        finalDestinationPath[finalDestinationPath.length - 1] + 1;
+                }
+            }
+            else {
+                const arrayDest = getDestinationShiftBeforeReorder(arrayPath, dest);
+                finalDestinationPath = _.cloneDeep(arrayDest);
+                // Delete
+                const blocksConfigWithoutBlock = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+                // Paste
+                newBlocksConfig = modifyObjectByPath(blocksConfigWithoutBlock, arrayDest, (parentBlocks, index) => insert(parentBlocks, index, copiedBlock));
+            }
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: finalDestinationPath,
+                };
+            });
+        },
+        resetInitialize: () => {
+            set((state) => ({
+                ...state,
+                initialized: false,
+            }));
+        },
+        resetBlocks: () => {
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: [] },
+                };
+            });
+        },
+    };
+});
+//# sourceMappingURL=store.js.map

package/build/esm/editor-v2/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"../../../src","sources":["editor-v2/store.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {EditorHistorySnapshot, EditorState, initialStore} from '../common/store';\nimport {RectMapEntry} from '../common/types/rect';\nimport {initializeStore} from '../common/utils';\nimport {ConstructorBlock, PageContent} from '../models';\n\nimport {ZOOM_STEPS} from './constants';\nimport {\n    duplicateArrayItem,\n    generateChildrenPathFromArray,\n    getDestinationShiftBeforeReorder,\n    insert,\n    isItemsNeighbours,\n    modifyObjectByPath,\n    removeFromArray,\n    reorderArrayItems,\n} from './utils';\n\nconst MAX_EDITOR_HISTORY = 50;\nconst HISTORY_DEBOUNCE_MS = 500;\n\nfunction snapshotEditorHistory(state: EditorState): EditorHistorySnapshot {\n    return {\n        content: _.cloneDeep(state.content),\n        selectedBlock: state.selectedBlock ? [...state.selectedBlock] : null,\n    };\n}\n\nfunction appendHistoryPast(\n    past: EditorHistorySnapshot[],\n    snapshot: EditorHistorySnapshot,\n): EditorHistorySnapshot[] {\n    return [...past.slice(-(MAX_EDITOR_HISTORY - 1)), snapshot];\n}\n\nexport interface EditorMethods {\n    initialize(): void;\n    setSelectedBlock(path: number[] | null): void;\n    setRectMap(rects: RectMapEntry[]): void;\n    setHeight(height: number): void;\n    setDeviceWidth(deviceWidth: string): void;\n    setZoom(zoom: number): void;\n    increaseZoom(): void;\n    decreaseZoom(): void;\n    togglePreviewMode(): void;\n    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;\n    setContent(data: PageContent, skipHistory?: boolean): void;\n    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;\n    enableInsertMode(blockType: string): void;\n    enableReorderMode(path: number[]): void;\n    disableMode(): void;\n    updateField(path: string, value: unknown): void;\n    deleteBlock(path: number[]): void;\n    duplicateBlock(path: number[]): void;\n    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;\n    resetInitialize(): void;\n    resetBlocks(): void;\n    undo(): void;\n    redo(): void;\n}\n\nexport type EditorStore = EditorState & EditorMethods;\n\nexport const createEditorStore = initializeStore<EditorState, EditorMethods>(\n    initialStore,\n    (set, get) => {\n        let pendingSnapshot: EditorHistorySnapshot | null = null;\n        let updateFieldTimer: ReturnType<typeof setTimeout> | null = null;\n\n        function clearUpdateFieldTimer() {\n            if (updateFieldTimer !== null) {\n                clearTimeout(updateFieldTimer);\n                updateFieldTimer = null;\n            }\n        }\n\n        function commitPending() {\n            clearUpdateFieldTimer();\n            if (pendingSnapshot !== null) {\n                const snapshot = pendingSnapshot;\n                pendingSnapshot = null;\n                set((state) => ({\n                    ...state,\n                    historyPast: appendHistoryPast(state.historyPast, snapshot),\n                    historyFuture: [],\n                }));\n            }\n        }\n\n        return {\n            setHeight(height: number) {\n                // We have to add 200-500px, because of bottom padding or margin of last element\n                // which is not taken into calculation of final height\n                const newHeight = height + 500;\n                set((state) => ({...state, height: newHeight}));\n            },\n            setDeviceWidth(deviceWidth: string) {\n                set((state) => ({...state, deviceWidth}));\n            },\n            setZoom(zoom) {\n                if (zoom > 0) {\n                    set((state) => ({...state, zoom}));\n                }\n            },\n            increaseZoom() {\n                const currentZoom = get().zoom;\n\n                for (const step of ZOOM_STEPS) {\n                    if (currentZoom < step) {\n                        get().setZoom(step);\n                        break;\n                    }\n                }\n            },\n            decreaseZoom() {\n                const currentZoom = get().zoom;\n                const reverseSteps = ZOOM_STEPS.slice().reverse();\n\n                for (const step of reverseSteps) {\n                    if (currentZoom > step) {\n                        get().setZoom(step);\n                        break;\n                    }\n                }\n            },\n            togglePreviewMode() {\n                set((state) => ({...state, isPreviewMode: !state.isPreviewMode}));\n            },\n            setConfig(data) {\n                set((state) => ({...state, ...data}));\n            },\n            undo() {\n                if (pendingSnapshot !== null) {\n                    const snapshot = pendingSnapshot;\n                    clearUpdateFieldTimer();\n                    pendingSnapshot = null;\n                    set((state) => {\n                        const currentSnap = snapshotEditorHistory(state);\n                        return {\n                            ...state,\n                            content: snapshot.content,\n                            selectedBlock: snapshot.selectedBlock,\n                            historyFuture: [currentSnap, ...state.historyFuture],\n                        };\n                    });\n                    return;\n                }\n                set((state) => {\n                    if (state.historyPast.length === 0) {\n                        return state;\n                    }\n\n                    const past = [...state.historyPast];\n                    const previous = past.pop();\n                    if (previous === undefined) {\n                        return state;\n                    }\n\n                    const currentSnap = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        content: previous.content,\n                        selectedBlock: previous.selectedBlock,\n                        historyPast: past,\n                        historyFuture: [currentSnap, ...state.historyFuture],\n                    };\n                });\n            },\n            redo() {\n                clearUpdateFieldTimer();\n                pendingSnapshot = null;\n                set((state) => {\n                    if (state.historyFuture.length === 0) {\n                        return state;\n                    }\n\n                    const future = [...state.historyFuture];\n                    const next = future.shift();\n                    if (next === undefined) {\n                        return state;\n                    }\n\n                    const currentSnap = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        content: next.content,\n                        selectedBlock: next.selectedBlock,\n                        historyPast: appendHistoryPast(state.historyPast, currentSnap),\n                        historyFuture: future,\n                    };\n                });\n            },\n            insertBlock: (arrayPath, blockType, position = 'append') => {\n                if (position === 'append') {\n                    // TODO: fix\n                    // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n                    arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;\n                }\n\n                const blocksConfig = get().content.blocks;\n                const blocksData = get().blocks;\n\n                const foundBlock = blocksData.find(({type}) => type === blockType);\n                const defaultValue =\n                    foundBlock && foundBlock.schema.default\n                        ? {...foundBlock.schema.default, type: blockType}\n                        : {type: blockType};\n\n                const newBlocksConfig = modifyObjectByPath(\n                    blocksConfig,\n                    arrayPath,\n                    (parentBlocks, index) =>\n                        insert(parentBlocks, index, defaultValue as ConstructorBlock),\n                );\n\n                set((state) => {\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content: {...state.content, blocks: newBlocksConfig},\n                        selectedBlock: arrayPath,\n                    };\n                });\n            },\n            enableInsertMode(blockType: string) {\n                set((state) => ({\n                    ...state,\n                    manipulateOverlayMode: 'insert',\n                    preInsertBlockType: blockType,\n                }));\n            },\n            disableMode() {\n                set((state) => ({\n                    ...state,\n                    manipulateOverlayMode: false,\n                    preInsertBlockType: undefined,\n                    preReorderBlockPath: undefined,\n                }));\n            },\n            enableReorderMode(path) {\n                set((state) => ({\n                    ...state,\n                    manipulateOverlayMode: 'reorder',\n                    preReorderBlockPath: path,\n                }));\n            },\n            setContent(content, skipHistory = false) {\n                set((state) => {\n                    if (skipHistory) {\n                        return {\n                            ...state,\n                            historyPast: state.historyPast,\n                            historyFuture: [],\n                            content,\n                        };\n                    }\n\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content,\n                    };\n                });\n            },\n            initialize() {\n                set((state) => ({\n                    ...state,\n                    initialized: true,\n                }));\n            },\n            setSelectedBlock(path) {\n                set((state) => ({\n                    ...state,\n                    selectedBlock: path,\n                }));\n            },\n            setRectMap(rects) {\n                set((state) => {\n                    if (_.isEqual(state.rectMap, rects)) {\n                        return state;\n                    }\n                    return {...state, rectMap: rects};\n                });\n            },\n            updateField(path, value) {\n                if (pendingSnapshot === null) {\n                    pendingSnapshot = snapshotEditorHistory(get());\n                }\n\n                clearUpdateFieldTimer();\n                updateFieldTimer = setTimeout(() => {\n                    updateFieldTimer = null;\n                    commitPending();\n                }, HISTORY_DEBOUNCE_MS);\n\n                set((state) => {\n                    const newConfig = _.set(_.cloneDeep(state.content), path, value);\n                    return {...state, historyFuture: [], content: newConfig};\n                });\n            },\n            deleteBlock: (arrayPath) => {\n                const blocksConfig = get().content.blocks;\n\n                const newBlocksConfig = modifyObjectByPath(\n                    blocksConfig,\n                    arrayPath,\n                    removeFromArray,\n                );\n                set((state) => {\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content: {...state.content, blocks: newBlocksConfig},\n                        selectedBlock: null,\n                    };\n                });\n            },\n            duplicateBlock: (arrayPath) => {\n                const blocksConfig = get().content.blocks;\n\n                const newBlocksConfig = modifyObjectByPath(\n                    blocksConfig,\n                    arrayPath,\n                    duplicateArrayItem,\n                );\n\n                set((state) => {\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content: {...state.content, blocks: newBlocksConfig},\n                    };\n                });\n            },\n            reorderBlock: (arrayPath, destination, position = 'append') => {\n                const dest = _.cloneDeep(destination);\n                let finalDestinationPath: number[] = _.cloneDeep(destination);\n\n                if (position === 'append') {\n                    dest[dest.length - 1] = dest[dest.length - 1] + 1;\n                }\n\n                let newBlocksConfig: ConstructorBlock[];\n                const blocksConfig = get().content.blocks;\n                // Copy\n                const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));\n\n                if (isItemsNeighbours(arrayPath, dest)) {\n                    newBlocksConfig = modifyObjectByPath(\n                        blocksConfig,\n                        arrayPath,\n                        (parentBlocks) => {\n                            return reorderArrayItems(\n                                parentBlocks,\n                                arrayPath[arrayPath.length - 1],\n                                dest[dest.length - 1],\n                            );\n                        },\n                    );\n\n                    if (\n                        position === 'append' &&\n                        dest[dest.length - 1] < arrayPath[arrayPath.length - 1]\n                    ) {\n                        finalDestinationPath[finalDestinationPath.length - 1] =\n                            finalDestinationPath[finalDestinationPath.length - 1] + 1;\n                    }\n                } else {\n                    const arrayDest = getDestinationShiftBeforeReorder(arrayPath, dest);\n                    finalDestinationPath = _.cloneDeep(arrayDest);\n\n                    // Delete\n                    const blocksConfigWithoutBlock = modifyObjectByPath(\n                        blocksConfig,\n                        arrayPath,\n                        removeFromArray,\n                    );\n                    // Paste\n                    newBlocksConfig = modifyObjectByPath(\n                        blocksConfigWithoutBlock,\n                        arrayDest,\n                        (parentBlocks, index) => insert(parentBlocks, index, copiedBlock),\n                    );\n                }\n\n                set((state) => {\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content: {...state.content, blocks: newBlocksConfig},\n                        selectedBlock: finalDestinationPath,\n                    };\n                });\n            },\n            resetInitialize: () => {\n                set((state) => ({\n                    ...state,\n                    initialized: false,\n                }));\n            },\n            resetBlocks: () => {\n                set((state) => {\n                    const before = snapshotEditorHistory(state);\n\n                    return {\n                        ...state,\n                        historyPast: appendHistoryPast(state.historyPast, before),\n                        historyFuture: [],\n                        content: {...state.content, blocks: []},\n                    };\n                });\n            },\n        };\n    },\n);\n"]}

package/build/esm/editor-v2/styles/root.css

@@ -0,0 +1,9 @@
+.g-root {
+  --g-color-base-selection: var(--g-color-private-black-200);
+  --g-color-base-selection-hover: var(--g-color-private-black-300);
+  --g-color-base-brand: rgb(38, 38, 38);
+  --g-color-base-brand-hover: rgb(76, 76, 76);
+  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
+  --g-color-text-brand-heavy: rgb(76, 76, 76);
+  --g-color-line-brand: var(--g-color-text-primary);
+}

package/build/esm/editor-v2/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const EDITOR_NAMESPACE = "pceditor-";
+export declare const editorCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/editor-v2/utils/cn.js

@@ -0,0 +1,4 @@
+import { withNaming } from '@bem-react/classname';
+export const EDITOR_NAMESPACE = 'pceditor-';
+export const editorCn = withNaming({ n: EDITOR_NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/build/esm/editor-v2/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const EDITOR_NAMESPACE = 'pceditor-';\n\nexport const editorCn = withNaming({n: EDITOR_NAMESPACE, e: '__', m: '_'});\n"]}

package/build/esm/editor-v2/utils/code.d.ts

@@ -0,0 +1,4 @@
+export declare function parseCode(code: string): {
+    blocks: import("../../index.js").ConstructorBlock[];
+    animated?: boolean;
+};

package/build/esm/editor-v2/utils/code.js

@@ -0,0 +1,9 @@
+import yaml from 'js-yaml';
+export function parseCode(code) {
+    const pageContent = yaml.load(code);
+    return {
+        ...pageContent,
+        blocks: pageContent.blocks?.filter(Boolean),
+    };
+}
+//# sourceMappingURL=code.js.map

package/build/esm/editor-v2/utils/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/code.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAI3B,MAAM,UAAU,SAAS,CAAC,IAAY;IAClC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAgB,CAAC;IAEnD,OAAO;QACH,GAAG,WAAW;QACd,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;KAC9C,CAAC;AACN,CAAC","sourcesContent":["import yaml from 'js-yaml';\n\nimport {PageContent} from '../../models';\n\nexport function parseCode(code: string) {\n    const pageContent = yaml.load(code) as PageContent;\n\n    return {\n        ...pageContent,\n        blocks: pageContent.blocks?.filter(Boolean),\n    };\n}\n"]}

package/build/esm/editor-v2/utils/index.d.ts

@@ -0,0 +1,20 @@
+import { ConstructorBlock } from "../../models/index.js";
+export * from "./code.js";
+export * from "./cn.js";
+export declare function insert<T>(arr: Array<T>, index: number, newItem: T): T[];
+export declare function removeFromArray<T>(array: Array<T>, index: number): T[];
+export declare function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number): T[];
+export declare function reorderArrayItems<T>(array: Array<T>, index: number, destination: number): (T & ({} | null))[];
+export declare function duplicateArrayItem<T>(array: Array<T>, index: number): T[];
+export declare function insertByPath<T extends object>(object: T, path: string, value: any): T;
+export declare function splitPathAndIndex(path: string): {
+    path: string;
+    index: number;
+} | undefined;
+export declare function generateChildrenPathFromArray(indexes: number[]): string;
+export declare function modifyObjectByPath(blocks: ConstructorBlock[], arrayPath: number[], modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[]): ConstructorBlock[];
+export declare function isItemsNeighbours(arrayA: number[], arrayB: number[]): boolean;
+export declare function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]): number[];
+export declare function prepareShift(arrayInit: number[], arrayDest: number[]): number[];
+export declare const getUrlOrigin: (url: string) => string | undefined;
+export declare const getItemTitle: (item: object) => string | undefined;

package/build/esm/editor-v2/utils/index.js

@@ -0,0 +1,143 @@
+import _ from 'lodash';
+export * from "./code.js";
+export * from "./cn.js";
+export function insert(arr, index, newItem) {
+    return [...arr.slice(0, index), newItem, ...arr.slice(index)];
+}
+export function removeFromArray(array, index) {
+    return [...array.slice(0, index), ...array.slice(index + 1)];
+}
+export function swapArrayItems(array, firstIndex, secondIndex) {
+    const results = array.slice();
+    const firstItem = array[firstIndex];
+    results[firstIndex] = array[secondIndex];
+    results[secondIndex] = firstItem;
+    return results;
+}
+export function reorderArrayItems(array, index, destination) {
+    const min = Math.min(index, destination);
+    const max = Math.max(index, destination);
+    const firstOperationRemove = index < destination;
+    const result = [];
+    result.push(...array.slice(0, min));
+    if (!firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));
+    if (firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));
+    return result.filter((item) => item !== undefined);
+}
+export function duplicateArrayItem(array, index) {
+    const duplicatedItem = _.cloneDeep(array[index]);
+    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function insertByPath(object, path, value) {
+    if (!path) {
+        return value;
+    }
+    return _.setWith(_.clone(object), path, value, _.clone);
+}
+/*
+ *  path: string;
+ *  Example:
+ *  1. blocks[0] => {path: blocks, index: 0}
+ *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}
+ **/
+export function splitPathAndIndex(path) {
+    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]
+    const bracketsRegExp = /(.*)\[(\d+)]$/g;
+    const regexpMatches = Array.from(path.matchAll(bracketsRegExp));
+    if (regexpMatches.length) {
+        return {
+            // blocks, blocks[0].children
+            path: regexpMatches[0][1],
+            // 3, 12, 0, 9999
+            index: Number(regexpMatches[0][2]),
+        };
+    }
+    // eslint-disable-next-line no-console
+    console.error('Non correct path for splitting');
+    return undefined;
+}
+/*
+ * [0, 4, 3] => [0].children[4].children[3]
+ * */
+export function generateChildrenPathFromArray(indexes) {
+    if (!indexes.length) {
+        return '';
+    }
+    let resultPath = `[${indexes[0]}]`;
+    if (indexes.length > 1) {
+        for (let i = 1; i < indexes.length; i++) {
+            resultPath += `.children[${indexes[i]}]`;
+        }
+    }
+    return resultPath;
+}
+export function modifyObjectByPath(blocks, arrayPath, modifyCallback) {
+    // [1]
+    // [4].children[3]
+    const insertPath = generateChildrenPathFromArray(arrayPath);
+    // path: ''                 index: 1
+    // path: '[4].children'     index: 3
+    const splitPath = splitPathAndIndex(insertPath);
+    if (splitPath) {
+        const { path: parentPath, index } = splitPath;
+        // Get Array that lies on path
+        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;
+        const value = Array.isArray(parentArray) ? parentArray : [];
+        // Modify Array
+        const newModifiedArray = modifyCallback(value, index);
+        // Return it back
+        return insertByPath(blocks, parentPath, newModifiedArray);
+    }
+    return blocks;
+}
+export function isItemsNeighbours(arrayA, arrayB) {
+    if (arrayA.length !== arrayB.length) {
+        return false;
+    }
+    for (let i = 0; i < arrayA.length - 1; i++) {
+        if (arrayA[i] !== arrayB[i]) {
+            return false;
+        }
+    }
+    return true;
+}
+export function getDestinationShiftBeforeReorder(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    for (let i = 0; i < arrayInit.length; i++) {
+        if (arrayInit[i] < arrayDest[i]) {
+            return prepareShift(arrayInit, arrayDest);
+        }
+    }
+    return arrayDest;
+}
+export function prepareShift(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    return arrayDest.map((pathIndex, index) => index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex);
+}
+export const getUrlOrigin = (url) => {
+    try {
+        const urlObject = new URL(url);
+        return urlObject.origin;
+    }
+    catch {
+        return undefined;
+    }
+};
+export const getItemTitle = (item) => {
+    return (_.get(item, 'title.text') ||
+        _.get(item, 'title') ||
+        _.get(item, 'textContent.title') ||
+        _.get(item, 'content.title'));
+};
+//# sourceMappingURL=index.js.map