@gravity-ui/page-constructor 6.0.1-beta.0 → 6.2.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n    className: string;\n    columnClassName: string;\n    children: React.ReactNode[];\n    breakpointCols: {\n        [key: number]: number;\n    };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n    const {className, columnClassName, children = [], breakpointCols, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa, 'column');\n    const {isServer} = React.useContext(SSRContext);\n    const getCurrentColumnsCount = React.useCallback(() => {\n        const breakpoints = Object.entries(breakpointCols).sort(\n            ([firstBreakpoint], [secondBreakpoint]) => {\n                return Number(secondBreakpoint) - Number(firstBreakpoint);\n            },\n        );\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        let [, result] = first(breakpoints)!;\n\n        if (isServer) {\n            return result;\n        }\n\n        for (const [rawWidth, columnCount] of breakpoints) {\n            const width = Number(rawWidth);\n\n            if (document?.body.clientWidth <= width) {\n                result = columnCount;\n            }\n        }\n\n        return result;\n    }, [breakpointCols, isServer]);\n\n    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n    const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const balanceColumns = React.useCallback(\n        debounce(() => {\n            if (!containerRef.current) {\n                return;\n            }\n\n            const localColumns: React.ReactNode[][] = [];\n            const columnsMeta = [];\n\n            for (let i = 0; i < columnCount; i++) {\n                columnsMeta.push({id: i, height: 0});\n                localColumns.push([]);\n            }\n\n            for (let i = 0; i < containerRef.current.children.length; i++) {\n                const node = containerRef.current.children.item(i) as HTMLElement | null;\n\n                if (!node) {\n                    continue;\n                }\n\n                const minColumn = minBy(columnsMeta, 'height') || {id: 0, height: 0};\n                const {id: columnId} = minColumn;\n\n                localColumns[columnId].push(children[i]);\n\n                minColumn.height += node.offsetHeight;\n            }\n\n            setColumns(localColumns);\n        }, 300),\n        [children, columnCount],\n    );\n\n    React.useEffect(() => {\n        balanceColumns();\n    }, [balanceColumns, children, columnCount]);\n\n    React.useEffect(() => {\n        const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n        window.addEventListener('resize', updateColumnCounter, {passive: true});\n        return () => window.removeEventListener('resize', updateColumnCounter);\n    }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n    React.useEffect(() => {\n        const currentRef = containerRef.current;\n        const isResizeEventsSupported = 'ResizeObserver' in window;\n\n        if (!currentRef || !isResizeEventsSupported) {\n            return () => {};\n        }\n\n        const observer = new ResizeObserver(balanceColumns);\n\n        for (let i = 0; i < currentRef.children.length; i++) {\n            const node = currentRef.children.item(i) as HTMLElement | null;\n\n            if (!node) {\n                continue;\n            }\n\n            observer.observe(node);\n        }\n\n        return () => observer.disconnect();\n    }, [balanceColumns, children]);\n\n    return (\n        <div className={b(null, className)} data-qa={qa}>\n            <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n                <div ref={containerRef} className={b('hidden-list')}>\n                    {children}\n                </div>\n            </div>\n\n            {columns.map((columnElements, index) => (\n                <div\n                    key={index}\n                    className={columnClassName}\n                    style={{width: `${100 / columnCount}%`}}\n                    data-qa={qaAttributes.column}\n                >\n                    {columnElements}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default BalancedMasonry;\n"]}
+{"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n    className: string;\n    columnClassName: string;\n    children: React.ReactNode[];\n    breakpointCols: {\n        [key: number]: number;\n    };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n    const {className, columnClassName, children = [], breakpointCols, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa, 'column');\n    const {isServer} = React.useContext(SSRContext);\n    const getCurrentColumnsCount = React.useCallback(() => {\n        const breakpoints = Object.entries(breakpointCols).sort(\n            ([firstBreakpoint], [secondBreakpoint]) => {\n                return Number(secondBreakpoint) - Number(firstBreakpoint);\n            },\n        );\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        let [, result] = first(breakpoints)!;\n\n        if (isServer) {\n            return result;\n        }\n\n        for (const [rawWidth, columnCount] of breakpoints) {\n            const width = Number(rawWidth);\n\n            if (document?.body.clientWidth <= width) {\n                result = columnCount;\n            }\n        }\n\n        return result;\n    }, [breakpointCols, isServer]);\n\n    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n    const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const balanceColumns = React.useCallback(\n        debounce(() => {\n            if (!containerRef.current) {\n                return;\n            }\n\n            const localColumns: React.ReactNode[][] = [];\n            const columnsMeta = [];\n\n            for (let i = 0; i < columnCount; i++) {\n                columnsMeta.push({id: i, height: 0});\n                localColumns.push([]);\n            }\n\n            for (let i = 0; i < containerRef.current.children.length; i++) {\n                const node = containerRef.current.children.item(i) as HTMLElement | null;\n\n                if (!node) {\n                    continue;\n                }\n\n                const minColumn = minBy(columnsMeta, 'height') || {id: 0, height: 0};\n                const {id: columnId} = minColumn;\n\n                localColumns[columnId].push(children[i]);\n\n                minColumn.height += node.offsetHeight;\n            }\n\n            setColumns(localColumns);\n        }, 300),\n        [children, columnCount],\n    );\n\n    React.useEffect(() => {\n        balanceColumns();\n    }, [balanceColumns, children, columnCount]);\n\n    React.useEffect(() => {\n        const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n        window.addEventListener('resize', updateColumnCounter, {passive: true});\n        return () => window.removeEventListener('resize', updateColumnCounter);\n    }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n    React.useEffect(() => {\n        const currentRef = containerRef.current;\n        const isResizeEventsSupported = 'ResizeObserver' in window;\n\n        if (!currentRef || !isResizeEventsSupported) {\n            return () => {};\n        }\n\n        const observer = new ResizeObserver(balanceColumns);\n\n        for (let i = 0; i < currentRef.children.length; i++) {\n            const node = currentRef.children.item(i) as HTMLElement | null;\n\n            if (!node) {\n                continue;\n            }\n\n            observer.observe(node);\n        }\n\n        return () => observer.disconnect();\n    }, [balanceColumns, children]);\n\n    return (\n        <div className={b(null, className)} data-qa={qa}>\n            <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n                <div ref={containerRef} className={b('hidden-list')}>\n                    {children}\n                </div>\n            </div>\n\n            {columns.map((columnElements, index) => (\n                <div\n                    key={index}\n                    className={columnClassName}\n                    style={{width: `${100 / columnCount}%`}}\n                    data-qa={qaAttributes.column}\n                >\n                    {columnElements}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default BalancedMasonry;\n"]}

package/build/esm/components/BrandFooter/BrandFooter.css

@@ -12,8 +12,9 @@ unpredictable css rules order in build */
   width: 100%;
   height: 72px;
   margin-top: var(--header-height);
-  color: var(--g-color-text-secondary);
-  border-top: 1px solid var(--g-color-line-generic);
+  box-sizing: content-box;
+  border-top: 1px solid;
+  border-bottom: 1px solid transparent;
   transition: color 0.5s ease-out, border-color 0.5s ease-out;
 }
 .pc-brand-footer::after {
@@ -22,32 +23,38 @@ unpredictable css rules order in build */
   right: 0;
   left: 0;
   height: 1px;
+  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
   opacity: 0;
   transition: opacity 0.5s ease-out;
   content: "";
 }
-.pc-brand-footer:hover {
+.pc-brand-footer_theme_light {
+  color: var(--g-color-text-secondary);
+  border-top-color: var(--g-color-private-black-200);
+}
+.pc-brand-footer_theme_light:hover {
   color: var(--g-color-text-primary);
-  border-color: transparent;
+  border-top-color: transparent;
 }
-.pc-brand-footer:hover::after {
+.pc-brand-footer_theme_light:hover::after {
   opacity: 1;
 }
-.pc-brand-footer_theme_light::after {
-  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
+.pc-brand-footer_theme_dark {
+  color: var(--g-color-private-white-700);
+  border-top-color: var(--g-color-private-white-100);
+}
+.pc-brand-footer_theme_dark:hover {
+  color: var(--g-color-private-white-1000-solid);
+  border-top-color: transparent;
 }
-.pc-brand-footer_theme_dark::after {
-  background: linear-gradient(270deg, rgba(228, 106, 68, 0.6) 0%, rgba(242, 159, 85, 0.6) 46.62%, rgba(255, 212, 102, 0.6) 100%);
+.pc-brand-footer_theme_dark:hover::after {
+  opacity: 0.6;
 }
 .pc-brand-footer__content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding-top: 1px;
-}
-.pc-brand-footer__text {
-  align-self: flex-end;
 }
 .pc-brand-footer__brand-icon {
   display: flex;
@@ -78,9 +85,7 @@ unpredictable css rules order in build */
     font-size: var(--g-text-body-1-font-size);
     line-height: var(--g-text-body-1-line-height);
     height: 52px;
-  }
-  .pc-brand-footer__content {
-    padding: 0;
+    border-bottom-width: 0;
   }
   .pc-brand-footer__brand-icon {
     width: 20px;
@@ -89,6 +94,5 @@ unpredictable css rules order in build */
   .pc-brand-footer__brand-name {
     width: 72px;
     height: 16px;
-    margin-top: 0;
   }
 }

package/build/esm/components/BrandFooter/BrandFooter.js

@@ -11,7 +11,7 @@ import './BrandFooter.css';
 const b = block('brand-footer');
 const BrandFooter = ({ className }) => {
     const theme = useTheme();
-    return (_jsx(Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: _jsxs("div", { className: b('content'), children: [_jsx("span", { className: b('text'), children: i18n('created-on') }), _jsx("div", { className: b('brand-icon'), children: theme === Theme.Light ? _jsx(BrandIconLight, {}) : _jsx(BrandIconDark, {}) }), _jsx("div", { className: b('brand-name'), children: _jsx(BrandName, {}) })] }) }));
+    return (_jsx(Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: _jsxs("div", { className: b('content'), children: [_jsx("span", { children: i18n('created-on') }), _jsx("div", { className: b('brand-icon'), children: theme === Theme.Light ? _jsx(BrandIconLight, {}) : _jsx(BrandIconDark, {}) }), _jsx("div", { className: b('brand-name'), children: _jsx(BrandName, {}) })] }) }));
 };
 export default BrandFooter;
 //# sourceMappingURL=BrandFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,SAAS,EAAC,iCAA8B;AAEhD,OAAO,EAAC,KAAK,EAAC,8BAAqB;AACnC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,YAAY,CAAC,GAAQ,EACvD,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GAC7D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAC,SAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../context/theme';\nimport {BrandIconDark} from '../../icons/BrandIconDark';\nimport {BrandIconLight} from '../../icons/BrandIconLight';\nimport {BrandName} from '../../icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n    const theme = useTheme();\n\n    return (\n        <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n            <div className={b('content')}>\n                <span className={b('text')}>{i18n('created-on')}</span>\n                <div className={b('brand-icon')}>\n                    {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n                </div>\n                <div className={b('brand-name')}>\n                    <BrandName />\n                </div>\n            </div>\n        </Link>\n    );\n};\n\nexport default BrandFooter;\n"]}
+{"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,SAAS,EAAC,iCAA8B;AAEhD,OAAO,EAAC,KAAK,EAAC,8BAAqB;AACnC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,yBAAO,IAAI,CAAC,YAAY,CAAC,GAAQ,EACjC,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GAC7D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAC,SAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../context/theme';\nimport {BrandIconDark} from '../../icons/BrandIconDark';\nimport {BrandIconLight} from '../../icons/BrandIconLight';\nimport {BrandName} from '../../icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n    const theme = useTheme();\n\n    return (\n        <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n            <div className={b('content')}>\n                <span>{i18n('created-on')}</span>\n                <div className={b('brand-icon')}>\n                    {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n                </div>\n                <div className={b('brand-name')}>\n                    <BrandName />\n                </div>\n            </div>\n        </Link>\n    );\n};\n\nexport default BrandFooter;\n"]}

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

@@ -1,8 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { StoreBadge } from '@gravity-ui/components';
-import { Button as CommonButton, Icon, Platform } from '@gravity-ui/uikit';
+import { Button as CommonButton, Icon, Platform, } from '@gravity-ui/uikit';
 import { LocaleContext } from "../../context/localeContext/localeContext.js";
 import { useAnalytics } from "../../hooks/index.js";
 import { Github } from "../../icons/index.js";
@@ -15,7 +14,7 @@ const b = block('button-block');
 // eslint-disable-next-line complexity
 const Button = (props) => {
     const { tld } = React.useContext(LocaleContext);
-    const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
+    const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width, ...rest } = props;
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = React.useCallback((e) => {
@@ -29,9 +28,13 @@ const Button = (props) => {
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b(Object.assign({ position: buttonImg.position }, buttonModifiers), className)
-        : b(Object.assign({}, buttonModifiers), className);
-    const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
+        ? b({ position: buttonImg.position, ...buttonModifiers }, className)
+        : b({ ...buttonModifiers }, className);
+    const buttonProps = {
+        ...rest,
+        href: url ? setUrlTld(url, tld) : undefined,
+        onClick,
+    };
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;
         return _jsx(StoreBadge, { className: buttonClass, platform: platform, href: url });
@@ -43,8 +46,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    const buttonComponent = url ? 'a' : 'button';
-    return (_jsxs(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, title: urlTitle, width: width, component: buttonComponent }, buttonProps, { children: [icon && buttonImg.position === 'left' ? icon : null, _jsxs("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, _jsx("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] })));
+    return (_jsxs(CommonButton, { className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), title: urlTitle, width: width, ...buttonProps, children: [icon && buttonImg.position === 'left' ? icon : null, _jsxs("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, _jsx("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] }));
 };
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {StoreBadge} from '@gravity-ui/components';\nimport {Button as CommonButton, Icon, Platform} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {useAnalytics} from '../../hooks';\nimport {Github} from '../../icons';\nimport {ButtonProps as ButtonParams, DefaultEventNames, QAProps} from '../../models';\nimport {block, setUrlTld} from '../../utils';\n\nimport {i18n} from './i18n';\nimport {ICON_QA, OldButtonSize, OldButtonTheme, toCommonSize, toCommonView} from './utils';\n\nimport './Button.scss';\n\nexport interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {\n    className?: string;\n    url?: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nconst b = block('button-block');\n\n// eslint-disable-next-line complexity\nconst Button = (props: ButtonProps) => {\n    const {tld} = React.useContext(LocaleContext);\n    const {\n        className,\n        analyticsEvents,\n        size = 'l',\n        theme = 'normal',\n        url,\n        urlTitle,\n        img,\n        onClick: onClickOrigin,\n        text,\n        width,\n        ...rest\n    } = props;\n    const defaultImgPosition = 'left';\n    const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);\n    const onClick = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            handleAnalytics(analyticsEvents);\n\n            if (onClickOrigin) {\n                onClickOrigin(e);\n            }\n        },\n        [handleAnalytics, analyticsEvents, onClickOrigin],\n    );\n\n    const buttonModifiers = {size, theme, width};\n\n    const buttonImg =\n        img instanceof Object\n            ? {url: img.url, position: img.position || defaultImgPosition, alt: img.alt}\n            : {url: img, position: defaultImgPosition};\n\n    const buttonClass = img\n        ? b({position: buttonImg.position, ...buttonModifiers}, className)\n        : b({...buttonModifiers}, className);\n\n    const buttonProps = {\n        ...rest,\n        onClick,\n    };\n\n    if (theme === 'app-store' || theme === 'google-play') {\n        const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;\n\n        return <StoreBadge className={buttonClass} platform={platform} href={url as string} />;\n    }\n\n    let icon;\n    let image = img && (\n        <img className={b('image')} src={buttonImg.url} alt={buttonImg.alt || i18n('image-alt')} />\n    );\n\n    if (theme === 'github') {\n        icon = <Icon className={b('icon')} data={Github} size={24} qa={ICON_QA} />;\n        image = undefined;\n    }\n\n    const buttonTheme = theme === 'scale' ? 'accent' : theme;\n\n    const buttonComponent = url ? 'a' : 'button';\n\n    return (\n        <CommonButton\n            className={buttonClass}\n            view={toCommonView(buttonTheme as OldButtonTheme)}\n            size={toCommonSize(size as OldButtonSize)}\n            href={url ? setUrlTld(url, tld) : undefined}\n            title={urlTitle}\n            width={width}\n            component={buttonComponent}\n            {...buttonProps}\n        >\n            {icon && buttonImg.position === 'left' ? icon : null}\n            <span className={b('content')}>\n                {image && buttonImg.position === 'left' ? image : null}\n                <span className={b('text')}>{text}</span>\n                {image && buttonImg.position === 'right' ? image : null}\n            </span>\n            {icon && buttonImg.position === 'right' ? icon : null}\n        </CommonButton>\n    );\n};\n\nexport default Button;\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EACH,MAAM,IAAI,YAAY,EACtB,IAAI,EACJ,QAAQ,GAEX,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAC,aAAa,EAAC,qDAAkD;AACxE,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,MAAM,EAAC,6BAAoB;AACnC,OAAO,EAA8B,iBAAiB,EAAU,8BAAqB;AACrF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,6BAAoB;AAE7C,OAAO,EAAC,IAAI,EAAC,wBAAe;AAC5B,OAAO,EAAC,OAAO,EAAiC,YAAY,EAAE,YAAY,EAAC,mBAAgB;AAE3F,OAAO,cAAc,CAAC;AAQtB,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,sCAAsC;AACtC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAClC,MAAM,EAAC,GAAG,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC9C,MAAM,EACF,SAAS,EACT,eAAe,EACf,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,QAAQ,EAChB,GAAG,EACH,QAAQ,EACR,GAAG,EACH,OAAO,EAAE,aAAa,EACtB,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,MAAM,CAAC;IAClC,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,CAA0D,EAAE,EAAE;QAC3D,eAAe,CAAC,eAAe,CAAC,CAAC;QAEjC,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EACD,CAAC,eAAe,EAAE,eAAe,EAAE,aAAa,CAAC,CACpD,CAAC;IAEF,MAAM,eAAe,GAAG,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;IAE7C,MAAM,SAAS,GACX,GAAG,YAAY,MAAM;QACjB,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAC;QAC5E,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,kBAAkB,EAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG;QACnB,CAAC,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,GAAG,eAAe,EAAC,EAAE,SAAS,CAAC;QAClE,CAAC,CAAC,CAAC,CAAC,EAAC,GAAG,eAAe,EAAC,EAAE,SAAS,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG;QAChB,GAAG,IAAI;QACP,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAC3C,OAAO;KACV,CAAC;IAEF,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;QACnD,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;QAEzE,OAAO,KAAC,UAAU,IAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAa,GAAI,CAAC;IAC3F,CAAC;IAED,IAAI,IAAI,CAAC;IACT,IAAI,KAAK,GAAG,GAAG,IAAI,CACf,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,GAAI,CAC9F,CAAC;IAEF,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrB,IAAI,GAAG,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,GAAI,CAAC;QAC3E,KAAK,GAAG,SAAS,CAAC;IACtB,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,OAAO,CACH,MAAC,YAAY,IACT,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,YAAY,CAAC,WAA6B,CAAC,EACjD,IAAI,EAAE,YAAY,CAAC,IAAqB,CAAC,EACzC,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,KAAK,KACP,WAAgC,aAEpC,IAAI,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpD,gBAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAK,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACtD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACxC,KAAK,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IACpD,EACN,IAAI,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC1C,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreBadge} from '@gravity-ui/components';\nimport {\n    Button as CommonButton,\n    Icon,\n    Platform,\n    ButtonProps as UIKitButtonProps,\n} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {useAnalytics} from '../../hooks';\nimport {Github} from '../../icons';\nimport {ButtonProps as ButtonParams, DefaultEventNames, QAProps} from '../../models';\nimport {block, setUrlTld} from '../../utils';\n\nimport {i18n} from './i18n';\nimport {ICON_QA, OldButtonSize, OldButtonTheme, toCommonSize, toCommonView} from './utils';\n\nimport './Button.scss';\n\nexport interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {\n    className?: string;\n    url?: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nconst b = block('button-block');\n\n// eslint-disable-next-line complexity\nconst Button = (props: ButtonProps) => {\n    const {tld} = React.useContext(LocaleContext);\n    const {\n        className,\n        analyticsEvents,\n        size = 'l',\n        theme = 'normal',\n        url,\n        urlTitle,\n        img,\n        onClick: onClickOrigin,\n        text,\n        width,\n        ...rest\n    } = props;\n    const defaultImgPosition = 'left';\n    const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);\n    const onClick = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            handleAnalytics(analyticsEvents);\n\n            if (onClickOrigin) {\n                onClickOrigin(e);\n            }\n        },\n        [handleAnalytics, analyticsEvents, onClickOrigin],\n    );\n\n    const buttonModifiers = {size, theme, width};\n\n    const buttonImg =\n        img instanceof Object\n            ? {url: img.url, position: img.position || defaultImgPosition, alt: img.alt}\n            : {url: img, position: defaultImgPosition};\n\n    const buttonClass = img\n        ? b({position: buttonImg.position, ...buttonModifiers}, className)\n        : b({...buttonModifiers}, className);\n\n    const buttonProps = {\n        ...rest,\n        href: url ? setUrlTld(url, tld) : undefined,\n        onClick,\n    };\n\n    if (theme === 'app-store' || theme === 'google-play') {\n        const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;\n\n        return <StoreBadge className={buttonClass} platform={platform} href={url as string} />;\n    }\n\n    let icon;\n    let image = img && (\n        <img className={b('image')} src={buttonImg.url} alt={buttonImg.alt || i18n('image-alt')} />\n    );\n\n    if (theme === 'github') {\n        icon = <Icon className={b('icon')} data={Github} size={24} qa={ICON_QA} />;\n        image = undefined;\n    }\n\n    const buttonTheme = theme === 'scale' ? 'accent' : theme;\n\n    return (\n        <CommonButton\n            className={buttonClass}\n            view={toCommonView(buttonTheme as OldButtonTheme)}\n            size={toCommonSize(size as OldButtonSize)}\n            title={urlTitle}\n            width={width}\n            {...(buttonProps as UIKitButtonProps)}\n        >\n            {icon && buttonImg.position === 'left' ? icon : null}\n            <span className={b('content')}>\n                {image && buttonImg.position === 'left' ? image : null}\n                <span className={b('text')}>{text}</span>\n                {image && buttonImg.position === 'right' ? image : null}\n            </span>\n            {icon && buttonImg.position === 'right' ? icon : null}\n        </CommonButton>\n    );\n};\n\nexport default Button;\n"]}

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

@@ -25,6 +25,6 @@ const sizeMap = {
     head: 'l',
     promo: 'xl',
 };
-export const toCommonView = (theme) => { var _a; return (_a = themeMap[theme]) !== null && _a !== void 0 ? _a : theme; };
-export const toCommonSize = (size) => { var _a; return (_a = sizeMap[size]) !== null && _a !== void 0 ? _a : size; };
+export const toCommonView = (theme) => themeMap[theme] ?? theme;
+export const toCommonSize = (size) => sizeMap[size] ?? size;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +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"]}
+{"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,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,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/Buttons/Buttons.js

@@ -13,6 +13,9 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-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;
+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, { className: b('button'), ...item, key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: {
+            'aria-describedby': item.urlTitle ? undefined : titleId,
+            ...item.extraProps,
+        } }))) })) : null;
 export default Buttons;
 //# sourceMappingURL=Buttons.js.map

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

@@ -1 +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"]}
+{"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,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,KAClB,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACzB,EAAE,EAAE,QAAQ,EACZ,UAAU,EAAE;YACR,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YACvD,GAAG,IAAI,CAAC,UAAU;SACrB,GACH,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.css

@@ -46,6 +46,7 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-2-line-height);
   flex: 1;
   padding: 32px;
+  padding-bottom: 36px;
 }
 .pc-card-base-block__header + .pc-card-base-block__body {
   padding: 24px 32px 32px;

package/build/esm/components/CardBase/CardBase.js

@@ -37,12 +37,16 @@ export const Layout = (props) => {
             handleChild(child);
         }
     });
-    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 cardContent = (_jsxs(React.Fragment, { children: [(header || image) && (_jsx(BackgroundImage, { 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 ? (_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 })));
+    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: {
+                draggable: false,
+                onDragStart: (e) => e.preventDefault(),
+                ...extraProps,
+            }, qa: qa, children: cardContent }) })) : (_jsx("div", { className: fullClassName, "data-qa": qa, ...extraProps, children: cardContent }));
 };
 Layout.Header = Header;
 Layout.Content = Content;

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

@@ -1 +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"]}
+{"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.css

@@ -1,34 +1,34 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-content-list_size_l {
+.pc-content-list_size_l, .pc-content-list_size_m {
   max-width: 480px;
 }
-.pc-content-list_size_l .pc-content-list__title {
+.pc-content-list_size_l .pc-content-list__title, .pc-content-list_size_m .pc-content-list__title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   margin: 0 0 8px;
 }
-.pc-content-list_size_l .pc-content-list__icon {
+.pc-content-list_size_l .pc-content-list__icon, .pc-content-list_size_m .pc-content-list__icon {
   width: 22px;
   height: 22px;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-right: 12px;
 }
-.pc-content-list_size_l .pc-content-list__item:not(:last-child) {
+.pc-content-list_size_l .pc-content-list__item:not(:last-child), .pc-content-list_size_m .pc-content-list__item:not(:last-child) {
   margin-bottom: 16px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child) {
+.pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child), .pc-content-list_size_m .pc-content-list__item_without-title:not(:last-child) {
   margin-bottom: 12px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
+.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon, .pc-content-list_size_m .pc-content-list__item_without-title .pc-content-list__icon {
   width: 20px;
   height: 20px;
   margin-top: 2px;
   margin-bottom: 2px;
   margin-right: 8px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__text {
+.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__text, .pc-content-list_size_m .pc-content-list__item_without-title .pc-content-list__text {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
 }

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

@@ -18,7 +18,7 @@ function getHeadingLevel(size) {
 }
 const ContentList = ({ list, size = 'l', qa, theme }) => {
     const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);
-    return (_jsx("div", { className: b({ size, theme }), "data-qa": qa, children: list === null || list === void 0 ? void 0 : list.map((item) => {
+    return (_jsx("div", { className: b({ size, theme }), "data-qa": qa, children: 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()));

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

@@ -1 +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"]}
+{"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,EAAE,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.js

@@ -14,7 +14,7 @@ const ContentListItemIcon = ({ icon, className, qa }) => {
         return (_jsx("div", { children: _jsx(Icon, { className: className }) }));
     }
     const iconData = getMediaImage(iconThemed);
-    return _jsx(Image, Object.assign({}, iconData, { className: className, qa: qa }));
+    return _jsx(Image, { ...iconData, className: className, qa: qa });
 };
 export default ContentListItemIcon;
 //# sourceMappingURL=ContentListItemIcon.js.map

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

@@ -1 +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"]}
+{"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,OAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,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/DefaultVideo/DefaultVideo.js

@@ -20,19 +20,18 @@ export const DefaultVideo = React.forwardRef((props, ref) => {
     // convenient and allows us to work with object typed ref only,
     // avoiding typeof ref === 'function' statements
     React.useImperativeHandle(ref, () => {
-        if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current)) {
+        if (!videoRef?.current) {
             return undefined;
         }
         return videoRef.current;
     }, [videoRef]);
     const onPlayToggle = React.useCallback(() => {
         setIsPaused((value) => {
-            var _a, _b;
             if (value) {
-                (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
+                videoRef?.current?.play();
             }
             else {
-                (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.pause();
+                videoRef?.current?.pause();
             }
             return !value;
         });

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

@@ -1 +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"]}
+{"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/FileLink/FileLink.js

@@ -16,7 +16,7 @@ export var FileExtension;
     FileExtension["ZIP"] = "zip";
 })(FileExtension || (FileExtension = {}));
 export function getFileExt(name) {
-    if (name === null || name === void 0 ? void 0 : name.includes(FIGMA_URL)) {
+    if (name?.includes(FIGMA_URL)) {
         return FileExtension.FIG;
     }
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -33,16 +33,23 @@ const FileExtensionThemes = {
 const LabelSizeMap = {
     l: 's',
     m: 's',
+    sm: 's',
     s: 'xs',
     xs: 'xs',
 };
+function getTextSize(size) {
+    if (size === 'sm') {
+        return 'm';
+    }
+    return size;
+}
 const FileLink = (props) => {
     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 (_jsxs("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps, { children: text })) })] }));
+    return (_jsxs("div", { className: b({ ext: fileExt, type, size: getTextSize(textSize), theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", { href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle, ...getLinkProps(href, hostname), ...extraProps, children: text }) })] }));
 };
 export default FileLink;
 //# sourceMappingURL=FileLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAa,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAE9D,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,6BAAoB;AAEhD,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,CAAN,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,KAAb,aAAa,QAOxB;AAED,MAAM,UAAU,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,eAAe,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,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aACrE,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,YAChE,OAAO,GACJ,EACR,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,0BACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,IACX,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC5B,UAAU,cAEb,IAAI,IACL,GACF,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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"]}
+{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":"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","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    sm: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nfunction getTextSize(size: TextSize) {\n    if (size === 'sm') {\n        return 'm';\n    }\n\n    return size;\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: getTextSize(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"]}