@gravity-ui/page-constructor 5.33.4-beta.0 → 5.33.4

package/build/cjs/blocks/index.js

@@ -1,43 +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.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;
-const tslib_1 = require("tslib");
-var Banner_1 = require("./Banner/Banner.js");
-Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Banner_1).default; } });
-var Companies_1 = require("./Companies/Companies.js");
-Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Companies_1).default; } });
-var Info_1 = require("./Info/Info.js");
-Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Info_1).default; } });
-var Media_1 = require("./Media/Media.js");
-Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Media_1).default; } });
-var Map_1 = require("./Map/Map.js");
-Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Map_1).default; } });
-var Slider_1 = require("./Slider/Slider.js");
-Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
-var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures.js");
-Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ExtendedFeatures_1).default; } });
-var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock.js");
-Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(PromoFeaturesBlock_1).default; } });
-var Questions_1 = require("./Questions/Questions.js");
-Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Questions_1).default; } });
-var Table_1 = require("./Table/Table.js");
-Object.defineProperty(exports, "TableBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Table_1).default; } });
-var Tabs_1 = require("./Tabs/Tabs.js");
-Object.defineProperty(exports, "TabsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Tabs_1).default; } });
-var Header_1 = require("./Header/Header.js");
-Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Header_1).default; } });
-var Icons_1 = require("./Icons/Icons.js");
-Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Icons_1).default; } });
-var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider.js");
-Object.defineProperty(exports, "HeaderSliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(HeaderSlider_1).default; } });
-var CardLayout_1 = require("./CardLayout/CardLayout.js");
-Object.defineProperty(exports, "CardLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(CardLayout_1).default; } });
-var ContentLayout_1 = require("./ContentLayout/ContentLayout.js");
-Object.defineProperty(exports, "ContentLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ContentLayout_1).default; } });
-var Share_1 = require("./Share/Share.js");
-Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Share_1).default; } });
-var FilterBlock_1 = require("./FilterBlock/FilterBlock.js");
-Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(FilterBlock_1).default; } });
-var Form_1 = require("./Form/Form.js");
-Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Form_1).default; } });
-//# sourceMappingURL=index.js.map
+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; } });

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

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

package/build/cjs/blocks/unstable.js

@@ -1,7 +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;
-const tslib_1 = require("tslib");
-var Slider_1 = require("./SliderNew/Slider.js");
-Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
-//# sourceMappingURL=unstable.js.map
+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

@@ -1,15 +1,15 @@
-export * from "./Banner/schema.js";
-export * from "./CardLayout/schema.js";
-export * from "./Companies/schema.js";
-export * from "./ContentLayout/schema.js";
-export * from "./ExtendedFeatures/schema.js";
-export * from "./Header/schema.js";
-export * from "./HeaderSlider/schema.js";
-export * from "./Icons/schema.js";
-export * from "./Info/schema.js";
-export * from "./Media/schema.js";
-export * from "./PromoFeaturesBlock/schema.js";
-export * from "./Questions/schema.js";
-export * from "./Slider/schema.js";
-export * from "./Table/schema.js";
-export * from "./Share/schema.js";
+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';

package/build/cjs/blocks/validators.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Banner/schema.js"), exports);
-tslib_1.__exportStar(require("./CardLayout/schema.js"), exports);
-tslib_1.__exportStar(require("./Companies/schema.js"), exports);
-tslib_1.__exportStar(require("./ContentLayout/schema.js"), exports);
-tslib_1.__exportStar(require("./ExtendedFeatures/schema.js"), exports);
-tslib_1.__exportStar(require("./Header/schema.js"), exports);
-tslib_1.__exportStar(require("./HeaderSlider/schema.js"), exports);
-tslib_1.__exportStar(require("./Icons/schema.js"), exports);
-tslib_1.__exportStar(require("./Info/schema.js"), exports);
-tslib_1.__exportStar(require("./Media/schema.js"), exports);
-tslib_1.__exportStar(require("./PromoFeaturesBlock/schema.js"), exports);
-tslib_1.__exportStar(require("./Questions/schema.js"), exports);
-tslib_1.__exportStar(require("./Slider/schema.js"), exports);
-tslib_1.__exportStar(require("./Table/schema.js"), exports);
-tslib_1.__exportStar(require("./Share/schema.js"), exports);
-//# sourceMappingURL=validators.js.map
+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);

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

@@ -1,7 +1,7 @@
-import { ClassNameProps, QAProps } from "../../models/index.js";
+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) => import("react/jsx-runtime").JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.qaIdByDefault = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils/index.js");
+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 }) => ((0, jsx_runtime_1.jsx)("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
 exports.default = Anchor;
-//# sourceMappingURL=Anchor.js.map

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { AnimateContextProps } from "../../context/animateContext/AnimateContext.js";
-import { QAProps } from "../../models/index.js";
+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?: React.CSSProperties;
+    style?: CSSProperties;
     onScroll?: () => void;
 }
-declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => import("react/jsx-runtime").JSX.Element;
+declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => JSX.Element;
 export default AnimateBlock;

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

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

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { AuthorProps } from "../../models/index.js";
-declare const Author: (props: React.PropsWithChildren<AuthorProps>) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1,23 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const utils_2 = require("../Media/Image/utils.js");
-const index_1 = require("../index.js");
+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.isValidElement(avatar);
+    const isAvatarJSX = react_1.default.isValidElement(avatar);
     let avatarProps = {};
     if (!isAvatarJSX && avatar) {
         avatarProps = (0, utils_2.getMediaImage)(avatar);
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && ((0, jsx_runtime_1.jsx)("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : (0, jsx_runtime_1.jsx)(index_1.Image, Object.assign({}, avatarProps)) })), (0, jsx_runtime_1.jsxs)("div", { className: b('label'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description })] })] }));
+    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;
-//# sourceMappingURL=Author.js.map

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.author = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 exports.author = {
     author: {
         additionalProperties: false,
@@ -9,4 +9,3 @@ exports.author = {
         properties: Object.assign(Object.assign({}, common_1.BaseProps), { asides: {}, author: common_1.authorItem }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

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

@@ -1,19 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BackLink;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+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/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
+const locationContext_1 = require("../../context/locationContext");
+const hooks_1 = require("../../hooks");
+const models_1 = require("../../models");
 function BackLink(props) {
-    const { history } = React.useContext(locationContext_1.LocationContext);
+    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 = React.useCallback(async () => {
+    const backActionHandler = (0, react_1.useCallback)(async () => {
         handleAnalytics();
         if (!history) {
             return;
@@ -28,7 +26,8 @@ function BackLink(props) {
             history.push({ pathname: url });
         }
     }, [handleAnalytics, history, onClick, url]);
-    const buttonComponent = url && !shouldHandleBackAction ? 'a' : 'button';
-    return ((0, jsx_runtime_1.jsxs)(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, component: buttonComponent, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowLeft, size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: title })] }));
+    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)));
 }
-//# sourceMappingURL=BackLink.js.map
+exports.default = BackLink;

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

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

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

@@ -2,15 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.qaIdByDefault = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils/index.js");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
+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 ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
+    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;
-//# sourceMappingURL=BackgroundImage.js.map

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

@@ -1,3 +1,3 @@
-import { BackgroundMediaProps } from "../../models/index.js";
-declare const BackgroundMedia: ({ className, color, animated, parallax, video, mediaClassName, fullWidthMedia, qa, ...props }: BackgroundMediaProps) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1,21 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock.js"));
-const Media_1 = tslib_1.__importDefault(require("../Media/Media.js"));
+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 = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'media');
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate, children: (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media, height: 720,
-            color,
-            parallax,
-            video: isMobile ? undefined : video }, props)) }));
+    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;
-//# sourceMappingURL=BackgroundMedia.js.map

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

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

package/build/cjs/components/BalancedMasonry/BalancedMasonry.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const first_1 = tslib_1.__importDefault(require("lodash/first"));
 const minBy_1 = tslib_1.__importDefault(require("lodash/minBy"));
-const ssrContext_1 = require("../../context/ssrContext/index.js");
-const utils_1 = require("../../utils/index.js");
+const ssrContext_1 = require("../../context/ssrContext");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('BalancedMasonry');
 const BalancedMasonry = (props) => {
     const { className, columnClassName, children = [], breakpointCols, qa } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'column');
-    const { isServer } = React.useContext(ssrContext_1.SSRContext);
-    const getCurrentColumnsCount = React.useCallback(() => {
+    const { isServer } = (0, react_1.useContext)(ssrContext_1.SSRContext);
+    const getCurrentColumnsCount = (0, react_1.useCallback)(() => {
         const breakpoints = Object.entries(breakpointCols).sort(([firstBreakpoint], [secondBreakpoint]) => {
             return Number(secondBreakpoint) - Number(firstBreakpoint);
         });
@@ -30,11 +29,11 @@ const BalancedMasonry = (props) => {
         }
         return result;
     }, [breakpointCols, isServer]);
-    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());
-    const [columns, setColumns] = React.useState([]);
-    const containerRef = React.useRef(null);
+    const [columnCount, setColumnCount] = (0, react_1.useState)(getCurrentColumnsCount());
+    const [columns, setColumns] = (0, react_1.useState)([]);
+    const containerRef = (0, react_1.useRef)(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const balanceColumns = React.useCallback((0, debounce_1.default)(() => {
+    const balanceColumns = (0, react_1.useCallback)((0, debounce_1.default)(() => {
         if (!containerRef.current) {
             return;
         }
@@ -56,15 +55,15 @@ const BalancedMasonry = (props) => {
         }
         setColumns(localColumns);
     }, 300), [children, columnCount]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         balanceColumns();
     }, [balanceColumns, children, columnCount]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());
         window.addEventListener('resize', updateColumnCounter, { passive: true });
         return () => window.removeEventListener('resize', updateColumnCounter);
     }, [setColumnCount, columns, getCurrentColumnsCount]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const currentRef = containerRef.current;
         const isResizeEventsSupported = 'ResizeObserver' in window;
         if (!currentRef || !isResizeEventsSupported) {
@@ -80,7 +79,9 @@ const BalancedMasonry = (props) => {
         }
         return () => observer.disconnect();
     }, [balanceColumns, children]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), "data-qa": qa, children: [(0, jsx_runtime_1.jsx)("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` }, children: (0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: b('hidden-list'), children: children }) }), columns.map((columnElements, index) => ((0, jsx_runtime_1.jsx)("div", { className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column, children: columnElements }, index)))] }));
+    return (react_1.default.createElement("div", { className: b(null, className), "data-qa": qa },
+        react_1.default.createElement("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` } },
+            react_1.default.createElement("div", { ref: containerRef, className: b('hidden-list') }, children)),
+        columns.map((columnElements, index) => (react_1.default.createElement("div", { key: index, className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column }, columnElements)))));
 };
 exports.default = BalancedMasonry;
-//# sourceMappingURL=BalancedMasonry.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BlockBaseProps, ClassNameProps, QAProps } from "../../models/index.js";
-export type BlockBaseFullProps = BlockBaseProps & ClassNameProps & React.PropsWithChildren & QAProps;
-declare const BlockBase: (props: BlockBaseFullProps) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+import { BlockBaseProps, ClassNameProps, QAProps } from '../../models';
+export type BlockBaseFullProps = BlockBaseProps & ClassNameProps & PropsWithChildren & QAProps;
+declare const BlockBase: (props: BlockBaseFullProps) => JSX.Element;
 export default BlockBase;

package/build/cjs/components/BlockBase/BlockBase.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor.js"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const b = (0, utils_1.block)('block-base');
 const BlockBase = (props) => {
     const { anchor, indent, visible, children, className, resetPaddings, qa } = props;
     const { top, bottom } = indent || (resetPaddings ? { top: '0', bottom: '0' } : { top: 'l', bottom: 'l' });
-    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa, children: [anchor && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchor.url, className: b('anchor') }), children] }));
+    return (react_1.default.createElement(grid_1.Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa },
+        anchor && react_1.default.createElement(Anchor_1.default, { id: anchor.url, className: b('anchor') }),
+        children));
 };
 exports.default = BlockBase;
-//# sourceMappingURL=BlockBase.js.map