@gravity-ui/page-constructor 1.9.2 → 1.9.3-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.9.3](https://github.com/gravity-ui/page-constructor/compare/v1.9.2...v1.9.3) (2022-12-07)
+
+
+### Bug Fixes
+
+* **Tabs:** padding and image props ([#77](https://github.com/gravity-ui/page-constructor/issues/77)) ([5809e6b](https://github.com/gravity-ui/page-constructor/commit/5809e6b6364e0b3d01621d15371ef5d0aaa9518b))
+
 ## [1.9.2](https://github.com/gravity-ui/page-constructor/compare/v1.9.1...v1.9.2) (2022-12-07)
 
 

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

@@ -8,13 +8,11 @@ unpredictable css rules order in build */
   margin-bottom: 24px;
 }
 .pc-tabs-block__block-title_centered {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  margin-left: auto;
-  margin-right: auto;
   text-align: center;
 }
+.pc-tabs-block__block-title_centered > * {
+  margin: 0 auto;
+}
 .pc-tabs-block__tabs_centered {
   display: flex;
   justify-content: center;

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

@@ -4,6 +4,7 @@ export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDevi
     style?: CSSProperties;
     className?: string;
     onClick?: MouseEventHandler;
+    containerClassName?: string;
 }
 declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/build/cjs/components/Image/Image.js

@@ -4,14 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importStar)(require("react"));
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('image');
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
 const Image = (props) => {
     const projectSettings = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
-    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick } = props;
+    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
     const [imgLoadingError, setImgLoadingError] = (0, react_1.useState)(false);
     const imageSrc = src || desktop;
     if (!imageSrc) {
@@ -22,7 +20,7 @@ const Image = (props) => {
         disableCompress ||
         imageSrc.endsWith('.svg') ||
         imgLoadingError;
-    return (react_1.default.createElement("picture", { className: b() },
+    return (react_1.default.createElement("picture", { className: containerClassName },
         mobile && (react_1.default.createElement(react_1.Fragment, null,
             !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(mobile), type: "image/webp", media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)` })),
             react_1.default.createElement("source", { srcSet: mobile, media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)` }))),

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -19,6 +19,10 @@ unpredictable css rules order in build */
   object-fit: cover;
   display: block;
 }
+.pc-VideoBlock__image-wrapper {
+  height: 100%;
+  width: 100%;
+}
 .pc-VideoBlock__button {
   display: inline-block;
   margin: 0;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -91,7 +91,7 @@ const VideoBlock = (props) => {
         return null;
     }
     return (react_1.default.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick },
-        react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image') }),
+        react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper') }),
         playButton || (react_1.default.createElement("button", { className: b('button') },
             react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 })))))));
 };

package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css

@@ -84,7 +84,7 @@ unpredictable css rules order in build */
   margin: 10px 0 0 0;
 }
 .pc-hubspot-form .hs-form-field .input textarea {
-  height: 190px;
+  height: 110px;
   min-width: 100%;
   resize: none;
   padding-right: 30px;

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

@@ -8,13 +8,11 @@ unpredictable css rules order in build */
   margin-bottom: 24px;
 }
 .pc-tabs-block__block-title_centered {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  margin-left: auto;
-  margin-right: auto;
   text-align: center;
 }
+.pc-tabs-block__block-title_centered > * {
+  margin: 0 auto;
+}
 .pc-tabs-block__tabs_centered {
   display: flex;
   justify-content: center;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, MouseEventHandler } from 'react';
 import { ImageDeviceProps, ImageObjectProps } from '../../models';
-import './Image.css';
 export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDeviceProps> {
     style?: CSSProperties;
     className?: string;
     onClick?: MouseEventHandler;
+    containerClassName?: string;
 }
 declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/build/esm/components/Image/Image.js

@@ -1,15 +1,12 @@
 import React, { useContext, useState, Fragment } from 'react';
 import { ProjectSettingsContext } from '../../context/projectSettingsContext';
 import { BREAKPOINTS } from '../../constants';
-import { block } from '../../utils';
-import './Image.css';
-const b = block('image');
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
 const Image = (props) => {
     const projectSettings = useContext(ProjectSettingsContext);
-    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick } = props;
+    const { src, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
     const [imgLoadingError, setImgLoadingError] = useState(false);
     const imageSrc = src || desktop;
     if (!imageSrc) {
@@ -20,7 +17,7 @@ const Image = (props) => {
         disableCompress ||
         imageSrc.endsWith('.svg') ||
         imgLoadingError;
-    return (React.createElement("picture", { className: b() },
+    return (React.createElement("picture", { className: containerClassName },
         mobile && (React.createElement(Fragment, null,
             !disableWebp && (React.createElement("source", { srcSet: checkWebP(mobile), type: "image/webp", media: `(max-width: ${BREAKPOINTS.sm}px)` })),
             React.createElement("source", { srcSet: mobile, media: `(max-width: ${BREAKPOINTS.sm}px)` }))),

package/build/esm/components/VideoBlock/VideoBlock.css

@@ -19,6 +19,10 @@ unpredictable css rules order in build */
   object-fit: cover;
   display: block;
 }
+.pc-VideoBlock__image-wrapper {
+  height: 100%;
+  width: 100%;
+}
 .pc-VideoBlock__button {
   display: inline-block;
   margin: 0;

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -87,7 +87,7 @@ const VideoBlock = (props) => {
         return null;
     }
     return (React.createElement("div", { className: b(null, className), ref: ref, style: { height: currentHeight } }, previewImg && !hidePreview && (React.createElement("div", { className: b('preview'), onClick: onPreviewClick },
-        React.createElement(Image, { src: previewImg, className: b('image') }),
+        React.createElement(Image, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper') }),
         playButton || (React.createElement("button", { className: b('button') },
             React.createElement(Icon, { className: b('icon'), data: PlayVideo, size: 24 })))))));
 };

package/build/esm/sub-blocks/HubspotForm/HubspotForm.css

@@ -84,7 +84,7 @@ unpredictable css rules order in build */
   margin: 10px 0 0 0;
 }
 .pc-hubspot-form .hs-form-field .input textarea {
-  height: 190px;
+  height: 110px;
   min-width: 100%;
   resize: none;
   padding-right: 30px;

package/package.json

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

package/build/cjs/components/Image/Image.css

@@ -1,4 +0,0 @@
-.pc-image {
-  height: 100%;
-  width: 100%;
-}

package/build/esm/components/Image/Image.css

@@ -1,4 +0,0 @@
-.pc-image {
-  height: 100%;
-  width: 100%;
-}