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

package/build/cjs/components/Control/Control.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-import { i18n } from './i18n';
-const b = block('control');
-export const defaultIconId = 'icon-test-id';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultIconId = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('control');
+exports.defaultIconId = 'icon-test-id';
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, qa, } = props;
-    return (_jsx("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa, children: _jsx(Icon, { data: icon, size: iconSize, qa: defaultIconId }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": (0, i18n_1.i18n)('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: iconSize, qa: exports.defaultIconId }) }));
 };
-export default Control;
+exports.default = Control;
+//# sourceMappingURL=Control.js.map

package/build/cjs/components/Control/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sourceRoot":"../../../../src","sources":["components/Control/Control.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiD;AAEjD,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;AAEd,QAAA,aAAa,GAAG,cAAc,CAAC;AAa5C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACpC,MAAM,EACF,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,EAAE,GACL,GAAG,KAAK,CAAC;IAEV,OAAO,CACH,mCACI,IAAI,EAAC,QAAQ,gBACD,IAAA,WAAI,EAAC,YAAY,CAAC,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,EAChD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,QAAQ,EAAE,QAAQ,aACT,EAAE,YAEX,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,qBAAa,GAAI,GAClD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import {Icon, IconData} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Control.scss';\n\nconst b = block('control');\n\nexport const defaultIconId = 'icon-test-id';\n\nexport interface ControlProps {\n    icon: IconData;\n    theme?: 'primary' | 'secondary' | 'link' | 'accent';\n    size?: 'xs' | 's' | 'm' | 'l';\n    iconSize?: number;\n    disabled?: boolean;\n    className?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    qa?: string;\n}\n\nconst Control = (props: ControlProps) => {\n    const {\n        icon,\n        theme = 'primary',\n        size = 's',\n        iconSize = 16,\n        disabled = false,\n        onClick,\n        className,\n        qa,\n    } = props;\n\n    return (\n        <button\n            type=\"button\"\n            aria-label={i18n('aria-label')}\n            className={b({size, theme, disabled}, className)}\n            onClick={disabled ? undefined : onClick}\n            disabled={disabled}\n            data-qa={qa}\n        >\n            <Icon data={icon} size={iconSize} qa={defaultIconId} />\n        </button>\n    );\n};\n\nexport default Control;\n"]}

package/build/cjs/components/Control/i18n/index.js

@@ -1,5 +1,10 @@
-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}Control`);
+"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}Control`);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Control/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/Control/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,SAAS,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Control`);\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MediaVideoProps } from '../../models';
+import { MediaVideoProps } from "../../models/index.js";
 type DefaultVideoRefType = HTMLVideoElement | undefined;
 interface DefaultVideoProps {
     video: MediaVideoProps;

package/build/cjs/components/DefaultVideo/DefaultVideo.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { CustomControlsType, MediaVideoControlsType } from '../../models';
-import { block } from '../../utils';
-import { getVideoTypesWithPriority } from '../Media/Video/utils';
-import CustomBarControls from '../ReactPlayer/CustomBarControls';
-const b = block('default-video');
-export const DefaultVideo = React.forwardRef((props, ref) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultVideo = void 0;
+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/Video/utils.js");
+const CustomBarControls_1 = tslib_1.__importDefault(require("../ReactPlayer/CustomBarControls.js"));
+const b = (0, utils_1.block)('default-video');
+exports.DefaultVideo = React.forwardRef((props, ref) => {
     const { video, qa, customBarControlsClassName } = props;
     const { controls, customControlsOptions, muted: initiallyMuted = true } = video;
     const { muteButtonShown, positioning, type: customControlsType, } = customControlsOptions || {};
@@ -40,16 +44,17 @@ export const DefaultVideo = React.forwardRef((props, ref) => {
         setIsMuted((value) => !value);
     }, []);
     const onClick = React.useCallback(() => {
-        if (customControlsType === CustomControlsType.WithPlayPauseButton) {
+        if (customControlsType === models_1.CustomControlsType.WithPlayPauseButton) {
             onPlayToggle();
         }
     }, [onPlayToggle, customControlsType]);
-    return (_jsxs(React.Fragment, { children: [_jsxs("video", { disablePictureInPicture: true, playsInline: true, 
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("video", { disablePictureInPicture: true, playsInline: true, 
                 // @ts-ignore
                 // eslint-disable-next-line react/no-unknown-property
-                pip: "false", className: b(), ref: videoRef, preload: "metadata", muted: isMuted, "aria-label": video.ariaLabel, onClick: onClick, children: [getVideoTypesWithPriority(video.src).map(({ src, type }, index) => (_jsx("source", { src: src, type: type, "data-qa": qa }, index))), _jsx("track", { default: true, kind: "captions" })] }), controls === MediaVideoControlsType.Custom && (_jsx(CustomBarControls, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
+                pip: "false", className: b(), ref: videoRef, preload: "metadata", muted: isMuted, "aria-label": video.ariaLabel, onClick: onClick, children: [(0, utils_2.getVideoTypesWithPriority)(video.src).map(({ src, type }, index) => ((0, jsx_runtime_1.jsx)("source", { src: src, type: type, "data-qa": qa }, index))), (0, jsx_runtime_1.jsx)("track", { default: true, kind: "captions" })] }), controls === models_1.MediaVideoControlsType.Custom && ((0, jsx_runtime_1.jsx)(CustomBarControls_1.default, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
                     isMuted: Boolean(isMuted),
                     changeMute: onMuteToggle,
                 } }))] }));
 });
-DefaultVideo.displayName = 'DefaultVideo';
+exports.DefaultVideo.displayName = 'DefaultVideo';
+//# sourceMappingURL=DefaultVideo.js.map

package/build/cjs/components/DefaultVideo/DefaultVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultVideo.js","sourceRoot":"../../../../src","sources":["components/DefaultVideo/DefaultVideo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kDAAyF;AACzF,gDAAkC;AAClC,mDAA+D;AAC/D,oGAAiE;AAIjE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAWpB,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,0BAA0B,EAAC,GAAG,KAAK,CAAC;IACtD,MAAM,EAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAC9E,MAAM,EACF,eAAe,EACf,WAAW,EACX,IAAI,EAAE,kBAAkB,GAC3B,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,mEAAmE;IACnE,sEAAsE;IACtE,kCAAkC;IAClC,oEAAoE;IACpE,+DAA+D;IAC/D,gDAAgD;IAChD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAChC,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAA,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;;YAClB,IAAI,KAAK,EAAE,CAAC;gBACR,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,IAAI,EAAE,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;YAED,OAAO,CAAC,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,kBAAkB,KAAK,2BAAkB,CAAC,mBAAmB,EAAE,CAAC;YAChE,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,mCACI,uBAAuB,QACvB,WAAW;gBACX,aAAa;gBACb,qDAAqD;gBACrD,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,CAAC,EAAE,EACd,GAAG,EAAE,QAAQ,EACb,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,OAAO,gBACF,KAAK,CAAC,SAAS,EAC3B,OAAO,EAAE,OAAO,aAEf,IAAA,iCAAyB,EAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9D,mCAAoB,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,aAAW,EAAE,IAAxC,KAAK,CAAuC,CAC5D,CAAC,EACF,kCAAO,OAAO,QAAC,IAAI,EAAC,UAAU,GAAG,IAC7B,EAEP,QAAQ,KAAK,+BAAsB,CAAC,MAAM,IAAI,CAC3C,uBAAC,2BAAiB,IACd,SAAS,EAAE,0BAA0B,EACrC,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,YAAY,EACzB,eAAe,EAAE,eAAe,EAChC,KAAK,QACL,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE;oBACF,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;oBACzB,UAAU,EAAE,YAAY;iBAC3B,GACH,CACL,IACY,CACpB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CustomControlsType, MediaVideoControlsType, MediaVideoProps} from '../../models';\nimport {block} from '../../utils';\nimport {getVideoTypesWithPriority} from '../Media/Video/utils';\nimport CustomBarControls from '../ReactPlayer/CustomBarControls';\n\nimport './DefaultVideo.scss';\n\nconst b = block('default-video');\n\ntype DefaultVideoRefType = HTMLVideoElement | undefined;\n\ninterface DefaultVideoProps {\n    video: MediaVideoProps;\n    qa?: string;\n    customBarControlsClassName?: string;\n    className?: string;\n}\n\nexport const DefaultVideo = React.forwardRef<DefaultVideoRefType, DefaultVideoProps>(\n    (props, ref) => {\n        const {video, qa, customBarControlsClassName} = props;\n        const {controls, customControlsOptions, muted: initiallyMuted = true} = video;\n        const {\n            muteButtonShown,\n            positioning,\n            type: customControlsType,\n        } = customControlsOptions || {};\n        const [isPaused, setIsPaused] = React.useState(false);\n        const [isMuted, setIsMuted] = React.useState(initiallyMuted);\n        const videoRef = React.useRef<HTMLVideoElement>(null);\n\n        // one may not use this hook and work with `ref` variable only, but\n        // in this case one should support both function type and object type,\n        // according to ForwardedRef type.\n        // Currently used way with extra ref and useImperativeHandle is more\n        // convenient and allows us to work with object typed ref only,\n        // avoiding typeof ref === 'function' statements\n        React.useImperativeHandle(ref, () => {\n            if (!videoRef?.current) {\n                return undefined;\n            }\n\n            return videoRef.current;\n        }, [videoRef]);\n        const onPlayToggle = React.useCallback(() => {\n            setIsPaused((value) => {\n                if (value) {\n                    videoRef?.current?.play();\n                } else {\n                    videoRef?.current?.pause();\n                }\n\n                return !value;\n            });\n        }, [videoRef]);\n        const onMuteToggle = React.useCallback(() => {\n            setIsMuted((value) => !value);\n        }, []);\n\n        const onClick = React.useCallback(() => {\n            if (customControlsType === CustomControlsType.WithPlayPauseButton) {\n                onPlayToggle();\n            }\n        }, [onPlayToggle, customControlsType]);\n\n        return (\n            <React.Fragment>\n                <video\n                    disablePictureInPicture\n                    playsInline\n                    // @ts-ignore\n                    // eslint-disable-next-line react/no-unknown-property\n                    pip=\"false\"\n                    className={b()}\n                    ref={videoRef}\n                    preload=\"metadata\"\n                    muted={isMuted}\n                    aria-label={video.ariaLabel}\n                    onClick={onClick}\n                >\n                    {getVideoTypesWithPriority(video.src).map(({src, type}, index) => (\n                        <source key={index} src={src} type={type} data-qa={qa} />\n                    ))}\n                    <track default kind=\"captions\" />\n                </video>\n\n                {controls === MediaVideoControlsType.Custom && (\n                    <CustomBarControls\n                        className={customBarControlsClassName}\n                        type={customControlsType}\n                        isPaused={isPaused}\n                        onPlayClick={onPlayToggle}\n                        muteButtonShown={muteButtonShown}\n                        shown\n                        positioning={positioning}\n                        mute={{\n                            isMuted: Boolean(isMuted),\n                            changeMute: onMuteToggle,\n                        }}\n                    />\n                )}\n            </React.Fragment>\n        );\n    },\n);\n\nDefaultVideo.displayName = 'DefaultVideo';\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps } from '../../models';
+import { ClassNameProps } from "../../models/index.js";
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
     handler: () => void;

package/build/cjs/components/ErrorWrapper/ErrorWrapper.js

@@ -1,7 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-const b = block('ErrorWrapper');
-const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('text'), children: text }), handler && (_jsx(Button, { size: "s", onClick: handler, children: buttonText }))] })) : (_jsx(React.Fragment, { children: children }));
-export default ErrorWrapper;
+"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 utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('ErrorWrapper');
+const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsx)("div", { className: b('text'), children: text }), handler && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "s", onClick: handler, children: buttonText }))] })) : ((0, jsx_runtime_1.jsx)(React.Fragment, { children: children }));
+exports.default = ErrorWrapper;
+//# sourceMappingURL=ErrorWrapper.js.map

package/build/cjs/components/ErrorWrapper/ErrorWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.js","sourceRoot":"../../../../src","sources":["components/ErrorWrapper/ErrorWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAGzC,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAUhC,MAAM,YAAY,GAAG,CAAC,EAClB,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACiC,EAAE,EAAE,CAC7C,OAAO,CAAC,CAAC,CAAC,CACN,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,OAAO,IAAI,CACR,uBAAC,cAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,YAC5B,UAAU,GACN,CACZ,IACC,CACT,CAAC,CAAC,CAAC,CACA,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC;AAEN,kBAAe,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './ErrorWrapper.scss';\n\nconst b = block('ErrorWrapper');\n\nexport interface ErrorWrapperProps extends ClassNameProps {\n    text: string;\n    handler: () => void;\n    isError: boolean;\n    buttonText: string;\n    children: React.ReactNode;\n}\n\nconst ErrorWrapper = ({\n    text,\n    buttonText,\n    className,\n    handler,\n    isError,\n    children,\n}: React.PropsWithChildren<ErrorWrapperProps>) =>\n    isError ? (\n        <div className={b(null, className)}>\n            <div className={b('text')}>{text}</div>\n            {handler && (\n                <Button size=\"s\" onClick={handler}>\n                    {buttonText}\n                </Button>\n            )}\n        </div>\n    ) : (\n        <React.Fragment>{children}</React.Fragment>\n    );\n\nexport default ErrorWrapper;\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FileLinkProps } from '../../models';
+import { FileLinkProps } from "../../models/index.js";
 export declare enum FileExtension {
     PDF = "pdf",
     DOC = "doc",

package/build/cjs/components/FileLink/FileLink.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Label } from '@gravity-ui/uikit';
-import { LocationContext } from '../../context/locationContext';
-import { block, getLinkProps } from '../../utils';
-const b = block('file-link');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileExtension = void 0;
+exports.getFileExt = getFileExt;
+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 utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('file-link');
 const FIGMA_URL = 'https://www.figma.com';
-export var FileExtension;
+var FileExtension;
 (function (FileExtension) {
     FileExtension["PDF"] = "pdf";
     FileExtension["DOC"] = "doc";
@@ -13,8 +18,8 @@ export var FileExtension;
     FileExtension["PPT"] = "ppt";
     FileExtension["FIG"] = "fig";
     FileExtension["ZIP"] = "zip";
-})(FileExtension || (FileExtension = {}));
-export function getFileExt(name) {
+})(FileExtension || (exports.FileExtension = FileExtension = {}));
+function getFileExt(name) {
     if (name === null || name === void 0 ? void 0 : name.includes(FIGMA_URL)) {
         return FileExtension.FIG;
     }
@@ -36,11 +41,12 @@ const LabelSizeMap = {
     xs: 'xs',
 };
 const FileLink = (props) => {
-    const { hostname } = React.useContext(LocationContext);
+    const { hostname } = React.useContext(locationContext_1.LocationContext);
     const { href, text, type = 'vertical', textSize = 'm', className, theme = 'default', onClick, tabIndex, urlTitle, extraProps, } = props;
     const fileExt = getFileExt(href);
     const labelTheme = (FileExtensionThemes[fileExt] || 'unknown');
     const labelSize = LabelSizeMap[textSize];
-    return (_jsxs("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps, { children: text })) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className), children: [(0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), (0, jsx_runtime_1.jsx)("div", { className: b('link'), children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, (0, utils_1.getLinkProps)(href, hostname), extraProps, { children: text })) })] }));
 };
-export default FileLink;
+exports.default = FileLink;
+//# sourceMappingURL=FileLink.js.map

package/build/cjs/components/FileLink/FileLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":";;;AAuBA,gCAMC;;;AA7BD,qDAA+B;AAE/B,6CAAoD;AAEpD,4EAA8D;AAE9D,gDAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,IAAY,aAOX;AAPD,WAAY,aAAa;IACrB,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;AACf,CAAC,EAPW,aAAa,6BAAb,aAAa,QAOxB;AAED,SAAgB,UAAU,CAAC,IAAY;IACnC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5B,OAAO,aAAa,CAAC,GAAG,CAAC;IAC7B,CAAC;IACD,oEAAoE;IACpE,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,WAAW,EAAE,CAAC;AACxD,CAAC;AAED,MAAM,mBAAmB,GAAG;IACxB,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ;IAC7B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM;IAC3B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;IAC9B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;IAC9B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ;IAC7B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;CACjC,CAAC;AAEF,MAAM,YAAY,GAAyC;IACvD,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC/D,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,EACF,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAkB,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,CAAwB,CAAC;IACtF,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aACrE,uBAAC,aAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,YAChE,OAAO,GACJ,EACR,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,4CACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,IACX,IAAA,oBAAY,EAAC,IAAI,EAAE,QAAQ,CAAC,EAC5B,UAAU,cAEb,IAAI,IACL,GACF,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {FileLinkProps, TextSize} from '../../models';\nimport {block, getLinkProps} from '../../utils';\n\nimport './FileLink.scss';\n\nconst b = block('file-link');\n\nconst FIGMA_URL = 'https://www.figma.com';\n\nexport enum FileExtension {\n    PDF = 'pdf',\n    DOC = 'doc',\n    XLS = 'xls',\n    PPT = 'ppt',\n    FIG = 'fig',\n    ZIP = 'zip',\n}\n\nexport function getFileExt(name: string) {\n    if (name?.includes(FIGMA_URL)) {\n        return FileExtension.FIG;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return name && name.split('.').pop()!.toLowerCase();\n}\n\nconst FileExtensionThemes = {\n    [FileExtension.PDF]: 'danger',\n    [FileExtension.DOC]: 'info',\n    [FileExtension.XLS]: 'success',\n    [FileExtension.PPT]: 'warning',\n    [FileExtension.FIG]: 'normal',\n    [FileExtension.ZIP]: 'unknown',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst FileLink = (props: React.PropsWithChildren<FileLinkProps>) => {\n    const {hostname} = React.useContext(LocationContext);\n    const {\n        href,\n        text,\n        type = 'vertical',\n        textSize = 'm',\n        className,\n        theme = 'default',\n        onClick,\n        tabIndex,\n        urlTitle,\n        extraProps,\n    } = props;\n    const fileExt = getFileExt(href) as FileExtension;\n    const labelTheme = (FileExtensionThemes[fileExt] || 'unknown') as LabelProps['theme'];\n    const labelSize = LabelSizeMap[textSize];\n\n    return (\n        <div className={b({ext: fileExt, type, size: textSize, theme}, className)}>\n            <Label className={b('file-label')} size={labelSize} theme={labelTheme}>\n                {fileExt}\n            </Label>\n            <div className={b('link')}>\n                <a\n                    href={href}\n                    onClick={onClick}\n                    tabIndex={tabIndex}\n                    title={urlTitle}\n                    {...getLinkProps(href, hostname)}\n                    {...extraProps}\n                >\n                    {text}\n                </a>\n            </div>\n        </div>\n    );\n};\n\nexport default FileLink;\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { QAProps } from '../../models';
+import { QAProps } from "../../models/index.js";
 export interface FoldableProps extends QAProps {
     isOpened: boolean;
     className?: string;

package/build/cjs/components/Foldable/Foldable.js

@@ -1,18 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import useHeightCalculator from '../../hooks/useHeightCalculator';
-import { block, getQaAttrubutes } from '../../utils';
-const b = block('foldable-block');
+"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 useHeightCalculator_1 = tslib_1.__importDefault(require("../../hooks/useHeightCalculator.js"));
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('foldable-block');
 const Foldable = ({ isOpened, children, className, qa }) => {
-    const qaAttributes = getQaAttrubutes(qa);
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa);
     const blockRef = React.useRef(null);
     const contentRef = React.useRef(null);
-    const contentHeight = useHeightCalculator(contentRef);
+    const contentHeight = (0, useHeightCalculator_1.default)(contentRef);
     React.useEffect(() => {
         if (blockRef && blockRef.current) {
             blockRef.current.style.height = isOpened && contentHeight ? `${contentHeight}px` : '0';
         }
     }, [isOpened, contentHeight]);
-    return (_jsx("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default, children: _jsx("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default, children: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container, children: children }) }));
 };
-export default Foldable;
+exports.default = Foldable;
+//# sourceMappingURL=Foldable.js.map

package/build/cjs/components/Foldable/Foldable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Foldable.js","sourceRoot":"../../../../src","sources":["components/Foldable/Foldable.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,qGAAkE;AAElE,gDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAM,QAAQ,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAyC,EAAE,EAAE;IAC7F,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,IAAA,6BAAmB,EAAC,UAAU,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;QAC3F,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,CACH,gCACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aAChC,YAAY,CAAC,OAAO,YAE7B,gCACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,aACxB,YAAY,CAAC,SAAS,YAE9B,QAAQ,GACP,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport useHeightCalculator from '../../hooks/useHeightCalculator';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './Foldable.scss';\n\nconst b = block('foldable-block');\n\nexport interface FoldableProps extends QAProps {\n    isOpened: boolean;\n    className?: string;\n}\n\nconst Foldable = ({isOpened, children, className, qa}: React.PropsWithChildren<FoldableProps>) => {\n    const qaAttributes = getQaAttrubutes(qa);\n    const blockRef = React.useRef<HTMLDivElement>(null);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const contentHeight = useHeightCalculator(contentRef);\n\n    React.useEffect(() => {\n        if (blockRef && blockRef.current) {\n            blockRef.current.style.height = isOpened && contentHeight ? `${contentHeight}px` : '0';\n        }\n    }, [isOpened, contentHeight]);\n\n    return (\n        <div\n            ref={blockRef}\n            className={b({open: isOpened}, className)}\n            data-qa={qaAttributes.default}\n        >\n            <div\n                ref={contentRef}\n                className={b('content-container')}\n                data-qa={qaAttributes.container}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport default Foldable;\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps } from '../../models';
+import { ClassNameProps } from "../../models/index.js";
 export interface FullWidthBackgroundProps extends ClassNameProps {
     style?: React.CSSProperties;
     theme?: 'default' | 'rounded';

package/build/cjs/components/FullWidthBackground/FullWidthBackground.js

@@ -1,17 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import debounce from 'lodash/debounce';
-import { BREAKPOINTS } from '../../constants';
-import { block } from '../../utils';
-const b = block('FullWidthBackground');
+"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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+const constants_1 = require("../../constants.js");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('FullWidthBackground');
 function getPadding(width) {
-    return width > BREAKPOINTS.sm ? 16 : 8;
+    return width > constants_1.BREAKPOINTS.sm ? 16 : 8;
 }
-export default class FullWidthBackground extends React.Component {
+class FullWidthBackground extends React.Component {
     constructor() {
         super(...arguments);
         this.ref = React.createRef();
-        this.setBg = debounce(() => {
+        this.setBg = (0, debounce_1.default)(() => {
             var _a, _b;
             if (this.ref && this.ref.current) {
                 const bg = this.ref.current;
@@ -36,6 +39,8 @@ export default class FullWidthBackground extends React.Component {
     }
     render() {
         const { children, className, style, theme = 'default' } = this.props;
-        return (_jsx("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style, children: children }));
+        return ((0, jsx_runtime_1.jsx)("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style, children: children }));
     }
 }
+exports.default = FullWidthBackground;
+//# sourceMappingURL=FullWidthBackground.js.map

package/build/cjs/components/FullWidthBackground/FullWidthBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthBackground.js","sourceRoot":"../../../../src","sources":["components/FullWidthBackground/FullWidthBackground.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0EAAuC;AAEvC,kDAA4C;AAE5C,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAOvC,SAAS,UAAU,CAAC,KAAa;IAC7B,OAAO,KAAK,GAAG,uBAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAqB,mBAAoB,SAAQ,KAAK,CAAC,SAEtD;IAFD;;QAGY,QAAG,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAExC,UAAK,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;;YAC1B,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;gBAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;gBAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;gBAChF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvE,MAAM,EAAC,IAAI,EAAC,GAAG,MAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,qBAAqB,EAAE,mCAAI,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;gBAEtE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,CAAC;gBAC5C,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,IAAI,GAAG,OAAO,IAAI,CAAC;YAC3C,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAsBZ,CAAC;IApBG,iBAAiB;;QACb,IAAI,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,0CAAE,OAAO,0CAAE,aAAa,EAAE,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC3D,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACnE,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,YACrE,QAAQ,GACP,CACT,CAAC;IACN,CAAC;CACJ;AArCD,sCAqCC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './FullWidthBackground.scss';\n\nconst b = block('FullWidthBackground');\n\nexport interface FullWidthBackgroundProps extends ClassNameProps {\n    style?: React.CSSProperties;\n    theme?: 'default' | 'rounded';\n}\n\nfunction getPadding(width: number) {\n    return width > BREAKPOINTS.sm ? 16 : 8;\n}\n\nexport default class FullWidthBackground extends React.Component<\n    React.PropsWithChildren<FullWidthBackgroundProps>\n> {\n    private ref = React.createRef<HTMLDivElement>();\n\n    private setBg = debounce(() => {\n        if (this.ref && this.ref.current) {\n            const bg = this.ref.current;\n            const width = document.documentElement.clientWidth || document.body.clientWidth;\n            const padding = this.props.theme === 'rounded' ? getPadding(width) : 0;\n            const {left} = bg.parentElement?.getBoundingClientRect() ?? {left: 0};\n\n            bg.style.width = `${width - padding * 2}px`;\n            bg.style.left = `-${left - padding}px`;\n        }\n    }, 100);\n\n    componentDidMount() {\n        if (this?.ref?.current?.parentElement) {\n            this.ref.current.parentElement.style.position = 'relative';\n            this.setBg();\n            window.addEventListener('resize', this.setBg, {passive: true});\n        }\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.setBg);\n    }\n\n    render() {\n        const {children, className, style, theme = 'default'} = this.props;\n        return (\n            <div className={b({[theme]: true}, className)} ref={this.ref} style={style}>\n                {children}\n            </div>\n        );\n    }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageProps } from '../Image/Image';
+import { ImageProps } from "../Image/Image.js";
 export interface FullscreenImageProps extends ImageProps {
     imageClassName?: string;
     modalImageClass?: string;

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -1,18 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
-import { Icon, Modal } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-import Image from '../Image/Image';
-import { i18n } from './i18n';
-const b = block('fullscreen-image');
+"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 utils_1 = require("../../utils/index.js");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const FullscreenImage = (props) => {
-    const { imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps } = props;
+    const { imageClassName, modalImageClass, imageStyle, alt = (0, i18n_1.i18n)('img-alt'), extraProps } = props;
     const [isOpened, setIsOpened] = React.useState(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    return (_jsxs("div", Object.assign({ className: b() }, extraProps, { children: [_jsxs("div", { className: b('image-wrapper'), children: [_jsx(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), _jsx("button", { className: b('icon-wrapper'), onClick: openModal, children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close'), children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), _jsx(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: b() }, extraProps, { children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), (0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [(0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), (0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
 };
-export default FullscreenImage;
+exports.default = FullscreenImage;
+//# sourceMappingURL=FullscreenImage.js.map

package/build/cjs/components/FullscreenImage/FullscreenImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenImage.js","sourceRoot":"../../../../src","sources":["components/FullscreenImage/FullscreenImage.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+D;AAC/D,6CAA8C;AAE9C,gDAAkC;AAClC,sEAAiD;AAEjD,0CAA4B;AAW5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,GAAG,IAAA,WAAI,EAAC,SAAS,CAAC,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACH,+CAAK,SAAS,EAAE,CAAC,EAAE,IAAM,UAAU,eAC/B,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,uBAAC,eAAK,oBACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,EACrC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,UAAU,IACnB,EACF,mCAAQ,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,YACpD,uBAAC,YAAI,IACD,IAAI,EAAE,6BAAqB,EAC3B,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACG,IACP,EACL,QAAQ,IAAI,CACT,wBAAC,aAAK,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,aAEpC,mCACI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAC7C,OAAO,EAAE,UAAU,gBACP,IAAA,WAAI,EAAC,OAAO,CAAC,YAEzB,uBAAC,YAAI,IACD,IAAI,EAAE,aAAK,EACX,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GACrC,GACG,EACT,uBAAC,eAAK,oBAAK,KAAK,IAAE,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,eAAe,CAAC,IAAI,IAC9D,CACX,KACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Icon, Modal} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils';\nimport Image, {ImageProps} from '../Image/Image';\n\nimport {i18n} from './i18n';\n\nimport './FullscreenImage.scss';\n\nexport interface FullscreenImageProps extends ImageProps {\n    imageClassName?: string;\n    modalImageClass?: string;\n    imageStyle?: React.CSSProperties;\n    extraProps?: React.HTMLProps<HTMLDivElement>;\n}\n\nconst b = block('fullscreen-image');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst FullscreenImage = (props: FullscreenImageProps) => {\n    const {imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps} = props;\n    const [isOpened, setIsOpened] = React.useState(false);\n\n    const openModal = () => setIsOpened(true);\n    const closeModal = () => setIsOpened(false);\n\n    return (\n        <div className={b()} {...extraProps}>\n            <div className={b('image-wrapper')}>\n                <Image\n                    {...props}\n                    alt={alt}\n                    className={b('image', imageClassName)}\n                    onClick={openModal}\n                    style={imageStyle}\n                />\n                <button className={b('icon-wrapper')} onClick={openModal}>\n                    <Icon\n                        data={ChevronsExpandUpRight}\n                        width={FULL_SCREEN_ICON_SIZE}\n                        height={FULL_SCREEN_ICON_SIZE}\n                        className={b('icon')}\n                    />\n                </button>\n            </div>\n            {isOpened && (\n                <Modal\n                    open={isOpened}\n                    onClose={closeModal}\n                    className={b('modal')}\n                    contentClassName={b('modal-content')}\n                >\n                    <button\n                        className={b('icon-wrapper', {visible: true})}\n                        onClick={closeModal}\n                        aria-label={i18n('close')}\n                    >\n                        <Icon\n                            data={Xmark}\n                            width={CLOSE_ICON_SIZE}\n                            height={CLOSE_ICON_SIZE}\n                            className={b('icon', {hover: true})}\n                        />\n                    </button>\n                    <Image {...props} className={b('modal-image', modalImageClass)} />\n                </Modal>\n            )}\n        </div>\n    );\n};\n\nexport default FullscreenImage;\n"]}

package/build/cjs/components/FullscreenImage/i18n/index.js

@@ -1,5 +1,10 @@
-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}FullscreenImage`);
+"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}FullscreenImage`);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/FullscreenImage/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/FullscreenImage/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,iBAAiB,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}FullscreenImage`);\n"]}

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

@@ -1,4 +1,4 @@
-import { MediaAllProps } from '../Media/Media';
+import { MediaAllProps } from "../Media/Media.js";
 export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullscreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className' | 'previewImg' | 'autoplay'>;
 export interface FullscreenMediaProps {
     showFullscreenIcon?: boolean;

package/build/cjs/components/FullscreenMedia/FullscreenMedia.js

@@ -1,16 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
-import { Button, Icon, Modal } from '@gravity-ui/uikit';
-import { MobileContext } from '../../context/mobileContext';
-import { block } from '../../utils';
-const b = block('full-screen-media');
+"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 mobileContext_1 = require("../../context/mobileContext/index.js");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const getMediaClass = (type) => b('modal-media', { type });
 const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     const [isOpened, setIsOpened] = React.useState(false);
-    const isMobile = React.useContext(MobileContext);
+    const isMobile = React.useContext(mobileContext_1.MobileContext);
     const openModal = (e) => {
         e.stopPropagation();
         setIsOpened(true);
@@ -19,7 +22,7 @@ const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     if (isMobile) {
         return children();
     }
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('media-wrapper'), onClickCapture: openModal, children: [children({ className: b('inline-media') }), showFullscreenIcon && (_jsx(Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l', children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) }))] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx(Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l', children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), children({
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('media-wrapper'), onClickCapture: openModal, children: [children({ className: b('inline-media') }), showFullscreenIcon && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) }))] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), children({
                         imageClassName: getMediaClass('image'),
                         videoClassName: getMediaClass('video'),
                         youtubeClassName: getMediaClass('youtube'),
@@ -28,4 +31,5 @@ const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
                         autoplay: true,
                     })] }))] }));
 };
-export default FullscreenMedia;
+exports.default = FullscreenMedia;
+//# sourceMappingURL=FullscreenMedia.js.map

package/build/cjs/components/FullscreenMedia/FullscreenMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenMedia.js","sourceRoot":"../../../../src","sources":["components/FullscreenMedia/FullscreenMedia.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+D;AAC/D,6CAAsD;AAEtD,wEAA0D;AAC1D,gDAAkC;AAqBlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AACrC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAC,CAAC,CAAC;AAEjE,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,EAAuB,EAAE,EAAE;IACpF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,CAAC,CAAmB,EAAE,EAAE;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,QAAQ,EAAE,CAAC;IACtB,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,iCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,cAAc,EAAE,SAAS,aACxD,QAAQ,CAAC,EAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAC,CAAC,EACxC,kBAAkB,IAAI,CACnB,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,UAAU,EAAE,EAAC,cAAc,EAAE,SAAS,EAAC,EACvC,IAAI,EAAE,GAAG,YAET,uBAAC,YAAI,IACD,IAAI,EAAE,6BAAqB,EAC3B,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACG,CACZ,IACC,EACL,QAAQ,IAAI,CACT,wBAAC,aAAK,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,aAEpC,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAC7C,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,GAAG,YAET,uBAAC,YAAI,IACD,IAAI,EAAE,aAAK,EACX,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GACrC,GACG,EACR,QAAQ,CAAC;wBACN,cAAc,EAAE,aAAa,CAAC,OAAO,CAAC;wBACtC,cAAc,EAAE,aAAa,CAAC,OAAO,CAAC;wBACtC,gBAAgB,EAAE,aAAa,CAAC,SAAS,CAAC;wBAC1C,UAAU,EAAE,IAAI;wBAChB,UAAU,EAAE,SAAS;wBACrB,QAAQ,EAAE,IAAI;qBACjB,CAAC,IACE,CACX,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Button, Icon, Modal} from '@gravity-ui/uikit';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {block} from '../../utils';\nimport {MediaAllProps} from '../Media/Media';\n\nimport './FullscreenMedia.scss';\n\nexport type ChildMediaRenderProps = Pick<\n    MediaAllProps,\n    | 'fullscreen'\n    | 'imageClassName'\n    | 'videoClassName'\n    | 'youtubeClassName'\n    | 'className'\n    | 'previewImg'\n    | 'autoplay'\n>;\n\nexport interface FullscreenMediaProps {\n    showFullscreenIcon?: boolean;\n    children: (props?: ChildMediaRenderProps) => JSX.Element;\n}\n\nconst b = block('full-screen-media');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst getMediaClass = (type: string) => b('modal-media', {type});\n\nconst FullscreenMedia = ({children, showFullscreenIcon = true}: FullscreenMediaProps) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const isMobile = React.useContext(MobileContext);\n\n    const openModal = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setIsOpened(true);\n    };\n    const closeModal = () => setIsOpened(false);\n\n    if (isMobile) {\n        return children();\n    }\n\n    return (\n        <div className={b()}>\n            <div className={b('media-wrapper')} onClickCapture={openModal}>\n                {children({className: b('inline-media')})}\n                {showFullscreenIcon && (\n                    <Button\n                        className={b('icon-wrapper')}\n                        extraProps={{onClickCapture: openModal}}\n                        size={'l'}\n                    >\n                        <Icon\n                            data={ChevronsExpandUpRight}\n                            width={FULL_SCREEN_ICON_SIZE}\n                            height={FULL_SCREEN_ICON_SIZE}\n                            className={b('icon')}\n                        />\n                    </Button>\n                )}\n            </div>\n            {isOpened && (\n                <Modal\n                    open={isOpened}\n                    onClose={closeModal}\n                    className={b('modal')}\n                    contentClassName={b('modal-content')}\n                >\n                    <Button\n                        className={b('icon-wrapper', {visible: true})}\n                        onClick={closeModal}\n                        size={'l'}\n                    >\n                        <Icon\n                            data={Xmark}\n                            width={CLOSE_ICON_SIZE}\n                            height={CLOSE_ICON_SIZE}\n                            className={b('icon', {hover: true})}\n                        />\n                    </Button>\n                    {children({\n                        imageClassName: getMediaClass('image'),\n                        videoClassName: getMediaClass('video'),\n                        youtubeClassName: getMediaClass('youtube'),\n                        fullscreen: true,\n                        previewImg: undefined,\n                        autoplay: true,\n                    })}\n                </Modal>\n            )}\n        </div>\n    );\n};\n\nexport default FullscreenMedia;\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { QAProps } from '../../models/common';
+import { QAProps } from "../../models/common.js";
 export interface HTMLProps {
     children?: string;
     block?: boolean;

package/build/cjs/components/HTML/HTML.js

@@ -1,10 +1,13 @@
-import * as React from 'react';
-import { hasBlockTag } from '../../utils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils/index.js");
 const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
     if (!children) {
         return null;
     }
-    return React.createElement(block || hasBlockTag(children) ? 'div' : 'span', {
+    return React.createElement(block || (0, utils_1.hasBlockTag)(children) ? 'div' : 'span', {
         dangerouslySetInnerHTML: { __html: children },
         className,
         itemProp,
@@ -12,4 +15,5 @@ const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
         'data-qa': qa,
     });
 };
-export default HTML;
+exports.default = HTML;
+//# sourceMappingURL=HTML.js.map

package/build/cjs/components/HTML/HTML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.js","sourceRoot":"../../../../src","sources":["components/HTML/HTML.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,gDAAwC;AAUxC,MAAM,IAAI,GAAG,CAAC,EACV,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,EACR,EAAE,EACF,EAAE,GACyC,EAAE,EAAE;IAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,IAAA,mBAAW,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE;QACxE,uBAAuB,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC;QAC3C,SAAS;QACT,QAAQ;QACR,EAAE;QACF,SAAS,EAAE,EAAE;KAChB,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {QAProps} from '../../models/common';\nimport {hasBlockTag} from '../../utils';\n\nexport interface HTMLProps {\n    children?: string;\n    block?: boolean;\n    className?: string;\n    itemProp?: string;\n    id?: string;\n}\n\nconst HTML = ({\n    children,\n    block = false,\n    className,\n    itemProp,\n    id,\n    qa,\n}: React.PropsWithChildren<HTMLProps & QAProps>) => {\n    if (!children) {\n        return null;\n    }\n\n    return React.createElement(block || hasBlockTag(children) ? 'div' : 'span', {\n        dangerouslySetInnerHTML: {__html: children},\n        className,\n        itemProp,\n        id,\n        'data-qa': qa,\n    });\n};\n\nexport default HTML;\n"]}

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

@@ -1,2 +1,2 @@
-import { HeaderBreadCrumbsProps } from '../../models';
+import { HeaderBreadCrumbsProps } from "../../models/index.js";
 export default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,15 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useAnalytics } from '../../hooks';
-import { DefaultEventNames } from '../../models';
-import { block } from '../../utils';
-import { i18n } from './i18n';
-const b = block('header-breadcrumbs');
-export default function HeaderBreadcrumbs(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HeaderBreadcrumbs;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const hooks_1 = require("../../hooks/index.js");
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('header-breadcrumbs');
+function HeaderBreadcrumbs(props) {
     const { items, theme = 'light', className, analyticsEvents } = props;
-    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Breadcrumb);
     const onClick = React.useCallback(() => {
         handleAnalytics(analyticsEvents);
     }, [analyticsEvents, handleAnalytics]);
-    return (_jsx("nav", { className: b({ theme }, className), "aria-label": i18n('label'), children: _jsx("ol", { className: b('list'), children: items === null || items === void 0 ? void 0 : items.map(({ url, text }) => (_jsxs("li", { className: b('item'), children: [_jsx("a", { href: url, className: b('text'), onClick: onClick, children: text }), _jsx("span", { className: b('separator'), "aria-hidden": true, children: "/" })] }, url))) }) }));
+    return ((0, jsx_runtime_1.jsx)("nav", { className: b({ theme }, className), "aria-label": (0, i18n_1.i18n)('label'), children: (0, jsx_runtime_1.jsx)("ol", { className: b('list'), children: items === null || items === void 0 ? void 0 : items.map(({ url, text }) => ((0, jsx_runtime_1.jsxs)("li", { className: b('item'), children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: b('text'), onClick: onClick, children: text }), (0, jsx_runtime_1.jsx)("span", { className: b('separator'), "aria-hidden": true, children: "/" })] }, url))) }) }));
 }
+//# sourceMappingURL=HeaderBreadcrumbs.js.map