@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,168 @@
+export declare const SecurityBlock: {
+    'security-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            backgroundColor: {
+                type: string;
+            };
+            title: {
+                type: 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;
+                                    };
+                                };
+                            };
+                            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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecurityBlock = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const utils_1 = require("../../schema/validators/utils");
+const common_1 = require("../../schema/validators/common");
+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',
+            }, media: schema_1.Media, points: (0, utils_1.filteredArray)({
+                type: 'object',
+                properties: {
+                    img: {
+                        type: 'string',
+                    },
+                    text: {
+                        type: 'string',
+                    },
+                    link: lodash_1.default.pick(common_1.LinkProps, ['text', 'url']),
+                },
+            }) }),
+    },
+};

package/build/cjs/blocks/Simple/Simple.css

@@ -0,0 +1,22 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-simple-block.pc-AnimateBlock .pc-simple-block__animate-block, .pc-AnimateBlock .pc-simple-block .pc-simple-block__animate-block {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-simple-block.pc-AnimateBlock.animate .pc-simple-block__animate-block, .pc-AnimateBlock .pc-simple-block.animate .pc-simple-block__animate-block {
+    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;
+  }
+}
+.pc-simple-block__animate-block {
+  margin-top: 20px;
+}
+.pc-simple-block__description {
+  margin-top: 16px;
+  font-size: var(--yc-text-body-2-font-size);
+}

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

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

package/build/cjs/blocks/Simple/Simple.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const utils_1 = require("../../utils");
+const AnimateBlock_1 = (0, tslib_1.__importDefault)(require("../../components/AnimateBlock/AnimateBlock"));
+const BlockHeader_1 = (0, tslib_1.__importDefault)(require("../../components/BlockHeader/BlockHeader"));
+const YFMWrapper_1 = (0, tslib_1.__importDefault)(require("../../components/YFMWrapper/YFMWrapper"));
+const b = (0, utils_1.block)('simple-block');
+const SimpleBlock = (props) => {
+    const { title, description, animated = true, children } = props;
+    const blockHeader = title && react_1.default.createElement(BlockHeader_1.default, { title: title });
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
+        react_1.default.createElement("div", null,
+            blockHeader,
+            react_1.default.createElement("div", { className: b('description') },
+                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } })),
+            react_1.default.createElement("div", { className: b('animate-block') }, children))));
+};
+exports.SimpleBlock = SimpleBlock;
+exports.default = exports.SimpleBlock;

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

@@ -0,0 +1,62 @@
+export declare const SimpleBlock: {
+    'simple-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
+            animated: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            type: {};
+            when: {};
+            title: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                    };
+                    textSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    url: {
+                        type: string;
+                    };
+                    resetMargin: {
+                        type: string;
+                    };
+                };
+            };
+            description: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.SimpleBlock = {
+    'simple-block': {
+        additionalProperties: false,
+        required: ['title', 'description'],
+        properties: Object.assign(Object.assign(Object.assign({ title: common_1.TitleProps, description: {
+                type: 'string',
+            } }, common_1.BlockBaseProps), common_1.AnimatableProps), { children: common_1.ChildrenProps }),
+    },
+};

package/build/cjs/blocks/Slider/Arrow/Arrow.css

@@ -0,0 +1,58 @@
+.pc-slider-block-arrow__button {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+.pc-slider-block-arrow__button:hover {
+  box-shadow: 0px 4px 24px var(--yc-color-sfx-shadow), 0px 2px 8px var(--yc-color-sfx-shadow);
+  cursor: pointer;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-slider-block-arrow__icon-wrapper, .pc-slider-block-arrow__button, .pc-slider-block-arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pc-slider-block-arrow {
+  width: 42px;
+  height: 42px;
+  cursor: pointer;
+}
+@media (max-width: 576px) {
+  .pc-slider-block-arrow {
+    display: none;
+  }
+}
+.pc-slider-block-arrow_type_left {
+  margin-right: 16px;
+}
+.pc-slider-block-arrow_type_left .pc-slider-block-arrow__icon-wrapper {
+  transform: rotate(180deg);
+}
+.pc-slider-block-arrow__button {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  width: 42px;
+  height: 42px;
+  color: var(--yc-color-text-secondary);
+  border-radius: 100%;
+  background-color: var(--yc-color-base-background);
+  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+}
+.pc-slider-block-arrow:hover .pc-slider-block-arrow__button {
+  color: var(--yc-color-text-primary);
+  box-shadow: 0 2px 12px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+}
+.pc-slider-block-arrow__icon {
+  position: relative;
+}

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

@@ -0,0 +1,9 @@
+import { ClassNameProps } from '../../../models';
+export declare type ArrowType = 'left' | 'right';
+export interface ArrowProps {
+    type: ArrowType;
+    handleClick?: (direction: ArrowType) => void;
+    size?: number;
+}
+declare const Arrow: ({ type, handleClick, className, size }: ArrowProps & ClassNameProps) => JSX.Element;
+export default Arrow;

package/build/cjs/blocks/Slider/Arrow/Arrow.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const utils_1 = require("../../../utils");
+const ToggleArrow_1 = (0, tslib_1.__importDefault)(require("../../../components/ToggleArrow/ToggleArrow"));
+const b = (0, utils_1.block)('slider-block-arrow');
+const Arrow = ({ type, handleClick, className, size = 16 }) => (react_1.default.createElement("div", { className: b({ type }, className), onClick: () => handleClick && handleClick(type) },
+    react_1.default.createElement("button", { className: b('button') },
+        react_1.default.createElement("div", { className: b('icon-wrapper') },
+            react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
+exports.default = Arrow;