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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { QAProps } from "../../models/common.js";
+import React from 'react';
+import { QAProps } from '../../models/common';
 export interface HTMLProps {
     children?: string;
     block?: boolean;
@@ -9,7 +9,7 @@ export interface HTMLProps {
 }
 declare const HTML: ({ children, block, className, itemProp, id, qa, }: React.PropsWithChildren<HTMLProps & QAProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
-        __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & Iterable<React.ReactNode>) | (string & React.ReactPortal);
+        __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
     };
     className: string | undefined;
     itemProp: string | undefined;

package/build/esm/components/HTML/HTML.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { hasBlockTag } from "../../utils/index.js";
+import React from 'react';
+import { hasBlockTag } from '../../utils';
 const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
     if (!children) {
         return null;
@@ -13,4 +13,3 @@ const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
     });
 };
 export default HTML;
-//# sourceMappingURL=HTML.js.map

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

@@ -1,3 +1,4 @@
-import { HeaderBreadCrumbsProps } from "../../models/index.js";
+/// <reference types="react" />
+import { HeaderBreadCrumbsProps } from '../../models';
 import './HeaderBreadcrumbs.css';
-export default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps): import("react/jsx-runtime").JSX.Element;
+export default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps): JSX.Element;

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

@@ -1,17 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useAnalytics } from "../../hooks/index.js";
-import { DefaultEventNames } from "../../models/index.js";
-import { block } from "../../utils/index.js";
-import { i18n } from "./i18n/index.js";
+import React, { useCallback } from 'react';
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames } from '../../models';
+import { block } from '../../utils';
+import { i18n } from './i18n';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
     const { items, theme = 'light', className, analyticsEvents } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
-    const onClick = React.useCallback(() => {
+    const onClick = 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 (React.createElement("nav", { className: b({ theme }, className), "aria-label": i18n('label') },
+        React.createElement("ol", { className: b('list') }, items === null || items === void 0 ? void 0 : items.map(({ url, text }) => (React.createElement("li", { className: b('item'), key: url },
+            React.createElement("a", { href: url, className: b('text'), onClick: onClick }, text),
+            React.createElement("span", { className: b('separator'), "aria-hidden": true }, "/")))))));
 }
-//# sourceMappingURL=HeaderBreadcrumbs.js.map

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

@@ -1,5 +1 @@
-export declare const i18n: ((key: "label", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-HeaderBreadcrumbs": Record<"label", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import type { ClassNameProps, IconWrapperProps } from "../../models/index.js";
+import { PropsWithChildren } from 'react';
+import type { ClassNameProps, IconWrapperProps } from '../../models';
 import './IconWrapper.css';
-declare const IconWrapper: (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconWrapper: (props: PropsWithChildren<IconWrapperProps> & ClassNameProps) => JSX.Element;
 export default IconWrapper;

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

@@ -1,18 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from "../../utils/index.js";
-import Image from "../Image/Image.js";
-import { getMediaImage } from "../Media/Image/utils.js";
+import React, { Fragment } from 'react';
+import { block } from '../../utils';
+import Image from '../Image/Image';
+import { getMediaImage } from '../Media/Image/utils';
 import './IconWrapper.css';
 const b = block('icon-wrapper');
 const IconWrapper = (props) => {
     const { icon, children, className } = props;
     if (!icon) {
-        return _jsx(React.Fragment, { children: children });
+        return React.createElement(Fragment, null, 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 })] }));
+    return (React.createElement("div", { className: b({ ['icon-position']: iconPosition }, className) },
+        iconProps && (React.createElement(Image, Object.assign({}, iconProps, { containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) }))),
+        React.createElement("div", { className: b('content', { ['icon-position']: iconPosition }) }, children)));
 };
 export default IconWrapper;
-//# sourceMappingURL=IconWrapper.js.map

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

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ImageDeviceProps, ImageObjectProps, QAProps } from "../../models/index.js";
+import { CSSProperties, MouseEventHandler, ReactEventHandler } from 'react';
+import { ImageDeviceProps, ImageObjectProps, QAProps } from '../../models';
 export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps>, QAProps {
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     className?: string;
-    onClick?: React.MouseEventHandler;
-    onLoad?: React.ReactEventHandler<HTMLDivElement>;
+    onClick?: MouseEventHandler;
+    onLoad?: ReactEventHandler<HTMLDivElement>;
     containerClassName?: string;
 }
 export interface DeviceSpecificFragmentProps extends QAProps {
@@ -12,5 +12,5 @@ export interface DeviceSpecificFragmentProps extends QAProps {
     src: string;
     breakpoint: number;
 }
-declare const Image: (props: ImageProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

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

@@ -1,18 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { BREAKPOINTS } from "../../constants.js";
-import { ProjectSettingsContext } from "../../context/projectSettingsContext/index.js";
-import { getQaAttrubutes } from "../../utils/index.js";
-import { isCompressible } from "../../utils/imageCompress.js";
-import ImageBase from "../ImageBase/ImageBase.js";
+import React, { Fragment, useContext, useState, } from 'react';
+import { BREAKPOINTS } from '../../constants';
+import { ProjectSettingsContext } from '../../context/projectSettingsContext';
+import { getQaAttrubutes } from '../../utils';
+import { isCompressible } from '../../utils/imageCompress';
+import ImageBase from '../ImageBase/ImageBase';
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
-const DeviceSpecificFragment = ({ disableWebp, src, breakpoint, qa, }) => (_jsxs(React.Fragment, { children: [!disableWebp && (_jsx("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })), _jsx("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })] }));
+const DeviceSpecificFragment = ({ disableWebp, src, breakpoint, qa, }) => (React.createElement(Fragment, null,
+    !disableWebp && (React.createElement("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })),
+    React.createElement("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })));
 const Image = (props) => {
-    const projectSettings = React.useContext(ProjectSettingsContext);
+    const projectSettings = useContext(ProjectSettingsContext);
     const { src: imageSrc, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, onLoad, containerClassName, qa, fetchPriority, loading, } = props;
-    const [imgLoadingError, setImgLoadingError] = React.useState(false);
+    const [imgLoadingError, setImgLoadingError] = useState(false);
     const src = imageSrc || desktop;
     if (!src) {
         return null;
@@ -22,7 +23,10 @@ const Image = (props) => {
         disableCompress ||
         !isCompressible(src) ||
         imgLoadingError;
-    return (_jsxs("picture", { className: containerClassName, "data-qa": qa, children: [mobile && (_jsx(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: BREAKPOINTS.sm, qa: qaAttributes.mobileSource })), tablet && (_jsx(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: BREAKPOINTS.md, qa: qaAttributes.tabletSource })), src && !disableWebp && (_jsx("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })), _jsx(ImageBase, { className: className, alt: alt, src: src, style: style, fetchPriority: fetchPriority, loading: loading, onClick: onClick, onError: () => setImgLoadingError(true), onLoad: onLoad })] }));
+    return (React.createElement("picture", { className: containerClassName, "data-qa": qa },
+        mobile && (React.createElement(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: BREAKPOINTS.sm, qa: qaAttributes.mobileSource })),
+        tablet && (React.createElement(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: BREAKPOINTS.md, qa: qaAttributes.tabletSource })),
+        src && !disableWebp && (React.createElement("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })),
+        React.createElement(ImageBase, { className: className, alt: alt, src: src, style: style, fetchPriority: fetchPriority, loading: loading, onClick: onClick, onError: () => setImgLoadingError(true), onLoad: onLoad })));
 };
 export default Image;
-//# sourceMappingURL=Image.js.map

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

@@ -1,4 +1,4 @@
-import { filteredItem } from "../../schema/validators/utils.js";
+import { filteredItem } from '../../schema/validators/utils';
 export const imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
 const ImageBase = {
     alt: {
@@ -76,4 +76,3 @@ export const BackgroundImageProps = {
         Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' }),
     ],
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { ImageObjectProps } from "../../models/index.js";
+import { CSSProperties, MouseEventHandler, ReactEventHandler } from 'react';
+import { ImageObjectProps } from '../../models';
 export interface ImageBaseProps extends Partial<ImageObjectProps> {
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     className?: string;
-    onClick?: React.MouseEventHandler;
-    onLoad?: React.ReactEventHandler<HTMLDivElement>;
+    onClick?: MouseEventHandler;
+    onLoad?: ReactEventHandler<HTMLDivElement>;
     onError?: () => void;
 }
-export declare const ImageBase: ({ fetchPriority, alt, ...props }: ImageBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBase: ({ fetchPriority, alt, ...props }: ImageBaseProps) => JSX.Element;
 export default ImageBase;

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";
+import React from 'react';
+import { ImageContext } from '../../context/imageContext/imageContext';
 export const ImageBase = (_a) => {
     var { fetchPriority, alt } = _a, props = __rest(_a, ["fetchPriority", "alt"]);
     const { Image } = React.useContext(ImageContext);
-    return Image ? (_jsx(Image, Object.assign({ fetchPriority: fetchPriority, alt: alt }, props))) : (
+    return Image ? (React.createElement(Image, Object.assign({ 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)));
+    React.createElement("img", Object.assign({}, { fetchpriority: fetchPriority }, { alt: alt }, props)));
 };
 export default ImageBase;
-//# sourceMappingURL=ImageBase.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { FormBlockData } from "../../models/index.js";
+import React from 'react';
+import { FormBlockData } from '../../models';
 interface InnerFormProps {
     formData: FormBlockData;
     onContentLoad: () => void;

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

@@ -1,33 +1,32 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { YandexForm } from "../index.js";
-import { FormsContext, } from "../../context/formsContext/FormsContext.js";
-import { useTheme } from "../../context/theme/index.js";
-import { isHubspotDataForm, isYandexDataForm } from "../../models/index.js";
-import { HubspotForm } from "../../sub-blocks/index.js";
-import { getThemedValue } from "../../utils/index.js";
+import React, { useContext, useEffect } from 'react';
+import { YandexForm } from '..';
+import { FormsContext, } from '../../context/formsContext/FormsContext';
+import { useTheme } from '../../context/theme';
+import { isHubspotDataForm, isYandexDataForm } from '../../models';
+import { HubspotForm } from '../../sub-blocks';
+import { getThemedValue } from '../../utils';
 const InnerForm = (props) => {
     const { formData, onContentLoad, className } = props;
-    const formsConfig = React.useContext(FormsContext);
+    const formsConfig = useContext(FormsContext);
     const theme = useTheme();
-    React.useEffect(() => {
+    useEffect(() => {
         if (isHubspotDataForm(formData)) {
             onContentLoad();
         }
     }, [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: () => {
+        return (React.createElement("div", { className: className },
+            React.createElement(YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-                } })) }));
+                } }))));
     }
     if (isHubspotDataForm(formData)) {
         const themedFormData = getThemedValue(formData.hubspot, theme);
-        return (_jsx(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
+        return (React.createElement(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
     }
     return null;
 };
 export default InnerForm;
-//# sourceMappingURL=InnerForm.js.map

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

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

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

@@ -1,14 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { Fragment, useContext } from 'react';
 import { ChevronRight } from '@gravity-ui/icons';
 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 { block, getLinkProps, getQaAttrubutes, setUrlTld } from "../../utils/index.js";
-import BackLink from "../BackLink/BackLink.js";
-import FileLink from "../FileLink/FileLink.js";
+import { LocaleContext } from '../../context/localeContext';
+import { LocationContext } from '../../context/locationContext';
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames } from '../../models';
+import { block, getLinkProps, setUrlTld } from '../../utils';
+import { getQaAttrubutes } from '../../utils/index';
+import BackLink from '../BackLink/BackLink';
+import FileLink from '../FileLink/FileLink';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';
@@ -28,8 +28,8 @@ 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']);
     const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);
-    const { hostname } = React.useContext(LocationContext);
-    const { tld } = React.useContext(LocaleContext);
+    const { hostname } = useContext(LocationContext);
+    const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
@@ -38,20 +38,22 @@ const LinkBlock = (props) => {
     const getLinkByType = () => {
         switch (theme) {
             case 'back':
-                return (_jsx(BackLink, { title: children || text, url: href, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
+                return (React.createElement(BackLink, { title: children || text, url: href, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
             case 'file-link':
             case 'underline':
-                return (_jsx(FileLink, { text: children || text, href: href, type: "horizontal", textSize: textSize, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
+                return (React.createElement(FileLink, { text: children || text, href: href, type: "horizontal", textSize: textSize, onClick: onClick, tabIndex: tabIndex, extraProps: extraProps }));
             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 (React.createElement("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), arrow ? (React.createElement(Fragment, null,
+                    React.createElement("span", { className: b('content') }, content),
+                    WORD_JOINER_SYM,
+                    React.createElement(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 (React.createElement("div", { className: b({ size: textSize || defaultTextSize }, className) }, getLinkByType()));
 };
 export default LinkBlock;
-//# sourceMappingURL=Link.js.map

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

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

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

@@ -1,7 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { block } from "../../utils/index.js";
-import Link from "../Link/Link.js";
+import React from 'react';
+import { block } from '../../utils';
+import Link from '../Link/Link';
 import './Links.css';
 const b = block('links');
 function getLinkSize(size) {
@@ -13,6 +12,5 @@ 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 ? (React.createElement("div", { className: b({ size }, className), "data-qa": qa }, links === null || links === void 0 ? void 0 : links.map((link) => (React.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;
 export default Links;
-//# sourceMappingURL=Links.js.map

package/build/esm/components/Map/GoogleMap.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { GMapProps } from "../../models/index.js";
+import React from 'react';
+import { GMapProps } from '../../models';
 declare const GoogleMap: React.FC<GMapProps>;
 export default GoogleMap;

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

@@ -1,12 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Lang } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
-import { LocaleContext } from "../../context/localeContext/localeContext.js";
-import { MapsContext } from "../../context/mapsContext/mapsContext.js";
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { block } from "../../utils/index.js";
-import { getMapHeight } from "./helpers.js";
+import { LocaleContext } from '../../context/localeContext/localeContext';
+import { MapsContext } from '../../context/mapsContext/mapsContext';
+import { MobileContext } from '../../context/mobileContext';
+import { block } from '../../utils';
+import { getMapHeight } from './helpers';
 const b = block('map');
 function getScriptSrc(params) {
     const { apiKey, scriptSrc, address, lang, zoom } = params;
@@ -14,13 +13,13 @@ function getScriptSrc(params) {
 }
 const GoogleMap = (props) => {
     const { address, zoom, className } = props;
-    const { apiKey, scriptSrc } = React.useContext(MapsContext);
-    const { lang = Lang.Ru } = React.useContext(LocaleContext);
-    const isMobile = React.useContext(MobileContext);
-    const [height, setHeight] = React.useState(undefined);
-    const ref = React.useRef(null);
-    const src = React.useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
-    React.useEffect(() => {
+    const { apiKey, scriptSrc } = useContext(MapsContext);
+    const { lang = Lang.Ru } = useContext(LocaleContext);
+    const isMobile = useContext(MobileContext);
+    const [height, setHeight] = useState(undefined);
+    const ref = useRef(null);
+    const src = useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
+    useEffect(() => {
         const updateSize = debounce(() => {
             if (ref.current) {
                 setHeight(Math.round(getMapHeight(ref.current.offsetWidth, isMobile)));
@@ -35,9 +34,8 @@ const GoogleMap = (props) => {
     if (!apiKey || !address) {
         return null;
     }
-    return (_jsx("iframe", { className: b(null, className), ref: ref, style: {
+    return (React.createElement("iframe", { className: b(null, className), ref: ref, style: {
             height,
         }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
 };
 export default GoogleMap;
-//# sourceMappingURL=GoogleMap.js.map

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

@@ -1,4 +1,4 @@
-import { MapProps } from "../../models/index.js";
+import { MapProps } from '../../models';
 import './Map.css';
-export declare const Map: (props: MapProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Map: (props: MapProps) => JSX.Element | null;
 export default Map;

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

@@ -1,19 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { MapType, MapsContext } from "../../context/mapsContext/mapsContext.js";
-import GoogleMap from "./GoogleMap.js";
-import YandexMap from "./YMap/YandexMap.js";
+import React, { useContext } from 'react';
+import { MapType, MapsContext } from '../../context/mapsContext/mapsContext';
+import GoogleMap from './GoogleMap';
+import YandexMap from './YMap/YandexMap';
 import './Map.css';
 export const Map = (props) => {
-    const { type } = React.useContext(MapsContext);
+    const { type } = useContext(MapsContext);
     switch (type) {
         case MapType.Yandex:
-            return _jsx(YandexMap, Object.assign({}, props));
+            return React.createElement(YandexMap, Object.assign({}, props));
         case MapType.Google:
-            return _jsx(GoogleMap, Object.assign({}, props));
+            return React.createElement(GoogleMap, Object.assign({}, props));
         default:
             return null;
     }
 };
 export default Map;
-//# sourceMappingURL=Map.js.map

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

@@ -1,4 +1,4 @@
-import { YMapMarker, YMapProps } from "../../../models/index.js";
+import { YMapMarker, YMapProps } from '../../../models';
 type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;
 export declare class YMap {
     private ymap;

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

@@ -99,4 +99,3 @@ export class YMap {
         this.coords = [];
     }
 }
-//# sourceMappingURL=YMap.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { YMapProps } from "../../../models/index.js";
+import React from 'react';
+import { YMapProps } from '../../../models';
 declare const YandexMap: React.FC<YMapProps>;
 export default YandexMap;