@gravity-ui/page-constructor 5.14.3 → 5.15.0

package/build/esm/blocks/Header/schema.d.ts

@@ -26,6 +26,19 @@ export declare const HeaderBackgroundProps: {
                     type: string;
                     pattern: string;
                     optionName: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                    pattern?: undefined;
                 })[];
                 type?: undefined;
                 items?: undefined;
@@ -43,6 +56,19 @@ export declare const HeaderBackgroundProps: {
                         type: string;
                         pattern: string;
                         optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
                     })[];
                 };
                 optionName: string;
@@ -327,6 +353,19 @@ export declare const HeaderProperties: {
                 type: string;
                 pattern: string;
                 optionName: string;
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+                pattern?: undefined;
             })[];
         } & {
             optionName: string;
@@ -489,6 +528,19 @@ export declare const HeaderProperties: {
                             type: string;
                             pattern: string;
                             optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
                         })[];
                         type?: undefined;
                         items?: undefined;
@@ -506,6 +558,19 @@ export declare const HeaderProperties: {
                                 type: string;
                                 pattern: string;
                                 optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                                pattern?: undefined;
                             })[];
                         };
                         optionName: string;
@@ -839,6 +904,19 @@ export declare const HeaderBlock: {
                         type: string;
                         pattern: string;
                         optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
                     })[];
                 } & {
                     optionName: string;
@@ -1001,6 +1079,19 @@ export declare const HeaderBlock: {
                                     type: string;
                                     pattern: string;
                                     optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
                                 })[];
                                 type?: undefined;
                                 items?: undefined;
@@ -1018,6 +1109,19 @@ export declare const HeaderBlock: {
                                         type: string;
                                         pattern: string;
                                         optionName: string;
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            properties: {
+                                                when: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                        optionName: string;
+                                        pattern?: undefined;
                                     })[];
                                 };
                                 optionName: string;

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -55,6 +55,19 @@ export declare const HeaderSliderBlock: {
                                     type: string;
                                     pattern: string;
                                     optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
                                 })[];
                             } & {
                                 optionName: string;
@@ -217,6 +230,19 @@ export declare const HeaderSliderBlock: {
                                                 type: string;
                                                 pattern: string;
                                                 optionName: string;
+                                                items?: undefined;
+                                            } | {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                    properties: {
+                                                        when: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                                optionName: string;
+                                                pattern?: undefined;
                                             })[];
                                             type?: undefined;
                                             items?: undefined;
@@ -234,6 +260,19 @@ export declare const HeaderSliderBlock: {
                                                     type: string;
                                                     pattern: string;
                                                     optionName: string;
+                                                    items?: undefined;
+                                                } | {
+                                                    type: string;
+                                                    items: {
+                                                        type: string;
+                                                        properties: {
+                                                            when: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                    optionName: string;
+                                                    pattern?: undefined;
                                                 })[];
                                             };
                                             optionName: string;

package/build/esm/blocks/Icons/Icons.js

@@ -1,8 +1,9 @@
 import React, { Fragment, useCallback, useContext } from 'react';
 import { Image, Title } from '../../components';
 import { LocationContext } from '../../context/locationContext';
+import { useTheme } from '../../context/theme';
 import { useAnalytics } from '../../hooks';
-import { block, getLinkProps } from '../../utils';
+import { block, getLinkProps, getThemedValue } from '../../utils';
 import './Icons.css';
 const b = block('icons-block');
 const getItemContent = (item) => (React.createElement(Fragment, null,
@@ -11,13 +12,15 @@ const getItemContent = (item) => (React.createElement(Fragment, null,
 const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
     const { hostname } = useContext(LocationContext);
     const handleAnalytics = useAnalytics();
+    const theme = useTheme();
     const onClick = useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
     return (React.createElement("div", { className: b({ size }) },
         (title || description) && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
         items.map((item) => {
-            const itemContent = getItemContent(item);
+            const themedSrc = getThemedValue(item.src, theme);
+            const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
             const { url, text } = item;
             return url ? (React.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (React.createElement("div", { className: b('item'), key: text }, itemContent));
         })));

package/build/esm/blocks/Media/schema.d.ts

@@ -20,6 +20,19 @@ export declare const Media: {
                     type: string;
                     pattern: string;
                     optionName: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                    pattern?: undefined;
                 })[];
                 type?: undefined;
                 items?: undefined;
@@ -37,6 +50,19 @@ export declare const Media: {
                         type: string;
                         pattern: string;
                         optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
                     })[];
                 };
                 optionName: string;
@@ -617,6 +643,19 @@ export declare const MediaBlock: {
                                     type: string;
                                     pattern: string;
                                     optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
                                 })[];
                                 type?: undefined;
                                 items?: undefined;
@@ -634,6 +673,19 @@ export declare const MediaBlock: {
                                         type: string;
                                         pattern: string;
                                         optionName: string;
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            properties: {
+                                                when: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                        optionName: string;
+                                        pattern?: undefined;
                                     })[];
                                 };
                                 optionName: string;

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -6,7 +6,8 @@ import Media from '../../components/Media/Media';
 import Title from '../../components/Title/Title';
 import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
 import { BREAKPOINTS } from '../../constants';
-import { block } from '../../utils';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
 import './PromoFeaturesBlock.css';
 const b = block('PromoFeaturesBlock');
 const breakpointColumns = {
@@ -17,12 +18,14 @@ const breakpointColumns = {
 const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
+    const globalTheme = useTheme();
     return (React.createElement(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated },
         React.createElement(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }),
         React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement(BalancedMasonry, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
             const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
             const themeMod = cardTheme || blockModifier || '';
+            const themedMedia = getThemedValue(media, globalTheme);
             return (React.createElement("div", { key: index, className: b('card', {
                     'no-media': !media,
                     [themeMod]: Boolean(themeMod),
@@ -31,7 +34,7 @@ const PromoFeaturesBlock = (props) => {
                     React.createElement("h3", { className: b('card-title') }, cardTitle),
                     React.createElement("div", { className: b('card-text') },
                         React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true } }))),
-                media && React.createElement(Media, Object.assign({ className: b('card-media') }, media))));
+                media && React.createElement(Media, Object.assign({ className: b('card-media') }, themedMedia))));
         }))));
 };
 export default PromoFeaturesBlock;

package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts

@@ -36,6 +36,19 @@ export declare const PromoFeaturesItem: {
                             type: string;
                             pattern: string;
                             optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
                         })[];
                         type?: undefined;
                         items?: undefined;
@@ -53,6 +66,19 @@ export declare const PromoFeaturesItem: {
                                 type: string;
                                 pattern: string;
                                 optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                                pattern?: undefined;
                             })[];
                         };
                         optionName: string;

package/build/esm/blocks/Tabs/schema.d.ts

@@ -31,6 +31,19 @@ export declare const tabsItem: {
                                 type: string;
                                 pattern: string;
                                 optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                                pattern?: undefined;
                             })[];
                             type?: undefined;
                             items?: undefined;
@@ -48,6 +61,19 @@ export declare const tabsItem: {
                                     type: string;
                                     pattern: string;
                                     optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
                                 })[];
                             };
                             optionName: string;
@@ -425,6 +451,19 @@ export declare const tabsItem: {
                     type: string;
                     pattern: string;
                     optionName: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                    pattern?: undefined;
                 })[];
             } & {
                 optionName: string;

package/build/esm/components/Author/schema.d.ts

@@ -28,6 +28,19 @@ export declare const author: {
                             type: string;
                             pattern: string;
                             optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
                         })[];
                     };
                     description: {

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

@@ -110,6 +110,19 @@ export declare const ImageProps: {
         type: string;
         pattern: string;
         optionName: string;
+        items?: undefined;
+    } | {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+        optionName: string;
+        pattern?: undefined;
     })[];
 };
 export declare const BackgroundImageProps: {

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

@@ -50,6 +50,16 @@ export const ImageProps = {
         },
         filteredItem(Object.assign(Object.assign({}, ImageObjectProps), { optionName: 'options' })),
         filteredItem(Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' })),
+        {
+            type: 'array',
+            items: filteredItem(Object.assign({}, ImageObjectProps)),
+            optionName: 'options list',
+        },
+        {
+            type: 'array',
+            items: filteredItem(Object.assign({}, ImageDeviceProps)),
+            optionName: 'device options list',
+        },
     ],
 };
 export const BackgroundImageProps = {

package/build/esm/editor/containers/Editor/hooks/useEditorState.js

@@ -20,7 +20,7 @@ export const useEditorState = (_a) => {
     const isFormEditMode = editMode === EditModeItem.Form;
     const isDesktopViewMode = viewMode === ViewModeItem.Desktop;
     const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;
-    const transformedContent = useMemo(() => (transformContent ? transformContent(content, { viewMode }) : content), [content, transformContent, viewMode]);
+    const transformedContent = useMemo(() => (transformContent ? transformContent(content, { viewMode, editMode }) : content), [content, transformContent, viewMode, editMode]);
     const schema = useMemo(() => generateDefaultSchema(customSchema), [customSchema]);
     const codeValidator = useCodeValidator(schema);
     const outgoingProps = useMemo(() => {

package/build/esm/editor/types/index.d.ts

@@ -5,7 +5,8 @@ import { SchemaCustomConfig } from '../../schema';
 import { EditBlockActions } from '../components/EditBlock/EditBlock';
 export type EditorBlockId = number | string;
 interface ContentTransformersOptions {
-    viewMode: ViewModeItem;
+    viewMode?: ViewModeItem;
+    editMode?: EditModeItem;
 }
 export type ContentTransformer = (content: PageContent, options: ContentTransformersOptions) => PageContent;
 export interface DeviceEmulationSettings {

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

@@ -133,7 +133,7 @@ export interface PromoFeaturesItem {
     title: string;
     text: string;
     theme?: 'accent' | 'accent-light' | 'primary';
-    media?: MediaProps;
+    media?: ThemeSupporting<MediaProps>;
 }
 export interface PromoFeaturesProps extends Animatable {
     items: PromoFeaturesItem[];
@@ -233,9 +233,9 @@ export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChi
     titleClassName?: string;
     description?: string;
     colSizes?: GridColumnSizesType;
-    background?: BackgroundImageProps & {
+    background?: ThemeSupporting<BackgroundImageProps & {
         border?: CardBorder;
-    };
+    }>;
 }
 export type FilterTag = {
     id: string;
@@ -258,7 +258,7 @@ export interface FilterBlockProps extends Animatable, LoadableChildren {
 export interface IconsBlockItemProps extends AnalyticsEventsBase {
     url: string;
     text: string;
-    src: string;
+    src: ThemeSupporting<string>;
 }
 export interface IconsBlockProps {
     title?: string;
@@ -269,7 +269,7 @@ export interface IconsBlockProps {
 }
 interface ContentLayoutBlockParams {
     size?: ContentSize;
-    background?: BackgroundImageProps;
+    background?: ThemeSupporting<BackgroundImageProps>;
     centered?: boolean;
     theme?: ContentTheme;
     textWidth?: ContentTextSize;

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

@@ -249,7 +249,7 @@ export interface AuthorItem {
     firstName: string;
     secondName: string;
     description?: string;
-    avatar?: ImageProps | JSX.Element;
+    avatar?: ThemeSupporting<ImageProps> | JSX.Element;
 }
 export interface HeaderBreadCrumbsProps extends ClassNameProps {
     items: {

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -77,7 +77,7 @@ export interface QuoteProps extends Themable, CardBaseProps {
     text?: string;
     yfmText?: string;
     image: ThemedImage;
-    logo: ImageProps;
+    logo: ThemeSupporting<ImageProps>;
     color?: string;
     /**
      * @deprecated use property button instead
@@ -106,7 +106,7 @@ export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase,
 export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme' | 'controlPosition'> {
     url: string;
     urlTitle?: string;
-    icon?: ImageProps;
+    icon?: ThemeSupporting<ImageProps>;
     target?: string;
     iconPosition?: IconPosition;
 }
@@ -135,14 +135,14 @@ export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, '
 }
 export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
-    media?: MediaProps;
+    media?: ThemeSupporting<MediaProps>;
     metaInfo?: string[];
     border?: boolean;
     fullscreen?: boolean;
-    icon?: PositionedIcon;
+    icon?: ThemeSupporting<PositionedIcon>;
 }
 export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
-    image: ImageProps;
+    image: ThemeSupporting<ImageProps>;
     enableImageBorderRadius?: boolean;
     margins?: ImageCardMargins;
     direction?: ImageCardDirection;

package/build/esm/navigation/schema.d.ts

@@ -15,6 +15,19 @@ export declare const LogoProps: {
                 type: string;
                 pattern: string;
                 optionName: string;
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+                pattern?: undefined;
             })[];
         };
         text: {