@doyourjob/gravity-ui-page-constructor 5.31.146 → 5.31.147-dev.1

package/build/cjs/blocks/BannerMinify/BannerMinify.css

@@ -0,0 +1,30 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-banner-minify-block {
+  align-items: end;
+  --dc-accent-color: #001a2b;
+  --dc-bg-color: #ffffff;
+}
+.pc-banner-minify-block_theme_dark {
+  --dc-accent-color: #ffffff;
+  --dc-bg-color: #001a2b;
+}
+.pc-banner-minify-block__title {
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  color: var(--dc-accent-color);
+}
+.pc-banner-minify-block__text {
+  color: var(--dc-accent-color);
+  margin-top: 48px;
+  font-size: 24px;
+  line-height: 28px;
+}
+.pc-banner-minify-block__buttons {
+  display: flex;
+  justify-content: end;
+  flex-wrap: wrap;
+  gap: 24px;
+  padding-top: 32px;
+}

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

@@ -0,0 +1,3 @@
+import { BannerMinifyBlockProps } from '../../models';
+export declare const BannerMinifyBlock: (props: BannerMinifyBlockProps) => JSX.Element;
+export default BannerMinifyBlock;

package/build/cjs/blocks/BannerMinify/BannerMinify.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerMinifyBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
+const b = (0, utils_1.block)('banner-minify-block');
+const leftColSizes = { lg: 5, all: 12 };
+const rightColSizes = { lg: 7, all: 12 };
+const BannerMinifyBlock = (props) => {
+    const { title, text, buttons, theme } = props;
+    return (react_1.default.createElement(grid_1.Row, { className: b({ theme }) },
+        react_1.default.createElement(grid_1.Col, { sizes: leftColSizes },
+            title && react_1.default.createElement("div", { className: b('title') }, title),
+            text && react_1.default.createElement("div", { className: b('text') }, text)),
+        react_1.default.createElement(grid_1.Col, { sizes: rightColSizes },
+            react_1.default.createElement("div", { className: b('buttons') }, buttons === null || buttons === void 0 ? void 0 : buttons.map((button, index) => (react_1.default.createElement(Button_1.default, Object.assign({ key: index }, button))))))));
+};
+exports.BannerMinifyBlock = BannerMinifyBlock;
+exports.default = exports.BannerMinifyBlock;

package/build/cjs/blocks/BannerMinify/Button/Button.css

@@ -0,0 +1,28 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-banner-minify-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 28px;
+  border-radius: 16px;
+  background: var(--dc-accent-color);
+  color: var(--dc-bg-color);
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 500;
+  height: 61px;
+  letter-spacing: 0.03em;
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+.pc-banner-minify-button_theme_outline {
+  border: 1px solid var(--dc-accent-color);
+  background: transparent;
+  color: var(--dc-accent-color);
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-banner-minify-button:hover {
+    opacity: 0.8;
+  }
+}

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

@@ -0,0 +1,3 @@
+import { BannerMinifyButtonProps } from '../../../models';
+export declare const Button: (props: BannerMinifyButtonProps) => JSX.Element;
+export default Button;

package/build/cjs/blocks/BannerMinify/Button/Button.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('banner-minify-button');
+const Button = (props) => {
+    const { url, theme, text } = props;
+    return (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement("a", { href: url, className: b({ theme }) }, text)));
+};
+exports.Button = Button;
+exports.default = exports.Button;

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

@@ -0,0 +1,172 @@
+export declare const BannerMinifyBlock: {
+    'banner-minify-block': {
+        additionalProperties: boolean;
+        properties: {
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            title: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        theme: {
+                            type: string;
+                            enum: 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;
+                        };
+                    };
+                })[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerMinifyBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.BannerMinifyBlock = {
+    'banner-minify-block': {
+        additionalProperties: false,
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { theme: {
+                type: 'string',
+                enum: ['light', 'dark'],
+            }, title: {
+                type: 'string',
+            }, text: {
+                type: 'string',
+            }, buttons: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['text', 'url'],
+                    properties: {
+                        text: {
+                            type: 'string',
+                        },
+                        url: {
+                            type: 'string',
+                        },
+                        theme: {
+                            type: 'string',
+                            enum: ['normal', 'outline'],
+                        },
+                    },
+                },
+            } }),
+    },
+};

package/build/cjs/blocks/Benchmark/Benchmark.css

@@ -7,6 +7,10 @@ unpredictable css rules order in build */
 }
 .pc-benchmark-block__title {
   margin-bottom: 32px;
+  text-align: center;
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
 }
 .pc-benchmark-block__content {
   flex: 1;

package/build/cjs/blocks/Benchmark/Benchmark.js

@@ -12,7 +12,7 @@ const Benchmark = ({ title, data, duration, animated }) => {
     const [playNumbers, setPlayNumbers] = (0, react_1.useState)(false);
     const handleOnAnimateStart = (0, react_1.useCallback)(() => setPlayNumbers(true), []);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated, onAnimateStart: handleOnAnimateStart },
-        title && react_1.default.createElement(components_1.Title, { title: title, className: b('title') }),
+        title && react_1.default.createElement("div", { className: b('title') }, title),
         react_1.default.createElement(grid_1.Grid, { className: b('content') },
             react_1.default.createElement(grid_1.Row, null, data.map((column, columnIndex) => (react_1.default.createElement(grid_1.Col, { key: columnIndex, sizes: column.sizes || defaultSizes, className: b('wrap') },
                 column.title && (react_1.default.createElement(uikit_1.Text, { variant: "header-2", className: b('wrap-title') }, column.title)),

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

@@ -4,151 +4,7 @@ export declare const BenchmarkBlock: {
         required: string[];
         properties: {
             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[];
-                        };
-                        url: {
-                            type: string;
-                        };
-                        urlTitle: {
-                            type: string;
-                        };
-                        resetMargin: {
-                            type: string;
-                        };
-                    };
-                })[];
+                type: string;
             };
             duration: {
                 type: string;
@@ -291,6 +147,9 @@ export declare const BenchmarkBlock: {
                     };
                 })[];
             };
+            blockUnicorn: {
+                type: string;
+            };
             blockBackground: {
                 oneOf: ({
                     type: string;

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

@@ -6,7 +6,9 @@ exports.BenchmarkBlock = {
     'benchmark-block': {
         additionalProperties: false,
         required: ['data'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: common_1.BlockHeaderProps.title, duration: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
+                type: 'string',
+            }, duration: {
                 type: 'number',
             }, data: {
                 type: 'array',

package/build/cjs/blocks/Benefits/Benefits.css

@@ -0,0 +1,76 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benefits-block {
+  position: relative;
+  z-index: 0;
+  --local-base-color: #001a2b;
+  --local-bg-color: #ffffff;
+}
+.pc-benefits-block_theme_dark {
+  --local-base-color: #ffffff;
+  --local-bg-color: #001a2b;
+}
+.pc-benefits-block__background {
+  position: absolute;
+  top: 0;
+  left: -27px;
+  right: -27px;
+  bottom: 0;
+  z-index: -1;
+  border-radius: 24px;
+}
+.pc-benefits-block__header {
+  padding-top: 48px;
+  margin-bottom: 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.pc-benefits-block__title {
+  color: var(--local-base-color);
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  text-align: center;
+}
+.pc-benefits-block__title > span {
+  color: var(--local-accent-color);
+}
+.pc-benefits-block__text {
+  color: var(--local-base-color);
+  font-size: 24px;
+  line-height: 28px;
+  text-align: center;
+  opacity: 0.6;
+}
+.pc-benefits-block__text p {
+  margin: 0;
+}
+.pc-benefits-block__cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding-bottom: 64px;
+}
+.pc-benefits-block__labels {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.pc-benefits-block__images {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  grid-auto-rows: 300px;
+  gap: 12px;
+  padding-top: 12px;
+  padding-bottom: 27px;
+}
+.pc-benefits-block__image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 24px;
+}

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

@@ -0,0 +1,3 @@
+import { BenefitsBlockProps } from '../../models';
+export declare const BenefitsBlock: (props: BenefitsBlockProps) => JSX.Element;
+export default BenefitsBlock;

package/build/cjs/blocks/Benefits/Benefits.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BenefitsBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const BenefitsCard_1 = tslib_1.__importDefault(require("./BenefitsCard/BenefitsCard"));
+const BenefitsLabel_1 = tslib_1.__importDefault(require("./BenefitsLabel/BenefitsLabel"));
+const b = (0, utils_1.block)('benefits-block');
+const BenefitsBlock = (props) => {
+    const { titleOne, postTitleOne, textOne, titleTwo, postTitleTwo, textTwo, background, cards, items, theme, accentColor, } = props;
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const data = items === null || items === void 0 ? void 0 : items[activeIndex];
+    const handleClick = (0, react_1.useCallback)((index) => setActiveIndex(index), []);
+    const styles = (0, react_1.useMemo)(() => accentColor
+        ? {
+            ['--local-accent-color']: accentColor,
+        }
+        : {}, [accentColor]);
+    return (react_1.default.createElement("div", { className: b({ theme }), style: styles },
+        react_1.default.createElement("div", { className: b('background'), style: { background } }),
+        (titleOne || postTitleOne || textOne) && (react_1.default.createElement("div", { className: b('header') },
+            (titleOne || postTitleOne) && (react_1.default.createElement("div", { className: b('title') },
+                titleOne,
+                react_1.default.createElement("span", null, postTitleOne))),
+            textOne && react_1.default.createElement(components_1.HTML, { className: b('text') }, textOne))),
+        Boolean(cards === null || cards === void 0 ? void 0 : cards.length) && (react_1.default.createElement("div", { className: b('cards') }, cards === null || cards === void 0 ? void 0 : cards.map((card, index) => (react_1.default.createElement(BenefitsCard_1.default, Object.assign({ key: index }, card)))))),
+        (titleTwo || postTitleTwo || textTwo) && (react_1.default.createElement("div", { className: b('header') },
+            (titleTwo || postTitleTwo) && (react_1.default.createElement("div", { className: b('title') },
+                titleTwo,
+                react_1.default.createElement("span", null, postTitleTwo))),
+            textTwo && react_1.default.createElement(components_1.HTML, { className: b('text') }, textTwo))),
+        Boolean(items === null || items === void 0 ? void 0 : items.length) && (react_1.default.createElement("div", { className: b('labels') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(BenefitsLabel_1.default, Object.assign({ key: index }, item, { active: index === activeIndex, index: index, onClick: handleClick })))))),
+        data && (react_1.default.createElement("div", { className: b('images') }, data.images.map((image, index) => (react_1.default.createElement("div", { key: index, style: {
+                gridColumn: `span ${data.columns[index]}`,
+                gridRow: `span ${data.rows[index]}`,
+            } },
+            react_1.default.createElement(components_1.ImageBase, { className: b('image'), src: image }))))))));
+};
+exports.BenefitsBlock = BenefitsBlock;
+exports.default = exports.BenefitsBlock;

package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.css

@@ -0,0 +1,32 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benefits-card {
+  background-color: rgba(31, 47, 61, 0.3);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 32px;
+  min-height: 360px;
+  min-width: 270px;
+  border-radius: 24px;
+  flex: 1;
+}
+.pc-benefits-card__icon {
+  display: block;
+  width: 64px;
+  height: 64px;
+  object-fit: contain;
+  margin-bottom: 24px;
+}
+.pc-benefits-card__title {
+  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
+  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
+  color: var(--local-accent-color);
+  letter-spacing: 0.01em;
+}
+.pc-benefits-card__text {
+  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));
+  color: var(--local-base-color);
+  opacity: 0.8;
+}

package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.d.ts

@@ -0,0 +1,3 @@
+import { BenefitsBlockCard } from '../../../models';
+export declare const BenefitsCard: (props: BenefitsBlockCard) => JSX.Element;
+export default BenefitsCard;