@gravity-ui/page-constructor 6.0.0-beta.1 → 6.0.0-beta.11

package/build/cjs/components/ReactPlayer/CustomBarControls.js

@@ -1,33 +1,30 @@
-"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 icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const CircleProgress_1 = tslib_1.__importDefault(require("./CircleProgress.js"));
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('CustomBarControls');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Pause, Play, VolumeFill, VolumeLow, VolumeXmark } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { CustomControlsType } from '../../models';
+import { block } from '../../utils';
+import CircleProgress from './CircleProgress';
+import { i18n } from './i18n';
+const b = block('CustomBarControls');
 const playIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: null,
-    [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.Play,
+    [CustomControlsType.WithMuteButton]: null,
+    [CustomControlsType.WithPlayPauseButton]: Play,
 };
 const pauseIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: null,
-    [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.Pause,
+    [CustomControlsType.WithMuteButton]: null,
+    [CustomControlsType.WithPlayPauseButton]: Pause,
 };
 const muteIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: icons_1.VolumeFill,
-    [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.VolumeLow,
+    [CustomControlsType.WithMuteButton]: VolumeFill,
+    [CustomControlsType.WithPlayPauseButton]: VolumeLow,
 };
 const unmuteIconsMap = {
-    [models_1.CustomControlsType.WithMuteButton]: icons_1.VolumeXmark,
-    [models_1.CustomControlsType.WithPlayPauseButton]: icons_1.VolumeXmark,
+    [CustomControlsType.WithMuteButton]: VolumeXmark,
+    [CustomControlsType.WithPlayPauseButton]: VolumeXmark,
 };
 const CustomBarControls = (props) => {
-    const { mute, elapsedTimePercent = 0, className, type = models_1.CustomControlsType.WithMuteButton, isPaused, onPlayClick, muteButtonShown: isMuteButtonShown = true, shown, positioning, } = props;
+    const { mute, elapsedTimePercent = 0, className, type = CustomControlsType.WithMuteButton, isPaused, onPlayClick, muteButtonShown: isMuteButtonShown = true, shown, positioning, } = props;
     const muteIcon = muteIconsMap[type];
     const unmuteIcon = unmuteIconsMap[type];
     const playIcon = playIconsMap[type];
@@ -37,16 +34,15 @@ const CustomBarControls = (props) => {
             return null;
         }
         const { isMuted, changeMute } = mute;
-        return ((0, jsx_runtime_1.jsxs)("button", { className: b('button', { type }), onClick: changeMute, "aria-label": (0, i18n_1.i18n)(isMuted ? 'unmute' : 'mute'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: isMuted ? unmuteIcon : muteIcon, className: b('mute-icon', { type }) }), type === models_1.CustomControlsType.WithMuteButton && !isMuted && ((0, jsx_runtime_1.jsx)(CircleProgress_1.default, { elapsedTime: elapsedTimePercent, strokeWidth: 5 }))] }));
+        return (_jsxs("button", { className: b('button', { type }), onClick: changeMute, "aria-label": i18n(isMuted ? 'unmute' : 'mute'), children: [_jsx(Icon, { data: isMuted ? unmuteIcon : muteIcon, className: b('mute-icon', { type }) }), type === CustomControlsType.WithMuteButton && !isMuted && (_jsx(CircleProgress, { elapsedTime: elapsedTimePercent, strokeWidth: 5 }))] }));
     }, [elapsedTimePercent, isMuteButtonShown, mute, muteIcon, type, unmuteIcon]);
     const playPauseButton = React.useMemo(() => {
         const icon = isPaused ? playIcon : pauseIcon;
-        if (type === models_1.CustomControlsType.WithMuteButton || !icon) {
+        if (type === CustomControlsType.WithMuteButton || !icon) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsx)("button", { onClick: onPlayClick, className: b('button', { type }), "aria-label": (0, i18n_1.i18n)(isPaused ? 'play' : 'pause'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, className: b('play-icon', { type }) }) }));
+        return (_jsx("button", { onClick: onPlayClick, className: b('button', { type }), "aria-label": i18n(isPaused ? 'play' : 'pause'), children: _jsx(Icon, { data: icon, className: b('play-icon', { type }) }) }));
     }, [isPaused, onPlayClick, type, playIcon, pauseIcon]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper', { type, shown, positioning }, className), children: [playPauseButton, muteButton] }));
+    return (_jsxs("div", { className: b('wrapper', { type, shown, positioning }, className), children: [playPauseButton, muteButton] }));
 };
-exports.default = CustomBarControls;
-//# sourceMappingURL=CustomBarControls.js.map
+export default CustomBarControls;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, MediaVideoProps, ReactPlayerBlockHandler } from "../../models/index.js";
+import { ClassNameProps, MediaVideoProps, ReactPlayerBlockHandler } from '../../models';
 export interface ReactPlayerBlockProps extends Omit<MediaVideoProps, 'loop' | 'src'>, ClassNameProps {
     src: string | string[];
     previewImgUrl?: string;

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -1,33 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactPlayerBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const react_player_1 = tslib_1.__importDefault(require("react-player"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const videoContext_1 = require("../../context/videoContext/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const CustomBarControls_1 = tslib_1.__importDefault(require("./CustomBarControls.js"));
-const i18n_1 = require("./i18n/index.js");
-const utils_2 = require("./utils.js");
-const youtube_1 = require("./utils/youtube.js");
-const b = (0, utils_1.block)('ReactPlayer');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { PlayFill } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import debounce from 'lodash/debounce';
+import ReactPlayer from 'react-player';
+import { MobileContext } from '../../context/mobileContext';
+import { VideoContext } from '../../context/videoContext';
+import { useAnalytics, useMount } from '../../hooks';
+import { CustomControlsButtonPositioning, CustomControlsType, DefaultEventNames, MediaVideoControlsType, PlayButtonThemes, PlayButtonType, PredefinedEventTypes, } from '../../models';
+import { block } from '../../utils';
+import CustomBarControls from './CustomBarControls';
+import { i18n } from './i18n';
+import { checkYoutubeVideos } from './utils';
+import { isYoutubePlayerInstance } from './utils/youtube';
+const b = block('ReactPlayer');
 const FPS = 60;
 // eslint-disable-next-line react/display-name
-exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain = true, } = props;
-    const { type = models_1.PlayButtonType.Default, theme = models_1.PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
-    const { type: customControlsType = models_1.CustomControlsType.WithMuteButton, muteButtonShown, positioning = models_1.CustomControlsButtonPositioning.Center, } = customControlsOptions;
+export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
+    const isMobile = React.useContext(MobileContext);
+    const { src, previewImgUrl, loop = false, controls = MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain = true, } = props;
+    const { type = PlayButtonType.Default, theme = PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
+    const { type: customControlsType = CustomControlsType.WithMuteButton, muteButtonShown, positioning = CustomControlsButtonPositioning.Center, } = customControlsOptions;
     const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
     const mute = initiallyMuted || autoPlay;
-    const { playingVideoRef, setProps } = React.useContext(videoContext_1.VideoContext);
+    const { playingVideoRef, setProps } = React.useContext(VideoContext);
     const ref = React.useRef(null);
     const buttonRef = React.useRef(null);
     const [playerRef, setPlayerRef] = React.useState();
@@ -41,22 +37,22 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const [ended, setEnded] = React.useState(false);
     const [isMounted, setIsMounted] = React.useState(false);
     const [hovered, setHovered] = React.useState(isMobile);
-    (0, hooks_1.useMount)(() => setIsMounted(true));
-    const videoSrc = React.useMemo(() => (0, utils_2.checkYoutubeVideos)(src), [src]);
+    useMount(() => setIsMounted(true));
+    const videoSrc = React.useMemo(() => checkYoutubeVideos(src), [src]);
     const eventsArray = React.useMemo(() => {
         if (analyticsEvents) {
             return Array.isArray(analyticsEvents) ? analyticsEvents : [analyticsEvents];
         }
         return [];
     }, [analyticsEvents]);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ReactPlayerControls);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ReactPlayerControls);
     React.useImperativeHandle(originRef, () => {
         if (!playerRef) {
             return;
         }
         let play, pause, addEventListener;
         const videoInstance = playerRef.getInternalPlayer();
-        if ((0, youtube_1.isYoutubePlayerInstance)(videoInstance)) {
+        if (isYoutubePlayerInstance(videoInstance)) {
             ({ pauseVideo: pause, playVideo: play, addEventListener } = videoInstance);
         }
         else {
@@ -97,7 +93,7 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
         }
     }, [elapsedTime, playerRef, started]);
     React.useEffect(() => {
-        const updateSize = (0, debounce_1.default)(() => {
+        const updateSize = debounce(() => {
             if (ref.current) {
                 // We need to get parent's width does not equal 0
                 const parentElement = getParentElement(ref.current);
@@ -115,26 +111,26 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [actualRatio, autoRatio, ratio]);
-    const playEvents = React.useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === models_1.PredefinedEventTypes.Play), [eventsArray]);
-    const stopEvents = React.useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === models_1.PredefinedEventTypes.Stop), [eventsArray]);
+    const playEvents = React.useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === PredefinedEventTypes.Play), [eventsArray]);
+    const stopEvents = React.useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === PredefinedEventTypes.Stop), [eventsArray]);
     const playIcon = React.useMemo(() => {
         let playButtonContent;
         switch (type) {
-            case models_1.PlayButtonType.Text:
+            case PlayButtonType.Text:
                 playButtonContent = text;
                 break;
-            case models_1.PlayButtonType.Default:
+            case PlayButtonType.Default:
             default:
-                playButtonContent = (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 });
+                playButtonContent = _jsx(Icon, { className: b('icon'), data: PlayFill, size: 24 });
                 break;
         }
-        return ((0, jsx_runtime_1.jsx)("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": (0, i18n_1.i18n)('play'), ref: buttonRef, children: playButtonContent }));
+        return (_jsx("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": i18n('play'), ref: buttonRef, children: playButtonContent }));
     }, [type, theme, text, buttonClassName]);
     const changeMute = React.useCallback((isMuted) => {
         if (isMuted &&
             playerRef &&
-            controls === models_1.MediaVideoControlsType.Custom &&
-            customControlsType === models_1.CustomControlsType.WithMuteButton) {
+            controls === MediaVideoControlsType.Custom &&
+            customControlsType === CustomControlsType.WithMuteButton) {
             playerRef.seekTo(0);
             setPlayedPercent(0);
         }
@@ -161,8 +157,8 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
     }, [onClickPreview, handleAnalytics, playEvents]);
     const onPause = React.useCallback(() => {
         // For support correct state for youtube
-        if (controls !== models_1.MediaVideoControlsType.Custom ||
-            customControlsType !== models_1.CustomControlsType.WithMuteButton) {
+        if (controls !== MediaVideoControlsType.Custom ||
+            customControlsType !== CustomControlsType.WithMuteButton) {
             setIsPlaying(false);
         }
     }, [controls, customControlsType]);
@@ -173,8 +169,8 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
     }, [autoPlay, initiallyMuted]);
     const onPlay = React.useCallback(() => {
         setIsPlaying(true);
-        if (controls === models_1.MediaVideoControlsType.Custom &&
-            customControlsType === models_1.CustomControlsType.WithMuteButton) {
+        if (controls === MediaVideoControlsType.Custom &&
+            customControlsType === CustomControlsType.WithMuteButton) {
             if (ended) {
                 changeMute(false);
             }
@@ -221,8 +217,8 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const handleClick = React.useCallback(() => {
         var _a;
         (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.click();
-        if (controls === models_1.MediaVideoControlsType.Custom) {
-            if (customControlsType === models_1.CustomControlsType.WithMuteButton) {
+        if (controls === MediaVideoControlsType.Custom) {
+            if (customControlsType === CustomControlsType.WithMuteButton) {
                 changeMute(muted);
             }
             else {
@@ -239,12 +235,12 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
     }, []);
     const onFocusIn = React.useCallback(() => setHovered(true), []);
     const onFocusOut = React.useCallback(() => setHovered(false), []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({
+    return (_jsx("div", { className: b({
             wrapper: !currentHeight,
             controls,
             contain,
             'auto-ratio': autoRatio,
-        }, className), ref: ref, onClick: handleClick, onMouseEnter: onFocusIn, onMouseLeave: onFocusOut, onFocus: onFocusIn, onBlur: onFocusOut, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, children: isMounted ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_player_1.default, { className: b('player'), url: videoSrc, muted: muted, controls: controls === models_1.MediaVideoControlsType.Default, height: currentHeight || '100%', width: width || '100%', light: previewImgUrl, playing: isPlaying, playIcon: playIcon, progressInterval: FPS, onClickPreview: handleClickPreview, onStart: onStart, onReady: onReady, onPlay: onPlay, onPause: autoPlay && customControlsType !== models_1.CustomControlsType.WithMuteButton
+        }, className), ref: ref, onClick: handleClick, onMouseEnter: onFocusIn, onMouseLeave: onFocusOut, onFocus: onFocusIn, onBlur: onFocusOut, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, children: isMounted ? (_jsxs(React.Fragment, { children: [_jsx(ReactPlayer, { className: b('player'), url: videoSrc, muted: muted, controls: controls === MediaVideoControlsType.Default, height: currentHeight || '100%', width: width || '100%', light: previewImgUrl, playing: isPlaying, playIcon: playIcon, progressInterval: FPS, onClickPreview: handleClickPreview, onStart: onStart, onReady: onReady, onPlay: onPlay, onPause: autoPlay && customControlsType !== CustomControlsType.WithMuteButton
                         ? undefined
                         : onPause, onProgress: onProgress, onEnded: onEnded, "aria-label": ariaLabel, previewTabIndex: -1, config: {
                         file: {
@@ -254,7 +250,7 @@ exports.ReactPlayerBlock = React.forwardRef((props, originRef) => {
                                 disablepictureinpicture: isMobile ? '' : undefined,
                             },
                         },
-                    } }), controls === models_1.MediaVideoControlsType.Custom && ((0, jsx_runtime_1.jsx)(CustomBarControls_1.default, { className: customBarControlsClassName, mute: {
+                    } }), controls === MediaVideoControlsType.Custom && (_jsx(CustomBarControls, { className: customBarControlsClassName, mute: {
                         isMuted: muted,
                         changeMute: (event) => {
                             event.stopPropagation();
@@ -272,5 +268,4 @@ function getParentElement(element) {
     }
     return parentElement.offsetWidth ? parentElement : getParentElement(parentElement);
 }
-exports.default = exports.ReactPlayerBlock;
-//# sourceMappingURL=ReactPlayer.js.map
+export default ReactPlayerBlock;

package/build/cjs/components/ReactPlayer/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}ReactPlayer`);
-//# 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}ReactPlayer`);

package/build/cjs/components/ReactPlayer/utils/youtube.js

@@ -1,8 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isYoutubePlayerInstance = void 0;
-const isYoutubePlayerInstance = (playerInstance) => {
+export const isYoutubePlayerInstance = (playerInstance) => {
     return Boolean(playerInstance['pauseVideo'] && playerInstance['playVideo']);
 };
-exports.isYoutubePlayerInstance = isYoutubePlayerInstance;
-//# sourceMappingURL=youtube.js.map

package/build/cjs/components/ReactPlayer/utils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkYoutubeVideos = void 0;
 // the file serves to support live video with react-player@2.9
 const LIVE_YUOTUBE_VIDEO_REGEX = /(?:youtu\.be\/live\/|youtube(?:-nocookie)?\.com\/(?:live\/))((\w|-){11})/;
 const YOUTUBE_VIDEO_TEMPLATE = 'https://www.youtube.com/watch?v=';
@@ -15,11 +12,9 @@ const transformYoutubeUrl = (src) => {
     }
     return src;
 };
-const checkYoutubeVideos = (src) => {
+export const checkYoutubeVideos = (src) => {
     if (Array.isArray(src)) {
         return src.map((videoUrl) => transformYoutubeUrl(videoUrl));
     }
     return transformYoutubeUrl(src);
 };
-exports.checkYoutubeVideos = checkYoutubeVideos;
-//# sourceMappingURL=utils.js.map

package/build/cjs/components/RootCn/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { ClassNameProps } from "../../models/index.js";
+import { ClassNameProps } from '../../models';
 declare const RootCn: ({ className, children }: React.PropsWithChildren<ClassNameProps>) => import("react/jsx-runtime").JSX.Element;
 export default RootCn;

package/build/cjs/components/RootCn/index.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '../../context/theme';
+import { rootCn } from '../../utils';
 const RootCn = ({ className, children }) => {
-    const theme = (0, theme_1.useTheme)();
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.rootCn)({ theme }, className), children: children });
+    const theme = useTheme();
+    return _jsx("div", { className: rootCn({ theme }, className), children: children });
 };
-exports.default = RootCn;
-//# sourceMappingURL=index.js.map
+export default RootCn;

package/build/cjs/components/RouterLink/RouterLink.js

@@ -1,12 +1,8 @@
-"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 locationContext_1 = require("../../context/locationContext/index.js");
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LocationContext } from '../../context/locationContext';
 const RouterLink = ({ href, children }) => {
-    const { Link } = React.useContext(locationContext_1.LocationContext);
-    return Link ? (0, jsx_runtime_1.jsx)(Link, { href: href, children: children }) : (0, jsx_runtime_1.jsx)(React.Fragment, { children: children });
+    const { Link } = React.useContext(LocationContext);
+    return Link ? _jsx(Link, { href: href, children: children }) : _jsx(React.Fragment, { children: children });
 };
-exports.default = RouterLink;
-//# sourceMappingURL=RouterLink.js.map
+export default RouterLink;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, TableProps } from "../../models/index.js";
+import { ClassNameProps, TableProps } from '../../models';
 export default class Table extends React.Component<TableProps & ClassNameProps> {
     render(): import("react/jsx-runtime").JSX.Element | null;
     private renderTable;

package/build/cjs/components/Table/Table.js

@@ -1,40 +1,35 @@
-"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 icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const __1 = require("../index.js");
-const utils_1 = require("../../utils/index.js");
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Check, Minus } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { HTML, YFMWrapper } from '../';
+import { block } from '../../utils';
 function getMarkerId(index) {
     if (isNaN(index)) {
         return undefined;
     }
     return `marker-${index}`;
 }
-const b = (0, utils_1.block)('table');
-class Table extends React.Component {
+const b = block('table');
+export default class Table extends React.Component {
     render() {
         const { content, legend, hideLegend, marker = 'disk', className, caption } = this.props;
         if (!content || !content.length || !content[0].length) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), role: 'table', "aria-label": caption, children: [this.renderTable(content, marker, legend), legend && !hideLegend && this.renderLegend(legend, marker)] }));
+        return (_jsxs("div", { className: b(null, className), role: 'table', "aria-label": caption, children: [this.renderTable(content, marker, legend), legend && !hideLegend && this.renderLegend(legend, marker)] }));
     }
     renderTable(content, marker, legend) {
         const justify = this.getDefaultJustify(content, this.props.justify);
-        return ((0, jsx_runtime_1.jsx)("div", { className: b('table'), role: 'rowgroup', children: content.map((row, i) => ((0, jsx_runtime_1.jsx)("div", { className: b('row'), role: 'row', children: row.map((cell, j) => ((0, jsx_runtime_1.jsx)("div", { className: b('cell', { justify: justify[j] }), role: 'cell', children: legend && i && j ? (this.renderMarker(marker, cell)) : ((0, jsx_runtime_1.jsx)(__1.HTML, { children: cell })) }, j))) }, i))) }));
+        return (_jsx("div", { className: b('table'), role: 'rowgroup', children: content.map((row, i) => (_jsx("div", { className: b('row'), role: 'row', children: row.map((cell, j) => (_jsx("div", { className: b('cell', { justify: justify[j] }), role: 'cell', children: legend && i && j ? (this.renderMarker(marker, cell)) : (_jsx(HTML, { children: cell })) }, j))) }, i))) }));
     }
     renderMarker(type, cell) {
-        return ((0, jsx_runtime_1.jsx)("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }), children: type === 'tick' ? ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? icons_1.Check : icons_1.Minus })) : null }));
+        return (_jsx("div", { "aria-labelledby": getMarkerId(Number(cell)), className: b('marker', { type, index: String(cell) }), children: type === 'tick' ? (_jsx(Icon, { size: 20, className: b('marker_tick', { check: Number(cell) === 1 }), data: Number(cell) === 1 ? Check : Minus })) : null }));
     }
     renderLegend(legend, marker) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: b('legend'), children: legend.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { className: b('legend-item'), children: [this.renderMarker(marker, String(index)), (0, jsx_runtime_1.jsx)(__1.YFMWrapper, { className: b('legent-item-text'), content: item, modifiers: { constructor: true }, id: getMarkerId(index) })] }, item))) }));
+        return (_jsx("div", { className: b('legend'), children: legend.map((item, index) => (_jsxs("div", { className: b('legend-item'), children: [this.renderMarker(marker, String(index)), _jsx(YFMWrapper, { className: b('legent-item-text'), content: item, modifiers: { constructor: true }, id: getMarkerId(index) })] }, item))) }));
     }
     getDefaultJustify(content, justify) {
         return justify || new Array(content[0].length).fill('center');
     }
 }
-exports.default = Table;
-//# sourceMappingURL=Table.js.map

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

@@ -1,5 +1,5 @@
-import { GridColumnSizesType } from "../../grid/index.js";
-import { ClassNameProps, TitleProps as TitleParams } from "../../models/index.js";
+import { GridColumnSizesType } from '../../grid';
+import { ClassNameProps, TitleProps as TitleParams } from '../../models';
 export interface TitleProps extends TitleParams {
     colSizes?: GridColumnSizesType;
     id?: string;

package/build/cjs/components/Title/Title.js

@@ -1,18 +1,17 @@
-"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 YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper.js"));
-const TitleItem_1 = tslib_1.__importDefault(require("./TitleItem.js"));
-const b = (0, utils_1.block)('title');
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Col } from '../../grid';
+import { block } from '../../utils';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
+import TitleItem from './TitleItem';
+const b = block('title');
 const Title = ({ title, subtitle, className, colSizes = { all: 12, sm: 8 }, id, }) => {
     if (!title && !subtitle) {
         return null;
     }
     const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = tslib_1.__rest(_a, ["text"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), id: id, children: [text && ((0, jsx_runtime_1.jsx)(grid_1.Col, { reset: true, sizes: colSizes, children: (0, jsx_runtime_1.jsx)(TitleItem_1.default, Object.assign({ text: text }, titleProps)) })), subtitle && ((0, jsx_runtime_1.jsx)(grid_1.Col, { reset: true, sizes: colSizes, children: (0, jsx_runtime_1.jsx)("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: subtitle, modifiers: { constructor: true } }) }) }))] }));
+    return (_jsxs("div", { className: b(null, className), id: id, children: [text && (_jsx(Col, { reset: true, sizes: colSizes, children: _jsx(TitleItem, Object.assign({ text: text }, titleProps)) })), subtitle && (_jsx(Col, { reset: true, sizes: colSizes, children: _jsx("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }), children: _jsx(YFMWrapper, { content: subtitle, modifiers: { constructor: true } }) }) }))] }));
 };
-exports.default = Title;
-//# sourceMappingURL=Title.js.map
+export default Title;

package/build/cjs/components/Title/TitleItem.d.ts

@@ -1,4 +1,4 @@
-import { QAProps, TextSize, TitleItemProps } from "../../models/index.js";
+import { QAProps, TextSize, TitleItemProps } from '../../models';
 export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;

package/build/cjs/components/Title/TitleItem.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getArrowSize = getArrowSize;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const __1 = require("../index.js");
-const locationContext_1 = require("../../context/locationContext/index.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor.js"));
-const b = (0, utils_1.block)('title-item');
-function getArrowSize(size, isMobile) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { HTML, ToggleArrow } from '../';
+import { LocationContext } from '../../context/locationContext';
+import { MobileContext } from '../../context/mobileContext';
+import { block, getHeaderTag, getLinkProps } from '../../utils';
+import Anchor from '../Anchor/Anchor';
+const b = block('title-item');
+export function getArrowSize(size, isMobile) {
     switch (size) {
         case 'xs':
             return 13;
@@ -25,25 +21,24 @@ function getArrowSize(size, isMobile) {
     }
 }
 const TitleItem = (props) => {
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, qa, resetMargin = true, urlTitle, } = props;
-    const { hostname } = React.useContext(locationContext_1.LocationContext);
-    const textMarkup = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.HTML, { className: b('text'), children: text }), custom && ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)("span", { className: b('custom'), children: custom })] }))] }));
+    const { hostname } = React.useContext(LocationContext);
+    const textMarkup = (_jsxs(React.Fragment, { children: [_jsx(HTML, { className: b('text'), children: text }), custom && (_jsxs(React.Fragment, { children: ["\u00A0", _jsx("span", { className: b('custom'), children: custom })] }))] }));
     let content;
-    const insideClickableContent = ((0, jsx_runtime_1.jsxs)("span", { className: b('wrapper'), children: [textMarkup, "\u00A0", (0, jsx_runtime_1.jsx)(__1.ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })] }));
+    const insideClickableContent = (_jsxs("span", { className: b('wrapper'), children: [textMarkup, "\u00A0", _jsx(ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })] }));
     if (!url && !onClick) {
         content = textMarkup;
     }
     else if (url) {
-        content = ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: b('link'), href: url }, (0, utils_1.getLinkProps)(url, hostname), { onClick: onClick, title: urlTitle, children: insideClickableContent })));
+        content = (_jsx("a", Object.assign({ className: b('link'), href: url }, getLinkProps(url, hostname), { onClick: onClick, title: urlTitle, children: insideClickableContent })));
     }
     else if (onClick) {
-        content = ((0, jsx_runtime_1.jsx)("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
+        content = (_jsx("button", { className: b('link'), onClick: onClick, title: urlTitle, children: insideClickableContent }));
     }
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [anchor && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchor, className: b('anchor') }), React.createElement((0, utils_1.getHeaderTag)(textSize), {
+    return (_jsxs(React.Fragment, { children: [anchor && _jsx(Anchor, { id: anchor, className: b('anchor') }), React.createElement(getHeaderTag(textSize), {
                 className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
                 'data-qa': `${qa}-header`,
             }, content)] }));
 };
-exports.default = TitleItem;
-//# sourceMappingURL=TitleItem.js.map
+export default TitleItem;

package/build/cjs/components/ToggleArrow/ToggleArrow.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const icons_1 = require("../../icons/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('ToggleArrow');
-const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? icons_1.NavigationChevron : icons_1.Chevron, size: size }));
-exports.default = ToggleArrow;
-//# sourceMappingURL=ToggleArrow.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@gravity-ui/uikit';
+import { Chevron, NavigationChevron } from '../../icons';
+import { block } from '../../utils';
+const b = block('ToggleArrow');
+const ToggleArrow = ({ type = 'horizontal', iconType = 'default', open = false, size = 16, thin = false, slow = false, className, }) => (_jsx(Icon, { className: b({ type, open, thin, slow }, className), data: iconType === 'navigation' ? NavigationChevron : Chevron, size: size }));
+export default ToggleArrow;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: children || (0, i18n_1.i18n)('label_non_published') }));
-exports.default = UnpublishedLabel;
-//# sourceMappingURL=UnpublishedLabel.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from '../../utils';
+import { i18n } from './i18n';
+const b = block('unpublished-label');
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (_jsx("div", { className: b({ type }, className), children: children || i18n('label_non_published') }));
+export default UnpublishedLabel;

package/build/cjs/components/UnpublishedLabel/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}UnpublishedLabel`);
-//# 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}UnpublishedLabel`);