@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,595 @@
+export declare const BannerCardProps: {
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        title: {
+            type: string;
+        };
+        subtitle: {
+            type: string;
+        };
+        image: {
+            oneOf: ({
+                type: string;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+            })[];
+        };
+        disableCompress: {
+            type: string;
+        };
+        color: {
+            oneOf: ({
+                type: string;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+            })[];
+        };
+        theme: {
+            type: string;
+            enum: string[];
+        };
+        width: {
+            type: string;
+            enum: string[];
+        };
+        button: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                text: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+                primary: {
+                    type: string;
+                };
+                size: {
+                    type: string;
+                    enum: string[];
+                };
+                theme: {
+                    type: string;
+                    enum: string[];
+                };
+                img: {
+                    anyOf: ({
+                        type: string;
+                        additionalProperties?: undefined;
+                        required?: undefined;
+                        properties?: undefined;
+                    } | {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            data: {
+                                type: string;
+                            };
+                            position: {
+                                type: string;
+                                enum: string[];
+                            };
+                            alt: {
+                                type: string;
+                            };
+                        };
+                    })[];
+                };
+                metrikaGoals: {
+                    anyOf: ({
+                        type: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties?: undefined;
+                            required?: undefined;
+                            properties?: undefined;
+                        };
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                isCrossSite: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    })[];
+                };
+                pixelEvents: {
+                    type: string;
+                    items: {
+                        type: string;
+                        required: string[];
+                        additionalProperties: boolean;
+                        properties: {
+                            name: {
+                                type: string;
+                                enum: import("../..").PixelEventType[];
+                            };
+                            data: {};
+                        };
+                        select: {
+                            $data: string;
+                        };
+                        selectCases: {
+                            SubmitApplication: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                };
+                            };
+                            Contact: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                };
+                            };
+                            Lead: {
+                                additionalProperties: boolean;
+                                properties: {
+                                    name: {};
+                                    data: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        properties: {
+                                            content_category: {
+                                                type: string;
+                                            };
+                                            content_name: {
+                                                type: string;
+                                            };
+                                            currency: {
+                                                type: string;
+                                            };
+                                            value: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+                target: {
+                    type: string;
+                    enum: string[];
+                };
+            };
+            if: {
+                properties: {
+                    theme: {
+                        enum: string[];
+                    };
+                };
+            };
+            then: {
+                required: string[];
+            };
+            else: {
+                required: string[];
+            };
+        };
+        animated: {
+            type: string;
+        };
+        type: {};
+        when: {};
+    };
+};
+export declare const BannerBlock: {
+    'banner-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                type: string;
+            };
+            subtitle: {
+                type: string;
+            };
+            image: {
+                oneOf: ({
+                    type: string;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                })[];
+            };
+            disableCompress: {
+                type: string;
+            };
+            color: {
+                oneOf: ({
+                    type: string;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                })[];
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            width: {
+                type: string;
+                enum: string[];
+            };
+            button: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    text: {
+                        type: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    primary: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    theme: {
+                        type: string;
+                        enum: string[];
+                    };
+                    img: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties?: undefined;
+                            required?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                data: {
+                                    type: string;
+                                };
+                                position: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                alt: {
+                                    type: string;
+                                };
+                            };
+                        })[];
+                    };
+                    metrikaGoals: {
+                        anyOf: ({
+                            type: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties?: undefined;
+                                required?: undefined;
+                                properties?: undefined;
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    isCrossSite: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
+                    pixelEvents: {
+                        type: string;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {
+                                    type: string;
+                                    enum: import("../..").PixelEventType[];
+                                };
+                                data: {};
+                            };
+                            select: {
+                                $data: string;
+                            };
+                            selectCases: {
+                                SubmitApplication: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Contact: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Lead: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                        data: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                content_category: {
+                                                    type: string;
+                                                };
+                                                content_name: {
+                                                    type: string;
+                                                };
+                                                currency: {
+                                                    type: string;
+                                                };
+                                                value: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    target: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+                if: {
+                    properties: {
+                        theme: {
+                            enum: string[];
+                        };
+                    };
+                };
+                then: {
+                    required: string[];
+                };
+                else: {
+                    required: string[];
+                };
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {};
+        };
+    };
+};
+export declare const BannerCard: {
+    'banner-card': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                type: string;
+            };
+            subtitle: {
+                type: string;
+            };
+            image: {
+                oneOf: ({
+                    type: string;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                })[];
+            };
+            disableCompress: {
+                type: string;
+            };
+            color: {
+                oneOf: ({
+                    type: string;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                })[];
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            width: {
+                type: string;
+                enum: string[];
+            };
+            button: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    text: {
+                        type: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    primary: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    theme: {
+                        type: string;
+                        enum: string[];
+                    };
+                    img: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties?: undefined;
+                            required?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                data: {
+                                    type: string;
+                                };
+                                position: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                alt: {
+                                    type: string;
+                                };
+                            };
+                        })[];
+                    };
+                    metrikaGoals: {
+                        anyOf: ({
+                            type: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties?: undefined;
+                                required?: undefined;
+                                properties?: undefined;
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    isCrossSite: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
+                    pixelEvents: {
+                        type: string;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {
+                                    type: string;
+                                    enum: import("../..").PixelEventType[];
+                                };
+                                data: {};
+                            };
+                            select: {
+                                $data: string;
+                            };
+                            selectCases: {
+                                SubmitApplication: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Contact: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Lead: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                        data: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                content_category: {
+                                                    type: string;
+                                                };
+                                                content_name: {
+                                                    type: string;
+                                                };
+                                                currency: {
+                                                    type: string;
+                                                };
+                                                value: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    target: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+                if: {
+                    properties: {
+                        theme: {
+                            enum: string[];
+                        };
+                    };
+                };
+                then: {
+                    required: string[];
+                };
+                else: {
+                    required: string[];
+                };
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerCard = exports.BannerBlock = exports.BannerCardProps = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.BannerCardProps = {
+    additionalProperties: false,
+    required: ['title', 'button'],
+    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+            type: 'string',
+        }, subtitle: {
+            type: 'string',
+        }, image: (0, common_1.withTheme)({
+            type: 'string',
+        }), disableCompress: {
+            type: 'boolean',
+        }, color: (0, common_1.withTheme)({
+            type: 'string',
+        }), theme: common_1.ThemeProps, width: {
+            type: 'string',
+            enum: ['s', 'm', 'l'],
+        }, button: common_1.ButtonBlock }),
+};
+exports.BannerBlock = {
+    'banner-block': exports.BannerCardProps,
+};
+exports.BannerCard = {
+    'banner-card': exports.BannerCardProps,
+};

package/build/cjs/blocks/CardLayout/CardLayout.css

@@ -0,0 +1,47 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-card-layout-block__item {
+  margin-top: 24px;
+}
+@media (min-width: 769px) {
+  .pc-card-layout-block.pc-AnimateBlock .pc-card-layout-block__item, .pc-AnimateBlock .pc-card-layout-block .pc-card-layout-block__item {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item, .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item {
+    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-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(0), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(0) {
+    transition-delay: 0s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(1), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(1) {
+    transition-delay: 0.1s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(2), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(2) {
+    transition-delay: 0.2s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(3), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(3) {
+    transition-delay: 0.3s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(4), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(4) {
+    transition-delay: 0.4s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(5), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(5) {
+    transition-delay: 0.5s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(6), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(6) {
+    transition-delay: 0.6s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(7), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(7) {
+    transition-delay: 0.7s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(8), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(8) {
+    transition-delay: 0.8s;
+  }
+  .pc-card-layout-block.pc-AnimateBlock.animate .pc-card-layout-block__item:nth-child(9), .pc-AnimateBlock .pc-card-layout-block.animate .pc-card-layout-block__item:nth-child(9) {
+    transition-delay: 0.9s;
+  }
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CardLayoutBlockProps as CardLayoutBlockParams } from '../../models';
+export interface CardLayoutBlockProps extends Omit<CardLayoutBlockParams, 'children'> {
+    children?: React.ReactNode;
+}
+declare const CardLayout: ({ title, description, animated, colSizes, children, }: CardLayoutBlockProps) => JSX.Element;
+export default CardLayout;

package/build/cjs/blocks/CardLayout/CardLayout.js

@@ -0,0 +1,21 @@
+"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 grid_1 = require("../../grid");
+const components_1 = require("../../components");
+const b = (0, utils_1.block)('card-layout-block');
+const DEFAULT_SIZES = {
+    all: 12,
+    sm: 6,
+    md: 4,
+};
+const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
+    react_1.default.createElement(components_1.BlockHeader, { title: title, description: description }),
+    react_1.default.createElement("div", null,
+        react_1.default.createElement(grid_1.Row, null, children &&
+            react_1.default.Children.map(children, (child, i) => {
+                return (react_1.default.createElement(grid_1.Col, { sizes: colSizes, key: i, className: b('item') }, child));
+            })))));
+exports.default = CardLayout;