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

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swapInListDeep = exports.duplicateFieldDeep = exports.insertAtTargetDeep = exports.isArrayModeSection = exports.containsId = exports.addChildToSectionDeep = exports.removeFieldDeep = exports.updateFieldDeep = void 0;
+const fieldNames_1 = require("./fieldNames.js");
+const treeWalk_1 = require("./treeWalk.js");
+const updateFieldDeep = (fields, fieldId, updates) => {
+    return fields.map((field) => {
+        if (field.id === fieldId) {
+            return {
+                ...field,
+                ...updates,
+                id: field.id,
+            };
+        }
+        if (field.type === 'section') {
+            return {
+                ...field,
+                fields: (0, exports.updateFieldDeep)(field.fields, fieldId, updates),
+            };
+        }
+        return field;
+    });
+};
+exports.updateFieldDeep = updateFieldDeep;
+const removeFieldDeep = (fields, fieldId) => {
+    const filtered = fields.filter((field) => field.id !== fieldId);
+    return filtered.map((field) => field.type === 'section'
+        ? { ...field, fields: (0, exports.removeFieldDeep)(field.fields, fieldId) }
+        : field);
+};
+exports.removeFieldDeep = removeFieldDeep;
+const addChildToSectionDeep = (fields, sectionId, newChild) => {
+    return fields.map((field) => {
+        if (field.id === sectionId && field.type === 'section') {
+            return { ...field, fields: [...field.fields, newChild] };
+        }
+        if (field.type === 'section') {
+            return {
+                ...field,
+                fields: (0, exports.addChildToSectionDeep)(field.fields, sectionId, newChild),
+            };
+        }
+        return field;
+    });
+};
+exports.addChildToSectionDeep = addChildToSectionDeep;
+const containsId = (field, id) => (0, treeWalk_1.findField)([field], (f) => f.id === id) !== null;
+exports.containsId = containsId;
+const isArrayModeSection = (fields, sectionId) => {
+    const section = (0, treeWalk_1.findField)(fields, (f) => f.id === sectionId);
+    return section?.type === 'section' && Boolean(section.index);
+};
+exports.isArrayModeSection = isArrayModeSection;
+const insertAtTargetDeep = (fields, targetId, offset, makeField) => (0, treeWalk_1.transformAtId)(fields, targetId, (siblings, index, parent) => {
+    const arrayMode = Boolean(parent?.index);
+    const newField = makeField(arrayMode);
+    return [...siblings.slice(0, index + offset), newField, ...siblings.slice(index + offset)];
+});
+exports.insertAtTargetDeep = insertAtTargetDeep;
+const duplicateFieldDeep = (fields, fieldId, generateId, existingNames) => (0, treeWalk_1.transformAtId)(fields, fieldId, (siblings, index) => {
+    const clone = (0, fieldNames_1.cloneFieldWithNewIds)(siblings[index], generateId, existingNames);
+    return [...siblings.slice(0, index + 1), clone, ...siblings.slice(index + 1)];
+});
+exports.duplicateFieldDeep = duplicateFieldDeep;
+const swapInListDeep = (fields, fieldId, delta) => {
+    let didSwap = false;
+    const result = (0, treeWalk_1.transformAtId)(fields, fieldId, (siblings, index) => {
+        const target = index + delta;
+        if (target < 0 || target >= siblings.length) {
+            return siblings;
+        }
+        const next = [...siblings];
+        [next[index], next[target]] = [next[target], next[index]];
+        didSwap = true;
+        return next;
+    });
+    return result === null || !didSwap ? { fields, handled: false } : { fields: result, handled: true };
+};
+exports.swapInListDeep = swapInListDeep;
+//# sourceMappingURL=fieldTreeOps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTreeOps.js","sourceRoot":"../../../../src","sources":["form-builder-v2/utils/fieldTreeOps.ts"],"names":[],"mappings":"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","sourcesContent":["import {BuilderSectionField, FieldUpdate, FormField} from '../types';\n\nimport {cloneFieldWithNewIds} from './fieldNames';\nimport {findField, transformAtId} from './treeWalk';\n\nexport const updateFieldDeep = (\n    fields: FormField[],\n    fieldId: string,\n    updates: FieldUpdate,\n): FormField[] => {\n    return fields.map((field) => {\n        if (field.id === fieldId) {\n            return {\n                ...field,\n                ...(updates as Partial<FormField>),\n                id: field.id,\n            } as FormField;\n        }\n        if (field.type === 'section') {\n            return {\n                ...field,\n                fields: updateFieldDeep(field.fields, fieldId, updates),\n            } as BuilderSectionField;\n        }\n        return field;\n    });\n};\n\nexport const removeFieldDeep = (fields: FormField[], fieldId: string): FormField[] => {\n    const filtered = fields.filter((field) => field.id !== fieldId);\n    return filtered.map((field) =>\n        field.type === 'section'\n            ? ({...field, fields: removeFieldDeep(field.fields, fieldId)} as BuilderSectionField)\n            : field,\n    );\n};\n\nexport const addChildToSectionDeep = (\n    fields: FormField[],\n    sectionId: string,\n    newChild: FormField,\n): FormField[] => {\n    return fields.map((field) => {\n        if (field.id === sectionId && field.type === 'section') {\n            return {...field, fields: [...field.fields, newChild]};\n        }\n        if (field.type === 'section') {\n            return {\n                ...field,\n                fields: addChildToSectionDeep(field.fields, sectionId, newChild),\n            };\n        }\n        return field;\n    });\n};\n\nexport const containsId = (field: FormField, id: string): boolean =>\n    findField([field], (f) => f.id === id) !== null;\n\nexport const isArrayModeSection = (fields: FormField[], sectionId: string): boolean => {\n    const section = findField(fields, (f) => f.id === sectionId);\n    return section?.type === 'section' && Boolean(section.index);\n};\n\nexport const insertAtTargetDeep = (\n    fields: FormField[],\n    targetId: string,\n    offset: 0 | 1,\n    makeField: (arrayMode: boolean) => FormField,\n): FormField[] | null =>\n    transformAtId(fields, targetId, (siblings, index, parent) => {\n        const arrayMode = Boolean(parent?.index);\n        const newField = makeField(arrayMode);\n        return [...siblings.slice(0, index + offset), newField, ...siblings.slice(index + offset)];\n    });\n\nexport const duplicateFieldDeep = (\n    fields: FormField[],\n    fieldId: string,\n    generateId: () => string,\n    existingNames: Set<string>,\n): FormField[] | null =>\n    transformAtId(fields, fieldId, (siblings, index) => {\n        const clone = cloneFieldWithNewIds(siblings[index], generateId, existingNames);\n        return [...siblings.slice(0, index + 1), clone, ...siblings.slice(index + 1)];\n    });\n\nexport interface SwapResult {\n    fields: FormField[];\n    handled: boolean;\n}\n\nexport const swapInListDeep = (fields: FormField[], fieldId: string, delta: -1 | 1): SwapResult => {\n    let didSwap = false;\n    const result = transformAtId(fields, fieldId, (siblings, index) => {\n        const target = index + delta;\n        if (target < 0 || target >= siblings.length) {\n            return siblings;\n        }\n        const next = [...siblings];\n        [next[index], next[target]] = [next[target], next[index]];\n        didSwap = true;\n        return next;\n    });\n    return result === null || !didSwap ? {fields, handled: false} : {fields: result, handled: true};\n};\n"]}

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

@@ -0,0 +1,9 @@
+import type { FormField } from "../types.js";
+export type ParseSchemaResult = {
+    ok: true;
+    fields: FormField[];
+} | {
+    ok: false;
+    error: string;
+};
+export declare const parseSchema: (input: string) => ParseSchemaResult;

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

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseSchema = void 0;
+const VALID_TYPES = new Set([
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+    'text',
+    'section',
+]);
+const TYPES_REQUIRING_NAME = new Set([
+    'textInput',
+    'textArea',
+    'select',
+    'segmentedRadioGroup',
+    'switch',
+    'colorInput',
+]);
+const TYPES_WITH_OPTIONS = new Set(['select', 'segmentedRadioGroup']);
+const validateField = (obj, here) => {
+    const type = obj.type;
+    if (TYPES_REQUIRING_NAME.has(type) && typeof obj.name !== 'string') {
+        throw new Error(`${here}: field of type "${type}" requires "name"`);
+    }
+    if (TYPES_WITH_OPTIONS.has(type)) {
+        if (!Array.isArray(obj.options) || obj.options.length === 0) {
+            throw new Error(`${here}: field of type "${type}" requires non-empty "options" array`);
+        }
+        obj.options.forEach((opt, i) => {
+            if (!opt || typeof opt !== 'object') {
+                throw new Error(`${here}.options[${i}]: expected object`);
+            }
+            const o = opt;
+            if (typeof o.value !== 'string' || typeof o.content !== 'string') {
+                throw new Error(`${here}.options[${i}]: "value" and "content" must be strings`);
+            }
+        });
+    }
+    if (type === 'text' && typeof obj.text !== 'string') {
+        throw new Error(`${here}: field of type "text" requires "text" string`);
+    }
+};
+const validateAndAssignIds = (raw, path, nextId) => {
+    const seenNames = new Set();
+    return raw.map((item, i) => {
+        const here = `${path}[${i}]`;
+        if (!item || typeof item !== 'object') {
+            throw new Error(`${here}: expected object, got ${typeof item}`);
+        }
+        const obj = item;
+        if (typeof obj.type !== 'string' || !VALID_TYPES.has(obj.type)) {
+            throw new Error(`${here}: unknown field type "${String(obj.type)}"`);
+        }
+        validateField(obj, here);
+        if (typeof obj.name === 'string') {
+            if (seenNames.has(obj.name)) {
+                throw new Error(`${here}: duplicate name "${obj.name}"`);
+            }
+            seenNames.add(obj.name);
+        }
+        if (obj.type === 'section') {
+            const nested = Array.isArray(obj.fields)
+                ? validateAndAssignIds(obj.fields, `${here}.fields`, nextId)
+                : [];
+            return { ...obj, id: nextId(), fields: nested };
+        }
+        return { ...obj, id: nextId() };
+    });
+};
+const parseSchema = (input) => {
+    const trimmed = input.trim();
+    if (!trimmed) {
+        return { ok: false, error: 'Schema is empty' };
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(trimmed);
+    }
+    catch (e) {
+        return { ok: false, error: `JSON parse error: ${e.message}` };
+    }
+    if (!Array.isArray(parsed)) {
+        return { ok: false, error: 'Schema must be a JSON array of fields' };
+    }
+    let counter = 0;
+    const nextId = () => {
+        counter += 1;
+        return `imp_${counter}`;
+    };
+    try {
+        const fields = validateAndAssignIds(parsed, '', nextId);
+        return { ok: true, fields };
+    }
+    catch (e) {
+        return { ok: false, error: e.message };
+    }
+};
+exports.parseSchema = parseSchema;
+//# sourceMappingURL=parseSchema.js.map

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":"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","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/form-generator-v2/components/constants.d.ts

@@ -1,16 +1,16 @@
 export declare const componentMap: {
-    section: ({ title, opened, fields, when, content, onUpdate, className, index, withAddButton, itemTitle, itemView, }: import("../../index.js").ClassNameProps & import("../types.js").CommonProps & import("../types.js").SectionField) => import("react/jsx-runtime").JSX.Element;
-    select: ({ title, name, options, when, content, onUpdate, hasClear, defaultValue, }: import("../types.js").CommonProps & import("../types.js").SelectField) => import("react/jsx-runtime").JSX.Element;
-    textInput: ({ title, name, when, content, onUpdate, defaultValue }: import("../types.js").CommonProps & import("../types.js").TextField) => import("react/jsx-runtime").JSX.Element;
-    segmentedRadioGroup: ({ title, name, options, when, content, onUpdate, defaultValue, }: import("../types.js").CommonProps & import("../types.js").SegmentedRadioGroupField) => import("react/jsx-runtime").JSX.Element;
-    colorInput: ({ title, name, when, content, onUpdate, className, defaultValue, }: import("../../index.js").ClassNameProps & import("../types.js").CommonProps & import("../types.js").ColorField) => import("react/jsx-runtime").JSX.Element;
+    section: ({ title, opened, fields, when, content, onUpdate, className, index, withAddButton, itemTitle, itemView, }: import("../../index.js").ClassNameProps & import("../index.js").CommonProps & import("../index.js").SectionField) => import("react/jsx-runtime").JSX.Element;
+    select: ({ title, name, options, when, content, onUpdate, hasClear, defaultValue, }: import("../index.js").CommonProps & import("../index.js").SelectField) => import("react/jsx-runtime").JSX.Element;
+    textInput: ({ title, name, when, content, onUpdate, defaultValue }: import("../index.js").CommonProps & import("../index.js").TextField) => import("react/jsx-runtime").JSX.Element;
+    segmentedRadioGroup: ({ title, name, options, when, content, onUpdate, defaultValue, }: import("../index.js").CommonProps & import("../index.js").SegmentedRadioGroupField) => import("react/jsx-runtime").JSX.Element;
+    colorInput: ({ title, name, when, content, onUpdate, className, defaultValue, }: import("../../index.js").ClassNameProps & import("../index.js").CommonProps & import("../index.js").ColorField) => import("react/jsx-runtime").JSX.Element;
     text: ({ text, level, color, when, content, className }: import("../../index.js").ClassNameProps & {
         text: string;
-        level?: import("../types.js").Text["level"];
-        color?: import("../types.js").Text["color"];
-        when?: import("../types.js").When;
-        content: import("../types.js").Content;
+        level?: import("../index.js").Text["level"];
+        color?: import("../index.js").Text["color"];
+        when?: import("../index.js").When;
+        content: import("../index.js").Content;
     }) => import("react/jsx-runtime").JSX.Element;
-    textArea: ({ when, title, content, name, onUpdate, defaultValue }: import("../types.js").CommonProps & import("../types.js").TextField) => import("react/jsx-runtime").JSX.Element;
-    switch: ({ title, when, name, content, onUpdate, className, defaultValue }: import("../../index.js").ClassNameProps & import("../types.js").SwitchField & import("../types.js").CommonProps) => import("react/jsx-runtime").JSX.Element;
+    textArea: ({ when, title, content, name, onUpdate, defaultValue }: import("../index.js").CommonProps & import("../index.js").TextField) => import("react/jsx-runtime").JSX.Element;
+    switch: ({ title, when, name, content, onUpdate, className, defaultValue }: import("../../index.js").ClassNameProps & import("../index.js").SwitchField & import("../index.js").CommonProps) => import("react/jsx-runtime").JSX.Element;
 };

package/build/cjs/form-generator-v2/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormGeneratorV2 } from "./FormGenerator.js";
+export * from "./types.js";

package/build/cjs/form-generator-v2/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormGeneratorV2 = void 0;
+const tslib_1 = require("tslib");
+var FormGenerator_1 = require("./FormGenerator.js");
+Object.defineProperty(exports, "FormGeneratorV2", { enumerable: true, get: function () { return tslib_1.__importDefault(FormGenerator_1).default; } });
+tslib_1.__exportStar(require("./types.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/form-generator-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["form-generator-v2/index.ts"],"names":[],"mappings":";;;;AAAA,oDAA2D;AAAnD,yIAAA,OAAO,OAAmB;AAClC,qDAAwB","sourcesContent":["export {default as FormGeneratorV2} from './FormGenerator';\nexport * from './types';\n"]}

package/build/cjs/gravity-blocks/extensions/BlockBaseExtension.js

@@ -4,7 +4,13 @@ exports.blockBaseExtension = exports.BlockBaseExtensionBlockWrapper = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BlockBase_1 = tslib_1.__importDefault(require("../../components/BlockBase/BlockBase.js"));
-const BlockBaseExtensionBlockWrapper = ({ props, content, children }) => ((0, jsx_runtime_1.jsx)(BlockBase_1.default, { anchor: content?.anchor ?? props?.anchor, indent: content?.indent ?? props?.indent, visible: content?.visible ?? props?.visible, resetPaddings: content?.resetPaddings ?? props?.resetPaddings, qa: content?.qa ?? props?.qa, children: children }));
+const BlockBaseExtensionBlockWrapper = ({ props, content, children, index }) => {
+    let defaultIndent;
+    if (index === 0) {
+        defaultIndent = { top: '0', bottom: 'l' };
+    }
+    return ((0, jsx_runtime_1.jsx)(BlockBase_1.default, { anchor: content?.anchor ?? props?.anchor, indent: content?.indent ?? props?.indent ?? defaultIndent, visible: content?.visible ?? props?.visible, resetPaddings: content?.resetPaddings ?? props?.resetPaddings, qa: content?.qa ?? props?.qa, children: children }));
+};
 exports.BlockBaseExtensionBlockWrapper = BlockBaseExtensionBlockWrapper;
 const blockBaseExtension = () => ({
     name: 'Block Base',

package/build/cjs/gravity-blocks/extensions/BlockBaseExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockBaseExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/BlockBaseExtension.tsx"],"names":[],"mappings":";;;;;AAEA,gGAA6D;AAItD,MAAM,8BAA8B,GAEvC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAChC,uBAAC,mBAAS,IACN,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EACxC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EACxC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,EAC3C,aAAa,EAAE,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAC7D,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,YAE3B,QAAQ,GACD,CACf,CAAC;AAZW,QAAA,8BAA8B,kCAYzC;AAEK,MAAM,kBAAkB,GAAG,GAAqD,EAAE,CAAC,CAAC;IACvF,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,yCAAyC;IAC7C,QAAQ,EAAE;QACN,YAAY,EAAE,sCAA8B;QAC5C,WAAW,EAAE;YACT;gBACI,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE;oBACJ;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,YAAY;qBACrB;oBACD;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,aAAa;wBACpB,IAAI,EAAE,aAAa;qBACtB;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,YAAY;wBACnB,IAAI,EAAE,YAAY;wBAClB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,eAAe;wBACtB,IAAI,EAAE,eAAe;wBACrB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,oBAAoB;wBAC3B,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC;4BACjC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;yBACxC;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC,CAAC;AAhEU,QAAA,kBAAkB,sBAgE5B","sourcesContent":["import * as React from 'react';\n\nimport BlockBase from '../../components/BlockBase/BlockBase';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport type {BlockBaseProps, BlockWrapperDataProps} from '../../models';\n\nexport const BlockBaseExtensionBlockWrapper: React.FC<\n    BlockWrapperDataProps<BlockBaseProps> & React.PropsWithChildren\n> = ({props, content, children}) => (\n    <BlockBase\n        anchor={content?.anchor ?? props?.anchor}\n        indent={content?.indent ?? props?.indent}\n        visible={content?.visible ?? props?.visible}\n        resetPaddings={content?.resetPaddings ?? props?.resetPaddings}\n        qa={content?.qa ?? props?.qa}\n    >\n        {children}\n    </BlockBase>\n);\n\nexport const blockBaseExtension = (): PageConstructorExtension<{}, {}, BlockBaseProps> => ({\n    name: 'Block Base',\n    id: '@gravity-ui/page-constructor/block-base',\n    settings: {\n        blockWrapper: BlockBaseExtensionBlockWrapper,\n        blockInputs: [\n            {\n                type: 'section',\n                title: 'Block Base',\n                fields: [\n                    {\n                        type: 'textInput',\n                        title: 'Anchor',\n                        name: 'anchor.url',\n                    },\n                    {\n                        type: 'textInput',\n                        title: 'Anchor text',\n                        name: 'anchor.text',\n                    },\n                    {\n                        type: 'select',\n                        title: 'Top indent',\n                        name: 'indent.top',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Bottom indent',\n                        name: 'indent.bottom',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Hide on breakpoint',\n                        name: 'visible',\n                        hasClear: true,\n                        options: [\n                            {value: 'sm', content: 'SM only'},\n                            {value: 'md', content: 'MD and down'},\n                            {value: 'lg', content: 'LG and down'},\n                            {value: 'xl', content: 'XL and down'},\n                        ],\n                    },\n                ],\n            },\n        ],\n    },\n});\n"]}
+{"version":3,"file":"BlockBaseExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/BlockBaseExtension.tsx"],"names":[],"mappings":";;;;;AAEA,gGAA6D;AAKtD,MAAM,8BAA8B,GAEvC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,EAAE,EAAE;IACtC,IAAI,aAAa,CAAC;IAElB,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACd,aAAa,GAAG,EAAC,GAAG,EAAE,GAAkB,EAAE,MAAM,EAAE,GAAkB,EAAC,CAAC;IAC1E,CAAC;IAED,OAAO,CACH,uBAAC,mBAAS,IACN,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EACxC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,IAAI,aAAa,EACzD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,EAC3C,aAAa,EAAE,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAC7D,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,YAE3B,QAAQ,GACD,CACf,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,8BAA8B,kCAoBzC;AAEK,MAAM,kBAAkB,GAAG,GAAqD,EAAE,CAAC,CAAC;IACvF,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,yCAAyC;IAC7C,QAAQ,EAAE;QACN,YAAY,EAAE,sCAA8B;QAC5C,WAAW,EAAE;YACT;gBACI,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE;oBACJ;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,YAAY;qBACrB;oBACD;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,aAAa;wBACpB,IAAI,EAAE,aAAa;qBACtB;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,YAAY;wBACnB,IAAI,EAAE,YAAY;wBAClB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,eAAe;wBACtB,IAAI,EAAE,eAAe;wBACrB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,oBAAoB;wBAC3B,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC;4BACjC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;yBACxC;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC,CAAC;AAhEU,QAAA,kBAAkB,sBAgE5B","sourcesContent":["import * as React from 'react';\n\nimport BlockBase from '../../components/BlockBase/BlockBase';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport type {BlockBaseProps, BlockWrapperDataProps} from '../../models';\nimport {IndentValue} from '../grid';\n\nexport const BlockBaseExtensionBlockWrapper: React.FC<\n    BlockWrapperDataProps<BlockBaseProps> & React.PropsWithChildren\n> = ({props, content, children, index}) => {\n    let defaultIndent;\n\n    if (index === 0) {\n        defaultIndent = {top: '0' as IndentValue, bottom: 'l' as IndentValue};\n    }\n\n    return (\n        <BlockBase\n            anchor={content?.anchor ?? props?.anchor}\n            indent={content?.indent ?? props?.indent ?? defaultIndent}\n            visible={content?.visible ?? props?.visible}\n            resetPaddings={content?.resetPaddings ?? props?.resetPaddings}\n            qa={content?.qa ?? props?.qa}\n        >\n            {children}\n        </BlockBase>\n    );\n};\n\nexport const blockBaseExtension = (): PageConstructorExtension<{}, {}, BlockBaseProps> => ({\n    name: 'Block Base',\n    id: '@gravity-ui/page-constructor/block-base',\n    settings: {\n        blockWrapper: BlockBaseExtensionBlockWrapper,\n        blockInputs: [\n            {\n                type: 'section',\n                title: 'Block Base',\n                fields: [\n                    {\n                        type: 'textInput',\n                        title: 'Anchor',\n                        name: 'anchor.url',\n                    },\n                    {\n                        type: 'textInput',\n                        title: 'Anchor text',\n                        name: 'anchor.text',\n                    },\n                    {\n                        type: 'select',\n                        title: 'Top indent',\n                        name: 'indent.top',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Bottom indent',\n                        name: 'indent.bottom',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Hide on breakpoint',\n                        name: 'visible',\n                        hasClear: true,\n                        options: [\n                            {value: 'sm', content: 'SM only'},\n                            {value: 'md', content: 'MD and down'},\n                            {value: 'lg', content: 'LG and down'},\n                            {value: 'xl', content: 'XL and down'},\n                        ],\n                    },\n                ],\n            },\n        ],\n    },\n});\n"]}

package/build/cjs/gravity-blocks/extensions/GravityBlocksExtension.d.ts

@@ -1,19 +1,13 @@
 import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
 import { MediaProps, NavigationData, PageContent } from "../../models/index.js";
 export { GravityBlocksProvider, type GravityBlocksProviderProps, } from "../context/GravityBlocksProvider.js";
-export interface GravityBlocksWrapperProps {
-    isBranded?: boolean;
-    animated?: boolean;
+import { GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps } from "./GeneralExtension.js";
+export interface GravityBlocksWrapperProps extends GeneralExtensionWrapperProps {
     renderMenu?: () => React.ReactNode;
-    microdata?: {
-        contentUpdatedDate?: string;
-    };
 }
-export interface GravityBlocksGlobalConfig {
+export interface GravityBlocksGlobalConfig extends GeneralExtensionGlobalConfig {
     background?: MediaProps;
     navigation?: NavigationData;
-    isBranded?: boolean;
-    animated?: boolean;
 }
 export interface GravityPageContent extends PageContent, GravityBlocksGlobalConfig {
 }

package/build/cjs/gravity-blocks/extensions/GravityBlocksExtension.js

@@ -6,16 +6,18 @@ Object.defineProperty(exports, "GravityBlocksProvider", { enumerable: true, get:
 const _1 = require("./index.js");
 /** @returns Array of PageConstructorExtension instances for gravity-blocks. */
 const gravityBlocksExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
-    const { background, navigation, isBranded, animated } = globalDefaults;
+    const { background, navigation, ...generalGlobalDefaults } = globalDefaults;
+    const { renderMenu, ...generalWrapperProps } = wrapperProps;
     return [
         (0, _1.generalExtension)({
-            globalDefaults: { isBranded, animated },
+            wrapperProps: generalWrapperProps,
+            globalDefaults: generalGlobalDefaults,
         }),
         (0, _1.backgroundExtension)({
             globalDefaults: { background },
         }),
         (0, _1.navigationExtension)({
-            wrapperProps,
+            wrapperProps: { renderMenu },
             globalDefaults: { navigation },
         }),
         (0, _1.blockBaseExtension)(),

package/build/cjs/gravity-blocks/extensions/GravityBlocksExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"GravityBlocksExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/GravityBlocksExtension.tsx"],"names":[],"mappings":";;;AAGA,6EAG0C;AAFtC,8HAAA,qBAAqB,OAAA;AAIzB,iCAAiG;AAoBjG,+EAA+E;AACxE,MAAM,sBAAsB,GAAG,CAAC,EACnC,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAoF,EAAE;IACnF,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,GAAG,cAAc,CAAC;IAErE,OAAO;QACH,IAAA,mBAAgB,EAAC;YACb,cAAc,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC;SACxC,CAAC;QACF,IAAA,sBAAmB,EAAC;YAChB,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,IAAA,sBAAmB,EAAC;YAChB,YAAY;YACZ,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,IAAA,qBAAkB,GAAE;KACvB,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,sBAAsB,0BAsBjC","sourcesContent":["import type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {MediaProps, NavigationData, PageContent} from '../../models';\n\nexport {\n    GravityBlocksProvider,\n    type GravityBlocksProviderProps,\n} from '../context/GravityBlocksProvider';\n\nimport {backgroundExtension, blockBaseExtension, generalExtension, navigationExtension} from '.';\n\nexport interface GravityBlocksWrapperProps {\n    isBranded?: boolean;\n    animated?: boolean;\n    renderMenu?: () => React.ReactNode;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport interface GravityBlocksGlobalConfig {\n    background?: MediaProps;\n    navigation?: NavigationData;\n    isBranded?: boolean;\n    animated?: boolean;\n}\n\nexport interface GravityPageContent extends PageContent, GravityBlocksGlobalConfig {}\n\n/** @returns Array of PageConstructorExtension instances for gravity-blocks. */\nexport const gravityBlocksExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GravityBlocksWrapperProps;\n    globalDefaults?: GravityBlocksGlobalConfig;\n}): PageConstructorExtension<GravityBlocksGlobalConfig, GravityBlocksWrapperProps>[] => {\n    const {background, navigation, isBranded, animated} = globalDefaults;\n\n    return [\n        generalExtension({\n            globalDefaults: {isBranded, animated},\n        }),\n        backgroundExtension({\n            globalDefaults: {background},\n        }),\n        navigationExtension({\n            wrapperProps,\n            globalDefaults: {navigation},\n        }),\n        blockBaseExtension(),\n    ];\n};\n"]}
+{"version":3,"file":"GravityBlocksExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/GravityBlocksExtension.tsx"],"names":[],"mappings":";;;AAGA,6EAG0C;AAFtC,8HAAA,qBAAqB,OAAA;AAMzB,iCAAiG;AAajG,+EAA+E;AACxE,MAAM,sBAAsB,GAAG,CAAC,EACnC,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAoF,EAAE;IACnF,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAC,GAAG,cAAc,CAAC;IAC1E,MAAM,EAAC,UAAU,EAAE,GAAG,mBAAmB,EAAC,GAAG,YAAY,CAAC;IAE1D,OAAO;QACH,IAAA,mBAAgB,EAAC;YACb,YAAY,EAAE,mBAAmB;YACjC,cAAc,EAAE,qBAAqB;SACxC,CAAC;QACF,IAAA,sBAAmB,EAAC;YAChB,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,IAAA,sBAAmB,EAAC;YAChB,YAAY,EAAE,EAAC,UAAU,EAAC;YAC1B,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,IAAA,qBAAkB,GAAE;KACvB,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,sBAAsB,0BAwBjC","sourcesContent":["import type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {MediaProps, NavigationData, PageContent} from '../../models';\n\nexport {\n    GravityBlocksProvider,\n    type GravityBlocksProviderProps,\n} from '../context/GravityBlocksProvider';\n\nimport {GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps} from './GeneralExtension';\n\nimport {backgroundExtension, blockBaseExtension, generalExtension, navigationExtension} from '.';\n\nexport interface GravityBlocksWrapperProps extends GeneralExtensionWrapperProps {\n    renderMenu?: () => React.ReactNode;\n}\n\nexport interface GravityBlocksGlobalConfig extends GeneralExtensionGlobalConfig {\n    background?: MediaProps;\n    navigation?: NavigationData;\n}\n\nexport interface GravityPageContent extends PageContent, GravityBlocksGlobalConfig {}\n\n/** @returns Array of PageConstructorExtension instances for gravity-blocks. */\nexport const gravityBlocksExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GravityBlocksWrapperProps;\n    globalDefaults?: GravityBlocksGlobalConfig;\n}): PageConstructorExtension<GravityBlocksGlobalConfig, GravityBlocksWrapperProps>[] => {\n    const {background, navigation, ...generalGlobalDefaults} = globalDefaults;\n    const {renderMenu, ...generalWrapperProps} = wrapperProps;\n\n    return [\n        generalExtension({\n            wrapperProps: generalWrapperProps,\n            globalDefaults: generalGlobalDefaults,\n        }),\n        backgroundExtension({\n            globalDefaults: {background},\n        }),\n        navigationExtension({\n            wrapperProps: {renderMenu},\n            globalDefaults: {navigation},\n        }),\n        blockBaseExtension(),\n    ];\n};\n"]}

package/build/cjs/gravity-blocks/index.d.ts

@@ -4,3 +4,4 @@ export * from "./hooks/index.js";
 export * from "./navigation/index.js";
 export * from "./grid/index.js";
 export * from "../blocks/index.js";
+export * from "../utils/svg.js";

package/build/cjs/gravity-blocks/index.js

@@ -7,4 +7,5 @@ tslib_1.__exportStar(require("./hooks/index.js"), exports);
 tslib_1.__exportStar(require("./navigation/index.js"), exports);
 tslib_1.__exportStar(require("./grid/index.js"), exports);
 tslib_1.__exportStar(require("../blocks/index.js"), exports);
+tslib_1.__exportStar(require("../utils/svg.js"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/gravity-blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["gravity-blocks/index.ts"],"names":[],"mappings":";;;AAAA,gEAA6B;AAC7B,4DAAyB;AACzB,2DAAwB;AACxB,gEAA6B;AAC7B,0DAAuB;AACvB,6DAA0B","sourcesContent":["export * from './extensions';\nexport * from './schema';\nexport * from './hooks';\nexport * from './navigation';\nexport * from './grid';\nexport * from '../blocks';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["gravity-blocks/index.ts"],"names":[],"mappings":";;;AAAA,gEAA6B;AAC7B,4DAAyB;AACzB,2DAAwB;AACxB,gEAA6B;AAC7B,0DAAuB;AACvB,6DAA0B;AAC1B,0DAA6B","sourcesContent":["export * from './extensions';\nexport * from './schema';\nexport * from './hooks';\nexport * from './navigation';\nexport * from './grid';\nexport * from '../blocks';\nexport * from '../utils/svg';\n"]}

package/build/cjs/gravity-blocks/schema/constants.d.ts

@@ -621,11 +621,6 @@ export declare const cardSchemas: {
             hoverBackgroundColor: {
                 type: string;
             };
-            text: {
-                type: string;
-                contentType: string;
-                inputType: string;
-            };
             title: {
                 oneOf: ({
                     type: string;
@@ -736,6 +731,11 @@ export declare const cardSchemas: {
                     contentType?: undefined;
                 })[];
             };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
             size: {
                 type: string;
                 enum: string[];
@@ -1115,11 +1115,6 @@ export declare const cardSchemas: {
                 additionalProperties: boolean;
                 properties: {};
             };
-            text: {
-                type: string;
-                contentType: string;
-                inputType: string;
-            };
             title: {
                 oneOf: ({
                     type: string;
@@ -1230,6 +1225,11 @@ export declare const cardSchemas: {
                     contentType?: undefined;
                 })[];
             };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
             size: {
                 type: string;
                 enum: string[];

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"]}