@gravity-ui/page-constructor 1.0.0

package/build/cjs/sub-blocks/CardWithImage/schema.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardWithImage = exports.CardWithImageItem = void 0;
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const CardWithImageLinks = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['title', 'link'],
+    properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+            type: 'string',
+        }, link: {
+            type: 'string',
+        }, arrow: {
+            type: 'boolean',
+        }, theme: {
+            type: 'string',
+            enum: ['back', 'file-link', 'normal'],
+        }, textSize: {
+            type: 'string',
+            enum: common_1.textSize,
+        } }),
+};
+exports.CardWithImageItem = {
+    additionalProperties: false,
+    required: ['image'],
+    properties: Object.assign(Object.assign({}, common_1.BaseProps), { image: {
+            type: 'string',
+        }, title: {
+            oneOf: [{ type: 'string' }, common_1.TitleProps],
+        }, description: {
+            type: 'string',
+        }, additionalInfo: {
+            type: 'string',
+        }, disableCompress: {
+            type: 'boolean',
+        }, border: {
+            type: 'boolean',
+        }, fullScreen: {
+            type: 'boolean',
+        }, links: (0, utils_1.filteredArray)(CardWithImageLinks), buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock) }),
+};
+exports.CardWithImage = {
+    'card-with-image': exports.CardWithImageItem,
+};

package/build/cjs/sub-blocks/Content/Content.css

@@ -0,0 +1,133 @@
+.pc-content_size_l .pc-content__text .yfm,
+.pc-content_size_l .pc-content__notice .yfm,
+.pc-content_size_l .pc-content__notice .yfm > * {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-content__notice.pc-content__notice .yfm,
+.pc-content__notice.pc-content__notice .yfm > * {
+  color: var(--yc-color-text-secondary);
+}
+.pc-content__notice.pc-content__notice .yfm a {
+  color: var(--yc-color-text-secondary);
+  text-decoration: underline;
+}
+.pc-content__notice.pc-content__notice .yfm a:hover {
+  color: var(--yc-color-text-primary);
+}
+.pc-content__notice.pc-content__notice ol,
+.pc-content__notice.pc-content__notice ul {
+  padding-left: 25px;
+}
+
+.pc-content__button {
+  margin-top: 0;
+  margin-right: 12px;
+}
+.pc-content__link {
+  display: inline-block;
+  margin-right: 32px;
+}
+.pc-content_centered {
+  margin: 0 auto;
+  text-align: center;
+}
+.pc-content_centered .pc-content__link a {
+  justify-content: center;
+}
+.pc-content_size_s .pc-content__text,
+.pc-content_size_s .pc-content__notice {
+  margin-top: 8px;
+}
+.pc-content_size_s .pc-content__text_without-title {
+  margin-top: 0;
+}
+.pc-content_size_s .pc-content__links,
+.pc-content_size_s .pc-content__link,
+.pc-content_size_s .pc-content__buttons,
+.pc-content_size_s .pc-content__button {
+  margin-top: 8px;
+}
+.pc-content_size_l .pc-content__text,
+.pc-content_size_l .pc-content__notice {
+  margin-top: 12px;
+}
+.pc-content_size_l .pc-content__text_without-title {
+  margin-top: 0;
+}
+.pc-content_size_l .pc-content__text .yfm,
+.pc-content_size_l .pc-content__notice .yfm,
+.pc-content_size_l .pc-content__notice .yfm > * {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+}
+.pc-content_size_l .pc-content__links,
+.pc-content_size_l .pc-content__link,
+.pc-content_size_l .pc-content__buttons,
+.pc-content_size_l .pc-content__button {
+  margin-top: 12px;
+}
+.pc-content_theme_dark .pc-content__title,
+.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark .pc-content__text .yfm > *,
+.pc-content_theme_dark .pc-content__link a {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark .pc-content__notice .yfm > * {
+  color: var(--yc-color-text-light-secondary);
+}
+.pc-content_theme_dark .pc-content__notice .yfm a {
+  color: var(--yc-color-text-light-secondary);
+  text-decoration: underline;
+}
+.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-content_theme_dark .pc-content__text .yfm a {
+  color: var(--yc-color-text-light-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_dark .pc-content__text .yfm a:hover {
+  color: var(--yc-color-text-light-secondary);
+}
+.pc-content_theme_dark .pc-content__title a {
+  color: var(--yc-color-text-light-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_dark .pc-content__title a:hover {
+  color: var(--yc-color-text-light-secondary);
+}
+.pc-content_theme_light .pc-content__title,
+.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light .pc-content__text .yfm > *,
+.pc-content_theme_light .pc-content__link a {
+  color: var(--yc-color-text-dark-primary);
+}
+.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light .pc-content__notice .yfm > * {
+  color: var(--yc-color-text-dark-secondary);
+}
+.pc-content_theme_light .pc-content__notice .yfm a {
+  color: var(--yc-color-text-dark-secondary);
+  text-decoration: underline;
+}
+.pc-content_theme_light .pc-content__notice .yfm a:hover {
+  color: var(--yc-color-text-dark-primary);
+}
+.pc-content_theme_light .pc-content__text .yfm a {
+  color: var(--yc-color-text-dark-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_light .pc-content__text .yfm a:hover {
+  color: var(--yc-color-text-dark-secondary);
+}
+.pc-content_theme_light .pc-content__title a {
+  color: var(--yc-color-text-dark-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_light .pc-content__title a:hover {
+  color: var(--yc-color-text-dark-secondary);
+}

package/build/cjs/sub-blocks/Content/Content.d.ts

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

package/build/cjs/sub-blocks/Content/Content.js

@@ -0,0 +1,52 @@
+"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 components_1 = require("../../components");
+const Link_1 = (0, tslib_1.__importDefault)(require("../../components/Link/Link"));
+const grid_1 = require("../../grid");
+const b = (0, utils_1.block)('content');
+function getTextSize(size) {
+    switch (size) {
+        case 's':
+            return 's';
+        case 'l':
+        default:
+            return 'm';
+    }
+}
+function getLinkSize(size) {
+    switch (size) {
+        case 's':
+            return 'm';
+        case 'l':
+        default:
+            return 'l';
+    }
+}
+function getButtonSize(size) {
+    switch (size) {
+        case 's':
+            return 'm';
+        case 'l':
+        default:
+            return 'xl';
+    }
+}
+const Content = (props) => {
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
+    const titleProps = (0, tslib_1.__rest)(!title || typeof title === 'string'
+        ? { text: title, textSize: getTextSize(size) }
+        : title, []);
+    const hasTitle = Boolean(title);
+    return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
+        title && react_1.default.createElement(components_1.Title, Object.assign({ className: b('title') }, titleProps, { resetMargin: true })),
+        text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
+            react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true } }))),
+        additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
+            react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: { constructor: true, 'constructor-notice': true } }))),
+        links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url })))))),
+        buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size) }))))))));
+};
+exports.default = Content;

package/build/cjs/sub-blocks/Content/schema.d.ts

@@ -0,0 +1,133 @@
+export declare const ContentBase: {
+    title: {
+        oneOf: ({
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                url: {
+                    type: string;
+                };
+                resetMargin: {
+                    type: string;
+                };
+            };
+        } | {
+            type: string;
+        })[];
+    };
+    text: {
+        type: string;
+    };
+    additionalInfo: {
+        type: string;
+    };
+    size: {
+        type: string;
+        enum: string[];
+    };
+    links: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
+    buttons: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
+    theme: {
+        type: string;
+        enum: string[];
+    };
+};
+export declare const ContentBlock: {
+    content: {
+        additionalProperties: boolean;
+        properties: {
+            colSizes: {};
+            centered: {
+                type: string;
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+            text: {
+                type: string;
+            };
+            additionalInfo: {
+                type: string;
+            };
+            size: {
+                type: string;
+                enum: string[];
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+        };
+    };
+};

package/build/cjs/sub-blocks/Content/schema.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBlock = exports.ContentBase = void 0;
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+exports.ContentBase = {
+    title: {
+        oneOf: [{ type: 'string' }, common_1.TitleProps],
+    },
+    text: {
+        type: 'string',
+    },
+    additionalInfo: {
+        type: 'string',
+    },
+    size: {
+        type: 'string',
+        enum: common_1.contentSizes,
+    },
+    links: (0, utils_1.filteredArray)(common_1.LinkProps),
+    buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock),
+    theme: {
+        type: 'string',
+        enum: common_1.contentThemes,
+    },
+};
+exports.ContentBlock = {
+    content: {
+        additionalProperties: false,
+        properties: Object.assign(Object.assign({}, exports.ContentBase), { colSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), centered: {
+                type: 'boolean',
+            } }),
+    },
+};

package/build/cjs/sub-blocks/Divider/Divider.css

@@ -0,0 +1,27 @@
+.pc-divider-block_size_xxs {
+  padding-top: 12px;
+}
+.pc-divider-block_size_xs {
+  padding-top: 16px;
+}
+.pc-divider-block_size_s {
+  padding-top: 32px;
+}
+.pc-divider-block_size_m {
+  padding-top: 32px;
+}
+.pc-divider-block_size_l {
+  padding-top: 48px;
+}
+.pc-divider-block_size_xl {
+  padding-top: 64px;
+}
+.pc-divider-block_size_xxl {
+  padding-top: 96px;
+}
+.pc-divider-block_size_xxxl {
+  padding-top: 128px;
+}
+.pc-divider-block_border {
+  border-top: 1px solid var(--yc-color-line-generic);
+}

package/build/cjs/sub-blocks/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps } from '../../models';
+declare const Divider: ({ size, border }: DividerProps) => JSX.Element;
+export default Divider;

package/build/cjs/sub-blocks/Divider/Divider.js

@@ -0,0 +1,8 @@
+"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 b = (0, utils_1.block)('divider-block');
+const Divider = ({ size = 'm', border }) => react_1.default.createElement("div", { className: b({ size, border }) });
+exports.default = Divider;

package/build/cjs/sub-blocks/Divider/schema.d.ts

@@ -0,0 +1,15 @@
+export declare const Divider: {
+    divider: {
+        additionalProperties: boolean;
+        properties: {
+            border: {
+                type: string;
+            };
+            size: {
+                enum: (string | number)[];
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

package/build/cjs/sub-blocks/Divider/schema.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.Divider = {
+    divider: {
+        additionalProperties: false,
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { border: {
+                type: 'boolean',
+            }, size: common_1.dividerEnum }),
+    },
+};