@gravity-ui/page-constructor 6.3.2-alpha.0 → 6.3.2-alpha.3

package/build/cjs/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/cjs/common/types/actions.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=actions.js.map

package/build/cjs/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/cjs/common/types/common.d.ts

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

package/build/cjs/common/types/common.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=common.js.map

package/build/cjs/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/cjs/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/cjs/common/types/forms.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=forms.js.map

package/build/cjs/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/cjs/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/cjs/common/types/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./actions.js"), exports);
+tslib_1.__exportStar(require("./common.js"), exports);
+tslib_1.__exportStar(require("./forms.js"), exports);
+tslib_1.__exportStar(require("./messages.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["common/types/index.ts"],"names":[],"mappings":";;;AAAA,uDAA0B;AAC1B,sDAAyB;AACzB,qDAAwB;AACxB,wDAA2B","sourcesContent":["export * from './actions';\nexport * from './common';\nexport * from './forms';\nexport * from './messages';\n"]}

package/build/cjs/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/cjs/common/types/messages.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=messages.js.map

package/build/cjs/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/cjs/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/cjs/common/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeFn = void 0;
+exports.initializeStore = initializeStore;
+const zustand_1 = require("zustand");
+const middleware_1 = require("zustand/middleware");
+function initializeStore(initialState, methods) {
+    return (overrideInitialState) => {
+        return (0, zustand_1.create)((0, middleware_1.subscribeWithSelector)((0, middleware_1.devtools)((set, get) => {
+            return {
+                ...initialState,
+                ...overrideInitialState,
+                ...methods(set, get),
+            };
+        })));
+    };
+}
+const removeFn = (object) => {
+    return JSON.parse(JSON.stringify(object));
+};
+exports.removeFn = removeFn;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["common/utils.ts"],"names":[],"mappings":";;;AAGA,0CA2BC;AA9BD,qCAAyC;AACzC,mDAAmE;AAEnE,SAAgB,eAAe,CAC3B,YAAmB,EACnB,OAGY;IAEZ,OAAO,CAAC,oBAAqC,EAAE,EAAE;QAC7C,OAAO,IAAA,gBAAM,EAQT,IAAA,kCAAqB,EACjB,IAAA,qBAAQ,EAAC,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;AAEM,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB","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/cjs/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/cjs/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,4DAAuB;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,gBAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAES,QAAA,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,4DAAuB;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,gBAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAES,QAAA,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/cjs/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/cjs/constructor-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAIA,8CAoBkB;AAClB,8EAAgD;AAChD,sFAAwD;AACxD,oFAAsD;AACtD,4FAA8D;AAC9D,kGAAoE;AACpE,wFAAqD;AACrD,0EAA4C;AAC5C,8EAAgD;AAChD,0FAA4D;AAC5D,4EAA8C;AAC9C,0EAA4C;AAC5C,wEAA0C;AAC1C,4EAA8C;AAC9C,sGAAmE;AACnE,oFAAsD;AACtD,4EAA8C;AAC9C,8EAAgD;AAChD,4EAA8C;AAC9C,0EAA4C;AAC5C,gGAA6D;AAC7D,0GAAuE;AACvE,mDAAiD;AACjD,8CAAqE;AACrE,sDAAgG;AAChG,0GAAuE;AACvE,sDAYsB;AACtB,kGAA+D;AAC/D,0FAAuD;AACvD,wFAAqD;AACrD,oFAAiD;AACjD,oFAAiD;AACjD,wFAAqD;AACrD,0FAAuD;AACvD,wFAAqD;AACrD,wFAAqD;AACrD,gGAA6D;AAC7D,gFAA6C;AAE7C;;;IAGI;AACS,QAAA,QAAQ,GAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,8BAAqB;IACxD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,wBAAe;IAC5C,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,iBAAQ;IAC9B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,WAAW;IACX,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,yBAAc;IAC1C,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,yBAAe;CAC/C,CAAC;AAEF;;;IAGI;AACS,QAAA,WAAW,GAAG;IACvB,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,0BAAa;IAC3C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,2BAAc;IAC7C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,kBAAK;IAC3B,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;CACtC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,6BAAgB;IAC7C,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,oBAAU;IACvC,CAAC,2BAAkB,CAAC,QAAQ,CAAC,EAAE,+BAAkB;IACjD,CAAC,2BAAkB,CAAC,IAAI,CAAC,EAAE,2BAAc;IACzC,CAAC,2BAAkB,CAAC,YAAY,CAAC,EAAE,yBAAY;CAClD,CAAC;AASW,QAAA,YAAY,GAA8B;IACnD,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,0BAA2B;IAC9D,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,4BAAwB;IACxD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,sBAAuB;IACtD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,oBAAqB;IAClD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,uBAAwB;IACxD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,aAAc;IACpC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,qBAAiB;IAC1C,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,yBAAqB;IAClD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAE1C,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,uBAAmB;IACjD,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,wBAAoB;IACnD,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,eAAW;IACjC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;CAC5C,CAAC","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/cjs/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/cjs/context/editorStoreContext/PCEditorStoreContext.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PCEditorStoreContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const store_1 = require("../../../common/store.js");
+const store_1 = require("../../common/store.js");
 exports.PCEditorStoreContext = React.createContext({
     state: (0, store_1.createPCEditorStore)(),
 });

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

@@ -1 +1 @@
-{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAM1D,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;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,qDAA+B;AAI/B,iDAAoE;AAMvD,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;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/cjs/context/editorStoreContext/PCEditorStoreProvider.js

@@ -4,7 +4,7 @@ exports.PCEditorStoreProvider = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const store_1 = require("../../../common/store.js");
+const store_1 = require("../../common/store.js");
 const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
 const PCEditorStoreProvider = ({ children }) => {
     const storeRef = React.useRef();

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

@@ -1 +1 @@
-{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAGvE,oEAA4D;AAIrD,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,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","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,qDAA+B;AAI/B,iDAAoE;AAGpE,oEAA4D;AAIrD,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,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","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/cjs/editor-v2/components/DynamicForm/DynamicForm.d.ts

@@ -0,0 +1,9 @@
+import { ConfigInput, DynamicFormValue } from "../../../common/types/index.js";
+interface DynamicFormProps {
+    blockConfig: Array<ConfigInput>;
+    contentConfig?: DynamicFormValue;
+    onUpdate: (key: string, value: DynamicFormValue) => void;
+    className?: string;
+}
+declare const DynamicForm: ({ blockConfig, onUpdate, contentConfig }: DynamicFormProps) => import("react/jsx-runtime").JSX.Element;
+export default DynamicForm;

package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const React = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../utils/cn.js");
+const Array_1 = tslib_1.__importDefault(require("./Fields/Array/Array.js"));
+const Boolean_1 = tslib_1.__importDefault(require("./Fields/Boolean/Boolean.js"));
+const Number_1 = tslib_1.__importDefault(require("./Fields/Number/Number.js"));
+const Object_1 = tslib_1.__importDefault(require("./Fields/Object/Object.js"));
+const OneOf_1 = tslib_1.__importDefault(require("./Fields/OneOf/OneOf.js"));
+const Select_1 = tslib_1.__importDefault(require("./Fields/Select/Select.js"));
+const Text_1 = tslib_1.__importDefault(require("./Fields/Text/Text.js"));
+const TextArea_1 = tslib_1.__importDefault(require("./Fields/TextArea/TextArea.js"));
+const utils_1 = require("./utils.js");
+const b = (0, cn_1.editorCn)('dynamic-form');
+const DynamicForm = ({ blockConfig, onUpdate, contentConfig }) => {
+    const inputs = blockConfig;
+    const getData = React.useCallback((variable) => {
+        if (variable.startsWith('block.')) {
+            const purePath = variable.replace('block.', '');
+            return lodash_1.default.get(contentConfig, purePath);
+        }
+        if ((variable.startsWith(`'`) && variable.endsWith(`'`)) ||
+            (variable.startsWith(`"`) && variable.endsWith(`"`))) {
+            // @ts-ignore TODO: replaceAll types
+            return variable.replaceAll(`'`, '').replaceAll(`"`, '');
+        }
+        return undefined;
+    }, [contentConfig]);
+    const decide = React.useCallback((showIf) => {
+        const parts = showIf.split(' ');
+        if (!(parts.length === 3)) {
+            // eslint-disable-next-line no-console
+            console.log('Something bad happened in showIf, ignored');
+            return true;
+        }
+        const [firstVariable, equals, secondVariable] = parts;
+        const data1 = getData(firstVariable);
+        const data2 = getData(secondVariable);
+        if (equals === '===') {
+            return data1 === data2;
+        }
+        else {
+            return data1 !== data2;
+        }
+    }, [getData]);
+    const renderInput = React.useCallback((input) => {
+        const fieldPath = input.name;
+        const fieldValue = (0, utils_1.getContent)(contentConfig, input.name);
+        if (input.showIf) {
+            const decision = decide(input.showIf);
+            if (!decision) {
+                return (0, jsx_runtime_1.jsxs)("div", { children: ["Hidden Field: ", input.name] });
+            }
+        }
+        // Text, Select, Boolean and etc
+        const onSimpleDynamicFieldUpdate = (value) => {
+            onUpdate(fieldPath, value);
+        };
+        // Array and Objects
+        const onComplexDynamicFieldUpdate = (key, value) => {
+            onUpdate((0, utils_1.getFullPath)(fieldPath, key), value);
+        };
+        switch (input.type) {
+            case 'text': {
+                return ((0, jsx_runtime_1.jsx)(Text_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
+            }
+            case 'boolean': {
+                return ((0, jsx_runtime_1.jsx)(Boolean_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
+            }
+            case 'textarea': {
+                return ((0, jsx_runtime_1.jsx)(TextArea_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
+            }
+            case 'select': {
+                return ((0, jsx_runtime_1.jsx)(Select_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), input: input, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
+            }
+            case 'number': {
+                return ((0, jsx_runtime_1.jsx)(Number_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
+            }
+            case 'object': {
+                if (!input || !('properties' in input)) {
+                    return null;
+                }
+                return ((0, jsx_runtime_1.jsx)(Object_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), blockConfig: input.properties, title: input.title, value: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
+            }
+            case 'array': {
+                return ((0, jsx_runtime_1.jsx)(Array_1.default, { blockConfig: input, title: input.title, values: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
+            }
+            case 'oneOf': {
+                if (!input || !('options' in input)) {
+                    return null;
+                }
+                return ((0, jsx_runtime_1.jsx)(OneOf_1.default, { inputConfig: input, contentConfig: contentConfig, onUpdate: onComplexDynamicFieldUpdate }));
+            }
+            default: {
+                return (0, jsx_runtime_1.jsxs)("div", { children: ["Ignore ", JSON.stringify(input)] });
+            }
+        }
+    }, [contentConfig, decide, onUpdate]);
+    const sortedInputs = inputs.sort((x, y) => {
+        const nestingFieldTypes = ['object', 'array', 'oneOf'];
+        if (nestingFieldTypes.includes(x.type)) {
+            return 1;
+        }
+        if (nestingFieldTypes.includes(y.type)) {
+            return -1;
+        }
+        return 0;
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: sortedInputs.map((input, index) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: renderInput(input) }, index))) }));
+};
+exports.default = DynamicForm;
+//# sourceMappingURL=DynamicForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":";;;;AAAA,4DAAuB;AACvB,qDAA+B;AAG/B,0CAAwC;AAGxC,4EAAqD;AACrD,kFAA2D;AAC3D,+EAAwD;AACxD,+EAAwD;AACxD,4EAAqD;AACrD,+EAAwD;AACxD,yEAAkD;AAClD,qFAA8D;AAC9D,sCAAgD;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,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,gBAAC,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,IAAA,kBAAU,EAAC,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,8DAAoB,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,IAAA,mBAAW,EAAC,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,uBAAC,cAAgB,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,uBAAC,iBAAmB,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,uBAAC,kBAAoB,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,uBAAC,gBAAkB,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,uBAAC,gBAAkB,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,uBAAC,gBAAkB,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,uBAAC,eAAiB,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,uBAAC,eAAiB,IACd,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,2BAA2B,GACvC,CACL,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,uDAAa,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,gCAAK,SAAS,EAAE,CAAC,EAAE,YACd,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,KAAK,CAAC,QAAQ,cAAc,WAAW,CAAC,KAAK,CAAC,IAA1B,KAAK,CAAuC,CACpE,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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"]}