@gravity-ui/page-constructor 6.3.2-alpha.2 → 6.3.2-alpha.5

package/build/esm/blocks/TestEditorBlock/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/form.ts"],"names":[],"mappings":"AAaA,MAAM,SAAS,GAAc;IACzB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACjC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAiB;IAC/B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,WAAW,GAAsB;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACF,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;QACpC,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;KACvC;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAsB;IACnD,GAAG,WAAW;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,oBAAoB;IAE3B,IAAI,EAAE,aAAa;CACtB,CAAC;AAEF,aAAa;AACb,MAAM,uBAAuB,GAAwB;IACjD,GAAG,WAAW;IACd,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,uBAAuB;IAE9B,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,cAAc,GAAmB;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,gBAAgB,GAAqB;IACvC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,UAAU,GAAe;IAC3B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE;QACL,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,EAAC;QACvD,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAAa,CAAC,EAAC;KACtE;CACJ,CAAC;AAEF,eAAe;IACX,SAAS;IACT,aAAa;IACb,YAAY;IACZ,WAAW;IACX,WAAW;IACX,2BAA2B;IAC3B,uBAAuB;IACvB,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,UAAU;CACb,CAAC","sourcesContent":["import {\n    ArrayObjectInput,\n    ArrayTextInput,\n    BooleanInput,\n    NumberInput,\n    ObjectInput,\n    OneOfInput,\n    SelectMultipleInput,\n    SelectSingleInput,\n    TextAreaInput,\n    TextInput,\n} from '../../../common/types';\n\nconst textInput: TextInput = {\n    type: 'text',\n    name: 'text',\n    title: 'Text Input',\n};\n\nconst textAreaInput: TextAreaInput = {\n    type: 'textarea',\n    name: 'textarea',\n    title: 'TextArea Input',\n};\n\nconst booleanInput: BooleanInput = {\n    type: 'boolean',\n    name: 'boolean',\n    title: 'Boolean Input',\n};\n\nconst numberInput: NumberInput = {\n    type: 'number',\n    name: 'number',\n    title: 'Number Input',\n};\n\nconst selectInput: SelectSingleInput = {\n    type: 'select',\n    name: 'selectSingle',\n    title: 'Select Single Input',\n    mode: 'single',\n    view: 'select',\n    enum: [\n        {value: 'id_1', content: 'Option 1'},\n        {value: 'id_2', content: 'Option 2'},\n    ],\n};\n\nconst radioButtonsViewSingleInput: SelectSingleInput = {\n    ...selectInput,\n    name: 'radioButtons',\n    title: 'Radio Button Input',\n\n    view: 'radiobutton',\n};\n\n// @ts-ignore\nconst selectMultipleModeInput: SelectMultipleInput = {\n    ...selectInput,\n    name: 'selectMultiple',\n    title: 'Select Multiple Input',\n\n    mode: 'multiple',\n};\n\nconst objectInput: ObjectInput = {\n    type: 'object',\n    name: 'object',\n    title: 'Object Input',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst arrayTextInput: ArrayTextInput = {\n    type: 'array',\n    name: 'arrayText',\n    title: 'Array Text Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'text',\n};\n\nconst arrayObjectInput: ArrayObjectInput = {\n    type: 'array',\n    name: 'arrayObject',\n    title: 'Array Object Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'object',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst oneOfInput: OneOfInput = {\n    type: 'oneOf',\n    name: 'oneOf',\n    key: 'oneOfKey',\n    title: 'Array Text Input',\n    options: [\n        {value: 'text', title: 'Text', properties: [textInput]},\n        {value: 'textarea', title: 'TextArea', properties: [textAreaInput]},\n    ],\n};\n\nexport default [\n    textInput,\n    textAreaInput,\n    booleanInput,\n    numberInput,\n    selectInput,\n    radioButtonsViewSingleInput,\n    selectMultipleModeInput,\n    objectInput,\n    arrayTextInput,\n    arrayObjectInput,\n    oneOfInput,\n];\n"]}
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/form.ts"],"names":[],"mappings":"AAaA,MAAM,SAAS,GAAc;IACzB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACjC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAiB;IAC/B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,WAAW,GAAsB;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACF,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;QACpC,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;KACvC;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAsB;IACnD,GAAG,WAAW;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,oBAAoB;IAE3B,IAAI,EAAE,aAAa;CACtB,CAAC;AAEF,aAAa;AACb,MAAM,uBAAuB,GAAwB;IACjD,GAAG,WAAW;IACd,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,uBAAuB;IAE9B,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,cAAc,GAAmB;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,gBAAgB,GAAqB;IACvC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,UAAU,GAAe;IAC3B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE;QACL,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,EAAC;QACvD,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAAa,CAAC,EAAC;KACtE;CACJ,CAAC;AAEF,eAAe;IACX,SAAS;IACT,aAAa;IACb,YAAY;IACZ,WAAW;IACX,WAAW;IACX,2BAA2B;IAC3B,uBAAuB;IACvB,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,UAAU;CACb,CAAC","sourcesContent":["import {\n    ArrayObjectInput,\n    ArrayTextInput,\n    BooleanInput,\n    NumberInput,\n    ObjectInput,\n    OneOfInput,\n    SelectMultipleInput,\n    SelectSingleInput,\n    TextAreaInput,\n    TextInput,\n} from '../../common/types';\n\nconst textInput: TextInput = {\n    type: 'text',\n    name: 'text',\n    title: 'Text Input',\n};\n\nconst textAreaInput: TextAreaInput = {\n    type: 'textarea',\n    name: 'textarea',\n    title: 'TextArea Input',\n};\n\nconst booleanInput: BooleanInput = {\n    type: 'boolean',\n    name: 'boolean',\n    title: 'Boolean Input',\n};\n\nconst numberInput: NumberInput = {\n    type: 'number',\n    name: 'number',\n    title: 'Number Input',\n};\n\nconst selectInput: SelectSingleInput = {\n    type: 'select',\n    name: 'selectSingle',\n    title: 'Select Single Input',\n    mode: 'single',\n    view: 'select',\n    enum: [\n        {value: 'id_1', content: 'Option 1'},\n        {value: 'id_2', content: 'Option 2'},\n    ],\n};\n\nconst radioButtonsViewSingleInput: SelectSingleInput = {\n    ...selectInput,\n    name: 'radioButtons',\n    title: 'Radio Button Input',\n\n    view: 'radiobutton',\n};\n\n// @ts-ignore\nconst selectMultipleModeInput: SelectMultipleInput = {\n    ...selectInput,\n    name: 'selectMultiple',\n    title: 'Select Multiple Input',\n\n    mode: 'multiple',\n};\n\nconst objectInput: ObjectInput = {\n    type: 'object',\n    name: 'object',\n    title: 'Object Input',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst arrayTextInput: ArrayTextInput = {\n    type: 'array',\n    name: 'arrayText',\n    title: 'Array Text Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'text',\n};\n\nconst arrayObjectInput: ArrayObjectInput = {\n    type: 'array',\n    name: 'arrayObject',\n    title: 'Array Object Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'object',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst oneOfInput: OneOfInput = {\n    type: 'oneOf',\n    name: 'oneOf',\n    key: 'oneOfKey',\n    title: 'Array Text Input',\n    options: [\n        {value: 'text', title: 'Text', properties: [textInput]},\n        {value: 'textarea', title: 'TextArea', properties: [textAreaInput]},\n    ],\n};\n\nexport default [\n    textInput,\n    textAreaInput,\n    booleanInput,\n    numberInput,\n    selectInput,\n    radioButtonsViewSingleInput,\n    selectMultipleModeInput,\n    objectInput,\n    arrayTextInput,\n    arrayObjectInput,\n    oneOfInput,\n];\n"]}

package/build/esm/common/postMessage.d.ts

@@ -0,0 +1,4 @@
+import { ActionMessageTypes, EventMessageTypes } from "./types/index.js";
+export declare function requestActionPostMessage<K extends keyof ActionMessageTypes>(action: K, data: ActionMessageTypes[K], destinationElement: Window): void;
+export declare function listenPostMessageEvents<K extends keyof EventMessageTypes>(action: K, callback: (data: EventMessageTypes[K]) => void): () => void;
+export declare function usePostMessageAPIListener<K extends keyof EventMessageTypes>(action: K, callback: (data: EventMessageTypes[K]) => void, deps?: unknown[]): void;

package/build/esm/common/postMessage.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export function requestActionPostMessage(action, data, destinationElement) {
+    const message = { action, data };
+    destinationElement.postMessage(message);
+}
+export function listenPostMessageEvents(action, callback) {
+    const onMessage = (e) => {
+        const message = e.data;
+        if ('action' in message && message.action === action) {
+            return callback(message.data);
+        }
+        return undefined;
+    };
+    window.addEventListener('message', onMessage);
+    return () => {
+        window.removeEventListener('message', onMessage);
+    };
+}
+export function usePostMessageAPIListener(action, callback, deps = []) {
+    React.useEffect(() => {
+        return listenPostMessageEvents(action, callback);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [...deps]);
+}
+//# sourceMappingURL=postMessage.js.map

package/build/esm/common/postMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postMessage.js","sourceRoot":"../../../src","sources":["common/postMessage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,wBAAwB,CACpC,MAAS,EACT,IAA2B,EAC3B,kBAA0B;IAE1B,MAAM,OAAO,GAAG,EAAC,MAAM,EAAE,IAAI,EAA6B,CAAC;IAC3D,kBAAkB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,uBAAuB,CACnC,MAAS,EACT,QAA8C;IAE9C,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAgC,CAAC;QAEnD,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACnD,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,GAAG,EAAE;QACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,yBAAyB,CACrC,MAAS,EACT,QAA8C,EAC9C,OAAkB,EAAE;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAClB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ActionMessageTypes, EventMessageTypes, PostMessageAPIMessage} from './types';\n\nexport function requestActionPostMessage<K extends keyof ActionMessageTypes>(\n    action: K,\n    data: ActionMessageTypes[K],\n    destinationElement: Window,\n) {\n    const message = {action, data} as PostMessageAPIMessage<K>;\n    destinationElement.postMessage(message);\n}\n\nexport function listenPostMessageEvents<K extends keyof EventMessageTypes>(\n    action: K,\n    callback: (data: EventMessageTypes[K]) => void,\n) {\n    const onMessage = (e: MessageEvent) => {\n        const message = e.data as PostMessageAPIMessage<K>;\n\n        if ('action' in message && message.action === action) {\n            return callback(message.data);\n        }\n\n        return undefined;\n    };\n\n    window.addEventListener('message', onMessage);\n\n    return () => {\n        window.removeEventListener('message', onMessage);\n    };\n}\n\nexport function usePostMessageAPIListener<K extends keyof EventMessageTypes>(\n    action: K,\n    callback: (data: EventMessageTypes[K]) => void,\n    deps: unknown[] = [],\n) {\n    React.useEffect(() => {\n        return listenPostMessageEvents(action, callback);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [...deps]);\n}\n"]}

package/build/esm/common/store.d.ts

@@ -0,0 +1,40 @@
+import { PageContentWithNavigation } from "../models/index.js";
+import { ConfigInput, ItemConfig } from "./types/index.js";
+export interface EditorState {
+    height?: number;
+    deviceWidth?: string;
+    zoom: number;
+    manipulateOverlayMode: 'insert' | 'reorder' | false;
+    selectedBlock: number[] | null;
+    initialized: boolean;
+    content: PageContentWithNavigation;
+    blocks: Array<ItemConfig>;
+    subBlocks: Array<ItemConfig>;
+    global: Array<ConfigInput>;
+    preInsertBlockType: string | null;
+    preReorderBlockPath: number[] | null;
+}
+export declare const initialStore: EditorState;
+export declare const createPCEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<Omit<import("zustand").StoreApi<EditorState>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: EditorState, previousSelectedState: EditorState) => void): () => void;
+        <U>(selector: (state: EditorState) => 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 | Partial<EditorState> | ((state: EditorState) => EditorState | Partial<EditorState>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<EditorState, EditorState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: EditorState) => void) => () => void;
+        onFinishHydration: (fn: (state: EditorState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<EditorState, EditorState>>;
+    };
+}>;

package/build/esm/common/store.js

@@ -0,0 +1,17 @@
+import { initializeStore } from "./utils.js";
+export const initialStore = {
+    height: 100,
+    deviceWidth: '100%',
+    zoom: 100,
+    manipulateOverlayMode: false,
+    selectedBlock: null,
+    initialized: false,
+    content: { blocks: [] },
+    blocks: [],
+    subBlocks: [],
+    global: [],
+    preInsertBlockType: null,
+    preReorderBlockPath: null,
+};
+export const createPCEditorStore = initializeStore(initialStore, () => ({}));
+//# sourceMappingURL=store.js.map

package/build/esm/common/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"../../../src","sources":["common/store.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,mBAAgB;AAoBxC,MAAM,CAAC,MAAM,YAAY,GAAgB;IACrC,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,GAAG;IACT,qBAAqB,EAAE,KAAK;IAC5B,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,kBAAkB,EAAE,IAAI;IACxB,mBAAmB,EAAE,IAAI;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAc,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {PageContentWithNavigation} from '../models';\n\nimport {ConfigInput, ItemConfig} from './types';\nimport {initializeStore} from './utils';\n\nexport interface EditorState {\n    height?: number;\n    deviceWidth?: string;\n    zoom: number;\n\n    manipulateOverlayMode: 'insert' | 'reorder' | false;\n    selectedBlock: number[] | null;\n    initialized: boolean;\n\n    content: PageContentWithNavigation;\n    blocks: Array<ItemConfig>;\n    subBlocks: Array<ItemConfig>;\n    global: Array<ConfigInput>;\n\n    preInsertBlockType: string | null;\n    preReorderBlockPath: number[] | null;\n}\n\nexport const initialStore: EditorState = {\n    height: 100,\n    deviceWidth: '100%',\n    zoom: 100,\n    manipulateOverlayMode: false,\n    selectedBlock: null,\n    initialized: false,\n    content: {blocks: []},\n    blocks: [],\n    subBlocks: [],\n    global: [],\n    preInsertBlockType: null,\n    preReorderBlockPath: null,\n};\n\nexport const createPCEditorStore = initializeStore<EditorState>(initialStore, () => ({}));\n"]}

package/build/esm/common/types/actions.d.ts

@@ -0,0 +1,36 @@
+import { PageContentWithNavigation } from "../../models/index.js";
+import { EditorState } from "../store.js";
+export type MessageTypes = EventMessageTypes & ActionMessageTypes;
+export type EventMessageTypes = {
+    ON_INIT: {
+        height: number;
+    };
+    ON_RESIZE: {
+        height: number;
+    };
+    ON_MOUSE_UP: {
+        path?: number[];
+        rect?: DOMRect;
+        position?: string;
+    };
+    ON_MOUSE_MOVE: {
+        x: number;
+        y: number;
+    };
+    ON_HOVER_BLOCK: {
+        rect?: DOMRect;
+        position?: string;
+    };
+    ON_CLICK_BLOCK: {
+        path: number[];
+    };
+    ON_UPDATE_BLOCK_SELECTION: {
+        rect: DOMRect;
+    };
+    ON_SUPPORTED_BLOCKS: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>;
+    ON_INITIAL_CONTENT: PageContentWithNavigation;
+};
+export type ActionMessageTypes = {
+    GET_SUPPORTED_BLOCKS: {};
+    GET_INITIAL_CONTENT: {};
+};

package/build/esm/common/types/actions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=actions.js.map

package/build/esm/common/types/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../src","sources":["common/types/actions.ts"],"names":[],"mappings":"","sourcesContent":["import {PageContentWithNavigation} from '../../models';\nimport {EditorState} from '../store';\n\nexport type MessageTypes = EventMessageTypes & ActionMessageTypes;\n\nexport type EventMessageTypes = {\n    ON_INIT: {height: number};\n    ON_RESIZE: {height: number};\n    ON_MOUSE_UP: {path?: number[]; rect?: DOMRect; position?: string};\n    ON_MOUSE_MOVE: {x: number; y: number};\n    ON_HOVER_BLOCK: {rect?: DOMRect; position?: string};\n    ON_CLICK_BLOCK: {path: number[]};\n    ON_UPDATE_BLOCK_SELECTION: {rect: DOMRect};\n    ON_SUPPORTED_BLOCKS: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>;\n    ON_INITIAL_CONTENT: PageContentWithNavigation;\n};\n\nexport type ActionMessageTypes = {\n    GET_SUPPORTED_BLOCKS: {};\n    GET_INITIAL_CONTENT: {};\n};\n"]}

package/build/esm/common/types/common.d.ts

@@ -0,0 +1,5 @@
+import { BlockConfig } from "./forms.js";
+export interface ItemConfig {
+    type: string;
+    schema: BlockConfig;
+}

package/build/esm/common/types/common.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=common.js.map

package/build/esm/common/types/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"../../../../src","sources":["common/types/common.ts"],"names":[],"mappings":"","sourcesContent":["import {BlockConfig} from './forms';\n\nexport interface ItemConfig {\n    type: string;\n    schema: BlockConfig;\n}\n"]}

package/build/esm/common/types/forms.d.ts

@@ -0,0 +1,97 @@
+import { PageContentWithNavigation } from "../../models/index.js";
+export type DynamicFormValue = string | number | [] | object | boolean | PageContentWithNavigation | undefined;
+export interface BlockConfig {
+    name: string;
+    inputs: Array<ConfigInput>;
+    group?: string;
+    default?: object;
+    previewImg?: string;
+}
+export interface TextInput {
+    type: 'text';
+    name: string;
+    title: string;
+}
+export interface BooleanInput {
+    type: 'boolean';
+    name: string;
+    title: string;
+}
+export interface NumberInput {
+    type: 'number';
+    name: string;
+    title: string;
+}
+export interface TextAreaInput {
+    type: 'textarea';
+    name: string;
+    title: string;
+}
+export interface SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single' | 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectSingleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectMultipleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select';
+    mode: 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface ObjectInput {
+    type: 'object';
+    name: string;
+    title: string;
+    properties: Array<ConfigInput>;
+}
+export interface ArrayBaseInput {
+    type: 'array';
+    arrayType: 'object' | 'text';
+    name: string;
+    title: string;
+    buttonText: string;
+}
+export interface ArrayTextInput extends ArrayBaseInput {
+    arrayType: 'text';
+}
+export interface ArrayObjectInput extends ArrayBaseInput {
+    arrayType: 'object';
+    properties: Array<ConfigInput>;
+}
+export interface OneOfInput {
+    type: 'oneOf';
+    name: string;
+    key?: string;
+    title: string;
+    options: {
+        value: string;
+        title: string;
+        properties: Array<ConfigInput>;
+    }[];
+}
+export interface GeneralProps {
+    showIf?: string;
+}
+export type ConfigInput = (TextInput | BooleanInput | NumberInput | TextAreaInput | SelectSingleInput | SelectMultipleInput | ObjectInput | ArrayTextInput | ArrayObjectInput | OneOfInput) & GeneralProps;

package/build/esm/common/types/forms.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=forms.js.map

package/build/esm/common/types/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"../../../../src","sources":["common/types/forms.ts"],"names":[],"mappings":"","sourcesContent":["import {PageContentWithNavigation} from '../../models';\n\nexport type DynamicFormValue =\n    | string\n    | number\n    | []\n    | object\n    | boolean\n    | PageContentWithNavigation\n    | undefined;\n\nexport interface BlockConfig {\n    name: string;\n    inputs: Array<ConfigInput>;\n    group?: string;\n    default?: object;\n    previewImg?: string;\n}\n\nexport interface TextInput {\n    type: 'text';\n    name: string;\n    title: string;\n}\n\nexport interface BooleanInput {\n    type: 'boolean';\n    name: string;\n    title: string;\n}\n\nexport interface NumberInput {\n    type: 'number';\n    name: string;\n    title: string;\n}\n\nexport interface TextAreaInput {\n    type: 'textarea';\n    name: string;\n    title: string;\n}\n\nexport interface SelectBaseInput {\n    type: 'select';\n    name: string;\n    title: string;\n    view: 'select' | 'radiobutton';\n    mode: 'single' | 'multiple';\n    enum: Array<{content: string; value: string}>;\n}\n\nexport interface SelectSingleInput extends SelectBaseInput {\n    type: 'select';\n    name: string;\n    title: string;\n    view: 'select' | 'radiobutton';\n    mode: 'single';\n    enum: Array<{content: string; value: string}>;\n}\n\nexport interface SelectMultipleInput extends SelectBaseInput {\n    type: 'select';\n    name: string;\n    title: string;\n    view: 'select';\n    mode: 'multiple';\n    enum: Array<{content: string; value: string}>;\n}\n\nexport interface ObjectInput {\n    type: 'object';\n    name: string;\n    title: string;\n    properties: Array<ConfigInput>;\n}\n\nexport interface ArrayBaseInput {\n    type: 'array';\n    arrayType: 'object' | 'text';\n    name: string;\n    title: string;\n    buttonText: string;\n}\n\nexport interface ArrayTextInput extends ArrayBaseInput {\n    arrayType: 'text';\n}\n\nexport interface ArrayObjectInput extends ArrayBaseInput {\n    arrayType: 'object';\n    properties: Array<ConfigInput>;\n}\n\nexport interface OneOfInput {\n    type: 'oneOf';\n    name: string;\n    key?: string;\n    title: string;\n    options: {\n        value: string;\n        title: string;\n        properties: Array<ConfigInput>;\n    }[];\n}\n\nexport interface GeneralProps {\n    showIf?: string;\n}\n\nexport type ConfigInput = (\n    | TextInput\n    | BooleanInput\n    | NumberInput\n    | TextAreaInput\n    | SelectSingleInput\n    | SelectMultipleInput\n    | ObjectInput\n    | ArrayTextInput\n    | ArrayObjectInput\n    | OneOfInput\n) &\n    GeneralProps;\n"]}

package/build/esm/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./actions.js";
+export * from "./common.js";
+export * from "./forms.js";
+export * from "./messages.js";

package/build/esm/common/types/index.js

@@ -0,0 +1,5 @@
+export * from "./actions.js";
+export * from "./common.js";
+export * from "./forms.js";
+export * from "./messages.js";
+//# sourceMappingURL=index.js.map

package/build/esm/common/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["common/types/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,4BAAyB;AACzB,2BAAwB;AACxB,8BAA2B","sourcesContent":["export * from './actions';\nexport * from './common';\nexport * from './forms';\nexport * from './messages';\n"]}

package/build/esm/common/types/messages.d.ts

@@ -0,0 +1,9 @@
+import { EditorState } from "../store.js";
+import { MessageTypes } from "./actions.js";
+export type PostMessageAPIMessage<K extends keyof MessageTypes> = {
+    action: K;
+    data: MessageTypes[K];
+};
+export type StoreSyncMessage = {
+    state: EditorState;
+};

package/build/esm/common/types/messages.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=messages.js.map

package/build/esm/common/types/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"../../../../src","sources":["common/types/messages.ts"],"names":[],"mappings":"","sourcesContent":["import {EditorState} from '../store';\n\nimport {MessageTypes} from './actions';\n\nexport type PostMessageAPIMessage<K extends keyof MessageTypes> = {\n    action: K;\n    data: MessageTypes[K];\n};\n\nexport type StoreSyncMessage = {\n    state: EditorState;\n};\n"]}

package/build/esm/common/utils.d.ts

@@ -0,0 +1,25 @@
+import { StoreApi } from 'zustand';
+export declare function initializeStore<State extends {}, Methods extends {} = {}>(initialState: State, methods: (set: StoreApi<State & Methods>['setState'], get: StoreApi<State & Methods>['getState']) => Methods): (overrideInitialState?: Partial<State>) => import("zustand").UseBoundStore<Omit<Omit<Omit<StoreApi<State & Methods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: State & Methods, previousSelectedState: State & Methods) => void): () => void;
+        <U>(selector: (state: State & Methods) => 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: (State & Methods) | Partial<State & Methods> | ((state: State & Methods) => (State & Methods) | Partial<State & Methods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: State & Methods) => void) => () => void;
+        onFinishHydration: (fn: (state: State & Methods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>;
+    };
+}>;
+export declare const removeFn: (object: object) => any;

package/build/esm/common/utils.js

@@ -0,0 +1,17 @@
+import { create } from 'zustand';
+import { devtools, subscribeWithSelector } from 'zustand/middleware';
+export function initializeStore(initialState, methods) {
+    return (overrideInitialState) => {
+        return create(subscribeWithSelector(devtools((set, get) => {
+            return {
+                ...initialState,
+                ...overrideInitialState,
+                ...methods(set, get),
+            };
+        })));
+    };
+}
+export const removeFn = (object) => {
+    return JSON.parse(JSON.stringify(object));
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,MAAM,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAE,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAEnE,MAAM,UAAU,eAAe,CAC3B,YAAmB,EACnB,OAGY;IAEZ,OAAO,CAAC,oBAAqC,EAAE,EAAE;QAC7C,OAAO,MAAM,CAQT,qBAAqB,CACjB,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAClB,OAAO;gBACH,GAAG,YAAY;gBACf,GAAG,oBAAoB;gBACvB,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;aACvB,CAAC;QACN,CAAC,CAAC,CACL,CACJ,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["import {StoreApi, create} from 'zustand';\nimport {devtools, subscribeWithSelector} from 'zustand/middleware';\n\nexport function initializeStore<State extends {}, Methods extends {} = {}>(\n    initialState: State,\n    methods: (\n        set: StoreApi<State & Methods>['setState'],\n        get: StoreApi<State & Methods>['getState'],\n    ) => Methods,\n) {\n    return (overrideInitialState?: Partial<State>) => {\n        return create<\n            State & Methods,\n            [\n                ['zustand/subscribeWithSelector', State & Methods],\n                ['zustand/devtools', never],\n                ['zustand/persist', State & Methods],\n            ]\n        >(\n            subscribeWithSelector(\n                devtools((set, get) => {\n                    return {\n                        ...initialState,\n                        ...overrideInitialState,\n                        ...methods(set, get),\n                    };\n                }),\n            ),\n        );\n    };\n}\n\nexport const removeFn = (object: object) => {\n    return JSON.parse(JSON.stringify(object));\n};\n"]}

package/build/esm/components/Image/dynamic-form.d.ts

@@ -1,2 +1,2 @@
-import { ConfigInput } from "../../../common/types/index.js";
+import { ConfigInput } from "../../common/types/index.js";
 export declare const imageInputs: ConfigInput[];

package/build/esm/components/Image/dynamic-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'alt',\n        title: 'Alternative',\n    },\n    {\n        type: 'boolean',\n        name: 'disableCompress',\n        title: 'Disable Compress',\n    },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'style.backgroundColor',\n        title: 'Background Color',\n    },\n    {\n        type: 'text',\n        name: 'style.height',\n        title: 'Height',\n    },\n    {\n        type: 'text',\n        name: 'style.width',\n        title: 'Width',\n    },\n    {\n        type: 'text',\n        name: 'style.color',\n        title: 'Color',\n    },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n    type: 'text',\n    title: _.capitalize(device),\n    name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n    {\n        type: 'oneOf',\n        name: '',\n        key: 'imageType',\n        title: 'Image Type',\n        options: [\n            {\n                title: 'Simple',\n                value: 'simple',\n                properties: [\n                    {\n                        type: 'text',\n                        name: '', // image props\n                        title: 'Image URL',\n                    },\n                ],\n            },\n            {\n                title: 'Complex',\n                value: 'complex',\n                properties: [\n                    {\n                        type: 'text',\n                        name: 'src',\n                        title: 'Source',\n                    },\n                    ...imageStyleInputs,\n                    ...imageBaseInputs,\n                ],\n            },\n            {\n                title: 'Device Based',\n                value: 'deviseBased',\n                properties: [...devicesInputs, ...imageBaseInputs],\n            },\n        ],\n    },\n];\n"]}
+{"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'alt',\n        title: 'Alternative',\n    },\n    {\n        type: 'boolean',\n        name: 'disableCompress',\n        title: 'Disable Compress',\n    },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'style.backgroundColor',\n        title: 'Background Color',\n    },\n    {\n        type: 'text',\n        name: 'style.height',\n        title: 'Height',\n    },\n    {\n        type: 'text',\n        name: 'style.width',\n        title: 'Width',\n    },\n    {\n        type: 'text',\n        name: 'style.color',\n        title: 'Color',\n    },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n    type: 'text',\n    title: _.capitalize(device),\n    name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n    {\n        type: 'oneOf',\n        name: '',\n        key: 'imageType',\n        title: 'Image Type',\n        options: [\n            {\n                title: 'Simple',\n                value: 'simple',\n                properties: [\n                    {\n                        type: 'text',\n                        name: '', // image props\n                        title: 'Image URL',\n                    },\n                ],\n            },\n            {\n                title: 'Complex',\n                value: 'complex',\n                properties: [\n                    {\n                        type: 'text',\n                        name: 'src',\n                        title: 'Source',\n                    },\n                    ...imageStyleInputs,\n                    ...imageBaseInputs,\n                ],\n            },\n            {\n                title: 'Device Based',\n                value: 'deviseBased',\n                properties: [...devicesInputs, ...imageBaseInputs],\n            },\n        ],\n    },\n];\n"]}

package/build/esm/constructor-items.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BlockConfig } from "../common/types/index.js";
+import { BlockConfig } from "./common/types/index.js";
 /**
  * TODO: remove it
  * @deprecated use blockDataMap

package/build/esm/constructor-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from '../common/types';\n\nimport {\n    BannerBlock,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    TableBlock,\n    TabsBlock,\n} from './blocks';\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\nimport FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport TestEditorBlockConfig from './blocks/TestEditorBlock';\nimport TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {GithubButton, NavigationButton, NavigationDropdown, NavigationLink} from './navigation';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n    BackgroundCard,\n    BannerCard,\n    BasicCard,\n    Content,\n    Divider,\n    ImageCard,\n    LayoutItem,\n    MediaCard,\n    PriceCard,\n    PriceDetailed,\n    Quote,\n} from './sub-blocks';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport PriceDetailedConfig from './sub-blocks/PriceDetailed';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const blockMap = {\n    [BlockType.SliderBlock]: SliderBlock,\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n    [BlockType.QuestionsBlock]: QuestionsBlock,\n    [BlockType.BannerBlock]: BannerBlock,\n    [BlockType.CompaniesBlock]: CompaniesBlock,\n    [BlockType.MediaBlock]: MediaBlock,\n    [BlockType.InfoBlock]: InfoBlock,\n    [BlockType.TableBlock]: TableBlock,\n    [BlockType.TabsBlock]: TabsBlock,\n    [BlockType.HeaderBlock]: HeaderBlock,\n    [BlockType.IconsBlock]: IconsBlock,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n    [BlockType.CardLayoutBlock]: CardLayoutBlock,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n    [BlockType.ShareBlock]: ShareBlock,\n    [BlockType.MapBlock]: MapBlock,\n    [BlockType.FilterBlock]: FilterBlock,\n    [BlockType.FormBlock]: FormBlock,\n    // unstable\n    [BlockType.SliderNewBlock]: SliderNewBlock,\n    [BlockType.TestEditorBlock]: TestEditorBlock,\n};\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {\n    [SubBlockType.Divider]: Divider,\n    [SubBlockType.PriceDetailed]: PriceDetailed,\n    [SubBlockType.MediaCard]: MediaCard,\n    [SubBlockType.BannerCard]: BannerCard,\n    [SubBlockType.LayoutItem]: LayoutItem,\n    [SubBlockType.BackgroundCard]: BackgroundCard,\n    [SubBlockType.BasicCard]: BasicCard,\n    [SubBlockType.Content]: Content,\n    [SubBlockType.Quote]: Quote,\n    [SubBlockType.PriceCard]: PriceCard,\n    [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n    [NavigationItemType.Button]: NavigationButton,\n    [NavigationItemType.Social]: SocialIcon,\n    [NavigationItemType.Dropdown]: NavigationDropdown,\n    [NavigationItemType.Link]: NavigationLink,\n    [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n    // TODO: remove any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component: React.ComponentType<any>;\n    schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n    [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n    [BlockType.BannerBlock]: BannerBlockConfig,\n    [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n    [BlockType.MediaBlock]: MediaBlockConfig,\n    [BlockType.InfoBlock]: InfoBlockConfig,\n    [BlockType.TableBlock]: TableBlockConfig,\n    [BlockType.TabsBlock]: TabsBlockConfig,\n    [BlockType.HeaderBlock]: HeaderBlockConfig,\n    [BlockType.IconsBlock]: IconsBlockConfig,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n    [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n    [BlockType.ShareBlock]: ShareBlockConfig,\n    [BlockType.MapBlock]: MapBlockConfig,\n    [BlockType.FilterBlock]: FilterBlockConfig,\n    [BlockType.FormBlock]: FormBlockConfig,\n    [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n    [BlockType.SliderBlock]: SliderBlockConfig,\n\n    [SubBlockType.Divider]: DividerConfig,\n    [SubBlockType.PriceDetailed]: PriceDetailedConfig,\n    [SubBlockType.MediaCard]: MediaCardConfig,\n    [SubBlockType.BannerCard]: BannerCardConfig,\n    [SubBlockType.LayoutItem]: LayoutItemConfig,\n    [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n    [SubBlockType.BasicCard]: BasicCardConfig,\n    [SubBlockType.Content]: ContentConfig,\n    [SubBlockType.Quote]: QuoteConfig,\n    [SubBlockType.PriceCard]: PriceCardConfig,\n    [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}
+{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from './common/types';\n\nimport {\n    BannerBlock,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    TableBlock,\n    TabsBlock,\n} from './blocks';\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\nimport FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport TestEditorBlockConfig from './blocks/TestEditorBlock';\nimport TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {GithubButton, NavigationButton, NavigationDropdown, NavigationLink} from './navigation';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n    BackgroundCard,\n    BannerCard,\n    BasicCard,\n    Content,\n    Divider,\n    ImageCard,\n    LayoutItem,\n    MediaCard,\n    PriceCard,\n    PriceDetailed,\n    Quote,\n} from './sub-blocks';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport PriceDetailedConfig from './sub-blocks/PriceDetailed';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const blockMap = {\n    [BlockType.SliderBlock]: SliderBlock,\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n    [BlockType.QuestionsBlock]: QuestionsBlock,\n    [BlockType.BannerBlock]: BannerBlock,\n    [BlockType.CompaniesBlock]: CompaniesBlock,\n    [BlockType.MediaBlock]: MediaBlock,\n    [BlockType.InfoBlock]: InfoBlock,\n    [BlockType.TableBlock]: TableBlock,\n    [BlockType.TabsBlock]: TabsBlock,\n    [BlockType.HeaderBlock]: HeaderBlock,\n    [BlockType.IconsBlock]: IconsBlock,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n    [BlockType.CardLayoutBlock]: CardLayoutBlock,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n    [BlockType.ShareBlock]: ShareBlock,\n    [BlockType.MapBlock]: MapBlock,\n    [BlockType.FilterBlock]: FilterBlock,\n    [BlockType.FormBlock]: FormBlock,\n    // unstable\n    [BlockType.SliderNewBlock]: SliderNewBlock,\n    [BlockType.TestEditorBlock]: TestEditorBlock,\n};\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {\n    [SubBlockType.Divider]: Divider,\n    [SubBlockType.PriceDetailed]: PriceDetailed,\n    [SubBlockType.MediaCard]: MediaCard,\n    [SubBlockType.BannerCard]: BannerCard,\n    [SubBlockType.LayoutItem]: LayoutItem,\n    [SubBlockType.BackgroundCard]: BackgroundCard,\n    [SubBlockType.BasicCard]: BasicCard,\n    [SubBlockType.Content]: Content,\n    [SubBlockType.Quote]: Quote,\n    [SubBlockType.PriceCard]: PriceCard,\n    [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n    [NavigationItemType.Button]: NavigationButton,\n    [NavigationItemType.Social]: SocialIcon,\n    [NavigationItemType.Dropdown]: NavigationDropdown,\n    [NavigationItemType.Link]: NavigationLink,\n    [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n    // TODO: remove any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component: React.ComponentType<any>;\n    schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n    [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n    [BlockType.BannerBlock]: BannerBlockConfig,\n    [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n    [BlockType.MediaBlock]: MediaBlockConfig,\n    [BlockType.InfoBlock]: InfoBlockConfig,\n    [BlockType.TableBlock]: TableBlockConfig,\n    [BlockType.TabsBlock]: TabsBlockConfig,\n    [BlockType.HeaderBlock]: HeaderBlockConfig,\n    [BlockType.IconsBlock]: IconsBlockConfig,\n    [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n    [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n    [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n    [BlockType.ShareBlock]: ShareBlockConfig,\n    [BlockType.MapBlock]: MapBlockConfig,\n    [BlockType.FilterBlock]: FilterBlockConfig,\n    [BlockType.FormBlock]: FormBlockConfig,\n    [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n    [BlockType.SliderBlock]: SliderBlockConfig,\n\n    [SubBlockType.Divider]: DividerConfig,\n    [SubBlockType.PriceDetailed]: PriceDetailedConfig,\n    [SubBlockType.MediaCard]: MediaCardConfig,\n    [SubBlockType.BannerCard]: BannerCardConfig,\n    [SubBlockType.LayoutItem]: LayoutItemConfig,\n    [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n    [SubBlockType.BasicCard]: BasicCardConfig,\n    [SubBlockType.Content]: ContentConfig,\n    [SubBlockType.Quote]: QuoteConfig,\n    [SubBlockType.PriceCard]: PriceCardConfig,\n    [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}

package/build/esm/context/editorStoreContext/PCEditorStoreContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StoreApi } from 'zustand';
-import { EditorState } from "../../../common/store.js";
+import { EditorState } from "../../common/store.js";
 export interface PCEditorStoreContextProps {
     state: StoreApi<EditorState>;
 }

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createPCEditorStore } from "../../../common/store.js";
+import { createPCEditorStore } from "../../common/store.js";
 export const PCEditorStoreContext = React.createContext({
     state: createPCEditorStore(),
 });

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,iCAA8B;AAMvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,mBAAmB,EAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}
+{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,8BAA2B;AAMpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,mBAAmB,EAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { createPCEditorStore } from "../../../common/store.js";
+import { createPCEditorStore } from "../../common/store.js";
 import { PCEditorStoreContext } from "./PCEditorStoreContext.js";
 export const PCEditorStoreProvider = ({ children }) => {
     const storeRef = React.useRef();

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,iCAA8B;AAGvE,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAI5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,8BAA2B;AAGpE,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAI5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/esm/editor-v2/components/DynamicForm/DynamicForm.d.ts

@@ -1,4 +1,4 @@
-import { ConfigInput, DynamicFormValue } from "../../../../common/types/index.js";
+import { ConfigInput, DynamicFormValue } from "../../../common/types/index.js";
 import './DynamicForm.css';
 interface DynamicFormProps {
     blockConfig: Array<ConfigInput>;

package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":";AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,gCAA6B;AACrD,OAAO,mBAAmB,oCAAiC;AAC3D,OAAO,kBAAkB,kCAA+B;AACxD,OAAO,kBAAkB,kCAA+B;AACxD,OAAO,iBAAiB,gCAA6B;AACrD,OAAO,kBAAkB,kCAA+B;AACxD,OAAO,gBAAgB,8BAA2B;AAClD,OAAO,oBAAoB,sCAAmC;AAC9D,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,mBAAgB;AAEhD,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AASnC,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAmB,EAAE,EAAE;IAC7E,MAAM,MAAM,GAAG,WAAW,CAAC;IAE3B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,QAAgB,EAAE,EAAE;QACjB,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAChD,OAAO,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAC1C,CAAC;QAED,IACI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpD,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EACtD,CAAC;YACC,oCAAoC;YACpC,OAAO,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,MAAc,EAAW,EAAE;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YACxB,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAC;YACzD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC;QAEtD,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;QAEtC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,KAAK,KAAK,KAAK,CAAC;QAC3B,CAAC;aAAM,CAAC;YACJ,OAAO,KAAK,KAAK,KAAK,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAkB,EAAE,EAAE;QACnB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAEzD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAEtC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,OAAO,4CAAoB,KAAK,CAAC,IAAI,IAAO,CAAC;YACjD,CAAC;QACL,CAAC;QAED,gCAAgC;QAChC,MAAM,0BAA0B,GAAG,CAAC,KAAuB,EAAE,EAAE;YAC3D,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,oBAAoB;QACpB,MAAM,2BAA2B,GAAG,CAAC,GAAW,EAAE,KAAuB,EAAE,EAAE;YACzE,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACjB,KAAK,MAAM,CAAC,CAAC,CAAC;gBACV,OAAO,CACH,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC;YACN,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACb,OAAO,CACH,KAAC,mBAAmB,IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC;YACN,CAAC;YACD,KAAK,UAAU,CAAC,CAAC,CAAC;gBACd,OAAO,CACH,KAAC,oBAAoB,IACjB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC;YACN,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,OAAO,CACH,KAAC,kBAAkB,IACf,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC;YACN,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,OAAO,CACH,KAAC,kBAAkB,IACf,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC;YACN,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,EAAE,CAAC;oBACrC,OAAO,IAAI,CAAC;gBAChB,CAAC;gBAED,OAAO,CACH,KAAC,kBAAkB,IACf,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,WAAW,EAAE,KAAK,CAAC,UAAU,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,2BAA2B,GACvC,CACL,CAAC;YACN,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACX,OAAO,CACH,KAAC,iBAAiB,IACd,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,2BAA2B,GACvC,CACL,CAAC;YACN,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACX,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,EAAE,CAAC;oBAClC,OAAO,IAAI,CAAC;gBAChB,CAAC;gBAED,OAAO,CACH,KAAC,iBAAiB,IACd,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,2BAA2B,GACvC,CACL,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,qCAAa,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAO,CAAC;YACrD,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,CAAC,CACpC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACvD,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACrC,OAAO,CAAC,CAAC;QACb,CAAC;QACD,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACrC,OAAO,CAAC,CAAC,CAAC;QACd,CAAC;QACD,OAAO,CAAC,CAAC;IACb,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACd,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,KAAK,CAAC,QAAQ,cAAc,WAAW,CAAC,KAAK,CAAC,IAA1B,KAAK,CAAuC,CACpE,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n    blockConfig: Array<ConfigInput>;\n    contentConfig?: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n    const inputs = blockConfig;\n\n    const getData = React.useCallback(\n        (variable: string) => {\n            if (variable.startsWith('block.')) {\n                const purePath = variable.replace('block.', '');\n                return _.get(contentConfig, purePath);\n            }\n\n            if (\n                (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n                (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n            ) {\n                // @ts-ignore TODO: replaceAll types\n                return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n            }\n\n            return undefined;\n        },\n        [contentConfig],\n    );\n\n    const decide = React.useCallback(\n        (showIf: string): boolean => {\n            const parts = showIf.split(' ');\n\n            if (!(parts.length === 3)) {\n                // eslint-disable-next-line no-console\n                console.log('Something bad happened in showIf, ignored');\n                return true;\n            }\n\n            const [firstVariable, equals, secondVariable] = parts;\n\n            const data1 = getData(firstVariable);\n            const data2 = getData(secondVariable);\n\n            if (equals === '===') {\n                return data1 === data2;\n            } else {\n                return data1 !== data2;\n            }\n        },\n        [getData],\n    );\n\n    const renderInput = React.useCallback(\n        (input: ConfigInput) => {\n            const fieldPath = input.name;\n            const fieldValue = getContent(contentConfig, input.name);\n\n            if (input.showIf) {\n                const decision = decide(input.showIf);\n\n                if (!decision) {\n                    return <div>Hidden Field: {input.name}</div>;\n                }\n            }\n\n            // Text, Select, Boolean and etc\n            const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n                onUpdate(fieldPath, value);\n            };\n\n            // Array and Objects\n            const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n                onUpdate(getFullPath(fieldPath, key), value);\n            };\n\n            switch (input.type) {\n                case 'text': {\n                    return (\n                        <TextDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'boolean': {\n                    return (\n                        <BooleanDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'textarea': {\n                    return (\n                        <TextAreaDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'select': {\n                    return (\n                        <SelectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            input={input}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'number': {\n                    return (\n                        <NumberDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'object': {\n                    if (!input || !('properties' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <ObjectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            blockConfig={input.properties}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'array': {\n                    return (\n                        <ArrayDynamicField\n                            blockConfig={input}\n                            title={input.title}\n                            values={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'oneOf': {\n                    if (!input || !('options' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <OneOfDynamicField\n                            inputConfig={input}\n                            contentConfig={contentConfig}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                default: {\n                    return <div>Ignore {JSON.stringify(input)}</div>;\n                }\n            }\n        },\n        [contentConfig, decide, onUpdate],\n    );\n\n    const sortedInputs = inputs.sort((x, y) => {\n        const nestingFieldTypes = ['object', 'array', 'oneOf'];\n        if (nestingFieldTypes.includes(x.type)) {\n            return 1;\n        }\n        if (nestingFieldTypes.includes(y.type)) {\n            return -1;\n        }\n        return 0;\n    });\n\n    return (\n        <div className={b()}>\n            {sortedInputs.map((input, index) => (\n                <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n            ))}\n        </div>\n    );\n};\n\nexport default DynamicForm;\n"]}
+{"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n    blockConfig: Array<ConfigInput>;\n    contentConfig?: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n    const inputs = blockConfig;\n\n    const getData = React.useCallback(\n        (variable: string) => {\n            if (variable.startsWith('block.')) {\n                const purePath = variable.replace('block.', '');\n                return _.get(contentConfig, purePath);\n            }\n\n            if (\n                (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n                (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n            ) {\n                // @ts-ignore TODO: replaceAll types\n                return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n            }\n\n            return undefined;\n        },\n        [contentConfig],\n    );\n\n    const decide = React.useCallback(\n        (showIf: string): boolean => {\n            const parts = showIf.split(' ');\n\n            if (!(parts.length === 3)) {\n                // eslint-disable-next-line no-console\n                console.log('Something bad happened in showIf, ignored');\n                return true;\n            }\n\n            const [firstVariable, equals, secondVariable] = parts;\n\n            const data1 = getData(firstVariable);\n            const data2 = getData(secondVariable);\n\n            if (equals === '===') {\n                return data1 === data2;\n            } else {\n                return data1 !== data2;\n            }\n        },\n        [getData],\n    );\n\n    const renderInput = React.useCallback(\n        (input: ConfigInput) => {\n            const fieldPath = input.name;\n            const fieldValue = getContent(contentConfig, input.name);\n\n            if (input.showIf) {\n                const decision = decide(input.showIf);\n\n                if (!decision) {\n                    return <div>Hidden Field: {input.name}</div>;\n                }\n            }\n\n            // Text, Select, Boolean and etc\n            const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n                onUpdate(fieldPath, value);\n            };\n\n            // Array and Objects\n            const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n                onUpdate(getFullPath(fieldPath, key), value);\n            };\n\n            switch (input.type) {\n                case 'text': {\n                    return (\n                        <TextDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'boolean': {\n                    return (\n                        <BooleanDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'textarea': {\n                    return (\n                        <TextAreaDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'select': {\n                    return (\n                        <SelectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            input={input}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'number': {\n                    return (\n                        <NumberDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'object': {\n                    if (!input || !('properties' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <ObjectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            blockConfig={input.properties}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'array': {\n                    return (\n                        <ArrayDynamicField\n                            blockConfig={input}\n                            title={input.title}\n                            values={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'oneOf': {\n                    if (!input || !('options' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <OneOfDynamicField\n                            inputConfig={input}\n                            contentConfig={contentConfig}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                default: {\n                    return <div>Ignore {JSON.stringify(input)}</div>;\n                }\n            }\n        },\n        [contentConfig, decide, onUpdate],\n    );\n\n    const sortedInputs = inputs.sort((x, y) => {\n        const nestingFieldTypes = ['object', 'array', 'oneOf'];\n        if (nestingFieldTypes.includes(x.type)) {\n            return 1;\n        }\n        if (nestingFieldTypes.includes(y.type)) {\n            return -1;\n        }\n        return 0;\n    });\n\n    return (\n        <div className={b()}>\n            {sortedInputs.map((input, index) => (\n                <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n            ))}\n        </div>\n    );\n};\n\nexport default DynamicForm;\n"]}