@gravity-ui/page-constructor 8.19.0 → 8.20.1

package/build/esm/blocks/Form/schema.d.ts

@@ -9,7 +9,7 @@ export declare const FormBlock: {
             formData: {
                 oneOf: ({
                     type: string;
-                    optionName: string;
+                    additionalProperties: boolean;
                     properties: {
                         yandex: {
                             oneOf: (({
@@ -39,9 +39,10 @@ export declare const FormBlock: {
                         };
                         hubspot?: undefined;
                     };
+                    optionName: string;
                 } | {
                     type: string;
-                    optionName: string;
+                    additionalProperties: boolean;
                     properties: {
                         hubspot: {
                             oneOf: (({
@@ -77,6 +78,7 @@ export declare const FormBlock: {
                         };
                         yandex?: undefined;
                     };
+                    optionName: string;
                 })[];
             };
             textContent: {
@@ -252,30 +254,210 @@ export declare const FormBlock: {
                 enum: string[];
             };
             background: {
-                oneOf: ({
+                oneOf: (({
+                    optionName: string;
                     type: string;
+                    additionalProperties: boolean;
                     properties: {
-                        when: {
+                        src: {
+                            type: string;
+                            pattern: string;
+                        };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
                             type: string;
+                            enum: string[];
+                        };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
                         };
                     };
                 } | {
-                    type: string;
-                    pattern: string;
+                    properties: {
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        desktop: {
+                            type: string;
+                            pattern: string;
+                        };
+                        tablet: {
+                            type: string;
+                            pattern: string;
+                        };
+                        mobile: {
+                            type: string;
+                            pattern: string;
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
+                        };
+                    };
                     optionName: string;
-                    items?: undefined;
-                } | {
                     type: string;
-                    items: {
-                        type: string;
-                        properties: {
-                            when: {
+                    additionalProperties: boolean;
+                    required: import("../../index.js").Device[];
+                    anyOf: {
+                        required: import("../../index.js").Device[];
+                    }[];
+                }) & {
+                    properties: {
+                        style: {
+                            oneOf: (({
                                 type: string;
-                            };
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    backgroundColor: {
+                                        type: string;
+                                    };
+                                    height: {
+                                        type: string[];
+                                    };
+                                    width: {
+                                        type: string[];
+                                    };
+                                    color: {
+                                        type: string;
+                                    };
+                                };
+                            } & {
+                                optionName: string;
+                            }) | {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: import("../../index.js").Device[];
+                                properties: {};
+                                optionName: string;
+                            })[];
+                        };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
+                        hide: {
+                            oneOf: ({
+                                type: string;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                properties: {
+                                    mobile: {
+                                        type: string;
+                                    };
+                                    tablet: {
+                                        type: string;
+                                    };
+                                    desktop: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
                         };
                     };
-                    optionName: string;
-                    pattern?: undefined;
                 })[];
             };
             anchor: {

package/build/esm/blocks/Form/schema.js

@@ -1,10 +1,20 @@
 import omit from "lodash/omit.js";
-import { ImageProps } from "../../components/Image/schema.js";
+import { BackgroundImageProps } from "../../components/Image/schema.js";
 import { YandexFormProps } from "../../components/YandexForm/schema.js";
-import { BlockBaseProps, withTheme } from "../../schema/validators/common.js";
+import { BlockBaseProps, withDevice, withTheme } from "../../schema/validators/common.js";
 import { ContentBase } from "../../sub-blocks/Content/schema.js";
 import { HubspotFormProps } from "../../sub-blocks/HubspotForm/schema.js";
 const FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);
+const deviceSupportingStyle = (branch) => ({
+    ...branch,
+    properties: {
+        ...omit(branch.properties, ['style']),
+        style: withDevice(branch.properties.style),
+    },
+});
+const FormBlockBackground = {
+    oneOf: BackgroundImageProps.oneOf.map(deviceSupportingStyle),
+};
 export const FormBlock = {
     'form-block': {
         additionalProperties: false,
@@ -18,17 +28,19 @@ export const FormBlock = {
                 oneOf: [
                     {
                         type: 'object',
-                        optionName: 'yandex',
+                        additionalProperties: false,
                         properties: {
                             yandex: withTheme(YandexFormProps),
                         },
+                        optionName: 'yandex',
                     },
                     {
                         type: 'object',
-                        optionName: 'hubspot',
+                        additionalProperties: false,
                         properties: {
                             hubspot: withTheme(HubspotFormProps),
                         },
+                        optionName: 'hubspot',
                     },
                 ],
             },
@@ -39,7 +51,7 @@ export const FormBlock = {
             direction: {
                 enum: ['content-form', 'form-content', 'center'],
             },
-            background: ImageProps,
+            background: FormBlockBackground,
         },
     },
 };

package/build/esm/blocks/Form/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Form/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,UAAU,EAAC,yCAAsC;AACzD,OAAO,EAAC,eAAe,EAAC,8CAA2C;AACnE,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,0CAAuC;AACzE,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAC5D,OAAO,EAAC,gBAAgB,EAAC,+CAA4C;AAErE,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,KAAK,EAAE;oBACH;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE;4BACR,MAAM,EAAE,SAAS,CAAC,eAAe,CAAC;yBACrC;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,SAAS;wBACrB,UAAU,EAAE;4BACR,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;yBACvC;qBACJ;iBACJ;aACJ;YACD,WAAW,EAAE;gBACT,oBAAoB,EAAE,KAAK;gBAC3B,UAAU,EAAE,qBAAqB;aACpC;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC;aACnD;YACD,UAAU,EAAE,UAAU;SACzB;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {YandexFormProps} from '../../components/YandexForm/schema';\nimport {BlockBaseProps, withTheme} from '../../schema/validators/common';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\nimport {HubspotFormProps} from '../../sub-blocks/HubspotForm/schema';\n\nconst FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);\n\nexport const FormBlock = {\n    'form-block': {\n        additionalProperties: false,\n        required: ['formData'],\n        properties: {\n            ...BlockBaseProps,\n            title: {\n                type: 'string',\n            },\n            formData: {\n                oneOf: [\n                    {\n                        type: 'object',\n                        optionName: 'yandex',\n                        properties: {\n                            yandex: withTheme(YandexFormProps),\n                        },\n                    },\n                    {\n                        type: 'object',\n                        optionName: 'hubspot',\n                        properties: {\n                            hubspot: withTheme(HubspotFormProps),\n                        },\n                    },\n                ],\n            },\n            textContent: {\n                additionalProperties: false,\n                properties: FormBlockContentProps,\n            },\n            direction: {\n                enum: ['content-form', 'form-content', 'center'],\n            },\n            background: ImageProps,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Form/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AACnE,OAAO,EAAC,eAAe,EAAC,8CAA2C;AACnE,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,SAAS,EAAC,0CAAuC;AACrF,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAC5D,OAAO,EAAC,gBAAgB,EAAC,+CAA4C;AAErE,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAElF,MAAM,qBAAqB,GAAG,CAC1B,MAAS,EACX,EAAE,CAAC,CAAC;IACF,GAAG,MAAM;IACT,UAAU,EAAE;QACR,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC;QACrC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;KAC7C;CACJ,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG;IACxB,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,KAAK,EAAE;oBACH;wBACI,IAAI,EAAE,QAAQ;wBACd,oBAAoB,EAAE,KAAK;wBAC3B,UAAU,EAAE;4BACR,MAAM,EAAE,SAAS,CAAC,eAAe,CAAC;yBACrC;wBACD,UAAU,EAAE,QAAQ;qBACvB;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,oBAAoB,EAAE,KAAK;wBAC3B,UAAU,EAAE;4BACR,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;yBACvC;wBACD,UAAU,EAAE,SAAS;qBACxB;iBACJ;aACJ;YACD,WAAW,EAAE;gBACT,oBAAoB,EAAE,KAAK;gBAC3B,UAAU,EAAE,qBAAqB;aACpC;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC;aACnD;YACD,UAAU,EAAE,mBAAmB;SAClC;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BackgroundImageProps} from '../../components/Image/schema';\nimport {YandexFormProps} from '../../components/YandexForm/schema';\nimport {BlockBaseProps, withDevice, withTheme} from '../../schema/validators/common';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\nimport {HubspotFormProps} from '../../sub-blocks/HubspotForm/schema';\n\nconst FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);\n\nconst deviceSupportingStyle = <T extends (typeof BackgroundImageProps)['oneOf'][number]>(\n    branch: T,\n) => ({\n    ...branch,\n    properties: {\n        ...omit(branch.properties, ['style']),\n        style: withDevice(branch.properties.style),\n    },\n});\n\nconst FormBlockBackground = {\n    oneOf: BackgroundImageProps.oneOf.map(deviceSupportingStyle),\n};\n\nexport const FormBlock = {\n    'form-block': {\n        additionalProperties: false,\n        required: ['formData'],\n        properties: {\n            ...BlockBaseProps,\n            title: {\n                type: 'string',\n            },\n            formData: {\n                oneOf: [\n                    {\n                        type: 'object',\n                        additionalProperties: false,\n                        properties: {\n                            yandex: withTheme(YandexFormProps),\n                        },\n                        optionName: 'yandex',\n                    },\n                    {\n                        type: 'object',\n                        additionalProperties: false,\n                        properties: {\n                            hubspot: withTheme(HubspotFormProps),\n                        },\n                        optionName: 'hubspot',\n                    },\n                ],\n            },\n            textContent: {\n                additionalProperties: false,\n                properties: FormBlockContentProps,\n            },\n            direction: {\n                enum: ['content-form', 'form-content', 'center'],\n            },\n            background: FormBlockBackground,\n        },\n    },\n};\n"]}