@doyourjob/gravity-ui-page-constructor 5.31.136 → 5.31.138-dev.0

package/build/cjs/blocks/Advantages/Advantages.css

@@ -0,0 +1,132 @@
+.pc-advantages-block__item-desc, .pc-advantages-block__item-title, .pc-advantages-block__link, .pc-advantages-block__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-advantages-block.pc-AnimateBlock, .pc-AnimateBlock .pc-advantages-block {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-advantages-block.pc-AnimateBlock.animate, .pc-AnimateBlock .pc-advantages-block.animate {
+    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-advantages-block__header {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.pc-advantages-block__header.pc-advantages-block__header {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+
+.pc-advantages-block__title {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  color: var(--pc-color-ab-base);
+}
+.pc-advantages-block__title p {
+  margin: 0;
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__title {
+    font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
+    line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
+  }
+}
+.pc-advantages-block__link {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  transition: color 0.3s ease;
+  color: var(--pc-color-ab-second);
+  margin-bottom: 32px;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__link:hover {
+    color: var(--pc-color-ab-base);
+  }
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__link {
+    font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
+    line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
+  }
+}
+.pc-advantages-block__wrap-logo {
+  margin-top: auto;
+}
+.pc-advantages-block__logo {
+  display: block;
+  object-fit: contain;
+  height: 76px;
+}
+.pc-advantages-block__item {
+  display: flex;
+  margin-left: 0;
+  margin-bottom: 16px;
+  border-left: none;
+  border-right: none;
+  border-top: 1px var(--pc-color-ab-border) solid;
+  transition: opacity 0.3s ease;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__item:hover {
+    opacity: 0.5;
+  }
+}
+.pc-advantages-block__item-wrap {
+  padding: 32px 0;
+}
+.pc-advantages-block__item-image {
+  width: 230px;
+  height: 230px;
+  display: block;
+  margin-left: 32px;
+}
+.pc-advantages-block__item-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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-second);
+  margin-bottom: 8px;
+}
+.pc-advantages-block__item-desc {
+  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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-base);
+  opacity: 0.6;
+}
+@media (min-width: 1185px) {
+  .pc-advantages-block__item {
+    border-left: 1px var(--pc-color-ab-border) solid;
+    border-right: 1px var(--pc-color-ab-border) solid;
+    margin-left: 8px;
+    margin-bottom: 0;
+  }
+  .pc-advantages-block__item + .pc-advantages-block__item {
+    border-top: 1px var(--pc-color-ab-border) solid;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 32px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-advantages-block__item {
+    flex-direction: column;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 16px 0;
+  }
+}

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

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

package/build/cjs/blocks/Advantages/Advantages.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvantagesBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('advantages-block');
+const colSizesHeader = { all: 12, xl: 6 };
+const colSizesBody = { all: 12, xl: 6 };
+const AdvantagesBlock = (props) => {
+    const { animated, title, link, logo, items } = props;
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, null,
+                react_1.default.createElement(grid_1.Col, { sizes: colSizesHeader, className: b('header') },
+                    title && (react_1.default.createElement("h2", { className: b('title') },
+                        react_1.default.createElement(components_1.HTML, null, title))),
+                    link && (react_1.default.createElement(uikit_1.Link, { className: b('link'), href: link.url }, link.text)),
+                    logo && (react_1.default.createElement("div", { className: b('wrap-logo') },
+                        react_1.default.createElement(components_1.Image, { className: b('logo'), src: logo, alt: "", "aria-hidden": "true" })))),
+                react_1.default.createElement(grid_1.Col, { sizes: colSizesBody },
+                    react_1.default.createElement(grid_1.Grid, null, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(components_1.RouterLink, { href: item.url, key: index },
+                        react_1.default.createElement(uikit_1.Link, { href: item.url, className: b('item') },
+                            react_1.default.createElement("div", { className: b('item-wrap') },
+                                react_1.default.createElement("h3", { className: b('item-title') }, item.title),
+                                react_1.default.createElement("div", { className: b('item-desc') }, item.description)),
+                            item.image && (react_1.default.createElement(components_1.Image, { className: b('item-image'), src: item.image, alt: "", "aria-hidden": "true" }))))))))))));
+};
+exports.AdvantagesBlock = AdvantagesBlock;
+exports.default = exports.AdvantagesBlock;

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

@@ -0,0 +1,56 @@
+export declare const AdvantagesBlock: {
+    'advantages-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                type: string;
+            };
+            link: {
+                type: string;
+                additionalProperties: boolean;
+                required: boolean;
+                properties: {
+                    url: {
+                        type: string;
+                    };
+                    text: {
+                        type: string;
+                    };
+                };
+            };
+            logo: {
+                type: string;
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: boolean;
+                    properties: {
+                        url: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvantagesBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.AdvantagesBlock = {
+    'advantages-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+                type: 'string',
+            }, link: {
+                type: 'object',
+                additionalProperties: false,
+                required: true,
+                properties: {
+                    url: { type: 'string' },
+                    text: { type: 'string' },
+                },
+            }, logo: {
+                type: 'string',
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: true,
+                    properties: {
+                        url: { type: 'string' },
+                        image: { type: 'string' },
+                        title: { type: 'string' },
+                        description: { type: 'string' },
+                    },
+                },
+            } }),
+    },
+};

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

@@ -0,0 +1,75 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benchmark-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.pc-benchmark-block__title {
+  margin-bottom: 32px;
+}
+.pc-benchmark-block__content {
+  flex: 1;
+  border: 1px #001a2b solid;
+  border-radius: 24px;
+  overflow: hidden;
+}
+.pc-benchmark-block__wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 0.5px #001a2b solid;
+  margin-top: -0.5px;
+  margin-bottom: -0.5px;
+}
+.pc-benchmark-block__wrap.pc-benchmark-block__wrap {
+  padding-top: 32px;
+  padding-bottom: 24px;
+}
+
+.pc-benchmark-block__wrap-inner {
+  width: 100%;
+  display: flex;
+}
+@media (max-width: 1081px) {
+  .pc-benchmark-block__wrap-inner {
+    flex-direction: column;
+  }
+}
+.pc-benchmark-block__wrap-title {
+  text-align: center;
+  margin-bottom: 48px;
+}
+@media (max-width: 1081px) {
+  .pc-benchmark-block__wrap-title {
+    margin-bottom: 24px;
+  }
+}
+.pc-benchmark-block__item {
+  flex: 1;
+  text-align: center;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+@media (max-width: 1081px) {
+  .pc-benchmark-block__item + .pc-benchmark-block__item {
+    margin-top: 32px;
+  }
+}
+.pc-benchmark-block__value {
+  font-size: 64px;
+  line-height: 52px;
+  font-weight: 600;
+  letter-spacing: -0.002em;
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+@media (max-width: 769px) {
+  .pc-benchmark-block__value {
+    font-size: 32px;
+    line-height: 26px;
+  }
+}
+.pc-benchmark-block__label {
+  font-weight: 700;
+}

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('benchmark-block');
+const defaultSizes = { all: 12 };
+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') }),
+        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)),
+                react_1.default.createElement("div", { className: b('wrap-inner') }, column.items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item') },
+                    item.top && (react_1.default.createElement(uikit_1.Text, { variant: "body-1", className: b('label') }, item.top)),
+                    react_1.default.createElement("div", { className: b('value') },
+                        react_1.default.createElement(components_1.Odometer, { value: item.value, initValue: item.init, duration: duration, animated: playNumbers }),
+                        item.postfix),
+                    item.bottom && (react_1.default.createElement(uikit_1.Text, { variant: "body-1", className: b('label') }, item.bottom)))))))))))));
+};
+exports.default = Benchmark;