@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-Button": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/Button/utils.d.ts

@@ -2,5 +2,5 @@ import { ButtonSize } from '@gravity-ui/uikit';
 export declare const ICON_QA = "button-icon";
 export type OldButtonTheme = 'normal' | 'action' | 'flat' | 'light' | 'clear' | 'raised' | 'pseudo' | 'link' | 'accent' | 'websearch' | 'flat-special' | 'normal-special' | 'normal-dark' | 'pseudo-special';
 export type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';
-export declare const toCommonView: (theme: OldButtonTheme) => "flat" | "normal" | "action" | "outlined" | "outlined-info" | "outlined-success" | "outlined-warning" | "outlined-danger" | "outlined-utility" | "outlined-action" | "raised" | "flat-secondary" | "flat-info" | "flat-success" | "flat-warning" | "flat-danger" | "flat-utility" | "flat-action" | "normal-contrast" | "outlined-contrast" | "flat-contrast";
+export declare const toCommonView: (theme: OldButtonTheme) => "normal" | "action" | "outlined" | "outlined-info" | "outlined-success" | "outlined-warning" | "outlined-danger" | "outlined-utility" | "outlined-action" | "raised" | "flat" | "flat-secondary" | "flat-info" | "flat-success" | "flat-warning" | "flat-danger" | "flat-utility" | "flat-action" | "normal-contrast" | "outlined-contrast" | "flat-contrast";
 export declare const toCommonSize: (size: OldButtonSize) => ButtonSize;

package/build/cjs/components/CardBase/CardBase.css

@@ -17,6 +17,7 @@ unpredictable css rules order in build */
   border-radius: var(--pc-border-radius);
   background-color: var(--g-color-base-float);
   transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  display: flex;
 }
 .pc-card-base-block_border_line {
   border: 1px solid var(--g-color-line-generic);
@@ -29,9 +30,6 @@ unpredictable css rules order in build */
     box-shadow: none;
   }
 }
-.pc-card-base-block {
-  display: flex;
-}
 .pc-card-base-block__header {
   position: relative;
   background-repeat: no-repeat;
@@ -68,18 +66,18 @@ unpredictable css rules order in build */
 a.pc-card-base-block {
   color: inherit;
   text-decoration: none;
-}
-a.pc-card-base-block:hover, a.pc-card-base-block:active {
-  --pc-text-header-color: inherit;
-  color: inherit;
-}
-a.pc-card-base-block {
   min-height: 248px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
   background-color: var(--g-color-base-float);
   transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  position: relative;
+  overflow: hidden;
+}
+a.pc-card-base-block:hover, a.pc-card-base-block:active {
+  --pc-text-header-color: inherit;
+  color: inherit;
 }
 a.pc-card-base-block_border_line {
   border: 1px solid var(--g-color-line-generic);
@@ -99,10 +97,6 @@ a.pc-card-base-block_border_shadow:hover {
 a.pc-card-base-block_border_shadow:hover {
   background-color: var(--pc-color-base-float-hover);
 }
-a.pc-card-base-block {
-  position: relative;
-  overflow: hidden;
-}
 a.pc-card-base-block::before {
   content: "";
   position: absolute;

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

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const hooks_1 = require("../../hooks/index.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage.js"));

package/build/cjs/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 '../../gravity-blocks/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: (\n    props: React.PropsWithChildren<CardHeaderBaseProps>,\n) => React.ReactElement | null = () => null;\nconst Content: (props: React.PropsWithChildren<{}>) => React.ReactElement | null = () => null;\nconst Footer: (\n    props: React.PropsWithChildren<CardFooterBaseProps>,\n) => React.ReactElement | null = () => 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: (\n    props: React.PropsWithChildren<CardHeaderBaseProps>,\n) => React.ReactElement | null = () => null;\nconst Content: (props: React.PropsWithChildren<{}>) => React.ReactElement | null = () => null;\nconst Footer: (\n    props: React.PropsWithChildren<CardFooterBaseProps>,\n) => React.ReactElement | null = () => null;\n\nexport const Layout = (props: CardBasePropsType) => {\n    const {\n        className,\n        bodyClassName,\n        analyticsEvents,\n        contentClassName,\n        children,\n        url,\n        target,\n        border = 'shadow',\n        urlTitle,\n        qa,\n        extraProps = {},\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.CardBase, url);\n    let header, content, footer, image, headerClass, footerClass;\n    const qaAttributes = getQaAttrubutes(qa, 'header', 'footer', 'body', 'content');\n\n    function handleChild(child: React.ReactElement) {\n        switch (child.type) {\n            case Header:\n                header = child.props.children;\n                image = child.props.image;\n                headerClass = child.props.className;\n                break;\n            case Content:\n                content = child.props.children;\n                break;\n            case Footer:\n                footer = child.props.children;\n                footerClass = child.props.className;\n                break;\n        }\n    }\n\n    React.Children.toArray(children).forEach((child) => {\n        if (React.isValidElement(child)) {\n            handleChild(child);\n        }\n    });\n\n    const cardContent = (\n        <React.Fragment>\n            {(header || image) && (\n                <BackgroundImage\n                    className={b('header', headerClass)}\n                    {...(typeof image === 'string' ? {src: image} : image)}\n                    qa={qaAttributes.header}\n                >\n                    <div className={b('header-content')}>{header}</div>\n                </BackgroundImage>\n            )}\n            <div className={b('body', bodyClassName)} data-qa={qaAttributes.body}>\n                <div className={b('content', contentClassName)} data-qa={qaAttributes.content}>\n                    {content}\n                </div>\n                {footer && (\n                    <div className={b('footer', footerClass)} data-qa={qaAttributes.footer}>\n                        {footer}\n                    </div>\n                )}\n            </div>\n        </React.Fragment>\n    );\n\n    const fullClassName = b({border}, className);\n\n    const onClick = () => {\n        handleAnalytics(analyticsEvents);\n    };\n\n    return url ? (\n        <RouterLink href={url}>\n            <Link\n                href={url}\n                target={target}\n                rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n                className={fullClassName}\n                onClick={onClick}\n                title={urlTitle}\n                extraProps={{\n                    draggable: false,\n                    onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n                    ...extraProps,\n                }}\n                qa={qa}\n            >\n                {cardContent}\n            </Link>\n        </RouterLink>\n    ) : (\n        <div className={fullClassName} data-qa={qa} {...extraProps}>\n            {cardContent}\n        </div>\n    );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\n\nexport default Layout;\n"]}

package/build/cjs/components/ContentIcon/ContentIcon.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const theme_1 = require("../../gravity-blocks/context/theme/index.js");
+const theme_1 = require("../../context/theme/index.js");
 const utils_1 = require("../../utils/index.js");
 const Icon_1 = tslib_1.__importDefault(require("../Icon/Icon.js"));
 function isIconSvg(icon) {

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

@@ -1 +1 @@
-{"version":3,"file":"ContentIcon.js","sourceRoot":"../../../../src","sources":["components/ContentIcon/ContentIcon.tsx"],"names":[],"mappings":";;;;AAAA,uEAA4D;AAE5D,gDAA4D;AAC5D,mEAAgC;AAOhC,SAAS,SAAS,CAAC,IAA0B;IACzC,OAAO,OAAO,IAAI,KAAK,UAAU,CAAC;AACtC,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAmB,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,IAAI,UAAU,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,MAAM,aAAa,GAAG,UAAU,CAAC;QACjC,OAAO,CACH,0CACI,uBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,GACrC,CACT,CAAC;IACN,CAAC;IAED,OAAO,uBAAC,cAAI,IAAC,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {useTheme} from '../../gravity-blocks/context/theme';\nimport {ClassNameProps, GravityIconProps, ImageProps, QAProps, SVGIcon} from '../../models';\nimport {ThemeSupporting, getThemedValue} from '../../utils';\nimport Icon from '../Icon/Icon';\n\ninterface ContentIconProps extends QAProps, ClassNameProps {\n    icon?: ThemeSupporting<ImageProps | SVGIcon>;\n    gravityIcon?: ThemeSupporting<GravityIconProps>;\n}\n\nfunction isIconSvg(icon: ImageProps | SVGIcon): icon is SVGIcon {\n    return typeof icon === 'function';\n}\n\nconst ContentIcon = ({icon, className, qa, gravityIcon}: ContentIconProps) => {\n    const theme = useTheme();\n    const iconThemed = getThemedValue(icon, theme);\n    const gravityIconThemed = getThemedValue(gravityIcon, theme);\n\n    if (iconThemed && isIconSvg(iconThemed)) {\n        const IconComponent = iconThemed;\n        return (\n            <div>\n                <IconComponent className={className} />\n            </div>\n        );\n    }\n\n    return <Icon icon={iconThemed} gravityIcon={gravityIconThemed} className={className} qa={qa} />;\n};\n\nexport default ContentIcon;\n"]}
+{"version":3,"file":"ContentIcon.js","sourceRoot":"../../../../src","sources":["components/ContentIcon/ContentIcon.tsx"],"names":[],"mappings":";;;;AAAA,wDAA6C;AAE7C,gDAA4D;AAC5D,mEAAgC;AAOhC,SAAS,SAAS,CAAC,IAA0B;IACzC,OAAO,OAAO,IAAI,KAAK,UAAU,CAAC;AACtC,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAmB,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,IAAI,UAAU,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,MAAM,aAAa,GAAG,UAAU,CAAC;QACjC,OAAO,CACH,0CACI,uBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,GACrC,CACT,CAAC;IACN,CAAC;IAED,OAAO,uBAAC,cAAI,IAAC,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {useTheme} from '../../context/theme';\nimport {ClassNameProps, GravityIconProps, ImageProps, QAProps, SVGIcon} from '../../models';\nimport {ThemeSupporting, getThemedValue} from '../../utils';\nimport Icon from '../Icon/Icon';\n\ninterface ContentIconProps extends QAProps, ClassNameProps {\n    icon?: ThemeSupporting<ImageProps | SVGIcon>;\n    gravityIcon?: ThemeSupporting<GravityIconProps>;\n}\n\nfunction isIconSvg(icon: ImageProps | SVGIcon): icon is SVGIcon {\n    return typeof icon === 'function';\n}\n\nconst ContentIcon = ({icon, className, qa, gravityIcon}: ContentIconProps) => {\n    const theme = useTheme();\n    const iconThemed = getThemedValue(icon, theme);\n    const gravityIconThemed = getThemedValue(gravityIcon, theme);\n\n    if (iconThemed && isIconSvg(iconThemed)) {\n        const IconComponent = iconThemed;\n        return (\n            <div>\n                <IconComponent className={className} />\n            </div>\n        );\n    }\n\n    return <Icon icon={iconThemed} gravityIcon={gravityIconThemed} className={className} qa={qa} />;\n};\n\nexport default ContentIcon;\n"]}

package/build/cjs/components/Control/Control.css

@@ -1,11 +1,5 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-control .pc-control_theme_primary, .pc-control .pc-control_theme_secondary, .pc-control .pc-control_theme_link {
-  transition: color 0.2s;
-}
-.pc-control .pc-control_theme_accent {
-  transition: opacity 0.2s;
-}
 .pc-control {
   display: flex;
   justify-content: center;
@@ -23,6 +17,12 @@ unpredictable css rules order in build */
   cursor: pointer;
   outline: none;
 }
+.pc-control .pc-control_theme_primary, .pc-control .pc-control_theme_secondary, .pc-control .pc-control_theme_link {
+  transition: color 0.2s;
+}
+.pc-control .pc-control_theme_accent {
+  transition: opacity 0.2s;
+}
 .utilityfocus .pc-control:focus {
   outline: 2px solid #ffdb4d;
 }

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "aria-label", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "aria-label", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "aria-label", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-Control": Record<"aria-label", import("@gravity-ui/i18n").KeyData>;
     };

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

@@ -6,7 +6,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const locationContext_1 = require("../../gravity-blocks/context/locationContext/index.js");
+const locationContext_1 = require("../../context/locationContext/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('file-link');
 const FIGMA_URL = 'https://www.figma.com';

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

@@ -1 +1 @@
-{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":";;;AAuBA,gCAMC;;;AA7BD,qDAA+B;AAE/B,6CAAoD;AAEpD,2FAA6E;AAE7E,gDAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,IAAY,aAOX;AAPD,WAAY,aAAa;IACrB,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;AACf,CAAC,EAPW,aAAa,6BAAb,aAAa,QAOxB;AAED,SAAgB,UAAU,CAAC,IAAY;IACnC,IAAI,IAAI,EAAE,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,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,SAAS,WAAW,CAAC,IAAc;IAC/B,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAChB,OAAO,GAAG,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC/D,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,EACF,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAkB,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,CAAwB,CAAC;IACtF,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAClF,uBAAC,aAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,YAChE,OAAO,GACJ,EACR,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,8BACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,KACX,IAAA,oBAAY,EAAC,IAAI,EAAE,QAAQ,CAAC,KAC5B,UAAU,YAEb,IAAI,GACL,GACF,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../gravity-blocks/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"]}
+{"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"]}

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const useHeightCalculator_1 = tslib_1.__importDefault(require("../../gravity-blocks/hooks/useHeightCalculator.js"));
+const useHeightCalculator_1 = tslib_1.__importDefault(require("../../hooks/useHeightCalculator.js"));
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('foldable-block');
 const Foldable = ({ isOpened, children, className, qa }) => {

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

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

package/build/cjs/components/FullscreenImage/FullscreenImage.css

@@ -73,15 +73,6 @@ unpredictable css rules order in build */
   color: inherit;
   background: none;
   cursor: pointer;
-}
-.pc-fullscreen-image__expand-icon-wrapper:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-fullscreen-image__expand-icon-wrapper:focus:not(:focus-visible) {
-  outline: 0;
-}
-.pc-fullscreen-image__expand-icon-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -92,6 +83,16 @@ unpredictable css rules order in build */
   cursor: pointer;
   opacity: 0;
   transition: 0.3s;
+  position: absolute;
+  right: 16px;
+  top: 16px;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus:not(:focus-visible) {
+  outline: 0;
 }
 .pc-fullscreen-image__expand-icon-wrapper:focus {
   opacity: 1;
@@ -101,11 +102,6 @@ unpredictable css rules order in build */
     opacity: 1;
   }
 }
-.pc-fullscreen-image__expand-icon-wrapper {
-  position: absolute;
-  right: 16px;
-  top: 16px;
-}
 .pc-fullscreen-image__expand-icon-wrapper_visible {
   opacity: 1;
 }
@@ -119,15 +115,6 @@ unpredictable css rules order in build */
   color: inherit;
   background: none;
   cursor: pointer;
-}
-.pc-fullscreen-image__close-icon-wrapper:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-fullscreen-image__close-icon-wrapper:focus:not(:focus-visible) {
-  outline: 0;
-}
-.pc-fullscreen-image__close-icon-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -138,6 +125,17 @@ unpredictable css rules order in build */
   cursor: pointer;
   opacity: 0;
   transition: 0.3s;
+  z-index: 1001;
+  position: absolute;
+  right: 24px;
+  top: 24px;
+}
+.pc-fullscreen-image__close-icon-wrapper:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-fullscreen-image__close-icon-wrapper:focus:not(:focus-visible) {
+  outline: 0;
 }
 .pc-fullscreen-image__close-icon-wrapper:focus {
   opacity: 1;
@@ -147,12 +145,6 @@ unpredictable css rules order in build */
     opacity: 1;
   }
 }
-.pc-fullscreen-image__close-icon-wrapper {
-  z-index: 1001;
-  position: absolute;
-  right: 24px;
-  top: 24px;
-}
 .pc-fullscreen-image__icon {
   color: var(--g-color-text-hint);
 }

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

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const Slider_1 = tslib_1.__importDefault(require("../../blocks/Slider/Slider.js"));
+const blocks_1 = require("../../blocks/index.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
@@ -28,7 +28,7 @@ const FullscreenImage = (props) => {
     const handleSliderImageLoad = () => {
         setSliderLoaded(true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), ...extraProps, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { ...props, alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle }), (0, jsx_runtime_1.jsx)("button", { className: b('expand-icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal', { 'with-slider': Boolean(sliderData) }), contentClassName: b('modal-content', { loaded: sliderLoaded }), children: [(0, jsx_runtime_1.jsx)("button", { className: b('close-icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), sliderData ? ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider'), children: (0, jsx_runtime_1.jsx)(Slider_1.default, { initialSlide: sliderData.initialIndex, slidesToShow: 1, type: models_1.SliderType.FullscreenCard, children: sliderData.items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider_item'), children: (0, jsx_runtime_1.jsx)(Image_1.default, { onLoad: handleSliderImageLoad, className: b('modal-slider_item-image', modalImageClass), containerClassName: b('modal-slider_item-image-wrapper'), ...(0, utils_2.getMediaImage)(item) }) }, index))) }) })) : ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('modal-image', modalImageClass) }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), ...extraProps, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { ...props, alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle }), (0, jsx_runtime_1.jsx)("button", { className: b('expand-icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal', { 'with-slider': Boolean(sliderData) }), contentClassName: b('modal-content', { loaded: sliderLoaded }), children: [(0, jsx_runtime_1.jsx)("button", { className: b('close-icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), sliderData ? ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider'), children: (0, jsx_runtime_1.jsx)(blocks_1.SliderBlock, { initialSlide: sliderData.initialIndex, slidesToShow: 1, type: models_1.SliderType.FullscreenCard, children: sliderData.items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider_item'), children: (0, jsx_runtime_1.jsx)(Image_1.default, { onLoad: handleSliderImageLoad, className: b('modal-slider_item-image', modalImageClass), containerClassName: b('modal-slider_item-image-wrapper'), ...(0, utils_2.getMediaImage)(item) }) }, index))) }) })) : ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('modal-image', modalImageClass) }))] }))] }));
 };
 exports.default = FullscreenImage;
 //# sourceMappingURL=FullscreenImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FullscreenImage.js","sourceRoot":"../../../../src","sources":["components/FullscreenImage/FullscreenImage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Icon, Modal} from '@gravity-ui/uikit';\n\nimport {default as SliderBlock} from '../../blocks/Slider/Slider';\nimport {ImageProps as ModelImageProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Image, {ImageProps} from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport {i18n} from './i18n';\n\nimport './FullscreenImage.scss';\n\nexport interface FullscreenImageProps extends ImageProps {\n    imageClassName?: string;\n    modalImageClass?: string;\n    imageStyle?: React.CSSProperties;\n    extraProps?: React.HTMLProps<HTMLDivElement>;\n    sliderData?: {items: ModelImageProps[]; initialIndex: number};\n}\n\nconst b = block('fullscreen-image');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst FullscreenImage = (props: FullscreenImageProps) => {\n    const {\n        imageClassName,\n        sliderData,\n        modalImageClass,\n        imageStyle,\n        alt = i18n('img-alt'),\n        extraProps,\n    } = props;\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [sliderLoaded, setSliderLoaded] = React.useState(false);\n\n    const openModal = () => setIsOpened(true);\n    const closeModal = () => setIsOpened(false);\n\n    React.useEffect(() => {\n        if (sliderData && !isOpened) {\n            setSliderLoaded(false);\n        }\n    }, [isOpened, sliderData]);\n\n    const handleSliderImageLoad = () => {\n        setSliderLoaded(true);\n    };\n\n    return (\n        <div className={b()} {...extraProps}>\n            <div className={b('image-wrapper')}>\n                <Image\n                    {...props}\n                    alt={alt}\n                    className={b('image', imageClassName)}\n                    onClick={openModal}\n                    style={imageStyle}\n                />\n                <button className={b('expand-icon-wrapper')} onClick={openModal}>\n                    <Icon\n                        data={ChevronsExpandUpRight}\n                        width={FULL_SCREEN_ICON_SIZE}\n                        height={FULL_SCREEN_ICON_SIZE}\n                        className={b('icon')}\n                    />\n                </button>\n            </div>\n            {isOpened && (\n                <Modal\n                    open={isOpened}\n                    onClose={closeModal}\n                    className={b('modal', {'with-slider': Boolean(sliderData)})}\n                    contentClassName={b('modal-content', {loaded: sliderLoaded})}\n                >\n                    <button\n                        className={b('close-icon-wrapper', {visible: true})}\n                        onClick={closeModal}\n                        aria-label={i18n('close')}\n                    >\n                        <Icon\n                            data={Xmark}\n                            width={CLOSE_ICON_SIZE}\n                            height={CLOSE_ICON_SIZE}\n                            className={b('icon', {hover: true})}\n                        />\n                    </button>\n                    {sliderData ? (\n                        <div className={b('modal-slider')}>\n                            <SliderBlock\n                                initialSlide={sliderData.initialIndex}\n                                slidesToShow={1}\n                                type={SliderType.FullscreenCard}\n                            >\n                                {sliderData.items.map((item, index) => (\n                                    <div key={index} className={b('modal-slider_item')}>\n                                        <Image\n                                            onLoad={handleSliderImageLoad}\n                                            className={b(\n                                                'modal-slider_item-image',\n                                                modalImageClass,\n                                            )}\n                                            containerClassName={b(\n                                                'modal-slider_item-image-wrapper',\n                                            )}\n                                            {...getMediaImage(item)}\n                                        />\n                                    </div>\n                                ))}\n                            </SliderBlock>\n                        </div>\n                    ) : (\n                        <Image {...props} className={b('modal-image', modalImageClass)} />\n                    )}\n                </Modal>\n            )}\n        </div>\n    );\n};\n\nexport default FullscreenImage;\n"]}
+{"version":3,"file":"FullscreenImage.js","sourceRoot":"../../../../src","sources":["components/FullscreenImage/FullscreenImage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Icon, Modal} from '@gravity-ui/uikit';\n\nimport {SliderBlock} from '../../blocks';\nimport {ImageProps as ModelImageProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Image, {ImageProps} from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport {i18n} from './i18n';\n\nimport './FullscreenImage.scss';\n\nexport interface FullscreenImageProps extends ImageProps {\n    imageClassName?: string;\n    modalImageClass?: string;\n    imageStyle?: React.CSSProperties;\n    extraProps?: React.HTMLProps<HTMLDivElement>;\n    sliderData?: {items: ModelImageProps[]; initialIndex: number};\n}\n\nconst b = block('fullscreen-image');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst FullscreenImage = (props: FullscreenImageProps) => {\n    const {\n        imageClassName,\n        sliderData,\n        modalImageClass,\n        imageStyle,\n        alt = i18n('img-alt'),\n        extraProps,\n    } = props;\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [sliderLoaded, setSliderLoaded] = React.useState(false);\n\n    const openModal = () => setIsOpened(true);\n    const closeModal = () => setIsOpened(false);\n\n    React.useEffect(() => {\n        if (sliderData && !isOpened) {\n            setSliderLoaded(false);\n        }\n    }, [isOpened, sliderData]);\n\n    const handleSliderImageLoad = () => {\n        setSliderLoaded(true);\n    };\n\n    return (\n        <div className={b()} {...extraProps}>\n            <div className={b('image-wrapper')}>\n                <Image\n                    {...props}\n                    alt={alt}\n                    className={b('image', imageClassName)}\n                    onClick={openModal}\n                    style={imageStyle}\n                />\n                <button className={b('expand-icon-wrapper')} onClick={openModal}>\n                    <Icon\n                        data={ChevronsExpandUpRight}\n                        width={FULL_SCREEN_ICON_SIZE}\n                        height={FULL_SCREEN_ICON_SIZE}\n                        className={b('icon')}\n                    />\n                </button>\n            </div>\n            {isOpened && (\n                <Modal\n                    open={isOpened}\n                    onClose={closeModal}\n                    className={b('modal', {'with-slider': Boolean(sliderData)})}\n                    contentClassName={b('modal-content', {loaded: sliderLoaded})}\n                >\n                    <button\n                        className={b('close-icon-wrapper', {visible: true})}\n                        onClick={closeModal}\n                        aria-label={i18n('close')}\n                    >\n                        <Icon\n                            data={Xmark}\n                            width={CLOSE_ICON_SIZE}\n                            height={CLOSE_ICON_SIZE}\n                            className={b('icon', {hover: true})}\n                        />\n                    </button>\n                    {sliderData ? (\n                        <div className={b('modal-slider')}>\n                            <SliderBlock\n                                initialSlide={sliderData.initialIndex}\n                                slidesToShow={1}\n                                type={SliderType.FullscreenCard}\n                            >\n                                {sliderData.items.map((item, index) => (\n                                    <div key={index} className={b('modal-slider_item')}>\n                                        <Image\n                                            onLoad={handleSliderImageLoad}\n                                            className={b(\n                                                'modal-slider_item-image',\n                                                modalImageClass,\n                                            )}\n                                            containerClassName={b(\n                                                'modal-slider_item-image-wrapper',\n                                            )}\n                                            {...getMediaImage(item)}\n                                        />\n                                    </div>\n                                ))}\n                            </SliderBlock>\n                        </div>\n                    ) : (\n                        <Image {...props} className={b('modal-image', modalImageClass)} />\n                    )}\n                </Modal>\n            )}\n        </div>\n    );\n};\n\nexport default FullscreenImage;\n"]}

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-FullscreenImage": Record<"close" | "img-alt", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/FullscreenMedia/FullscreenMedia.css

@@ -29,7 +29,9 @@ unpredictable css rules order in build */
   max-width: min(65vw, 1232px);
   width: 100%;
   aspect-ratio: 16/9;
-  height: calc(min(65vw, 1232px) * 9 / 16) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(
+                min(65vw, 1232px) * 9 / 16
+            ) !important; /* stylelint-disable-line declaration-no-important */
 }
 .pc-full-screen-media__modal .g-modal__content, .pc-full-screen-media__modal-image {
   border-radius: var(--pc-border-radius);

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

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const mobileContext_1 = require("../../gravity-blocks/context/mobileContext/index.js");
+const mobileContext_1 = require("../../context/mobileContext/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;

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

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

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css

@@ -15,22 +15,18 @@ unpredictable css rules order in build */
 }
 .pc-header-breadcrumbs__text {
   outline: none;
-}
-.utilityfocus .pc-header-breadcrumbs__text:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-header-breadcrumbs__text {
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  color: var(--g-color-text-secondary);
+}
+.utilityfocus .pc-header-breadcrumbs__text:focus {
+  outline: 2px solid #ffdb4d;
 }
 .pc-header-breadcrumbs__text:hover, .pc-header-breadcrumbs__text:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
-.pc-header-breadcrumbs__text {
-  color: var(--g-color-text-secondary);
-}
 .pc-header-breadcrumbs__text:hover {
   color: var(--g-color-text-primary);
 }

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

@@ -4,7 +4,7 @@ exports.default = HeaderBreadcrumbs;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const hooks_1 = require("../../hooks/index.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbs.js","sourceRoot":"../../../../src","sources":["components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":";;AAYA,oCAwBC;;;AApCD,qDAA+B;AAE/B,+DAAwD;AACxD,kDAAuE;AACvE,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,GAAG,KAAK,CAAC;IACnE,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,UAAU,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,eAAe,CAAC,eAAe,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,gBAAc,IAAA,WAAI,EAAC,OAAO,CAAC,YAC5D,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACzB,gCAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpB,8BAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,YAC/C,IAAI,GACL,EACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,uCAExB,KANoB,GAAG,CAO7B,CACR,CAAC,GACD,GACH,CACT,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '../../gravity-blocks/hooks';\nimport {DefaultEventNames, HeaderBreadCrumbsProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './HeaderBreadcrumbs.scss';\n\nconst b = block('header-breadcrumbs');\n\nexport default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps) {\n    const {items, theme = 'light', className, analyticsEvents} = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);\n\n    const onClick = React.useCallback(() => {\n        handleAnalytics(analyticsEvents);\n    }, [analyticsEvents, handleAnalytics]);\n\n    return (\n        <nav className={b({theme}, className)} aria-label={i18n('label')}>\n            <ol className={b('list')}>\n                {items?.map(({url, text}) => (\n                    <li className={b('item')} key={url}>\n                        <a href={url} className={b('text')} onClick={onClick}>\n                            {text}\n                        </a>\n                        <span className={b('separator')} aria-hidden>\n                            /\n                        </span>\n                    </li>\n                ))}\n            </ol>\n        </nav>\n    );\n}\n"]}
+{"version":3,"file":"HeaderBreadcrumbs.js","sourceRoot":"../../../../src","sources":["components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":";;AAYA,oCAwBC;;;AApCD,qDAA+B;AAE/B,gDAAyC;AACzC,kDAAuE;AACvE,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,GAAG,KAAK,CAAC;IACnE,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,UAAU,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,eAAe,CAAC,eAAe,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,gBAAc,IAAA,WAAI,EAAC,OAAO,CAAC,YAC5D,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACzB,gCAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpB,8BAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,YAC/C,IAAI,GACL,EACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,uCAExB,KANoB,GAAG,CAO7B,CACR,CAAC,GACD,GACH,CACT,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '../../hooks';\nimport {DefaultEventNames, HeaderBreadCrumbsProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './HeaderBreadcrumbs.scss';\n\nconst b = block('header-breadcrumbs');\n\nexport default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps) {\n    const {items, theme = 'light', className, analyticsEvents} = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);\n\n    const onClick = React.useCallback(() => {\n        handleAnalytics(analyticsEvents);\n    }, [analyticsEvents, handleAnalytics]);\n\n    return (\n        <nav className={b({theme}, className)} aria-label={i18n('label')}>\n            <ol className={b('list')}>\n                {items?.map(({url, text}) => (\n                    <li className={b('item')} key={url}>\n                        <a href={url} className={b('text')} onClick={onClick}>\n                            {text}\n                        </a>\n                        <span className={b('separator')} aria-hidden>\n                            /\n                        </span>\n                    </li>\n                ))}\n            </ol>\n        </nav>\n    );\n}\n"]}

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

@@ -1,12 +1,4 @@
 export declare const i18n: ((key: "label", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "label", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (key: "label", params?: import("@gravity-ui/i18n").Params) => string;
-    };
     keysetData: {
         "pc-HeaderBreadcrumbs": Record<"label", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/components/Image/Image.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const constants_1 = require("../../constants.js");
-const projectSettingsContext_1 = require("../../gravity-blocks/context/projectSettingsContext/index.js");
-const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
+const hooks_1 = require("../../hooks/index.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const imageCompress_1 = require("../../utils/imageCompress.js");

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"../../../../src","sources":["components/Image/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {ProjectSettingsContext} from '../../gravity-blocks/context/projectSettingsContext';\nimport {useImageSize} from '../../gravity-blocks/hooks';\nimport {Device, ImageDeviceProps, ImageObjectProps, QAProps} from '../../models';\nimport {getQaAttrubutes} from '../../utils';\nimport {isCompressible} from '../../utils/imageCompress';\nimport ImageBase from '../ImageBase/ImageBase';\n\nexport interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps>, QAProps {\n    style?: React.CSSProperties;\n    className?: string;\n    onClick?: React.MouseEventHandler;\n    onLoad?: React.ReactEventHandler<HTMLImageElement>;\n    onIntrinsicSizeChange?: (size: {width: number; height: number}) => void;\n    containerClassName?: string;\n}\n\nexport interface DeviceSpecificFragmentProps extends QAProps {\n    disableWebp: boolean;\n    src: string;\n    maxBreakpoint?: number;\n    minBreakpoint?: number;\n}\n\nconst checkWebP = (src: string) => {\n    return src.endsWith('.webp') ? src : src + '.webp';\n};\n\nexport const EMPTY_IMG =\n    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==';\n\nconst DeviceSpecificFragment = ({\n    disableWebp,\n    src,\n    maxBreakpoint,\n    minBreakpoint,\n    qa,\n}: DeviceSpecificFragmentProps) => {\n    const media: string[] = [];\n\n    if (maxBreakpoint) {\n        media.push(`(max-width: ${maxBreakpoint}px)`);\n    }\n\n    if (minBreakpoint) {\n        media.push(`(min-width: ${minBreakpoint}px)`);\n    }\n\n    const mediaString = media.join(' and ');\n\n    return (\n        <React.Fragment>\n            {!disableWebp && (\n                <source\n                    srcSet={checkWebP(src)}\n                    type=\"image/webp\"\n                    media={mediaString}\n                    data-qa={`${qa}-compressed`}\n                />\n            )}\n            <source srcSet={src} media={mediaString} data-qa={qa} />\n        </React.Fragment>\n    );\n};\n\nconst Image = (props: ImageProps) => {\n    const projectSettings = React.useContext(ProjectSettingsContext);\n    const {\n        src: imageSrc,\n        alt,\n        disableCompress,\n        tablet,\n        desktop,\n        mobile,\n        style,\n        className,\n        onClick,\n        onLoad,\n        onIntrinsicSizeChange,\n        containerClassName,\n        qa,\n        fetchPriority,\n        loading,\n        hide,\n    } = props;\n\n    const {imageRef, onLoad: onLoadOverride} = useImageSize({onIntrinsicSizeChange, onLoad});\n\n    const [imgLoadingError, setImgLoadingError] = React.useState(false);\n\n    const src = imageSrc || desktop;\n\n    const hideDevices =\n        typeof hide === 'boolean' || !hide\n            ? Object.values(Device).reduce(\n                  (acc, device) => ({...acc, [device]: Boolean(hide)}),\n                  {} as Record<Device, boolean>,\n              )\n            : hide;\n\n    const qaAttributes = getQaAttrubutes(\n        qa,\n        'mobile-webp-source',\n        'mobile-source',\n        'tablet-webp-source',\n        'tablet-source',\n        'desktop-source',\n        'desktop-source-compressed',\n    );\n\n    const disableWebp =\n        !src ||\n        projectSettings.disableCompress ||\n        disableCompress ||\n        !isCompressible(src) ||\n        imgLoadingError;\n\n    if (!src) {\n        return null;\n    }\n\n    return (\n        <picture className={containerClassName} data-qa={qa}>\n            {(mobile || hideDevices.mobile) && (\n                <DeviceSpecificFragment\n                    src={mobile || EMPTY_IMG}\n                    disableWebp={disableWebp || Boolean(hideDevices.mobile)}\n                    maxBreakpoint={BREAKPOINTS.sm}\n                    qa={qaAttributes.mobileSource}\n                />\n            )}\n            {(tablet || hideDevices.tablet) && (\n                <DeviceSpecificFragment\n                    src={tablet || EMPTY_IMG}\n                    disableWebp={disableWebp || Boolean(hideDevices.tablet)}\n                    maxBreakpoint={BREAKPOINTS.md}\n                    minBreakpoint={BREAKPOINTS.sm}\n                    qa={qaAttributes.tabletSource}\n                />\n            )}\n            {hideDevices.desktop && (\n                <DeviceSpecificFragment\n                    src={EMPTY_IMG}\n                    disableWebp\n                    minBreakpoint={BREAKPOINTS.md}\n                    qa={qaAttributes.desktopSource}\n                />\n            )}\n            {src && !disableWebp && (\n                <source\n                    srcSet={checkWebP(src)}\n                    type=\"image/webp\"\n                    data-qa={qaAttributes.desktopSourceCompressed}\n                />\n            )}\n            <ImageBase\n                className={className}\n                alt={alt}\n                src={src}\n                style={style}\n                fetchPriority={fetchPriority}\n                loading={loading}\n                onClick={onClick}\n                onError={() => setImgLoadingError(true)}\n                onLoad={onLoadOverride}\n                ref={imageRef}\n            />\n        </picture>\n    );\n};\n\nexport default Image;\n"]}
+{"version":3,"file":"Image.js","sourceRoot":"../../../../src","sources":["components/Image/Image.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kDAA4C;AAC5C,0FAA4E;AAC5E,gDAAyC;AACzC,kDAAiF;AACjF,gDAA4C;AAC5C,gEAAyD;AACzD,kFAA+C;AAkB/C,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;IAC9B,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC;AACvD,CAAC,CAAC;AAEW,QAAA,SAAS,GAClB,wHAAwH,CAAC;AAE7H,MAAM,sBAAsB,GAAG,CAAC,EAC5B,WAAW,EACX,GAAG,EACH,aAAa,EACb,aAAa,EACb,EAAE,GACwB,EAAE,EAAE;IAC9B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,IAAI,aAAa,EAAE,CAAC;QAChB,KAAK,CAAC,IAAI,CAAC,eAAe,aAAa,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAChB,KAAK,CAAC,IAAI,CAAC,eAAe,aAAa,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAExC,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,CAAC,WAAW,IAAI,CACb,mCACI,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,EACtB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,WAAW,aACT,GAAG,EAAE,aAAa,GAC7B,CACL,EACD,mCAAQ,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,aAAW,EAAE,GAAI,IAC3C,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAChC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAC;IACjE,MAAM,EACF,GAAG,EAAE,QAAQ,EACb,GAAG,EACH,eAAe,EACf,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,EACN,qBAAqB,EACrB,kBAAkB,EAClB,EAAE,EACF,aAAa,EACb,OAAO,EACP,IAAI,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAC,GAAG,IAAA,oBAAY,EAAC,EAAC,qBAAqB,EAAE,MAAM,EAAC,CAAC,CAAC;IAEzF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,GAAG,GAAG,QAAQ,IAAI,OAAO,CAAC;IAEhC,MAAM,WAAW,GACb,OAAO,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI;QAC9B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAAM,CAAC,CAAC,MAAM,CACxB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAC,CAAC,EACpD,EAA6B,CAChC;QACH,CAAC,CAAC,IAAI,CAAC;IAEf,MAAM,YAAY,GAAG,IAAA,uBAAe,EAChC,EAAE,EACF,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,2BAA2B,CAC9B,CAAC;IAEF,MAAM,WAAW,GACb,CAAC,GAAG;QACJ,eAAe,CAAC,eAAe;QAC/B,eAAe;QACf,CAAC,IAAA,8BAAc,EAAC,GAAG,CAAC;QACpB,eAAe,CAAC;IAEpB,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,qCAAS,SAAS,EAAE,kBAAkB,aAAW,EAAE,aAC9C,CAAC,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,CAC/B,uBAAC,sBAAsB,IACnB,GAAG,EAAE,MAAM,IAAI,iBAAS,EACxB,WAAW,EAAE,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,EACvD,aAAa,EAAE,uBAAW,CAAC,EAAE,EAC7B,EAAE,EAAE,YAAY,CAAC,YAAY,GAC/B,CACL,EACA,CAAC,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,CAC/B,uBAAC,sBAAsB,IACnB,GAAG,EAAE,MAAM,IAAI,iBAAS,EACxB,WAAW,EAAE,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,EACvD,aAAa,EAAE,uBAAW,CAAC,EAAE,EAC7B,aAAa,EAAE,uBAAW,CAAC,EAAE,EAC7B,EAAE,EAAE,YAAY,CAAC,YAAY,GAC/B,CACL,EACA,WAAW,CAAC,OAAO,IAAI,CACpB,uBAAC,sBAAsB,IACnB,GAAG,EAAE,iBAAS,EACd,WAAW,QACX,aAAa,EAAE,uBAAW,CAAC,EAAE,EAC7B,EAAE,EAAE,YAAY,CAAC,aAAa,GAChC,CACL,EACA,GAAG,IAAI,CAAC,WAAW,IAAI,CACpB,mCACI,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,EACtB,IAAI,EAAC,YAAY,aACR,YAAY,CAAC,uBAAuB,GAC/C,CACL,EACD,uBAAC,mBAAS,IACN,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,cAAc,EACtB,GAAG,EAAE,QAAQ,GACf,IACI,CACb,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useImageSize} from '../../hooks';\nimport {Device, ImageDeviceProps, ImageObjectProps, QAProps} from '../../models';\nimport {getQaAttrubutes} from '../../utils';\nimport {isCompressible} from '../../utils/imageCompress';\nimport ImageBase from '../ImageBase/ImageBase';\n\nexport interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps>, QAProps {\n    style?: React.CSSProperties;\n    className?: string;\n    onClick?: React.MouseEventHandler;\n    onLoad?: React.ReactEventHandler<HTMLImageElement>;\n    onIntrinsicSizeChange?: (size: {width: number; height: number}) => void;\n    containerClassName?: string;\n}\n\nexport interface DeviceSpecificFragmentProps extends QAProps {\n    disableWebp: boolean;\n    src: string;\n    maxBreakpoint?: number;\n    minBreakpoint?: number;\n}\n\nconst checkWebP = (src: string) => {\n    return src.endsWith('.webp') ? src : src + '.webp';\n};\n\nexport const EMPTY_IMG =\n    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==';\n\nconst DeviceSpecificFragment = ({\n    disableWebp,\n    src,\n    maxBreakpoint,\n    minBreakpoint,\n    qa,\n}: DeviceSpecificFragmentProps) => {\n    const media: string[] = [];\n\n    if (maxBreakpoint) {\n        media.push(`(max-width: ${maxBreakpoint}px)`);\n    }\n\n    if (minBreakpoint) {\n        media.push(`(min-width: ${minBreakpoint}px)`);\n    }\n\n    const mediaString = media.join(' and ');\n\n    return (\n        <React.Fragment>\n            {!disableWebp && (\n                <source\n                    srcSet={checkWebP(src)}\n                    type=\"image/webp\"\n                    media={mediaString}\n                    data-qa={`${qa}-compressed`}\n                />\n            )}\n            <source srcSet={src} media={mediaString} data-qa={qa} />\n        </React.Fragment>\n    );\n};\n\nconst Image = (props: ImageProps) => {\n    const projectSettings = React.useContext(ProjectSettingsContext);\n    const {\n        src: imageSrc,\n        alt,\n        disableCompress,\n        tablet,\n        desktop,\n        mobile,\n        style,\n        className,\n        onClick,\n        onLoad,\n        onIntrinsicSizeChange,\n        containerClassName,\n        qa,\n        fetchPriority,\n        loading,\n        hide,\n    } = props;\n\n    const {imageRef, onLoad: onLoadOverride} = useImageSize({onIntrinsicSizeChange, onLoad});\n\n    const [imgLoadingError, setImgLoadingError] = React.useState(false);\n\n    const src = imageSrc || desktop;\n\n    const hideDevices =\n        typeof hide === 'boolean' || !hide\n            ? Object.values(Device).reduce(\n                  (acc, device) => ({...acc, [device]: Boolean(hide)}),\n                  {} as Record<Device, boolean>,\n              )\n            : hide;\n\n    const qaAttributes = getQaAttrubutes(\n        qa,\n        'mobile-webp-source',\n        'mobile-source',\n        'tablet-webp-source',\n        'tablet-source',\n        'desktop-source',\n        'desktop-source-compressed',\n    );\n\n    const disableWebp =\n        !src ||\n        projectSettings.disableCompress ||\n        disableCompress ||\n        !isCompressible(src) ||\n        imgLoadingError;\n\n    if (!src) {\n        return null;\n    }\n\n    return (\n        <picture className={containerClassName} data-qa={qa}>\n            {(mobile || hideDevices.mobile) && (\n                <DeviceSpecificFragment\n                    src={mobile || EMPTY_IMG}\n                    disableWebp={disableWebp || Boolean(hideDevices.mobile)}\n                    maxBreakpoint={BREAKPOINTS.sm}\n                    qa={qaAttributes.mobileSource}\n                />\n            )}\n            {(tablet || hideDevices.tablet) && (\n                <DeviceSpecificFragment\n                    src={tablet || EMPTY_IMG}\n                    disableWebp={disableWebp || Boolean(hideDevices.tablet)}\n                    maxBreakpoint={BREAKPOINTS.md}\n                    minBreakpoint={BREAKPOINTS.sm}\n                    qa={qaAttributes.tabletSource}\n                />\n            )}\n            {hideDevices.desktop && (\n                <DeviceSpecificFragment\n                    src={EMPTY_IMG}\n                    disableWebp\n                    minBreakpoint={BREAKPOINTS.md}\n                    qa={qaAttributes.desktopSource}\n                />\n            )}\n            {src && !disableWebp && (\n                <source\n                    srcSet={checkWebP(src)}\n                    type=\"image/webp\"\n                    data-qa={qaAttributes.desktopSourceCompressed}\n                />\n            )}\n            <ImageBase\n                className={className}\n                alt={alt}\n                src={src}\n                style={style}\n                fetchPriority={fetchPriority}\n                loading={loading}\n                onClick={onClick}\n                onError={() => setImgLoadingError(true)}\n                onLoad={onLoadOverride}\n                ref={imageRef}\n            />\n        </picture>\n    );\n};\n\nexport default Image;\n"]}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundImageProps = exports.ImageProps = exports.ImageObjectProps = exports.ImageBaseObjectProps = exports.ImageDeviceProps = exports.imageUrlPattern = void 0;
-const utils_1 = require("../../gravity-blocks/schema/validators/utils.js");
+const utils_1 = require("../../schema/validators/utils.js");
 exports.imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
 const ImageBase = {
     alt: {