@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaBlock = exports.MediaBlockBaseProps = exports.Media = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common.js");
-const schema_1 = require("../../sub-blocks/Content/schema.js");
-exports.Media = {
+import omit from 'lodash/omit';
+import { AnimatableProps, BlockBaseProps, ButtonBlock, MediaProps, containerSizesObject, mediaDirection, withTheme, } from '../../schema/validators/common';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+export const Media = {
     type: 'object',
     additionalProperties: false,
     required: [],
-    properties: common_1.MediaProps,
+    properties: MediaProps,
 };
-const MediaBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['text', 'theme']);
-exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), MediaBlockContentProps), { description: {
+const MediaBlockContentProps = omit(ContentBase, ['text', 'theme']);
+export const MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), MediaBlockContentProps), { description: {
         type: 'string',
         contentType: 'yfm',
     }, direction: {
         type: 'string',
-        enum: common_1.mediaDirection,
+        enum: mediaDirection,
     }, mobileDirection: {
         type: 'string',
-        enum: common_1.mediaDirection,
+        enum: mediaDirection,
     }, largeMedia: {
         type: 'boolean',
     }, mediaOnly: {
@@ -31,15 +27,14 @@ exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.a
      */
     disableShadow: {
         type: 'boolean',
-    }, button: common_1.ButtonBlock, mediaOnlyColSizes: common_1.containerSizesObject, border: {
+    }, button: ButtonBlock, mediaOnlyColSizes: containerSizesObject, border: {
         type: 'string',
         enum: ['shadow', 'line', 'none'],
     } });
-exports.MediaBlock = {
+export const MediaBlock = {
     'media-block': {
         additionalProperties: false,
         required: ['title', 'media'],
-        properties: Object.assign(Object.assign({}, exports.MediaBlockBaseProps), { media: (0, common_1.withTheme)(exports.Media) }),
+        properties: Object.assign(Object.assign({}, MediaBlockBaseProps), { media: withTheme(Media) }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { PromoFeaturesProps } from "../../models/index.js";
+import { PromoFeaturesProps } from '../../models';
 declare const PromoFeaturesBlock: (props: PromoFeaturesProps) => import("react/jsx-runtime").JSX.Element;
 export default PromoFeaturesBlock;

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -1,40 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const BalancedMasonry_1 = tslib_1.__importDefault(require("../../components/BalancedMasonry/BalancedMasonry.js"));
-const FullWidthBackground_1 = tslib_1.__importDefault(require("../../components/FullWidthBackground/FullWidthBackground.js"));
-const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
-const constants_1 = require("../../constants.js");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const microdata_1 = require("../../utils/microdata.js");
-const b = (0, utils_1.block)('PromoFeaturesBlock');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';
+import FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';
+import Media from '../../components/Media/Media';
+import Title from '../../components/Title/Title';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { BREAKPOINTS } from '../../constants';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+const b = block('PromoFeaturesBlock');
 const breakpointColumns = {
-    [constants_1.BREAKPOINTS.lg]: 3,
-    [constants_1.BREAKPOINTS.md]: 2,
-    [constants_1.BREAKPOINTS.sm]: 1,
+    [BREAKPOINTS.lg]: 3,
+    [BREAKPOINTS.md]: 2,
+    [BREAKPOINTS.sm]: 1,
 };
 const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
-    const globalTheme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+    const globalTheme = useTheme();
+    return (_jsxs(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated, children: [_jsx(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }), _jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx(BalancedMasonry, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
                     const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
                     const themeMod = cardTheme || blockModifier || '';
-                    const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
-                    const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
+                    const themedMedia = getThemedValue(media, globalTheme);
+                    const allProps = mergeVideoMicrodata(themedMedia, {
                         name: cardTitle,
                         description: text,
                     });
-                    return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
+                    return (_jsxs("div", { className: b('card', {
                             'no-media': !media,
                             [themeMod]: Boolean(themeMod),
-                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ className: b('card-media') }, allProps))] }, index));
+                        }), children: [_jsxs("div", { className: b('card-info'), children: [_jsx("h3", { className: b('card-title'), children: cardTitle }), _jsx("div", { className: b('card-text'), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true } }) })] }), media && _jsx(Media, Object.assign({ className: b('card-media') }, allProps))] }, index));
                 }) })] }));
 };
-exports.default = PromoFeaturesBlock;
-//# sourceMappingURL=PromoFeaturesBlock.js.map
+export default PromoFeaturesBlock;

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

@@ -150,7 +150,7 @@ export declare const PromoFeaturesItem: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -158,14 +158,14 @@ export declare const PromoFeaturesItem: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsType[];
+                                    enum: import("../..").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                    enum: import("../..").CustomControlsButtonPositioning[];
                                 };
                             };
                         };

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

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PromoFeaturesBlock = exports.PromoFeaturesItem = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-const schema_1 = require("../Media/schema.js");
-exports.PromoFeaturesItem = {
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { Media } from '../Media/schema';
+export const PromoFeaturesItem = {
     additionalProperties: false,
     required: ['title', 'text'],
     properties: {
@@ -20,16 +17,15 @@ exports.PromoFeaturesItem = {
         theme: {
             enum: ['accent', 'accent-light', 'primary'],
         },
-        media: schema_1.Media,
+        media: Media,
     },
 };
-exports.PromoFeaturesBlock = {
+export const PromoFeaturesBlock = {
     'promo-features-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { theme: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { theme: {
                 enum: ['grey', 'default'],
-            }, items: (0, utils_1.filteredArray)(exports.PromoFeaturesItem) }),
+            }, items: filteredArray(PromoFeaturesItem) }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.d.ts

@@ -1,2 +1,2 @@
-import { QuestionBlockItemProps } from "../../../models/index.js";
+import { QuestionBlockItemProps } from '../../../models';
 export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -1,21 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuestionBlockItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../../components/index.js");
-const Link_1 = tslib_1.__importDefault(require("../../../components/Link/Link.js"));
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../models.js");
-const b = (0, utils_1.block)('QuestionsBlockItem');
-const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
-    const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem', children: [(0, jsx_runtime_1.jsxs)("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp, children: itemTitle }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: itemText, modifiers: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from '../../../components';
+import Link from '../../../components/Link/Link';
+import { block } from '../../../utils';
+import { FaqMicrodataValues } from '../models';
+const b = block('QuestionsBlockItem');
+export const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = useActionHandlers(onClick);
+    return (_jsxs("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp, children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
                                 constructor: true,
                                 constructorListStyle: true,
                                 constructorListStyleDash: listStyle === 'dash',
-                            }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }), link && (0, jsx_runtime_1.jsx)(Link_1.default, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))] }) })] }));
+                            }, itemProp: FaqMicrodataValues.QuestionTextProp }), link && _jsx(Link, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))] }) })] }));
 };
-exports.QuestionBlockItem = QuestionBlockItem;
-//# sourceMappingURL=QuestionBlockItem.js.map

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

@@ -1,3 +1,3 @@
-import { QuestionsProps } from "../../models/index.js";
+import { QuestionsProps } from '../../models';
 declare const QuestionsBlock: (props: QuestionsProps) => import("react/jsx-runtime").JSX.Element;
 export default QuestionsBlock;

package/build/cjs/blocks/Questions/Questions.js

@@ -1,14 +1,11 @@
-"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 grid_1 = require("../../grid/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
-const QuestionBlockItem_1 = require("./QuestionBlockItem/QuestionBlockItem.js");
-const models_1 = require("./models.js");
-const b = (0, utils_1.block)('QuestionsBlock');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Col, Row } from '../../grid';
+import { Content } from '../../sub-blocks';
+import { block } from '../../utils';
+import { QuestionBlockItem } from './QuestionBlockItem/QuestionBlockItem';
+import { FaqMicrodataValues } from './models';
+const b = block('QuestionsBlock');
 const QuestionsBlock = (props) => {
     const { title, text, additionalInfo, links, buttons, items, list } = props;
     const [opened, setOpened] = React.useState([0]);
@@ -22,11 +19,10 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+    return (_jsx("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
                         const isOpened = opened.includes(index);
                         const onClick = () => toggleItem(index);
-                        return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                        return (_jsx(QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
                     }) })] }) }));
 };
-exports.default = QuestionsBlock;
-//# sourceMappingURL=Questions.js.map
+export default QuestionsBlock;

package/build/cjs/blocks/Questions/models.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FaqMicrodataValues = void 0;
-exports.FaqMicrodataValues = {
+export const FaqMicrodataValues = {
     PageType: 'https://schema.org/FAQPage',
     PageId: '/faq',
     QuestionType: 'https://schema.org/Question',
@@ -12,4 +9,3 @@ exports.FaqMicrodataValues = {
     AnswerProp: 'acceptedAnswer',
     AnswerTextProp: 'text',
 };
-//# sourceMappingURL=models.js.map

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

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuestionsBlock = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-const schema_1 = require("../../sub-blocks/Content/schema.js");
-const QuestionsBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
-exports.QuestionsBlock = {
+import omit from 'lodash/omit';
+import { BlockBaseProps, LinkProps } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+const QuestionsBlockContentProps = omit(ContentBase, ['size', 'theme']);
+export const QuestionsBlock = {
     'questions-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), QuestionsBlockContentProps), { items: (0, utils_1.filteredArray)({
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), QuestionsBlockContentProps), { items: filteredArray({
                 type: 'object',
                 required: ['title', 'text'],
                 properties: {
@@ -23,7 +19,7 @@ exports.QuestionsBlock = {
                         type: 'string',
                         contentType: 'yfm',
                     },
-                    link: common_1.LinkProps,
+                    link: LinkProps,
                     listStyle: {
                         type: 'string',
                         enum: ['dash', 'disk'],
@@ -32,4 +28,3 @@ exports.QuestionsBlock = {
             }) }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Security/i18n/index.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}SecurityBlock`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SecurityBlock`);

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

@@ -1,3 +1,3 @@
-import { ShareBlockProps } from "../../models/index.js";
+import { ShareBlockProps } from '../../models';
 declare const Share: ({ items, title }: ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default Share;

package/build/cjs/blocks/Share/Share.js

@@ -1,41 +1,37 @@
-"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 uikit_1 = require("@gravity-ui/uikit");
-const locationContext_1 = require("../../context/locationContext/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const Facebook_1 = require("../../icons/Facebook.js");
-const Linkedin_1 = require("../../icons/Linkedin.js");
-const Telegram_1 = require("../../icons/Telegram.js");
-const Twitter_1 = require("../../icons/Twitter.js");
-const Vk_1 = require("../../icons/Vk.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { LocationContext } from '../../context/locationContext';
+import { useAnalytics } from '../../hooks';
+import { Facebook } from '../../icons/Facebook';
+import { Linkedin } from '../../icons/Linkedin';
+import { Telegram } from '../../icons/Telegram';
+import { Twitter } from '../../icons/Twitter';
+import { Vk } from '../../icons/Vk';
+import { DefaultEventNames } from '../../models';
+import { block, getAbsolutePath, getShareLink } from '../../utils';
+import { i18n } from './i18n';
 const icons = {
-    facebook: Facebook_1.Facebook,
-    twitter: Twitter_1.Twitter,
-    linkedin: Linkedin_1.Linkedin,
-    vk: Vk_1.Vk,
-    telegram: Telegram_1.Telegram,
+    facebook: Facebook,
+    twitter: Twitter,
+    linkedin: Linkedin,
+    vk: Vk,
+    telegram: Telegram,
 };
-const b = (0, utils_1.block)('share-block');
+const b = block('share-block');
 const Share = ({ items, title }) => {
-    const { pathname, hostname } = React.useContext(locationContext_1.LocationContext);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
+    const { pathname, hostname } = React.useContext(LocationContext);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title || (0, i18n_1.i18n)('constructor-share') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items.map((type) => {
-                    const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
-                    const socialUrl = (0, utils_1.getShareLink)(url, type);
+    return (_jsxs("div", { className: b(), children: [_jsx("h5", { className: b('title'), children: title || i18n('constructor-share') }), _jsx("div", { className: b('items'), children: items.map((type) => {
+                    const url = getAbsolutePath(hostname, pathname);
+                    const socialUrl = getShareLink(url, type);
                     const icon = icons[type];
-                    const urlTitle = (0, i18n_1.i18n)(`${type}-title`);
-                    const buttonLabel = (0, i18n_1.i18n)(`${type}-label`);
-                    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
+                    const urlTitle = i18n(`${type}-title`);
+                    const buttonLabel = i18n(`${type}-label`);
+                    return (_jsx(Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
                             'aria-label': buttonLabel,
-                        }, children: icon && (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
+                        }, children: icon && _jsx(Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
                 }) })] }));
 };
-exports.default = Share;
-//# sourceMappingURL=Share.js.map
+export default Share;

package/build/cjs/blocks/Share/i18n/index.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Share`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Share`);

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

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.ShareBlock = {
+import { BaseProps } from '../../schema/validators/common';
+export const ShareBlock = {
     'share-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+        properties: Object.assign(Object.assign({}, BaseProps), { title: {
                 type: 'string',
             }, items: {
                 type: 'array',
@@ -17,4 +14,3 @@ exports.ShareBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Slider/Arrow/Arrow.d.ts

@@ -1,4 +1,4 @@
-import { ClassNameProps } from "../../../models/index.js";
+import { ClassNameProps } from '../../../models';
 export type ArrowType = 'left' | 'right';
 export interface ArrowProps {
     type: ArrowType;

package/build/cjs/blocks/Slider/Arrow/Arrow.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow.js"));
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("../i18n/index.js");
-const b = (0, utils_1.block)('slider-block-arrow');
-const Arrow = ({ type, handleClick, className, size = 16 }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: (0, jsx_runtime_1.jsx)("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": (0, i18n_1.i18n)(`arrow-${type}`), children: (0, jsx_runtime_1.jsx)("span", { className: b('icon-wrapper'), children: (0, jsx_runtime_1.jsx)(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) }));
-exports.default = Arrow;
-//# sourceMappingURL=Arrow.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
+import { block } from '../../../utils';
+import { i18n } from '../i18n';
+const b = block('slider-block-arrow');
+const Arrow = ({ type, handleClick, className, size = 16 }) => (_jsx("div", { className: b({ type }, className), children: _jsx("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": i18n(`arrow-${type}`), children: _jsx("span", { className: b('icon-wrapper'), children: _jsx(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) }));
+export default Arrow;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Settings } from 'react-slick';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from "../../models/index.js";
+import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;