@doyourjob/gravity-ui-page-constructor 5.31.224 → 5.31.226

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

@@ -99,6 +99,9 @@ export declare const AudioBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -127,6 +127,9 @@ export declare const BannerMinifyBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -129,6 +129,9 @@ export declare const BenchmarkBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -371,6 +371,9 @@ export declare const CardLayoutProps: {
         blockUnicorn: {
             type: string;
         };
+        blockUnicornSdkUrl: {
+            type: string;
+        };
         blockBackground: {
             oneOf: ({
                 type: string;
@@ -794,6 +797,9 @@ export declare const CardLayoutBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -105,6 +105,9 @@ export declare const CatBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/ContentLayout/ContentLayout.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentLayoutBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const unicornstudio_react_1 = tslib_1.__importDefault(require("unicornstudio-react"));
 const components_1 = require("../../components");
 const mobileContext_1 = require("../../context/mobileContext");
 const theme_1 = require("../../context/theme");
@@ -33,7 +32,7 @@ function getTextWidth(size) {
 }
 const ContentLayoutBlock = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { animated, textContent, fileContent, tags, size = 'l', background, unicorn, centered, theme = 'default', textWidth = 'm', } = props;
+    const { animated, textContent, fileContent, tags, size = 'l', background, unicorn, unicornSdkUrl, centered, theme = 'default', textWidth = 'm', } = props;
     const colSizes = (0, react_1.useMemo)(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = (0, theme_1.useTheme)();
     const themedBackground = (0, utils_1.getThemedValue)(background, globalTheme);
@@ -45,7 +44,7 @@ const ContentLayoutBlock = (props) => {
             background && (react_1.default.createElement("div", { className: b('background') },
                 react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })))),
             unicorn && (react_1.default.createElement("div", { className: b('background') },
-                react_1.default.createElement(unicornstudio_react_1.default, { className: b('background-item'), jsonFilePath: unicorn, width: "100%" }))))));
+                react_1.default.createElement(components_1.UnicornScene, { className: b('background-item'), jsonFilePath: unicorn, sdkUrl: unicornSdkUrl, width: "100%" }))))));
 };
 exports.ContentLayoutBlock = ContentLayoutBlock;
 exports.default = exports.ContentLayoutBlock;

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

@@ -90,6 +90,9 @@ export declare const ContentLayoutBlock: {
             unicorn: {
                 type: string;
             };
+            unicornSdkUrl: {
+                type: string;
+            };
             centered: {
                 type: string;
             };
@@ -283,7 +286,9 @@ export declare const ContentLayoutBlock: {
                         contentType: string;
                     };
                     size: {
-                        type: string;
+                        type: string; /**
+                         * @deprecated Use params on top level instead
+                         */
                         enum: string[];
                     };
                     links: {
@@ -446,6 +451,9 @@ export declare const ContentLayoutBlock: {
                 unicorn: {
                     type: string;
                 };
+                unicornSdkUrl: {
+                    type: string;
+                };
                 centered: {
                     type: string;
                 };
@@ -559,6 +567,9 @@ export declare const ContentLayoutBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/ContentLayout/schema.js

@@ -14,6 +14,9 @@ const ContentLayoutBlockProperties = {
     unicorn: {
         type: 'string',
     },
+    unicornSdkUrl: {
+        type: 'string',
+    },
     centered: {
         type: 'boolean',
     },

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

@@ -464,6 +464,9 @@ export declare const ExtendedFeaturesBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -323,6 +323,9 @@ export declare const FilterProps: {
         blockUnicorn: {
             type: string;
         };
+        blockUnicornSdkUrl: {
+            type: string;
+        };
         blockBackground: {
             oneOf: ({
                 type: string;
@@ -671,6 +674,9 @@ export declare const FilterBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -292,6 +292,9 @@ export declare const FilterCardLayoutBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -766,6 +766,9 @@ export declare const FormBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -1820,6 +1820,9 @@ export declare const HeaderBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -165,6 +165,9 @@ export declare const HeaderMinifyBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -855,6 +855,9 @@ export declare const HeaderSliderBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -286,6 +286,9 @@ export declare const HighlightTableBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -368,6 +368,9 @@ export declare const IconsProps: {
         blockUnicorn: {
             type: string;
         };
+        blockUnicornSdkUrl: {
+            type: string;
+        };
         blockBackground: {
             oneOf: ({
                 type: string;
@@ -788,6 +791,9 @@ export declare const IconsBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -109,6 +109,9 @@ export declare const LayoutBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -611,6 +611,9 @@ export declare const MapBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -814,6 +814,9 @@ export declare const MediaBlockBaseProps: {
     blockUnicorn: {
         type: string;
     };
+    blockUnicornSdkUrl: {
+        type: string;
+    };
     blockBackground: {
         oneOf: ({
             type: string;
@@ -1692,6 +1695,9 @@ export declare const MediaBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -95,6 +95,9 @@ export declare const OnetrustCookieListBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -599,6 +599,9 @@ export declare const PromoFeaturesBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -328,6 +328,9 @@ export declare const QuestionsBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/Scroller/Scroller.css

@@ -13,36 +13,21 @@ unpredictable css rules order in build */
     transition-delay: 0s;
   }
 }
-.pc-scroller-block__header {
-  margin-bottom: 72px;
-}
-.pc-scroller-block__title {
-  color: #001a2b;
-  font-size: 48px;
-  line-height: 52px;
-  font-weight: 600;
-  text-align: center;
-}
-.pc-scroller-block__text {
-  color: #001a2b;
-  margin-top: 16px;
-  font-size: 24px;
-  line-height: 28px;
-  text-align: center;
-}
 .pc-scroller-block__content {
   position: relative;
   gap: 16px;
   display: flex;
   flex-wrap: nowrap;
-  width: 100vw;
-  overflow: scroll;
+  overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }
 .pc-scroller-block__content::-webkit-scrollbar {
   display: none;
 }
+.pc-scroller-block__content_fullWidth {
+  width: 100vw;
+}
 .pc-scroller-block__content_gapLong {
   gap: 48px;
 }

package/build/cjs/blocks/Scroller/Scroller.js

@@ -7,16 +7,17 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('scroller-block');
 const ScrollerBlock = (props) => {
-    const { animated, title, text, widths, gapLong, children } = props;
+    const { animated, widths, gapLong, fullWidth, children } = props;
     const rootRef = (0, react_1.useRef)(null);
     const contentRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const updateSize = () => {
-            if (contentRef.current && rootRef.current) {
+            if (contentRef.current && rootRef.current && fullWidth) {
                 const space = (window.innerWidth - rootRef.current.clientWidth) / 2;
                 contentRef.current.style.setProperty('padding-left', `${space}px`);
                 contentRef.current.style.setProperty('padding-right', `${space}px`);
                 contentRef.current.style.setProperty('left', `${-space}px`);
+                contentRef.current.style.setProperty('width', `calc(100% + ${2 * space}px)`);
             }
         };
         updateSize();
@@ -24,13 +25,10 @@ const ScrollerBlock = (props) => {
         return () => {
             window.removeEventListener('resize', updateSize);
         };
-    }, []);
-    return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
+    }, [fullWidth]);
+    return (react_1.default.createElement(components_1.AnimateBlock, { className: b({ fullWidth }), animate: animated },
         react_1.default.createElement("div", { className: b('root'), ref: rootRef },
-            (title || text) && (react_1.default.createElement("div", { className: b('header') },
-                title && react_1.default.createElement("div", { className: b('title') }, title),
-                text && react_1.default.createElement("div", { className: b('text') }, text))),
-            react_1.default.createElement("div", { className: b('content', { gapLong }), ref: contentRef }, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement("div", { key: index, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || '100%' } }, child)))))));
+            react_1.default.createElement("div", { className: b('content', { gapLong, fullWidth }), ref: contentRef }, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement("div", { key: index, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || 'auto' } }, child)))))));
 };
 exports.ScrollerBlock = ScrollerBlock;
 exports.default = exports.ScrollerBlock;

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

@@ -3,12 +3,6 @@ export declare const ScrollerBlock: {
         additionalProperties: boolean;
         required: boolean;
         properties: {
-            title: {
-                type: string;
-            };
-            text: {
-                type: string;
-            };
             widths: {
                 type: string;
                 items: {

package/build/cjs/blocks/Scroller/schema.js

@@ -6,11 +6,7 @@ exports.ScrollerBlock = {
     'scroller-block': {
         additionalProperties: false,
         required: false,
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
-                type: 'string',
-            }, text: {
-                type: 'string',
-            }, widths: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { widths: {
                 type: 'array',
                 items: {
                     type: 'string',

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

@@ -110,6 +110,9 @@ export declare const SidebarWidgetBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -410,6 +410,9 @@ export declare const SliderBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -446,6 +446,9 @@ export declare const SliderNewBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -280,6 +280,9 @@ export declare const TabLinksBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -178,6 +178,9 @@ export declare const TableBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -994,6 +994,9 @@ export declare const TabsBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -269,6 +269,9 @@ export declare const TabsHighlightTableBlock: {
             blockUnicorn: {
                 type: string;
             };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/UnicornCards/Item/Item.d.ts

@@ -1,3 +1,3 @@
 import { UnicornCardsItemProps } from '../../../models';
-export declare const Item: ({ title, text, unicorn }: UnicornCardsItemProps) => JSX.Element;
+export declare const Item: ({ title, text, unicorn, unicornSdkUrl }: UnicornCardsItemProps) => JSX.Element;
 export default Item;

package/build/cjs/blocks/UnicornCards/Item/Item.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const unicornstudio_react_1 = tslib_1.__importDefault(require("unicornstudio-react"));
+const components_1 = require("../../../components");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('unicorn-cards-item');
-const Item = ({ title, text, unicorn }) => {
+const Item = ({ title, text, unicorn, unicornSdkUrl }) => {
     return (react_1.default.createElement("div", { className: b() },
         title && react_1.default.createElement("div", { className: b('title') }, title),
         text && react_1.default.createElement("div", { className: b('text') }, text),
         unicorn && (react_1.default.createElement("div", { className: b('background') },
-            react_1.default.createElement(unicornstudio_react_1.default, { className: b('background-item'), jsonFilePath: unicorn, width: "100%" })))));
+            react_1.default.createElement(components_1.UnicornScene, { className: b('background-item'), jsonFilePath: unicorn, sdkUrl: unicornSdkUrl, width: "100%" })))));
 };
 exports.Item = Item;
 exports.default = exports.Item;

package/build/cjs/blocks/UnicornCards/UnicornCards.js

@@ -11,7 +11,7 @@ const Item_1 = tslib_1.__importDefault(require("./Item/Item"));
 const b = (0, utils_1.block)('unicorn-cards-block');
 const colSizes = { all: 12, xl: 3, lg: 4, md: 6 };
 const UnicornCardsBlock = (props) => {
-    const { animated, title, items } = props;
+    const { animated, title, items, unicornSdkUrl } = props;
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: 'l' }
         : title;
@@ -21,7 +21,7 @@ const UnicornCardsBlock = (props) => {
             hasTitle && (react_1.default.createElement(components_1.Title, { title: titleProps, className: b('title'), colSizes: { all: 12 } })),
             react_1.default.createElement(grid_1.Grid, null,
                 react_1.default.createElement(grid_1.Row, { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: colSizes },
-                    react_1.default.createElement(Item_1.default, Object.assign({}, item))))))))));
+                    react_1.default.createElement(Item_1.default, Object.assign({ unicornSdkUrl: unicornSdkUrl }, item))))))))));
 };
 exports.UnicornCardsBlock = UnicornCardsBlock;
 exports.default = exports.UnicornCardsBlock;

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

@@ -159,6 +159,9 @@ export declare const UnicornCardsBlock: {
                     contentType?: undefined;
                 })[];
             };
+            unicornSdkUrl: {
+                type: string;
+            };
             items: {
                 type: string;
                 items: {
@@ -175,6 +178,9 @@ export declare const UnicornCardsBlock: {
                         unicorn: {
                             type: string;
                         };
+                        unicornSdkUrl: {
+                            type: string;
+                        };
                     };
                 };
             };

package/build/cjs/blocks/UnicornCards/schema.js

@@ -15,7 +15,7 @@ exports.UnicornCardsBlock = {
                     },
                     Object.assign(Object.assign({}, common_1.TitleProps), { optionName: 'options' }),
                 ],
-            }, items: {
+            }, unicornSdkUrl: { type: 'string' }, items: {
                 type: 'array',
                 items: {
                     type: 'object',
@@ -25,6 +25,7 @@ exports.UnicornCardsBlock = {
                         title: { type: 'string' },
                         text: { type: 'string' },
                         unicorn: { type: 'string' },
+                        unicornSdkUrl: { type: 'string' },
                     },
                 },
             } }),