@gravity-ui/page-constructor 8.0.0-beta.2 → 8.1.0

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/Icon/Icon.css

@@ -0,0 +1,10 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-icon_color_brand {
+  /* stylelint-disable-next-line declaration-no-important */
+  color: var(--g-color-base-brand) !important;
+}
+.pc-icon_color_brand * {
+  /* stylelint-disable-next-line declaration-no-important */
+  color: var(--g-color-base-brand) !important;
+}

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

@@ -0,0 +1,9 @@
+import { GravityIconProps, ImageProps, QAProps } from "../../models/index.js";
+import { ImageProps as ImageComponentProps } from "../Image/Image.js";
+type Props = {
+    gravityIcon?: GravityIconProps;
+    icon?: ImageProps;
+    className?: string;
+} & Pick<ImageComponentProps, 'containerClassName'> & QAProps;
+declare const Icon: ({ icon, className, gravityIcon, containerClassName, qa }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default Icon;

package/build/cjs/components/Icon/Icon.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils/index.js");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
+const utils_2 = require("../Media/Image/utils.js");
+const b = (0, utils_1.block)('icon');
+const Icon = ({ icon, className, gravityIcon, containerClassName, qa }) => {
+    if (gravityIcon) {
+        const data = (typeof gravityIcon === 'string' ? gravityIcon : gravityIcon.name);
+        const color = typeof gravityIcon === 'string' ? 'brand' : gravityIcon.color;
+        return ((0, jsx_runtime_1.jsx)("div", { className: b({ color }), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons[data], className: className, qa: qa }) }));
+    }
+    if (icon) {
+        const image = (0, utils_2.getMediaImage)(icon);
+        return ((0, jsx_runtime_1.jsx)(Image_1.default, { ...image, containerClassName: containerClassName, className: className, qa: qa }));
+    }
+    return null;
+};
+exports.default = Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"../../../../src","sources":["components/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAAA,iEAA2C;AAC3C,6CAAoD;AAGpD,gDAAkC;AAClC,sEAAwE;AACxE,mDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AASxB,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,EAAQ,EAAE,EAAE;IAC3E,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,IAAI,GAAG,CACT,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAC7C,CAAC;QACxB,MAAM,KAAK,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QAE5E,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,YACtB,uBAAC,YAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,GAC5D,CACT,CAAC;IACN,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;QAElC,OAAO,CACH,uBAAC,eAAK,OACE,KAAK,EACT,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACR,CACL,CAAC;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import * as icons from '@gravity-ui/icons';\nimport {Icon as UiKitIcon} from '@gravity-ui/uikit';\n\nimport {GravityIconProps, ImageProps, QAProps} from '../../models';\nimport {block} from '../../utils';\nimport Image, {ImageProps as ImageComponentProps} from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport './Icon.scss';\n\nconst b = block('icon');\n\ntype Props = {\n    gravityIcon?: GravityIconProps;\n    icon?: ImageProps;\n    className?: string;\n} & Pick<ImageComponentProps, 'containerClassName'> &\n    QAProps;\n\nconst Icon = ({icon, className, gravityIcon, containerClassName, qa}: Props) => {\n    if (gravityIcon) {\n        const data = (\n            typeof gravityIcon === 'string' ? gravityIcon : gravityIcon.name\n        ) as keyof typeof icons;\n        const color = typeof gravityIcon === 'string' ? 'brand' : gravityIcon.color;\n\n        return (\n            <div className={b({color})}>\n                <UiKitIcon data={icons[data]} className={className} qa={qa} />\n            </div>\n        );\n    }\n\n    if (icon) {\n        const image = getMediaImage(icon);\n\n        return (\n            <Image\n                {...image}\n                containerClassName={containerClassName}\n                className={className}\n                qa={qa}\n            />\n        );\n    }\n    return null;\n};\n\nexport default Icon;\n"]}

package/build/cjs/components/IconWrapper/IconWrapper.css

@@ -17,10 +17,25 @@ unpredictable css rules order in build */
   object-fit: contain;
   display: block;
 }
+.pc-icon-wrapper__icon_gravity-icon {
+  width: 32px;
+}
 .pc-icon-wrapper__icon_icon-position_left {
   height: 22px;
   width: 22px;
-  margin: 1px 12px 1px 0px;
+  margin: 1px 12px 1px 0;
+}
+.pc-icon-wrapper__icon_icon-position_left.pc-icon-wrapper__icon_size_m {
+  height: 28px;
+  width: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+}
+.pc-icon-wrapper__icon_icon-position_left.pc-icon-wrapper__icon_size_l {
+  height: 32px;
+  width: 32px;
+  margin-bottom: 4px;
+  margin-top: 4px;
 }
 .pc-icon-wrapper__content {
   display: flex;

package/build/cjs/components/IconWrapper/IconWrapper.js

@@ -4,17 +4,21 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils/index.js");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
-const utils_2 = require("../Media/Image/utils.js");
+const Icon_1 = tslib_1.__importDefault(require("../Icon/Icon.js"));
 const b = (0, utils_1.block)('icon-wrapper');
 const IconWrapper = (props) => {
-    const { icon, children, className } = props;
-    if (!icon) {
+    const { icon, children, className, size, gravityIcon } = props;
+    if (!icon && !gravityIcon) {
         return (0, jsx_runtime_1.jsx)(React.Fragment, { children: children });
     }
-    const iconProps = (0, utils_2.getMediaImage)(icon.value);
     const iconPosition = icon?.position;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: iconPosition }, className), children: [iconProps && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...iconProps, containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) })), (0, jsx_runtime_1.jsx)("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
+    const gravityIconPosition = gravityIcon?.position;
+    const position = gravityIconPosition || iconPosition;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: position }, className), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon?.value, gravityIcon: gravityIcon?.value, containerClassName: b('icon-container'), className: b('icon', {
+                    ['icon-position']: position,
+                    size,
+                    ['gravity-icon']: Boolean(gravityIcon),
+                }) }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { ['icon-position']: position }), children: children })] }));
 };
 exports.default = IconWrapper;
 //# sourceMappingURL=IconWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAClC,sEAAmC;AACnC,mDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,SAAS,IAAI,CACV,uBAAC,eAAK,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,gCAAK,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,kBAAe,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,qDAA+B;AAG/B,gDAAkC;AAClC,mEAAgC;AAGhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,WAAW,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,mBAAmB,IAAI,YAAY,CAAC;IAErD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aACvD,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EAAE,KAAK,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;oBACjB,CAAC,eAAe,CAAC,EAAE,QAAQ;oBAC3B,IAAI;oBACJ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;iBACzC,CAAC,GACJ,EACF,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Icon from '../Icon/Icon';\n\nimport './IconWrapper.scss';\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n    const {icon, children, className, size, gravityIcon} = props;\n    if (!icon && !gravityIcon) {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n\n    const iconPosition = icon?.position;\n\n    const gravityIconPosition = gravityIcon?.position;\n\n    const position = gravityIconPosition || iconPosition;\n\n    return (\n        <div className={b({['icon-position']: position}, className)}>\n            <Icon\n                icon={icon?.value}\n                gravityIcon={gravityIcon?.value}\n                containerClassName={b('icon-container')}\n                className={b('icon', {\n                    ['icon-position']: position,\n                    size,\n                    ['gravity-icon']: Boolean(gravityIcon),\n                })}\n            />\n            <div className={b('content', {['icon-position']: position})}>{children}</div>\n        </div>\n    );\n};\n\nexport default IconWrapper;\n"]}

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { FormBlockData } from "../../models/index.js";
 interface InnerFormProps {
     formData: FormBlockData;
     onContentLoad: () => void;
     className?: string;
 }
-declare const InnerForm: React.FC<InnerFormProps>;
+declare const InnerForm: (props: InnerFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export default InnerForm;

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

@@ -1 +1 @@
-{"version":3,"file":"InnerForm.js","sourceRoot":"../../../../src","sources":["components/InnerForm/InnerForm.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mCAA8B;AAC9B,6EAIiD;AACjD,wDAA6C;AAC7C,kDAAgF;AAChF,0DAA6C;AAC7C,gDAA2C;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,2BAAY,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;YAC9B,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,IAAA,yBAAgB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,EAAC,MAAM,EAAE,GAAG,IAAI,EAAC,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAEjE,OAAO,CACH,gCAAK,SAAS,EAAE,SAAS,YACrB,uBAAC,cAAU,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,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,cAAc,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACH,uBAAC,wBAAW,IACR,gBAAgB,EAAE,IAAI,KACjB,WAAW,CAAC,OAAgD,KAC7D,cAAc,GACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,kBAAe,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,qDAA+B;AAE/B,mCAA8B;AAC9B,6EAIiD;AACjD,wDAA6C;AAC7C,kDAAgF;AAChF,0DAA6C;AAC7C,gDAA2C;AAQ3C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;YAC9B,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,IAAA,yBAAgB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,EAAC,MAAM,EAAE,GAAG,IAAI,EAAC,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAEjE,OAAO,CACH,gCAAK,SAAS,EAAE,SAAS,YACrB,uBAAC,cAAU,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,IAAA,0BAAiB,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,cAAc,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,CACH,uBAAC,wBAAW,IACR,gBAAgB,EAAE,IAAI,KACjB,WAAW,CAAC,OAAgD,KAC7D,cAAc,GACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,kBAAe,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 = (props: InnerFormProps) => {\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/cjs/components/Link/Link.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { ClassNameProps, LinkProps, Tabbable } from "../../models/index.js";
 import { QAProps } from "../../models/common.js";
 export type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;
-declare const LinkBlock: (props: React.PropsWithChildren<LinkFullProps>) => import("react/jsx-runtime").JSX.Element;
-export default LinkBlock;
+declare const Link: (props: React.PropsWithChildren<LinkFullProps>) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/build/cjs/components/Link/Link.js

@@ -36,7 +36,7 @@ function getTextSize({ size, theme }) {
     }
     return size;
 }
-const LinkBlock = (props) => {
+const Link = (props) => {
     const { text, url, arrow, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, tabIndex, qa, urlTitle, extraProps, } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, ['normal']);
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Link, url);
@@ -64,5 +64,5 @@ const LinkBlock = (props) => {
     };
     return ((0, jsx_runtime_1.jsx)("div", { className: b({ size: getTextSize({ size: textSize, theme }) }, className), children: getLinkByType() }));
 };
-exports.default = LinkBlock;
+exports.default = Link;
 //# sourceMappingURL=Link.js.map

package/build/cjs/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 {\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"]}
+{"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 Link = (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 Link;\n"]}

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

@@ -8,5 +8,5 @@ type LinksProps = {
     qa?: string;
     linkQa?: string;
 };
-declare const Links: React.FC<LinksProps>;
+declare const Links: ({ className, titleId, links, size, qa, linkQa, }: React.PropsWithChildren<LinksProps>) => import("react/jsx-runtime").JSX.Element | null;
 export default Links;

package/build/cjs/components/Links/Links.js

@@ -15,7 +15,7 @@ function getLinkSize(size) {
             return 'l';
     }
 }
-const Links = ({ className, titleId, links, size = 's', qa, linkQa }) => links ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: links?.map((link) => ((0, react_1.createElement)(Link_1.default, { className: b('link'), ...link, textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: {
+const Links = ({ className, titleId, links, size = 's', qa, linkQa, }) => links ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: links?.map((link) => ((0, react_1.createElement)(Link_1.default, { className: b('link'), ...link, textSize: getLinkSize(size), key: link.url, qa: linkQa, extraProps: {
             'aria-describedby': link.urlTitle ? undefined : titleId,
             ...link.extraProps,
         } }))) })) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"Links.js","sourceRoot":"../../../../src","sources":["components/Links/Links.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAkC;AAClC,mEAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,2BAAC,cAAI,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,kBAAe,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,gDAAkC;AAClC,mEAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,GAAG,CAAC,EACX,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,GAAG,GAAG,EACV,EAAE,EACF,MAAM,GAC4B,EAAE,EAAE,CACtC,KAAK,CAAC,CAAC,CAAC,CACJ,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,2BAAC,cAAI,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,kBAAe,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 = ({\n    className,\n    titleId,\n    links,\n    size = 's',\n    qa,\n    linkQa,\n}: React.PropsWithChildren<LinksProps>) =>\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/cjs/components/Map/GoogleMap.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GMapProps } from "../../models/index.js";
-declare const GoogleMap: React.FC<GMapProps>;
+declare const GoogleMap: (props: GMapProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GoogleMap;

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

@@ -16,7 +16,7 @@ function getScriptSrc(params) {
     return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(address)}`;
 }
 const GoogleMap = (props) => {
-    const { address, zoom, className } = props;
+    const { address, zoom, className, forceAspectRatio = true } = props;
     const { apiKey, scriptSrc } = React.useContext(mapsContext_1.MapsContext);
     const { lang = uikit_1.Lang.Ru } = React.useContext(localeContext_1.LocaleContext);
     const isMobile = React.useContext(mobileContext_1.MobileContext);
@@ -24,6 +24,9 @@ const GoogleMap = (props) => {
     const ref = React.useRef(null);
     const src = React.useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
     React.useEffect(() => {
+        if (!forceAspectRatio) {
+            return;
+        }
         const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
@@ -31,16 +34,29 @@ const GoogleMap = (props) => {
         }, 100);
         updateSize();
         window.addEventListener('resize', updateSize, { passive: true });
+        // eslint-disable-next-line consistent-return
         return () => {
             window.removeEventListener('resize', updateSize);
         };
-    }, [isMobile]);
+    }, [forceAspectRatio, isMobile]);
+    // Generate Schema.org JSON-LD for Google Map
+    const mapMicrodataScript = React.useMemo(() => {
+        if (!address) {
+            return null;
+        }
+        const json = JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'Place',
+            address,
+        });
+        return (0, jsx_runtime_1.jsx)("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: json } });
+    }, [address]);
     if (!apiKey || !address) {
         return null;
     }
     return ((0, jsx_runtime_1.jsx)("iframe", { className: b(null, className), ref: ref, style: {
             height,
-        }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
+        }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src, children: mapMicrodataScript }));
 };
 exports.default = GoogleMap;
 //# sourceMappingURL=GoogleMap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GoogleMap.js","sourceRoot":"../../../../src","sources":["components/Map/GoogleMap.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AACvC,0EAAuC;AAEvC,gFAAwE;AACxE,0EAAkE;AAClE,wEAA0D;AAE1D,gDAAkC;AAElC,0CAAuC;AAEvC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC;AAUvB,SAAS,YAAY,CAAC,MAA2B;IAC7C,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,MAAM,CAAC;IAExD,OAAO,GAAG,SAAS,QAAQ,MAAM,aAAa,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,SAAS,CAC3F,OAAO,CACV,EAAE,CAAC;AACR,CAAC;AAED,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACzC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC1D,MAAM,EAAC,IAAI,GAAG,YAAI,CAAC,EAAE,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACrB,GAAG,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAC5D,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAC3C,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAA,sBAAY,EAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM;SACT,EACD,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,MAAM,EACd,eAAe,QACf,cAAc,EAAC,4BAA4B,EAC3C,GAAG,EAAE,GAAG,GACV,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","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":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AACvC,0EAAuC;AAEvC,gFAAwE;AACxE,0EAAkE;AAClE,wEAA0D;AAE1D,gDAAkC;AAElC,0CAAuC;AAEvC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC;AAUvB,SAAS,YAAY,CAAC,MAA2B;IAC7C,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,MAAM,CAAC;IAExD,OAAO,GAAG,SAAS,QAAQ,MAAM,aAAa,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,SAAS,CAC3F,OAAO,CACV,EAAE,CAAC;AACR,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,KAAgB,EAAE,EAAE;IACnC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC1D,MAAM,EAAC,IAAI,GAAG,YAAI,CAAC,EAAE,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACrB,GAAG,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EAC5D,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAC3C,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpB,OAAO;QACX,CAAC;QAED,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAA,sBAAY,EAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE/D,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,6CAA6C;IAC7C,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;YACxB,UAAU,EAAE,oBAAoB;YAChC,OAAO,EAAE,OAAO;YAChB,OAAO;SACV,CAAC,CAAC;QAEH,OAAO,mCAAQ,IAAI,EAAC,qBAAqB,EAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAAI,CAAC;IAC1F,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM;SACT,EACD,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,MAAM,EACd,eAAe,QACf,cAAc,EAAC,4BAA4B,EAC3C,GAAG,EAAE,GAAG,YAEP,kBAAkB,GACd,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","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 = (props: GMapProps) => {\n    const {address, zoom, className, forceAspectRatio = true} = 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        if (!forceAspectRatio) {\n            return;\n        }\n\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        // eslint-disable-next-line consistent-return\n        return () => {\n            window.removeEventListener('resize', updateSize);\n        };\n    }, [forceAspectRatio, isMobile]);\n\n    // Generate Schema.org JSON-LD for Google Map\n    const mapMicrodataScript = React.useMemo(() => {\n        if (!address) {\n            return null;\n        }\n\n        const json = JSON.stringify({\n            '@context': 'https://schema.org',\n            '@type': 'Place',\n            address,\n        });\n\n        return <script type=\"application/ld+json\" dangerouslySetInnerHTML={{__html: json}} />;\n    }, [address]);\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            {mapMicrodataScript}\n        </iframe>\n    );\n};\n\nexport default GoogleMap;\n"]}

package/build/cjs/components/Map/YMap/YMap.d.ts

@@ -1,13 +1,13 @@
-import { YMapMarker, YMapProps } from "../../../models/index.js";
-type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;
+import { YMapMarkerPrivate, YMapProps } from "../../../models/index.js";
+type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers' | 'areaMargin'>;
 export declare class YMap {
     private ymap;
     private mapRef;
     private coords;
     constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null);
     showPlacemarks(props: PlacemarksProps): Promise<void>;
-    findAddress(marker: YMapMarker): Promise<void>;
-    findCoordinate(marker: YMapMarker): void;
+    findAddress(marker: YMapMarkerPrivate): Promise<void>;
+    findCoordinate(marker: YMapMarkerPrivate): void;
     private drawPlaceMarkStyle;
     private recalcZoomAndCenter;
     private clearOldPlacemarks;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YMap = void 0;
+const utils_1 = require("./utils.js");
 var GeoObjectTypes;
 (function (GeoObjectTypes) {
     GeoObjectTypes["Properties"] = "properties";
@@ -11,9 +12,17 @@ const DEFAULT_PLACEMARKS_COLOR = '#dc534b';
 const DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';
 const DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;
 const geoObjectPropsAndOptions = {
+    cursor: GeoObjectTypes.Options,
     iconCaption: GeoObjectTypes.Properties,
     iconContent: GeoObjectTypes.Properties,
     iconColor: GeoObjectTypes.Options,
+    iconImageHref: GeoObjectTypes.Options,
+    iconImageSize: GeoObjectTypes.Options,
+    iconImageOffset: GeoObjectTypes.Options,
+    iconImageClipRect: GeoObjectTypes.Options,
+    iconLayout: GeoObjectTypes.Options,
+    iconShape: GeoObjectTypes.Options,
+    interactivityModel: GeoObjectTypes.Options,
     preset: GeoObjectTypes.Options,
 };
 class YMap {
@@ -60,40 +69,62 @@ class YMap {
         if (!preset.includes('Stretchy') && !iconColor) {
             localIconColor = DEFAULT_PLACEMARKS_COLOR;
         }
-        Object.entries({ ...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);
             }
         });
     }
+    // eslint-disable-next-line complexity
     recalcZoomAndCenter(props) {
         const coordsLength = this.coords.length;
-        const { zoom = 0 } = props;
+        const { zoom = 0, areaMargin } = props;
         if (!coordsLength) {
             return;
         }
-        let leftBottom = [Infinity, Infinity], rightTop = [-Infinity, -Infinity];
-        this.coords.forEach((point) => {
-            leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];
-            rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];
-        });
+        const utils = window.ymaps.util.bounds;
+        const [leftTop, rightBottom] = utils.fromPoints(this.coords);
         let newMapParams = {
             zoom,
             center: [],
         };
-        if (zoom) {
-            // compute only the center
-            newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);
-        }
-        else {
-            newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [this.mapRef?.clientWidth, this.mapRef?.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
+        const parsedAreaMargin = areaMargin
+            ? (0, utils_1.parseMargin)(areaMargin)
+            : [0, 0, 0, 0];
+        const hasZoom = Boolean(zoom);
+        const hasAreaMargin = parsedAreaMargin.some(Boolean);
+        const containerSize = [
+            this.mapRef?.clientWidth ?? 0,
+            this.mapRef?.clientHeight ?? 0,
+        ];
+        switch (true) {
+            case hasAreaMargin && hasZoom:
+                // calculate center and zoom in accordace with current zoom and margin
+                newMapParams = (0, utils_1.calculateMapParamsWithMarginAndZoom)([leftTop, rightBottom], zoom, parsedAreaMargin, containerSize);
+                break;
+            case hasAreaMargin:
+                // calculate center and zoom with custom margin
+                newMapParams = utils.getCenterAndZoom([leftTop, rightBottom], containerSize, undefined, { margin: areaMargin, preciseZoom: true });
+                break;
+            case hasZoom:
+                // calculate only center
+                newMapParams.center = utils.getCenter([leftTop, rightBottom]);
+                break;
+            default:
+                // calculate center and zoom with default margin
+                newMapParams = utils.getCenterAndZoom([leftTop, rightBottom], containerSize, undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
         }
         this.ymap.setCenter(newMapParams.center);
         // Use default zoom for one placemark
-        if (coordsLength > 1 && !zoom) {
-            this.ymap.setZoom(newMapParams.zoom);
+        if (coordsLength <= 1 && !hasAreaMargin && hasZoom) {
+            return;
         }
+        this.ymap.setZoom(newMapParams.zoom);
     }
     clearOldPlacemarks() {
         if (this.coords.length === 0) {

package/build/cjs/components/Map/YMap/YMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"YMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YMap.ts"],"names":[],"mappings":"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","sourcesContent":["import {YMapMarker, YMapMarkerLabel, YMapProps} from '../../../models';\nimport {Coordinate} from '../../../models/constructor-items/common';\n\nenum GeoObjectTypes {\n    Properties = 'properties',\n    Options = 'options',\n}\n\nconst DEFAULT_PLACEMARKS_COLOR = '#dc534b';\n// presetStorage: https://yandex.com/dev/maps/jsapi/doc/2.1/ref/reference/option.presetStorage.html\nconst DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';\nconst DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;\n\nconst geoObjectPropsAndOptions = {\n    iconCaption: GeoObjectTypes.Properties,\n    iconContent: GeoObjectTypes.Properties,\n    iconColor: GeoObjectTypes.Options,\n    preset: GeoObjectTypes.Options,\n};\n\ntype PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;\n\nexport class YMap {\n    private ymap: Ymaps.Map;\n    private mapRef: HTMLDivElement | null;\n    private coords: Coordinate[] = [];\n\n    constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null) {\n        this.ymap = ymap;\n        this.mapRef = mapRef;\n    }\n\n    async showPlacemarks(props: PlacemarksProps) {\n        this.clearOldPlacemarks();\n\n        for (const marker of props.markers) {\n            if (marker.address) {\n                await this.findAddress(marker);\n            } else if (marker.coordinate) {\n                this.findCoordinate(marker);\n            }\n        }\n\n        this.recalcZoomAndCenter(props);\n    }\n\n    async findAddress(marker: YMapMarker) {\n        try {\n            const res = await window.ymaps.geocode(marker.address, {results: 1});\n            const geoObject = res.geoObjects.get(0);\n            const coordinate = geoObject.geometry.getCoordinates();\n\n            this.coords.push(coordinate);\n\n            this.drawPlaceMarkStyle(geoObject, marker);\n\n            this.ymap.geoObjects.add(geoObject);\n        } catch {} // If error - placemark will not be displayed\n    }\n\n    findCoordinate(marker: YMapMarker) {\n        const geoObject = new window.ymaps.Placemark(marker.coordinate, {});\n\n        this.coords.push(marker.coordinate as Coordinate);\n        this.drawPlaceMarkStyle(geoObject, marker);\n        this.ymap.geoObjects.add(geoObject);\n    }\n\n    private drawPlaceMarkStyle(geoObject: Ymaps.GeoObject, marker: YMapMarker) {\n        const {iconColor, preset = DEFAULT_PLACEMARKS_PRESET} = marker.label || {};\n        let localIconColor: string | undefined = iconColor;\n\n        // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset\n        if (!preset.includes('Stretchy') && !iconColor) {\n            localIconColor = DEFAULT_PLACEMARKS_COLOR;\n        }\n\n        Object.entries({...marker.label, iconColor: localIconColor, preset}).forEach(\n            ([key, value]) => {\n                const geoObjectParamType: GeoObjectTypes | undefined =\n                    geoObjectPropsAndOptions[key as keyof YMapMarkerLabel];\n\n                if (value && geoObjectParamType) {\n                    geoObject[geoObjectParamType].set(key, value);\n                }\n            },\n        );\n    }\n\n    private recalcZoomAndCenter(props: PlacemarksProps) {\n        const coordsLength = this.coords.length;\n        const {zoom = 0} = props;\n\n        if (!coordsLength) {\n            return;\n        }\n\n        let leftBottom = [Infinity, Infinity],\n            rightTop = [-Infinity, -Infinity];\n\n        this.coords.forEach((point) => {\n            leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];\n            rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];\n        });\n\n        let newMapParams = {\n            zoom,\n            center: [],\n        };\n\n        if (zoom) {\n            // compute only the center\n            newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);\n        } else {\n            newMapParams = window.ymaps.util.bounds.getCenterAndZoom(\n                [leftBottom, rightTop],\n                [this.mapRef?.clientWidth, this.mapRef?.clientHeight],\n                undefined,\n                {margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT},\n            );\n        }\n\n        this.ymap.setCenter(newMapParams.center);\n\n        // Use default zoom for one placemark\n        if (coordsLength > 1 && !zoom) {\n            this.ymap.setZoom(newMapParams.zoom);\n        }\n    }\n\n    private clearOldPlacemarks() {\n        if (this.coords.length === 0) {\n            return;\n        }\n\n        this.ymap.geoObjects.removeAll();\n        this.coords = [];\n    }\n}\n"]}
+{"version":3,"file":"YMap.js","sourceRoot":"../../../../../src","sources":["components/Map/YMap/YMap.ts"],"names":[],"mappings":";;;AAGA,sCAAuF;AAEvF,IAAK,cAGJ;AAHD,WAAK,cAAc;IACf,2CAAyB,CAAA;IACzB,qCAAmB,CAAA;AACvB,CAAC,EAHI,cAAc,KAAd,cAAc,QAGlB;AAED,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAC3C,mGAAmG;AACnG,MAAM,yBAAyB,GAAG,iBAAiB,CAAC;AACpD,MAAM,iCAAiC,GAAG,EAAE,CAAC;AAE7C,MAAM,wBAAwB,GAAyD;IACnF,MAAM,EAAE,cAAc,CAAC,OAAO;IAC9B,WAAW,EAAE,cAAc,CAAC,UAAU;IACtC,WAAW,EAAE,cAAc,CAAC,UAAU;IACtC,SAAS,EAAE,cAAc,CAAC,OAAO;IACjC,aAAa,EAAE,cAAc,CAAC,OAAO;IACrC,aAAa,EAAE,cAAc,CAAC,OAAO;IACrC,eAAe,EAAE,cAAc,CAAC,OAAO;IACvC,iBAAiB,EAAE,cAAc,CAAC,OAAO;IACzC,UAAU,EAAE,cAAc,CAAC,OAAO;IAClC,SAAS,EAAE,cAAc,CAAC,OAAO;IACjC,kBAAkB,EAAE,cAAc,CAAC,OAAO;IAC1C,MAAM,EAAE,cAAc,CAAC,OAAO;CACjC,CAAC;AAIF,MAAa,IAAI;IACL,IAAI,CAAY;IAChB,MAAM,CAAwB;IAC9B,MAAM,GAAiB,EAAE,CAAC;IAElC,YAAY,IAAe,EAAE,MAA6B;QACtD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,KAAsB;QACvC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC;iBAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;gBAC3B,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,MAAyB;QACvC,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CAAC;YACrE,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACxC,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;YAEvD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAE7B,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAE3C,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC;QAAC,MAAM,CAAC,CAAA,CAAC,CAAC,6CAA6C;IAC5D,CAAC;IAED,cAAc,CAAC,MAAyB;QACpC,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAEpE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,UAAwB,CAAC,CAAC;QAClD,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;IAEO,kBAAkB,CAAC,SAA0B,EAAE,MAAyB;QAC5E,MAAM,EAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,EAAC,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QAC3E,IAAI,cAAc,GAAuB,SAAS,CAAC;QAEnD,sGAAsG;QACtG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7C,cAAc,GAAG,wBAAwB,CAAC;QAC9C,CAAC;QAED,MAAM,CAAC,OAAO,CAAC;YACX,GAAG,MAAM,CAAC,KAAK;YACf,SAAS,EAAE,cAAc;YACzB,MAAM;SACT,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxB,MAAM,kBAAkB,GACpB,wBAAwB,CAAC,GAAmC,CAAC,CAAC;YAElE,IAAI,KAAK,IAAI,kBAAkB,EAAE,CAAC;gBAC9B,SAAS,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAClD,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,sCAAsC;IAC9B,mBAAmB,CAAC,KAAsB;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACxC,MAAM,EAAC,IAAI,GAAG,CAAC,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;QAErC,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;QAEvC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAE7D,IAAI,YAAY,GAAG;YACf,IAAI;YACJ,MAAM,EAAE,EAAE;SACb,CAAC;QAEF,MAAM,gBAAgB,GAAG,UAAU;YAC/B,CAAC,CAAC,IAAA,mBAAW,EAAC,UAAU,CAAC;YACzB,CAAC,CAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAkB,CAAC;QAErC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,GAAG;YAClB,IAAI,CAAC,MAAM,EAAE,WAAW,IAAI,CAAC;YAC7B,IAAI,CAAC,MAAM,EAAE,YAAY,IAAI,CAAC;SACnB,CAAC;QAEhB,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,aAAa,IAAI,OAAO;gBACzB,sEAAsE;gBACtE,YAAY,GAAG,IAAA,2CAAmC,EAC9C,CAAC,OAAO,EAAE,WAAW,CAAC,EACtB,IAAI,EACJ,gBAAgB,EAChB,aAAa,CAChB,CAAC;gBACF,MAAM;YACV,KAAK,aAAa;gBACd,+CAA+C;gBAC/C,YAAY,GAAG,KAAK,CAAC,gBAAgB,CACjC,CAAC,OAAO,EAAE,WAAW,CAAC,EACtB,aAAa,EACb,SAAS,EACT,EAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAC,CAC1C,CAAC;gBACF,MAAM;YACV,KAAK,OAAO;gBACR,wBAAwB;gBACxB,YAAY,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;gBAC9D,MAAM;YACV;gBACI,gDAAgD;gBAChD,YAAY,GAAG,KAAK,CAAC,gBAAgB,CACjC,CAAC,OAAO,EAAE,WAAW,CAAC,EACtB,aAAa,EACb,SAAS,EACT,EAAC,MAAM,EAAE,iCAAiC,EAAC,CAC9C,CAAC;QACV,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAEzC,qCAAqC;QACrC,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,OAAO,EAAE,CAAC;YACjD,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAEO,kBAAkB;QACtB,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACrB,CAAC;CACJ;AArJD,oBAqJC","sourcesContent":["import {YMapMarkerLabelPrivate, YMapMarkerPrivate, YMapProps} from '../../../models';\nimport {Coordinate} from '../../../models/constructor-items/common';\n\nimport {ParsedMargin, calculateMapParamsWithMarginAndZoom, parseMargin} from './utils';\n\nenum GeoObjectTypes {\n    Properties = 'properties',\n    Options = 'options',\n}\n\nconst DEFAULT_PLACEMARKS_COLOR = '#dc534b';\n// presetStorage: https://yandex.com/dev/maps/jsapi/doc/2.1/ref/reference/option.presetStorage.html\nconst DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';\nconst DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;\n\nconst geoObjectPropsAndOptions: Record<keyof YMapMarkerLabelPrivate, GeoObjectTypes> = {\n    cursor: GeoObjectTypes.Options,\n    iconCaption: GeoObjectTypes.Properties,\n    iconContent: GeoObjectTypes.Properties,\n    iconColor: GeoObjectTypes.Options,\n    iconImageHref: GeoObjectTypes.Options,\n    iconImageSize: GeoObjectTypes.Options,\n    iconImageOffset: GeoObjectTypes.Options,\n    iconImageClipRect: GeoObjectTypes.Options,\n    iconLayout: GeoObjectTypes.Options,\n    iconShape: GeoObjectTypes.Options,\n    interactivityModel: GeoObjectTypes.Options,\n    preset: GeoObjectTypes.Options,\n};\n\ntype PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers' | 'areaMargin'>;\n\nexport class YMap {\n    private ymap: Ymaps.Map;\n    private mapRef: HTMLDivElement | null;\n    private coords: Coordinate[] = [];\n\n    constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null) {\n        this.ymap = ymap;\n        this.mapRef = mapRef;\n    }\n\n    async showPlacemarks(props: PlacemarksProps) {\n        this.clearOldPlacemarks();\n\n        for (const marker of props.markers) {\n            if (marker.address) {\n                await this.findAddress(marker);\n            } else if (marker.coordinate) {\n                this.findCoordinate(marker);\n            }\n        }\n\n        this.recalcZoomAndCenter(props);\n    }\n\n    async findAddress(marker: YMapMarkerPrivate) {\n        try {\n            const res = await window.ymaps.geocode(marker.address, {results: 1});\n            const geoObject = res.geoObjects.get(0);\n            const coordinate = geoObject.geometry.getCoordinates();\n\n            this.coords.push(coordinate);\n\n            this.drawPlaceMarkStyle(geoObject, marker);\n\n            this.ymap.geoObjects.add(geoObject);\n        } catch {} // If error - placemark will not be displayed\n    }\n\n    findCoordinate(marker: YMapMarkerPrivate) {\n        const geoObject = new window.ymaps.Placemark(marker.coordinate, {});\n\n        this.coords.push(marker.coordinate as Coordinate);\n        this.drawPlaceMarkStyle(geoObject, marker);\n        this.ymap.geoObjects.add(geoObject);\n    }\n\n    private drawPlaceMarkStyle(geoObject: Ymaps.GeoObject, marker: YMapMarkerPrivate) {\n        const {iconColor, preset = DEFAULT_PLACEMARKS_PRESET} = marker.label || {};\n        let localIconColor: string | undefined = iconColor;\n\n        // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset\n        if (!preset.includes('Stretchy') && !iconColor) {\n            localIconColor = DEFAULT_PLACEMARKS_COLOR;\n        }\n\n        Object.entries({\n            ...marker.label,\n            iconColor: localIconColor,\n            preset,\n        }).forEach(([key, value]) => {\n            const geoObjectParamType: GeoObjectTypes | undefined =\n                geoObjectPropsAndOptions[key as keyof YMapMarkerLabelPrivate];\n\n            if (value && geoObjectParamType) {\n                geoObject[geoObjectParamType].set(key, value);\n            }\n        });\n    }\n\n    // eslint-disable-next-line complexity\n    private recalcZoomAndCenter(props: PlacemarksProps) {\n        const coordsLength = this.coords.length;\n        const {zoom = 0, areaMargin} = props;\n\n        if (!coordsLength) {\n            return;\n        }\n\n        const utils = window.ymaps.util.bounds;\n\n        const [leftTop, rightBottom] = utils.fromPoints(this.coords);\n\n        let newMapParams = {\n            zoom,\n            center: [],\n        };\n\n        const parsedAreaMargin = areaMargin\n            ? parseMargin(areaMargin)\n            : ([0, 0, 0, 0] as ParsedMargin);\n\n        const hasZoom = Boolean(zoom);\n        const hasAreaMargin = parsedAreaMargin.some(Boolean);\n        const containerSize = [\n            this.mapRef?.clientWidth ?? 0,\n            this.mapRef?.clientHeight ?? 0,\n        ] as Coordinate;\n\n        switch (true) {\n            case hasAreaMargin && hasZoom:\n                // calculate center and zoom in accordace with current zoom and margin\n                newMapParams = calculateMapParamsWithMarginAndZoom(\n                    [leftTop, rightBottom],\n                    zoom,\n                    parsedAreaMargin,\n                    containerSize,\n                );\n                break;\n            case hasAreaMargin:\n                // calculate center and zoom with custom margin\n                newMapParams = utils.getCenterAndZoom(\n                    [leftTop, rightBottom],\n                    containerSize,\n                    undefined,\n                    {margin: areaMargin, preciseZoom: true},\n                );\n                break;\n            case hasZoom:\n                // calculate only center\n                newMapParams.center = utils.getCenter([leftTop, rightBottom]);\n                break;\n            default:\n                // calculate center and zoom with default margin\n                newMapParams = utils.getCenterAndZoom(\n                    [leftTop, rightBottom],\n                    containerSize,\n                    undefined,\n                    {margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT},\n                );\n        }\n\n        this.ymap.setCenter(newMapParams.center);\n\n        // Use default zoom for one placemark\n        if (coordsLength <= 1 && !hasAreaMargin && hasZoom) {\n            return;\n        }\n\n        this.ymap.setZoom(newMapParams.zoom);\n    }\n\n    private clearOldPlacemarks() {\n        if (this.coords.length === 0) {\n            return;\n        }\n\n        this.ymap.geoObjects.removeAll();\n        this.coords = [];\n    }\n}\n"]}

package/build/cjs/components/Map/YMap/YandexMap.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { YMapProps } from "../../../models/index.js";
-declare const YandexMap: React.FC<YMapProps>;
+declare const YandexMap: (props: YMapProps) => import("react/jsx-runtime").JSX.Element | null;
 export default YandexMap;