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

package/build/cjs/components/MediaBase/MediaBase.js

@@ -2,38 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBase = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
-const grid_1 = require("../../grid");
-const utils_1 = require("../../utils");
-const Title_1 = tslib_1.__importDefault(require("../Title/Title"));
-const MediaBaseContent_1 = tslib_1.__importDefault(require("./MediaBaseContent"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock.js"));
+const grid_1 = require("../../grid/index.js");
+const utils_1 = require("../../utils/index.js");
+const Title_1 = tslib_1.__importDefault(require("../Title/Title.js"));
+const MediaBaseContent_1 = tslib_1.__importDefault(require("./MediaBaseContent.js"));
 const b = (0, utils_1.block)('media-base');
 const Card = () => null;
 const MediaBase = (props) => {
     const { children, largeMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, onScroll, mediaOnlyColSizes = { all: 12, md: 8 } } = props, mediaContentProps = tslib_1.__rest(props, ["children", "largeMedia", "direction", "mobileDirection", "animated", "mediaOnly", "onScroll", "mediaOnlyColSizes"]);
     const { title, description } = mediaContentProps;
-    const mediaSizes = (0, react_1.useMemo)(() => {
+    const mediaSizes = React.useMemo(() => {
         return mediaOnly
             ? { [grid_1.GridColumnSize.All]: 12 }
             : { [grid_1.GridColumnSize.Md]: largeMedia ? 8 : 6, [grid_1.GridColumnSize.All]: 12 };
     }, [mediaOnly, largeMedia]);
-    const contentSizes = (0, react_1.useMemo)(() => {
+    const contentSizes = React.useMemo(() => {
         return { [grid_1.GridColumnSize.Md]: largeMedia ? 4 : 6, [grid_1.GridColumnSize.All]: 12 };
     }, [largeMedia]);
-    const mediaContent = !mediaOnly && react_1.default.createElement(MediaBaseContent_1.default, Object.assign({}, mediaContentProps));
+    const mediaContent = !mediaOnly && (0, jsx_runtime_1.jsx)(MediaBaseContent_1.default, Object.assign({}, mediaContentProps));
     const card = children.type === Card ? children === null || children === void 0 ? void 0 : children.props.children : null;
-    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: onScroll, animate: animated },
-        mediaOnly && (react_1.default.createElement(Title_1.default, { className: b('header'), title: title, subtitle: description, colSizes: mediaOnlyColSizes })),
-        react_1.default.createElement(grid_1.Grid, null,
-            react_1.default.createElement(grid_1.Row, { className: b('row', {
-                    reverse: direction === 'media-content',
-                    'mobile-reverse': mobileDirection === 'media-content',
-                }) },
-                react_1.default.createElement(grid_1.Col, { className: b('content'), sizes: contentSizes }, mediaContent),
-                card ? (react_1.default.createElement(grid_1.Col, { sizes: mediaSizes },
-                    react_1.default.createElement("div", { className: b('card') }, card))) : null))));
+    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b(), onScroll: onScroll, animate: animated, children: [mediaOnly && ((0, jsx_runtime_1.jsx)(Title_1.default, { className: b('header'), title: title, subtitle: description, colSizes: mediaOnlyColSizes })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row', {
+                        reverse: direction === 'media-content',
+                        'mobile-reverse': mobileDirection === 'media-content',
+                    }), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('content'), sizes: contentSizes, children: mediaContent }), card ? ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: mediaSizes, children: (0, jsx_runtime_1.jsx)("div", { className: b('card'), children: card }) })) : null] }) })] }));
 };
 exports.MediaBase = MediaBase;
 exports.MediaBase.Card = Card;
 exports.default = exports.MediaBase;
+//# sourceMappingURL=MediaBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBase.js","sourceRoot":"../../../../src","sources":["components/MediaBase/MediaBase.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2FAAsE;AACtE,8CAA0D;AAE1D,gDAAkC;AAClC,sEAAmC;AAEnC,qFAA8C;AAI9C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,IAAI,GAA0C,GAAG,EAAE,CAAC,IAAI,CAAC;AAOxD,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EACF,QAAQ,EACR,UAAU,EACV,SAAS,GAAG,eAAe,EAC3B,eAAe,GAAG,eAAe,EACjC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,KAEpC,KAAK,EADF,iBAAiB,kBACpB,KAAK,EAVH,oHAUL,CAAQ,CAAC;IACV,MAAM,EAAC,KAAK,EAAE,WAAW,EAAC,GAAG,iBAAiB,CAAC;IAE/C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,SAAS;YACZ,CAAC,CAAC,EAAC,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC;YAC5B,CAAC,CAAC,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,uBAAC,0BAAY,oBAAK,iBAAiB,EAAI,CAAC;IAC3E,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtE,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,aAC9D,SAAS,IAAI,CACV,uBAAC,eAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,iBAAiB,GAC7B,CACL,EACD,uBAAC,WAAI,cACD,wBAAC,UAAG,IACA,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE;wBAChB,OAAO,EAAE,SAAS,KAAK,eAAe;wBACtC,gBAAgB,EAAE,eAAe,KAAK,eAAe;qBACxD,CAAC,aAEF,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,YAC5C,YAAY,GACX,EACL,IAAI,CAAC,CAAC,CAAC,CACJ,uBAAC,UAAG,IAAC,KAAK,EAAE,UAAU,YAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,GACrC,CACT,CAAC,CAAC,CAAC,IAAI,IACN,GACH,IACI,CAClB,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,SAAS,aAwDpB;AAEF,iBAAS,CAAC,IAAI,GAAG,IAAI,CAAC;AAEtB,kBAAe,iBAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {MediaBaseBlockProps} from '../../models';\nimport {block} from '../../utils';\nimport Title from '../Title/Title';\n\nimport MediaContent from './MediaBaseContent';\n\nimport './MediaBase.scss';\n\nconst b = block('media-base');\n\nconst Card: React.FC<React.PropsWithChildren<{}>> = () => null;\n\ninterface MediaBaseProps extends MediaBaseBlockProps {\n    children: React.ReactElement;\n    onScroll?: () => void;\n}\n\nexport const MediaBase = (props: MediaBaseProps) => {\n    const {\n        children,\n        largeMedia,\n        direction = 'content-media',\n        mobileDirection = 'content-media',\n        animated,\n        mediaOnly,\n        onScroll,\n        mediaOnlyColSizes = {all: 12, md: 8},\n        ...mediaContentProps\n    } = props;\n    const {title, description} = mediaContentProps;\n\n    const mediaSizes = React.useMemo(() => {\n        return mediaOnly\n            ? {[GridColumnSize.All]: 12}\n            : {[GridColumnSize.Md]: largeMedia ? 8 : 6, [GridColumnSize.All]: 12};\n    }, [mediaOnly, largeMedia]);\n\n    const contentSizes = React.useMemo(() => {\n        return {[GridColumnSize.Md]: largeMedia ? 4 : 6, [GridColumnSize.All]: 12};\n    }, [largeMedia]);\n\n    const mediaContent = !mediaOnly && <MediaContent {...mediaContentProps} />;\n    const card = children.type === Card ? children?.props.children : null;\n\n    return (\n        <AnimateBlock className={b()} onScroll={onScroll} animate={animated}>\n            {mediaOnly && (\n                <Title\n                    className={b('header')}\n                    title={title}\n                    subtitle={description}\n                    colSizes={mediaOnlyColSizes}\n                />\n            )}\n            <Grid>\n                <Row\n                    className={b('row', {\n                        reverse: direction === 'media-content',\n                        'mobile-reverse': mobileDirection === 'media-content',\n                    })}\n                >\n                    <Col className={b('content')} sizes={contentSizes}>\n                        {mediaContent}\n                    </Col>\n                    {card ? (\n                        <Col sizes={mediaSizes}>\n                            <div className={b('card')}>{card}</div>\n                        </Col>\n                    ) : null}\n                </Row>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nMediaBase.Card = Card;\n\nexport default MediaBase;\n"]}

package/build/cjs/components/MediaBase/MediaBaseContent.d.ts

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

package/build/cjs/components/MediaBase/MediaBaseContent.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const sub_blocks_1 = require("../../sub-blocks");
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sub_blocks_1 = require("../../sub-blocks/index.js");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('media-base-content');
 const MediaContent = (props) => {
     const { title, description, button, links, buttons = [], additionalInfo, size = 'l', list, } = props;
     const allButtons = button ? [Object.assign(Object.assign({}, button), { size: 'xl' }), ...buttons] : buttons;
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, list: list, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, list: list, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } }) }));
 };
 exports.default = MediaContent;
+//# sourceMappingURL=MediaBaseContent.js.map

package/build/cjs/components/MediaBase/MediaBaseContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBaseContent.js","sourceRoot":"../../../../src","sources":["components/MediaBase/MediaBaseContent.tsx"],"names":[],"mappings":";;;AAGA,0DAAyC;AACzC,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9C,MAAM,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,IAAI,GAAG,GAAG,EACV,IAAI,GACP,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,iCAAK,MAAM,KAAE,IAAI,EAAE,IAAkB,KAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1F,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import {ButtonSize} from '@gravity-ui/uikit';\n\nimport {MediaContentProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './MediaBaseContent.scss';\n\nconst b = block('media-base-content');\n\nconst MediaContent = (props: MediaContentProps) => {\n    const {\n        title,\n        description,\n        button,\n        links,\n        buttons = [],\n        additionalInfo,\n        size = 'l',\n        list,\n    } = props;\n    const allButtons = button ? [{...button, size: 'xl' as ButtonSize}, ...buttons] : buttons;\n    return (\n        <div className={b()}>\n            <Content\n                title={title}\n                text={description}\n                links={links}\n                theme=\"default\"\n                buttons={allButtons}\n                list={list}\n                additionalInfo={additionalInfo}\n                size={size}\n                colSizes={{all: 12, md: 12}}\n            />\n        </div>\n    );\n};\n\nexport default MediaContent;\n"]}

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

@@ -1,6 +1,6 @@
-import { ClassNameProps } from '../../models';
+import { ClassNameProps } from "../../models/index.js";
 export interface MetaInfpoProps extends ClassNameProps {
     items: string[];
 }
-declare const MetaInfo: ({ items, className }: MetaInfpoProps) => JSX.Element;
+declare const MetaInfo: ({ items, className }: MetaInfpoProps) => import("react/jsx-runtime").JSX.Element;
 export default MetaInfo;

package/build/cjs/components/MetaInfo/MetaInfo.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
-const index_1 = require("../index");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
+const index_1 = require("../index.js");
 const b = (0, utils_1.block)('meta-info');
-const MetaInfo = ({ items, className }) => (react_1.default.createElement("h4", { className: b(null, className) }, items.map((metaInfoItem) => (react_1.default.createElement(index_1.YFMWrapper, { content: metaInfoItem, key: metaInfoItem, className: b('item'), modifiers: { constructor: true, constructorMetaInfo: true } })))));
+const MetaInfo = ({ items, className }) => ((0, jsx_runtime_1.jsx)("h4", { className: b(null, className), children: items.map((metaInfoItem) => ((0, jsx_runtime_1.jsx)(index_1.YFMWrapper, { content: metaInfoItem, className: b('item'), modifiers: { constructor: true, constructorMetaInfo: true } }, metaInfoItem))) }));
 exports.default = MetaInfo;
+//# sourceMappingURL=MetaInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaInfo.js","sourceRoot":"../../../../src","sources":["components/MetaInfo/MetaInfo.tsx"],"names":[],"mappings":";;;AACA,gDAAkC;AAClC,uCAAoC;AAIpC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAiB,EAAE,EAAE,CAAC,CACrD,+BAAI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACzB,uBAAC,kBAAU,IACP,OAAO,EAAE,YAAY,EAErB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAC,IAFpD,YAAY,CAGnB,CACL,CAAC,GACD,CACR,CAAC;AACF,kBAAe,QAAQ,CAAC","sourcesContent":["import {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\nimport {YFMWrapper} from '../index';\n\nimport './MetaInfo.scss';\n\nconst b = block('meta-info');\n\nexport interface MetaInfpoProps extends ClassNameProps {\n    items: string[];\n}\n\nconst MetaInfo = ({items, className}: MetaInfpoProps) => (\n    <h4 className={b(null, className)}>\n        {items.map((metaInfoItem) => (\n            <YFMWrapper\n                content={metaInfoItem}\n                key={metaInfoItem}\n                className={b('item')}\n                modifiers={{constructor: true, constructorMetaInfo: true}}\n            />\n        ))}\n    </h4>\n);\nexport default MetaInfo;\n"]}

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

@@ -8,3 +8,4 @@ const metaInfo = {
     },
 };
 exports.default = metaInfo;
+//# sourceMappingURL=schema.js.map

package/build/cjs/components/MetaInfo/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/MetaInfo/schema.ts"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG;IACb,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;CACJ,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["const metaInfo = {\n    type: 'array',\n    items: {\n        type: 'string',\n        contentType: 'text',\n    },\n};\n\nexport default metaInfo;\n"]}

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

@@ -1,13 +1,13 @@
-import React, { PropsWithChildren } from 'react';
+import * as React from 'react';
 export interface OutsideClickProps {
     onOutsideClick: () => void;
     className?: string;
     onClick?: () => void;
 }
-export default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {
+export default class OutsideClick extends React.Component<React.PropsWithChildren<OutsideClickProps>> {
     ref: React.RefObject<HTMLDivElement>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     handleOutsideClick: (e: MouseEvent) => void;
 }

package/build/cjs/components/OutsideClick/OutsideClick.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 //TODO move into cloud components?
-const react_1 = tslib_1.__importStar(require("react"));
+const React = tslib_1.__importStar(require("react"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
-class OutsideClick extends react_1.default.Component {
+class OutsideClick extends React.Component {
     constructor() {
         super(...arguments);
-        this.ref = (0, react_1.createRef)();
+        this.ref = React.createRef();
         this.handleOutsideClick = (e) => {
             if (e.target &&
                 this.ref &&
@@ -25,7 +26,8 @@ class OutsideClick extends react_1.default.Component {
     }
     render() {
         const { children, className, onClick } = this.props;
-        return (react_1.default.createElement("div", { className: className, ref: this.ref, onClick: onClick, onKeyDown: noop_1.default, role: onClick ? 'button' : 'group', tabIndex: onClick ? 0 : -1 }, children));
+        return ((0, jsx_runtime_1.jsx)("div", { className: className, ref: this.ref, onClick: onClick, onKeyDown: noop_1.default, role: onClick ? 'button' : 'group', tabIndex: onClick ? 0 : -1, children: children }));
     }
 }
 exports.default = OutsideClick;
+//# sourceMappingURL=OutsideClick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutsideClick.js","sourceRoot":"../../../../src","sources":["components/OutsideClick/OutsideClick.tsx"],"names":[],"mappings":";;;;AAAA,kCAAkC;AAClC,qDAA+B;AAE/B,+DAA+B;AAQ/B,MAAqB,YAAa,SAAQ,KAAK,CAAC,SAE/C;IAFD;;QAGI,QAAG,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QA2BxC,uBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YACnC,IACI,CAAC,CAAC,MAAM;gBACR,IAAI,CAAC,GAAG;gBACR,IAAI,CAAC,GAAG,CAAC,OAAO;gBAChB,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAC9C,CAAC;gBACC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC;IAnCG,iBAAiB;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IACjF,CAAC;IAED,oBAAoB;QAChB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAElD,OAAO,CACH,gCACI,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAI,EACf,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAClC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAEzB,QAAQ,GACP,CACT,CAAC;IACN,CAAC;CAYJ;AAxCD,+BAwCC","sourcesContent":["//TODO move into cloud components?\nimport * as React from 'react';\n\nimport noop from 'lodash/noop';\n\nexport interface OutsideClickProps {\n    onOutsideClick: () => void;\n    className?: string;\n    onClick?: () => void;\n}\n\nexport default class OutsideClick extends React.Component<\n    React.PropsWithChildren<OutsideClickProps>\n> {\n    ref = React.createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('click', this.handleOutsideClick, {passive: true});\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children, className, onClick} = this.props;\n\n        return (\n            <div\n                className={className}\n                ref={this.ref}\n                onClick={onClick}\n                onKeyDown={noop}\n                role={onClick ? 'button' : 'group'}\n                tabIndex={onClick ? 0 : -1}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        if (\n            e.target &&\n            this.ref &&\n            this.ref.current &&\n            !this.ref.current.contains(e.target as Node)\n        ) {\n            this.props.onOutsideClick();\n        }\n    };\n}\n"]}

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import * as React from 'react';
 type Arrow = 'left' | 'right';
 export interface OverflowScrollerProps {
     className?: string;
@@ -11,7 +11,7 @@ export interface OverflowScrollerState {
     arrows: Arrow[];
     scrollValue: number;
 }
-export default class OverflowScroller extends React.Component<PropsWithChildren<OverflowScrollerProps>, OverflowScrollerState> {
+export default class OverflowScroller extends React.Component<React.PropsWithChildren<OverflowScrollerProps>, OverflowScrollerState> {
     state: {
         arrows: Arrow[];
         scrollValue: number;
@@ -21,7 +21,7 @@ export default class OverflowScroller extends React.Component<PropsWithChildren<
     componentDidMount(): void;
     componentDidUpdate(_prepvProps: OverflowScrollerProps, { scrollValue: prevScrollValue }: OverflowScrollerState): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private checkOverflow;
     private handleScrollClick;
 }

package/build/cjs/components/OverflowScroller/OverflowScroller.js

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const __1 = require("..");
-const utils_1 = require("../../utils");
-const i18n_1 = require("./i18n");
+const __1 = require("../index.js");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('overflow-scroller');
 const TRANSITION_TIME = 300;
 const PADDING_SIZE = 24;
 const DEFAULT_ARROW_SIZE = 18;
-class OverflowScroller extends react_1.default.Component {
+class OverflowScroller extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
             arrows: [],
             scrollValue: 0,
         };
-        this.containerRef = (0, react_1.createRef)();
-        this.wrapperRef = (0, react_1.createRef)();
+        this.containerRef = React.createRef();
+        this.wrapperRef = React.createRef();
         // eslint-disable-next-line @typescript-eslint/member-ordering, react/sort-comp
         this.checkOverflow = (0, debounce_1.default)(() => {
             if (this.containerRef &&
@@ -79,14 +80,11 @@ class OverflowScroller extends react_1.default.Component {
         const wrapperStyle = arrows.length ? { left: -scrollValue } : { left: 0 };
         const paddingLeft = arrows.includes('left');
         const paddingRight = arrows.includes('right');
-        return (react_1.default.createElement("div", { className: b('container', {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: b('container', {
                 'padding-left': paddingLeft,
                 'padding-right': paddingRight,
-            }) },
-            react_1.default.createElement("div", { className: b(null, className), ref: this.containerRef },
-                react_1.default.createElement("div", { className: b('wrapper'), style: wrapperStyle, ref: this.wrapperRef }, children)),
-            arrows.map((direction) => (react_1.default.createElement("button", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction), "aria-label": (0, i18n_1.i18n)(direction) },
-                react_1.default.createElement(__1.ToggleArrow, { size: arrowSize, type: 'horizontal', iconType: "navigation" }))))));
+            }), children: [(0, jsx_runtime_1.jsx)("div", { className: b(null, className), ref: this.containerRef, children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), style: wrapperStyle, ref: this.wrapperRef, children: children }) }), arrows.map((direction) => ((0, jsx_runtime_1.jsx)("button", { className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction), "aria-label": (0, i18n_1.i18n)(direction), children: (0, jsx_runtime_1.jsx)(__1.ToggleArrow, { size: arrowSize, type: 'horizontal', iconType: "navigation" }) }, direction)))] }));
     }
 }
 exports.default = OverflowScroller;
+//# sourceMappingURL=OverflowScroller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowScroller.js","sourceRoot":"../../../../src","sources":["components/OverflowScroller/OverflowScroller.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {ToggleArrow} from '..';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './OverflowScroller.scss';\n\nconst b = block('overflow-scroller');\nconst TRANSITION_TIME = 300;\nconst PADDING_SIZE = 24;\nconst DEFAULT_ARROW_SIZE = 18;\n\ntype Arrow = 'left' | 'right';\n\nexport interface OverflowScrollerProps {\n    className?: string;\n    onScrollStart?: () => void;\n    onScrollEnd?: () => void;\n    arrowSize?: number;\n    arrowClassName?: string;\n}\n\nexport interface OverflowScrollerState {\n    arrows: Arrow[];\n    scrollValue: number;\n}\n\nexport default class OverflowScroller extends React.Component<\n    React.PropsWithChildren<OverflowScrollerProps>,\n    OverflowScrollerState\n> {\n    state = {\n        arrows: [] as Arrow[],\n        scrollValue: 0,\n    };\n    containerRef = React.createRef<HTMLDivElement>();\n    wrapperRef = React.createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        this.checkOverflow();\n        window.addEventListener('resize', this.checkOverflow, {passive: true});\n    }\n\n    componentDidUpdate(\n        _prepvProps: OverflowScrollerProps,\n        {scrollValue: prevScrollValue}: OverflowScrollerState,\n    ) {\n        const {onScrollEnd} = this.props;\n\n        if (prevScrollValue !== this.state.scrollValue && onScrollEnd) {\n            setTimeout(onScrollEnd, TRANSITION_TIME + 100);\n        }\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.checkOverflow);\n    }\n\n    render() {\n        const {className, arrowClassName, children, arrowSize = DEFAULT_ARROW_SIZE} = this.props;\n        const {arrows, scrollValue} = this.state;\n        const wrapperStyle = arrows.length ? {left: -scrollValue} : {left: 0};\n        const paddingLeft = arrows.includes('left');\n        const paddingRight = arrows.includes('right');\n\n        return (\n            <div\n                className={b('container', {\n                    'padding-left': paddingLeft,\n                    'padding-right': paddingRight,\n                })}\n            >\n                <div className={b(null, className)} ref={this.containerRef}>\n                    <div className={b('wrapper')} style={wrapperStyle} ref={this.wrapperRef}>\n                        {children}\n                    </div>\n                </div>\n                {arrows.map((direction: Arrow) => (\n                    <button\n                        key={direction}\n                        className={b('arrow', {type: direction}, arrowClassName)}\n                        onClick={(e: React.MouseEvent) => this.handleScrollClick(e, direction)}\n                        aria-label={i18n(direction)}\n                    >\n                        <ToggleArrow size={arrowSize} type={'horizontal'} iconType=\"navigation\" />\n                    </button>\n                ))}\n            </div>\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering, react/sort-comp\n    private checkOverflow = debounce(() => {\n        if (\n            this.containerRef &&\n            this.containerRef.current &&\n            this.wrapperRef &&\n            this.wrapperRef.current\n        ) {\n            const containerWidth = this.containerRef.current.offsetWidth;\n            const wrapperWidth = this.wrapperRef.current.offsetWidth;\n            const scrollValue = 0;\n            const arrows: Arrow[] = wrapperWidth < containerWidth ? [] : ['right'];\n\n            this.setState({scrollValue, arrows});\n        }\n    }, 100);\n\n    private handleScrollClick = (e: React.MouseEvent, arrow: Arrow) => {\n        const {scrollValue, arrows} = this.state;\n        const {onScrollStart} = this.props;\n\n        if (\n            this.containerRef &&\n            this.containerRef.current &&\n            this.wrapperRef &&\n            this.wrapperRef.current\n        ) {\n            const containerWidth = this.containerRef.current.offsetWidth;\n            const wrapperWidth = this.wrapperRef.current.offsetWidth;\n            const hiddenWidth =\n                arrow === 'right' ? wrapperWidth - (containerWidth + scrollValue) : scrollValue;\n            const padding =\n                arrows.length > 1 && hiddenWidth + PADDING_SIZE > containerWidth ? PADDING_SIZE : 0;\n            const delta = containerWidth > hiddenWidth ? hiddenWidth : containerWidth;\n            const newScrollValue =\n                arrow === 'right' ? scrollValue + delta + padding : scrollValue - delta - padding;\n            let newArrows: Arrow[] = ['left', 'right'];\n\n            if (newScrollValue + containerWidth >= wrapperWidth) {\n                newArrows = ['left'];\n            } else if (!newScrollValue) {\n                newArrows = ['right'];\n            }\n\n            this.setState({arrows: newArrows, scrollValue: newScrollValue});\n\n            if (onScrollStart) {\n                onScrollStart();\n            }\n\n            e.stopPropagation();\n        }\n    };\n}\n"]}

package/build/cjs/components/OverflowScroller/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "left" | "right", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "left" | "right", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-OverflowScroller": Record<"left" | "right", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -3,7 +3,8 @@ 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");
+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}OverflowScroller`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/OverflowScroller/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,kBAAkB,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}OverflowScroller`);\n"]}

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

@@ -1,4 +1,4 @@
-import { ClassNameProps } from '../../models';
+import { ClassNameProps } from "../../models/index.js";
 export interface CircleProgressProps extends ClassNameProps {
     elapsedTime: number;
     baseColor?: string;
@@ -6,5 +6,5 @@ export interface CircleProgressProps extends ClassNameProps {
     strokeWidth?: number;
     radius?: number;
 }
-declare const CircleProgress: (props: CircleProgressProps) => JSX.Element;
+declare const CircleProgress: (props: CircleProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default CircleProgress;

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

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('CircleProgress');
 const CircleProgress = (props) => {
     const { baseColor, elapsedTime, circleColor = '#262626', strokeWidth = 10, radius = 50, className, } = props;
-    const circumference = (0, react_1.useMemo)(() => 2 * Math.PI * radius, [radius]);
-    const baseCircle = (0, react_1.useMemo)(() => {
+    const circumference = React.useMemo(() => 2 * Math.PI * radius, [radius]);
+    const baseCircle = React.useMemo(() => {
         if (!baseColor) {
             return null;
         }
-        return (react_1.default.createElement("circle", { cx: "60", cy: "60", r: radius, fill: "none", stroke: baseColor, strokeWidth: strokeWidth }));
+        return ((0, jsx_runtime_1.jsx)("circle", { cx: "60", cy: "60", r: radius, fill: "none", stroke: baseColor, strokeWidth: strokeWidth }));
     }, [baseColor, radius, strokeWidth]);
-    return (react_1.default.createElement("svg", { className: b(null, className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120 120" },
-        baseCircle,
-        react_1.default.createElement("circle", { cx: "60", cy: "60", r: radius, transform: "rotate(-90 60 60)", fill: "none", strokeDashoffset: circumference - elapsedTime * circumference, strokeDasharray: circumference, stroke: circleColor, strokeWidth: strokeWidth })));
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: b(null, className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120 120", children: [baseCircle, (0, jsx_runtime_1.jsx)("circle", { cx: "60", cy: "60", r: radius, transform: "rotate(-90 60 60)", fill: "none", strokeDashoffset: circumference - elapsedTime * circumference, strokeDasharray: circumference, stroke: circleColor, strokeWidth: strokeWidth })] }));
 };
 exports.default = CircleProgress;
+//# sourceMappingURL=CircleProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleProgress.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/CircleProgress.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAUlC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,EACF,SAAS,EACT,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,WAAW,GAAG,EAAE,EAChB,MAAM,GAAG,EAAE,EACX,SAAS,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH,mCACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAErC,OAAO,CACH,iCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,aAEpB,UAAU,EACX,mCACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,MAAM,EACX,gBAAgB,EAAE,aAAa,GAAG,WAAW,GAAG,aAAa,EAC7D,eAAe,EAAE,aAAa,EAC9B,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,GAClB,IACR,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './CircleProgress.scss';\n\nconst b = block('CircleProgress');\n\nexport interface CircleProgressProps extends ClassNameProps {\n    elapsedTime: number;\n    baseColor?: string;\n    circleColor?: string;\n    strokeWidth?: number;\n    radius?: number;\n}\n\nconst CircleProgress = (props: CircleProgressProps) => {\n    const {\n        baseColor,\n        elapsedTime,\n        circleColor = '#262626',\n        strokeWidth = 10,\n        radius = 50,\n        className,\n    } = props;\n\n    const circumference = React.useMemo(() => 2 * Math.PI * radius, [radius]);\n\n    const baseCircle = React.useMemo(() => {\n        if (!baseColor) {\n            return null;\n        }\n\n        return (\n            <circle\n                cx=\"60\"\n                cy=\"60\"\n                r={radius}\n                fill=\"none\"\n                stroke={baseColor}\n                strokeWidth={strokeWidth}\n            />\n        );\n    }, [baseColor, radius, strokeWidth]);\n\n    return (\n        <svg\n            className={b(null, className)}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 120 120\"\n        >\n            {baseCircle}\n            <circle\n                cx=\"60\"\n                cy=\"60\"\n                r={radius}\n                transform=\"rotate(-90 60 60)\"\n                fill=\"none\"\n                strokeDashoffset={circumference - elapsedTime * circumference}\n                strokeDasharray={circumference}\n                stroke={circleColor}\n                strokeWidth={strokeWidth}\n            ></circle>\n        </svg>\n    );\n};\n\nexport default CircleProgress;\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ClassNameProps, CustomControlsOptions, CustomControlsType } from '../../models';
+import * as React from 'react';
+import { ClassNameProps, CustomControlsOptions, CustomControlsType } from "../../models/index.js";
 interface MuteConfigProps {
     isMuted: boolean;
     changeMute: (event: React.MouseEvent) => void;
@@ -12,5 +12,5 @@ export interface CustomBarControlsProps extends ClassNameProps, CustomControlsOp
     onPlayClick?: () => void;
     shown?: boolean;
 }
-declare const CustomBarControls: (props: CustomBarControlsProps) => JSX.Element;
+declare const CustomBarControls: (props: CustomBarControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomBarControls;

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+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");
-const utils_1 = require("../../utils");
-const CircleProgress_1 = tslib_1.__importDefault(require("./CircleProgress"));
-const i18n_1 = require("./i18n");
+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');
 const playIconsMap = {
     [models_1.CustomControlsType.WithMuteButton]: null,
@@ -31,25 +32,21 @@ const CustomBarControls = (props) => {
     const unmuteIcon = unmuteIconsMap[type];
     const playIcon = playIconsMap[type];
     const pauseIcon = pauseIconsMap[type];
-    const muteButton = (0, react_1.useMemo)(() => {
+    const muteButton = React.useMemo(() => {
         if (!mute || !isMuteButtonShown) {
             return null;
         }
         const { isMuted, changeMute } = mute;
-        return (react_1.default.createElement("button", { className: b('button', { type }), onClick: changeMute, "aria-label": (0, i18n_1.i18n)(isMuted ? 'unmute' : 'mute') },
-            react_1.default.createElement(uikit_1.Icon, { data: isMuted ? unmuteIcon : muteIcon, className: b('mute-icon', { type }) }),
-            type === models_1.CustomControlsType.WithMuteButton && !isMuted && (react_1.default.createElement(CircleProgress_1.default, { elapsedTime: elapsedTimePercent, strokeWidth: 5 }))));
+        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 }))] }));
     }, [elapsedTimePercent, isMuteButtonShown, mute, muteIcon, type, unmuteIcon]);
-    const playPauseButton = (0, react_1.useMemo)(() => {
+    const playPauseButton = React.useMemo(() => {
         const icon = isPaused ? playIcon : pauseIcon;
         if (type === models_1.CustomControlsType.WithMuteButton || !icon) {
             return null;
         }
-        return (react_1.default.createElement("button", { onClick: onPlayClick, className: b('button', { type }), "aria-label": (0, i18n_1.i18n)(isPaused ? 'play' : 'pause') },
-            react_1.default.createElement(uikit_1.Icon, { data: icon, className: b('play-icon', { type }) })));
+        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 }) }) }));
     }, [isPaused, onPlayClick, type, playIcon, pauseIcon]);
-    return (react_1.default.createElement("div", { className: b('wrapper', { type, shown, positioning }, className) },
-        playPauseButton,
-        muteButton));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper', { type, shown, positioning }, className), children: [playPauseButton, muteButton] }));
 };
 exports.default = CustomBarControls;
+//# sourceMappingURL=CustomBarControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomBarControls.js","sourceRoot":"../../../../src","sources":["components/ReactPlayer/CustomBarControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Pause, Play, VolumeFill, VolumeLow, VolumeXmark} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {ClassNameProps, CustomControlsOptions, CustomControlsType} from '../../models';\nimport {block} from '../../utils';\n\nimport CircleProgress from './CircleProgress';\nimport {i18n} from './i18n';\n\nimport './CustomBarControls.scss';\n\nconst b = block('CustomBarControls');\n\nconst playIconsMap = {\n    [CustomControlsType.WithMuteButton]: null,\n    [CustomControlsType.WithPlayPauseButton]: Play,\n};\nconst pauseIconsMap = {\n    [CustomControlsType.WithMuteButton]: null,\n    [CustomControlsType.WithPlayPauseButton]: Pause,\n};\nconst muteIconsMap = {\n    [CustomControlsType.WithMuteButton]: VolumeFill,\n    [CustomControlsType.WithPlayPauseButton]: VolumeLow,\n};\nconst unmuteIconsMap = {\n    [CustomControlsType.WithMuteButton]: VolumeXmark,\n    [CustomControlsType.WithPlayPauseButton]: VolumeXmark,\n};\n\ninterface MuteConfigProps {\n    isMuted: boolean;\n    changeMute: (event: React.MouseEvent) => void;\n}\n\nexport interface CustomBarControlsProps extends ClassNameProps, CustomControlsOptions {\n    mute?: MuteConfigProps;\n    elapsedTimePercent?: number;\n    type?: CustomControlsType;\n    isPaused?: boolean;\n    onPlayClick?: () => void;\n    shown?: boolean;\n}\n\nconst CustomBarControls = (props: CustomBarControlsProps) => {\n    const {\n        mute,\n        elapsedTimePercent = 0,\n        className,\n        type = CustomControlsType.WithMuteButton,\n        isPaused,\n        onPlayClick,\n        muteButtonShown: isMuteButtonShown = true,\n        shown,\n        positioning,\n    } = props;\n\n    const muteIcon = muteIconsMap[type];\n    const unmuteIcon = unmuteIconsMap[type];\n    const playIcon = playIconsMap[type];\n    const pauseIcon = pauseIconsMap[type];\n\n    const muteButton = React.useMemo(() => {\n        if (!mute || !isMuteButtonShown) {\n            return null;\n        }\n\n        const {isMuted, changeMute} = mute;\n\n        return (\n            <button\n                className={b('button', {type})}\n                onClick={changeMute}\n                aria-label={i18n(isMuted ? 'unmute' : 'mute')}\n            >\n                <Icon data={isMuted ? unmuteIcon : muteIcon} className={b('mute-icon', {type})} />\n                {type === CustomControlsType.WithMuteButton && !isMuted && (\n                    <CircleProgress elapsedTime={elapsedTimePercent} strokeWidth={5} />\n                )}\n            </button>\n        );\n    }, [elapsedTimePercent, isMuteButtonShown, mute, muteIcon, type, unmuteIcon]);\n\n    const playPauseButton = React.useMemo(() => {\n        const icon = isPaused ? playIcon : pauseIcon;\n\n        if (type === CustomControlsType.WithMuteButton || !icon) {\n            return null;\n        }\n\n        return (\n            <button\n                onClick={onPlayClick}\n                className={b('button', {type})}\n                aria-label={i18n(isPaused ? 'play' : 'pause')}\n            >\n                <Icon data={icon} className={b('play-icon', {type})} />\n            </button>\n        );\n    }, [isPaused, onPlayClick, type, playIcon, pauseIcon]);\n\n    return (\n        <div className={b('wrapper', {type, shown, positioning}, className)}>\n            {playPauseButton}\n            {muteButton}\n        </div>\n    );\n};\n\nexport default CustomBarControls;\n"]}

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

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