@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const useHeightCalculator_1 = tslib_1.__importDefault(require("../../hooks/useHeightCalculator.js"));
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('foldable-block');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import useHeightCalculator from '../../hooks/useHeightCalculator';
+import { block, getQaAttrubutes } from '../../utils';
+const b = block('foldable-block');
 const Foldable = ({ isOpened, children, className, qa }) => {
-    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa);
+    const qaAttributes = getQaAttrubutes(qa);
     const blockRef = React.useRef(null);
     const contentRef = React.useRef(null);
-    const contentHeight = (0, useHeightCalculator_1.default)(contentRef);
+    const contentHeight = useHeightCalculator(contentRef);
     React.useEffect(() => {
         if (blockRef && blockRef.current) {
             blockRef.current.style.height = isOpened && contentHeight ? `${contentHeight}px` : '0';
         }
     }, [isOpened, contentHeight]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default, children: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container, children: children }) }));
+    return (_jsx("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default, children: _jsx("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container, children: children }) }));
 };
-exports.default = Foldable;
-//# sourceMappingURL=Foldable.js.map
+export default Foldable;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps } from "../../models/index.js";
+import { ClassNameProps } from '../../models';
 export interface FullWidthBackgroundProps extends ClassNameProps {
     style?: React.CSSProperties;
     theme?: 'default' | 'rounded';

package/build/cjs/components/FullWidthBackground/FullWidthBackground.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const constants_1 = require("../../constants.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('FullWidthBackground');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import debounce from 'lodash/debounce';
+import { BREAKPOINTS } from '../../constants';
+import { block } from '../../utils';
+const b = block('FullWidthBackground');
 function getPadding(width) {
-    return width > constants_1.BREAKPOINTS.sm ? 16 : 8;
+    return width > BREAKPOINTS.sm ? 16 : 8;
 }
-class FullWidthBackground extends React.Component {
+export default class FullWidthBackground extends React.Component {
     constructor() {
         super(...arguments);
         this.ref = React.createRef();
-        this.setBg = (0, debounce_1.default)(() => {
+        this.setBg = debounce(() => {
             var _a, _b;
             if (this.ref && this.ref.current) {
                 const bg = this.ref.current;
@@ -39,8 +36,6 @@ class FullWidthBackground extends React.Component {
     }
     render() {
         const { children, className, style, theme = 'default' } = this.props;
-        return ((0, jsx_runtime_1.jsx)("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style, children: children }));
+        return (_jsx("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style, children: children }));
     }
 }
-exports.default = FullWidthBackground;
-//# sourceMappingURL=FullWidthBackground.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageProps } from "../Image/Image.js";
+import { ImageProps } from '../Image/Image';
 export interface FullscreenImageProps extends ImageProps {
     imageClassName?: string;
     modalImageClass?: string;

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

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = 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 i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('fullscreen-image');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
+import { Icon, Modal } from '@gravity-ui/uikit';
+import { block } from '../../utils';
+import Image from '../Image/Image';
+import { i18n } from './i18n';
+const b = block('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const FullscreenImage = (props) => {
-    const { imageClassName, modalImageClass, imageStyle, alt = (0, i18n_1.i18n)('img-alt'), extraProps } = props;
+    const { imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps } = props;
     const [isOpened, setIsOpened] = React.useState(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: b() }, extraProps, { children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), (0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [(0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), (0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
+    return (_jsxs("div", Object.assign({ className: b() }, extraProps, { children: [_jsxs("div", { className: b('image-wrapper'), children: [_jsx(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), _jsx("button", { className: b('icon-wrapper'), onClick: openModal, children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close'), children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), _jsx(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
 };
-exports.default = FullscreenImage;
-//# sourceMappingURL=FullscreenImage.js.map
+export default FullscreenImage;

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

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}FullscreenImage`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FullscreenImage`);

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

@@ -1,4 +1,4 @@
-import { MediaAllProps } from "../Media/Media.js";
+import { MediaAllProps } from '../Media/Media';
 export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullscreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className' | 'previewImg' | 'autoplay'>;
 export interface FullscreenMediaProps {
     showFullscreenIcon?: boolean;

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

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('full-screen-media');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
+import { Button, Icon, Modal } from '@gravity-ui/uikit';
+import { MobileContext } from '../../context/mobileContext';
+import { block } from '../../utils';
+const b = block('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const getMediaClass = (type) => b('modal-media', { type });
 const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     const [isOpened, setIsOpened] = React.useState(false);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const openModal = (e) => {
         e.stopPropagation();
         setIsOpened(true);
@@ -22,7 +19,7 @@ const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     if (isMobile) {
         return children();
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('media-wrapper'), onClickCapture: openModal, children: [children({ className: b('inline-media') }), showFullscreenIcon && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) }))] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), children({
+    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('media-wrapper'), onClickCapture: openModal, children: [children({ className: b('inline-media') }), showFullscreenIcon && (_jsx(Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l', children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) }))] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx(Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l', children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), children({
                         imageClassName: getMediaClass('image'),
                         videoClassName: getMediaClass('video'),
                         youtubeClassName: getMediaClass('youtube'),
@@ -31,5 +28,4 @@ const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
                         autoplay: true,
                     })] }))] }));
 };
-exports.default = FullscreenMedia;
-//# sourceMappingURL=FullscreenMedia.js.map
+export default FullscreenMedia;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { QAProps } from "../../models/common.js";
+import { QAProps } from '../../models/common';
 export interface HTMLProps {
     children?: string;
     block?: boolean;

package/build/cjs/components/HTML/HTML.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils/index.js");
+import * as React from 'react';
+import { hasBlockTag } from '../../utils';
 const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
     if (!children) {
         return null;
     }
-    return React.createElement(block || (0, utils_1.hasBlockTag)(children) ? 'div' : 'span', {
+    return React.createElement(block || hasBlockTag(children) ? 'div' : 'span', {
         dangerouslySetInnerHTML: { __html: children },
         className,
         itemProp,
@@ -15,5 +12,4 @@ const HTML = ({ children, block = false, className, itemProp, id, qa, }) => {
         'data-qa': qa,
     });
 };
-exports.default = HTML;
-//# sourceMappingURL=HTML.js.map
+export default HTML;

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

@@ -1,2 +1,2 @@
-import { HeaderBreadCrumbsProps } from "../../models/index.js";
+import { HeaderBreadCrumbsProps } from '../../models';
 export default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = HeaderBreadcrumbs;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('header-breadcrumbs');
-function HeaderBreadcrumbs(props) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames } from '../../models';
+import { block } from '../../utils';
+import { i18n } from './i18n';
+const b = block('header-breadcrumbs');
+export default function HeaderBreadcrumbs(props) {
     const { items, theme = 'light', className, analyticsEvents } = props;
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Breadcrumb);
+    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
     const onClick = React.useCallback(() => {
         handleAnalytics(analyticsEvents);
     }, [analyticsEvents, handleAnalytics]);
-    return ((0, jsx_runtime_1.jsx)("nav", { className: b({ theme }, className), "aria-label": (0, i18n_1.i18n)('label'), children: (0, jsx_runtime_1.jsx)("ol", { className: b('list'), children: items === null || items === void 0 ? void 0 : items.map(({ url, text }) => ((0, jsx_runtime_1.jsxs)("li", { className: b('item'), children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: b('text'), onClick: onClick, children: text }), (0, jsx_runtime_1.jsx)("span", { className: b('separator'), "aria-hidden": true, children: "/" })] }, url))) }) }));
+    return (_jsx("nav", { className: b({ theme }, className), "aria-label": i18n('label'), children: _jsx("ol", { className: b('list'), children: items === 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))) }) }));
 }
-//# sourceMappingURL=HeaderBreadcrumbs.js.map

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

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}HeaderBreadcrumbs`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}HeaderBreadcrumbs`);

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

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

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

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const 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-wrapper');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from '../../utils';
+import Image from '../Image/Image';
+import { getMediaImage } from '../Media/Image/utils';
+const b = block('icon-wrapper');
 const IconWrapper = (props) => {
     const { icon, children, className } = props;
     if (!icon) {
-        return (0, jsx_runtime_1.jsx)(React.Fragment, { children: children });
+        return _jsx(React.Fragment, { children: children });
     }
-    const iconProps = (0, utils_2.getMediaImage)(icon.value);
+    const iconProps = getMediaImage(icon.value);
     const iconPosition = icon === null || icon === void 0 ? void 0 : 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, Object.assign({}, 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 })] }));
+    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 })] }));
 };
-exports.default = IconWrapper;
-//# sourceMappingURL=IconWrapper.js.map
+export default IconWrapper;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageDeviceProps, ImageObjectProps, QAProps } from "../../models/index.js";
+import { ImageDeviceProps, ImageObjectProps, QAProps } from '../../models';
 export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps>, QAProps {
     style?: React.CSSProperties;
     className?: string;

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

@@ -1,31 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../constants.js");
-const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
-const utils_1 = require("../../utils/index.js");
-const imageCompress_1 = require("../../utils/imageCompress.js");
-const ImageBase_1 = tslib_1.__importDefault(require("../ImageBase/ImageBase.js"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React 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, }) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [!disableWebp && ((0, jsx_runtime_1.jsx)("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })), (0, jsx_runtime_1.jsx)("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })] }));
+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 Image = (props) => {
-    const projectSettings = React.useContext(projectSettingsContext_1.ProjectSettingsContext);
+    const projectSettings = React.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 src = imageSrc || desktop;
     if (!src) {
         return null;
     }
-    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'mobile-webp-source', 'mobile-source', 'tablet-webp-source', 'tablet-source', 'desktop-source-compressed');
+    const qaAttributes = getQaAttrubutes(qa, 'mobile-webp-source', 'mobile-source', 'tablet-webp-source', 'tablet-source', 'desktop-source-compressed');
     const disableWebp = projectSettings.disableCompress ||
         disableCompress ||
-        !(0, imageCompress_1.isCompressible)(src) ||
+        !isCompressible(src) ||
         imgLoadingError;
-    return ((0, jsx_runtime_1.jsxs)("picture", { className: containerClassName, "data-qa": qa, children: [mobile && ((0, jsx_runtime_1.jsx)(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.sm, qa: qaAttributes.mobileSource })), tablet && ((0, jsx_runtime_1.jsx)(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.md, qa: qaAttributes.tabletSource })), src && !disableWebp && ((0, jsx_runtime_1.jsx)("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })), (0, jsx_runtime_1.jsx)(ImageBase_1.default, { className: className, alt: alt, src: src, style: style, fetchPriority: fetchPriority, loading: loading, onClick: onClick, onError: () => setImgLoadingError(true), onLoad: onLoad })] }));
+    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 })] }));
 };
-exports.default = Image;
-//# sourceMappingURL=Image.js.map
+export default Image;

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackgroundImageProps = exports.ImageProps = exports.ImageObjectProps = exports.ImageBaseObjectProps = exports.ImageDeviceProps = exports.imageUrlPattern = void 0;
-const utils_1 = require("../../schema/validators/utils.js");
-exports.imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
+import { filteredItem } from '../../schema/validators/utils';
+export const imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
 const ImageBase = {
     alt: {
         type: 'string',
@@ -31,52 +28,51 @@ const StyleBase = {
         color: { type: 'string' },
     },
 };
-exports.ImageDeviceProps = {
+export const ImageDeviceProps = {
     type: 'object',
     additionalProperties: false,
     required: ['desktop', 'mobile'],
-    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: exports.imageUrlPattern }, tablet: {
+    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: imageUrlPattern }, tablet: {
             type: 'string',
-            pattern: exports.imageUrlPattern,
+            pattern: imageUrlPattern,
         }, mobile: {
             type: 'string',
-            pattern: exports.imageUrlPattern,
+            pattern: imageUrlPattern,
         } }),
 };
-exports.ImageBaseObjectProps = {
+export const ImageBaseObjectProps = {
     type: 'object',
     additionalProperties: false,
     properties: Object.assign(Object.assign({}, ImageBase), { src: {
             type: 'string',
-            pattern: exports.imageUrlPattern,
+            pattern: imageUrlPattern,
         }, style: StyleBase }),
 };
-exports.ImageObjectProps = Object.assign(Object.assign({}, exports.ImageBaseObjectProps), { required: ['src'] });
-exports.ImageProps = {
+export const ImageObjectProps = Object.assign(Object.assign({}, ImageBaseObjectProps), { required: ['src'] });
+export const ImageProps = {
     oneOf: [
         {
             type: 'string',
-            pattern: exports.imageUrlPattern,
+            pattern: imageUrlPattern,
             optionName: 'url',
         },
-        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageObjectProps), { optionName: 'options' })),
-        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageDeviceProps), { optionName: 'device options' })),
+        filteredItem(Object.assign(Object.assign({}, ImageObjectProps), { optionName: 'options' })),
+        filteredItem(Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' })),
         {
             type: 'array',
-            items: (0, utils_1.filteredItem)(Object.assign({}, exports.ImageObjectProps)),
+            items: filteredItem(Object.assign({}, ImageObjectProps)),
             optionName: 'options list',
         },
         {
             type: 'array',
-            items: (0, utils_1.filteredItem)(Object.assign({}, exports.ImageDeviceProps)),
+            items: filteredItem(Object.assign({}, ImageDeviceProps)),
             optionName: 'device options list',
         },
     ],
 };
-exports.BackgroundImageProps = {
+export const BackgroundImageProps = {
     anyOf: [
-        Object.assign(Object.assign({}, exports.ImageBaseObjectProps), { optionName: 'options' }),
-        Object.assign(Object.assign({}, exports.ImageDeviceProps), { optionName: 'device options' }),
+        Object.assign(Object.assign({}, ImageBaseObjectProps), { optionName: 'options' }),
+        Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' }),
     ],
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageObjectProps } from "../../models/index.js";
+import { ImageObjectProps } from '../../models';
 export interface ImageBaseProps extends Partial<ImageObjectProps> {
     style?: React.CSSProperties;
     className?: string;

package/build/cjs/components/ImageBase/ImageBase.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageBase = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const imageContext_1 = require("../../context/imageContext/imageContext.js");
-const ImageBase = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { ImageContext } from '../../context/imageContext/imageContext';
+export const ImageBase = (_a) => {
     var { fetchPriority, alt } = _a, props = tslib_1.__rest(_a, ["fetchPriority", "alt"]);
-    const { Image } = React.useContext(imageContext_1.ImageContext);
-    return Image ? ((0, jsx_runtime_1.jsx)(Image, Object.assign({ fetchPriority: fetchPriority, alt: alt }, props))) : (
+    const { Image } = React.useContext(ImageContext);
+    return Image ? (_jsx(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.
-    (0, jsx_runtime_1.jsx)("img", Object.assign({ fetchpriority: fetchPriority, alt: alt }, props)));
+    _jsx("img", Object.assign({ fetchPriority: fetchPriority, alt: alt }, props)));
 };
-exports.ImageBase = ImageBase;
-exports.default = exports.ImageBase;
-//# sourceMappingURL=ImageBase.js.map
+export default ImageBase;

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

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

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

@@ -1,35 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const __1 = require("../index.js");
-const FormsContext_1 = require("../../context/formsContext/FormsContext.js");
-const theme_1 = require("../../context/theme/index.js");
-const models_1 = require("../../models/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React 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_1.FormsContext);
-    const theme = (0, theme_1.useTheme)();
+    const formsConfig = React.useContext(FormsContext);
+    const theme = useTheme();
     React.useEffect(() => {
-        if ((0, models_1.isHubspotDataForm)(formData)) {
+        if (isHubspotDataForm(formData)) {
             onContentLoad();
         }
     }, [onContentLoad, formData]);
-    if ((0, models_1.isYandexDataForm)(formData)) {
-        const _a = (0, utils_1.getThemedValue)(formData.yandex, theme), { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
-        return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(__1.YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
+    if (isYandexDataForm(formData)) {
+        const _a = getThemedValue(formData.yandex, theme), { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
+        return (_jsx("div", { className: className, children: _jsx(YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
                 } })) }));
     }
-    if ((0, models_1.isHubspotDataForm)(formData)) {
-        const themedFormData = (0, utils_1.getThemedValue)(formData.hubspot, theme);
-        return ((0, jsx_runtime_1.jsx)(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
+    if (isHubspotDataForm(formData)) {
+        const themedFormData = getThemedValue(formData.hubspot, theme);
+        return (_jsx(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
     }
     return null;
 };
-exports.default = InnerForm;
-//# sourceMappingURL=InnerForm.js.map
+export default InnerForm;

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

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