@gravity-ui/page-constructor 4.46.2 → 4.47.0

package/build/esm/editor/data/templates/tabs-block.json

@@ -22,41 +22,12 @@
           }
         ],
         "image": {
-          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_white.png",
-          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+          "light": "data:image/png;base64,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"
         }
       },
       {
         "tabName": "Lorem ipsum",
         "title": "Lorem ipsum",
-        "media": {
-          "light": {
-            "video": {
-              "src": [
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.webm",
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.mp4",
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.png"
-              ],
-              "loop": {
-                "start": 0
-              }
-            },
-            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_white.png"
-          },
-          "dark": {
-            "video": {
-              "src": [
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.webm",
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.mp4",
-                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.png"
-              ],
-              "loop": {
-                "start": 0
-              }
-            },
-            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
-          }
-        },
         "caption": "Dolor sit amet",
         "text": "* Ut enim ad minim veniam\n* Ut enim ad minim veniam",
         "links": [
@@ -66,24 +37,20 @@
             "theme": "normal",
             "arrow": true
           }
-        ]
+        ],
+        "image": {
+          "light": "data:image/png;base64,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"
+        }
       },
       {
         "tabName": "Consectetur adipiscing elit",
         "title": "Consectetur adipiscing elit",
         "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
-        "media": {
-          "light": {
-            "youtube": "https://youtu.be/0Qd3T6skprA",
-            "previewImg": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.png"
-          },
-          "dark": {
-            "youtube": "https://youtu.be/0Qd3T6skprA",
-            "previewImg": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.png"
-          }
-        },
         "caption": "Consectetur adipiscing elit",
-        "text": "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+        "text": "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "image": {
+          "light": "data:image/png;base64,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"
+        }
       }
     ]
   }

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

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -166,7 +166,6 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
     mobileDirection?: MediaDirection;
     largeMedia?: boolean;
     mediaOnly?: boolean;
-    disableShadow?: boolean;
     mediaOnlyColSizes?: GridColumnSizesType;
 }
 export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
@@ -175,10 +174,10 @@ export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' |
     /** @deprecated  Use array of buttons from ContentBlockProps instead**/
     button?: ButtonProps;
 }
-export interface MediaBlockProps extends MediaBaseBlockProps {
+export interface MediaBlockProps extends MediaBaseBlockProps, WithBorder {
     media: ThemeSupporting<MediaProps>;
 }
-export interface MapBlockProps extends MediaBaseBlockProps {
+export interface MapBlockProps extends MediaBaseBlockProps, WithBorder {
     map: MapProps;
 }
 export interface InfoBlockProps {

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

@@ -215,6 +215,7 @@ export interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {
 export type Coordinate = number[];
 export interface MapBaseProps {
     zoom?: number;
+    className?: string;
 }
 export interface GMapProps extends MapBaseProps {
     address: string;
@@ -292,7 +293,8 @@ export interface TitleItemBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
-export type CardBorder = 'shadow' | 'line' | 'none';
+export type MediaBorder = 'shadow' | 'line' | 'none';
+export type CardBorder = MediaBorder;
 export interface CardBaseProps {
     border?: CardBorder;
 }
@@ -368,4 +370,11 @@ export interface YandexFormProps extends AnalyticsEventsBase {
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
 }
+export interface WithBorder {
+    border?: MediaBorder;
+    /**
+     * @deprecated use custom class for media-component
+     */
+    disableShadow?: boolean;
+}
 export {};

package/build/esm/utils/borderSelector.d.ts

@@ -0,0 +1,7 @@
+import { MediaBorder } from '../models';
+type GetMediaBorderArgs = {
+    border?: MediaBorder;
+    disableShadow?: boolean;
+};
+export declare const getMediaBorder: ({ border, disableShadow }: GetMediaBorderArgs) => MediaBorder;
+export {};

package/build/esm/utils/borderSelector.js

@@ -0,0 +1,14 @@
+// This is a crutch
+// The crutch is created in order to help us to work with sites, which use
+// "disableShadow" flag in their content.
+// We have deprecated the flag.
+// We have to remove it after deleting of "disableShadow" and migration of projects content
+export const getMediaBorder = ({ border, disableShadow }) => {
+    if (border) {
+        return border;
+    }
+    if (disableShadow) {
+        return 'none';
+    }
+    return 'shadow';
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.46.2",
+  "version": "4.47.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -182,6 +182,7 @@
     "sass": "^1.63.6",
     "sass-loader": "^10.4.1",
     "storybook": "^7.1.0",
+    "string-replace-loader": "^3.1.0",
     "style-loader": "^2.0.0",
     "stylelint": "^14.11.0",
     "svg-sprite-loader": "^6.0.11",

package/server/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -166,7 +166,6 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
     mobileDirection?: MediaDirection;
     largeMedia?: boolean;
     mediaOnly?: boolean;
-    disableShadow?: boolean;
     mediaOnlyColSizes?: GridColumnSizesType;
 }
 export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
@@ -175,10 +174,10 @@ export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' |
     /** @deprecated  Use array of buttons from ContentBlockProps instead**/
     button?: ButtonProps;
 }
-export interface MediaBlockProps extends MediaBaseBlockProps {
+export interface MediaBlockProps extends MediaBaseBlockProps, WithBorder {
     media: ThemeSupporting<MediaProps>;
 }
-export interface MapBlockProps extends MediaBaseBlockProps {
+export interface MapBlockProps extends MediaBaseBlockProps, WithBorder {
     map: MapProps;
 }
 export interface InfoBlockProps {

package/server/models/constructor-items/common.d.ts

@@ -215,6 +215,7 @@ export interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {
 export type Coordinate = number[];
 export interface MapBaseProps {
     zoom?: number;
+    className?: string;
 }
 export interface GMapProps extends MapBaseProps {
     address: string;
@@ -292,7 +293,8 @@ export interface TitleItemBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
-export type CardBorder = 'shadow' | 'line' | 'none';
+export type MediaBorder = 'shadow' | 'line' | 'none';
+export type CardBorder = MediaBorder;
 export interface CardBaseProps {
     border?: CardBorder;
 }
@@ -368,4 +370,11 @@ export interface YandexFormProps extends AnalyticsEventsBase {
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
 }
+export interface WithBorder {
+    border?: MediaBorder;
+    /**
+     * @deprecated use custom class for media-component
+     */
+    disableShadow?: boolean;
+}
 export {};

package/styles/mixins.scss

@@ -619,3 +619,20 @@ unpredictable css rules order in build */
         }
     }
 }
+
+@mixin media-border() {
+    &_border {
+        &_shadow {
+            @include image-shadow();
+        }
+
+        &_line {
+            border-radius: $borderRadius;
+            border: 1px solid var(--g-color-line-generic);
+        }
+
+        &_none {
+            border-radius: $borderRadius;
+        }
+    }
+}