@doyourjob/gravity-ui-page-constructor 5.31.248 → 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.
- package/build/cjs/blocks/Map/schema.d.ts +1 -1
- package/build/cjs/blocks/Media/schema.d.ts +2 -2
- package/build/cjs/blocks/Media/schema.js +2 -2
- package/build/cjs/components/MediaBase/MediaBase.css +0 -5
- package/build/cjs/components/MediaBase/MediaBase.js +2 -2
- package/build/cjs/models/constructor-items/blocks.d.ts +1 -1
- package/build/esm/blocks/Map/schema.d.ts +1 -1
- package/build/esm/blocks/Media/schema.d.ts +2 -2
- package/build/esm/blocks/Media/schema.js +2 -2
- package/build/esm/components/MediaBase/MediaBase.css +0 -5
- package/build/esm/components/MediaBase/MediaBase.js +2 -2
- package/build/esm/models/constructor-items/blocks.d.ts +1 -1
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/blocks.d.ts +1 -1
- package/widget/index.js +1 -1
|
@@ -330,7 +330,7 @@ export declare const MediaBlockBaseProps: {
|
|
|
330
330
|
mediaOnly: {
|
|
331
331
|
type: string;
|
|
332
332
|
};
|
|
333
|
-
|
|
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
|
-
|
|
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
|
-
},
|
|
31
|
-
type: '
|
|
30
|
+
}, imageMaxWidth: {
|
|
31
|
+
type: 'number',
|
|
32
32
|
},
|
|
33
33
|
/**
|
|
34
34
|
* @deprecated use border='none' or border='line' instead
|
|
@@ -16,11 +16,6 @@ unpredictable css rules order in build */
|
|
|
16
16
|
.pc-media-base__card img {
|
|
17
17
|
width: 100%;
|
|
18
18
|
}
|
|
19
|
-
@media (min-width: 769px) {
|
|
20
|
-
.pc-media-base__card_imageWidthAuto img {
|
|
21
|
-
width: auto;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
19
|
.pc-media-base__card img,
|
|
25
20
|
.pc-media-base__card video,
|
|
26
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,
|
|
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', {
|
|
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
|
-
|
|
381
|
+
imageMaxWidth?: number;
|
|
382
382
|
mediaOnlyColSizes?: GridColumnSizesType;
|
|
383
383
|
}
|
|
384
384
|
export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
|
|
@@ -330,7 +330,7 @@ export declare const MediaBlockBaseProps: {
|
|
|
330
330
|
mediaOnly: {
|
|
331
331
|
type: string;
|
|
332
332
|
};
|
|
333
|
-
|
|
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
|
-
|
|
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
|
-
},
|
|
27
|
-
type: '
|
|
26
|
+
}, imageMaxWidth: {
|
|
27
|
+
type: 'number',
|
|
28
28
|
},
|
|
29
29
|
/**
|
|
30
30
|
* @deprecated use border='none' or border='line' instead
|
|
@@ -16,11 +16,6 @@ unpredictable css rules order in build */
|
|
|
16
16
|
.pc-media-base__card img {
|
|
17
17
|
width: 100%;
|
|
18
18
|
}
|
|
19
|
-
@media (min-width: 769px) {
|
|
20
|
-
.pc-media-base__card_imageWidthAuto img {
|
|
21
|
-
width: auto;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
19
|
.pc-media-base__card img,
|
|
25
20
|
.pc-media-base__card video,
|
|
26
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,
|
|
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', {
|
|
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
|
-
|
|
381
|
+
imageMaxWidth?: number;
|
|
382
382
|
mediaOnlyColSizes?: GridColumnSizesType;
|
|
383
383
|
}
|
|
384
384
|
export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
|