@gravity-ui/page-constructor 2.12.0-alpha → 2.13.0-alpha.0

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

@@ -1,170 +0,0 @@
-export declare const SecurityBlock: {
-    'security-block': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            theme: {
-                type: string;
-                enum: string[];
-            };
-            backgroundColor: {
-                type: string;
-            };
-            title: {
-                type: string;
-                contentType: string;
-            };
-            media: {
-                type: string;
-                additionalProperties: boolean;
-                required: never[];
-                properties: {
-                    color: {
-                        type: string;
-                    };
-                    image: {
-                        anyOf: ({
-                            oneOf: ({
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
-                                };
-                            } | {
-                                type: string;
-                                pattern: string;
-                            })[];
-                        } | {
-                            type: string;
-                            items: {
-                                oneOf: ({
-                                    type: string;
-                                    properties: {
-                                        when: {
-                                            type: string;
-                                        };
-                                    };
-                                } | {
-                                    type: string;
-                                    pattern: string;
-                                })[];
-                            };
-                        })[];
-                    };
-                    video: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            src: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                };
-                            };
-                            loop: {
-                                anyOf: ({
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        start: {
-                                            type: string;
-                                        };
-                                        end: {
-                                            type: string;
-                                        };
-                                    };
-                                } | {
-                                    type: string;
-                                })[];
-                            };
-                            type: {
-                                type: string;
-                                enum: string[];
-                            };
-                            muted: {
-                                type: string;
-                            };
-                            playing: {
-                                type: string;
-                            };
-                            elapsedTime: {
-                                type: string;
-                            };
-                            playIcon: {
-                                type: string;
-                                additionalProperties: boolean;
-                                properties: {
-                                    type: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    theme: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    text: {
-                                        type: string;
-                                        contentType: string;
-                                    };
-                                };
-                            };
-                            controls: {
-                                type: string;
-                                enum: string[];
-                            };
-                        };
-                    };
-                    youtube: {
-                        type: string;
-                    };
-                    parallax: {
-                        type: string;
-                    };
-                    height: {
-                        type: string;
-                    };
-                    previewImg: {
-                        type: string;
-                    };
-                    dataLens: {
-                        oneOf: ({
-                            type: string;
-                            additionalProperties: boolean;
-                            required: string[];
-                            properties: {
-                                id: {
-                                    type: string;
-                                };
-                                theme: {
-                                    type: string;
-                                    enum: string[];
-                                };
-                            };
-                        } | {
-                            type: string;
-                        })[];
-                    };
-                };
-            };
-            points: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            animated: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

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

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SecurityBlock = void 0;
-const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const common_1 = require("../../schema/validators/common");
-const utils_1 = require("../../schema/validators/utils");
-const schema_1 = require("../Media/schema");
-exports.SecurityBlock = {
-    'security-block': {
-        additionalProperties: false,
-        required: ['title', 'media'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { theme: common_1.ThemeProps, backgroundColor: {
-                type: 'string',
-            }, title: {
-                type: 'string',
-                contentType: 'text',
-            }, media: schema_1.Media, points: (0, utils_1.filteredArray)({
-                type: 'object',
-                properties: {
-                    img: {
-                        type: 'string',
-                    },
-                    text: {
-                        type: 'string',
-                        contentType: 'text',
-                    },
-                    link: lodash_1.default.pick(common_1.LinkProps, ['text', 'url']),
-                },
-            }) }),
-    },
-};

package/build/esm/blocks/Security/Security.css

@@ -1,142 +0,0 @@
-.pc-SecurityBlock__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-SecurityBlock_theme_dark {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock_theme_dark h1,
-.pc-SecurityBlock_theme_dark h2,
-.pc-SecurityBlock_theme_dark h3,
-.pc-SecurityBlock_theme_dark h4,
-.pc-SecurityBlock_theme_dark h5,
-.pc-SecurityBlock_theme_dark h6,
-.pc-SecurityBlock_theme_dark .yfm {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__background {
-  background-color: var(--yc-color-base-background);
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__content {
-  padding: 0;
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__point-icon,
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__point-text {
-  color: var(--yc-color-text-primary);
-}
-.pc-SecurityBlock__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
-@media (max-width: 576px) {
-  .pc-SecurityBlock__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
-  }
-}
-.pc-SecurityBlock__background {
-  background-color: var(--yc-color-promo-base-asphalt);
-}
-.pc-SecurityBlock__content {
-  padding: 96px 0 128px;
-}
-.pc-SecurityBlock__points {
-  padding-top: 20px;
-}
-.pc-SecurityBlock__point-icon {
-  width: 48px;
-  height: 48px;
-}
-.pc-SecurityBlock__point-text {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock__point-text a {
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-SecurityBlock__point-text a:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-SecurityBlock__point-text a:hover, .pc-SecurityBlock__point-text a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
-}
-.pc-SecurityBlock__point-text, .pc-SecurityBlock__point-link {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 8px;
-}
-.pc-SecurityBlock__media {
-  margin-top: 48px;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-}
-@media (max-width: 577px) {
-  .pc-SecurityBlock__content {
-    padding: 64px 0;
-  }
-  .pc-SecurityBlock__point + .pc-SecurityBlock__point {
-    margin-top: 20px;
-  }
-}
-@media (min-width: 769px) {
-  .pc-SecurityBlock.pc-AnimateBlock .pc-SecurityBlock__point, .pc-AnimateBlock .pc-SecurityBlock .pc-SecurityBlock__point {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point, .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point {
-    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);
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(0), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(0) {
-    transition-delay: 0s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(1), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(1) {
-    transition-delay: 0.1s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(2), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(2) {
-    transition-delay: 0.2s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(3), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(3) {
-    transition-delay: 0.3s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(4), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(4) {
-    transition-delay: 0.4s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(5), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(5) {
-    transition-delay: 0.5s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(6), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(6) {
-    transition-delay: 0.6s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(7), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(7) {
-    transition-delay: 0.7s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(8), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(8) {
-    transition-delay: 0.8s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(9), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(9) {
-    transition-delay: 0.9s;
-  }
-}
-@media (min-width: 769px) {
-  .pc-SecurityBlock.pc-AnimateBlock .pc-SecurityBlock__media, .pc-AnimateBlock .pc-SecurityBlock .pc-SecurityBlock__media {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__media, .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__media {
-    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: 0.5s;
-  }
-}

package/build/esm/blocks/Security/Security.d.ts

@@ -1,4 +0,0 @@
-import { SecurityBlockProps } from '../../models';
-import './Security.css';
-export declare const SecurityBlock: (props: SecurityBlockProps) => JSX.Element;
-export default SecurityBlock;

package/build/esm/blocks/Security/Security.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { AnimateBlock, FullWidthBackground, HTML, ImageBase, Link, Media } from '../../components';
-import { Col, Grid, Row } from '../../grid';
-import { block } from '../../utils';
-import './Security.css';
-const b = block('SecurityBlock');
-export const SecurityBlock = (props) => {
-    const { backgroundColor, theme = 'dark', title, points, media, animated } = props;
-    return (React.createElement(AnimateBlock, { className: b({ theme }), offset: 200, animate: animated },
-        React.createElement("div", { className: b('content') },
-            React.createElement(FullWidthBackground, { className: b('background'), style: { backgroundColor } }),
-            React.createElement(Grid, null,
-                React.createElement(Row, null,
-                    React.createElement(Col, null,
-                        React.createElement("h2", { className: b('title') }, title))),
-                points && (React.createElement(Row, { className: b('points') }, points.map(({ text, link, img }, index) => (React.createElement(Col, { key: index, className: b('point'), sizes: { sm: 4, all: 12 } },
-                    React.createElement(ImageBase, { className: b('point-icon'), src: img }),
-                    React.createElement(HTML, { className: b('point-text'), block: true }, text),
-                    link && (React.createElement(Link, { className: b('point-link'), text: link.text, url: link.url, theme: 'normal', arrow: true }))))))),
-                media && (React.createElement(Row, { className: b('media') },
-                    React.createElement(Col, null,
-                        React.createElement(Media, Object.assign({ className: b('media') }, media)))))))));
-};
-export default SecurityBlock;

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

@@ -1,170 +0,0 @@
-export declare const SecurityBlock: {
-    'security-block': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            theme: {
-                type: string;
-                enum: string[];
-            };
-            backgroundColor: {
-                type: string;
-            };
-            title: {
-                type: string;
-                contentType: string;
-            };
-            media: {
-                type: string;
-                additionalProperties: boolean;
-                required: never[];
-                properties: {
-                    color: {
-                        type: string;
-                    };
-                    image: {
-                        anyOf: ({
-                            oneOf: ({
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
-                                };
-                            } | {
-                                type: string;
-                                pattern: string;
-                            })[];
-                        } | {
-                            type: string;
-                            items: {
-                                oneOf: ({
-                                    type: string;
-                                    properties: {
-                                        when: {
-                                            type: string;
-                                        };
-                                    };
-                                } | {
-                                    type: string;
-                                    pattern: string;
-                                })[];
-                            };
-                        })[];
-                    };
-                    video: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            src: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                };
-                            };
-                            loop: {
-                                anyOf: ({
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        start: {
-                                            type: string;
-                                        };
-                                        end: {
-                                            type: string;
-                                        };
-                                    };
-                                } | {
-                                    type: string;
-                                })[];
-                            };
-                            type: {
-                                type: string;
-                                enum: string[];
-                            };
-                            muted: {
-                                type: string;
-                            };
-                            playing: {
-                                type: string;
-                            };
-                            elapsedTime: {
-                                type: string;
-                            };
-                            playIcon: {
-                                type: string;
-                                additionalProperties: boolean;
-                                properties: {
-                                    type: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    theme: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    text: {
-                                        type: string;
-                                        contentType: string;
-                                    };
-                                };
-                            };
-                            controls: {
-                                type: string;
-                                enum: string[];
-                            };
-                        };
-                    };
-                    youtube: {
-                        type: string;
-                    };
-                    parallax: {
-                        type: string;
-                    };
-                    height: {
-                        type: string;
-                    };
-                    previewImg: {
-                        type: string;
-                    };
-                    dataLens: {
-                        oneOf: ({
-                            type: string;
-                            additionalProperties: boolean;
-                            required: string[];
-                            properties: {
-                                id: {
-                                    type: string;
-                                };
-                                theme: {
-                                    type: string;
-                                    enum: string[];
-                                };
-                            };
-                        } | {
-                            type: string;
-                        })[];
-                    };
-                };
-            };
-            points: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            animated: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

package/build/esm/blocks/Security/schema.js

@@ -1,28 +0,0 @@
-import _ from 'lodash';
-import { AnimatableProps, BaseProps, LinkProps, ThemeProps } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { Media } from '../Media/schema';
-export const SecurityBlock = {
-    'security-block': {
-        additionalProperties: false,
-        required: ['title', 'media'],
-        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { theme: ThemeProps, backgroundColor: {
-                type: 'string',
-            }, title: {
-                type: 'string',
-                contentType: 'text',
-            }, media: Media, points: filteredArray({
-                type: 'object',
-                properties: {
-                    img: {
-                        type: 'string',
-                    },
-                    text: {
-                        type: 'string',
-                        contentType: 'text',
-                    },
-                    link: _.pick(LinkProps, ['text', 'url']),
-                },
-            }) }),
-    },
-};