@doyourjob/gravity-ui-page-constructor 5.31.286 → 5.31.287

package/build/cjs/blocks/Header/schema.d.ts

@@ -306,7 +306,33 @@ export declare const HeaderBackgroundProps: {
                     type: string;
                 };
                 height: {
-                    type: string;
+                    oneOf: ({
+                        type: string;
+                        optionName: string;
+                        additionalProperties?: undefined;
+                        properties?: undefined;
+                    } | {
+                        type: string;
+                        additionalProperties: boolean;
+                        optionName: string;
+                        properties: {
+                            all: {
+                                type: string;
+                            };
+                            sm: {
+                                type: string;
+                            };
+                            md: {
+                                type: string;
+                            };
+                            lg: {
+                                type: string;
+                            };
+                            xl: {
+                                type: string;
+                            };
+                        };
+                    })[];
                 };
                 width: {
                     type: string;
@@ -1047,7 +1073,33 @@ export declare const HeaderProperties: {
                             type: string;
                         };
                         height: {
-                            type: string;
+                            oneOf: ({
+                                type: string;
+                                optionName: string;
+                                additionalProperties?: undefined;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                additionalProperties: boolean;
+                                optionName: string;
+                                properties: {
+                                    all: {
+                                        type: string;
+                                    };
+                                    sm: {
+                                        type: string;
+                                    };
+                                    md: {
+                                        type: string;
+                                    };
+                                    lg: {
+                                        type: string;
+                                    };
+                                    xl: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
                         };
                         width: {
                             type: string;
@@ -1926,7 +1978,33 @@ export declare const HeaderBlock: {
                                     type: string;
                                 };
                                 height: {
-                                    type: string;
+                                    oneOf: ({
+                                        type: string;
+                                        optionName: string;
+                                        additionalProperties?: undefined;
+                                        properties?: undefined;
+                                    } | {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        optionName: string;
+                                        properties: {
+                                            all: {
+                                                type: string;
+                                            };
+                                            sm: {
+                                                type: string;
+                                            };
+                                            md: {
+                                                type: string;
+                                            };
+                                            lg: {
+                                                type: string;
+                                            };
+                                            xl: {
+                                                type: string;
+                                            };
+                                        };
+                                    })[];
                                 };
                                 width: {
                                     type: string;

package/build/cjs/blocks/HeaderSlider/schema.d.ts

@@ -738,7 +738,33 @@ export declare const HeaderSliderBlock: {
                                                 type: string;
                                             };
                                             height: {
-                                                type: string;
+                                                oneOf: ({
+                                                    type: string;
+                                                    optionName: string;
+                                                    additionalProperties?: undefined;
+                                                    properties?: undefined;
+                                                } | {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    optionName: string;
+                                                    properties: {
+                                                        all: {
+                                                            type: string;
+                                                        };
+                                                        sm: {
+                                                            type: string;
+                                                        };
+                                                        md: {
+                                                            type: string;
+                                                        };
+                                                        lg: {
+                                                            type: string;
+                                                        };
+                                                        xl: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                })[];
                                             };
                                             width: {
                                                 type: string;

package/build/cjs/blocks/Media/schema.d.ts

@@ -299,7 +299,33 @@ export declare const Media: {
                     type: string;
                 };
                 height: {
-                    type: string;
+                    oneOf: ({
+                        type: string;
+                        optionName: string;
+                        additionalProperties?: undefined;
+                        properties?: undefined;
+                    } | {
+                        type: string;
+                        additionalProperties: boolean;
+                        optionName: string;
+                        properties: {
+                            all: {
+                                type: string;
+                            };
+                            sm: {
+                                type: string;
+                            };
+                            md: {
+                                type: string;
+                            };
+                            lg: {
+                                type: string;
+                            };
+                            xl: {
+                                type: string;
+                            };
+                        };
+                    })[];
                 };
                 width: {
                     type: string;
@@ -1178,7 +1204,33 @@ export declare const MediaBlock: {
                                     type: string;
                                 };
                                 height: {
-                                    type: string;
+                                    oneOf: ({
+                                        type: string;
+                                        optionName: string;
+                                        additionalProperties?: undefined;
+                                        properties?: undefined;
+                                    } | {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        optionName: string;
+                                        properties: {
+                                            all: {
+                                                type: string;
+                                            };
+                                            sm: {
+                                                type: string;
+                                            };
+                                            md: {
+                                                type: string;
+                                            };
+                                            lg: {
+                                                type: string;
+                                            };
+                                            xl: {
+                                                type: string;
+                                            };
+                                        };
+                                    })[];
                                 };
                                 width: {
                                     type: string;

package/build/cjs/blocks/PromoFeaturesBlock/schema.d.ts

@@ -315,7 +315,33 @@ export declare const PromoFeaturesItem: {
                             type: string;
                         };
                         height: {
-                            type: string;
+                            oneOf: ({
+                                type: string;
+                                optionName: string;
+                                additionalProperties?: undefined;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                additionalProperties: boolean;
+                                optionName: string;
+                                properties: {
+                                    all: {
+                                        type: string;
+                                    };
+                                    sm: {
+                                        type: string;
+                                    };
+                                    md: {
+                                        type: string;
+                                    };
+                                    lg: {
+                                        type: string;
+                                    };
+                                    xl: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
                         };
                         width: {
                             type: string;

package/build/cjs/blocks/Tabs/schema.d.ts

@@ -314,7 +314,33 @@ export declare const tabsItem: {
                                 type: string;
                             };
                             height: {
-                                type: string;
+                                oneOf: ({
+                                    type: string;
+                                    optionName: string;
+                                    additionalProperties?: undefined;
+                                    properties?: undefined;
+                                } | {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    optionName: string;
+                                    properties: {
+                                        all: {
+                                            type: string;
+                                        };
+                                        sm: {
+                                            type: string;
+                                        };
+                                        md: {
+                                            type: string;
+                                        };
+                                        lg: {
+                                            type: string;
+                                        };
+                                        xl: {
+                                            type: string;
+                                        };
+                                    };
+                                })[];
                             };
                             width: {
                                 type: string;

package/build/cjs/components/Media/Iframe/Iframe.js

@@ -1,15 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../../utils");
 const i18n_1 = require("./i18n");
+const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-iframe');
+const getViewportWidth = () => (typeof window === 'undefined' ? 0 : window.innerWidth);
 const Iframe = (props) => {
     const { iframe, margins = true } = props;
-    const { height = 400, src, width, name, title } = iframe;
-    return iframe ? (react_1.default.createElement("div", { className: b({ margins }), style: { height } },
-        react_1.default.createElement("iframe", { className: b('item'), loading: "lazy", title: title || (0, i18n_1.i18n)('iframe-title'), frameBorder: 0, src: src, width: width, height: height, name: name, 
+    const { height, src, width, name, title } = iframe;
+    const shouldTrackViewportWidth = typeof height === 'object';
+    const [viewportWidth, setViewportWidth] = (0, react_1.useState)(() => shouldTrackViewportWidth ? getViewportWidth() : 0);
+    const resolvedHeight = (0, utils_2.getIframeHeight)(height, viewportWidth);
+    (0, react_1.useEffect)(() => {
+        if (!shouldTrackViewportWidth) {
+            return undefined;
+        }
+        const handleResize = () => setViewportWidth(getViewportWidth());
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, [shouldTrackViewportWidth]);
+    return iframe ? (react_1.default.createElement("div", { className: b({ margins }), style: { height: resolvedHeight } },
+        react_1.default.createElement("iframe", { className: b('item'), loading: "lazy", title: title || (0, i18n_1.i18n)('iframe-title'), frameBorder: 0, src: src, width: width, height: resolvedHeight, name: name, 
             /*
               1. allow: дает права на камеру, микрофон, полноэкранный режим
                  и демонстрацию экрана (необходимы для Zoom).

package/build/cjs/components/Media/Iframe/utils.d.ts

@@ -0,0 +1,2 @@
+import { ResponsiveIframeHeight } from '../../../models';
+export declare const getIframeHeight: (height: number | ResponsiveIframeHeight | undefined, viewportWidth: number) => number;

package/build/cjs/components/Media/Iframe/utils.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIframeHeight = void 0;
+const constants_1 = require("../../../constants");
+const responsiveHeightBreakpoints = [
+    ['all', constants_1.BREAKPOINTS.xs],
+    ['sm', constants_1.BREAKPOINTS.sm],
+    ['md', constants_1.BREAKPOINTS.md],
+    ['lg', constants_1.BREAKPOINTS.lg],
+    ['xl', constants_1.BREAKPOINTS.xl],
+];
+const getIframeHeight = (height, viewportWidth) => {
+    var _a;
+    if (height === undefined) {
+        return 400;
+    }
+    if (typeof height === 'number') {
+        return height;
+    }
+    let result = (_a = height.all) !== null && _a !== void 0 ? _a : 400;
+    responsiveHeightBreakpoints.forEach(([breakpoint, minWidth]) => {
+        const breakpointHeight = height[breakpoint];
+        if (viewportWidth >= minWidth && breakpointHeight !== undefined) {
+            result = breakpointHeight;
+        }
+    });
+    return result;
+};
+exports.getIframeHeight = getIframeHeight;

package/build/cjs/models/constructor-items/common.d.ts

@@ -258,10 +258,11 @@ export interface DataLensObjectProps {
     id: string;
     theme: 'dark' | 'light';
 }
+export type ResponsiveIframeHeight = Partial<Record<'all' | 'sm' | 'md' | 'lg' | 'xl', number>>;
 export interface IframeProps {
     src: string;
     width?: number;
-    height?: number;
+    height?: number | ResponsiveIframeHeight;
     title?: string;
     name?: string;
 }

package/build/cjs/schema/constants.d.ts

@@ -4207,7 +4207,33 @@ export declare const cardSchemas: {
                         type: string;
                     };
                     height: {
-                        type: string;
+                        oneOf: ({
+                            type: string;
+                            optionName: string;
+                            additionalProperties?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            optionName: string;
+                            properties: {
+                                all: {
+                                    type: string;
+                                };
+                                sm: {
+                                    type: string;
+                                };
+                                md: {
+                                    type: string;
+                                };
+                                lg: {
+                                    type: string;
+                                };
+                                xl: {
+                                    type: string;
+                                };
+                            };
+                        })[];
                     };
                     width: {
                         type: string;

package/build/cjs/schema/validators/common.d.ts

@@ -1502,7 +1502,33 @@ export declare const MediaProps: {
                 type: string;
             };
             height: {
-                type: string;
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    optionName: string;
+                    properties: {
+                        all: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                    };
+                })[];
             };
             width: {
                 type: string;

package/build/cjs/schema/validators/common.js

@@ -613,7 +613,34 @@ const IframeProps = {
             type: 'string',
         },
         height: {
-            type: 'number',
+            oneOf: [
+                {
+                    type: 'number',
+                    optionName: 'constant',
+                },
+                {
+                    type: 'object',
+                    additionalProperties: false,
+                    optionName: 'responsive',
+                    properties: {
+                        all: {
+                            type: 'number',
+                        },
+                        sm: {
+                            type: 'number',
+                        },
+                        md: {
+                            type: 'number',
+                        },
+                        lg: {
+                            type: 'number',
+                        },
+                        xl: {
+                            type: 'number',
+                        },
+                    },
+                },
+            ],
         },
         width: {
             type: 'number',

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -347,7 +347,33 @@ export declare const LayoutItem: {
                         type: string;
                     };
                     height: {
-                        type: string;
+                        oneOf: ({
+                            type: string;
+                            optionName: string;
+                            additionalProperties?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            optionName: string;
+                            properties: {
+                                all: {
+                                    type: string;
+                                };
+                                sm: {
+                                    type: string;
+                                };
+                                md: {
+                                    type: string;
+                                };
+                                lg: {
+                                    type: string;
+                                };
+                                xl: {
+                                    type: string;
+                                };
+                            };
+                        })[];
                     };
                     width: {
                         type: string;

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -341,7 +341,33 @@ export declare const MediaCardBlock: {
                         type: string;
                     };
                     height: {
-                        type: string;
+                        oneOf: ({
+                            type: string;
+                            optionName: string;
+                            additionalProperties?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            optionName: string;
+                            properties: {
+                                all: {
+                                    type: string;
+                                };
+                                sm: {
+                                    type: string;
+                                };
+                                md: {
+                                    type: string;
+                                };
+                                lg: {
+                                    type: string;
+                                };
+                                xl: {
+                                    type: string;
+                                };
+                            };
+                        })[];
                     };
                     width: {
                         type: string;

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

@@ -306,7 +306,33 @@ export declare const HeaderBackgroundProps: {
                     type: string;
                 };
                 height: {
-                    type: string;
+                    oneOf: ({
+                        type: string;
+                        optionName: string;
+                        additionalProperties?: undefined;
+                        properties?: undefined;
+                    } | {
+                        type: string;
+                        additionalProperties: boolean;
+                        optionName: string;
+                        properties: {
+                            all: {
+                                type: string;
+                            };
+                            sm: {
+                                type: string;
+                            };
+                            md: {
+                                type: string;
+                            };
+                            lg: {
+                                type: string;
+                            };
+                            xl: {
+                                type: string;
+                            };
+                        };
+                    })[];
                 };
                 width: {
                     type: string;
@@ -1047,7 +1073,33 @@ export declare const HeaderProperties: {
                             type: string;
                         };
                         height: {
-                            type: string;
+                            oneOf: ({
+                                type: string;
+                                optionName: string;
+                                additionalProperties?: undefined;
+                                properties?: undefined;
+                            } | {
+                                type: string;
+                                additionalProperties: boolean;
+                                optionName: string;
+                                properties: {
+                                    all: {
+                                        type: string;
+                                    };
+                                    sm: {
+                                        type: string;
+                                    };
+                                    md: {
+                                        type: string;
+                                    };
+                                    lg: {
+                                        type: string;
+                                    };
+                                    xl: {
+                                        type: string;
+                                    };
+                                };
+                            })[];
                         };
                         width: {
                             type: string;
@@ -1926,7 +1978,33 @@ export declare const HeaderBlock: {
                                     type: string;
                                 };
                                 height: {
-                                    type: string;
+                                    oneOf: ({
+                                        type: string;
+                                        optionName: string;
+                                        additionalProperties?: undefined;
+                                        properties?: undefined;
+                                    } | {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        optionName: string;
+                                        properties: {
+                                            all: {
+                                                type: string;
+                                            };
+                                            sm: {
+                                                type: string;
+                                            };
+                                            md: {
+                                                type: string;
+                                            };
+                                            lg: {
+                                                type: string;
+                                            };
+                                            xl: {
+                                                type: string;
+                                            };
+                                        };
+                                    })[];
                                 };
                                 width: {
                                     type: string;