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

package/build/esm/components/UnpublishedLabel/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}UnpublishedLabel`);
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AnalyticsEventsBase } from "../../models/common.js";
+import React from 'react';
+import { AnalyticsEventsBase } from '../../models/common';
 import './VideoBlock.css';
 export declare const AUTOPLAY_ATTRIBUTES: {
     autoplay: number;
@@ -21,5 +21,5 @@ export interface VideoBlockProps extends AnalyticsEventsBase {
     autoplay?: boolean;
     onImageLoad?: () => void;
 }
-declare const VideoBlock: (props: VideoBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const VideoBlock: (props: VideoBlockProps) => JSX.Element | null;
 export default VideoBlock;

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,14 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { PlayFill } from '@gravity-ui/icons';
 import { Icon, useActionHandlers, useUniqId } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
 import { v4 as uuidv4 } from 'uuid';
-import { useAnalytics } from "../../hooks/useAnalytics.js";
-import { DefaultEventNames } from "../../models/common.js";
-import { block, getPageSearchParams } from "../../utils/index.js";
-import Image from "../Image/Image.js";
-import { i18n } from "./i18n/index.js";
+import { useAnalytics } from '../../hooks/useAnalytics';
+import { DefaultEventNames } from '../../models/common';
+import { block, getPageSearchParams } from '../../utils';
+import Image from '../Image/Image';
+import { i18n } from './i18n';
 import './VideoBlock.css';
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
@@ -44,13 +43,13 @@ const VideoBlock = (props) => {
     const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.VideoPreview);
     const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);
-    const ref = React.useRef(null);
-    const [hidePreview, setHidePreview] = React.useState(false);
-    const [currentHeight, setCurrentHeight] = React.useState(height || undefined);
-    const fullId = React.useMemo(() => id || uuidv4(), [id]);
+    const ref = useRef(null);
+    const [hidePreview, setHidePreview] = useState(false);
+    const [currentHeight, setCurrentHeight] = useState(height || undefined);
+    const fullId = useMemo(() => id || uuidv4(), [id]);
     const buttonId = useUniqId();
-    const [isPlaying, setIsPlaying] = React.useState(!previewImg);
-    const iframeSrc = React.useMemo(() => {
+    const [isPlaying, setIsPlaying] = useState(!previewImg);
+    const iframeSrc = useMemo(() => {
         if (src && isPlaying) {
             try {
                 const url = new URL(src);
@@ -66,13 +65,13 @@ const VideoBlock = (props) => {
         }
         return undefined;
     }, [attributes, autoplay, isPlaying, previewImg, src]);
-    const onPreviewClick = React.useCallback(() => {
+    const onPreviewClick = useCallback(() => {
         handleAnalytics(analyticsEvents);
         setIsPlaying(true);
         setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
     }, [handleAnalytics, analyticsEvents]);
     const { onKeyDown: onPreviewKeyDown } = useActionHandlers(onPreviewClick);
-    React.useEffect(() => {
+    useEffect(() => {
         const updateSize = debounce(() => {
             setCurrentHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);
         }, 100);
@@ -82,16 +81,20 @@ const VideoBlock = (props) => {
             window.removeEventListener('resize', updateSize);
         };
     }, [height]);
-    const iframeContent = React.useMemo(() => {
-        return (_jsx("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: i18n('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
+    const iframeContent = useMemo(() => {
+        return (React.createElement("iframe", { id: fullId, src: iframeSrc, width: "100%", height: "100%", title: i18n('iframe-title'), frameBorder: "0", allowFullScreen: true, allow: "autoplay; fullscreen; encrypted-media; accelerometer; gyroscope; picture-in-picture; clipboard-write; web-share; screen-wake-lock", loading: "lazy" }));
     }, [fullId, iframeSrc]);
-    React.useEffect(() => {
+    useEffect(() => {
         setHidePreview(false);
     }, [src]);
     if (!src) {
         return null;
     }
-    return (_jsxs("div", { className: b(null, className), style: { height: currentHeight }, ref: ref, children: [iframeContent, previewImg && !hidePreview && !fullscreen && (_jsxs("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId, children: [_jsx(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }), playButton || (_jsx("button", { title: "Play", id: buttonId, className: b('button'), children: _jsx(Icon, { className: b('icon'), data: PlayFill, size: 24 }) }))] }))] }));
+    return (React.createElement("div", { className: b(null, className), style: { height: currentHeight }, ref: ref },
+        iframeContent,
+        previewImg && !hidePreview && !fullscreen && (React.createElement("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId },
+            React.createElement(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
+            playButton || (React.createElement("button", { title: "Play", id: buttonId, className: b('button') },
+                React.createElement(Icon, { className: b('icon'), data: PlayFill, size: 24 })))))));
 };
 export default VideoBlock;
-//# sourceMappingURL=VideoBlock.js.map

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

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

package/build/esm/components/VideoBlock/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}VideoBlock`);
-//# sourceMappingURL=index.js.map

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

@@ -1,10 +1,10 @@
-import { ClassNameProps, Modifiers } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import { ClassNameProps, Modifiers } from '../../models';
+import { QAProps } from '../../models/common';
 export interface YFMWrapperProps extends ClassNameProps, QAProps {
     content: string;
     modifiers?: Modifiers;
     itemProp?: string;
     id?: string;
 }
-declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const YFMWrapper: ({ content, modifiers, className, itemProp, id, qa }: YFMWrapperProps) => JSX.Element;
 export default YFMWrapper;

package/build/esm/components/YFMWrapper/YFMWrapper.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+import React from 'react';
 import toSnakeCase from 'snakecase-keys';
-import { HTML } from "../index.js";
-import { cn } from "../../utils/index.js";
+import { HTML } from '../../components';
+import { cn } from '../../utils';
 const yfm = cn('yfm');
-const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (_jsx(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa, children: content }));
+const YFMWrapper = ({ content, modifiers, className, itemProp, id, qa }) => (React.createElement(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, id: id, qa: qa }, content));
 export default YFMWrapper;
-//# sourceMappingURL=YFMWrapper.js.map

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

@@ -1,5 +1,5 @@
-import { YandexFormProps } from "../../models/index.js";
+import { YandexFormProps } from '../../models';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
 export declare const YANDEX_FORM_SECTION = "surveys";
-declare const YandexForm: (props: YandexFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/esm/components/YandexForm/YandexForm.js

@@ -1,25 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { LocaleContext } from "../../context/localeContext/index.js";
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { DefaultEventNames } from "../../models/common.js";
-import { block } from "../../utils/index.js";
-import { HEADER_HEIGHT } from "../constants.js";
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { LocaleContext } from '../../context/localeContext';
+import { MobileContext } from '../../context/mobileContext';
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames } from '../../models/common';
+import { block } from '../../utils';
+import { HEADER_HEIGHT } from '../constants';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 export const YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
 const YandexForm = (props) => {
     const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
-    const formContainerRef = React.useRef(null);
-    const iframeRef = React.useRef();
+    const formContainerRef = useRef(null);
+    const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
     const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
-    const isMobile = React.useContext(MobileContext);
-    const locale = React.useContext(LocaleContext);
-    const updateFormIframe = React.useCallback((container) => {
+    const isMobile = useContext(MobileContext);
+    const locale = useContext(LocaleContext);
+    const updateFormIframe = useCallback((container) => {
         const queryParams = new URLSearchParams(location.search);
         const url = location.origin + location.pathname;
         queryParams.set('url', url);
@@ -52,7 +51,7 @@ const YandexForm = (props) => {
             container.appendChild(iframeRef.current);
         }
     }, [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params]);
-    const handleSubmit = React.useCallback(() => {
+    const handleSubmit = useCallback(() => {
         if (formContainerRef && formContainerRef.current) {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
@@ -62,7 +61,7 @@ const YandexForm = (props) => {
             onSubmit();
         }
     }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
-    const handleMessage = React.useCallback(({ origin, data }) => {
+    const handleMessage = useCallback(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;
         }
@@ -88,21 +87,20 @@ const YandexForm = (props) => {
             return;
         }
     }, [yaFormOrigin, id, onLoad, handleSubmit]);
-    const addIframe = React.useCallback(() => {
+    const addIframe = useCallback(() => {
         const container = formContainerRef.current;
         if (container) {
             updateFormIframe(container);
             window.addEventListener('message', handleMessage, { passive: true });
         }
     }, [updateFormIframe, handleMessage]);
-    React.useEffect(() => {
+    useEffect(() => {
         addIframe();
         // Crunch for mobile chrome in lite mode
         // https://support.google.com/chrome/answer/2392284?co=GENIE.Platform%3DAndroid&oco=1
         setTimeout(() => onLoad === null || onLoad === void 0 ? void 0 : onLoad(), 1000);
         return () => window.removeEventListener('message', handleMessage);
     }, [id, addIframe, handleMessage, onLoad]);
-    return _jsx("div", { ref: formContainerRef, className: b(null, className) });
+    return React.createElement("div", { ref: formContainerRef, className: b(null, className) });
 };
 export default YandexForm;
-//# sourceMappingURL=YandexForm.js.map

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

@@ -1,4 +1,4 @@
-import { BaseProps } from "../../schema/validators/common.js";
+import { BaseProps } from '../../schema/validators/common';
 export const YandexFormProps = {
     type: 'object',
     required: ['id'],
@@ -8,4 +8,3 @@ export const YandexFormProps = {
             type: 'string',
         } }),
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { Theme } from "../models/index.js";
+import { Theme } from '../models';
 export declare const DEFAULT_THEME = Theme.Light;
 export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const HEADER_HEIGHT = 64;

package/build/esm/components/constants.js

@@ -1,5 +1,4 @@
-import { Theme } from "../models/index.js";
+import { Theme } from '../models';
 export const DEFAULT_THEME = Theme.Light;
 export const UIKIT_ROOT_CLASS = 'g-root';
 export const HEADER_HEIGHT = 64;
-//# sourceMappingURL=constants.js.map

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

@@ -1,43 +1,43 @@
-export { default as Anchor } from "./Anchor/Anchor.js";
-export { default as AnimateBlock } from "./AnimateBlock/AnimateBlock.js";
-export { default as Author } from "./Author/Author.js";
-export { default as BackgroundImage } from "./BackgroundImage/BackgroundImage.js";
-export { default as BackgroundMedia } from "./BackgroundMedia/BackgroundMedia.js";
-export { default as BackLink } from "./BackLink/BackLink.js";
-export { default as BalancedMasonry } from "./BalancedMasonry/BalancedMasonry.js";
-export { default as BlockBase } from "./BlockBase/BlockBase.js";
-export { default as Button } from "./Button/Button.js";
-export { default as Buttons } from "./Buttons/Buttons.js";
-export { default as BrandFooter } from "./BrandFooter/BrandFooter.js";
-export { default as CardBase } from "./CardBase/CardBase.js";
-export { default as ContentList } from "./ContentList/ContentList.js";
-export { default as Control } from "./Control/Control.js";
-export { default as ErrorWrapper } from "./ErrorWrapper/ErrorWrapper.js";
-export { default as FileLink } from "./FileLink/FileLink.js";
-export { default as Foldable } from "./Foldable/Foldable.js";
-export { default as FullscreenImage } from "./FullscreenImage/FullscreenImage.js";
-export { default as FullscreenMedia } from "./FullscreenMedia/FullscreenMedia.js";
-export { default as FullWidthBackground } from "./FullWidthBackground/FullWidthBackground.js";
-export { default as HeaderBreadcrumbs } from "./HeaderBreadcrumbs/HeaderBreadcrumbs.js";
-export { default as HTML } from "./HTML/HTML.js";
-export { default as IconWrapper } from "./IconWrapper/IconWrapper.js";
-export { default as Image } from "./Image/Image.js";
-export { default as ImageBase } from "./ImageBase/ImageBase.js";
-export { default as InnerForm } from "./InnerForm/InnerForm.js";
-export { default as Link } from "./Link/Link.js";
-export { default as Links } from "./Links/Links.js";
-export { default as Media } from "./Media/Media.js";
-export { default as MetaInfo } from "./MetaInfo/MetaInfo.js";
-export { default as OutsideClick } from "./OutsideClick/OutsideClick.js";
-export { default as OverflowScroller } from "./OverflowScroller/OverflowScroller.js";
-export { default as ReactPlayer } from "./ReactPlayer/ReactPlayer.js";
-export { default as RouterLink } from "./RouterLink/RouterLink.js";
-export { default as Table } from "./Table/Table.js";
-export { default as Title } from "./Title/Title.js";
-export { default as ToggleArrow } from "./ToggleArrow/ToggleArrow.js";
-export { default as UnpublishedLabel } from "./UnpublishedLabel/UnpublishedLabel.js";
-export { default as VideoBlock } from "./VideoBlock/VideoBlock.js";
-export { default as YFMWrapper } from "./YFMWrapper/YFMWrapper.js";
-export { default as YandexForm } from "./YandexForm/YandexForm.js";
-export type { RouterLinkProps } from "./RouterLink/RouterLink.js";
-export type { ImageBaseProps } from "./ImageBase/ImageBase.js";
+export { default as Anchor } from './Anchor/Anchor';
+export { default as AnimateBlock } from './AnimateBlock/AnimateBlock';
+export { default as Author } from './Author/Author';
+export { default as BackgroundImage } from './BackgroundImage/BackgroundImage';
+export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
+export { default as BackLink } from './BackLink/BackLink';
+export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
+export { default as BlockBase } from './BlockBase/BlockBase';
+export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
+export { default as BrandFooter } from './BrandFooter/BrandFooter';
+export { default as CardBase } from './CardBase/CardBase';
+export { default as ContentList } from './ContentList/ContentList';
+export { default as Control } from './Control/Control';
+export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
+export { default as FileLink } from './FileLink/FileLink';
+export { default as Foldable } from './Foldable/Foldable';
+export { default as FullscreenImage } from './FullscreenImage/FullscreenImage';
+export { default as FullscreenMedia } from './FullscreenMedia/FullscreenMedia';
+export { default as FullWidthBackground } from './FullWidthBackground/FullWidthBackground';
+export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+export { default as HTML } from './HTML/HTML';
+export { default as IconWrapper } from './IconWrapper/IconWrapper';
+export { default as Image } from './Image/Image';
+export { default as ImageBase } from './ImageBase/ImageBase';
+export { default as InnerForm } from './InnerForm/InnerForm';
+export { default as Link } from './Link/Link';
+export { default as Links } from './Links/Links';
+export { default as Media } from './Media/Media';
+export { default as MetaInfo } from './MetaInfo/MetaInfo';
+export { default as OutsideClick } from './OutsideClick/OutsideClick';
+export { default as OverflowScroller } from './OverflowScroller/OverflowScroller';
+export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';
+export { default as RouterLink } from './RouterLink/RouterLink';
+export { default as Table } from './Table/Table';
+export { default as Title } from './Title/Title';
+export { default as ToggleArrow } from './ToggleArrow/ToggleArrow';
+export { default as UnpublishedLabel } from './UnpublishedLabel/UnpublishedLabel';
+export { default as VideoBlock } from './VideoBlock/VideoBlock';
+export { default as YFMWrapper } from './YFMWrapper/YFMWrapper';
+export { default as YandexForm } from './YandexForm/YandexForm';
+export type { RouterLinkProps } from './RouterLink/RouterLink';
+export type { ImageBaseProps } from './ImageBase/ImageBase';

package/build/esm/components/index.js

@@ -1,42 +1,41 @@
-export { default as Anchor } from "./Anchor/Anchor.js";
-export { default as AnimateBlock } from "./AnimateBlock/AnimateBlock.js";
-export { default as Author } from "./Author/Author.js";
-export { default as BackgroundImage } from "./BackgroundImage/BackgroundImage.js";
-export { default as BackgroundMedia } from "./BackgroundMedia/BackgroundMedia.js";
-export { default as BackLink } from "./BackLink/BackLink.js";
-export { default as BalancedMasonry } from "./BalancedMasonry/BalancedMasonry.js";
-export { default as BlockBase } from "./BlockBase/BlockBase.js";
-export { default as Button } from "./Button/Button.js";
-export { default as Buttons } from "./Buttons/Buttons.js";
-export { default as BrandFooter } from "./BrandFooter/BrandFooter.js";
-export { default as CardBase } from "./CardBase/CardBase.js";
-export { default as ContentList } from "./ContentList/ContentList.js";
-export { default as Control } from "./Control/Control.js";
-export { default as ErrorWrapper } from "./ErrorWrapper/ErrorWrapper.js";
-export { default as FileLink } from "./FileLink/FileLink.js";
-export { default as Foldable } from "./Foldable/Foldable.js";
-export { default as FullscreenImage } from "./FullscreenImage/FullscreenImage.js";
-export { default as FullscreenMedia } from "./FullscreenMedia/FullscreenMedia.js";
-export { default as FullWidthBackground } from "./FullWidthBackground/FullWidthBackground.js";
-export { default as HeaderBreadcrumbs } from "./HeaderBreadcrumbs/HeaderBreadcrumbs.js";
-export { default as HTML } from "./HTML/HTML.js";
-export { default as IconWrapper } from "./IconWrapper/IconWrapper.js";
-export { default as Image } from "./Image/Image.js";
-export { default as ImageBase } from "./ImageBase/ImageBase.js";
-export { default as InnerForm } from "./InnerForm/InnerForm.js";
-export { default as Link } from "./Link/Link.js";
-export { default as Links } from "./Links/Links.js";
-export { default as Media } from "./Media/Media.js";
-export { default as MetaInfo } from "./MetaInfo/MetaInfo.js";
-export { default as OutsideClick } from "./OutsideClick/OutsideClick.js";
-export { default as OverflowScroller } from "./OverflowScroller/OverflowScroller.js";
-export { default as ReactPlayer } from "./ReactPlayer/ReactPlayer.js";
-export { default as RouterLink } from "./RouterLink/RouterLink.js";
-export { default as Table } from "./Table/Table.js";
-export { default as Title } from "./Title/Title.js";
-export { default as ToggleArrow } from "./ToggleArrow/ToggleArrow.js";
-export { default as UnpublishedLabel } from "./UnpublishedLabel/UnpublishedLabel.js";
-export { default as VideoBlock } from "./VideoBlock/VideoBlock.js";
-export { default as YFMWrapper } from "./YFMWrapper/YFMWrapper.js";
-export { default as YandexForm } from "./YandexForm/YandexForm.js";
-//# sourceMappingURL=index.js.map
+export { default as Anchor } from './Anchor/Anchor';
+export { default as AnimateBlock } from './AnimateBlock/AnimateBlock';
+export { default as Author } from './Author/Author';
+export { default as BackgroundImage } from './BackgroundImage/BackgroundImage';
+export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
+export { default as BackLink } from './BackLink/BackLink';
+export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
+export { default as BlockBase } from './BlockBase/BlockBase';
+export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
+export { default as BrandFooter } from './BrandFooter/BrandFooter';
+export { default as CardBase } from './CardBase/CardBase';
+export { default as ContentList } from './ContentList/ContentList';
+export { default as Control } from './Control/Control';
+export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
+export { default as FileLink } from './FileLink/FileLink';
+export { default as Foldable } from './Foldable/Foldable';
+export { default as FullscreenImage } from './FullscreenImage/FullscreenImage';
+export { default as FullscreenMedia } from './FullscreenMedia/FullscreenMedia';
+export { default as FullWidthBackground } from './FullWidthBackground/FullWidthBackground';
+export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+export { default as HTML } from './HTML/HTML';
+export { default as IconWrapper } from './IconWrapper/IconWrapper';
+export { default as Image } from './Image/Image';
+export { default as ImageBase } from './ImageBase/ImageBase';
+export { default as InnerForm } from './InnerForm/InnerForm';
+export { default as Link } from './Link/Link';
+export { default as Links } from './Links/Links';
+export { default as Media } from './Media/Media';
+export { default as MetaInfo } from './MetaInfo/MetaInfo';
+export { default as OutsideClick } from './OutsideClick/OutsideClick';
+export { default as OverflowScroller } from './OverflowScroller/OverflowScroller';
+export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';
+export { default as RouterLink } from './RouterLink/RouterLink';
+export { default as Table } from './Table/Table';
+export { default as Title } from './Title/Title';
+export { default as ToggleArrow } from './ToggleArrow/ToggleArrow';
+export { default as UnpublishedLabel } from './UnpublishedLabel/UnpublishedLabel';
+export { default as VideoBlock } from './VideoBlock/VideoBlock';
+export { default as YFMWrapper } from './YFMWrapper/YFMWrapper';
+export { default as YandexForm } from './YandexForm/YandexForm';

package/build/esm/constants.js

@@ -5,4 +5,3 @@ export const BREAKPOINTS = {
     lg: 1081,
     xl: 1185,
 };
-//# sourceMappingURL=constants.js.map

package/build/esm/constructor-items.d.ts

@@ -1,42 +1,42 @@
 export declare const blockMap: {
-    "slider-block": (props: React.PropsWithChildren<import("./blocks/Slider/Slider.js").SliderProps>) => import("react/jsx-runtime").JSX.Element;
-    "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models/index.js").ExtendedFeaturesProps) => import("react/jsx-runtime").JSX.Element;
-    "promo-features-block": (props: import("./models/index.js").PromoFeaturesProps) => import("react/jsx-runtime").JSX.Element;
-    "questions-block": (props: import("./models/index.js").QuestionsProps) => import("react/jsx-runtime").JSX.Element;
-    "banner-block": (props: import("./models/index.js").BannerBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "companies-block": ({ title, description, images, animated }: import("./models/index.js").CompaniesBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "media-block": (props: import("./models/index.js").MediaBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "info-block": (props: import("./models/index.js").InfoBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "table-block": (props: import("./models/index.js").TableBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models/index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "header-block": (props: React.PropsWithChildren<import("./models/index.js").HeaderBlockProps & import("./models/index.js").ClassNameProps>) => import("react/jsx-runtime").JSX.Element;
-    "icons-block": ({ title, description, size, colSizes, items }: import("./models/index.js").IconsBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "header-slider-block": ({ items, arrows, ...props }: import("./models/index.js").HeaderSliderBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
+    "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
+    "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
+    "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
+    "companies-block": ({ title, description, images, animated }: import("./models").CompaniesBlockProps) => JSX.Element;
+    "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
+    "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
+    "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
+    "header-block": (props: import("react").PropsWithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
+    "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
-    "content-layout-block": (props: import("./models/index.js").ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "share-block": ({ items, title }: import("./models/index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "map-block": ({ map, border, disableShadow, ...props }: import("./models/index.js").MapBlockProps) => import("react/jsx-runtime").JSX.Element;
+    "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
+    "share-block": ({ items, title }: import("./models").ShareBlockProps) => JSX.Element;
+    "map-block": ({ map, border, disableShadow, ...props }: import("./models").MapBlockProps) => JSX.Element;
     "filter-block": import("react").FC<import("./models").FilterBlockProps>;
     "form-block": import("react").FC<import("./models").FormBlockProps>;
-    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<import("./blocks/SliderNew/Slider.js").SliderNewProps>) => import("react/jsx-runtime").JSX.Element;
+    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
-    divider: ({ size, border }: import("./models/index.js").DividerProps) => import("react/jsx-runtime").JSX.Element;
-    "price-detailed": (props: import("./models/index.js").PriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
-    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models/index.js").MediaCardProps) => import("react/jsx-runtime").JSX.Element;
-    "banner-card": (props: import("./models/index.js").BannerCardProps) => import("react/jsx-runtime").JSX.Element;
-    "layout-item": ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models/index.js").LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
-    "background-card": (props: import("./models/index.js").BackgroundCardProps) => import("react/jsx-runtime").JSX.Element;
-    "basic-card": (props: import("./models/index.js").BasicCardProps) => import("react/jsx-runtime").JSX.Element;
-    content: (props: import("./sub-blocks/Content/Content.js").ContentProps) => import("react/jsx-runtime").JSX.Element;
-    quote: (props: import("./models/index.js").QuoteProps) => import("react/jsx-runtime").JSX.Element;
-    "price-card": (props: import("./models/index.js").PriceCardProps) => import("react/jsx-runtime").JSX.Element;
-    "image-card": (props: import("./models/index.js").ImageCardProps) => import("react/jsx-runtime").JSX.Element;
+    divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
+    "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
+    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
+    "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
+    "layout-item": ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
+    "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
+    "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
+    content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
+    quote: (props: import("./models").QuoteProps) => JSX.Element;
+    "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
+    "image-card": (props: import("./models").ImageCardProps) => JSX.Element;
 };
 export declare const navItemMap: {
     button: import("react").FC<Pick<import("./navigation").NavigationItemProps, "className"> & import("./models").ButtonProps>;
-    social: import("react").FC<import("./navigation").NavigationSocialItemOwnProps>;
-    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
+    social: import("react").FC<import("./navigation/components/SocialIcon/SocialIcon").NavigationSocialItemOwnProps>;
+    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation").NavigationItemProps & import("./models").NavigationDropdownItem) => JSX.Element;
     link: import("react").FC<import("./navigation").NavigationItemProps & import("./models").NavigationLinkItem>;
-    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
+    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation").NavigationItemProps & import("./models").NavigationGithubButton) => JSX.Element;
 };

package/build/esm/constructor-items.js

@@ -1,9 +1,9 @@
-import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from "./blocks/index.js";
-import { SliderNewBlock } from "./blocks/unstable.js";
-import { BlockType, NavigationItemType, SubBlockType } from "./models/index.js";
-import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from "./navigation/components/NavigationItem/index.js";
-import SocialIcon from "./navigation/components/SocialIcon/SocialIcon.js";
-import { BackgroundCard, BannerCard, BasicCard, Content, Divider, ImageCard, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from "./sub-blocks/index.js";
+import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
+import { SliderNewBlock } from './blocks/unstable';
+import { BlockType, NavigationItemType, SubBlockType } from './models';
+import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
+import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
+import { BackgroundCard, BannerCard, BasicCard, Content, Divider, ImageCard, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from './sub-blocks';
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -47,4 +47,3 @@ export const navItemMap = {
     [NavigationItemType.Link]: NavigationLink,
     [NavigationItemType.GithubButton]: GithubButton,
 };
-//# sourceMappingURL=constructor-items.js.map

package/build/esm/containers/Loadable/Loadable.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { ConstructorBlock, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from "../../models/index.js";
+import { PropsWithChildren } from 'react';
+import { ConstructorBlock, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
 import './Loadable.css';
 export interface LoadableState {
     loading: boolean;
     error: boolean;
     data?: LoadableData;
 }
-export interface LoadableComponentsProps extends Omit<React.PropsWithChildren<LoadableProps>, 'source'> {
+export interface LoadableComponentsProps extends Omit<PropsWithChildren<LoadableProps>, 'source'> {
     Component: CustomItem;
     ChildComponent: CustomItem;
     block: ConstructorBlock;
     blockKey: string;
     fetch: FetchLoadableData;
 }
-declare const Loadable: (props: LoadableComponentsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Loadable: (props: LoadableComponentsProps) => JSX.Element;
 export default Loadable;