@doyourjob/gravity-ui-page-constructor 5.31.247 → 5.31.249

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -130,7 +130,7 @@ export declare const MapBlock: {
130
130
  mediaOnly: {
131
131
  type: string;
132
132
  };
133
- imageWidthAuto: {
133
+ imageMaxWidth: {
134
134
  type: string;
135
135
  };
136
136
  disableShadow: {
@@ -330,7 +330,7 @@ export declare const MediaBlockBaseProps: {
330
330
  mediaOnly: {
331
331
  type: string;
332
332
  };
333
- imageWidthAuto: {
333
+ imageMaxWidth: {
334
334
  type: string;
335
335
  };
336
336
  /**
@@ -1214,7 +1214,7 @@ export declare const MediaBlock: {
1214
1214
  mediaOnly: {
1215
1215
  type: string;
1216
1216
  };
1217
- imageWidthAuto: {
1217
+ imageMaxWidth: {
1218
1218
  type: string;
1219
1219
  };
1220
1220
  /**
@@ -27,8 +27,8 @@ exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.a
27
27
  type: 'boolean',
28
28
  }, mediaOnly: {
29
29
  type: 'boolean',
30
- }, imageWidthAuto: {
31
- type: 'boolean',
30
+ }, imageMaxWidth: {
31
+ type: 'number',
32
32
  },
33
33
  /**
34
34
  * @deprecated use border='none' or border='line' instead
@@ -16,9 +16,6 @@ unpredictable css rules order in build */
16
16
  .pc-media-base__card img {
17
17
  width: 100%;
18
18
  }
19
- .pc-media-base__card_imageWidthAuto img {
20
- width: auto;
21
- }
22
19
  .pc-media-base__card img,
23
20
  .pc-media-base__card video,
24
21
  .pc-media-base__card iframe,
@@ -11,7 +11,7 @@ const MediaBaseContent_1 = tslib_1.__importDefault(require("./MediaBaseContent")
11
11
  const b = (0, utils_1.block)('media-base');
12
12
  const Card = () => null;
13
13
  const MediaBase = (props) => {
14
- const { children, largeMedia, smallMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, imageWidthAuto, onScroll, mediaOnlyColSizes = { all: 12, md: 8 } } = props, mediaContentProps = tslib_1.__rest(props, ["children", "largeMedia", "smallMedia", "direction", "mobileDirection", "animated", "mediaOnly", "imageWidthAuto", "onScroll", "mediaOnlyColSizes"]);
14
+ const { children, largeMedia, smallMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, imageMaxWidth, onScroll, mediaOnlyColSizes = { all: 12, md: 8 } } = props, mediaContentProps = tslib_1.__rest(props, ["children", "largeMedia", "smallMedia", "direction", "mobileDirection", "animated", "mediaOnly", "imageMaxWidth", "onScroll", "mediaOnlyColSizes"]);
15
15
  const { title, description } = mediaContentProps;
16
16
  const mediaSizes = (0, react_1.useMemo)(() => {
17
17
  let md = 6;
@@ -47,7 +47,7 @@ const MediaBase = (props) => {
47
47
  }) },
48
48
  react_1.default.createElement(grid_1.Col, { className: b('content'), sizes: contentSizes }, mediaContent),
49
49
  card ? (react_1.default.createElement(grid_1.Col, { sizes: mediaSizes },
50
- react_1.default.createElement("div", { className: b('card', { imageWidthAuto }) }, card))) : null)))));
50
+ react_1.default.createElement("div", { className: b('card'), style: imageMaxWidth ? { maxWidth: `${imageMaxWidth}px` } : {} }, card))) : null)))));
51
51
  };
52
52
  exports.MediaBase = MediaBase;
53
53
  exports.MediaBase.Card = Card;
@@ -378,7 +378,7 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
378
378
  largeMedia?: boolean;
379
379
  smallMedia?: boolean;
380
380
  mediaOnly?: boolean;
381
- imageWidthAuto?: boolean;
381
+ imageMaxWidth?: number;
382
382
  mediaOnlyColSizes?: GridColumnSizesType;
383
383
  }
384
384
  export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
@@ -130,7 +130,7 @@ export declare const MapBlock: {
130
130
  mediaOnly: {
131
131
  type: string;
132
132
  };
133
- imageWidthAuto: {
133
+ imageMaxWidth: {
134
134
  type: string;
135
135
  };
136
136
  disableShadow: {
@@ -330,7 +330,7 @@ export declare const MediaBlockBaseProps: {
330
330
  mediaOnly: {
331
331
  type: string;
332
332
  };
333
- imageWidthAuto: {
333
+ imageMaxWidth: {
334
334
  type: string;
335
335
  };
336
336
  /**
@@ -1214,7 +1214,7 @@ export declare const MediaBlock: {
1214
1214
  mediaOnly: {
1215
1215
  type: string;
1216
1216
  };
1217
- imageWidthAuto: {
1217
+ imageMaxWidth: {
1218
1218
  type: string;
1219
1219
  };
1220
1220
  /**
@@ -23,8 +23,8 @@ export const MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Obj
23
23
  type: 'boolean',
24
24
  }, mediaOnly: {
25
25
  type: 'boolean',
26
- }, imageWidthAuto: {
27
- type: 'boolean',
26
+ }, imageMaxWidth: {
27
+ type: 'number',
28
28
  },
29
29
  /**
30
30
  * @deprecated use border='none' or border='line' instead
@@ -16,9 +16,6 @@ unpredictable css rules order in build */
16
16
  .pc-media-base__card img {
17
17
  width: 100%;
18
18
  }
19
- .pc-media-base__card_imageWidthAuto img {
20
- width: auto;
21
- }
22
19
  .pc-media-base__card img,
23
20
  .pc-media-base__card video,
24
21
  .pc-media-base__card iframe,
@@ -9,7 +9,7 @@ import './MediaBase.css';
9
9
  const b = block('media-base');
10
10
  const Card = () => null;
11
11
  export const MediaBase = (props) => {
12
- const { children, largeMedia, smallMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, imageWidthAuto, onScroll, mediaOnlyColSizes = { all: 12, md: 8 } } = props, mediaContentProps = __rest(props, ["children", "largeMedia", "smallMedia", "direction", "mobileDirection", "animated", "mediaOnly", "imageWidthAuto", "onScroll", "mediaOnlyColSizes"]);
12
+ const { children, largeMedia, smallMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, imageMaxWidth, onScroll, mediaOnlyColSizes = { all: 12, md: 8 } } = props, mediaContentProps = __rest(props, ["children", "largeMedia", "smallMedia", "direction", "mobileDirection", "animated", "mediaOnly", "imageMaxWidth", "onScroll", "mediaOnlyColSizes"]);
13
13
  const { title, description } = mediaContentProps;
14
14
  const mediaSizes = useMemo(() => {
15
15
  let md = 6;
@@ -45,7 +45,7 @@ export const MediaBase = (props) => {
45
45
  }) },
46
46
  React.createElement(Col, { className: b('content'), sizes: contentSizes }, mediaContent),
47
47
  card ? (React.createElement(Col, { sizes: mediaSizes },
48
- React.createElement("div", { className: b('card', { imageWidthAuto }) }, card))) : null)))));
48
+ React.createElement("div", { className: b('card'), style: imageMaxWidth ? { maxWidth: `${imageMaxWidth}px` } : {} }, card))) : null)))));
49
49
  };
50
50
  MediaBase.Card = Card;
51
51
  export default MediaBase;
@@ -378,7 +378,7 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
378
378
  largeMedia?: boolean;
379
379
  smallMedia?: boolean;
380
380
  mediaOnly?: boolean;
381
- imageWidthAuto?: boolean;
381
+ imageMaxWidth?: number;
382
382
  mediaOnlyColSizes?: GridColumnSizesType;
383
383
  }
384
384
  export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.247",
3
+ "version": "5.31.249",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {