@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,92 @@
+export declare const PriceDetailedBlock: {
+    'price-detailed': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            description: {
+                additionalProperties: boolean;
+                required: never[];
+                properties: {
+                    titleSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    descriptionSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    titleColor: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+            };
+            details: {
+                additionalProperties: boolean;
+                required: never[];
+                properties: {
+                    titleSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    descriptionSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+            };
+            priceType: {
+                type: string;
+                enum: string[];
+            };
+            numberGroupItems: {
+                type: string;
+                enum: number[];
+            };
+            isCombined: {
+                type: string;
+            };
+            useMixedView: {
+                type: string;
+            };
+            foldable: {
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    title: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    titleColor: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+            };
+            labelsDefaultText: {
+                additionalProperties: boolean;
+                required: never[];
+                properties: {};
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

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

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceDetailedBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const PriceDetailedDetailsType = ['marked-list', 'settings'];
+const PriceDetailedDescriptionColor = ['cornflower', 'black'];
+const PriceLabelColor = ['blue', 'green', 'yellow', 'purple', 'red'];
+const LabelsDefaultTextProp = PriceLabelColor.reduce((result, labelColor) => {
+    return Object.assign(Object.assign({}, result), { [labelColor]: {
+            type: 'string',
+        } });
+}, {});
+const PriceDetailedLabelsDefaultTextProps = {
+    additionalProperties: false,
+    required: [],
+    properties: LabelsDefaultTextProp,
+};
+const PriceDetailedFoldableDetailsProps = {
+    additionalProperties: false,
+    required: ['title'],
+    properties: {
+        title: {
+            type: 'string',
+        },
+        size: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+        titleColor: {
+            type: 'string',
+            enum: PriceDetailedDescriptionColor,
+        },
+    },
+};
+const PriceDetailedDetailsProps = {
+    additionalProperties: false,
+    required: [],
+    properties: {
+        titleSize: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+        descriptionSize: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+    },
+};
+const PriceDetailedDescriptionProps = {
+    additionalProperties: false,
+    required: [],
+    properties: {
+        titleSize: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+        descriptionSize: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+        titleColor: {
+            type: 'string',
+            enum: PriceDetailedDescriptionColor,
+        },
+    },
+};
+const PriceDescriptionLabelProps = {
+    additionalProperties: false,
+    required: ['color'],
+    properties: {
+        color: {
+            type: 'string',
+            enum: PriceLabelColor,
+        },
+        text: {
+            type: 'string',
+        },
+        size: {
+            type: 'string',
+            enum: common_1.textSize,
+        },
+    },
+};
+const PriceDescriptionProps = {
+    title: {
+        type: 'string',
+    },
+    description: {
+        type: 'string',
+    },
+    detailedTitle: {
+        type: 'string',
+    },
+    label: PriceDescriptionLabelProps,
+};
+const PriceDetailsSettingsProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['title', 'description'],
+    properties: {
+        title: {
+            type: 'string',
+        },
+        description: {
+            type: 'string',
+        },
+    },
+};
+const PriceDetailsListProps = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['text'],
+    properties: {
+        text: {
+            type: 'string',
+        },
+    },
+};
+const PriceDetailsProps = {
+    items: {
+        anyOf: [(0, utils_1.filteredArray)(PriceDetailsListProps), (0, utils_1.filteredArray)(PriceDetailsSettingsProps)],
+    },
+};
+const PriceItem = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['title', 'description'],
+    properties: Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps),
+};
+exports.PriceDetailedBlock = {
+    'price-detailed': {
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { items: (0, utils_1.filteredArray)(PriceItem), description: PriceDetailedDescriptionProps, details: PriceDetailedDetailsProps, priceType: {
+                type: 'string',
+                enum: PriceDetailedDetailsType,
+            }, numberGroupItems: {
+                type: 'number',
+                enum: [3, 4, 5],
+            }, isCombined: {
+                type: 'boolean',
+            }, useMixedView: {
+                type: 'boolean',
+            }, foldable: PriceDetailedFoldableDetailsProps, labelsDefaultText: PriceDetailedLabelsDefaultTextProps }),
+    },
+};

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

@@ -0,0 +1,146 @@
+@charset "UTF-8";
+.pc-quote_border_shadow {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-quote {
+  min-height: 248px;
+  height: 100%;
+  overflow-x: hidden;
+  border-radius: var(--pc-border-radius);
+  background-color: var(--yc-color-base-float);
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  display: flex;
+  min-height: 400px;
+  height: 100%;
+}
+.pc-quote_theme_dark {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-quote_theme_dark h1,
+.pc-quote_theme_dark h2,
+.pc-quote_theme_dark h3,
+.pc-quote_theme_dark h4,
+.pc-quote_theme_dark h5,
+.pc-quote_theme_dark h6,
+.pc-quote_theme_dark .yfm {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-quote_border_line {
+  border: 1px solid var(--yc-color-line-generic);
+}
+.pc-quote_border_line, .pc-quote_border_none {
+  cursor: default;
+}
+@media (min-width: 577px) {
+  .slick-slide:not(.slick-active) .pc-quote {
+    box-shadow: none;
+  }
+}
+.pc-quote__logo {
+  height: 48px;
+}
+.pc-quote__content-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(50% + 5px * 2);
+  margin-right: 5px;
+  padding: 48px 32px 48px 48px;
+}
+.pc-quote__image-wrapper {
+  flex: 1;
+  margin-left: 5px;
+  overflow: hidden;
+  margin: var(--pc-image-padding);
+  border-radius: calc(var(--pc-border-radius) - var(--pc-image-padding));
+}
+.pc-quote__content {
+  margin-top: 24px;
+  position: relative;
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+}
+.pc-quote__content::before {
+  position: absolute;
+  top: -1px;
+  left: -10px;
+  content: "«";
+}
+.pc-quote__text::after {
+  content: "».";
+}
+.pc-quote__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.pc-quote__author-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 20px;
+}
+.pc-quote__author_theme_dark, .pc-quote_theme_dark {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-quote__author_theme_dark h1,
+.pc-quote__author_theme_dark h2,
+.pc-quote__author_theme_dark h3,
+.pc-quote__author_theme_dark h4,
+.pc-quote__author_theme_dark h5,
+.pc-quote__author_theme_dark h6,
+.pc-quote__author_theme_dark .yfm, .pc-quote_theme_dark h1,
+.pc-quote_theme_dark h2,
+.pc-quote_theme_dark h3,
+.pc-quote_theme_dark h4,
+.pc-quote_theme_dark h5,
+.pc-quote_theme_dark h6,
+.pc-quote_theme_dark .yfm {
+  color: var(--yc-color-text-light-primary);
+}
+.pc-quote__author {
+  max-width: calc(60% - 20px);
+  margin-right: 20px;
+}
+.pc-quote__link-button {
+  /* stylelint-disable declaration-no-important */
+  /* stylelint-enable declaration-no-important */
+}
+.pc-quote__link-button_theme_dark {
+  color: var(--yc-color-base-background) !important;
+}
+.pc-quote__link-button_theme_dark:before {
+  border-color: var(--yc-color-base-background) !important;
+}
+@media (max-width: 1081px) {
+  .pc-quote__author-wrapper {
+    flex-direction: column;
+  }
+  .pc-quote__author {
+    margin-right: 0;
+    margin-bottom: 32px;
+    max-width: initial;
+  }
+  .pc-quote__link-button {
+    align-self: flex-start;
+  }
+}
+@media (max-width: 769px) {
+  .pc-quote__content-wrapper {
+    width: calc(75% + 5px * 2);
+  }
+}
+@media (max-width: 577px) {
+  .pc-quote__image-wrapper {
+    display: none;
+  }
+  .pc-quote__content-wrapper {
+    padding: 32px;
+  }
+  .pc-quote__content-wrapper {
+    width: 100%;
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const models_1 = require("../../models");
+const components_1 = require("../../components");
+const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const b = (0, utils_1.block)('quote');
+const Quote = (props) => {
+    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
+    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const imageThemed = (0, utils_1.getThemedValue)(image, theme);
+    const imageData = typeof imageThemed === 'string' ? { src: imageThemed } : imageThemed;
+    const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
+        author && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: author, type: models_1.AuthorType.Line })),
+        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }) }, buttonText))));
+    return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
+        react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(components_1.Image, { className: b('logo'), src: logo }),
+                react_1.default.createElement("div", { className: b('content') },
+                    react_1.default.createElement("span", { className: b('text') },
+                        react_1.default.createElement(components_1.HTML, null, text)))),
+            renderFooter),
+        react_1.default.createElement("div", { className: b('image-wrapper') },
+            react_1.default.createElement(components_1.Image, { src: imageData.src, alt: imageData.alt, className: b('image') }))));
+};
+exports.default = Quote;

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

@@ -0,0 +1,67 @@
+export declare const Quote: {
+    quote: {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            text: {
+                type: string;
+            };
+            image: {
+                oneOf: ({
+                    oneOf: ({
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        pattern: string;
+                    })[];
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                })[];
+            };
+            logo: {
+                type: string;
+                pattern: string;
+            };
+            color: {
+                type: string;
+            };
+            url: {
+                type: string;
+                pattern: string;
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            author: {
+                type: string;
+                required: string[];
+                properties: {
+                    firstName: {
+                        type: string;
+                    };
+                    secondName: {
+                        type: string;
+                    };
+                    avatar: {
+                        type: string;
+                        pattern: string;
+                    };
+                    description: {
+                        type: string;
+                    };
+                };
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quote = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.Quote = {
+    quote: {
+        additionalProperties: false,
+        required: ['text', 'image', 'logo'],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { text: {
+                type: 'string',
+            }, image: (0, common_1.withTheme)(common_1.ImageProps), logo: {
+                type: 'string',
+                pattern: common_1.urlPattern,
+            }, color: {
+                type: 'string',
+            }, url: {
+                type: 'string',
+                pattern: common_1.urlPattern,
+            }, theme: common_1.ThemeProps, author: common_1.authorItem }),
+    },
+};

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

@@ -0,0 +1,20 @@
+.pc-tutorial-card__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-tutorial-card__title {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
+  margin-bottom: 12px;
+}
+.pc-tutorial-card__icon {
+  width: 32px;
+  height: 32px;
+  background-size: cover;
+  display: block;
+  margin-bottom: 12px;
+}

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

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

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

@@ -0,0 +1,23 @@
+"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 CardBase_1 = (0, tslib_1.__importDefault)(require("../../components/CardBase/CardBase"));
+const components_1 = require("../../components/");
+const utils_2 = require("../../components/Media/Image/utils");
+const b = (0, utils_1.block)('tutorial-card');
+function iconElement(icon, title) {
+    const { src, alt = title, disableCompress } = (0, utils_2.getMediaImage)(icon !== null && icon !== void 0 ? icon : {});
+    return react_1.default.createElement(components_1.Image, { src: src, alt: alt, className: b('icon'), disableCompress: disableCompress });
+}
+const TutorialCard = (props) => {
+    const { url, title, text, border, icon } = props;
+    return (react_1.default.createElement(CardBase_1.default, { className: b(), url: url, border: border },
+        react_1.default.createElement(CardBase_1.default.Content, null,
+            icon && iconElement(icon, title),
+            react_1.default.createElement("h6", { className: b('title') },
+                react_1.default.createElement(components_1.HTML, null, title)),
+            react_1.default.createElement(components_1.HTML, null, text))));
+};
+exports.default = TutorialCard;

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

@@ -0,0 +1,32 @@
+export declare const TutorialCard: {
+    'tutorial-card': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            url: {
+                type: string;
+            };
+            title: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            icon: {
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                })[];
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TutorialCard = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.TutorialCard = {
+    'tutorial-card': {
+        additionalProperties: false,
+        required: ['url', 'title', 'text'],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
+                type: 'string',
+            }, title: {
+                type: 'string',
+            }, text: {
+                type: 'string',
+            }, icon: common_1.ImageProps }),
+    },
+};

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

@@ -0,0 +1,13 @@
+export { default as Divider } from './Divider/Divider';
+export { default as Quote } from './Quote/Quote';
+export { default as NewsCard } from './NewsCard/NewsCard';
+export { default as Partner } from './Partner/Partner';
+export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
+export { default as MediaCard } from './MediaCard/MediaCard';
+export { default as BannerCard } from './BannerCard/BannerCard';
+export { default as TutorialCard } from './TutorialCard/TutorialCard';
+export { default as CardWithImage } from './CardWithImage/CardWithImage';
+export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
+export { default as BasicCard } from './BasicCard/BasicCard';
+export { default as Content } from './Content/Content';
+export { default as HubspotForm } from './HubspotForm';

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.CardWithImage = exports.TutorialCard = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Partner = exports.NewsCard = exports.Quote = exports.Divider = void 0;
+var Divider_1 = require("./Divider/Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
+var Quote_1 = require("./Quote/Quote");
+Object.defineProperty(exports, "Quote", { enumerable: true, get: function () { return __importDefault(Quote_1).default; } });
+var NewsCard_1 = require("./NewsCard/NewsCard");
+Object.defineProperty(exports, "NewsCard", { enumerable: true, get: function () { return __importDefault(NewsCard_1).default; } });
+var Partner_1 = require("./Partner/Partner");
+Object.defineProperty(exports, "Partner", { enumerable: true, get: function () { return __importDefault(Partner_1).default; } });
+var PriceDetailed_1 = require("./PriceDetailed/PriceDetailed");
+Object.defineProperty(exports, "PriceDetailed", { enumerable: true, get: function () { return __importDefault(PriceDetailed_1).default; } });
+var MediaCard_1 = require("./MediaCard/MediaCard");
+Object.defineProperty(exports, "MediaCard", { enumerable: true, get: function () { return __importDefault(MediaCard_1).default; } });
+var BannerCard_1 = require("./BannerCard/BannerCard");
+Object.defineProperty(exports, "BannerCard", { enumerable: true, get: function () { return __importDefault(BannerCard_1).default; } });
+var TutorialCard_1 = require("./TutorialCard/TutorialCard");
+Object.defineProperty(exports, "TutorialCard", { enumerable: true, get: function () { return __importDefault(TutorialCard_1).default; } });
+var CardWithImage_1 = require("./CardWithImage/CardWithImage");
+Object.defineProperty(exports, "CardWithImage", { enumerable: true, get: function () { return __importDefault(CardWithImage_1).default; } });
+var BackgroundCard_1 = require("./BackgroundCard/BackgroundCard");
+Object.defineProperty(exports, "BackgroundCard", { enumerable: true, get: function () { return __importDefault(BackgroundCard_1).default; } });
+var BasicCard_1 = require("./BasicCard/BasicCard");
+Object.defineProperty(exports, "BasicCard", { enumerable: true, get: function () { return __importDefault(BasicCard_1).default; } });
+var Content_1 = require("./Content/Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return __importDefault(Content_1).default; } });
+var HubspotForm_1 = require("./HubspotForm");
+Object.defineProperty(exports, "HubspotForm", { enumerable: true, get: function () { return __importDefault(HubspotForm_1).default; } });

package/build/cjs/text-transform/blocks.d.ts

@@ -0,0 +1,16 @@
+import { Lang } from '../utils/configure';
+import { ConstructorBlock } from '../models/constructor';
+export declare type ComplexItem = {
+    [key: string]: string;
+};
+export declare type Item = string | null | ComplexItem;
+export declare type TransformerRaw = (lang: Lang, content: string) => string;
+export declare type Transformer = (text: string) => string;
+export declare type Parser<T = any> = (transformer: Transformer, block: T) => T;
+export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
+    [x: string]: string;
+} | null)[];
+export declare function yfmTransformer(lang: Lang, content: string): string;
+export declare function typografTransformer(lang: Lang, content: string): string;
+export declare function transformBlocks(blocks: ConstructorBlock[], lang: Lang, customConfig?: {}): void;
+export declare function transformFootnotes(footnotes: string[], lang: Lang): string[];