@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,3 @@
+import { TabsBlockProps } from '../../models';
+export declare const TabsBlock: ({ items, title, description, animated }: TabsBlockProps) => JSX.Element;
+export default TabsBlock;

package/build/cjs/blocks/Tabs/Tabs.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsBlock = void 0;
+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 grid_1 = require("../../grid");
+const YFMWrapper_1 = (0, tslib_1.__importDefault)(require("../../components/YFMWrapper/YFMWrapper"));
+const AnimateBlock_1 = (0, tslib_1.__importDefault)(require("../../components/AnimateBlock/AnimateBlock"));
+const BlockHeader_1 = (0, tslib_1.__importDefault)(require("../../components/BlockHeader/BlockHeader"));
+const FullscreenImage_1 = (0, tslib_1.__importDefault)(require("../../components/FullscreenImage/FullscreenImage"));
+const Media_1 = (0, tslib_1.__importDefault)(require("../../components/Media/Media"));
+const Links_1 = (0, tslib_1.__importDefault)(require("../../components/Link/Links"));
+const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const b = (0, utils_1.block)('TabsBlock');
+const TabsBlock = ({ items, title, description, animated }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(items[0].tabName);
+    const [play, setPlay] = (0, react_1.useState)(false);
+    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
+    const activeTabData = items.find(({ tabName }) => tabName === activeTab);
+    let imageProps;
+    if (activeTabData) {
+        const themedImage = (0, utils_1.getThemedValue)(activeTabData.image, theme);
+        imageProps = typeof themedImage === 'string' ? { src: themedImage } : themedImage;
+    }
+    const showMedia = Boolean((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps);
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated },
+        react_1.default.createElement(BlockHeader_1.default, { title: title, description: description, className: b('block-title') }),
+        react_1.default.createElement(uikit_1.Tabs, { className: b('tabs'), items: tabs, activeTab: activeTab, onSelectTab: setActiveTab, size: "l" }),
+        activeTabData && (react_1.default.createElement(grid_1.Row, null,
+            showMedia && (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
+                    all: grid_1.GridColumnOrderClasses.Last,
+                    md: grid_1.GridColumnOrderClasses.First,
+                } },
+                (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (react_1.default.createElement(Media_1.default, Object.assign({}, (0, utils_1.getThemedValue)(activeTabData.media, theme), { key: activeTab, className: b('media'), playVideo: play }))),
+                imageProps && (react_1.default.createElement(react_1.Fragment, null,
+                    react_1.default.createElement(FullscreenImage_1.default, { imageClassName: b('image'), src: (imageProps && imageProps.src) || 'default_image', alt: imageProps && imageProps.alt, disableCompress: imageProps === null || imageProps === void 0 ? void 0 : imageProps.disableCompress }),
+                    activeTabData && (react_1.default.createElement("p", { className: b('caption') }, activeTabData.caption)))))),
+            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b('content') },
+                react_1.default.createElement("div", { className: b('content-wrapper', {
+                        margin: Boolean((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps),
+                    }) },
+                    react_1.default.createElement("h4", { className: b('content-title') },
+                        react_1.default.createElement(YFMWrapper_1.default, { content: activeTabData.title, modifiers: { constructor: true } })),
+                    react_1.default.createElement(YFMWrapper_1.default, { content: activeTabData.text, modifiers: { constructor: true } }),
+                    react_1.default.createElement(Links_1.default, { links: [
+                            ...(activeTabData.link ? [activeTabData.link] : []),
+                            ...(activeTabData.links || []),
+                        ], className: b('link') })))))));
+};
+exports.TabsBlock = TabsBlock;
+exports.default = exports.TabsBlock;

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

@@ -0,0 +1,283 @@
+export declare const tabsItem: {
+    type: string;
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        tabName: {
+            type: string;
+        };
+        title: {
+            type: string;
+        };
+        text: {
+            type: string;
+        };
+        caption: {
+            type: string;
+        };
+        media: {
+            oneOf: ({
+                type: string;
+                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;
+                        })[];
+                    };
+                };
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+            })[];
+        };
+        link: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+                arrow: {
+                    type: string;
+                };
+                theme: {
+                    type: string;
+                    enum: string[];
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                target: {
+                    type: string;
+                    enum: string[];
+                };
+                type: {};
+                when: {};
+            };
+        };
+        links: {
+            type: string;
+            items: {
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        };
+        image: {
+            oneOf: ({
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                })[];
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+            })[];
+        };
+    };
+};
+export declare const TabsBlock: {
+    'tabs-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            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;
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            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: {};
+        };
+    };
+};

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsBlock = exports.tabsItem = void 0;
+const utils_1 = require("../../schema/validators/utils");
+const common_1 = require("../../schema/validators/common");
+exports.tabsItem = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['tabName', 'text'],
+    properties: {
+        tabName: {
+            type: 'string',
+        },
+        title: {
+            type: 'string',
+        },
+        text: {
+            type: 'string',
+        },
+        caption: {
+            type: 'string',
+        },
+        media: (0, common_1.withTheme)({
+            type: 'object',
+            properties: common_1.MediaProps,
+        }),
+        //TODO deprecated
+        link: common_1.LinkProps,
+        links: (0, utils_1.filteredArray)(common_1.LinkProps),
+        image: (0, common_1.withTheme)(common_1.ImageProps),
+    },
+};
+exports.TabsBlock = {
+    'tabs-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: common_1.TitleProps, description: {
+                type: 'string',
+            }, items: (0, utils_1.filteredArray)(exports.tabsItem) }),
+    },
+};

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

@@ -0,0 +1,19 @@
+export { default as BannerBlock } from './Banner/Banner';
+export { default as CompaniesBlock } from './Companies/Companies';
+export { default as SimpleBlock } from './Simple/Simple';
+export { default as InfoBlock } from './Info/Info';
+export { default as MediaBlock } from './Media/Media';
+export { default as PreviewBlock } from './Preview/Preview';
+export { default as SecurityBlock } from './Security/Security';
+export { default as SliderBlock } from './Slider/Slider';
+export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
+export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
+export { default as QuestionsBlock } from './Questions/Questions';
+export { default as TableBlock } from './Table/Table';
+export { default as TabsBlock } from './Tabs/Tabs';
+export { default as LinkTableBlock } from './LinkTable/LinkTable';
+export { default as HeaderBlock } from './Header/Header';
+export { default as IconsBlock } from './Icons/Icons';
+export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
+export { default as CardLayoutBlock } from './CardLayout/CardLayout';
+export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';

package/build/cjs/blocks/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.PreviewBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+var Banner_1 = require("./Banner/Banner");
+Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
+var Companies_1 = require("./Companies/Companies");
+Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return __importDefault(Companies_1).default; } });
+var Simple_1 = require("./Simple/Simple");
+Object.defineProperty(exports, "SimpleBlock", { enumerable: true, get: function () { return __importDefault(Simple_1).default; } });
+var Info_1 = require("./Info/Info");
+Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
+var Media_1 = require("./Media/Media");
+Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
+var Preview_1 = require("./Preview/Preview");
+Object.defineProperty(exports, "PreviewBlock", { enumerable: true, get: function () { return __importDefault(Preview_1).default; } });
+var Security_1 = require("./Security/Security");
+Object.defineProperty(exports, "SecurityBlock", { enumerable: true, get: function () { return __importDefault(Security_1).default; } });
+var Slider_1 = require("./Slider/Slider");
+Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });
+var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures");
+Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return __importDefault(ExtendedFeatures_1).default; } });
+var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock");
+Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return __importDefault(PromoFeaturesBlock_1).default; } });
+var Questions_1 = require("./Questions/Questions");
+Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return __importDefault(Questions_1).default; } });
+var Table_1 = require("./Table/Table");
+Object.defineProperty(exports, "TableBlock", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+var Tabs_1 = require("./Tabs/Tabs");
+Object.defineProperty(exports, "TabsBlock", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
+var LinkTable_1 = require("./LinkTable/LinkTable");
+Object.defineProperty(exports, "LinkTableBlock", { enumerable: true, get: function () { return __importDefault(LinkTable_1).default; } });
+var Header_1 = require("./Header/Header");
+Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var Icons_1 = require("./Icons/Icons");
+Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return __importDefault(Icons_1).default; } });
+var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider");
+Object.defineProperty(exports, "HeaderSliderBlock", { enumerable: true, get: function () { return __importDefault(HeaderSlider_1).default; } });
+var CardLayout_1 = require("./CardLayout/CardLayout");
+Object.defineProperty(exports, "CardLayoutBlock", { enumerable: true, get: function () { return __importDefault(CardLayout_1).default; } });
+var ContentLayout_1 = require("./ContentLayout/ContentLayout");
+Object.defineProperty(exports, "ContentLayoutBlock", { enumerable: true, get: function () { return __importDefault(ContentLayout_1).default; } });

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

@@ -0,0 +1,18 @@
+export * from './Banner/schema';
+export * from './CardLayout/schema';
+export * from './Companies/schema';
+export * from './ContentLayout/schema';
+export * from './ExtendedFeatures/schema';
+export * from './Header/schema';
+export * from './HeaderSlider/schema';
+export * from './Icons/schema';
+export * from './Info/schema';
+export * from './LinkTable/schema';
+export * from './Media/schema';
+export * from './Preview/schema';
+export * from './PromoFeaturesBlock/schema';
+export * from './Questions/schema';
+export * from './Security/schema';
+export * from './Simple/schema';
+export * from './Slider/schema';
+export * from './Table/schema';

package/build/cjs/blocks/validators.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./Banner/schema"), exports);
+(0, tslib_1.__exportStar)(require("./CardLayout/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Companies/schema"), exports);
+(0, tslib_1.__exportStar)(require("./ContentLayout/schema"), exports);
+(0, tslib_1.__exportStar)(require("./ExtendedFeatures/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Header/schema"), exports);
+(0, tslib_1.__exportStar)(require("./HeaderSlider/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Icons/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Info/schema"), exports);
+(0, tslib_1.__exportStar)(require("./LinkTable/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Media/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Preview/schema"), exports);
+(0, tslib_1.__exportStar)(require("./PromoFeaturesBlock/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Questions/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Security/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Simple/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Slider/schema"), exports);
+(0, tslib_1.__exportStar)(require("./Table/schema"), exports);

package/build/cjs/components/Anchor/Anchor.css

@@ -0,0 +1,8 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-Anchor {
+  display: block;
+  position: relative;
+  top: calc(-1 * var(--header-height) - var(--anchor-offset, 0px));
+  visibility: hidden;
+}

package/build/cjs/components/Anchor/Anchor.d.ts

@@ -0,0 +1,6 @@
+import { ClassNameProps } from '../../models';
+export interface AnchorProps extends ClassNameProps {
+    id: string;
+}
+declare const Anchor: ({ id, className }: AnchorProps) => JSX.Element;
+export default Anchor;

package/build/cjs/components/Anchor/Anchor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+//TODO move to cloud components
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('Anchor');
+const Anchor = ({ id, className }) => react_1.default.createElement("div", { id: id, className: b(null, className) });
+exports.default = Anchor;

package/build/cjs/components/AnimateBlock/AnimateBlock.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
+import { WithChildren } from '../../models';
+export interface AnimateBlockProps extends AnimateContextProps {
+    animate?: boolean;
+    offset?: number;
+    className?: string;
+    style?: CSSProperties;
+    onScroll?: () => void;
+}
+declare const AnimateBlock: (props: WithChildren<AnimateBlockProps>) => JSX.Element;
+export default AnimateBlock;

package/build/cjs/components/AnimateBlock/AnimateBlock.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_waypoint_1 = require("react-waypoint");
+const AnimateContext_1 = require("../../context/animateContext/AnimateContext");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('AnimateBlock');
+const AnimateBlock = (props) => {
+    const { animated } = (0, react_1.useContext)(AnimateContext_1.AnimateContext);
+    const { children, className, offset = 100, onScroll, style, animate = animated } = props;
+    const [playAnimation, setPlayAnimation] = (0, react_1.useState)(false);
+    const divClassName = animate
+        ? b(null, `${playAnimation && 'animate'} ${className}`)
+        : className;
+    return (react_1.default.createElement("div", { className: divClassName, style: style },
+        react_1.default.createElement(react_waypoint_1.Waypoint
+        // trigger animation if element is above screen
+        , { 
+            // trigger animation if element is above screen
+            topOffset: '-100000%', bottomOffset: offset, onEnter: async () => {
+                setPlayAnimation(true);
+                if (onScroll) {
+                    onScroll();
+                }
+            } }),
+        children));
+};
+exports.default = AnimateBlock;

package/build/cjs/components/Author/Author.css

@@ -0,0 +1,56 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-author {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  display: flex;
+  flex-direction: column;
+  color: var(--yc-color-text-secondary);
+}
+.pc-author__avatar {
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  border-radius: 16px;
+  overflow: hidden;
+}
+.pc-author__avatar img {
+  width: 80px;
+  height: 80px;
+  object-fit: cover;
+  display: block;
+}
+.pc-author__name {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  color: var(--yc-color-text-primary);
+}
+.pc-author__description {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  padding-top: 4px;
+}
+.pc-author__label:not(:first-child) {
+  font-weight: 400;
+  margin-top: 8px;
+}
+.pc-author_type_column {
+  z-index: 1;
+  position: relative;
+}
+.pc-author_type_line {
+  flex-flow: row nowrap;
+  align-items: center;
+  width: 100%;
+}
+.pc-author_type_line .pc-author__avatar {
+  margin: 0;
+}
+.pc-author_type_line .pc-author__label {
+  margin-top: 0;
+}
+.pc-author_type_line .pc-author__label:not(:first-child) {
+  margin-left: 16px;
+}

package/build/cjs/components/Author/Author.d.ts

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

package/build/cjs/components/Author/Author.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const index_1 = require("../index");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('author');
+const Author = (props) => {
+    const { author, className, authorContainerClassName, type = models_1.AuthorType.Column } = props;
+    const { firstName, secondName, description, avatar } = author;
+    const name = secondName ? `${firstName} ${secondName}` : firstName;
+    return (react_1.default.createElement("div", { className: b({ type }, className) },
+        avatar && (react_1.default.createElement("div", { className: b('avatar', authorContainerClassName) }, typeof avatar === 'string' ? react_1.default.createElement(index_1.Image, { src: avatar }) : avatar)),
+        react_1.default.createElement("div", { className: b('label') },
+            react_1.default.createElement("div", { className: b('name') }, name),
+            description && react_1.default.createElement("div", { className: b('description') }, description))));
+};
+exports.default = Author;