@gravity-ui/page-constructor 1.2.5-alpha.0 → 1.2.5-alpha.1
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/Companies/Companies.js +1 -1
- package/build/cjs/components/BackgroundMedia/BackgroundMedia.js +2 -2
- package/build/cjs/components/FullscreenImage/FullscreenImage.d.ts +2 -2
- package/build/cjs/components/Image/Image.d.ts +2 -2
- package/build/cjs/sub-blocks/TutorialCard/TutorialCard.js +1 -1
- package/build/esm/blocks/Companies/Companies.js +1 -1
- package/build/esm/components/BackgroundMedia/BackgroundMedia.js +2 -2
- package/build/esm/components/FullscreenImage/FullscreenImage.d.ts +2 -2
- package/build/esm/components/Image/Image.d.ts +2 -2
- package/build/esm/sub-blocks/TutorialCard/TutorialCard.js +1 -1
- package/package.json +1 -4
|
@@ -15,7 +15,7 @@ const CompaniesBlock = ({ title, images, animated }) => {
|
|
|
15
15
|
react_1.default.createElement("div", { className: b('content') },
|
|
16
16
|
react_1.default.createElement("h2", { className: b('title') }, title),
|
|
17
17
|
react_1.default.createElement("div", { className: b('images') },
|
|
18
|
-
react_1.default.createElement(components_1.Image, Object.assign({}, themedImages))))));
|
|
18
|
+
react_1.default.createElement(components_1.Image, Object.assign({}, themedImages, { className: b('image') }))))));
|
|
19
19
|
};
|
|
20
20
|
exports.CompaniesBlock = CompaniesBlock;
|
|
21
21
|
exports.default = exports.CompaniesBlock;
|
|
@@ -11,7 +11,7 @@ const BackgroundMedia = (_a) => {
|
|
|
11
11
|
var { className, color, animated, parallax = true, video, mediaClassName } = _a, props = (0, tslib_1.__rest)(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName"]);
|
|
12
12
|
const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
|
|
13
13
|
return (react_1.default.createElement(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated },
|
|
14
|
-
react_1.default.createElement(Media_1.default, Object.assign({ className: b('media', mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true }, Object.assign(
|
|
15
|
-
parallax, video: isMobile ? undefined : video })))));
|
|
14
|
+
react_1.default.createElement(Media_1.default, Object.assign({ className: b('media', mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true }, Object.assign({ height: 720, color,
|
|
15
|
+
parallax, video: isMobile ? undefined : video }, props)))));
|
|
16
16
|
};
|
|
17
17
|
exports.default = BackgroundMedia;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface FullScreenImageProps extends
|
|
2
|
+
import { ImageProps } from '../Image/Image';
|
|
3
|
+
export interface FullScreenImageProps extends ImageProps {
|
|
4
4
|
imageClassName?: string;
|
|
5
5
|
modalImageClass?: string;
|
|
6
6
|
imageStyle?: CSSProperties;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CSSProperties, MouseEventHandler } from 'react';
|
|
2
2
|
import { ImageDeviceProps, ImageObjectProps } from '../../models';
|
|
3
|
-
export interface
|
|
3
|
+
export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps> {
|
|
4
4
|
style?: CSSProperties;
|
|
5
5
|
className?: string;
|
|
6
6
|
onClick?: MouseEventHandler;
|
|
7
7
|
}
|
|
8
|
-
declare const Image: (props:
|
|
8
|
+
declare const Image: (props: ImageProps) => JSX.Element | null;
|
|
9
9
|
export default Image;
|
|
@@ -9,7 +9,7 @@ const utils_2 = require("../../components/Media/Image/utils");
|
|
|
9
9
|
const b = (0, utils_1.block)('tutorial-card');
|
|
10
10
|
function iconElement(icon, title) {
|
|
11
11
|
const image = (0, utils_2.getMediaImage)(icon !== null && icon !== void 0 ? icon : {});
|
|
12
|
-
return react_1.default.createElement(components_1.Image, Object.assign({}, image, { alt: title, className: b('icon') }));
|
|
12
|
+
return react_1.default.createElement(components_1.Image, Object.assign({}, image, { alt: image.alt || title, className: b('icon') }));
|
|
13
13
|
}
|
|
14
14
|
const TutorialCard = (props) => {
|
|
15
15
|
const { url, title, text, border, icon } = props;
|
|
@@ -12,6 +12,6 @@ export const CompaniesBlock = ({ title, images, animated }) => {
|
|
|
12
12
|
React.createElement("div", { className: b('content') },
|
|
13
13
|
React.createElement("h2", { className: b('title') }, title),
|
|
14
14
|
React.createElement("div", { className: b('images') },
|
|
15
|
-
React.createElement(Image, Object.assign({}, themedImages))))));
|
|
15
|
+
React.createElement(Image, Object.assign({}, themedImages, { className: b('image') }))))));
|
|
16
16
|
};
|
|
17
17
|
export default CompaniesBlock;
|
|
@@ -10,7 +10,7 @@ const BackgroundMedia = (_a) => {
|
|
|
10
10
|
var { className, color, animated, parallax = true, video, mediaClassName } = _a, props = __rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName"]);
|
|
11
11
|
const isMobile = useContext(MobileContext);
|
|
12
12
|
return (React.createElement(AnimateBlock, { className: b(null, className), style: { backgroundColor: color }, animate: animated },
|
|
13
|
-
React.createElement(Media, Object.assign({ className: b('media', mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true }, Object.assign(
|
|
14
|
-
parallax, video: isMobile ? undefined : video })))));
|
|
13
|
+
React.createElement(Media, Object.assign({ className: b('media', mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true }, Object.assign({ height: 720, color,
|
|
14
|
+
parallax, video: isMobile ? undefined : video }, props)))));
|
|
15
15
|
};
|
|
16
16
|
export default BackgroundMedia;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ImageProps } from '../Image/Image';
|
|
3
3
|
import './FullScreenImage.css';
|
|
4
|
-
export interface FullScreenImageProps extends
|
|
4
|
+
export interface FullScreenImageProps extends ImageProps {
|
|
5
5
|
imageClassName?: string;
|
|
6
6
|
modalImageClass?: string;
|
|
7
7
|
imageStyle?: CSSProperties;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CSSProperties, MouseEventHandler } from 'react';
|
|
2
2
|
import { ImageDeviceProps, ImageObjectProps } from '../../models';
|
|
3
|
-
export interface
|
|
3
|
+
export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps> {
|
|
4
4
|
style?: CSSProperties;
|
|
5
5
|
className?: string;
|
|
6
6
|
onClick?: MouseEventHandler;
|
|
7
7
|
}
|
|
8
|
-
declare const Image: (props:
|
|
8
|
+
declare const Image: (props: ImageProps) => JSX.Element | null;
|
|
9
9
|
export default Image;
|
|
@@ -7,7 +7,7 @@ import './TutorialCard.css';
|
|
|
7
7
|
const b = block('tutorial-card');
|
|
8
8
|
function iconElement(icon, title) {
|
|
9
9
|
const image = getMediaImage(icon !== null && icon !== void 0 ? icon : {});
|
|
10
|
-
return React.createElement(Image, Object.assign({}, image, { alt: title, className: b('icon') }));
|
|
10
|
+
return React.createElement(Image, Object.assign({}, image, { alt: image.alt || title, className: b('icon') }));
|
|
11
11
|
}
|
|
12
12
|
const TutorialCard = (props) => {
|
|
13
13
|
const { url, title, text, border, icon } = props;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gravity-ui/page-constructor",
|
|
3
|
-
"version": "1.2.5-alpha.
|
|
3
|
+
"version": "1.2.5-alpha.1",
|
|
4
4
|
"description": "Gravity UI Page Constructor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -121,8 +121,5 @@
|
|
|
121
121
|
"*.{json,yaml,yml,md}": [
|
|
122
122
|
"prettier --write"
|
|
123
123
|
]
|
|
124
|
-
},
|
|
125
|
-
"publishConfig": {
|
|
126
|
-
"tag": "alpha"
|
|
127
124
|
}
|
|
128
125
|
}
|