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

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/WhatsNew/WhatsNew.css

@@ -0,0 +1,83 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-whats-new-block.pc-AnimateBlock .pc-whats-new-block__root, .pc-AnimateBlock .pc-whats-new-block .pc-whats-new-block__root {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-whats-new-block.pc-AnimateBlock.animate .pc-whats-new-block__root, .pc-AnimateBlock .pc-whats-new-block.animate .pc-whats-new-block__root {
+    top: 0;
+    opacity: 1;
+    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-delay: 0s;
+  }
+}
+.pc-whats-new-block__root {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+.pc-whats-new-block__head {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: center;
+  text-align: center;
+}
+.pc-whats-new-block__title {
+  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
+  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
+  margin: 0;
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--g-color-text-primary);
+}
+@media (max-width: 769px) {
+  .pc-whats-new-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
+  }
+}
+.pc-whats-new-block__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 32px;
+}
+@media (max-width: 769px) {
+  .pc-whats-new-block__footer {
+    flex-direction: column;
+    gap: 12px;
+  }
+}
+.pc-whats-new-block__footnote {
+  font-size: 24px;
+  line-height: 40px;
+  color: var(--g-color-text-primary);
+  font-weight: 500;
+}
+@media (max-width: 769px) {
+  .pc-whats-new-block__footnote {
+    font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+    line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  }
+}
+.pc-whats-new-block__links {
+  display: flex;
+  gap: 8px;
+}
+.pc-whats-new-block__link {
+  display: flex;
+  cursor: pointer;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-whats-new-block__link:hover {
+    opacity: 0.8;
+  }
+}
+.pc-whats-new-block__icon {
+  display: block;
+  width: 40px;
+  height: 40px;
+  object-fit: cover;
+}

package/build/cjs/blocks/WhatsNew/WhatsNew.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WhatsNewBlockProps } from '../../models';
+declare const WhatsNew: React.FC<WhatsNewBlockProps>;
+export default WhatsNew;

package/build/cjs/blocks/WhatsNew/WhatsNew.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const NewsCard_1 = tslib_1.__importDefault(require("../../sub-blocks/NewsCard/NewsCard"));
+const utils_1 = require("../../utils");
+const Scroller_1 = tslib_1.__importDefault(require("../Scroller/Scroller"));
+const b = (0, utils_1.block)('whats-new-block');
+const WhatsNew = ({ title, items, footnote, links, animated }) => {
+    return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
+        react_1.default.createElement("div", { className: b('root') },
+            title && (react_1.default.createElement("div", { className: b('head') },
+                react_1.default.createElement("h2", { className: b('title') }, title))),
+            react_1.default.createElement(Scroller_1.default, { fullWidth: true }, items.map((item, index) => (react_1.default.createElement(NewsCard_1.default, Object.assign({ key: index }, item))))),
+            (footnote || (links === null || links === void 0 ? void 0 : links.length)) && (react_1.default.createElement("div", { className: b('footer') },
+                footnote && react_1.default.createElement("div", { className: b('footnote') }, footnote),
+                (links === null || links === void 0 ? void 0 : links.length) ? (react_1.default.createElement("div", { className: b('links') }, links.map((link, index) => (react_1.default.createElement("a", { key: index, href: link.url, className: b('link'), target: "_blank", rel: "noopener noreferrer" },
+                    react_1.default.createElement(components_1.Image, { src: link.icon, className: b('icon') })))))) : null)))));
+};
+exports.default = WhatsNew;

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

@@ -0,0 +1,362 @@
+export declare const WhatsNewBlock: {
+    'whats-new-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    required: string[];
+                    properties: {
+                        image: {
+                            type: string;
+                        };
+                        square: {
+                            type: string;
+                        };
+                        text: {
+                            type: string;
+                        };
+                        links: {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    url: {
+                                        type: string;
+                                    };
+                                    icon: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            footnote: {
+                type: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        url: {
+                            type: string;
+                        };
+                        icon: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        link: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                urlTitle: {
+                                    type: string;
+                                };
+                                arrow: {
+                                    type: string;
+                                };
+                                theme: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                textSize: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                target: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                analyticsEvents: {
+                                    oneOf: ({
+                                        optionName: string;
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            context: {
+                                                type: string;
+                                            };
+                                        };
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                        optionName: string;
+                                    })[];
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        bottomSpace: {
+                            type: string;
+                            enum: string[];
+                        };
+                        centered: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            animated: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            visibilityFilter: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            blockUnicorn: {
+                type: string;
+            };
+            blockBackground: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        color: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        size: {
+                            type: string;
+                        };
+                        repeat: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                        };
+                        attachment: {
+                            type: string;
+                        };
+                        clip: {
+                            type: string;
+                        };
+                        origin: {
+                            type: string;
+                        };
+                        blendMode: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsNewBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.WhatsNewBlock = {
+    'whats-new-block': {
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    required: ['image'],
+                    properties: {
+                        image: {
+                            type: 'string',
+                        },
+                        square: {
+                            type: 'boolean',
+                        },
+                        text: {
+                            type: 'string',
+                        },
+                        links: {
+                            type: 'array',
+                            items: {
+                                type: 'object',
+                                additionalProperties: false,
+                                required: ['url', 'icon'],
+                                properties: {
+                                    url: { type: 'string' },
+                                    icon: { type: 'string' },
+                                },
+                            },
+                        },
+                    },
+                },
+            }, footnote: {
+                type: 'string',
+            }, links: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['url', 'icon'],
+                    properties: {
+                        url: { type: 'string' },
+                        icon: { type: 'string' },
+                    },
+                },
+            } }),
+    },
+};

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

@@ -60,4 +60,5 @@ export { default as SidebarWidgetBlock } from './SidebarWidget/SidebarWidget';
 export { default as CatBlock } from './Cat/Cat';
 export { default as AudioBlock } from './Audio/Audio';
 export { default as OnetrustCookieListBlock } from './OnetrustCookieList/OnetrustCookieList';
+export { default as WhatsNewBlock } from './WhatsNew/WhatsNew';
 export { default as ScienceSuggestBlock } from './ScienceSuggest/ScienceSuggest';

package/build/cjs/blocks/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScienceFeedBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.ResourceHubPostsBlock = exports.PartnersFeedBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.PartnerHeaderBlock = exports.YFMBlock = exports.LayoutBlock = exports.AboutHeaderBlock = exports.ScienceHeaderBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.ScrollerBlock = exports.BenefitsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.UnicornCardsBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
-exports.ScienceSuggestBlock = exports.OnetrustCookieListBlock = exports.AudioBlock = exports.CatBlock = exports.SidebarWidgetBlock = exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.CustomerStoriesFeedBlock = void 0;
+exports.ScienceSuggestBlock = exports.WhatsNewBlock = exports.OnetrustCookieListBlock = exports.AudioBlock = exports.CatBlock = exports.SidebarWidgetBlock = exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.CustomerStoriesFeedBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var LogoRotator_1 = require("./LogoRotator/LogoRotator");
@@ -129,5 +129,7 @@ var Audio_1 = require("./Audio/Audio");
 Object.defineProperty(exports, "AudioBlock", { enumerable: true, get: function () { return __importDefault(Audio_1).default; } });
 var OnetrustCookieList_1 = require("./OnetrustCookieList/OnetrustCookieList");
 Object.defineProperty(exports, "OnetrustCookieListBlock", { enumerable: true, get: function () { return __importDefault(OnetrustCookieList_1).default; } });
+var WhatsNew_1 = require("./WhatsNew/WhatsNew");
+Object.defineProperty(exports, "WhatsNewBlock", { enumerable: true, get: function () { return __importDefault(WhatsNew_1).default; } });
 var ScienceSuggest_1 = require("./ScienceSuggest/ScienceSuggest");
 Object.defineProperty(exports, "ScienceSuggestBlock", { enumerable: true, get: function () { return __importDefault(ScienceSuggest_1).default; } });

package/build/cjs/blocks/validators.d.ts

@@ -19,3 +19,4 @@ export * from './Table/schema';
 export * from './Share/schema';
 export * from './MarqueeLinks/schema';
 export * from './ResourceHubPosts/schema';
+export * from './WhatsNew/schema';

package/build/cjs/blocks/validators.js

@@ -22,3 +22,4 @@ tslib_1.__exportStar(require("./Table/schema"), exports);
 tslib_1.__exportStar(require("./Share/schema"), exports);
 tslib_1.__exportStar(require("./MarqueeLinks/schema"), exports);
 tslib_1.__exportStar(require("./ResourceHubPosts/schema"), exports);
+tslib_1.__exportStar(require("./WhatsNew/schema"), exports);