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

package/build/cjs/sub-blocks/PriceDetailed/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const PriceDetailed_1 = tslib_1.__importDefault(require("./PriceDetailed.js"));
+const schema_1 = require("./schema.js");
+/** @deprecated */
+const PriceDetailedConfig = {
+    component: PriceDetailed_1.default,
+    schema: {
+        name: 'Price Detailed',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceDetailedBlock['price-detailed']),
+        default: {
+            priceType: 'marked-list',
+            items: [
+                {
+                    title: '100$',
+                    description: 'Basic edition',
+                    detailedTitle: 'per year',
+                    items: [
+                        {
+                            text: 'First item',
+                        },
+                        {
+                            text: 'Second item',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+exports.default = PriceDetailedConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/PriceDetailed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,+EAA4C;AAC5C,wCAAmE;AAEnE,kBAAkB;AAClB,MAAM,mBAAmB,GAAc;IACnC,SAAS,EAAE,uBAAa;IACxB,MAAM,EAAE;QACJ,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EACnB,2BAAmB,CAAC,gBAAgB,CAAkC,CACzE;QACD,OAAO,EAAE;YACL,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,MAAM;oBACb,WAAW,EAAE,eAAe;oBAC5B,aAAa,EAAE,UAAU;oBACzB,KAAK,EAAE;wBACH;4BACI,IAAI,EAAE,YAAY;yBACrB;wBACD;4BACI,IAAI,EAAE,aAAa;yBACtB;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport PriceDetailed from './PriceDetailed';\nimport {PriceDetailedBlock as PriceDetailedSchema} from './schema';\n\n/** @deprecated */\nconst PriceDetailedConfig: BlockData = {\n    component: PriceDetailed,\n    schema: {\n        name: 'Price Detailed',\n        group: 'cards',\n        inputs: generateFromAJV(\n            PriceDetailedSchema['price-detailed'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            priceType: 'marked-list',\n            items: [\n                {\n                    title: '100$',\n                    description: 'Basic edition',\n                    detailedTitle: 'per year',\n                    items: [\n                        {\n                            text: 'First item',\n                        },\n                        {\n                            text: 'Second item',\n                        },\n                    ],\n                },\n            ],\n        },\n    },\n};\n\nexport default PriceDetailedConfig;\n"]}

package/build/cjs/sub-blocks/Quote/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const QuoteConfig: BlockData;
+export default QuoteConfig;

package/build/cjs/sub-blocks/Quote/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Quote_1 = tslib_1.__importDefault(require("./Quote.js"));
+const schema_1 = require("./schema.js");
+const QuoteConfig = {
+    component: Quote_1.default,
+    schema: {
+        name: 'Quote',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.Quote['quote']),
+        default: {
+            text: 'A good decision is based on knowledge and not on numbers.',
+            author: {
+                firstName: ' Plato',
+                description: 'Greek philosopher',
+            },
+        },
+    },
+};
+exports.default = QuoteConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/Quote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,+DAA4B;AAC5B,wCAA8C;AAE9C,MAAM,WAAW,GAAc;IAC3B,SAAS,EAAE,eAAK;IAChB,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,cAAW,CAAC,OAAO,CAAkC,CAAC;QAC9E,OAAO,EAAE;YACL,IAAI,EAAE,2DAA2D;YACjE,MAAM,EAAE;gBACJ,SAAS,EAAE,QAAQ;gBACnB,WAAW,EAAE,mBAAmB;aACnC;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport Quote from './Quote';\nimport {Quote as QuoteSchema} from './schema';\n\nconst QuoteConfig: BlockData = {\n    component: Quote,\n    schema: {\n        name: 'Quote',\n        group: 'cards',\n        inputs: generateFromAJV(QuoteSchema['quote'] as unknown as JSONSchemaType<{}>),\n        default: {\n            text: 'A good decision is based on knowledge and not on numbers.',\n            author: {\n                firstName: ' Plato',\n                description: 'Greek philosopher',\n            },\n        },\n    },\n};\n\nexport default QuoteConfig;\n"]}

package/build/cjs/utils/editor.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const getCursorPositionOverElement: (elementRect: DOMRect, mouseEvent: React.MouseEvent) => "left" | "right" | "top" | "bottom";

package/build/cjs/utils/editor.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCursorPositionOverElement = void 0;
+const getCursorPositionOverElement = (elementRect, mouseEvent) => {
+    const cursorPositionY = elementRect.height - (mouseEvent.clientY - elementRect.y);
+    const cursorPositionX = elementRect.width - (mouseEvent.clientX - elementRect.x);
+    const cursorRatioY = elementRect.height / 2 / cursorPositionY;
+    const cursorRatioX = elementRect.width / 2 / cursorPositionX;
+    if (cursorRatioY > cursorRatioX) {
+        if (cursorRatioY >= 1) {
+            return 'bottom';
+        }
+        else {
+            return 'left';
+        }
+    }
+    else if (cursorRatioX >= 1) {
+        return 'right';
+    }
+    else {
+        return 'top';
+    }
+};
+exports.getCursorPositionOverElement = getCursorPositionOverElement;
+//# sourceMappingURL=editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"../../../src","sources":["utils/editor.ts"],"names":[],"mappings":";;;AAEO,MAAM,4BAA4B,GAAG,CACxC,WAAoB,EACpB,UAA4B,EAC9B,EAAE;IACA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IACjF,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,CAAC;IAC9D,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,CAAC;IAE7D,IAAI,YAAY,GAAG,YAAY,EAAE,CAAC;QAC9B,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;YACpB,OAAO,QAAQ,CAAC;QACpB,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;SAAM,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC;IACnB,CAAC;SAAM,CAAC;QACJ,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC,CAAC;AApBW,QAAA,4BAA4B,gCAoBvC","sourcesContent":["import * as React from 'react';\n\nexport const getCursorPositionOverElement = (\n    elementRect: DOMRect,\n    mouseEvent: React.MouseEvent,\n) => {\n    const cursorPositionY = elementRect.height - (mouseEvent.clientY - elementRect.y);\n    const cursorPositionX = elementRect.width - (mouseEvent.clientX - elementRect.x);\n    const cursorRatioY = elementRect.height / 2 / cursorPositionY;\n    const cursorRatioX = elementRect.width / 2 / cursorPositionX;\n\n    if (cursorRatioY > cursorRatioX) {\n        if (cursorRatioY >= 1) {\n            return 'bottom';\n        } else {\n            return 'left';\n        }\n    } else if (cursorRatioX >= 1) {\n        return 'right';\n    } else {\n        return 'top';\n    }\n};\n"]}

package/build/cjs/utils/form-generator.d.ts

@@ -0,0 +1,9 @@
+import { JSONSchemaType } from 'ajv';
+import { ArrayBaseInput, BooleanInput, ConfigInput, NumberInput, ObjectInput, SelectBaseInput, TextAreaInput, TextInput } from "../../common/types/index.js";
+export declare const generateFromAJV: (schema: JSONSchemaType<{}>) => ConfigInput[];
+export declare const generateSingleEntity: (key: string, schema: JSONSchemaType<{}>) => TextInput | BooleanInput | NumberInput | TextAreaInput | SelectBaseInput | ObjectInput | ArrayBaseInput | {
+    type: string;
+    name: string;
+    title: string;
+    options: any;
+} | undefined;

package/build/cjs/utils/form-generator.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSingleEntity = exports.generateFromAJV = void 0;
+const generateFromAJV = (schema) => {
+    if (schema && schema.properties) {
+        const obj = Object.entries(schema.properties).map(([key, value]) => {
+            const innerSchema = value;
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            return (0, exports.generateSingleEntity)(key, innerSchema);
+        });
+        return obj.filter(Boolean);
+    }
+    return [];
+};
+exports.generateFromAJV = generateFromAJV;
+const generateSingleEntity = (key, schema) => {
+    const type = schema.type;
+    if (!type && schema.enum) {
+        return {
+            type: 'select',
+            view: 'select',
+            name: key,
+            title: key,
+            enum: schema.enum.map((enumValue) => ({
+                content: enumValue,
+                value: enumValue,
+            })),
+        };
+    }
+    if (schema.oneOf) {
+        return {
+            type: 'oneOf',
+            name: key,
+            title: key,
+            options: schema.oneOf.map((item) => {
+                let properties;
+                if (item.properties) {
+                    properties = (0, exports.generateFromAJV)(item);
+                }
+                else {
+                    properties = [
+                        (0, exports.generateSingleEntity)('', {
+                            ...item,
+                            name: '',
+                            title: item.optionName,
+                        }),
+                    ];
+                }
+                return {
+                    value: item.optionName,
+                    title: item.optionName,
+                    properties: properties,
+                };
+            }),
+        };
+    }
+    switch (type) {
+        case 'string': {
+            if (schema.inputType === 'textarea') {
+                return {
+                    type: 'textarea',
+                    name: key,
+                    title: key,
+                };
+            }
+            if (schema.enum) {
+                return {
+                    type: 'select',
+                    view: 'select',
+                    name: key,
+                    title: key,
+                    enum: schema.enum.map((enumValue) => ({
+                        content: enumValue,
+                        value: enumValue,
+                    })),
+                };
+            }
+            return {
+                type: 'text',
+                name: key,
+                title: key,
+            };
+        }
+        case 'number': {
+            return {
+                type: 'number',
+                name: key,
+                title: key,
+            };
+        }
+        case 'object': {
+            return {
+                type: 'object',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'boolean': {
+            return {
+                type: 'boolean',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'array': {
+            if (schema.items.type === 'string') {
+                return {
+                    type: 'array',
+                    name: key,
+                    title: key,
+                    properties: (0, exports.generateFromAJV)(schema.items),
+                    buttonText: 'Add',
+                    arrayType: 'text',
+                };
+            }
+            return {
+                type: 'array',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema.items),
+                buttonText: 'Add',
+                arrayType: 'object',
+            };
+        }
+    }
+    return undefined;
+};
+exports.generateSingleEntity = generateSingleEntity;
+//# sourceMappingURL=form-generator.js.map

package/build/cjs/utils/form-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-generator.js","sourceRoot":"../../../src","sources":["utils/form-generator.ts"],"names":[],"mappings":";;;AAaO,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAiB,EAAE;IACzE,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC/D,MAAM,WAAW,GAAG,KAA2B,CAAC;YAChD,mEAAmE;YACnE,OAAO,IAAA,4BAAoB,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,CAAkB,CAAC;IAChD,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B;AAEK,MAAM,oBAAoB,GAAG,CAAC,GAAW,EAAE,MAA0B,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IAEzB,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;QACvB,OAAO;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;gBAC1C,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,SAAS;aACnB,CAAC,CAAC;SACa,CAAC;IACzB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,OAAO;YACH,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAwB,EAAE,EAAE;gBACnD,IAAI,UAAU,CAAC;gBACf,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;oBAClB,UAAU,GAAG,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC;gBACvC,CAAC;qBAAM,CAAC;oBACJ,UAAU,GAAG;wBACT,IAAA,4BAAoB,EAAC,EAAE,EAAE;4BACrB,GAAG,IAAI;4BACP,IAAI,EAAE,EAAE;4BACR,KAAK,EAAE,IAAI,CAAC,UAAU;yBACzB,CAAC;qBACL,CAAC;gBACN,CAAC;gBAED,OAAO;oBACH,KAAK,EAAE,IAAI,CAAC,UAAU;oBACtB,KAAK,EAAE,IAAI,CAAC,UAAU;oBACtB,UAAU,EAAE,UAAU;iBACzB,CAAC;YACN,CAAC,CAAC;SACL,CAAC;IACN,CAAC;IAED,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,IAAI,MAAM,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;gBAClC,OAAO;oBACH,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,GAAG;oBACT,KAAK,EAAE,GAAG;iBACI,CAAC;YACvB,CAAC;YACD,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBACd,OAAO;oBACH,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,GAAG;oBACT,KAAK,EAAE,GAAG;oBACV,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;wBAC1C,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,SAAS;qBACnB,CAAC,CAAC;iBACa,CAAC;YACzB,CAAC;YACD,OAAO;gBACH,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;aACA,CAAC;QACnB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;aACE,CAAC;QACrB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,UAAU,EAAE,IAAA,uBAAe,EAAC,MAAM,CAAC;aACvB,CAAC;QACrB,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACb,OAAO;gBACH,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,UAAU,EAAE,IAAA,uBAAe,EAAC,MAAM,CAAC;aACtB,CAAC;QACtB,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACX,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACjC,OAAO;oBACH,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,GAAG;oBACT,KAAK,EAAE,GAAG;oBACV,UAAU,EAAE,IAAA,uBAAe,EAAC,MAAM,CAAC,KAAK,CAAC;oBACzC,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,MAAM;iBACF,CAAC;YACxB,CAAC;YAED,OAAO;gBACH,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,UAAU,EAAE,IAAA,uBAAe,EAAC,MAAM,CAAC,KAAK,CAAC;gBACzC,UAAU,EAAE,KAAK;gBACjB,SAAS,EAAE,QAAQ;aACJ,CAAC;QACxB,CAAC;IACL,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAtHW,QAAA,oBAAoB,wBAsH/B","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {\n    ArrayBaseInput,\n    BooleanInput,\n    ConfigInput,\n    NumberInput,\n    ObjectInput,\n    SelectBaseInput,\n    TextAreaInput,\n    TextInput,\n} from '../../common/types';\n\nexport const generateFromAJV = (schema: JSONSchemaType<{}>): ConfigInput[] => {\n    if (schema && schema.properties) {\n        const obj = Object.entries(schema.properties).map(([key, value]) => {\n            const innerSchema = value as JSONSchemaType<{}>;\n            // eslint-disable-next-line @typescript-eslint/no-use-before-define\n            return generateSingleEntity(key, innerSchema);\n        });\n\n        return obj.filter(Boolean) as ConfigInput[];\n    }\n    return [];\n};\n\nexport const generateSingleEntity = (key: string, schema: JSONSchemaType<{}>) => {\n    const type = schema.type;\n\n    if (!type && schema.enum) {\n        return {\n            type: 'select',\n            view: 'select',\n            name: key,\n            title: key,\n            enum: schema.enum.map((enumValue: string) => ({\n                content: enumValue,\n                value: enumValue,\n            })),\n        } as SelectBaseInput;\n    }\n\n    if (schema.oneOf) {\n        return {\n            type: 'oneOf',\n            name: key,\n            title: key,\n            options: schema.oneOf.map((item: JSONSchemaType<{}>) => {\n                let properties;\n                if (item.properties) {\n                    properties = generateFromAJV(item);\n                } else {\n                    properties = [\n                        generateSingleEntity('', {\n                            ...item,\n                            name: '',\n                            title: item.optionName,\n                        }),\n                    ];\n                }\n\n                return {\n                    value: item.optionName,\n                    title: item.optionName,\n                    properties: properties,\n                };\n            }),\n        };\n    }\n\n    switch (type) {\n        case 'string': {\n            if (schema.inputType === 'textarea') {\n                return {\n                    type: 'textarea',\n                    name: key,\n                    title: key,\n                } as TextAreaInput;\n            }\n            if (schema.enum) {\n                return {\n                    type: 'select',\n                    view: 'select',\n                    name: key,\n                    title: key,\n                    enum: schema.enum.map((enumValue: string) => ({\n                        content: enumValue,\n                        value: enumValue,\n                    })),\n                } as SelectBaseInput;\n            }\n            return {\n                type: 'text',\n                name: key,\n                title: key,\n            } as TextInput;\n        }\n        case 'number': {\n            return {\n                type: 'number',\n                name: key,\n                title: key,\n            } as NumberInput;\n        }\n        case 'object': {\n            return {\n                type: 'object',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema),\n            } as ObjectInput;\n        }\n        case 'boolean': {\n            return {\n                type: 'boolean',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema),\n            } as BooleanInput;\n        }\n        case 'array': {\n            if (schema.items.type === 'string') {\n                return {\n                    type: 'array',\n                    name: key,\n                    title: key,\n                    properties: generateFromAJV(schema.items),\n                    buttonText: 'Add',\n                    arrayType: 'text',\n                } as ArrayBaseInput;\n            }\n\n            return {\n                type: 'array',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema.items),\n                buttonText: 'Add',\n                arrayType: 'object',\n            } as ArrayBaseInput;\n        }\n    }\n\n    return undefined;\n};\n"]}

package/build/cjs/utils/index.d.ts

@@ -5,5 +5,6 @@ export * from "./url.js";
 export * from "./cn.js";
 export * from "./url.js";
 export * from "./theme.js";
+export * from "./navigation.js";
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from "./hubspot.js";
 export { isHubspotEventData } from "./hubspot.js";

package/build/cjs/utils/index.js

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("./url.js"), exports);
 tslib_1.__exportStar(require("./cn.js"), exports);
 tslib_1.__exportStar(require("./url.js"), exports);
 tslib_1.__exportStar(require("./theme.js"), exports);
+tslib_1.__exportStar(require("./navigation.js"), exports);
 var hubspot_1 = require("./hubspot.js");
 Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAyB;AACzB,yDAA4B;AAC5B,sDAAyB;AACzB,mDAAsB;AACtB,kDAAqB;AACrB,mDAAsB;AACtB,qDAAwB;AAGxB,wCAA6C;AAArC,6GAAA,kBAAkB,OAAA","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAyB;AACzB,yDAA4B;AAC5B,sDAAyB;AACzB,mDAAsB;AACtB,kDAAqB;AACrB,mDAAsB;AACtB,qDAAwB;AACxB,0DAA6B;AAG7B,wCAA6C;AAArC,6GAAA,kBAAkB,OAAA","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\nexport * from './navigation';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}

package/build/cjs/utils/navigation.d.ts

@@ -0,0 +1,3 @@
+import { HeaderData, ThemedNavigationLogoData } from "../models/index.js";
+export declare function isLogoSet(logo?: ThemedNavigationLogoData): logo is ThemedNavigationLogoData;
+export declare function isHeaderSet(header?: HeaderData): header is HeaderData;

package/build/cjs/utils/navigation.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLogoSet = isLogoSet;
+exports.isHeaderSet = isHeaderSet;
+const tslib_1 = require("tslib");
+const get_1 = tslib_1.__importDefault(require("lodash/get.js"));
+const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty.js"));
+function isLogoSet(logo) {
+    return Boolean((0, get_1.default)(logo, 'icon') || (0, get_1.default)(logo, 'light.icon'));
+}
+function isHeaderSet(header) {
+    return !(0, isEmpty_1.default)(header?.leftItems);
+}
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["utils/navigation.ts"],"names":[],"mappings":";;AAKA,8BAEC;AAED,kCAEC;;AAXD,gEAA8B;AAC9B,wEAAsC;AAItC,SAAgB,SAAS,CAAC,IAA+B;IACrD,OAAO,OAAO,CAAC,IAAA,aAAI,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAA,aAAI,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAgB,WAAW,CAAC,MAAmB;IAC3C,OAAO,CAAC,IAAA,iBAAQ,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AACxC,CAAC","sourcesContent":["import _get from 'lodash/get';\nimport _isEmpty from 'lodash/isEmpty';\n\nimport {HeaderData, ThemedNavigationLogoData} from '../models';\n\nexport function isLogoSet(logo?: ThemedNavigationLogoData): logo is ThemedNavigationLogoData {\n    return Boolean(_get(logo, 'icon') || _get(logo, 'light.icon'));\n}\n\nexport function isHeaderSet(header?: HeaderData): header is HeaderData {\n    return !_isEmpty(header?.leftItems);\n}\n"]}

package/build/esm/blocks/Banner/Banner.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
+import { Grid } from "../../grid/index.js";
 import { BannerCard } from "../../sub-blocks/index.js";
 import { block } from "../../utils/index.js";
 import './Banner.css';
 const b = block('banner-block');
 export const BannerBlock = (props) => {
     const { animated, className, ...bannerProps } = props;
-    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsx(BannerCard, { ...bannerProps }) }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsx(Grid, { children: _jsx(BannerCard, { ...bannerProps }) }) }));
 };
 export default BannerBlock;
 //# sourceMappingURL=Banner.js.map

package/build/esm/blocks/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,sDAAmD;AAEtE,OAAO,EAAC,UAAU,EAAC,kCAAyB;AAC5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,KAAC,UAAU,OAAK,WAAW,GAAI,GACpB,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <BannerCard {...bannerProps} />\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,IAAI,EAAC,4BAAmB;AAEhC,OAAO,EAAC,UAAU,EAAC,kCAAyB;AAC5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,KAAC,IAAI,cACD,KAAC,UAAU,OAAK,WAAW,GAAI,GAC5B,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {Grid} from '../../grid';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                <BannerCard {...bannerProps} />\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}

package/build/esm/blocks/Banner/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const BannerBlockConfig: BlockData;
+export default BannerBlockConfig;

package/build/esm/blocks/Banner/index.js

@@ -0,0 +1,21 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import BannerBlock from "./Banner.js";
+import { BannerCardProps } from "./schema.js";
+const BannerBlockConfig = {
+    component: BannerBlock,
+    schema: {
+        name: 'Banner Block',
+        group: 'block',
+        inputs: generateFromAJV(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+export default BannerBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/esm/blocks/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,iBAAiB,GAAc;IACjC,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CAAC,eAAgD,CAAC;QACzE,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nconst BannerBlockConfig: BlockData = {\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: 'block',\n        inputs: generateFromAJV(BannerCardProps as unknown as JSONSchemaType<{}>),\n        default: {\n            color: 'rgba(54, 151, 241, 0.4)',\n            title: 'Banner Block',\n            subtitle: 'Some sort of description.',\n            button: {\n                text: 'Read more',\n            },\n        },\n    },\n};\n\nexport default BannerBlockConfig;\n"]}

package/build/esm/blocks/CardLayout/CardLayout.css

@@ -21,6 +21,7 @@ unpredictable css rules order in build */
   width: 100%;
   height: 100%;
   border-radius: 32px;
+  pointer-events: none;
 }
 .pc-card-layout-block__image img {
   object-fit: cover;

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import isEmpty from "lodash/isEmpty.js";
 import { AnimateBlock, BackgroundImage, Title } from "../../components/index.js";
+import ItemWrap from "../../components/editor/ItemWrap/ItemWrap.js";
 import { useTheme } from "../../context/theme/index.js";
-import { Col, Row } from "../../grid/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './CardLayout.css';
 const DEFAULT_SIZES = {
@@ -15,9 +16,9 @@ const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
     const theme = useTheme();
     const { border, ...backgroundImageProps } = getThemedValue(background || {}, theme);
-    return (_jsxs(AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
-                    'with-background': !isEmpty(background),
-                }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsxs(Grid, { children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
+                        'with-background': !isEmpty(background),
+                    }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: _jsx(ItemWrap, { index: index, children: child }) }, index))) })] })] }) }));
 };
 export default CardLayout;
 //# sourceMappingURL=CardLayout.js.map

package/build/esm/blocks/CardLayout/CardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAuB,GAAG,EAAC,4BAAmB;AAEzD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            {(title || description) && (\n                <Title title={title} subtitle={description} className={titleClassName} />\n            )}\n            <div\n                className={b('content', {\n                    'with-background': !isEmpty(background),\n                })}\n            >\n                <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                <Row>\n                    {React.Children.map(children, (child, index) => (\n                        <Col key={index} sizes={colSizes} className={b('item')}>\n                            {child}\n                        </Col>\n                    ))}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}
+{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,QAAQ,qDAAkD;AACjE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAuB,GAAG,EAAC,4BAAmB;AAE/D,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,MAAC,IAAI,eACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;wBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;qBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAE9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAClD,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAY,IADpC,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport ItemWrap from '../../components/editor/ItemWrap/ItemWrap';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                {(title || description) && (\n                    <Title title={title} subtitle={description} className={titleClassName} />\n                )}\n                <div\n                    className={b('content', {\n                        'with-background': !isEmpty(background),\n                    })}\n                >\n                    <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n\n                    <Row>\n                        {React.Children.map(children, (child, index) => (\n                            <Col key={index} sizes={colSizes} className={b('item')}>\n                                <ItemWrap index={index}>{child}</ItemWrap>\n                            </Col>\n                        ))}\n                    </Row>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}

package/build/esm/blocks/CardLayout/index.d.ts

@@ -0,0 +1,5 @@
+import { ConfigInput } from "../../../common/types/index.js";
+import { BlockData } from "../../constructor-items.js";
+export declare const blockConfig: ConfigInput[];
+declare const CardLayoutBlockConfig: BlockData;
+export default CardLayoutBlockConfig;

package/build/esm/blocks/CardLayout/index.js

@@ -0,0 +1,182 @@
+import { sliderSizesArray, textSize } from "../../schema/validators/common.js";
+import { generateFromAJV } from "../../utils/form-generator.js";
+import CardLayout from "./CardLayout.js";
+import { CardLayoutProps } from "./schema.js";
+const textSizeEnum = textSize.map((size) => ({ value: size, content: size }));
+export const blockConfig = [
+    {
+        type: 'oneOf',
+        name: 'title',
+        title: 'Title Object',
+        options: [
+            {
+                title: 'Simple',
+                value: 'simple',
+                properties: [
+                    {
+                        type: 'text',
+                        name: '',
+                        title: 'Title',
+                    },
+                ],
+            },
+            {
+                title: 'Complex',
+                value: 'complex',
+                properties: [
+                    {
+                        type: 'text',
+                        name: 'text',
+                        title: 'Title',
+                    },
+                    {
+                        type: 'select',
+                        name: 'textSize',
+                        title: 'Text Size',
+                        enum: textSizeEnum,
+                        view: 'select',
+                        mode: 'single',
+                    },
+                    {
+                        type: 'text',
+                        name: 'url',
+                        title: 'Url',
+                    },
+                    {
+                        type: 'text',
+                        name: 'urlTitle',
+                        title: 'Url',
+                    },
+                    {
+                        type: 'boolean',
+                        name: 'resetMargin',
+                        title: 'Reset Margin',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        type: 'textarea',
+        name: 'description',
+        title: 'Description',
+    },
+    {
+        type: 'boolean',
+        name: 'dots',
+        title: 'With dots',
+    },
+    {
+        type: 'boolean',
+        name: 'arrows',
+        title: 'With Arrows',
+    },
+    {
+        type: 'boolean',
+        name: 'randomOrder',
+        title: 'Random Order',
+    },
+    {
+        type: 'number',
+        name: 'autoplay',
+        title: 'Autoplay',
+    },
+    {
+        type: 'object',
+        name: 'disclaimer',
+        title: 'Disclaimer',
+        properties: [
+            {
+                type: 'text',
+                name: 'text',
+                title: 'Text',
+            },
+            {
+                type: 'select',
+                name: 'size',
+                title: 'Size',
+                enum: textSizeEnum,
+                view: 'select',
+                mode: 'single',
+            },
+        ],
+    },
+    {
+        type: 'oneOf',
+        name: 'slidesToShow',
+        title: 'Slides to Show',
+        options: [
+            {
+                title: 'Simple',
+                value: 'simple',
+                properties: [
+                    {
+                        type: 'number',
+                        name: '',
+                        title: 'Slides',
+                    },
+                ],
+            },
+            {
+                title: 'Complex',
+                value: 'complex',
+                properties: sliderSizesArray.reduce((acc, size) => {
+                    acc.push({ type: 'number', name: size, title: size });
+                    return acc;
+                }, []),
+            },
+        ],
+    },
+    {
+        type: 'array',
+        name: 'array',
+        title: 'Array Properties',
+        buttonText: 'Add new',
+        arrayType: 'object',
+        properties: [
+            {
+                type: 'text',
+                name: 'text',
+                title: 'Property',
+            },
+            {
+                type: 'boolean',
+                name: 'boolean',
+                title: 'Property',
+            },
+        ],
+    },
+];
+const CardLayoutBlockConfig = {
+    component: CardLayout,
+    schema: {
+        name: 'Card Layout Block',
+        group: 'card-containers',
+        inputs: generateFromAJV(CardLayoutProps),
+        default: {
+            type: 'card-layout-block',
+            children: [
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+            ],
+            title: 'Card Layout Block',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+        previewImg: 'https://storage.cloud-preprod.yandex.net/qradle-test/card-layout-block.svg',
+    },
+};
+export default CardLayoutBlockConfig;
+//# sourceMappingURL=index.js.map