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

package/build/esm/components/Button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC;AAkBrC,MAAM,QAAQ,GAAuC;IACjD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,eAAe;IAC/B,gBAAgB,EAAE,iBAAiB;IACnC,aAAa,EAAE,mBAAmB;IAClC,gBAAgB,EAAE,mBAAmB;CACxC,CAAC;AAIF,MAAM,OAAO,GAAsC;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAA,EAAA,CAAC;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,IAAI,CAAC,mCAAI,IAAI,CAAA,EAAA,CAAC","sourcesContent":["import {ButtonSize, ButtonView} from '@gravity-ui/uikit';\n\nexport const ICON_QA = 'button-icon';\n\nexport type OldButtonTheme =\n    | 'normal'\n    | 'action'\n    | 'flat'\n    | 'light'\n    | 'clear'\n    | 'raised'\n    | 'pseudo'\n    | 'link'\n    | 'accent'\n    | 'websearch'\n    | 'flat-special'\n    | 'normal-special'\n    | 'normal-dark'\n    | 'pseudo-special';\n\nconst themeMap: Record<OldButtonTheme, ButtonView> = {\n    normal: 'normal',\n    action: 'action',\n    flat: 'flat',\n    light: 'flat-secondary',\n    clear: 'flat-secondary',\n    raised: 'raised',\n    pseudo: 'outlined',\n    link: 'outlined-info',\n    accent: 'action',\n    websearch: 'action',\n    'flat-special': 'flat-contrast',\n    'normal-special': 'normal-contrast',\n    'normal-dark': 'outlined-contrast',\n    'pseudo-special': 'outlined-contrast',\n};\n\nexport type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';\n\nconst sizeMap: Record<OldButtonSize, ButtonSize> = {\n    xs: 's',\n    ns: 's',\n    s: 'm',\n    m: 'l',\n    l: 'l',\n    n: 'l',\n    head: 'l',\n    promo: 'xl',\n};\n\nexport const toCommonView = (theme: OldButtonTheme) => themeMap[theme] ?? theme;\nexport const toCommonSize = (size: OldButtonSize) => sizeMap[size] ?? size;\n"]}

package/build/esm/components/ButtonTabs/ButtonTabs.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-import { ButtonProps, QAProps } from '../../models';
+import { ButtonProps, QAProps } from "../../models/index.js";
 import './ButtonTabs.css';
 export interface ButtonTabsItemProps extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {
     id: string | null;

package/build/esm/components/ButtonTabs/ButtonTabs.js

@@ -1,26 +1,28 @@
-import React, { useCallback, useMemo } from 'react';
-import { block } from '../../utils';
-import { Button } from '../index';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from "../../utils/index.js";
+import { Button } from "../index.js";
 import './ButtonTabs.css';
 const b = block('button-tabs');
 const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
-    const activeTabId = useMemo(() => {
+    const activeTabId = React.useMemo(() => {
         if (activeTab) {
             return activeTab;
         }
         return items[0].id;
     }, [activeTab, items]);
-    const handleClick = useCallback((tabId) => (e) => {
+    const handleClick = React.useCallback((tabId) => (e) => {
         if (onSelectTab) {
             onSelectTab(tabId, e);
         }
     }, [onSelectTab]);
-    return (React.createElement("div", { className: b(null, className), role: "tablist", "data-qa": qa }, items.map(({ id, title }) => {
-        const isActive = id === activeTabId;
-        return (React.createElement(Button, { text: title, className: b('item', { active: isActive }), key: title, size: tabSize, onClick: handleClick(id), extraProps: {
-                role: 'tab',
-                'aria-selected': isActive,
-            } }));
-    })));
+    return (_jsx("div", { className: b(null, className), role: "tablist", "data-qa": qa, children: items.map(({ id, title }) => {
+            const isActive = id === activeTabId;
+            return (_jsx(Button, { text: title, className: b('item', { active: isActive }), size: tabSize, onClick: handleClick(id), extraProps: {
+                    role: 'tab',
+                    'aria-selected': isActive,
+                } }, title));
+        }) }));
 };
 export default ButtonTabs;
+//# sourceMappingURL=ButtonTabs.js.map

package/build/esm/components/ButtonTabs/ButtonTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTabs.js","sourceRoot":"../../../../src","sources":["components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,MAAM,EAAC,oBAAiB;AAEhC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAmB/B,MAAM,UAAU,GAA8B,CAAC,EAC3C,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,GAAG,EACb,EAAE,GACL,EAAE,EAAE;IACD,MAAM,WAAW,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClD,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC,CAA0D,EAAE,EAAE;QACrF,IAAI,WAAW,EAAE,CAAC;YACd,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,aAAU,EAAE,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,EAAE,EAAE;YACvB,MAAM,QAAQ,GAAG,EAAE,KAAK,WAAW,CAAC;YAEpC,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAExC,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,EACxB,UAAU,EAAE;oBACR,IAAI,EAAE,KAAK;oBACX,eAAe,EAAE,QAAQ;iBAC5B,IANI,KAAK,CAOZ,CACL,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ButtonSize} from '@gravity-ui/uikit';\n\nimport {ButtonProps, QAProps} from '../../models';\nimport {block} from '../../utils';\nimport {Button} from '../index';\n\nimport './ButtonTabs.scss';\n\nconst b = block('button-tabs');\n\nexport interface ButtonTabsItemProps\n    extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {\n    id: string | null;\n    title: string;\n}\n\nexport interface ButtonTabsProps extends QAProps {\n    className?: string;\n    items: ButtonTabsItemProps[];\n    activeTab?: string | null;\n    onSelectTab?: (\n        tabId: string | null,\n        e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n    ) => void;\n    tabSize?: ButtonSize;\n}\n\nconst ButtonTabs: React.FC<ButtonTabsProps> = ({\n    className,\n    items,\n    activeTab,\n    onSelectTab,\n    tabSize = 'l',\n    qa,\n}) => {\n    const activeTabId: string | null = React.useMemo(() => {\n        if (activeTab) {\n            return activeTab;\n        }\n\n        return items[0].id;\n    }, [activeTab, items]);\n\n    const handleClick = React.useCallback(\n        (tabId: string | null) => (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            if (onSelectTab) {\n                onSelectTab(tabId, e);\n            }\n        },\n        [onSelectTab],\n    );\n\n    return (\n        <div className={b(null, className)} role=\"tablist\" data-qa={qa}>\n            {items.map(({id, title}) => {\n                const isActive = id === activeTabId;\n\n                return (\n                    <Button\n                        text={title}\n                        className={b('item', {active: isActive})}\n                        key={title}\n                        size={tabSize}\n                        onClick={handleClick(id)}\n                        extraProps={{\n                            role: 'tab',\n                            'aria-selected': isActive,\n                        }}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ButtonTabs;\n"]}

package/build/esm/components/Buttons/Buttons.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ButtonProps, ContentSize } from '../../models';
+import * as React from 'react';
+import { ButtonProps, ContentSize } from "../../models/index.js";
 import './Buttons.css';
 type ButtonsProps = {
     className?: string;

package/build/esm/components/Buttons/Buttons.js

@@ -1,6 +1,7 @@
-import React from 'react';
-import { block } from '../../utils';
-import Button from '../Button/Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { block } from "../../utils/index.js";
+import Button from "../Button/Button.js";
 import './Buttons.css';
 const b = block('buttons');
 function getButtonSize(size) {
@@ -12,5 +13,6 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa }) => buttons ? (React.createElement("div", { className: b({ size }, className), "data-qa": qa }, buttons.map((item) => (React.createElement(Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) })))))) : null;
+const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa, }) => buttons ? (_jsx("div", { className: b({ size }, className), "data-qa": qa, children: buttons.map((item) => (_createElement(Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) })))) })) : null;
 export default Buttons;
+//# sourceMappingURL=Buttons.js.map

package/build/esm/components/Buttons/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","sourceRoot":"../../../../src","sources":["components/Buttons/Buttons.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,MAAM,4BAAyB;AAEtC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAW3B,SAAS,aAAa,CAAC,IAAiB;IACpC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,OAAO,GAA2B,CAAC,EACrC,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,GAAG,GAAG,EACV,EAAE,EACF,QAAQ,GACX,EAAE,EAAE,CACD,OAAO,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAAC,MAAM,kBACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IAClB,IAAI,IACR,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACzB,EAAE,EAAE,QAAQ,EACZ,UAAU,kBACN,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IACpD,IAAI,CAAC,UAAU,KAExB,CACL,CAAC,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AAEb,eAAe,OAAO,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ButtonProps, ContentSize} from '../../models';\nimport {block} from '../../utils';\nimport Button from '../Button/Button';\n\nimport './Buttons.scss';\n\nconst b = block('buttons');\n\ntype ButtonsProps = {\n    className?: string;\n    buttons?: ButtonProps[];\n    size?: ContentSize;\n    titleId?: string;\n    qa?: string;\n    buttonQa?: string;\n};\n\nfunction getButtonSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'm';\n        case 'l':\n        default:\n            return 'xl';\n    }\n}\n\nconst Buttons: React.FC<ButtonsProps> = ({\n    className,\n    titleId,\n    buttons,\n    size = 's',\n    qa,\n    buttonQa,\n}) =>\n    buttons ? (\n        <div className={b({size}, className)} data-qa={qa}>\n            {buttons.map((item) => (\n                <Button\n                    className={b('button')}\n                    {...item}\n                    key={item.url}\n                    size={getButtonSize(size)}\n                    qa={buttonQa}\n                    extraProps={{\n                        'aria-describedby': item.urlTitle ? undefined : titleId,\n                        ...item.extraProps,\n                    }}\n                />\n            ))}\n        </div>\n    ) : null;\n\nexport default Buttons;\n"]}

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

@@ -1,5 +1,5 @@
-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";
 import './CardBase.css';
 interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
@@ -7,11 +7,11 @@ interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     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;
@@ -20,10 +20,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/esm/components/CardBase/CardBase.js

@@ -1,10 +1,11 @@
-import React, { Children, Fragment, isValidElement, } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Link } from '@gravity-ui/uikit';
-import { useAnalytics } from '../../hooks';
-import { DefaultEventNames, } from '../../models';
-import { block, getQaAttrubutes } from '../../utils';
-import BackgroundImage from '../BackgroundImage/BackgroundImage';
-import RouterLink from '../RouterLink/RouterLink';
+import { useAnalytics } from "../../hooks/index.js";
+import { DefaultEventNames, } from "../../models/index.js";
+import { block, getQaAttrubutes } from "../../utils/index.js";
+import BackgroundImage from "../BackgroundImage/BackgroundImage.js";
+import RouterLink from "../RouterLink/RouterLink.js";
 import './CardBase.css';
 const b = block('card-base-block');
 const Header = () => null;
@@ -31,25 +32,20 @@ export const Layout = (props) => {
                 break;
         }
     }
-    Children.toArray(children).forEach((child) => {
-        if (isValidElement(child)) {
+    React.Children.toArray(children).forEach((child) => {
+        if (React.isValidElement(child)) {
             handleChild(child);
         }
     });
-    const cardContent = (React.createElement(Fragment, null,
-        (header || image) && (React.createElement(BackgroundImage, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header }),
-            React.createElement("div", { className: b('header-content') }, header))),
-        React.createElement("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body },
-            React.createElement("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content }, content),
-            footer && (React.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
+    const cardContent = (_jsxs(React.Fragment, { children: [(header || image) && (_jsx(BackgroundImage, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header, children: _jsx("div", { className: b('header-content'), children: header }) }))), _jsxs("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body, children: [_jsx("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content, children: content }), footer && (_jsx("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer, children: footer }))] })] }));
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleAnalytics(analyticsEvents);
     };
-    return url ? (React.createElement(RouterLink, { href: url },
-        React.createElement(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.createElement("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps), cardContent));
+    return url ? (_jsx(RouterLink, { href: url, children: _jsx(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 }) })) : (_jsx("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps, { children: cardContent })));
 };
 Layout.Header = Header;
 Layout.Content = Content;
 Layout.Footer = Footer;
 export default Layout;
+//# sourceMappingURL=CardBase.js.map

package/build/esm/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/esm/components/ContentList/ContentList.d.ts

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

package/build/esm/components/ContentList/ContentList.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import { block } from '../../utils';
-import { getQaAttrubutes } from '../../utils/blocks';
-import YFMWrapper from '../YFMWrapper/YFMWrapper';
-import ItemIcon from './ContentListItemIcon';
+import { block } from "../../utils/index.js";
+import { getQaAttrubutes } from "../../utils/blocks.js";
+import YFMWrapper from "../YFMWrapper/YFMWrapper.js";
+import ItemIcon from "./ContentListItemIcon.js";
 import './ContentList.css';
 const b = block('content-list');
 function getHeadingLevel(size) {
@@ -17,14 +18,11 @@ function getHeadingLevel(size) {
 }
 const ContentList = ({ list, size = 'l', qa, theme }) => {
     const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);
-    return (React.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.createElement("div", { className: b('item', { 'without-title': !title }), key: uuidv4() },
-            React.createElement(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
-            React.createElement("div", null,
-                title &&
-                    React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, React.createElement(YFMWrapper, { content: title, modifiers: { constructor: true } })),
-                text && (React.createElement(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
-    })));
+    return (_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 (_jsxs("div", { className: b('item', { 'without-title': !title }), children: [_jsx(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }), _jsxs("div", { children: [title &&
+                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, _jsx(YFMWrapper, { content: title, modifiers: { constructor: true } })), text && (_jsx(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, uuidv4()));
+        }) }));
 };
 export default ContentList;
+//# sourceMappingURL=ContentList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,IAAI,MAAM,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,eAAe,EAAC,8BAA2B;AACnD,OAAO,UAAU,oCAAiC;AAElD,OAAO,QAAQ,iCAA8B;AAE7C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,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,eAAe,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,cAAK,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,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,0BACK,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,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,KAAC,UAAU,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,MAAM,EAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/components/ContentList/ContentListItemIcon.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { useTheme } from '../../context/theme';
-import { getThemedValue } from '../../utils';
-import Image from '../Image/Image';
-import { getMediaImage } from '../Media/Image/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from "../../context/theme/index.js";
+import { getThemedValue } from "../../utils/index.js";
+import Image from "../Image/Image.js";
+import { getMediaImage } from "../Media/Image/utils.js";
 function isIconSvg(icon) {
     return typeof icon === 'function';
 }
@@ -11,10 +11,10 @@ const ContentListItemIcon = ({ icon, className, qa }) => {
     const iconThemed = getThemedValue(icon, theme);
     if (isIconSvg(iconThemed)) {
         const Icon = iconThemed;
-        return (React.createElement("div", null,
-            React.createElement(Icon, { className: className })));
+        return (_jsx("div", { children: _jsx(Icon, { className: className }) }));
     }
     const iconData = getMediaImage(iconThemed);
-    return React.createElement(Image, Object.assign({}, iconData, { className: className, qa: qa }));
+    return _jsx(Image, Object.assign({}, iconData, { className: className, qa: qa }));
 };
 export default ContentListItemIcon;
+//# sourceMappingURL=ContentListItemIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentListItemIcon.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentListItemIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAkB,cAAc,EAAC,6BAAoB;AAC5D,OAAO,KAAK,0BAAuB;AACnC,OAAO,EAAC,aAAa,EAAC,gCAA6B;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,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,UAAU,CAAC;QACxB,OAAO,CACH,wBACI,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,GAC5B,CACT,CAAC;IACN,CAAC;IACD,MAAM,QAAQ,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,OAAO,KAAC,KAAK,oBAAK,QAAQ,IAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;AACjE,CAAC,CAAC;AAEF,eAAe,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/esm/components/Control/Control.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { SVGIconData } from '@gravity-ui/uikit/build/esm/components/Icon/types';
+import { IconData } from '@gravity-ui/uikit';
 import './Control.css';
 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;
@@ -12,5 +11,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/esm/components/Control/Control.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from '@gravity-ui/uikit';
-import { block } from '../../utils';
-import { i18n } from './i18n';
+import { block } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './Control.css';
 const b = block('control');
 export const defaultIconId = 'icon-test-id';
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, qa, } = props;
-    return (React.createElement("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa },
-        React.createElement(Icon, { data: icon, size: iconSize, qa: defaultIconId })));
+    return (_jsx("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa, children: _jsx(Icon, { data: icon, size: iconSize, qa: defaultIconId }) }));
 };
 export default Control;
+//# sourceMappingURL=Control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sourceRoot":"../../../../src","sources":["components/Control/Control.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAW,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,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,iBACI,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,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,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,GAAI,GAClD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/components/Control/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Control`);
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/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";
 import './DefaultVideo.css';
 type DefaultVideoRefType = HTMLVideoElement | undefined;
 interface DefaultVideoProps {

package/build/esm/components/DefaultVideo/DefaultVideo.js

@@ -1,30 +1,31 @@
-import React, { Fragment, useCallback, useImperativeHandle, useRef, useState } from 'react';
-import { CustomControlsType, MediaVideoControlsType } from '../../models';
-import { block } from '../../utils';
-import { getVideoTypesWithPriority } from '../Media/Video/utils';
-import CustomBarControls from '../ReactPlayer/CustomBarControls';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CustomControlsType, MediaVideoControlsType } from "../../models/index.js";
+import { block } from "../../utils/index.js";
+import { getVideoTypesWithPriority } from "../Media/Video/utils.js";
+import CustomBarControls from "../ReactPlayer/CustomBarControls.js";
 import './DefaultVideo.css';
 const b = block('default-video');
 export const 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] = useState(false);
-    const [isMuted, setIsMuted] = useState(initiallyMuted);
-    const videoRef = 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
-    useImperativeHandle(ref, () => {
+    React.useImperativeHandle(ref, () => {
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current)) {
             return undefined;
         }
         return videoRef.current;
     }, [videoRef]);
-    const onPlayToggle = useCallback(() => {
+    const onPlayToggle = React.useCallback(() => {
         setIsPaused((value) => {
             var _a, _b;
             if (value) {
@@ -36,24 +37,21 @@ export const DefaultVideo = React.forwardRef((props, ref) => {
             return !value;
         });
     }, [videoRef]);
-    const onMuteToggle = useCallback(() => {
+    const onMuteToggle = React.useCallback(() => {
         setIsMuted((value) => !value);
     }, []);
-    const onClick = useCallback(() => {
+    const onClick = React.useCallback(() => {
         if (customControlsType === CustomControlsType.WithPlayPauseButton) {
             onPlayToggle();
         }
     }, [onPlayToggle, customControlsType]);
-    return (React.createElement(Fragment, null,
-        React.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 },
-            getVideoTypesWithPriority(video.src).map(({ src, type }, index) => (React.createElement("source", { key: index, src: src, type: type, "data-qa": qa }))),
-            React.createElement("track", { default: true, kind: "captions" })),
-        controls === MediaVideoControlsType.Custom && (React.createElement(CustomBarControls, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
-                isMuted: Boolean(isMuted),
-                changeMute: onMuteToggle,
-            } }))));
+    return (_jsxs(React.Fragment, { children: [_jsxs("video", { disablePictureInPicture: true, playsInline: true, 
+                // @ts-ignore
+                // eslint-disable-next-line react/no-unknown-property
+                pip: "false", className: b(), ref: videoRef, preload: "metadata", muted: isMuted, "aria-label": video.ariaLabel, onClick: onClick, children: [getVideoTypesWithPriority(video.src).map(({ src, type }, index) => (_jsx("source", { src: src, type: type, "data-qa": qa }, index))), _jsx("track", { default: true, kind: "captions" })] }), controls === MediaVideoControlsType.Custom && (_jsx(CustomBarControls, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
+                    isMuted: Boolean(isMuted),
+                    changeMute: onMuteToggle,
+                } }))] }));
 });
 DefaultVideo.displayName = 'DefaultVideo';
+//# sourceMappingURL=DefaultVideo.js.map

package/build/esm/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/esm/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";
 import './ErrorWrapper.css';
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
@@ -8,5 +8,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/esm/components/ErrorWrapper/ErrorWrapper.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { block } from '../../utils';
+import { block } from "../../utils/index.js";
 import './ErrorWrapper.css';
 const b = block('ErrorWrapper');
-const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (React.createElement("div", { className: b(null, className) },
-    React.createElement("div", { className: b('text') }, text),
-    handler && (React.createElement(Button, { size: "s", onClick: handler }, buttonText)))) : (React.createElement(React.Fragment, null, children));
+const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('text'), children: text }), handler && (_jsx(Button, { size: "s", onClick: handler, children: buttonText }))] })) : (_jsx(React.Fragment, { children: children }));
 export default ErrorWrapper;
+//# sourceMappingURL=ErrorWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.js","sourceRoot":"../../../../src","sources":["components/ErrorWrapper/ErrorWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,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,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,OAAO,IAAI,CACR,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,YAC5B,UAAU,GACN,CACZ,IACC,CACT,CAAC,CAAC,CAAC,CACA,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC;AAEN,eAAe,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/esm/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";
 import './FileLink.css';
 export declare enum FileExtension {
     PDF = "pdf",
@@ -10,5 +10,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/esm/components/FileLink/FileLink.js

@@ -1,7 +1,8 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Label } from '@gravity-ui/uikit';
-import { LocationContext } from '../../context/locationContext';
-import { block, getLinkProps } from '../../utils';
+import { LocationContext } from "../../context/locationContext/index.js";
+import { block, getLinkProps } from "../../utils/index.js";
 import './FileLink.css';
 const b = block('file-link');
 const FIGMA_URL = 'https://www.figma.com';
@@ -36,14 +37,12 @@ const LabelSizeMap = {
     xs: 'xs',
 };
 const FileLink = (props) => {
-    const { hostname } = useContext(LocationContext);
+    const { hostname } = React.useContext(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.createElement("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className) },
-        React.createElement(Label, { className: b('file-label'), size: labelSize, theme: labelTheme }, fileExt),
-        React.createElement("div", { className: b('link') },
-            React.createElement("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps), text))));
+    return (_jsxs("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps, { children: text })) })] }));
 };
 export default FileLink;
+//# sourceMappingURL=FileLink.js.map