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

package/build/esm/components/FullWidthBackground/FullWidthBackground.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import debounce from 'lodash/debounce';
+import debounce from "lodash/debounce.js";
 import { BREAKPOINTS } from "../../constants.js";
 import { block } from "../../utils/index.js";
 import './FullWidthBackground.css';
@@ -9,24 +9,19 @@ function getPadding(width) {
     return width > BREAKPOINTS.sm ? 16 : 8;
 }
 export default class FullWidthBackground extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.ref = React.createRef();
-        this.setBg = debounce(() => {
-            var _a, _b;
-            if (this.ref && this.ref.current) {
-                const bg = this.ref.current;
-                const width = document.documentElement.clientWidth || document.body.clientWidth;
-                const padding = this.props.theme === 'rounded' ? getPadding(width) : 0;
-                const { left } = (_b = (_a = bg.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) !== null && _b !== void 0 ? _b : { left: 0 };
-                bg.style.width = `${width - padding * 2}px`;
-                bg.style.left = `-${left - padding}px`;
-            }
-        }, 100);
-    }
+    ref = React.createRef();
+    setBg = debounce(() => {
+        if (this.ref && this.ref.current) {
+            const bg = this.ref.current;
+            const width = document.documentElement.clientWidth || document.body.clientWidth;
+            const padding = this.props.theme === 'rounded' ? getPadding(width) : 0;
+            const { left } = bg.parentElement?.getBoundingClientRect() ?? { left: 0 };
+            bg.style.width = `${width - padding * 2}px`;
+            bg.style.left = `-${left - padding}px`;
+        }
+    }, 100);
     componentDidMount() {
-        var _a, _b;
-        if ((_b = (_a = this === null || this === void 0 ? void 0 : this.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.parentElement) {
+        if (this?.ref?.current?.parentElement) {
             this.ref.current.parentElement.style.position = 'relative';
             this.setBg();
             window.addEventListener('resize', this.setBg, { passive: true });

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

@@ -1 +1 @@
-{"version":3,"file":"FullWidthBackground.js","sourceRoot":"../../../../src","sources":["components/FullWidthBackground/FullWidthBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAE5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAOvC,SAAS,UAAU,CAAC,KAAa;IAC7B,OAAO,KAAK,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAEtD;IAFD;;QAGY,QAAG,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAExC,UAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;;YAC1B,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;gBAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;gBAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;gBAChF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvE,MAAM,EAAC,IAAI,EAAC,GAAG,MAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,qBAAqB,EAAE,mCAAI,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;gBAEtE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,CAAC;gBAC5C,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,IAAI,GAAG,OAAO,IAAI,CAAC;YAC3C,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAsBZ,CAAC;IApBG,iBAAiB;;QACb,IAAI,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,0CAAE,OAAO,0CAAE,aAAa,EAAE,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC3D,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACnE,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,YACrE,QAAQ,GACP,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './FullWidthBackground.scss';\n\nconst b = block('FullWidthBackground');\n\nexport interface FullWidthBackgroundProps extends ClassNameProps {\n    style?: React.CSSProperties;\n    theme?: 'default' | 'rounded';\n}\n\nfunction getPadding(width: number) {\n    return width > BREAKPOINTS.sm ? 16 : 8;\n}\n\nexport default class FullWidthBackground extends React.Component<\n    React.PropsWithChildren<FullWidthBackgroundProps>\n> {\n    private ref = React.createRef<HTMLDivElement>();\n\n    private setBg = debounce(() => {\n        if (this.ref && this.ref.current) {\n            const bg = this.ref.current;\n            const width = document.documentElement.clientWidth || document.body.clientWidth;\n            const padding = this.props.theme === 'rounded' ? getPadding(width) : 0;\n            const {left} = bg.parentElement?.getBoundingClientRect() ?? {left: 0};\n\n            bg.style.width = `${width - padding * 2}px`;\n            bg.style.left = `-${left - padding}px`;\n        }\n    }, 100);\n\n    componentDidMount() {\n        if (this?.ref?.current?.parentElement) {\n            this.ref.current.parentElement.style.position = 'relative';\n            this.setBg();\n            window.addEventListener('resize', this.setBg, {passive: true});\n        }\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.setBg);\n    }\n\n    render() {\n        const {children, className, style, theme = 'default'} = this.props;\n        return (\n            <div className={b({[theme]: true}, className)} ref={this.ref} style={style}>\n                {children}\n            </div>\n        );\n    }\n}\n"]}
+{"version":3,"file":"FullWidthBackground.js","sourceRoot":"../../../../src","sources":["components/FullWidthBackground/FullWidthBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AAEvC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAE5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAOvC,SAAS,UAAU,CAAC,KAAa;IAC7B,OAAO,KAAK,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAEtD;IACW,GAAG,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1B,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;YAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;YAChF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvE,MAAM,EAAC,IAAI,EAAC,GAAG,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,IAAI,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;YAEtE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,CAAC;YAC5C,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,IAAI,GAAG,OAAO,IAAI,CAAC;QAC3C,CAAC;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,iBAAiB;QACb,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC3D,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACnE,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,YACrE,QAAQ,GACP,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {ClassNameProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './FullWidthBackground.scss';\n\nconst b = block('FullWidthBackground');\n\nexport interface FullWidthBackgroundProps extends ClassNameProps {\n    style?: React.CSSProperties;\n    theme?: 'default' | 'rounded';\n}\n\nfunction getPadding(width: number) {\n    return width > BREAKPOINTS.sm ? 16 : 8;\n}\n\nexport default class FullWidthBackground extends React.Component<\n    React.PropsWithChildren<FullWidthBackgroundProps>\n> {\n    private ref = React.createRef<HTMLDivElement>();\n\n    private setBg = debounce(() => {\n        if (this.ref && this.ref.current) {\n            const bg = this.ref.current;\n            const width = document.documentElement.clientWidth || document.body.clientWidth;\n            const padding = this.props.theme === 'rounded' ? getPadding(width) : 0;\n            const {left} = bg.parentElement?.getBoundingClientRect() ?? {left: 0};\n\n            bg.style.width = `${width - padding * 2}px`;\n            bg.style.left = `-${left - padding}px`;\n        }\n    }, 100);\n\n    componentDidMount() {\n        if (this?.ref?.current?.parentElement) {\n            this.ref.current.parentElement.style.position = 'relative';\n            this.setBg();\n            window.addEventListener('resize', this.setBg, {passive: true});\n        }\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.setBg);\n    }\n\n    render() {\n        const {children, className, style, theme = 'default'} = this.props;\n        return (\n            <div className={b({[theme]: true}, className)} ref={this.ref} style={style}>\n                {children}\n            </div>\n        );\n    }\n}\n"]}

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -14,7 +14,7 @@ const FullscreenImage = (props) => {
     const [isOpened, setIsOpened] = React.useState(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    return (_jsxs("div", Object.assign({ className: b() }, extraProps, { children: [_jsxs("div", { className: b('image-wrapper'), children: [_jsx(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), _jsx("button", { className: b('icon-wrapper'), onClick: openModal, children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close'), children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), _jsx(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
+    return (_jsxs("div", { className: b(), ...extraProps, children: [_jsxs("div", { className: b('image-wrapper'), children: [_jsx(Image, { ...props, alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle }), _jsx("button", { className: b('icon-wrapper'), onClick: openModal, children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close'), children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), _jsx(Image, { ...props, className: b('modal-image', modalImageClass) })] }))] }));
 };
 export default FullscreenImage;
 //# sourceMappingURL=FullscreenImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FullscreenImage.js","sourceRoot":"../../../../src","sources":["components/FullscreenImage/FullscreenImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,KAAmB,0BAAuB;AAEjD,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,uBAAuB,CAAC;AAS/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IAAM,UAAU,eAC/B,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,KAAK,oBACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,EACrC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,UAAU,IACnB,EACF,iBAAQ,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,YACpD,KAAC,IAAI,IACD,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACG,IACP,EACL,QAAQ,IAAI,CACT,MAAC,KAAK,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,aAEpC,iBACI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAC7C,OAAO,EAAE,UAAU,gBACP,IAAI,CAAC,OAAO,CAAC,YAEzB,KAAC,IAAI,IACD,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GACrC,GACG,EACT,KAAC,KAAK,oBAAK,KAAK,IAAE,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,eAAe,CAAC,IAAI,IAC9D,CACX,KACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Icon, Modal} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils';\nimport Image, {ImageProps} from '../Image/Image';\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}\n\nconst b = block('fullscreen-image');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst FullscreenImage = (props: FullscreenImageProps) => {\n    const {imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps} = props;\n    const [isOpened, setIsOpened] = React.useState(false);\n\n    const openModal = () => setIsOpened(true);\n    const closeModal = () => setIsOpened(false);\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('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')}\n                    contentClassName={b('modal-content')}\n                >\n                    <button\n                        className={b('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                    <Image {...props} className={b('modal-image', modalImageClass)} />\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":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,KAAmB,0BAAuB;AAEjD,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,uBAAuB,CAAC;AAS/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,KAAM,UAAU,aAC/B,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,KAAK,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,EACrC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,UAAU,GACnB,EACF,iBAAQ,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,YACpD,KAAC,IAAI,IACD,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACG,IACP,EACL,QAAQ,IAAI,CACT,MAAC,KAAK,IACF,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,aAEpC,iBACI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAC7C,OAAO,EAAE,UAAU,gBACP,IAAI,CAAC,OAAO,CAAC,YAEzB,KAAC,IAAI,IACD,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,GACrC,GACG,EACT,KAAC,KAAK,OAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,eAAe,CAAC,GAAI,IAC9D,CACX,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';\nimport {Icon, Modal} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils';\nimport Image, {ImageProps} from '../Image/Image';\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}\n\nconst b = block('fullscreen-image');\nconst FULL_SCREEN_ICON_SIZE = 18;\nconst CLOSE_ICON_SIZE = 24;\n\nconst FullscreenImage = (props: FullscreenImageProps) => {\n    const {imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps} = props;\n    const [isOpened, setIsOpened] = React.useState(false);\n\n    const openModal = () => setIsOpened(true);\n    const closeModal = () => setIsOpened(false);\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('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')}\n                    contentClassName={b('modal-content')}\n                >\n                    <button\n                        className={b('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                    <Image {...props} className={b('modal-image', modalImageClass)} />\n                </Modal>\n            )}\n        </div>\n    );\n};\n\nexport default FullscreenImage;\n"]}

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -12,6 +12,6 @@ export default function HeaderBreadcrumbs(props) {
     const onClick = React.useCallback(() => {
         handleAnalytics(analyticsEvents);
     }, [analyticsEvents, handleAnalytics]);
-    return (_jsx("nav", { className: b({ theme }, className), "aria-label": i18n('label'), children: _jsx("ol", { className: b('list'), children: items === null || items === void 0 ? void 0 : items.map(({ url, text }) => (_jsxs("li", { className: b('item'), children: [_jsx("a", { href: url, className: b('text'), onClick: onClick, children: text }), _jsx("span", { className: b('separator'), "aria-hidden": true, children: "/" })] }, url))) }) }));
+    return (_jsx("nav", { className: b({ theme }, className), "aria-label": i18n('label'), children: _jsx("ol", { className: b('list'), children: items?.map(({ url, text }) => (_jsxs("li", { className: b('item'), children: [_jsx("a", { href: url, className: b('text'), onClick: onClick, children: text }), _jsx("span", { className: b('separator'), "aria-hidden": true, children: "/" })] }, url))) }) }));
 }
 //# sourceMappingURL=HeaderBreadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbs.js","sourceRoot":"../../../../src","sources":["components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,iBAAiB,EAAyB,8BAAqB;AACvE,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,GAAG,KAAK,CAAC;IACnE,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,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,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,gBAAc,IAAI,CAAC,OAAO,CAAC,YAC5D,aAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACzB,cAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpB,YAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,YAC/C,IAAI,GACL,EACJ,eAAM,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"]}
+{"version":3,"file":"HeaderBreadcrumbs.js","sourceRoot":"../../../../src","sources":["components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,iBAAiB,EAAyB,8BAAqB;AACvE,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAC,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,GAAG,KAAK,CAAC;IACnE,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,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,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,gBAAc,IAAI,CAAC,OAAO,CAAC,YAC5D,aAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CACzB,cAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACpB,YAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,YAC/C,IAAI,GACL,EACJ,eAAM,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/esm/components/IconWrapper/IconWrapper.js

@@ -11,8 +11,8 @@ const IconWrapper = (props) => {
         return _jsx(React.Fragment, { children: children });
     }
     const iconProps = getMediaImage(icon.value);
-    const iconPosition = icon === null || icon === void 0 ? void 0 : icon.position;
-    return (_jsxs("div", { className: b({ ['icon-position']: iconPosition }, className), children: [iconProps && (_jsx(Image, Object.assign({}, iconProps, { containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) }))), _jsx("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
+    const iconPosition = icon?.position;
+    return (_jsxs("div", { className: b({ ['icon-position']: iconPosition }, className), children: [iconProps && (_jsx(Image, { ...iconProps, containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) })), _jsx("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
 };
 export default IconWrapper;
 //# sourceMappingURL=IconWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,KAAK,0BAAuB;AACnC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAEnD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,SAAS,IAAI,CACV,KAAC,KAAK,oBACE,SAAS,IACb,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,IACzD,CACL,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Image from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n    const {icon, children, className} = props;\n    if (!icon) {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n\n    const iconProps = getMediaImage(icon.value);\n    const iconPosition = icon?.position;\n\n    return (\n        <div className={b({['icon-position']: iconPosition}, className)}>\n            {iconProps && (\n                <Image\n                    {...iconProps}\n                    containerClassName={b('icon-container')}\n                    className={b('icon', {['icon-position']: iconPosition})}\n                />\n            )}\n            <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n        </div>\n    );\n};\n\nexport default IconWrapper;\n"]}
+{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,KAAK,0BAAuB;AACnC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAEnD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,SAAS,IAAI,CACV,KAAC,KAAK,OACE,SAAS,EACb,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,GACzD,CACL,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Image from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n    const {icon, children, className} = props;\n    if (!icon) {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n\n    const iconProps = getMediaImage(icon.value);\n    const iconPosition = icon?.position;\n\n    return (\n        <div className={b({['icon-position']: iconPosition}, className)}>\n            {iconProps && (\n                <Image\n                    {...iconProps}\n                    containerClassName={b('icon-container')}\n                    className={b('icon', {['icon-position']: iconPosition})}\n                />\n            )}\n            <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n        </div>\n    );\n};\n\nexport default IconWrapper;\n"]}

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

@@ -32,23 +32,35 @@ export const ImageDeviceProps = {
     type: 'object',
     additionalProperties: false,
     required: ['desktop', 'mobile'],
-    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: imageUrlPattern }, tablet: {
+    properties: {
+        ...ImageBase,
+        desktop: { type: 'string', pattern: imageUrlPattern },
+        tablet: {
             type: 'string',
             pattern: imageUrlPattern,
-        }, mobile: {
+        },
+        mobile: {
             type: 'string',
             pattern: imageUrlPattern,
-        } }),
+        },
+    },
 };
 export const ImageBaseObjectProps = {
     type: 'object',
     additionalProperties: false,
-    properties: Object.assign(Object.assign({}, ImageBase), { src: {
+    properties: {
+        ...ImageBase,
+        src: {
             type: 'string',
             pattern: imageUrlPattern,
-        }, style: StyleBase }),
+        },
+        style: StyleBase,
+    },
+};
+export const ImageObjectProps = {
+    ...ImageBaseObjectProps,
+    required: ['src'],
 };
-export const ImageObjectProps = Object.assign(Object.assign({}, ImageBaseObjectProps), { required: ['src'] });
 export const ImageProps = {
     oneOf: [
         {
@@ -56,24 +68,40 @@ export const ImageProps = {
             pattern: imageUrlPattern,
             optionName: 'url',
         },
-        filteredItem(Object.assign(Object.assign({}, ImageObjectProps), { optionName: 'options' })),
-        filteredItem(Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' })),
+        filteredItem({
+            ...ImageObjectProps,
+            optionName: 'options',
+        }),
+        filteredItem({
+            ...ImageDeviceProps,
+            optionName: 'device options',
+        }),
         {
             type: 'array',
-            items: filteredItem(Object.assign({}, ImageObjectProps)),
+            items: filteredItem({
+                ...ImageObjectProps,
+            }),
             optionName: 'options list',
         },
         {
             type: 'array',
-            items: filteredItem(Object.assign({}, ImageDeviceProps)),
+            items: filteredItem({
+                ...ImageDeviceProps,
+            }),
             optionName: 'device options list',
         },
     ],
 };
 export const BackgroundImageProps = {
     anyOf: [
-        Object.assign(Object.assign({}, ImageBaseObjectProps), { optionName: 'options' }),
-        Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' }),
+        {
+            ...ImageBaseObjectProps,
+            optionName: 'options',
+        },
+        {
+            ...ImageDeviceProps,
+            optionName: 'device options',
+        },
     ],
 };
 //# sourceMappingURL=schema.js.map

package/build/esm/components/Image/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Image/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,yCAAsC;AAE3D,MAAM,CAAC,MAAM,eAAe,GACxB,kGAAkG,CAAC;AAEvG,MAAM,SAAS,GAAG;IACd,GAAG,EAAE;QACD,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,eAAe,EAAE;QACb,IAAI,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;KAC1B;IACD,aAAa,EAAE;QACX,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,eAAe,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;QACjC,MAAM,EAAE,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAC;QACpC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAC;QACnC,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC/B,UAAU,kCACH,SAAS,KACZ,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAC,EACnD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B,EACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B,GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,UAAU,kCACH,SAAS,KACZ,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B,EACD,KAAK,EAAE,SAAS,GACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,mCACtB,oBAAoB,KACvB,QAAQ,EAAE,CAAC,KAAK,CAAC,GACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,KAAK,EAAE;QACH;YACI,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,KAAK;SACpB;QACD,YAAY,iCACL,gBAAgB,KACnB,UAAU,EAAE,SAAS,IACvB;QACF,YAAY,iCACL,gBAAgB,KACnB,UAAU,EAAE,gBAAgB,IAC9B;QACF;YACI,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY,mBACZ,gBAAgB,EACrB;YACF,UAAU,EAAE,cAAc;SAC7B;QACD;YACI,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY,mBACZ,gBAAgB,EACrB;YACF,UAAU,EAAE,qBAAqB;SACpC;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,KAAK,EAAE;wCAEI,oBAAoB,KACvB,UAAU,EAAE,SAAS;wCAGlB,gBAAgB,KACnB,UAAU,EAAE,gBAAgB;KAEnC;CACJ,CAAC","sourcesContent":["import {filteredItem} from '../../schema/validators/utils';\n\nexport const imageUrlPattern =\n    '^((http[s]?|ftp):\\\\/)?\\\\/?([^:\\\\/\\\\s]+)((\\\\/\\\\w+)*\\\\/)([\\\\w\\\\-\\\\.]+[^#?\\\\s]+)(.*)?(#[\\\\w\\\\-]+)?$';\n\nconst ImageBase = {\n    alt: {\n        type: 'string',\n        contentType: 'text',\n    },\n    disableCompress: {\n        type: 'boolean',\n    },\n    loading: {\n        type: 'string',\n        enum: ['eager', 'lazy'],\n    },\n    fetchPriority: {\n        type: 'string',\n        enum: ['high', 'low', 'auto'],\n    },\n};\n\nconst StyleBase = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: {\n        backgroundColor: {type: 'string'},\n        height: {type: ['string', 'number']},\n        width: {type: ['string', 'number']},\n        color: {type: 'string'},\n    },\n};\n\nexport const ImageDeviceProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['desktop', 'mobile'],\n    properties: {\n        ...ImageBase,\n        desktop: {type: 'string', pattern: imageUrlPattern},\n        tablet: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n        mobile: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n    },\n};\n\nexport const ImageBaseObjectProps = {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n        ...ImageBase,\n        src: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n        style: StyleBase,\n    },\n};\n\nexport const ImageObjectProps = {\n    ...ImageBaseObjectProps,\n    required: ['src'],\n};\n\nexport const ImageProps = {\n    oneOf: [\n        {\n            type: 'string',\n            pattern: imageUrlPattern,\n            optionName: 'url',\n        },\n        filteredItem({\n            ...ImageObjectProps,\n            optionName: 'options',\n        }),\n        filteredItem({\n            ...ImageDeviceProps,\n            optionName: 'device options',\n        }),\n        {\n            type: 'array',\n            items: filteredItem({\n                ...ImageObjectProps,\n            }),\n            optionName: 'options list',\n        },\n        {\n            type: 'array',\n            items: filteredItem({\n                ...ImageDeviceProps,\n            }),\n            optionName: 'device options list',\n        },\n    ],\n};\n\nexport const BackgroundImageProps = {\n    anyOf: [\n        {\n            ...ImageBaseObjectProps,\n            optionName: 'options',\n        },\n        {\n            ...ImageDeviceProps,\n            optionName: 'device options',\n        },\n    ],\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Image/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,yCAAsC;AAE3D,MAAM,CAAC,MAAM,eAAe,GACxB,kGAAkG,CAAC;AAEvG,MAAM,SAAS,GAAG;IACd,GAAG,EAAE;QACD,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,eAAe,EAAE;QACb,IAAI,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;KAC1B;IACD,aAAa,EAAE;QACX,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,eAAe,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;QACjC,MAAM,EAAE,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAC;QACpC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAC;QACnC,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC/B,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAC;QACnD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;SAC3B;QACD,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,GAAG,oBAAoB;IACvB,QAAQ,EAAE,CAAC,KAAK,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,KAAK,EAAE;QACH;YACI,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,KAAK;SACpB;QACD,YAAY,CAAC;YACT,GAAG,gBAAgB;YACnB,UAAU,EAAE,SAAS;SACxB,CAAC;QACF,YAAY,CAAC;YACT,GAAG,gBAAgB;YACnB,UAAU,EAAE,gBAAgB;SAC/B,CAAC;QACF;YACI,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY,CAAC;gBAChB,GAAG,gBAAgB;aACtB,CAAC;YACF,UAAU,EAAE,cAAc;SAC7B;QACD;YACI,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY,CAAC;gBAChB,GAAG,gBAAgB;aACtB,CAAC;YACF,UAAU,EAAE,qBAAqB;SACpC;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,KAAK,EAAE;QACH;YACI,GAAG,oBAAoB;YACvB,UAAU,EAAE,SAAS;SACxB;QACD;YACI,GAAG,gBAAgB;YACnB,UAAU,EAAE,gBAAgB;SAC/B;KACJ;CACJ,CAAC","sourcesContent":["import {filteredItem} from '../../schema/validators/utils';\n\nexport const imageUrlPattern =\n    '^((http[s]?|ftp):\\\\/)?\\\\/?([^:\\\\/\\\\s]+)((\\\\/\\\\w+)*\\\\/)([\\\\w\\\\-\\\\.]+[^#?\\\\s]+)(.*)?(#[\\\\w\\\\-]+)?$';\n\nconst ImageBase = {\n    alt: {\n        type: 'string',\n        contentType: 'text',\n    },\n    disableCompress: {\n        type: 'boolean',\n    },\n    loading: {\n        type: 'string',\n        enum: ['eager', 'lazy'],\n    },\n    fetchPriority: {\n        type: 'string',\n        enum: ['high', 'low', 'auto'],\n    },\n};\n\nconst StyleBase = {\n    type: 'object',\n    additionalProperties: false,\n    required: [],\n    properties: {\n        backgroundColor: {type: 'string'},\n        height: {type: ['string', 'number']},\n        width: {type: ['string', 'number']},\n        color: {type: 'string'},\n    },\n};\n\nexport const ImageDeviceProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['desktop', 'mobile'],\n    properties: {\n        ...ImageBase,\n        desktop: {type: 'string', pattern: imageUrlPattern},\n        tablet: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n        mobile: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n    },\n};\n\nexport const ImageBaseObjectProps = {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n        ...ImageBase,\n        src: {\n            type: 'string',\n            pattern: imageUrlPattern,\n        },\n        style: StyleBase,\n    },\n};\n\nexport const ImageObjectProps = {\n    ...ImageBaseObjectProps,\n    required: ['src'],\n};\n\nexport const ImageProps = {\n    oneOf: [\n        {\n            type: 'string',\n            pattern: imageUrlPattern,\n            optionName: 'url',\n        },\n        filteredItem({\n            ...ImageObjectProps,\n            optionName: 'options',\n        }),\n        filteredItem({\n            ...ImageDeviceProps,\n            optionName: 'device options',\n        }),\n        {\n            type: 'array',\n            items: filteredItem({\n                ...ImageObjectProps,\n            }),\n            optionName: 'options list',\n        },\n        {\n            type: 'array',\n            items: filteredItem({\n                ...ImageDeviceProps,\n            }),\n            optionName: 'device options list',\n        },\n    ],\n};\n\nexport const BackgroundImageProps = {\n    anyOf: [\n        {\n            ...ImageBaseObjectProps,\n            optionName: 'options',\n        },\n        {\n            ...ImageDeviceProps,\n            optionName: 'device options',\n        },\n    ],\n};\n"]}

package/build/esm/components/ImageBase/ImageBase.js

@@ -1,16 +1,14 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ImageContext } from "../../context/imageContext/imageContext.js";
-export const ImageBase = (_a) => {
-    var { fetchPriority, alt } = _a, props = __rest(_a, ["fetchPriority", "alt"]);
+export const ImageBase = ({ fetchPriority, alt, ...props }) => {
     const { Image } = React.useContext(ImageContext);
-    return Image ? (_jsx(Image, Object.assign({ fetchPriority: fetchPriority, alt: alt }, props))) : (
+    return Image ? (_jsx(Image, { fetchPriority: fetchPriority, alt: alt, ...props })) : (
     // There is an issue with fetchpriority attr in img in React.
     // It is still not supported. However it's nice to have ability to manage
     // this prop is good to have to improve Core Web Vitals.
     // So, here is a workaround to assign the attr.
-    _jsx("img", Object.assign({ fetchpriority: fetchPriority, alt: alt }, props)));
+    _jsx("img", { fetchPriority: fetchPriority, alt: alt, ...props }));
 };
 export default ImageBase;
 //# sourceMappingURL=ImageBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageBase.js","sourceRoot":"../../../../src","sources":["components/ImageBase/ImageBase.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,mDAAgD;AAWrE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAC,aAAa,EAAE,GAAG,OAA2B,EAAtB,KAAK,cAA7B,wBAA8B,CAAD;IACnD,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,kBAAC,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAC/D,CAAC,CAAC,CAAC;IACA,6DAA6D;IAC7D,yEAAyE;IACzE,wDAAwD;IACxD,+CAA+C;IAC/C,4BAAU,aAAa,EAAE,aAAa,EAAG,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACnE,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ImageContext} from '../../context/imageContext/imageContext';\nimport {ImageObjectProps} from '../../models';\n\nexport interface ImageBaseProps extends Partial<ImageObjectProps> {\n    style?: React.CSSProperties;\n    className?: string;\n    onClick?: React.MouseEventHandler;\n    onLoad?: React.ReactEventHandler<HTMLDivElement>;\n    onError?: () => void;\n}\n\nexport const ImageBase = ({fetchPriority, alt, ...props}: ImageBaseProps) => {\n    const {Image} = React.useContext(ImageContext);\n\n    return Image ? (\n        <Image fetchPriority={fetchPriority} alt={alt} {...props} />\n    ) : (\n        // There is an issue with fetchpriority attr in img in React.\n        // It is still not supported. However it's nice to have ability to manage\n        // this prop is good to have to improve Core Web Vitals.\n        // So, here is a workaround to assign the attr.\n        <img {...{fetchpriority: fetchPriority}} alt={alt} {...props} />\n    );\n};\n\nexport default ImageBase;\n"]}
+{"version":3,"file":"ImageBase.js","sourceRoot":"../../../../src","sources":["components/ImageBase/ImageBase.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,mDAAgD;AAWrE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,aAAa,EAAE,GAAG,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACxE,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IAAC,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC/D,CAAC,CAAC,CAAC;IACA,6DAA6D;IAC7D,yEAAyE;IACzE,wDAAwD;IACxD,+CAA+C;IAC/C,cAAU,aAAa,EAAE,aAAa,EAAG,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACnE,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ImageContext} from '../../context/imageContext/imageContext';\nimport {ImageObjectProps} from '../../models';\n\nexport interface ImageBaseProps extends Partial<ImageObjectProps> {\n    style?: React.CSSProperties;\n    className?: string;\n    onClick?: React.MouseEventHandler;\n    onLoad?: React.ReactEventHandler<HTMLDivElement>;\n    onError?: () => void;\n}\n\nexport const ImageBase = ({fetchPriority, alt, ...props}: ImageBaseProps) => {\n    const {Image} = React.useContext(ImageContext);\n\n    return Image ? (\n        <Image fetchPriority={fetchPriority} alt={alt} {...props} />\n    ) : (\n        // There is an issue with fetchpriority attr in img in React.\n        // It is still not supported. However it's nice to have ability to manage\n        // this prop is good to have to improve Core Web Vitals.\n        // So, here is a workaround to assign the attr.\n        <img {...{fetchPriority: fetchPriority}} alt={alt} {...props} />\n    );\n};\n\nexport default ImageBase;\n"]}

package/build/esm/components/InnerForm/InnerForm.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { YandexForm } from "../index.js";
@@ -17,15 +16,15 @@ const InnerForm = (props) => {
         }
     }, [onContentLoad, formData]);
     if (isYandexDataForm(formData)) {
-        const _a = getThemedValue(formData.yandex, theme), { onLoad } = _a, rest = __rest(_a, ["onLoad"]);
-        return (_jsx("div", { className: className, children: _jsx(YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
+        const { onLoad, ...rest } = getThemedValue(formData.yandex, theme);
+        return (_jsx("div", { className: className, children: _jsx(YandexForm, { ...formsConfig.yandex, ...rest, onLoad: () => {
                     onContentLoad();
-                    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-                } })) }));
+                    onLoad?.();
+                } }) }));
     }
     if (isHubspotDataForm(formData)) {
         const themedFormData = getThemedValue(formData.hubspot, theme);
-        return (_jsx(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
+        return (_jsx(HubspotForm, { createDOMElement: true, ...formsConfig.hubspot, ...themedFormData }));
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InnerForm.js","sourceRoot":"../../../../src","sources":["components/InnerForm/InnerForm.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,oBAAW;AAC9B,OAAO,EACH,YAAY,GAGf,mDAAgD;AACjD,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAgB,iBAAiB,EAAE,gBAAgB,EAAC,8BAAqB;AAChF,OAAO,EAAC,WAAW,EAAC,kCAAyB;AAC7C,OAAO,EAAC,cAAc,EAAC,6BAAoB;AAQ3C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9B,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,KAAoB,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,EAA1D,EAAC,MAAM,OAAmD,EAA9C,IAAI,cAAhB,UAAiB,CAAyC,CAAC;QAEjE,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,oBACF,WAAW,CAAC,MAA8C,EAC3D,IAAI,IACR,MAAM,EAAE,GAAG,EAAE;oBACT,aAAa,EAAE,CAAC;oBAChB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;gBACf,CAAC,IACH,GACA,CACT,CAAC;IACN,CAAC;IAED,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,cAAc,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACH,KAAC,WAAW,kBACR,gBAAgB,EAAE,IAAI,IACjB,WAAW,CAAC,OAAgD,EAC7D,cAAc,EACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {YandexForm} from '..';\nimport {\n    FormsContext,\n    HubspotFormsContextProps,\n    YandexFormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {useTheme} from '../../context/theme';\nimport {FormBlockData, isHubspotDataForm, isYandexDataForm} from '../../models';\nimport {HubspotForm} from '../../sub-blocks';\nimport {getThemedValue} from '../../utils';\n\ninterface InnerFormProps {\n    formData: FormBlockData;\n    onContentLoad: () => void;\n    className?: string;\n}\n\nconst InnerForm: React.FC<InnerFormProps> = (props) => {\n    const {formData, onContentLoad, className} = props;\n    const formsConfig = React.useContext(FormsContext);\n    const theme = useTheme();\n\n    React.useEffect(() => {\n        if (isHubspotDataForm(formData)) {\n            onContentLoad();\n        }\n    }, [onContentLoad, formData]);\n\n    if (isYandexDataForm(formData)) {\n        const {onLoad, ...rest} = getThemedValue(formData.yandex, theme);\n\n        return (\n            <div className={className}>\n                <YandexForm\n                    {...(formsConfig.yandex as YandexFormsContextProps | undefined)}\n                    {...rest}\n                    onLoad={() => {\n                        onContentLoad();\n                        onLoad?.();\n                    }}\n                />\n            </div>\n        );\n    }\n\n    if (isHubspotDataForm(formData)) {\n        const themedFormData = getThemedValue(formData.hubspot, theme);\n\n        return (\n            <HubspotForm\n                createDOMElement={true}\n                {...(formsConfig.hubspot as HubspotFormsContextProps | undefined)}\n                {...themedFormData}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default InnerForm;\n"]}
+{"version":3,"file":"InnerForm.js","sourceRoot":"../../../../src","sources":["components/InnerForm/InnerForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,oBAAW;AAC9B,OAAO,EACH,YAAY,GAGf,mDAAgD;AACjD,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAgB,iBAAiB,EAAE,gBAAgB,EAAC,8BAAqB;AAChF,OAAO,EAAC,WAAW,EAAC,kCAAyB;AAC7C,OAAO,EAAC,cAAc,EAAC,6BAAoB;AAQ3C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9B,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,EAAC,MAAM,EAAE,GAAG,IAAI,EAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAEjE,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OACF,WAAW,CAAC,MAA8C,KAC3D,IAAI,EACR,MAAM,EAAE,GAAG,EAAE;oBACT,aAAa,EAAE,CAAC;oBAChB,MAAM,EAAE,EAAE,CAAC;gBACf,CAAC,GACH,GACA,CACT,CAAC;IACN,CAAC;IAED,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,cAAc,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACH,KAAC,WAAW,IACR,gBAAgB,EAAE,IAAI,KACjB,WAAW,CAAC,OAAgD,KAC7D,cAAc,GACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {YandexForm} from '..';\nimport {\n    FormsContext,\n    HubspotFormsContextProps,\n    YandexFormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {useTheme} from '../../context/theme';\nimport {FormBlockData, isHubspotDataForm, isYandexDataForm} from '../../models';\nimport {HubspotForm} from '../../sub-blocks';\nimport {getThemedValue} from '../../utils';\n\ninterface InnerFormProps {\n    formData: FormBlockData;\n    onContentLoad: () => void;\n    className?: string;\n}\n\nconst InnerForm: React.FC<InnerFormProps> = (props) => {\n    const {formData, onContentLoad, className} = props;\n    const formsConfig = React.useContext(FormsContext);\n    const theme = useTheme();\n\n    React.useEffect(() => {\n        if (isHubspotDataForm(formData)) {\n            onContentLoad();\n        }\n    }, [onContentLoad, formData]);\n\n    if (isYandexDataForm(formData)) {\n        const {onLoad, ...rest} = getThemedValue(formData.yandex, theme);\n\n        return (\n            <div className={className}>\n                <YandexForm\n                    {...(formsConfig.yandex as YandexFormsContextProps | undefined)}\n                    {...rest}\n                    onLoad={() => {\n                        onContentLoad();\n                        onLoad?.();\n                    }}\n                />\n            </div>\n        );\n    }\n\n    if (isHubspotDataForm(formData)) {\n        const themedFormData = getThemedValue(formData.hubspot, theme);\n\n        return (\n            <HubspotForm\n                createDOMElement={true}\n                {...(formsConfig.hubspot as HubspotFormsContextProps | undefined)}\n                {...themedFormData}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default InnerForm;\n"]}

package/build/esm/components/Link/Link.js

@@ -5,7 +5,7 @@ import { Icon } from '@gravity-ui/uikit';
 import { LocaleContext } from "../../context/localeContext/index.js";
 import { LocationContext } from "../../context/locationContext/index.js";
 import { useAnalytics } from "../../hooks/index.js";
-import { DefaultEventNames } from "../../models/index.js";
+import { DefaultEventNames, } from "../../models/index.js";
 import { block, getLinkProps, getQaAttrubutes, setUrlTld } from "../../utils/index.js";
 import BackLink from "../BackLink/BackLink.js";
 import FileLink from "../FileLink/FileLink.js";
@@ -17,6 +17,7 @@ function getArrowSize(size) {
         case 'l':
             return 20;
         case 'm':
+        case 'sm':
             return 18;
         case 's':
             return 14;
@@ -24,6 +25,15 @@ function getArrowSize(size) {
             return 14;
     }
 }
+function getTextSize({ size, theme }) {
+    if (!size) {
+        return theme === 'back' ? 'l' : 'm';
+    }
+    if (size === 'sm') {
+        return 'm';
+    }
+    return size;
+}
 const LinkBlock = (props) => {
     const { text, url, arrow, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, tabIndex, qa, urlTitle, extraProps, } = props;
     const qaAttributes = getQaAttrubutes(qa, ['normal']);
@@ -31,7 +41,6 @@ const LinkBlock = (props) => {
     const { hostname } = React.useContext(LocationContext);
     const { tld } = React.useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
-    const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
         handleAnalytics(analyticsEvents);
     };
@@ -45,13 +54,13 @@ const LinkBlock = (props) => {
             case 'normal': {
                 const linkProps = getLinkProps(url, hostname, target);
                 const content = children || text;
-                return (_jsx("a", Object.assign({ className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, linkProps, { "data-qa": qaAttributes.normal }, extraProps, { children: arrow ? (_jsxs(React.Fragment, { children: [_jsx("span", { className: b('content'), children: content }), WORD_JOINER_SYM, _jsx(Icon, { className: b('arrow'), data: ChevronRight, size: getArrowSize(textSize) })] })) : (content) })));
+                return (_jsx("a", { className: b('link', { theme: colorTheme, 'has-arrow': arrow }), href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle, ...linkProps, "data-qa": qaAttributes.normal, ...extraProps, children: arrow ? (_jsxs(React.Fragment, { children: [_jsx("span", { className: b('content'), children: content }), WORD_JOINER_SYM, _jsx(Icon, { className: b('arrow'), data: ChevronRight, size: getArrowSize(textSize) })] })) : (content) }));
             }
             default:
                 return null;
         }
     };
-    return (_jsx("div", { className: b({ size: textSize || defaultTextSize }, className), children: getLinkByType() }));
+    return (_jsx("div", { className: b({ size: getTextSize({ size: textSize, theme }) }, className), children: getLinkByType() }));
 };
 export default LinkBlock;
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"../../../../src","sources":["components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {ClassNameProps, DefaultEventNames, LinkProps, Tabbable, TextSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block, getLinkProps, getQaAttrubutes, setUrlTld} from '../../utils';\nimport BackLink from '../BackLink/BackLink';\nimport FileLink from '../FileLink/FileLink';\n\nimport './Link.scss';\n\nconst b = block('link-block');\nconst WORD_JOINER_SYM = '\\u200b';\n\nexport type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;\n\nfunction getArrowSize(size: TextSize) {\n    switch (size) {\n        case 'l':\n            return 20;\n        case 'm':\n            return 18;\n        case 's':\n            return 14;\n        default:\n            return 14;\n    }\n}\n\nconst LinkBlock = (props: React.PropsWithChildren<LinkFullProps>) => {\n    const {\n        text,\n        url,\n        arrow,\n        analyticsEvents,\n        theme = 'file-link',\n        colorTheme = 'light',\n        textSize = 'm',\n        className,\n        target,\n        children,\n        tabIndex,\n        qa,\n        urlTitle,\n        extraProps,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['normal']);\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);\n    const {hostname} = React.useContext(LocationContext);\n    const {tld} = React.useContext(LocaleContext);\n    const href = setUrlTld(props.url, tld);\n    const defaultTextSize = theme === 'back' ? 'l' : 'm';\n\n    const onClick = () => {\n        handleAnalytics(analyticsEvents);\n    };\n\n    const getLinkByType = () => {\n        switch (theme) {\n            case 'back':\n                return (\n                    <BackLink\n                        title={children || text}\n                        url={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'file-link':\n            case 'underline':\n                return (\n                    <FileLink\n                        text={children || text}\n                        href={href}\n                        type=\"horizontal\"\n                        textSize={textSize}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'normal': {\n                const linkProps = getLinkProps(url, hostname, target);\n                const content = children || text;\n\n                return (\n                    <a\n                        className={b('link', {theme: colorTheme, 'has-arrow': arrow})}\n                        href={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        title={urlTitle}\n                        {...linkProps}\n                        data-qa={qaAttributes.normal}\n                        {...extraProps}\n                    >\n                        {arrow ? (\n                            <React.Fragment>\n                                <span className={b('content')}>{content}</span>\n                                {WORD_JOINER_SYM}\n                                <Icon\n                                    className={b('arrow')}\n                                    data={ChevronRight}\n                                    size={getArrowSize(textSize)}\n                                />\n                            </React.Fragment>\n                        ) : (\n                            content\n                        )}\n                    </a>\n                );\n            }\n            default:\n                return null;\n        }\n    };\n    return (\n        <div className={b({size: textSize || defaultTextSize}, className)}>{getLinkByType()}</div>\n    );\n};\n\nexport default LinkBlock;\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"../../../../src","sources":["components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {\n    ClassNameProps,\n    DefaultEventNames,\n    LinkProps,\n    LinkTheme,\n    Tabbable,\n    TextSize,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block, getLinkProps, getQaAttrubutes, setUrlTld} from '../../utils';\nimport BackLink from '../BackLink/BackLink';\nimport FileLink from '../FileLink/FileLink';\n\nimport './Link.scss';\n\nconst b = block('link-block');\nconst WORD_JOINER_SYM = '\\u200b';\n\nexport type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;\n\nfunction getArrowSize(size: TextSize) {\n    switch (size) {\n        case 'l':\n            return 20;\n        case 'm':\n        case 'sm':\n            return 18;\n        case 's':\n            return 14;\n        default:\n            return 14;\n    }\n}\n\nfunction getTextSize({size, theme}: {size?: TextSize; theme: LinkTheme}) {\n    if (!size) {\n        return theme === 'back' ? 'l' : 'm';\n    }\n\n    if (size === 'sm') {\n        return 'm';\n    }\n\n    return size;\n}\n\nconst LinkBlock = (props: React.PropsWithChildren<LinkFullProps>) => {\n    const {\n        text,\n        url,\n        arrow,\n        analyticsEvents,\n        theme = 'file-link',\n        colorTheme = 'light',\n        textSize = 'm',\n        className,\n        target,\n        children,\n        tabIndex,\n        qa,\n        urlTitle,\n        extraProps,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['normal']);\n\n    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);\n    const {hostname} = React.useContext(LocationContext);\n    const {tld} = React.useContext(LocaleContext);\n    const href = setUrlTld(props.url, tld);\n\n    const onClick = () => {\n        handleAnalytics(analyticsEvents);\n    };\n\n    const getLinkByType = () => {\n        switch (theme) {\n            case 'back':\n                return (\n                    <BackLink\n                        title={children || text}\n                        url={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'file-link':\n            case 'underline':\n                return (\n                    <FileLink\n                        text={children || text}\n                        href={href}\n                        type=\"horizontal\"\n                        textSize={textSize}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        extraProps={extraProps}\n                    />\n                );\n            case 'normal': {\n                const linkProps = getLinkProps(url, hostname, target);\n                const content = children || text;\n\n                return (\n                    <a\n                        className={b('link', {theme: colorTheme, 'has-arrow': arrow})}\n                        href={href}\n                        onClick={onClick}\n                        tabIndex={tabIndex}\n                        title={urlTitle}\n                        {...linkProps}\n                        data-qa={qaAttributes.normal}\n                        {...extraProps}\n                    >\n                        {arrow ? (\n                            <React.Fragment>\n                                <span className={b('content')}>{content}</span>\n                                {WORD_JOINER_SYM}\n                                <Icon\n                                    className={b('arrow')}\n                                    data={ChevronRight}\n                                    size={getArrowSize(textSize)}\n                                />\n                            </React.Fragment>\n                        ) : (\n                            content\n                        )}\n                    </a>\n                );\n            }\n            default:\n                return null;\n        }\n    };\n    return (\n        <div className={b({size: getTextSize({size: textSize, theme})}, className)}>\n            {getLinkByType()}\n        </div>\n    );\n};\n\nexport default LinkBlock;\n"]}

package/build/esm/components/Links/Links.js

@@ -13,6 +13,9 @@ function getLinkSize(size) {
             return 'l';
     }
 }
-const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? (_jsx("div", { className: b({ size }, className), "data-qa": qa, children: links === null || links === void 0 ? void 0 : links.map((link) => (_createElement(Link, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))) })) : null;
+const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? (_jsx("div", { className: b({ size }, className), "data-qa": qa, children: links?.map((link) => (_createElement(Link, { className: b('link'), ...link, textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: {
+            'aria-describedby': link.urlTitle ? undefined : titleId,
+            ...link.extraProps,
+        } }))) })) : null;
 export default Links;
 //# sourceMappingURL=Links.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Links.js","sourceRoot":"../../../../src","sources":["components/Links/Links.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,IAAI,wBAAqB;AAEhC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAEzB,SAAS,WAAW,CAAC,IAAiB;IAClC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAWD,MAAM,KAAK,GAAyB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,EAAE,CACxF,KAAK,CAAC,CAAC,CAAC,CACJ,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,eAAC,IAAI,kBACD,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAChB,IAAI,IACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,EAAE,EAAE,MAAM,EACV,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,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ContentSize, LinkProps} from '../../models';\nimport {block} from '../../utils';\nimport Link from '../Link/Link';\n\nimport './Links.scss';\n\nconst b = block('links');\n\nfunction getLinkSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'm';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\ntype LinksProps = {\n    className?: string;\n    titleId?: string;\n    links?: LinkProps[];\n    size?: ContentSize;\n    qa?: string;\n    linkQa?: string;\n};\n\nconst Links: React.FC<LinksProps> = ({className, titleId, links, size = 's', qa, linkQa}) =>\n    links ? (\n        <div className={b({size}, className)} data-qa={qa}>\n            {links?.map((link) => (\n                <Link\n                    className={b('link')}\n                    {...link}\n                    textSize={getLinkSize(size)}\n                    key={link.url}\n                    qa={linkQa}\n                    extraProps={{\n                        'aria-describedby': link.urlTitle ? undefined : titleId,\n                        ...link.extraProps,\n                    }}\n                />\n            ))}\n        </div>\n    ) : null;\n\nexport default Links;\n"]}
+{"version":3,"file":"Links.js","sourceRoot":"../../../../src","sources":["components/Links/Links.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,IAAI,wBAAqB;AAEhC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAEzB,SAAS,WAAW,CAAC,IAAiB;IAClC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAWD,MAAM,KAAK,GAAyB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,EAAE,CACxF,KAAK,CAAC,CAAC,CAAC,CACJ,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,eAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAChB,IAAI,EACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,EAAE,EAAE,MAAM,EACV,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,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ContentSize, LinkProps} from '../../models';\nimport {block} from '../../utils';\nimport Link from '../Link/Link';\n\nimport './Links.scss';\n\nconst b = block('links');\n\nfunction getLinkSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'm';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\ntype LinksProps = {\n    className?: string;\n    titleId?: string;\n    links?: LinkProps[];\n    size?: ContentSize;\n    qa?: string;\n    linkQa?: string;\n};\n\nconst Links: React.FC<LinksProps> = ({className, titleId, links, size = 's', qa, linkQa}) =>\n    links ? (\n        <div className={b({size}, className)} data-qa={qa}>\n            {links?.map((link) => (\n                <Link\n                    className={b('link')}\n                    {...link}\n                    textSize={getLinkSize(size)}\n                    key={link.url}\n                    qa={linkQa}\n                    extraProps={{\n                        'aria-describedby': link.urlTitle ? undefined : titleId,\n                        ...link.extraProps,\n                    }}\n                />\n            ))}\n        </div>\n    ) : null;\n\nexport default Links;\n"]}

package/build/esm/components/Map/GoogleMap.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Lang } from '@gravity-ui/uikit';
-import debounce from 'lodash/debounce';
+import debounce from "lodash/debounce.js";
 import { LocaleContext } from "../../context/localeContext/localeContext.js";
 import { MapsContext } from "../../context/mapsContext/mapsContext.js";
 import { MobileContext } from "../../context/mobileContext/index.js";

package/build/esm/components/Map/GoogleMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleMap.js","sourceRoot":"../../../../src","sources":["components/Map/GoogleMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {MapsContext} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {GMapProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {getMapHeight} from './helpers';\n\nconst b = block('map');\n\ninterface GoogleMapLinkParams {\n    apiKey: string;\n    scriptSrc: string;\n    address: string;\n    lang: `${Lang}`;\n    zoom?: number;\n}\n\nfunction getScriptSrc(params: GoogleMapLinkParams) {\n    const {apiKey, scriptSrc, address, lang, zoom} = params;\n\n    return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(\n        address,\n    )}`;\n}\n\nconst GoogleMap: React.FC<GMapProps> = (props) => {\n    const {address, zoom, className} = props;\n    const {apiKey, scriptSrc} = React.useContext(MapsContext);\n    const {lang = Lang.Ru} = React.useContext(LocaleContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLIFrameElement>(null);\n    const src = React.useMemo(\n        () => getScriptSrc({apiKey, scriptSrc, address, lang, zoom}),\n        [apiKey, scriptSrc, address, lang, zoom],\n    );\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [isMobile]);\n\n    if (!apiKey || !address) {\n        return null;\n    }\n\n    return (\n        <iframe\n            className={b(null, className)}\n            ref={ref}\n            style={{\n                height,\n            }}\n            title=\"Google Map\"\n            loading=\"lazy\"\n            allowFullScreen\n            referrerPolicy=\"no-referrer-when-downgrade\"\n            src={src}\n        />\n    );\n};\n\nexport default GoogleMap;\n"]}
+{"version":3,"file":"GoogleMap.js","sourceRoot":"../../../../src","sources":["components/Map/GoogleMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {MapsContext} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {GMapProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {getMapHeight} from './helpers';\n\nconst b = block('map');\n\ninterface GoogleMapLinkParams {\n    apiKey: string;\n    scriptSrc: string;\n    address: string;\n    lang: `${Lang}`;\n    zoom?: number;\n}\n\nfunction getScriptSrc(params: GoogleMapLinkParams) {\n    const {apiKey, scriptSrc, address, lang, zoom} = params;\n\n    return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(\n        address,\n    )}`;\n}\n\nconst GoogleMap: React.FC<GMapProps> = (props) => {\n    const {address, zoom, className} = props;\n    const {apiKey, scriptSrc} = React.useContext(MapsContext);\n    const {lang = Lang.Ru} = React.useContext(LocaleContext);\n    const isMobile = React.useContext(MobileContext);\n\n    const [height, setHeight] = React.useState<number | undefined>(undefined);\n    const ref = React.useRef<HTMLIFrameElement>(null);\n    const src = React.useMemo(\n        () => getScriptSrc({apiKey, scriptSrc, address, lang, zoom}),\n        [apiKey, scriptSrc, address, lang, zoom],\n    );\n\n    React.useEffect(() => {\n        const updateSize = debounce(() => {\n            if (ref.current) {\n                setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));\n            }\n        }, 100);\n\n        updateSize();\n        window.addEventListener('resize', updateSize, {passive: true});\n\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [isMobile]);\n\n    if (!apiKey || !address) {\n        return null;\n    }\n\n    return (\n        <iframe\n            className={b(null, className)}\n            ref={ref}\n            style={{\n                height,\n            }}\n            title=\"Google Map\"\n            loading=\"lazy\"\n            allowFullScreen\n            referrerPolicy=\"no-referrer-when-downgrade\"\n            src={src}\n        />\n    );\n};\n\nexport default GoogleMap;\n"]}

package/build/esm/components/Map/Map.js

@@ -8,9 +8,9 @@ export const Map = (props) => {
     const { type } = React.useContext(MapsContext);
     switch (type) {
         case MapType.Yandex:
-            return _jsx(YandexMap, Object.assign({}, props));
+            return _jsx(YandexMap, { ...props });
         case MapType.Google:
-            return _jsx(GoogleMap, Object.assign({}, props));
+            return _jsx(GoogleMap, { ...props });
         default:
             return null;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["components/Map/Map.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,iDAA8C;AAG3E,OAAO,SAAS,uBAAoB;AACpC,OAAO,SAAS,4BAAyB;AAEzC,OAAO,WAAW,CAAC;AAEnB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE7C,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,OAAO,CAAC,MAAM;YACf,OAAO,KAAC,SAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD,KAAK,OAAO,CAAC,MAAM;YACf,OAAO,KAAC,SAAS,oBAAM,KAAmB,EAAI,CAAC;QACnD;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from '../../context/mapsContext/mapsContext';\nimport {GMapProps, MapProps, YMapProps} from '../../models';\n\nimport GoogleMap from './GoogleMap';\nimport YandexMap from './YMap/YandexMap';\n\nimport './Map.scss';\n\nexport const Map = (props: MapProps) => {\n    const {type} = React.useContext(MapsContext);\n\n    switch (type) {\n        case MapType.Yandex:\n            return <YandexMap {...(props as YMapProps)} />;\n        case MapType.Google:\n            return <GoogleMap {...(props as GMapProps)} />;\n        default:\n            return null;\n    }\n};\n\nexport default Map;\n"]}
+{"version":3,"file":"Map.js","sourceRoot":"../../../../src","sources":["components/Map/Map.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,iDAA8C;AAG3E,OAAO,SAAS,uBAAoB;AACpC,OAAO,SAAS,4BAAyB;AAEzC,OAAO,WAAW,CAAC;AAEnB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE7C,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,OAAO,CAAC,MAAM;YACf,OAAO,KAAC,SAAS,OAAM,KAAmB,GAAI,CAAC;QACnD,KAAK,OAAO,CAAC,MAAM;YACf,OAAO,KAAC,SAAS,OAAM,KAAmB,GAAI,CAAC;QACnD;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from '../../context/mapsContext/mapsContext';\nimport {GMapProps, MapProps, YMapProps} from '../../models';\n\nimport GoogleMap from './GoogleMap';\nimport YandexMap from './YMap/YandexMap';\n\nimport './Map.scss';\n\nexport const Map = (props: MapProps) => {\n    const {type} = React.useContext(MapsContext);\n\n    switch (type) {\n        case MapType.Yandex:\n            return <YandexMap {...(props as YMapProps)} />;\n        case MapType.Google:\n            return <GoogleMap {...(props as GMapProps)} />;\n        default:\n            return null;\n    }\n};\n\nexport default Map;\n"]}

package/build/esm/components/Map/YMap/YMap.js

@@ -14,8 +14,10 @@ const geoObjectPropsAndOptions = {
     preset: GeoObjectTypes.Options,
 };
 export class YMap {
+    ymap;
+    mapRef;
+    coords = [];
     constructor(ymap, mapRef) {
-        this.coords = [];
         this.ymap = ymap;
         this.mapRef = mapRef;
     }
@@ -40,7 +42,7 @@ export class YMap {
             this.drawPlaceMarkStyle(geoObject, marker);
             this.ymap.geoObjects.add(geoObject);
         }
-        catch (_a) { } // If error - placemark will not be displayed
+        catch { } // If error - placemark will not be displayed
     }
     findCoordinate(marker) {
         const geoObject = new window.ymaps.Placemark(marker.coordinate, {});
@@ -55,7 +57,7 @@ export class YMap {
         if (!preset.includes('Stretchy') && !iconColor) {
             localIconColor = DEFAULT_PLACEMARKS_COLOR;
         }
-        Object.entries(Object.assign(Object.assign({}, marker.label), { iconColor: localIconColor, preset })).forEach(([key, value]) => {
+        Object.entries({ ...marker.label, iconColor: localIconColor, preset }).forEach(([key, value]) => {
             const geoObjectParamType = geoObjectPropsAndOptions[key];
             if (value && geoObjectParamType) {
                 geoObject[geoObjectParamType].set(key, value);
@@ -63,7 +65,6 @@ export class YMap {
         });
     }
     recalcZoomAndCenter(props) {
-        var _a, _b;
         const coordsLength = this.coords.length;
         const { zoom = 0 } = props;
         if (!coordsLength) {
@@ -83,7 +84,7 @@ export class YMap {
             newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);
         }
         else {
-            newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [(_a = this.mapRef) === null || _a === void 0 ? void 0 : _a.clientWidth, (_b = this.mapRef) === null || _b === void 0 ? void 0 : _b.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
+            newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [this.mapRef?.clientWidth, this.mapRef?.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
         }
         this.ymap.setCenter(newMapParams.center);
         // Use default zoom for one placemark