@gravity-ui/page-constructor 8.5.0-alpha.1 → 8.5.0-alpha.4

package/build/cjs/form-builder-v2/utils/parseSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSchema.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/parseSchema.ts"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC;IACxB,WAAW;IACX,UAAU;IACV,QAAQ;IACR,qBAAqB;IACrB,QAAQ;IACR,YAAY;IACZ,MAAM;IACN,SAAS;CACZ,CAAC,CAAC;AAIH,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACjC,WAAW;IACX,UAAU;IACV,QAAQ;IACR,qBAAqB;IACrB,QAAQ;IACR,YAAY;CACf,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAEtE,MAAM,aAAa,GAAG,CAAC,GAA4B,EAAE,IAAY,EAAQ,EAAE;IACvE,MAAM,IAAI,GAAG,GAAG,CAAC,IAAc,CAAC;IAEhC,IAAI,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACjE,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,oBAAoB,IAAI,mBAAmB,CAAC,CAAC;IACxE,CAAC;IAED,IAAI,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1D,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,oBAAoB,IAAI,sCAAsC,CAAC,CAAC;QAC3F,CAAC;QACD,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAY,EAAE,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAClC,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,YAAY,CAAC,oBAAoB,CAAC,CAAC;YAC9D,CAAC;YACD,MAAM,CAAC,GAAG,GAA8B,CAAC;YACzC,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAC/D,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,YAAY,CAAC,0CAA0C,CAAC,CAAC;YACpF,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAClD,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,+CAA+C,CAAC,CAAC;IAC5E,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,GAAc,EAAE,IAAY,EAAE,MAAoB,EAAe,EAAE;IAC7F,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;IACpC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACvB,MAAM,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpC,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,0BAA0B,OAAO,IAAI,EAAE,CAAC,CAAC;QACpE,CAAC;QACD,MAAM,GAAG,GAAG,IAA+B,CAAC;QAC5C,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7D,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,yBAAyB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzE,CAAC;QACD,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACzB,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1B,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,qBAAqB,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;YAC7D,CAAC;YACD,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;gBACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,CAAC;gBAC5D,CAAC,CAAC,EAAE,CAAC;YACT,OAAO,EAAC,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAc,CAAC;QAC/D,CAAC;QACD,OAAO,EAAC,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAc,CAAC;IAC/C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,KAAa,EAAqB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,EAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAC,CAAC;IACjD,CAAC;IACD,IAAI,MAAe,CAAC;IACpB,IAAI,CAAC;QACD,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,OAAO,EAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,qBAAsB,CAAW,CAAC,OAAO,EAAE,EAAC,CAAC;IAC3E,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,EAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,uCAAuC,EAAC,CAAC;IACvE,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,OAAO,IAAI,CAAC,CAAC;QACb,OAAO,OAAO,OAAO,EAAE,CAAC;IAC5B,CAAC,CAAC;IACF,IAAI,CAAC;QACD,MAAM,MAAM,GAAG,oBAAoB,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACxD,OAAO,EAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAC,CAAC;IAC9B,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,OAAO,EAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAG,CAAW,CAAC,OAAO,EAAC,CAAC;IACpD,CAAC;AACL,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB","sourcesContent":["import type {FormField} from '../types';\n\nconst VALID_TYPES = new Set([\n    'textInput',\n    'textArea',\n    'select',\n    'segmentedRadioGroup',\n    'switch',\n    'colorInput',\n    'text',\n    'section',\n]);\n\nexport type ParseSchemaResult = {ok: true; fields: FormField[]} | {ok: false; error: string};\n\nconst TYPES_REQUIRING_NAME = new Set([\n    'textInput',\n    'textArea',\n    'select',\n    'segmentedRadioGroup',\n    'switch',\n    'colorInput',\n]);\n\nconst TYPES_WITH_OPTIONS = new Set(['select', 'segmentedRadioGroup']);\n\nconst validateField = (obj: Record<string, unknown>, here: string): void => {\n    const type = obj.type as string;\n\n    if (TYPES_REQUIRING_NAME.has(type) && typeof obj.name !== 'string') {\n        throw new Error(`${here}: field of type \"${type}\" requires \"name\"`);\n    }\n\n    if (TYPES_WITH_OPTIONS.has(type)) {\n        if (!Array.isArray(obj.options) || obj.options.length === 0) {\n            throw new Error(`${here}: field of type \"${type}\" requires non-empty \"options\" array`);\n        }\n        obj.options.forEach((opt: unknown, i) => {\n            if (!opt || typeof opt !== 'object') {\n                throw new Error(`${here}.options[${i}]: expected object`);\n            }\n            const o = opt as Record<string, unknown>;\n            if (typeof o.value !== 'string' || typeof o.content !== 'string') {\n                throw new Error(`${here}.options[${i}]: \"value\" and \"content\" must be strings`);\n            }\n        });\n    }\n\n    if (type === 'text' && typeof obj.text !== 'string') {\n        throw new Error(`${here}: field of type \"text\" requires \"text\" string`);\n    }\n};\n\nconst validateAndAssignIds = (raw: unknown[], path: string, nextId: () => string): FormField[] => {\n    const seenNames = new Set<string>();\n    return raw.map((item, i) => {\n        const here = `${path}[${i}]`;\n        if (!item || typeof item !== 'object') {\n            throw new Error(`${here}: expected object, got ${typeof item}`);\n        }\n        const obj = item as Record<string, unknown>;\n        if (typeof obj.type !== 'string' || !VALID_TYPES.has(obj.type)) {\n            throw new Error(`${here}: unknown field type \"${String(obj.type)}\"`);\n        }\n        validateField(obj, here);\n        if (typeof obj.name === 'string') {\n            if (seenNames.has(obj.name)) {\n                throw new Error(`${here}: duplicate name \"${obj.name}\"`);\n            }\n            seenNames.add(obj.name);\n        }\n        if (obj.type === 'section') {\n            const nested = Array.isArray(obj.fields)\n                ? validateAndAssignIds(obj.fields, `${here}.fields`, nextId)\n                : [];\n            return {...obj, id: nextId(), fields: nested} as FormField;\n        }\n        return {...obj, id: nextId()} as FormField;\n    });\n};\n\nexport const parseSchema = (input: string): ParseSchemaResult => {\n    const trimmed = input.trim();\n    if (!trimmed) {\n        return {ok: false, error: 'Schema is empty'};\n    }\n    let parsed: unknown;\n    try {\n        parsed = JSON.parse(trimmed);\n    } catch (e) {\n        return {ok: false, error: `JSON parse error: ${(e as Error).message}`};\n    }\n    if (!Array.isArray(parsed)) {\n        return {ok: false, error: 'Schema must be a JSON array of fields'};\n    }\n    let counter = 0;\n    const nextId = () => {\n        counter += 1;\n        return `imp_${counter}`;\n    };\n    try {\n        const fields = validateAndAssignIds(parsed, '', nextId);\n        return {ok: true, fields};\n    } catch (e) {\n        return {ok: false, error: (e as Error).message};\n    }\n};\n"]}

package/build/cjs/form-builder-v2/utils/stripIds.d.ts

@@ -0,0 +1,3 @@
+import type { Fields } from "../../form-generator-v2/types.js";
+import type { FormField } from "../types.js";
+export declare const stripIds: (fields: FormField[]) => Fields;

package/build/cjs/form-builder-v2/utils/stripIds.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripIds = void 0;
+const stripIds = (fields) => fields.map((field) => {
+    const { id: _id, ...rest } = field;
+    if (rest.type === 'section') {
+        return { ...rest, fields: (0, exports.stripIds)(rest.fields) };
+    }
+    return rest;
+});
+exports.stripIds = stripIds;
+//# sourceMappingURL=stripIds.js.map

package/build/cjs/form-builder-v2/utils/stripIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripIds.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/stripIds.ts"],"names":[],"mappings":";;;AAGO,MAAM,QAAQ,GAAG,CAAC,MAAmB,EAAU,EAAE,CACpD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;IACjB,MAAM,EAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACjC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,EAAC,GAAG,IAAI,EAAE,MAAM,EAAE,IAAA,gBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,EAAC,CAAC;IACpD,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAW,CAAC;AAPJ,QAAA,QAAQ,YAOJ","sourcesContent":["import type {Fields} from '../../form-generator-v2/types';\nimport type {FormField} from '../types';\n\nexport const stripIds = (fields: FormField[]): Fields =>\n    fields.map((field) => {\n        const {id: _id, ...rest} = field;\n        if (rest.type === 'section') {\n            return {...rest, fields: stripIds(rest.fields)};\n        }\n        return rest;\n    }) as Fields;\n"]}

package/build/cjs/form-builder-v2/utils/treeWalk.d.ts

@@ -0,0 +1,4 @@
+import { BuilderSectionField, FormField } from "../types.js";
+export declare const walkFields: (fields: FormField[], visit: (field: FormField) => void) => void;
+export declare const findField: (fields: FormField[], predicate: (field: FormField) => boolean) => FormField | null;
+export declare const transformAtId: (fields: FormField[], id: string, handler: (siblings: FormField[], index: number, parent: BuilderSectionField | null) => FormField[], parent?: BuilderSectionField | null) => FormField[] | null;

package/build/cjs/form-builder-v2/utils/treeWalk.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformAtId = exports.findField = exports.walkFields = void 0;
+const walkFields = (fields, visit) => {
+    for (const field of fields) {
+        visit(field);
+        if (field.type === 'section') {
+            (0, exports.walkFields)(field.fields, visit);
+        }
+    }
+};
+exports.walkFields = walkFields;
+const findField = (fields, predicate) => {
+    for (const field of fields) {
+        if (predicate(field))
+            return field;
+        if (field.type === 'section') {
+            const nested = (0, exports.findField)(field.fields, predicate);
+            if (nested)
+                return nested;
+        }
+    }
+    return null;
+};
+exports.findField = findField;
+const transformAtId = (fields, id, handler, parent = null) => {
+    const index = fields.findIndex((field) => field.id === id);
+    if (index !== -1) {
+        return handler(fields, index, parent);
+    }
+    for (let i = 0; i < fields.length; i += 1) {
+        const field = fields[i];
+        if (field.type === 'section') {
+            const result = (0, exports.transformAtId)(field.fields, id, handler, field);
+            if (result !== null) {
+                const next = [...fields];
+                next[i] = { ...field, fields: result };
+                return next;
+            }
+        }
+    }
+    return null;
+};
+exports.transformAtId = transformAtId;
+//# sourceMappingURL=treeWalk.js.map

package/build/cjs/form-builder-v2/utils/treeWalk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeWalk.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/treeWalk.ts"],"names":[],"mappings":";;;AAEO,MAAM,UAAU,GAAG,CAAC,MAAmB,EAAE,KAAiC,EAAQ,EAAE;IACvF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QACzB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,IAAA,kBAAU,EAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;AACL,CAAC,CAAC;AAPW,QAAA,UAAU,cAOrB;AAEK,MAAM,SAAS,GAAG,CACrB,MAAmB,EACnB,SAAwC,EACxB,EAAE;IAClB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QACzB,IAAI,SAAS,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACnC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAClD,IAAI,MAAM;gBAAE,OAAO,MAAM,CAAC;QAC9B,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAZW,QAAA,SAAS,aAYpB;AAEK,MAAM,aAAa,GAAG,CACzB,MAAmB,EACnB,EAAU,EACV,OAIgB,EAChB,SAAqC,IAAI,EACvB,EAAE;IACpB,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACf,OAAO,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/D,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBAClB,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;gBACzB,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;gBACrC,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AA1BW,QAAA,aAAa,iBA0BxB","sourcesContent":["import {BuilderSectionField, FormField} from '../types';\n\nexport const walkFields = (fields: FormField[], visit: (field: FormField) => void): void => {\n    for (const field of fields) {\n        visit(field);\n        if (field.type === 'section') {\n            walkFields(field.fields, visit);\n        }\n    }\n};\n\nexport const findField = (\n    fields: FormField[],\n    predicate: (field: FormField) => boolean,\n): FormField | null => {\n    for (const field of fields) {\n        if (predicate(field)) return field;\n        if (field.type === 'section') {\n            const nested = findField(field.fields, predicate);\n            if (nested) return nested;\n        }\n    }\n    return null;\n};\n\nexport const transformAtId = (\n    fields: FormField[],\n    id: string,\n    handler: (\n        siblings: FormField[],\n        index: number,\n        parent: BuilderSectionField | null,\n    ) => FormField[],\n    parent: BuilderSectionField | null = null,\n): FormField[] | null => {\n    const index = fields.findIndex((field) => field.id === id);\n    if (index !== -1) {\n        return handler(fields, index, parent);\n    }\n    for (let i = 0; i < fields.length; i += 1) {\n        const field = fields[i];\n        if (field.type === 'section') {\n            const result = transformAtId(field.fields, id, handler, field);\n            if (result !== null) {\n                const next = [...fields];\n                next[i] = {...field, fields: result};\n                return next;\n            }\n        }\n    }\n    return null;\n};\n"]}

package/build/cjs/hooks/usePCEditorInitializeEvents.js

@@ -39,7 +39,7 @@ const usePCEditorInitializeEvents = ({ initialContent, setContent, blocks, globa
         });
     });
     const onResize = React.useCallback(() => {
-        const height = document.documentElement.getBoundingClientRect().height;
+        const height = document.body.scrollHeight;
         (0, usePostMessageAPI_1.sendEventPostMessage)('ON_RESIZE', { height });
     }, []);
     React.useEffect(() => {
@@ -83,7 +83,7 @@ const usePCEditorInitializeEvents = ({ initialContent, setContent, blocks, globa
         };
     }, [onResize]);
     React.useEffect(() => {
-        const height = document.documentElement.getBoundingClientRect().height;
+        const height = document.body.scrollHeight;
         (0, usePostMessageAPI_1.sendEventPostMessage)('ON_INIT', { height });
     }, []);
 };

package/build/cjs/hooks/usePCEditorInitializeEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePCEditorInitializeEvents.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorInitializeEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {toSerializableRect} from '../common/types/rect';\nimport {BlockData} from '../constructor-items';\nimport {BlockRegistry} from '../context/blockRegistryContext';\nimport {Fields} from '../form-generator-v2/types';\nimport {PageContent} from '../models';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage, useInternalPostMessageAPIListener} from './usePostMessageAPI';\n\ninterface UseEditorInitializeProps {\n    initialContent: PageContent;\n    setContent: (content: PageContent) => void;\n    blocks: Array<BlockData>;\n    global?: Fields;\n    blockInputs?: Fields;\n    registry: BlockRegistry | null;\n}\n\nfunction collectRectMap(registry: BlockRegistry) {\n    return registry.getEntries().map(({path, element, dropZone}) => {\n        const rect = element.getClientRects().item(0) ?? element.getBoundingClientRect();\n        return {path, rect: toSerializableRect(rect), dropZone};\n    });\n}\n\nexport const usePCEditorInitializeEvents = ({\n    initialContent,\n    setContent,\n    blocks,\n    global,\n    blockInputs,\n    registry,\n}: UseEditorInitializeProps) => {\n    const {initialized, content} = usePCEditorStore();\n\n    React.useEffect(() => {\n        if (initialized) {\n            setContent(content);\n        }\n    }, [content, initialized, setContent]);\n\n    useInternalPostMessageAPIListener('GET_INITIAL_CONTENT', () => {\n        sendEventPostMessage('ON_INITIAL_CONTENT', initialContent);\n    });\n\n    useInternalPostMessageAPIListener('GET_SUPPORTED_BLOCKS', () => {\n        sendEventPostMessage('ON_SUPPORTED_BLOCKS', {\n            blocks: blocks.map((block) => ({\n                type: block.type,\n                schema: blockInputs?.length\n                    ? {\n                          ...block.schema,\n                          inputs: [...blockInputs, ...(block.schema?.inputs || [])],\n                      }\n                    : block.schema,\n            })),\n            subBlocks: [],\n            global: global || [],\n        });\n    });\n\n    const onResize = React.useCallback(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_RESIZE', {height});\n    }, []);\n\n    React.useEffect(() => {\n        if (!registry) {\n            return undefined;\n        }\n\n        let frame: number | null = null;\n\n        const sendRectMap = () => {\n            frame = null;\n            sendEventPostMessage('ON_UPDATE_RECT_MAP', {rects: collectRectMap(registry)});\n        };\n\n        const scheduleSend = () => {\n            if (frame !== null) {\n                return;\n            }\n            frame = requestAnimationFrame(sendRectMap);\n        };\n\n        const throttledSchedule = _.throttle(scheduleSend, 100, {leading: true, trailing: true});\n\n        const unsubscribe = registry.subscribe(throttledSchedule);\n        const observer = new ResizeObserver(throttledSchedule);\n        observer.observe(document.body);\n\n        // Initial push once registry is ready.\n        throttledSchedule();\n\n        return () => {\n            throttledSchedule.cancel();\n            unsubscribe();\n            observer.disconnect();\n            if (frame !== null) {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [registry]);\n\n    React.useEffect(() => {\n        window.addEventListener('resize', onResize);\n        const observer = new ResizeObserver(onResize);\n        observer.observe(document.documentElement);\n        observer.observe(document.body);\n\n        return () => {\n            window.removeEventListener('resize', onResize);\n            observer.disconnect();\n        };\n    }, [onResize]);\n\n    React.useEffect(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_INIT', {height});\n    }, []);\n};\n"]}
+{"version":3,"file":"usePCEditorInitializeEvents.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorInitializeEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {toSerializableRect} from '../common/types/rect';\nimport {BlockData} from '../constructor-items';\nimport {BlockRegistry} from '../context/blockRegistryContext';\nimport {Fields} from '../form-generator-v2/types';\nimport {PageContent} from '../models';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage, useInternalPostMessageAPIListener} from './usePostMessageAPI';\n\ninterface UseEditorInitializeProps {\n    initialContent: PageContent;\n    setContent: (content: PageContent) => void;\n    blocks: Array<BlockData>;\n    global?: Fields;\n    blockInputs?: Fields;\n    registry: BlockRegistry | null;\n}\n\nfunction collectRectMap(registry: BlockRegistry) {\n    return registry.getEntries().map(({path, element, dropZone}) => {\n        const rect = element.getClientRects().item(0) ?? element.getBoundingClientRect();\n        return {path, rect: toSerializableRect(rect), dropZone};\n    });\n}\n\nexport const usePCEditorInitializeEvents = ({\n    initialContent,\n    setContent,\n    blocks,\n    global,\n    blockInputs,\n    registry,\n}: UseEditorInitializeProps) => {\n    const {initialized, content} = usePCEditorStore();\n\n    React.useEffect(() => {\n        if (initialized) {\n            setContent(content);\n        }\n    }, [content, initialized, setContent]);\n\n    useInternalPostMessageAPIListener('GET_INITIAL_CONTENT', () => {\n        sendEventPostMessage('ON_INITIAL_CONTENT', initialContent);\n    });\n\n    useInternalPostMessageAPIListener('GET_SUPPORTED_BLOCKS', () => {\n        sendEventPostMessage('ON_SUPPORTED_BLOCKS', {\n            blocks: blocks.map((block) => ({\n                type: block.type,\n                schema: blockInputs?.length\n                    ? {\n                          ...block.schema,\n                          inputs: [...blockInputs, ...(block.schema?.inputs || [])],\n                      }\n                    : block.schema,\n            })),\n            subBlocks: [],\n            global: global || [],\n        });\n    });\n\n    const onResize = React.useCallback(() => {\n        const height = document.body.scrollHeight;\n        sendEventPostMessage('ON_RESIZE', {height});\n    }, []);\n\n    React.useEffect(() => {\n        if (!registry) {\n            return undefined;\n        }\n\n        let frame: number | null = null;\n\n        const sendRectMap = () => {\n            frame = null;\n            sendEventPostMessage('ON_UPDATE_RECT_MAP', {rects: collectRectMap(registry)});\n        };\n\n        const scheduleSend = () => {\n            if (frame !== null) {\n                return;\n            }\n            frame = requestAnimationFrame(sendRectMap);\n        };\n\n        const throttledSchedule = _.throttle(scheduleSend, 100, {leading: true, trailing: true});\n\n        const unsubscribe = registry.subscribe(throttledSchedule);\n        const observer = new ResizeObserver(throttledSchedule);\n        observer.observe(document.body);\n\n        // Initial push once registry is ready.\n        throttledSchedule();\n\n        return () => {\n            throttledSchedule.cancel();\n            unsubscribe();\n            observer.disconnect();\n            if (frame !== null) {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [registry]);\n\n    React.useEffect(() => {\n        window.addEventListener('resize', onResize);\n        const observer = new ResizeObserver(onResize);\n        observer.observe(document.documentElement);\n        observer.observe(document.body);\n\n        return () => {\n            window.removeEventListener('resize', onResize);\n            observer.disconnect();\n        };\n    }, [onResize]);\n\n    React.useEffect(() => {\n        const height = document.body.scrollHeight;\n        sendEventPostMessage('ON_INIT', {height});\n    }, []);\n};\n"]}

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@diplodoc/transform/dist/js/yfm';
 import type { PageConstructorWrapper } from "../../common/types/index.js";
 import { BlockData, blockMap, navItemMap, subBlockMap } from "../../constructor-items.js";
 import { Fields } from "../../form-generator-v2/types.js";

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import '@diplodoc/transform/dist/js/yfm';
 import RootCn from "../../components/RootCn/index.js";
 import { navItemMap } from "../../constructor-items.js";
 import { BlockRegistryContext, useBlockRegistryProvider } from "../../context/blockRegistryContext/index.js";

package/build/esm/containers/PageConstructor/PageConstructor.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm';\n\nimport type {PageConstructorWrapper} from '../../common/types';\nimport RootCn from '../../components/RootCn';\nimport {BlockData, blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {BlockRegistryContext, useBlockRegistryProvider} from '../../context/blockRegistryContext';\nimport {BlocksContext} from '../../context/blocksContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {Fields} from '../../form-generator-v2/types';\nimport {usePCEditorInitializeEvents} from '../../hooks/usePCEditorInitializeEvents';\nimport {usePCEditorStore} from '../../hooks/usePCEditorStore';\nimport {\n    BlockWrapperDataProps,\n    CustomConfig,\n    CustomItems,\n    PageContent,\n    ShouldRenderBlock,\n} from '../../models';\nimport {block as cnBlock, getCustomItems} from '../../utils';\n\nimport {ConstructorBlocks} from './components';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nexport interface PageConstructorExtension<\n    GlobalConfig extends Object = {},\n    WrapperProps extends Object = {},\n    BlockWrapperProps extends Object = {},\n> {\n    name: string;\n    id: string;\n    settings: {\n        ContentWrapper?: PageConstructorWrapper<WrapperProps>;\n        contentWrapperProps?: WrapperProps;\n        globalInputs?: Fields;\n        globalDefaults?: GlobalConfig;\n        blockWrapper?: React.ComponentType<\n            BlockWrapperDataProps<BlockWrapperProps> & React.PropsWithChildren\n        >;\n        blockWrapperProps?: BlockWrapperProps;\n        blockInputs?: Fields;\n    };\n}\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n    content?: PageContent;\n    shouldRenderBlock?: ShouldRenderBlock;\n    custom?: CustomConfig;\n    blocks?: Array<BlockData>;\n    extensions?: Array<PageConstructorExtension>;\n}\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n    const {\n        content: initialContent = {blocks: []},\n        shouldRenderBlock,\n        custom,\n        blocks: availableLocalBlocks = [],\n        extensions: extensionsProp,\n    } = props;\n\n    const extensions = React.useMemo(() => extensionsProp ?? [], [extensionsProp]);\n\n    const {blocks: availableGlobalBlocks} = React.useContext(BlocksContext);\n\n    const availableBlocks = React.useMemo(\n        () => [...availableGlobalBlocks, ...availableLocalBlocks],\n        [availableGlobalBlocks, availableLocalBlocks],\n    );\n\n    const globalDefaults = extensions.reduce(\n        (acc, extension) => ({\n            ...acc,\n            ...(extension.settings.globalDefaults || {}),\n        }),\n        {},\n    );\n\n    const [content, setContent] = React.useState<PageContent>({\n        ...globalDefaults,\n        ...initialContent,\n    });\n\n    const store = usePCEditorStore();\n    const {initialized} = store;\n\n    const blockRegistry = useBlockRegistryProvider();\n\n    const blockWrappers = React.useMemo(\n        () =>\n            extensions.flatMap((ext) =>\n                ext.settings.blockWrapper\n                    ? [\n                          {\n                              wrapper: ext.settings.blockWrapper,\n                              props: ext.settings.blockWrapperProps ?? {},\n                          },\n                      ]\n                    : [],\n            ),\n        [extensions],\n    );\n\n    const blockInputs = React.useMemo(\n        () =>\n            extensions.reduce<Fields>(\n                (acc, ext) => [...acc, ...((ext.settings.blockInputs || []) as Fields)],\n                [],\n            ),\n        [extensions],\n    );\n\n    usePCEditorInitializeEvents({\n        initialContent: content,\n        setContent,\n        blocks: availableBlocks,\n        global: extensions.reduce<Fields>(\n            (acc, extension) => [...acc, ...((extension.settings.globalInputs || []) as Fields)],\n            [],\n        ),\n        blockInputs,\n        registry: blockRegistry,\n    });\n\n    const context = React.useMemo(\n        () => ({\n            blocks: availableBlocks,\n            navItemMap: {\n                ...navItemMap,\n                ...getCustomItems(['navigation'], custom),\n            },\n            loadables: custom?.loadable,\n            shouldRenderBlock,\n            blockWrappers,\n            content,\n            setContent,\n        }),\n        [custom, shouldRenderBlock, availableBlocks, content, setContent, blockWrappers],\n    );\n\n    const restBlocks = content.blocks;\n\n    const blocksContent = restBlocks && (\n        <ConstructorRow>\n            <ConstructorBlocks items={restBlocks} />\n        </ConstructorRow>\n    );\n\n    // Apply extensions (wrappers) from outermost to innermost\n    const wrappedContent = extensions.reduceRight<React.ReactNode>(\n        (children, extension) =>\n            extension.settings.ContentWrapper ? (\n                <extension.settings.ContentWrapper\n                    {...(extension.settings.contentWrapperProps || {})}\n                >\n                    {children}\n                </extension.settings.ContentWrapper>\n            ) : (\n                children\n            ),\n        blocksContent || null,\n    );\n\n    return (\n        <BlockRegistryContext.Provider value={blockRegistry}>\n            <InnerContext.Provider value={context}>\n                <RootCn className={b('', {['with-editor']: initialized})}>{wrappedContent}</RootCn>\n            </InnerContext.Provider>\n        </BlockRegistryContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport type {PageConstructorWrapper} from '../../common/types';\nimport RootCn from '../../components/RootCn';\nimport {BlockData, blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {BlockRegistryContext, useBlockRegistryProvider} from '../../context/blockRegistryContext';\nimport {BlocksContext} from '../../context/blocksContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {Fields} from '../../form-generator-v2/types';\nimport {usePCEditorInitializeEvents} from '../../hooks/usePCEditorInitializeEvents';\nimport {usePCEditorStore} from '../../hooks/usePCEditorStore';\nimport {\n    BlockWrapperDataProps,\n    CustomConfig,\n    CustomItems,\n    PageContent,\n    ShouldRenderBlock,\n} from '../../models';\nimport {block as cnBlock, getCustomItems} from '../../utils';\n\nimport {ConstructorBlocks} from './components';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nexport interface PageConstructorExtension<\n    GlobalConfig extends Object = {},\n    WrapperProps extends Object = {},\n    BlockWrapperProps extends Object = {},\n> {\n    name: string;\n    id: string;\n    settings: {\n        ContentWrapper?: PageConstructorWrapper<WrapperProps>;\n        contentWrapperProps?: WrapperProps;\n        globalInputs?: Fields;\n        globalDefaults?: GlobalConfig;\n        blockWrapper?: React.ComponentType<\n            BlockWrapperDataProps<BlockWrapperProps> & React.PropsWithChildren\n        >;\n        blockWrapperProps?: BlockWrapperProps;\n        blockInputs?: Fields;\n    };\n}\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n    content?: PageContent;\n    shouldRenderBlock?: ShouldRenderBlock;\n    custom?: CustomConfig;\n    blocks?: Array<BlockData>;\n    extensions?: Array<PageConstructorExtension>;\n}\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n    const {\n        content: initialContent = {blocks: []},\n        shouldRenderBlock,\n        custom,\n        blocks: availableLocalBlocks = [],\n        extensions: extensionsProp,\n    } = props;\n\n    const extensions = React.useMemo(() => extensionsProp ?? [], [extensionsProp]);\n\n    const {blocks: availableGlobalBlocks} = React.useContext(BlocksContext);\n\n    const availableBlocks = React.useMemo(\n        () => [...availableGlobalBlocks, ...availableLocalBlocks],\n        [availableGlobalBlocks, availableLocalBlocks],\n    );\n\n    const globalDefaults = extensions.reduce(\n        (acc, extension) => ({\n            ...acc,\n            ...(extension.settings.globalDefaults || {}),\n        }),\n        {},\n    );\n\n    const [content, setContent] = React.useState<PageContent>({\n        ...globalDefaults,\n        ...initialContent,\n    });\n\n    const store = usePCEditorStore();\n    const {initialized} = store;\n\n    const blockRegistry = useBlockRegistryProvider();\n\n    const blockWrappers = React.useMemo(\n        () =>\n            extensions.flatMap((ext) =>\n                ext.settings.blockWrapper\n                    ? [\n                          {\n                              wrapper: ext.settings.blockWrapper,\n                              props: ext.settings.blockWrapperProps ?? {},\n                          },\n                      ]\n                    : [],\n            ),\n        [extensions],\n    );\n\n    const blockInputs = React.useMemo(\n        () =>\n            extensions.reduce<Fields>(\n                (acc, ext) => [...acc, ...((ext.settings.blockInputs || []) as Fields)],\n                [],\n            ),\n        [extensions],\n    );\n\n    usePCEditorInitializeEvents({\n        initialContent: content,\n        setContent,\n        blocks: availableBlocks,\n        global: extensions.reduce<Fields>(\n            (acc, extension) => [...acc, ...((extension.settings.globalInputs || []) as Fields)],\n            [],\n        ),\n        blockInputs,\n        registry: blockRegistry,\n    });\n\n    const context = React.useMemo(\n        () => ({\n            blocks: availableBlocks,\n            navItemMap: {\n                ...navItemMap,\n                ...getCustomItems(['navigation'], custom),\n            },\n            loadables: custom?.loadable,\n            shouldRenderBlock,\n            blockWrappers,\n            content,\n            setContent,\n        }),\n        [custom, shouldRenderBlock, availableBlocks, content, setContent, blockWrappers],\n    );\n\n    const restBlocks = content.blocks;\n\n    const blocksContent = restBlocks && (\n        <ConstructorRow>\n            <ConstructorBlocks items={restBlocks} />\n        </ConstructorRow>\n    );\n\n    // Apply extensions (wrappers) from outermost to innermost\n    const wrappedContent = extensions.reduceRight<React.ReactNode>(\n        (children, extension) =>\n            extension.settings.ContentWrapper ? (\n                <extension.settings.ContentWrapper\n                    {...(extension.settings.contentWrapperProps || {})}\n                >\n                    {children}\n                </extension.settings.ContentWrapper>\n            ) : (\n                children\n            ),\n        blocksContent || null,\n    );\n\n    return (\n        <BlockRegistryContext.Provider value={blockRegistry}>\n            <InnerContext.Provider value={context}>\n                <RootCn className={b('', {['with-editor']: initialized})}>{wrappedContent}</RootCn>\n            </InnerContext.Provider>\n        </BlockRegistryContext.Provider>\n    );\n};\n"]}

package/build/esm/form-builder-v2/CanvasContentContext.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { Content } from "../form-generator-v2/types.js";
+interface CanvasContentContextType {
+    content: Content;
+    setContent: React.Dispatch<React.SetStateAction<Content>>;
+    templateContent: Content;
+    setTemplateContent: React.Dispatch<React.SetStateAction<Content>>;
+}
+interface CanvasContentProviderProps {
+    content: Content;
+    setContent: React.Dispatch<React.SetStateAction<Content>>;
+    templateContent: Content;
+    setTemplateContent: React.Dispatch<React.SetStateAction<Content>>;
+    children: React.ReactNode;
+}
+export declare const CanvasContentProvider: ({ content, setContent, templateContent, setTemplateContent, children, }: CanvasContentProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useCanvasContent: () => CanvasContentContextType;
+export {};

package/build/esm/form-builder-v2/CanvasContentContext.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+const CanvasContentContext = React.createContext(null);
+export const CanvasContentProvider = ({ content, setContent, templateContent, setTemplateContent, children, }) => {
+    const value = React.useMemo(() => ({ content, setContent, templateContent, setTemplateContent }), [content, setContent, templateContent, setTemplateContent]);
+    return _jsx(CanvasContentContext.Provider, { value: value, children: children });
+};
+export const useCanvasContent = () => {
+    const context = React.useContext(CanvasContentContext);
+    if (!context) {
+        throw new Error('useCanvasContent must be used within a CanvasContentProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=CanvasContentContext.js.map

package/build/esm/form-builder-v2/CanvasContentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasContentContext.js","sourceRoot":"../../../src","sources":["form-builder-v2/CanvasContentContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAUxF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,OAAO,EACP,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,QAAQ,GACiB,EAAE,EAAE;IAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,EAAC,CAAC,EAClE,CAAC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAC7D,CAAC;IACF,OAAO,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiC,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAA6B,EAAE;IAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;IACpF,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {Content} from '../form-generator-v2/types';\n\ninterface CanvasContentContextType {\n    content: Content;\n    setContent: React.Dispatch<React.SetStateAction<Content>>;\n    templateContent: Content;\n    setTemplateContent: React.Dispatch<React.SetStateAction<Content>>;\n}\n\nconst CanvasContentContext = React.createContext<CanvasContentContextType | null>(null);\n\ninterface CanvasContentProviderProps {\n    content: Content;\n    setContent: React.Dispatch<React.SetStateAction<Content>>;\n    templateContent: Content;\n    setTemplateContent: React.Dispatch<React.SetStateAction<Content>>;\n    children: React.ReactNode;\n}\n\nexport const CanvasContentProvider = ({\n    content,\n    setContent,\n    templateContent,\n    setTemplateContent,\n    children,\n}: CanvasContentProviderProps) => {\n    const value = React.useMemo<CanvasContentContextType>(\n        () => ({content, setContent, templateContent, setTemplateContent}),\n        [content, setContent, templateContent, setTemplateContent],\n    );\n    return <CanvasContentContext.Provider value={value}>{children}</CanvasContentContext.Provider>;\n};\n\nexport const useCanvasContent = (): CanvasContentContextType => {\n    const context = React.useContext(CanvasContentContext);\n    if (!context) {\n        throw new Error('useCanvasContent must be used within a CanvasContentProvider');\n    }\n    return context;\n};\n"]}

package/build/esm/form-builder-v2/FormBuilderV2.css

@@ -0,0 +1,93 @@
+.pcformbuilderv2-main {
+  width: 100%;
+  min-width: 640px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.pcformbuilderv2-main__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--g-spacing-2) 0;
+  gap: var(--g-spacing-3);
+}
+.pcformbuilderv2-main__toolbar-option {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.pcformbuilderv2-main__schema-popup {
+  width: min(560px, 90vw);
+  padding: var(--g-spacing-4);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.pcformbuilderv2-main__schema-popup-header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--g-spacing-half);
+}
+.pcformbuilderv2-main__schema-popup-json {
+  margin: 0;
+  padding: var(--g-spacing-3);
+  background: var(--g-color-base-generic);
+  border-radius: var(--g-border-radius-m);
+  font-size: 12px;
+  line-height: 1.4;
+  max-height: min(480px, 60vh);
+  overflow: auto;
+  white-space: pre;
+}
+.pcformbuilderv2-main__schema-popup-actions {
+  display: flex;
+  gap: var(--g-spacing-2);
+  justify-content: flex-end;
+}
+.pcformbuilderv2-main__visual {
+  display: grid;
+  grid-template-columns: var(--fb2-palette-w, 220px) var(--g-spacing-2) minmax(240px, 1fr) var(--g-spacing-2) var(--fb2-inspector-w, 320px);
+  padding: var(--g-spacing-4) 0;
+  align-items: stretch;
+}
+.pcformbuilderv2-main__palette, .pcformbuilderv2-main__canvas, .pcformbuilderv2-main__inspector {
+  min-width: 0;
+}
+.pcformbuilderv2-main__palette, .pcformbuilderv2-main__inspector {
+  position: sticky;
+  top: var(--g-spacing-4);
+  align-self: start;
+  max-height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-main__visual {
+  grid-template-columns: 56px minmax(240px, 1fr) var(--g-spacing-2) var(--fb2-inspector-w, 320px);
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-main__canvas {
+  padding-left: var(--g-spacing-2);
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-palette {
+  padding: 6px;
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-palette__header {
+  display: none;
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-palette__items {
+  grid-template-columns: 1fr;
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-palette__tile {
+  padding: var(--g-spacing-1);
+  gap: 0;
+}
+.pcformbuilderv2-main_compact .pcformbuilderv2-palette__tile-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

package/build/esm/form-builder-v2/FormBuilderV2.d.ts

@@ -0,0 +1,11 @@
+import { FormField } from "./types.js";
+import './FormBuilderV2.css';
+export type FormBuilderDensity = 'full' | 'compact';
+interface FormBuilderV2Props {
+    className?: string;
+    formFields: FormField[];
+    onChange?: (fields: FormField[]) => void;
+    density?: FormBuilderDensity;
+}
+export declare const FormBuilderV2: ({ className, formFields, onChange, density, }: FormBuilderV2Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/esm/form-builder-v2/FormBuilderV2.js

@@ -0,0 +1,119 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { move } from '@dnd-kit/helpers';
+import { DragDropProvider, DragOverlay } from '@dnd-kit/react';
+import { Code, Eye, Pencil } from '@gravity-ui/icons';
+import { Button, Icon, SegmentedRadioGroup } from '@gravity-ui/uikit';
+import { CanvasContentProvider } from "./CanvasContentContext.js";
+import { Canvas } from "./components/Canvas/Canvas.js";
+import { ContentTab } from "./components/ContentTab/ContentTab.js";
+import { DragOverlayPreview } from "./components/DragOverlayPreview/DragOverlayPreview.js";
+import { Inspector } from "./components/Inspector/Inspector.js";
+import { PALETTE_DRAGGABLE_PREFIX, Palette } from "./components/Palette/Palette.js";
+import { ResizeHandle } from "./components/ResizeHandle/ResizeHandle.js";
+import { SchemaPopup } from "./components/SchemaPopup/SchemaPopup.js";
+import { FormProvider, useFormContext } from "./hooks/FormContext.js";
+import { formBuilderV2Cn } from "./utils/cn.js";
+import { isDropAfter, isPaletteData, isSectionDropData } from "./utils/dragData.js";
+import { applyGroupsMap, buildGroupsMap } from "./utils/fieldGroups.js";
+import { findFieldById } from "./utils/fieldTree.js";
+import { stripIds } from "./utils/stripIds.js";
+import './FormBuilderV2.css';
+const b = formBuilderV2Cn('main');
+const PALETTE_MIN = 160;
+const PALETTE_MAX = 400;
+const PALETTE_DEFAULT = 220;
+const INSPECTOR_MIN = 240;
+const INSPECTOR_MAX = 560;
+const INSPECTOR_DEFAULT = 320;
+const FormBuilderShell = ({ className, density }) => {
+    const [mode, setMode] = React.useState('edit');
+    const [canvasContent, setCanvasContent] = React.useState({});
+    const [templateContent, setTemplateContent] = React.useState({});
+    const [paletteWidth, setPaletteWidth] = React.useState(PALETTE_DEFAULT);
+    const [inspectorWidth, setInspectorWidth] = React.useState(INSPECTOR_DEFAULT);
+    const [schemaPopupOpen, setSchemaPopupOpen] = React.useState(false);
+    const schemaButtonRef = React.useRef(null);
+    const isCompact = density === 'compact';
+    const { formFields, setAllFields, addField, addFieldToSection, insertFieldBefore, insertFieldAfter, moveFieldToSection, } = useFormContext();
+    const schema = React.useMemo(() => stripIds(formFields), [formFields]);
+    const handleDragEnd = React.useCallback((event) => {
+        if (event.canceled)
+            return;
+        const { source, target } = event.operation;
+        if (!source)
+            return;
+        const paletteData = isPaletteData(source.data) ? source.data : null;
+        const isPaletteDrag = paletteData !== null || String(source.id).startsWith(PALETTE_DRAGGABLE_PREFIX);
+        if (isPaletteDrag) {
+            const type = paletteData?.type;
+            if (!type)
+                return;
+            if (!target) {
+                addField(type);
+                return;
+            }
+            if (isSectionDropData(target.data)) {
+                addFieldToSection(target.data.sectionId, type);
+                return;
+            }
+            if (String(target.id) === String(source.id)) {
+                addField(type);
+                return;
+            }
+            const dropAfter = isDropAfter(event.operation.position?.current?.y, target.shape?.center?.y);
+            if (dropAfter) {
+                insertFieldAfter(String(target.id), type);
+            }
+            else {
+                insertFieldBefore(String(target.id), type);
+            }
+            return;
+        }
+        if (target && isSectionDropData(target.data)) {
+            moveFieldToSection(String(source.id), target.data.sectionId);
+            return;
+        }
+        const groups = buildGroupsMap(formFields);
+        const nextGroups = move(groups, event);
+        const nextFields = applyGroupsMap(nextGroups);
+        setAllFields(nextFields);
+    }, [
+        addField,
+        addFieldToSection,
+        formFields,
+        insertFieldBefore,
+        insertFieldAfter,
+        moveFieldToSection,
+        setAllFields,
+    ]);
+    const gridStyle = {
+        '--fb2-palette-w': `${paletteWidth}px`,
+        '--fb2-inspector-w': `${inspectorWidth}px`,
+    };
+    return (_jsx("div", { className: b({ compact: density === 'compact' }, className), children: _jsxs(CanvasContentProvider, { content: canvasContent, setContent: setCanvasContent, templateContent: templateContent, setTemplateContent: setTemplateContent, children: [_jsxs("div", { className: b('toolbar'), children: [_jsx(SegmentedRadioGroup, { size: "m", value: mode, onUpdate: setMode, options: [
+                                {
+                                    value: 'edit',
+                                    content: (_jsxs("span", { className: b('toolbar-option'), children: [_jsx(Icon, { data: Pencil, size: 14 }), "Edit"] })),
+                                },
+                                {
+                                    value: 'preview',
+                                    content: (_jsxs("span", { className: b('toolbar-option'), children: [_jsx(Icon, { data: Eye, size: 14 }), "Preview"] })),
+                                },
+                            ] }), _jsxs(Button, { ref: schemaButtonRef, view: "outlined", size: "m", onClick: () => setSchemaPopupOpen((prev) => !prev), children: [_jsx(Icon, { data: Code, size: 14 }), "Schema"] }), _jsx(SchemaPopup, { schema: schema, onApply: setAllFields, open: schemaPopupOpen, onOpenChange: setSchemaPopupOpen, anchorElement: schemaButtonRef.current })] }), mode === 'edit' ? (_jsxs(DragDropProvider, { onDragEnd: handleDragEnd, children: [_jsxs("div", { className: b('visual'), style: gridStyle, children: [_jsx("aside", { className: b('palette'), children: _jsx(Palette, {}) }), !isCompact && (_jsx(ResizeHandle, { value: paletteWidth, min: PALETTE_MIN, max: PALETTE_MAX, direction: "left", onChange: setPaletteWidth })), _jsx("main", { className: b('canvas'), children: _jsx(Canvas, {}) }), _jsx(ResizeHandle, { value: inspectorWidth, min: INSPECTOR_MIN, max: INSPECTOR_MAX, direction: "right", onChange: setInspectorWidth }), _jsx("aside", { className: b('inspector'), children: _jsx(Inspector, {}) })] }), _jsx(DragOverlay, { dropAnimation: null, children: (source) => {
+                                if (!source)
+                                    return null;
+                                if (isPaletteData(source.data)) {
+                                    return _jsx(DragOverlayPreview, { type: source.data.type });
+                                }
+                                const field = findFieldById(formFields, String(source.id));
+                                if (!field)
+                                    return null;
+                                return _jsx(DragOverlayPreview, { type: field.type, field: field });
+                            } })] })) : (_jsx(ContentTab, {}))] }) }));
+};
+export const FormBuilderV2 = ({ className, formFields, onChange, density = 'full', }) => {
+    return (_jsx(FormProvider, { formFields: formFields, onChange: onChange, children: _jsx(FormBuilderShell, { className: className, density: density }) }));
+};
+//# sourceMappingURL=FormBuilderV2.js.map

package/build/esm/form-builder-v2/FormBuilderV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilderV2.js","sourceRoot":"../../../src","sources":["form-builder-v2/FormBuilderV2.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type {DragDropEvents} from '@dnd-kit/abstract';\nimport type {DragDropManager, Draggable, Droppable} from '@dnd-kit/dom';\nimport {move} from '@dnd-kit/helpers';\nimport {DragDropProvider, DragOverlay} from '@dnd-kit/react';\nimport {Code, Eye, Pencil} from '@gravity-ui/icons';\nimport {Button, Icon, SegmentedRadioGroup} from '@gravity-ui/uikit';\n\nimport type {Content} from '../form-generator-v2/types';\n\nimport {CanvasContentProvider} from './CanvasContentContext';\nimport {Canvas} from './components/Canvas/Canvas';\nimport {ContentTab} from './components/ContentTab/ContentTab';\nimport {DragOverlayPreview} from './components/DragOverlayPreview/DragOverlayPreview';\nimport {Inspector} from './components/Inspector/Inspector';\nimport {PALETTE_DRAGGABLE_PREFIX, Palette} from './components/Palette/Palette';\nimport {ResizeHandle} from './components/ResizeHandle/ResizeHandle';\nimport {SchemaPopup} from './components/SchemaPopup/SchemaPopup';\nimport {FormProvider, useFormContext} from './hooks/FormContext';\nimport {FormField} from './types';\nimport {formBuilderV2Cn} from './utils/cn';\nimport {isDropAfter, isPaletteData, isSectionDropData} from './utils/dragData';\nimport {applyGroupsMap, buildGroupsMap} from './utils/fieldGroups';\nimport {findFieldById} from './utils/fieldTree';\nimport {stripIds} from './utils/stripIds';\n\nimport './FormBuilderV2.scss';\n\nconst b = formBuilderV2Cn('main');\n\ntype DndEvents = DragDropEvents<Draggable, Droppable, DragDropManager>;\ntype DragEndEvent = Parameters<DndEvents['dragend']>[0];\n\ntype Mode = 'edit' | 'preview';\n\nexport type FormBuilderDensity = 'full' | 'compact';\n\nconst PALETTE_MIN = 160;\nconst PALETTE_MAX = 400;\nconst PALETTE_DEFAULT = 220;\nconst INSPECTOR_MIN = 240;\nconst INSPECTOR_MAX = 560;\nconst INSPECTOR_DEFAULT = 320;\n\ninterface FormBuilderV2Props {\n    className?: string;\n    formFields: FormField[];\n    onChange?: (fields: FormField[]) => void;\n\n    density?: FormBuilderDensity;\n}\n\ninterface FormBuilderShellProps {\n    className?: string;\n    density: FormBuilderDensity;\n}\n\nconst FormBuilderShell = ({className, density}: FormBuilderShellProps) => {\n    const [mode, setMode] = React.useState<Mode>('edit');\n    const [canvasContent, setCanvasContent] = React.useState<Content>({});\n    const [templateContent, setTemplateContent] = React.useState<Content>({});\n    const [paletteWidth, setPaletteWidth] = React.useState(PALETTE_DEFAULT);\n    const [inspectorWidth, setInspectorWidth] = React.useState(INSPECTOR_DEFAULT);\n    const [schemaPopupOpen, setSchemaPopupOpen] = React.useState(false);\n    const schemaButtonRef = React.useRef<HTMLButtonElement | null>(null);\n\n    const isCompact = density === 'compact';\n\n    const {\n        formFields,\n        setAllFields,\n        addField,\n        addFieldToSection,\n        insertFieldBefore,\n        insertFieldAfter,\n        moveFieldToSection,\n    } = useFormContext();\n\n    const schema = React.useMemo(() => stripIds(formFields), [formFields]);\n\n    const handleDragEnd = React.useCallback(\n        (event: DragEndEvent) => {\n            if (event.canceled) return;\n            const {source, target} = event.operation;\n            if (!source) return;\n\n            const paletteData = isPaletteData(source.data) ? source.data : null;\n            const isPaletteDrag =\n                paletteData !== null || String(source.id).startsWith(PALETTE_DRAGGABLE_PREFIX);\n\n            if (isPaletteDrag) {\n                const type = paletteData?.type;\n                if (!type) return;\n                if (!target) {\n                    addField(type);\n                    return;\n                }\n\n                if (isSectionDropData(target.data)) {\n                    addFieldToSection(target.data.sectionId, type);\n                    return;\n                }\n\n                if (String(target.id) === String(source.id)) {\n                    addField(type);\n                    return;\n                }\n\n                const dropAfter = isDropAfter(\n                    event.operation.position?.current?.y,\n                    target.shape?.center?.y,\n                );\n                if (dropAfter) {\n                    insertFieldAfter(String(target.id), type);\n                } else {\n                    insertFieldBefore(String(target.id), type);\n                }\n                return;\n            }\n\n            if (target && isSectionDropData(target.data)) {\n                moveFieldToSection(String(source.id), target.data.sectionId);\n                return;\n            }\n\n            const groups = buildGroupsMap(formFields);\n            const nextGroups = move(groups, event);\n            const nextFields = applyGroupsMap(nextGroups);\n            setAllFields(nextFields);\n        },\n        [\n            addField,\n            addFieldToSection,\n            formFields,\n            insertFieldBefore,\n            insertFieldAfter,\n            moveFieldToSection,\n            setAllFields,\n        ],\n    );\n\n    const gridStyle = {\n        '--fb2-palette-w': `${paletteWidth}px`,\n        '--fb2-inspector-w': `${inspectorWidth}px`,\n    } as React.CSSProperties;\n\n    return (\n        <div className={b({compact: density === 'compact'}, className)}>\n            <CanvasContentProvider\n                content={canvasContent}\n                setContent={setCanvasContent}\n                templateContent={templateContent}\n                setTemplateContent={setTemplateContent}\n            >\n                <div className={b('toolbar')}>\n                    <SegmentedRadioGroup<Mode>\n                        size=\"m\"\n                        value={mode}\n                        onUpdate={setMode}\n                        options={[\n                            {\n                                value: 'edit',\n                                content: (\n                                    <span className={b('toolbar-option')}>\n                                        <Icon data={Pencil} size={14} />\n                                        Edit\n                                    </span>\n                                ),\n                            },\n                            {\n                                value: 'preview',\n                                content: (\n                                    <span className={b('toolbar-option')}>\n                                        <Icon data={Eye} size={14} />\n                                        Preview\n                                    </span>\n                                ),\n                            },\n                        ]}\n                    />\n                    <Button\n                        ref={schemaButtonRef}\n                        view=\"outlined\"\n                        size=\"m\"\n                        onClick={() => setSchemaPopupOpen((prev) => !prev)}\n                    >\n                        <Icon data={Code} size={14} />\n                        Schema\n                    </Button>\n                    <SchemaPopup\n                        schema={schema}\n                        onApply={setAllFields}\n                        open={schemaPopupOpen}\n                        onOpenChange={setSchemaPopupOpen}\n                        anchorElement={schemaButtonRef.current}\n                    />\n                </div>\n\n                {mode === 'edit' ? (\n                    <DragDropProvider onDragEnd={handleDragEnd}>\n                        <div className={b('visual')} style={gridStyle}>\n                            <aside className={b('palette')}>\n                                <Palette />\n                            </aside>\n                            {!isCompact && (\n                                <ResizeHandle\n                                    value={paletteWidth}\n                                    min={PALETTE_MIN}\n                                    max={PALETTE_MAX}\n                                    direction=\"left\"\n                                    onChange={setPaletteWidth}\n                                />\n                            )}\n                            <main className={b('canvas')}>\n                                <Canvas />\n                            </main>\n                            <ResizeHandle\n                                value={inspectorWidth}\n                                min={INSPECTOR_MIN}\n                                max={INSPECTOR_MAX}\n                                direction=\"right\"\n                                onChange={setInspectorWidth}\n                            />\n                            <aside className={b('inspector')}>\n                                <Inspector />\n                            </aside>\n                        </div>\n                        <DragOverlay dropAnimation={null}>\n                            {(source) => {\n                                if (!source) return null;\n                                if (isPaletteData(source.data)) {\n                                    return <DragOverlayPreview type={source.data.type} />;\n                                }\n                                const field = findFieldById(formFields, String(source.id));\n                                if (!field) return null;\n                                return <DragOverlayPreview type={field.type} field={field} />;\n                            }}\n                        </DragOverlay>\n                    </DragDropProvider>\n                ) : (\n                    <ContentTab />\n                )}\n            </CanvasContentProvider>\n        </div>\n    );\n};\n\nexport const FormBuilderV2 = ({\n    className,\n    formFields,\n    onChange,\n    density = 'full',\n}: FormBuilderV2Props) => {\n    return (\n        <FormProvider formFields={formFields} onChange={onChange}>\n            <FormBuilderShell className={className} density={density} />\n        </FormProvider>\n    );\n};\n"]}

package/build/esm/form-builder-v2/components/Canvas/Canvas.css

@@ -0,0 +1,15 @@
+.pcformbuilderv2-canvas {
+  padding: var(--g-spacing-5);
+  min-height: 400px;
+}
+.pcformbuilderv2-canvas__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--g-spacing-3);
+}
+.pcformbuilderv2-canvas__empty {
+  padding: var(--g-spacing-10) var(--g-spacing-5);
+  text-align: center;
+  border: 1px dashed var(--g-color-line-generic);
+  border-radius: var(--g-border-radius-l);
+}

package/build/esm/form-builder-v2/components/Canvas/Canvas.d.ts

@@ -0,0 +1,9 @@
+import { FormField } from "../../types.js";
+import './Canvas.css';
+interface CanvasListProps {
+    fields: FormField[];
+    parentGroup: string;
+}
+declare const CanvasList: ({ fields, parentGroup }: CanvasListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Canvas: () => import("react/jsx-runtime").JSX.Element;
+export { CanvasList };

package/build/esm/form-builder-v2/components/Canvas/Canvas.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card, Text } from '@gravity-ui/uikit';
+import { useFormContext } from "../../hooks/FormContext.js";
+import { formBuilderV2Cn } from "../../utils/cn.js";
+import { CanvasCard } from "../CanvasCard/CanvasCard.js";
+import './Canvas.css';
+const b = formBuilderV2Cn('canvas');
+const CanvasList = ({ fields, parentGroup }) => (_jsx("div", { className: b('list'), children: fields.map((field, index) => (_jsx(CanvasCard, { field: field, index: index, group: parentGroup }, field.id))) }));
+export const Canvas = () => {
+    const { formFields, selectField } = useFormContext();
+    return (_jsx(Card, { className: b(), view: "outlined", onClick: () => selectField(null), children: formFields.length === 0 ? (_jsx("div", { className: b('empty'), children: _jsx(Text, { variant: "body-2", color: "hint", children: "Canvas is empty. Click a field type on the left to add it." }) })) : (_jsx(CanvasList, { fields: formFields, parentGroup: "root" })) }));
+};
+export { CanvasList };
+//# sourceMappingURL=Canvas.js.map

package/build/esm/form-builder-v2/components/Canvas/Canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.js","sourceRoot":"../../../../../src","sources":["form-builder-v2/components/Canvas/Canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAEvD,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAC/C,OAAO,EAAC,UAAU,EAAC,oCAAiC;AAEpD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAOpC,MAAM,UAAU,GAAG,CAAC,EAAC,MAAM,EAAE,WAAW,EAAkB,EAAE,EAAE,CAAC,CAC3D,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,UAAU,IAAgB,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAAxD,KAAK,CAAC,EAAE,CAAoD,CAChF,CAAC,GACA,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,MAAM,EAAC,UAAU,EAAE,WAAW,EAAC,GAAG,cAAc,EAAE,CAAC;IAEnD,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YACjE,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,2EAE5B,GACL,CACT,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAC,MAAM,GAAG,CACxD,GACE,CACV,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC","sourcesContent":["import {Card, Text} from '@gravity-ui/uikit';\n\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormField} from '../../types';\nimport {formBuilderV2Cn} from '../../utils/cn';\nimport {CanvasCard} from '../CanvasCard/CanvasCard';\n\nimport './Canvas.scss';\n\nconst b = formBuilderV2Cn('canvas');\n\ninterface CanvasListProps {\n    fields: FormField[];\n    parentGroup: string;\n}\n\nconst CanvasList = ({fields, parentGroup}: CanvasListProps) => (\n    <div className={b('list')}>\n        {fields.map((field, index) => (\n            <CanvasCard key={field.id} field={field} index={index} group={parentGroup} />\n        ))}\n    </div>\n);\n\nexport const Canvas = () => {\n    const {formFields, selectField} = useFormContext();\n\n    return (\n        <Card className={b()} view=\"outlined\" onClick={() => selectField(null)}>\n            {formFields.length === 0 ? (\n                <div className={b('empty')}>\n                    <Text variant=\"body-2\" color=\"hint\">\n                        Canvas is empty. Click a field type on the left to add it.\n                    </Text>\n                </div>\n            ) : (\n                <CanvasList fields={formFields} parentGroup=\"root\" />\n            )}\n        </Card>\n    );\n};\n\nexport {CanvasList};\n"]}