@doyourjob/gravity-ui-page-constructor 5.31.16

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsBlock = exports.tabsItem = void 0;
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const schema_2 = require("../../sub-blocks/Content/schema");
+const TabsItemContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
+exports.tabsItem = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['tabName'],
+    properties: Object.assign(Object.assign({}, TabsItemContentProps), { tabName: {
+            type: 'string',
+        }, caption: {
+            type: 'string',
+            contentType: 'text',
+        }, media: (0, common_1.withTheme)({
+            type: 'object',
+            properties: common_1.MediaProps,
+        }), 
+        //TODO deprecated
+        link: common_1.LinkProps, image: (0, common_1.withTheme)(schema_1.ImageProps), border: {
+            type: 'string',
+            enum: ['shadow', 'line', 'none'],
+        } }),
+};
+exports.TabsBlock = {
+    'tabs-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
+                type: 'string',
+                enum: common_1.mediaDirection,
+            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
+                type: 'string',
+                enum: common_1.contentSizes,
+            } }),
+    },
+};

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

@@ -0,0 +1,26 @@
+export { default as BannerBlock } from './Banner/Banner';
+export { default as CompaniesBlock } from './Companies/Companies';
+export { default as InfoBlock } from './Info/Info';
+export { default as MediaBlock } from './Media/Media';
+export { default as MapBlock } from './Map/Map';
+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 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';
+export { default as ShareBlock } from './Share/Share';
+export { default as FilterBlock } from './FilterBlock/FilterBlock';
+export { default as FormBlock } from './Form/Form';
+export { default as MarqueeLinksBlock } from './MarqueeLinks/MarqueeLinks';
+export { default as SolutionsBlock } from './Solutions/Solutions';
+export { default as ServicesBlock } from './Services/Services';
+export { default as QuotesBlock } from './Quotes/Quotes';
+export { default as LinkTableBlock } from './LinkTable/LinkTable';
+export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
+export { default as PressReleasesBlock } from './PressReleases/PressReleases';

package/build/cjs/blocks/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PressReleasesBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = 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 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 Map_1 = require("./Map/Map");
+Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return __importDefault(Map_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 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; } });
+var Share_1 = require("./Share/Share");
+Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return __importDefault(Share_1).default; } });
+var FilterBlock_1 = require("./FilterBlock/FilterBlock");
+Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return __importDefault(FilterBlock_1).default; } });
+var Form_1 = require("./Form/Form");
+Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
+var MarqueeLinks_1 = require("./MarqueeLinks/MarqueeLinks");
+Object.defineProperty(exports, "MarqueeLinksBlock", { enumerable: true, get: function () { return __importDefault(MarqueeLinks_1).default; } });
+var Solutions_1 = require("./Solutions/Solutions");
+Object.defineProperty(exports, "SolutionsBlock", { enumerable: true, get: function () { return __importDefault(Solutions_1).default; } });
+var Services_1 = require("./Services/Services");
+Object.defineProperty(exports, "ServicesBlock", { enumerable: true, get: function () { return __importDefault(Services_1).default; } });
+var Quotes_1 = require("./Quotes/Quotes");
+Object.defineProperty(exports, "QuotesBlock", { enumerable: true, get: function () { return __importDefault(Quotes_1).default; } });
+var LinkTable_1 = require("./LinkTable/LinkTable");
+Object.defineProperty(exports, "LinkTableBlock", { enumerable: true, get: function () { return __importDefault(LinkTable_1).default; } });
+var EventsFeed_1 = require("./EventsFeed/EventsFeed");
+Object.defineProperty(exports, "EventsFeedBlock", { enumerable: true, get: function () { return __importDefault(EventsFeed_1).default; } });
+var PressReleases_1 = require("./PressReleases/PressReleases");
+Object.defineProperty(exports, "PressReleasesBlock", { enumerable: true, get: function () { return __importDefault(PressReleases_1).default; } });

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

@@ -0,0 +1 @@
+export { default as SliderNewBlock } from './SliderNew/Slider';

package/build/cjs/blocks/unstable.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderNewBlock = void 0;
+var Slider_1 = require("./SliderNew/Slider");
+Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });

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

@@ -0,0 +1,16 @@
+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 './Media/schema';
+export * from './PromoFeaturesBlock/schema';
+export * from './Questions/schema';
+export * from './Slider/schema';
+export * from './Table/schema';
+export * from './Share/schema';
+export * from './MarqueeLinks/schema';

package/build/cjs/blocks/validators.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Banner/schema"), exports);
+tslib_1.__exportStar(require("./CardLayout/schema"), exports);
+tslib_1.__exportStar(require("./Companies/schema"), exports);
+tslib_1.__exportStar(require("./ContentLayout/schema"), exports);
+tslib_1.__exportStar(require("./ExtendedFeatures/schema"), exports);
+tslib_1.__exportStar(require("./Header/schema"), exports);
+tslib_1.__exportStar(require("./HeaderSlider/schema"), exports);
+tslib_1.__exportStar(require("./Icons/schema"), exports);
+tslib_1.__exportStar(require("./Info/schema"), exports);
+tslib_1.__exportStar(require("./Media/schema"), exports);
+tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
+tslib_1.__exportStar(require("./Questions/schema"), exports);
+tslib_1.__exportStar(require("./Slider/schema"), exports);
+tslib_1.__exportStar(require("./Table/schema"), exports);
+tslib_1.__exportStar(require("./Share/schema"), exports);
+tslib_1.__exportStar(require("./MarqueeLinks/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,7 @@
+import { ClassNameProps, QAProps } from '../../models';
+export declare const qaIdByDefault = "qa-anchor";
+export interface AnchorProps extends ClassNameProps, QAProps {
+    id: string;
+}
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
+export default Anchor;

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

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

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

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
+import { QAProps } from '../../models';
+export interface AnimateBlockProps extends AnimateContextProps, QAProps {
+    animate?: boolean;
+    offset?: number;
+    className?: string;
+    style?: CSSProperties;
+    onScroll?: () => void;
+}
+declare const AnimateBlock: (props: React.PropsWithChildren<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 = 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, qa } = 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, "data-qa": qa },
+        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,58 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-author {
+  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  display: flex;
+  flex-direction: column;
+}
+.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(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+}
+.pc-author__description {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+  color: var(--g-color-text-secondary);
+  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;
+}
+.pc-author_theme_dark .pc-author__description {
+  color: var(--g-color-text-light-secondary);
+}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const utils_2 = require("../Media/Image/utils");
+const index_1 = require("../index");
+const b = (0, utils_1.block)('author');
+const Author = (props) => {
+    const { author, className, authorContainerClassName, type = models_1.AuthorType.Column, qa, theme, } = props;
+    const { firstName, secondName, description, avatar } = author;
+    const name = secondName ? `${firstName} ${secondName}` : firstName;
+    const isAvatarJSX = react_1.default.isValidElement(avatar);
+    let avatarProps = {};
+    if (!isAvatarJSX && avatar) {
+        avatarProps = (0, utils_2.getMediaImage)(avatar);
+    }
+    return (react_1.default.createElement("div", { className: b({ type, theme }, className), "data-qa": qa },
+        avatar && (react_1.default.createElement("div", { className: b('avatar', authorContainerClassName) }, isAvatarJSX ? avatar : react_1.default.createElement(index_1.Image, Object.assign({}, avatarProps)))),
+        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;

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

@@ -0,0 +1,58 @@
+export declare const author: {
+    author: {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            asides: {};
+            author: {
+                type: string;
+                required: string[];
+                properties: {
+                    firstName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    secondName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    avatar: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    description: {
+                        type: string;
+                        contentType: string;
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.author = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.author = {
+    author: {
+        additionalProperties: false,
+        required: ['author'],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { asides: {}, author: common_1.authorItem }),
+    },
+};

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

@@ -0,0 +1,15 @@
+import { HTMLProps, ReactNode } from 'react';
+import { ButtonSize } from '@gravity-ui/uikit';
+import { Tabbable } from '../../models';
+export type Theme = 'default' | 'special';
+export interface BackLinkProps<T = HTMLElement> extends Tabbable {
+    url: string;
+    title: ReactNode;
+    theme?: Theme;
+    size?: ButtonSize;
+    className?: string;
+    shouldHandleBackAction?: boolean;
+    onClick?: () => void;
+    extraProps?: HTMLProps<T>;
+}
+export default function BackLink(props: BackLinkProps): JSX.Element;

package/build/cjs/components/BackLink/BackLink.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const locationContext_1 = require("../../context/locationContext");
+const hooks_1 = require("../../hooks");
+const models_1 = require("../../models");
+function BackLink(props) {
+    const { history } = (0, react_1.useContext)(locationContext_1.LocationContext);
+    const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, tabIndex, extraProps, } = props;
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton, url);
+    const backActionHandler = (0, react_1.useCallback)(async () => {
+        handleAnalytics();
+        if (!history) {
+            return;
+        }
+        if (onClick) {
+            onClick();
+        }
+        if (history.length > 1) {
+            history.goBack();
+        }
+        else {
+            history.push({ pathname: url });
+        }
+    }, [handleAnalytics, history, onClick, url]);
+    return (react_1.default.createElement(uikit_1.Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps },
+        react_1.default.createElement(uikit_1.Icon, { data: icons_1.ArrowLeft, size: 20 }),
+        react_1.default.createElement("span", null, title)));
+}
+exports.default = BackLink;

package/build/cjs/components/BackgroundImage/BackgroundImage.css

@@ -0,0 +1,16 @@
+.pc-storage-background-image {
+  position: relative;
+  overflow: hidden;
+}
+.pc-storage-background-image__img {
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.pc-storage-background-image__container {
+  position: relative;
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BackgroundImageProps } from '../../models';
+export declare const qaIdByDefault = "background-image";
+declare const BackgroundImage: (props: React.PropsWithChildren<BackgroundImageProps>) => JSX.Element;
+export default BackgroundImage;

package/build/cjs/components/BackgroundImage/BackgroundImage.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.qaIdByDefault = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../utils");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+exports.qaIdByDefault = 'background-image';
+const b = (0, utils_1.block)('storage-background-image');
+const BackgroundImage = (props) => {
+    const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa || exports.qaIdByDefault);
+    return (react_1.default.createElement("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault },
+        (src || desktop) && !hide && (react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))),
+        children && react_1.default.createElement("div", { className: b('container') }, children)));
+};
+exports.default = BackgroundImage;

package/build/cjs/components/BackgroundMedia/BackgroundMedia.css

@@ -0,0 +1,60 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-BackgroundMedia {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.pc-BackgroundMedia__media {
+  margin: 0 auto;
+  max-width: 1440px;
+  text-align: center;
+  height: 100%;
+}
+.pc-BackgroundMedia__media_full-width-media {
+  max-width: none;
+}
+.pc-BackgroundMedia__media_full-width-media .pc-BackgroundMedia__video video {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.pc-BackgroundMedia__image {
+  height: 100%;
+  width: 100%;
+}
+.pc-BackgroundMedia__video {
+  position: relative;
+  height: 100%;
+}
+.pc-BackgroundMedia__video video {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.pc-BackgroundMedia__video,
+.pc-BackgroundMedia video {
+  width: auto;
+}
+@media (max-width: 769px) {
+  .pc-BackgroundMedia__image {
+    display: block;
+  }
+  .pc-BackgroundMedia__video {
+    display: none;
+  }
+}
+@media (min-width: 769px) {
+  .pc-BackgroundMedia.pc-AnimateBlock__image, .pc-AnimateBlock .pc-BackgroundMedia__image {
+    position: relative;
+    bottom: 100px;
+    opacity: 0;
+  }
+  .pc-BackgroundMedia.pc-AnimateBlock.animate .pc-BackgroundMedia__image, .pc-AnimateBlock .pc-BackgroundMedia.animate .pc-BackgroundMedia__image {
+    bottom: 0;
+    opacity: 1;
+    transition: bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  }
+}

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

@@ -0,0 +1,3 @@
+import { BackgroundMediaProps } from '../../models';
+declare const BackgroundMedia: ({ className, color, animated, parallax, video, mediaClassName, fullWidthMedia, qa, ...props }: BackgroundMediaProps) => JSX.Element;
+export default BackgroundMedia;

package/build/cjs/components/BackgroundMedia/BackgroundMedia.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const mobileContext_1 = require("../../context/mobileContext");
+const utils_1 = require("../../utils");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock"));
+const Media_1 = tslib_1.__importDefault(require("../Media/Media"));
+const b = (0, utils_1.block)('BackgroundMedia');
+const BackgroundMedia = (_a) => {
+    var { className, color, animated, parallax = true, video, mediaClassName, fullWidthMedia, qa } = _a, props = tslib_1.__rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName", "fullWidthMedia", "qa"]);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'media');
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate },
+        react_1.default.createElement(Media_1.default, Object.assign({ className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media }, Object.assign({ height: 720, color,
+            parallax, video: isMobile ? undefined : video }, props)))));
+};
+exports.default = BackgroundMedia;

package/build/cjs/components/BalancedMasonry/BalancedMasonry.css

@@ -0,0 +1,10 @@
+.pc-BalancedMasonry {
+  position: relative;
+}
+.pc-BalancedMasonry__hidden-container {
+  position: absolute;
+  visibility: hidden;
+  overflow: hidden;
+  height: 100%;
+  z-index: -1;
+}

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { QAProps } from '../../models';
+export interface BalancedMasonryProps extends QAProps {
+    className: string;
+    columnClassName: string;
+    children: ReactNode[];
+    breakpointCols: {
+        [key: number]: number;
+    };
+}
+declare const BalancedMasonry: (props: React.PropsWithChildren<BalancedMasonryProps>) => JSX.Element;
+export default BalancedMasonry;