@gravity-ui/page-constructor 1.3.0 → 1.4.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.4.0](https://github.com/gravity-ui/page-constructor/pull/40) (2022-10-26)
+
+
+### Features
+
+* add devices support to component BackgroundMedia
+
 ## [1.3.0](https://github.com/gravity-ui/page-constructor/pull/35) (2022-10-25)
 
 

package/build/cjs/blocks/Tabs/Tabs.css

@@ -7,11 +7,12 @@ unpredictable css rules order in build */
 .pc-TabsBlock__block-title {
   margin-bottom: 12px;
 }
-.pc-TabsBlock__tabs {
+.pc-TabsBlock__tabs.pc-TabsBlock__tabs {
   flex-wrap: nowrap;
   overflow-x: auto;
   margin-bottom: 32px;
 }
+
 .pc-TabsBlock__image {
   width: 100%;
   height: auto;

package/build/cjs/components/FullscreenImage/FullscreenImage.d.ts

@@ -5,5 +5,5 @@ export interface FullScreenImageProps extends ImageProps {
     modalImageClass?: string;
     imageStyle?: CSSProperties;
 }
-declare const FullScreenImage: ({ src, alt, imageClassName, disableCompress, modalImageClass, imageStyle, }: FullScreenImageProps) => JSX.Element;
+declare const FullScreenImage: (props: FullScreenImageProps) => JSX.Element;
 export default FullScreenImage;

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -7,7 +7,8 @@ const utils_1 = require("../../utils");
 const Image_1 = (0, tslib_1.__importDefault)(require("../Image/Image"));
 const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('FullScreenImage');
-const FullScreenImage = ({ src, alt, imageClassName, disableCompress, modalImageClass, imageStyle, }) => {
+const FullScreenImage = (props) => {
+    const { imageClassName, modalImageClass, imageStyle } = props;
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const [isMouseEnter, setIsMouseEnter] = (0, react_1.useState)(false);
     const openModal = (0, react_1.useCallback)(() => setIsOpened(true), []);
@@ -16,13 +17,13 @@ const FullScreenImage = ({ src, alt, imageClassName, disableCompress, modalImage
     const hideFullScreenIcon = (0, react_1.useCallback)(() => setIsMouseEnter(false), []);
     return (react_1.default.createElement("div", { className: b() },
         react_1.default.createElement("div", { className: b('image-wrapper'), onMouseEnter: showFullScreenIcon, onMouseLeave: hideFullScreenIcon },
-            react_1.default.createElement(Image_1.default, { className: b('image', imageClassName), src: src, alt: alt, onClick: openModal, style: imageStyle, disableCompress: disableCompress }),
+            react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
             react_1.default.createElement("div", { className: b('icon-wrapper', { visible: isMouseEnter }), onClick: openModal },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.FullScreen, width: 18, height: 18, className: b('icon') }))),
         isOpened && (react_1.default.createElement(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal') },
             react_1.default.createElement("div", { className: b('modal-content') },
                 react_1.default.createElement("div", { className: b('icon-wrapper', { visible: true }), onClick: closeModal },
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.PreviewClose, width: 30, height: 30, className: b('icon', { hover: true }) })),
-                react_1.default.createElement(Image_1.default, { className: b('modal-image', modalImageClass), src: src, alt: alt, disableCompress: disableCompress }))))));
+                react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('modal-image', modalImageClass) })))))));
 };
 exports.default = FullScreenImage;

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

@@ -174,7 +174,7 @@ export interface MediaComponentYoutubeProps {
     previewImg?: string;
 }
 export interface MediaComponentImageProps {
-    image: ImageProps | ImageProps[];
+    image: ImageProps | ImageProps[] | ImageDeviceProps;
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;

package/build/esm/blocks/Tabs/Tabs.css

@@ -7,11 +7,12 @@ unpredictable css rules order in build */
 .pc-TabsBlock__block-title {
   margin-bottom: 12px;
 }
-.pc-TabsBlock__tabs {
+.pc-TabsBlock__tabs.pc-TabsBlock__tabs {
   flex-wrap: nowrap;
   overflow-x: auto;
   margin-bottom: 32px;
 }
+
 .pc-TabsBlock__image {
   width: 100%;
   height: auto;

package/build/esm/components/FullscreenImage/FullscreenImage.d.ts

@@ -6,5 +6,5 @@ export interface FullScreenImageProps extends ImageProps {
     modalImageClass?: string;
     imageStyle?: CSSProperties;
 }
-declare const FullScreenImage: ({ src, alt, imageClassName, disableCompress, modalImageClass, imageStyle, }: FullScreenImageProps) => JSX.Element;
+declare const FullScreenImage: (props: FullScreenImageProps) => JSX.Element;
 export default FullScreenImage;

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -5,7 +5,8 @@ import Image from '../Image/Image';
 import { PreviewClose, FullScreen } from '../../icons';
 import './FullScreenImage.css';
 const b = block('FullScreenImage');
-const FullScreenImage = ({ src, alt, imageClassName, disableCompress, modalImageClass, imageStyle, }) => {
+const FullScreenImage = (props) => {
+    const { imageClassName, modalImageClass, imageStyle } = props;
     const [isOpened, setIsOpened] = useState(false);
     const [isMouseEnter, setIsMouseEnter] = useState(false);
     const openModal = useCallback(() => setIsOpened(true), []);
@@ -14,13 +15,13 @@ const FullScreenImage = ({ src, alt, imageClassName, disableCompress, modalImage
     const hideFullScreenIcon = useCallback(() => setIsMouseEnter(false), []);
     return (React.createElement("div", { className: b() },
         React.createElement("div", { className: b('image-wrapper'), onMouseEnter: showFullScreenIcon, onMouseLeave: hideFullScreenIcon },
-            React.createElement(Image, { className: b('image', imageClassName), src: src, alt: alt, onClick: openModal, style: imageStyle, disableCompress: disableCompress }),
+            React.createElement(Image, Object.assign({}, props, { className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
             React.createElement("div", { className: b('icon-wrapper', { visible: isMouseEnter }), onClick: openModal },
                 React.createElement(Icon, { data: FullScreen, width: 18, height: 18, className: b('icon') }))),
         isOpened && (React.createElement(Modal, { open: isOpened, onClose: closeModal, className: b('modal') },
             React.createElement("div", { className: b('modal-content') },
                 React.createElement("div", { className: b('icon-wrapper', { visible: true }), onClick: closeModal },
                     React.createElement(Icon, { data: PreviewClose, width: 30, height: 30, className: b('icon', { hover: true }) })),
-                React.createElement(Image, { className: b('modal-image', modalImageClass), src: src, alt: alt, disableCompress: disableCompress }))))));
+                React.createElement(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) })))))));
 };
 export default FullScreenImage;

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

@@ -174,7 +174,7 @@ export interface MediaComponentYoutubeProps {
     previewImg?: string;
 }
 export interface MediaComponentImageProps {
-    image: ImageProps | ImageProps[];
+    image: ImageProps | ImageProps[] | ImageDeviceProps;
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.3.0",
+  "version": "1.4.0-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -121,5 +121,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

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

@@ -174,7 +174,7 @@ export interface MediaComponentYoutubeProps {
     previewImg?: string;
 }
 export interface MediaComponentImageProps {
-    image: ImageProps | ImageProps[];
+    image: ImageProps | ImageProps[] | ImageDeviceProps;
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;