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

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

@@ -1,16 +1,16 @@
-import React, { HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
-import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from '../../models';
+import * as React from 'react';
+import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from "../../models/index.js";
 interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
     bodyClassName?: string;
     contentClassName?: string;
     url?: string;
     urlTitle?: string;
-    target?: HTMLAttributeAnchorTarget;
+    target?: React.HTMLAttributeAnchorTarget;
     qa?: string;
     extraProps?: React.HTMLAttributes<HTMLElement>;
 }
-export type CardBasePropsType = PropsWithChildren<CardBaseProps>;
+export type CardBasePropsType = React.PropsWithChildren<CardBaseProps>;
 export interface CardHeaderBaseProps {
     className?: string;
     image?: ImageProps | null;
@@ -19,10 +19,10 @@ export interface CardFooterBaseProps {
     className?: string;
 }
 export declare const Layout: {
-    (props: CardBasePropsType): JSX.Element;
+    (props: CardBasePropsType): import("react/jsx-runtime").JSX.Element;
     Header: React.FC<React.PropsWithChildren<CardHeaderBaseProps>>;
     Content: React.FC<{
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     }>;
     Footer: React.FC<React.PropsWithChildren<CardFooterBaseProps>>;
 };

package/build/cjs/components/CardBase/CardBase.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 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 uikit_1 = require("@gravity-ui/uikit");
-const hooks_1 = require("../../hooks");
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
-const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
+const hooks_1 = require("../../hooks/index.js");
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../../utils/index.js");
+const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage.js"));
+const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink.js"));
 const b = (0, utils_1.block)('card-base-block');
 const Header = () => null;
 const Content = () => null;
@@ -34,26 +35,21 @@ const Layout = (props) => {
                 break;
         }
     }
-    react_1.Children.toArray(children).forEach((child) => {
-        if ((0, react_1.isValidElement)(child)) {
+    React.Children.toArray(children).forEach((child) => {
+        if (React.isValidElement(child)) {
             handleChild(child);
         }
     });
-    const cardContent = (react_1.default.createElement(react_1.Fragment, null,
-        (header || image) && (react_1.default.createElement(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header }),
-            react_1.default.createElement("div", { className: b('header-content') }, header))),
-        react_1.default.createElement("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body },
-            react_1.default.createElement("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content }, content),
-            footer && (react_1.default.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
+    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(header || image) && ((0, jsx_runtime_1.jsx)(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header, children: (0, jsx_runtime_1.jsx)("div", { className: b('header-content'), children: header }) }))), (0, jsx_runtime_1.jsxs)("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body, children: [(0, jsx_runtime_1.jsx)("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content, children: content }), footer && ((0, jsx_runtime_1.jsx)("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer, children: footer }))] })] }));
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleAnalytics(analyticsEvents);
     };
-    return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
-        react_1.default.createElement(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa }, cardContent))) : (react_1.default.createElement("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps), cardContent));
+    return url ? ((0, jsx_runtime_1.jsx)(RouterLink_1.default, { href: url, children: (0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa, children: cardContent }) })) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps, { children: cardContent })));
 };
 exports.Layout = Layout;
 exports.Layout.Header = Header;
 exports.Layout.Content = Content;
 exports.Layout.Footer = Footer;
 exports.default = exports.Layout;
+//# sourceMappingURL=CardBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardBase.js","sourceRoot":"../../../../src","sources":["components/CardBase/CardBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link} from '@gravity-ui/uikit';\n\nimport {useAnalytics} from '../../hooks';\nimport {\n    AnalyticsEventsBase,\n    CardBaseProps as CardBaseParams,\n    DefaultEventNames,\n    ImageProps,\n} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport BackgroundImage from '../BackgroundImage/BackgroundImage';\nimport RouterLink from '../RouterLink/RouterLink';\n\nimport './CardBase.scss';\n\ninterface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {\n    className?: string;\n    bodyClassName?: string;\n    contentClassName?: string;\n    url?: string;\n    urlTitle?: string;\n    target?: React.HTMLAttributeAnchorTarget;\n    qa?: string;\n    extraProps?: React.HTMLAttributes<HTMLElement>;\n}\n\nexport type CardBasePropsType = React.PropsWithChildren<CardBaseProps>;\n\nexport interface CardHeaderBaseProps {\n    className?: string;\n    image?: ImageProps | null;\n}\n\nexport interface CardFooterBaseProps {\n    className?: string;\n}\n\nconst b = block('card-base-block');\n\nconst Header: React.FC<React.PropsWithChildren<CardHeaderBaseProps>> = () => null;\nconst Content: React.FC<React.PropsWithChildren<{}>> = () => null;\nconst Footer: React.FC<React.PropsWithChildren<CardFooterBaseProps>> = () => null;\n\nexport const Layout = (props: CardBasePropsType) => {\n    const {\n        className,\n        bodyClassName,\n        analyticsEvents,\n        contentClassName,\n        children,\n        url,\n        target,\n        border = 'shadow',\n        urlTitle,\n        qa,\n        extraProps = {},\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.CardBase, url);\n    let header, content, footer, image, headerClass, footerClass;\n    const qaAttributes = getQaAttrubutes(qa, 'header', 'footer', 'body', 'content');\n\n    function handleChild(child: React.ReactElement) {\n        switch (child.type) {\n            case Header:\n                header = child.props.children;\n                image = child.props.image;\n                headerClass = child.props.className;\n                break;\n            case Content:\n                content = child.props.children;\n                break;\n            case Footer:\n                footer = child.props.children;\n                footerClass = child.props.className;\n                break;\n        }\n    }\n\n    React.Children.toArray(children).forEach((child) => {\n        if (React.isValidElement(child)) {\n            handleChild(child);\n        }\n    });\n\n    const cardContent = (\n        <React.Fragment>\n            {(header || image) && (\n                <BackgroundImage\n                    className={b('header', headerClass)}\n                    {...(typeof image === 'string' ? {src: image} : image)}\n                    qa={qaAttributes.header}\n                >\n                    <div className={b('header-content')}>{header}</div>\n                </BackgroundImage>\n            )}\n            <div className={b('body', bodyClassName)} data-qa={qaAttributes.body}>\n                <div className={b('content', contentClassName)} data-qa={qaAttributes.content}>\n                    {content}\n                </div>\n                {footer && (\n                    <div className={b('footer', footerClass)} data-qa={qaAttributes.footer}>\n                        {footer}\n                    </div>\n                )}\n            </div>\n        </React.Fragment>\n    );\n\n    const fullClassName = b({border}, className);\n\n    const onClick = () => {\n        handleAnalytics(analyticsEvents);\n    };\n\n    return url ? (\n        <RouterLink href={url}>\n            <Link\n                href={url}\n                target={target}\n                rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n                className={fullClassName}\n                onClick={onClick}\n                title={urlTitle}\n                extraProps={{\n                    draggable: false,\n                    onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n                    ...extraProps,\n                }}\n                qa={qa}\n            >\n                {cardContent}\n            </Link>\n        </RouterLink>\n    ) : (\n        <div className={fullClassName} data-qa={qa} {...extraProps}>\n            {cardContent}\n        </div>\n    );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\n\nexport default Layout;\n"]}

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

@@ -1,4 +1,4 @@
-import { ContentListProps } from '../../models';
-import { QAProps } from '../../models/common';
-declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => JSX.Element;
+import { ContentListProps } from "../../models/index.js";
+import { QAProps } from "../../models/common.js";
+declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentList;

package/build/cjs/components/ContentList/ContentList.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uuid_1 = require("uuid");
-const utils_1 = require("../../utils");
-const blocks_1 = require("../../utils/blocks");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
-const ContentListItemIcon_1 = tslib_1.__importDefault(require("./ContentListItemIcon"));
+const utils_1 = require("../../utils/index.js");
+const blocks_1 = require("../../utils/blocks.js");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper.js"));
+const ContentListItemIcon_1 = tslib_1.__importDefault(require("./ContentListItemIcon.js"));
 const b = (0, utils_1.block)('content-list');
 function getHeadingLevel(size) {
     switch (size) {
@@ -19,14 +20,11 @@ function getHeadingLevel(size) {
 }
 const ContentList = ({ list, size = 'l', qa, theme }) => {
     const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['image', 'title', 'text']);
-    return (react_1.default.createElement("div", { className: b({ size, theme }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
-        const { icon, title, text } = item;
-        return (react_1.default.createElement("div", { className: b('item', { 'without-title': !title }), key: (0, uuid_1.v4)() },
-            react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
-            react_1.default.createElement("div", null,
-                title &&
-                    react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, react_1.default.createElement(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })),
-                text && (react_1.default.createElement(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
-    })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size, theme }), "data-qa": qa, children: list === null || list === void 0 ? void 0 : list.map((item) => {
+            const { icon, title, text } = item;
+            return ((0, jsx_runtime_1.jsxs)("div", { className: b('item', { 'without-title': !title }), children: [(0, jsx_runtime_1.jsx)(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }), (0, jsx_runtime_1.jsxs)("div", { children: [title &&
+                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })), text && ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, (0, uuid_1.v4)()));
+        }) }));
 };
 exports.default = ContentList;
+//# sourceMappingURL=ContentList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,+BAAkC;AAIlC,gDAAkC;AAClC,kDAAmD;AACnD,qFAAkD;AAElD,2FAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,aAAW,EAAE,YACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;YACjC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,uBAAC,6BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,4CACK,KAAK;gCACF,KAAK,CAAC,aAAa,CACf,eAAe,CAAC,IAAI,CAAC,EACrB,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAC,EACtD,uBAAC,oBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,uBAAC,oBAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,EAC9B,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,KAjBiD,IAAA,SAAM,GAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {v4 as uuidv4} from 'uuid';\n\nimport {ContentListProps, ContentSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport ItemIcon from './ContentListItemIcon';\n\nimport './ContentList.scss';\n\nconst b = block('content-list');\n\nfunction getHeadingLevel(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'h4';\n        case 'l':\n        default:\n            return 'h3';\n    }\n}\n\nconst ContentList = ({list, size = 'l', qa, theme}: ContentListProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);\n\n    return (\n        <div className={b({size, theme})} data-qa={qa}>\n            {list?.map((item) => {\n                const {icon, title, text} = item;\n                return (\n                    <div className={b('item', {'without-title': !title})} key={uuidv4()}>\n                        <ItemIcon icon={icon} className={b('icon')} qa={qaAttributes.image} />\n                        <div>\n                            {title &&\n                                React.createElement(\n                                    getHeadingLevel(size),\n                                    {className: b('title'), 'data-qa': qaAttributes.title},\n                                    <YFMWrapper content={title} modifiers={{constructor: true}} />,\n                                )}\n                            {text && (\n                                <YFMWrapper\n                                    className={b('text')}\n                                    content={text}\n                                    modifiers={{constructor: true}}\n                                    qa={qaAttributes.text}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentList;\n"]}

package/build/cjs/components/ContentList/ContentListItemIcon.d.ts

@@ -1,7 +1,7 @@
-import { ClassNameProps, ImageProps, QAProps, SVGIcon } from '../../models';
-import { ThemeSupporting } from '../../utils';
+import { ClassNameProps, ImageProps, QAProps, SVGIcon } from "../../models/index.js";
+import { ThemeSupporting } from "../../utils/index.js";
 interface ListItemProps extends QAProps, ClassNameProps {
     icon: ThemeSupporting<ImageProps | SVGIcon>;
 }
-declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => JSX.Element;
+declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentListItemIcon;

package/build/cjs/components/ContentList/ContentListItemIcon.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const theme_1 = require("../../context/theme");
-const utils_1 = require("../../utils");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
-const utils_2 = require("../Media/Image/utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const theme_1 = require("../../context/theme/index.js");
+const utils_1 = require("../../utils/index.js");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
+const utils_2 = require("../Media/Image/utils.js");
 function isIconSvg(icon) {
     return typeof icon === 'function';
 }
@@ -14,10 +14,10 @@ const ContentListItemIcon = ({ icon, className, qa }) => {
     const iconThemed = (0, utils_1.getThemedValue)(icon, theme);
     if (isIconSvg(iconThemed)) {
         const Icon = iconThemed;
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement(Icon, { className: className })));
+        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Icon, { className: className }) }));
     }
     const iconData = (0, utils_2.getMediaImage)(iconThemed);
-    return react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: className, qa: qa }));
+    return (0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, iconData, { className: className, qa: qa }));
 };
 exports.default = ContentListItemIcon;
+//# sourceMappingURL=ContentListItemIcon.js.map

package/build/cjs/components/ContentList/ContentListItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentListItemIcon.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentListItemIcon.tsx"],"names":[],"mappings":";;;;AAAA,wDAA6C;AAE7C,gDAA4D;AAC5D,sEAAmC;AACnC,mDAAmD;AAMnD,SAAS,SAAS,CAAC,IAA0B;IACzC,OAAO,OAAO,IAAI,KAAK,UAAU,CAAC;AACtC,CAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAgB,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,UAAU,CAAC;QACxB,OAAO,CACH,0CACI,uBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,GAC5B,CACT,CAAC;IACN,CAAC;IACD,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;IAC3C,OAAO,uBAAC,eAAK,oBAAK,QAAQ,IAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;AACjE,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import {useTheme} from '../../context/theme';\nimport {ClassNameProps, ImageProps, QAProps, SVGIcon} from '../../models';\nimport {ThemeSupporting, getThemedValue} from '../../utils';\nimport Image from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\ninterface ListItemProps extends QAProps, ClassNameProps {\n    icon: ThemeSupporting<ImageProps | SVGIcon>;\n}\n\nfunction isIconSvg(icon: ImageProps | SVGIcon): icon is SVGIcon {\n    return typeof icon === 'function';\n}\n\nconst ContentListItemIcon = ({icon, className, qa}: ListItemProps) => {\n    const theme = useTheme();\n    const iconThemed = getThemedValue(icon, theme);\n\n    if (isIconSvg(iconThemed)) {\n        const Icon = iconThemed;\n        return (\n            <div>\n                <Icon className={className} />\n            </div>\n        );\n    }\n    const iconData = getMediaImage(iconThemed);\n    return <Image {...iconData} className={className} qa={qa} />;\n};\n\nexport default ContentListItemIcon;\n"]}

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

@@ -1,8 +1,7 @@
-import React from 'react';
-import { SVGIconData } from '@gravity-ui/uikit/build/esm/components/Icon/types';
+import { IconData } from '@gravity-ui/uikit';
 export declare const defaultIconId = "icon-test-id";
 export interface ControlProps {
-    icon: SVGIconData;
+    icon: IconData;
     theme?: 'primary' | 'secondary' | 'link' | 'accent';
     size?: 'xs' | 's' | 'm' | 'l';
     iconSize?: number;
@@ -11,5 +10,5 @@ export interface ControlProps {
     onClick?: (event: React.MouseEvent) => void;
     qa?: string;
 }
-declare const Control: (props: ControlProps) => JSX.Element;
+declare const Control: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export default Control;

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

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultIconId = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils");
-const i18n_1 = require("./i18n");
+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 (react_1.default.createElement("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 },
-        react_1.default.createElement(uikit_1.Icon, { data: icon, size: iconSize, qa: exports.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 }) }));
 };
 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.d.ts

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

package/build/cjs/components/Control/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}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 React from 'react';
-import { MediaVideoProps } from '../../models';
+import * as React from 'react';
+import { MediaVideoProps } from "../../models/index.js";
 type DefaultVideoRefType = HTMLVideoElement | undefined;
 interface DefaultVideoProps {
     video: MediaVideoProps;

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

@@ -2,32 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultVideo = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const utils_2 = require("../Media/Video/utils");
-const CustomBarControls_1 = tslib_1.__importDefault(require("../ReactPlayer/CustomBarControls"));
+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_1.default.forwardRef((props, ref) => {
+exports.DefaultVideo = React.forwardRef((props, ref) => {
     const { video, qa, customBarControlsClassName } = props;
     const { controls, customControlsOptions, muted: initiallyMuted = true } = video;
     const { muteButtonShown, positioning, type: customControlsType, } = customControlsOptions || {};
-    const [isPaused, setIsPaused] = (0, react_1.useState)(false);
-    const [isMuted, setIsMuted] = (0, react_1.useState)(initiallyMuted);
-    const videoRef = (0, react_1.useRef)(null);
+    const [isPaused, setIsPaused] = React.useState(false);
+    const [isMuted, setIsMuted] = React.useState(initiallyMuted);
+    const videoRef = React.useRef(null);
     // one may not use this hook and work with `ref` variable only, but
     // in this case one should support both function type and object type,
     // according to ForwardedRef type.
     // Currently used way with extra ref and useImperativeHandle is more
     // convenient and allows us to work with object typed ref only,
     // avoiding typeof ref === 'function' statements
-    (0, react_1.useImperativeHandle)(ref, () => {
+    React.useImperativeHandle(ref, () => {
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current)) {
             return undefined;
         }
         return videoRef.current;
     }, [videoRef]);
-    const onPlayToggle = (0, react_1.useCallback)(() => {
+    const onPlayToggle = React.useCallback(() => {
         setIsPaused((value) => {
             var _a, _b;
             if (value) {
@@ -39,24 +40,21 @@ exports.DefaultVideo = react_1.default.forwardRef((props, ref) => {
             return !value;
         });
     }, [videoRef]);
-    const onMuteToggle = (0, react_1.useCallback)(() => {
+    const onMuteToggle = React.useCallback(() => {
         setIsMuted((value) => !value);
     }, []);
-    const onClick = (0, react_1.useCallback)(() => {
+    const onClick = React.useCallback(() => {
         if (customControlsType === models_1.CustomControlsType.WithPlayPauseButton) {
             onPlayToggle();
         }
     }, [onPlayToggle, customControlsType]);
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement("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 },
-            (0, utils_2.getVideoTypesWithPriority)(video.src).map(({ src, type }, index) => (react_1.default.createElement("source", { key: index, src: src, type: type, "data-qa": qa }))),
-            react_1.default.createElement("track", { default: true, kind: "captions" })),
-        controls === models_1.MediaVideoControlsType.Custom && (react_1.default.createElement(CustomBarControls_1.default, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
-                isMuted: Boolean(isMuted),
-                changeMute: onMuteToggle,
-            } }))));
+    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: [(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,
+                } }))] }));
 });
 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":"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","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 React from 'react';
-import { ClassNameProps } from '../../models';
+import * as React from 'react';
+import { ClassNameProps } from "../../models/index.js";
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
     handler: () => void;
@@ -7,5 +7,5 @@ export interface ErrorWrapperProps extends ClassNameProps {
     buttonText: string;
     children: React.ReactNode;
 }
-declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => JSX.Element;
+declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => import("react/jsx-runtime").JSX.Element;
 export default ErrorWrapper;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+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");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('ErrorWrapper');
-const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (react_1.default.createElement("div", { className: b(null, className) },
-    react_1.default.createElement("div", { className: b('text') }, text),
-    handler && (react_1.default.createElement(uikit_1.Button, { size: "s", onClick: handler }, buttonText)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+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 React from 'react';
-import { FileLinkProps } from '../../models';
+import * as React from 'react';
+import { FileLinkProps } from "../../models/index.js";
 export declare enum FileExtension {
     PDF = "pdf",
     DOC = "doc",
@@ -9,5 +9,5 @@ export declare enum FileExtension {
     ZIP = "zip"
 }
 export declare function getFileExt(name: string): string;
-declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => JSX.Element;
+declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => import("react/jsx-runtime").JSX.Element;
 export default FileLink;

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

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFileExt = exports.FileExtension = void 0;
+exports.FileExtension = void 0;
+exports.getFileExt = getFileExt;
 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 uikit_1 = require("@gravity-ui/uikit");
-const locationContext_1 = require("../../context/locationContext");
-const utils_1 = require("../../utils");
+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';
 var FileExtension;
@@ -16,7 +18,7 @@ var FileExtension;
     FileExtension["PPT"] = "ppt";
     FileExtension["FIG"] = "fig";
     FileExtension["ZIP"] = "zip";
-})(FileExtension = exports.FileExtension || (exports.FileExtension = {}));
+})(FileExtension || (exports.FileExtension = FileExtension = {}));
 function getFileExt(name) {
     if (name === null || name === void 0 ? void 0 : name.includes(FIGMA_URL)) {
         return FileExtension.FIG;
@@ -24,7 +26,6 @@ function getFileExt(name) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return name && name.split('.').pop().toLowerCase();
 }
-exports.getFileExt = getFileExt;
 const FileExtensionThemes = {
     [FileExtension.PDF]: 'danger',
     [FileExtension.DOC]: 'info',
@@ -40,14 +41,12 @@ const LabelSizeMap = {
     xs: 'xs',
 };
 const FileLink = (props) => {
-    const { hostname } = (0, react_1.useContext)(locationContext_1.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 (react_1.default.createElement("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className) },
-        react_1.default.createElement(uikit_1.Label, { className: b('file-label'), size: labelSize, theme: labelTheme }, fileExt),
-        react_1.default.createElement("div", { className: b('link') },
-            react_1.default.createElement("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, (0, utils_1.getLinkProps)(href, hostname), extraProps), 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 })) })] }));
 };
 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,8 +1,8 @@
-import React from 'react';
-import { QAProps } from '../../models';
+import * as React from 'react';
+import { QAProps } from "../../models/index.js";
 export interface FoldableProps extends QAProps {
     isOpened: boolean;
     className?: string;
 }
-declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => JSX.Element;
+declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => import("react/jsx-runtime").JSX.Element;
 export default Foldable;

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

@@ -1,21 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const useHeightCalculator_1 = tslib_1.__importDefault(require("../../hooks/useHeightCalculator"));
-const utils_1 = require("../../utils");
+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 = (0, utils_1.getQaAttrubutes)(qa);
-    const blockRef = (0, react_1.useRef)(null);
-    const contentRef = (0, react_1.useRef)(null);
+    const blockRef = React.useRef(null);
+    const contentRef = React.useRef(null);
     const contentHeight = (0, useHeightCalculator_1.default)(contentRef);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (blockRef && blockRef.current) {
             blockRef.current.style.height = isOpened && contentHeight ? `${contentHeight}px` : '0';
         }
     }, [isOpened, contentHeight]);
-    return (react_1.default.createElement("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default },
-        react_1.default.createElement("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container }, 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 }) }));
 };
 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"]}