@doyourjob/gravity-ui-page-constructor 5.31.149 → 5.31.151

package/build/cjs/blocks/Table/Table.css

@@ -14,6 +14,9 @@ unpredictable css rules order in build */
 .pc-table-block__description {
   margin: 12px 32px 0 0;
 }
+*[dir=rtl] .pc-table-block__description {
+  margin: 12px 0 0 32px;
+}
 .pc-table-block__bottomObject {
   margin-top: 24px;
 }

package/build/cjs/blocks/Table/Table.js

@@ -10,8 +10,22 @@ const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('table-block');
 const bTable = (0, utils_1.block)('table');
 const bScrollbar = (0, utils_1.block)('table-scrollbar');
+function getTitleVariant(titleSize) {
+    switch (titleSize) {
+        case 'xs':
+            return 'header-1';
+        case 's':
+            return 'header-2';
+        case 'l':
+        case 'xl':
+            return 'display-3';
+        case 'm':
+        default:
+            return 'display-2';
+    }
+}
 const TableBlock = (props) => {
-    const { title, table, description, links = [], buttons = [] } = props;
+    const { title, titleSize, table, description, links = [], buttons = [] } = props;
     const tableRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -43,7 +57,7 @@ const TableBlock = (props) => {
         react_1.default.createElement(grid_1.Grid, { className: b('content') },
             react_1.default.createElement(grid_1.Row, { className: b('row') },
                 react_1.default.createElement(grid_1.Col, { className: b('lhs'), sizes: { [grid_1.GridColumnSize.Md]: 3, [grid_1.GridColumnSize.All]: 12 }, alignSelf: grid_1.GridColumnAlignSelf.Start },
-                    react_1.default.createElement(uikit_1.Text, { variant: "display-2" }, title),
+                    react_1.default.createElement(uikit_1.Text, { variant: getTitleVariant(titleSize) }, title),
                     description && (react_1.default.createElement("div", { className: b('description') },
                         react_1.default.createElement(uikit_1.Text, { variant: "body-2" },
                             react_1.default.createElement(components_1.HTML, null, description)))),

package/build/cjs/blocks/Table/schema.d.ts

@@ -7,6 +7,10 @@ export declare const TableBlock: {
                 type: string;
                 contentType: string;
             };
+            titleSize: {
+                type: string;
+                enum: string[];
+            };
             description: {
                 type: string;
             };

package/build/cjs/blocks/Table/schema.js

@@ -10,6 +10,9 @@ exports.TableBlock = {
         properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
+            }, titleSize: {
+                type: 'string',
+                enum: common_1.titleTextSize,
             }, description: {
                 type: 'string',
             }, links: (0, utils_1.filteredArray)(common_1.LinkProps), buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock), table: {

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

@@ -53,7 +53,7 @@ export declare const subBlockMap: {
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, analyticsEvents, label, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "layout-item": ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, paddingBottom, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": import("react").MemoExoticComponent<(props: import("./models").BasicCardProps) => JSX.Element>;
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { BlockBackgroundType, ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleTextSize, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     AdvantagesBlock = "advantages-block",
@@ -394,6 +394,7 @@ export interface TableBlockProps {
     description?: string;
     links?: LinkProps[];
     buttons?: ButtonProps[];
+    titleSize?: TitleTextSize;
 }
 export interface FormWallBlockProps {
     formData: FormBlockHubspotData;

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -181,6 +181,7 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
     jumpOnHover?: boolean;
     backgroundColor?: string;
     background?: ThemeSupporting<ImageObjectProps>;
+    paddingBottom?: 's' | 'm' | 'l' | 'xl';
 }
 export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
     image: ThemeSupporting<ImageProps>;

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

@@ -9,6 +9,18 @@ unpredictable css rules order in build */
 .pc-layout-item_with-image {
   padding: 16px;
 }
+.pc-layout-item_paddingBottom_s {
+  padding-bottom: 80px;
+}
+.pc-layout-item_paddingBottom_m {
+  padding-bottom: 160px;
+}
+.pc-layout-item_paddingBottom_l {
+  padding-bottom: 240px;
+}
+.pc-layout-item_paddingBottom_xl {
+  padding-bottom: 320px;
+}
 .pc-layout-item__wrap {
   margin-bottom: 16px;
 }

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
 import { LayoutItemProps } from '../../models';
-declare const LayoutItem: ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, paddingBottom, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -12,7 +12,7 @@ const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const utils_3 = require("./utils");
 const b = (0, utils_2.block)('layout-item');
 const LayoutItem = (_a) => {
-    var { title, afterTitle, summary, rightSpace = true } = _a, _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', label, jumpOnHover, background, backgroundColor } = _a;
+    var { title, afterTitle, summary, rightSpace = true } = _a, _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', label, jumpOnHover, background, backgroundColor, paddingBottom } = _a;
     const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_3.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
@@ -35,7 +35,11 @@ const LayoutItem = (_a) => {
             return (react_1.default.createElement(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
         })) : (react_1.default.createElement(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return (react_1.default.createElement("div", { className: b({ jumpOnHover, 'with-image': Boolean(background || backgroundColor) }, className) },
+    return (react_1.default.createElement("div", { className: b({
+            jumpOnHover,
+            paddingBottom,
+            'with-image': Boolean(background || backgroundColor),
+        }, className) },
         react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, backgroundProps, { style: { backgroundColor } })),
         label && react_1.default.createElement(components_1.Tag, Object.assign({}, label)),
         (title || afterTitle) && (react_1.default.createElement("div", { className: b('wrap', { right: rightSpace }) },

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -748,6 +748,10 @@ export declare const LayoutItem: {
         backgroundColor: {
             type: string;
         };
+        paddingBottom: {
+            type: string;
+            enum: string[];
+        };
         controlPosition: {
             type: string;
             enum: string[];

package/build/cjs/sub-blocks/LayoutItem/schema.js

@@ -71,5 +71,8 @@ exports.LayoutItem = {
             type: 'boolean',
         }, background: (0, common_1.withTheme)(schema_1.ImageObjectProps), backgroundColor: {
             type: 'string',
+        }, paddingBottom: {
+            type: 'string',
+            enum: ['s', 'm', 'l', 'xl'],
         } }),
 };

package/build/esm/blocks/Table/Table.css

@@ -14,6 +14,9 @@ unpredictable css rules order in build */
 .pc-table-block__description {
   margin: 12px 32px 0 0;
 }
+*[dir=rtl] .pc-table-block__description {
+  margin: 12px 0 0 32px;
+}
 .pc-table-block__bottomObject {
   margin-top: 24px;
 }

package/build/esm/blocks/Table/Table.js

@@ -7,8 +7,22 @@ import './Table.css';
 const b = block('table-block');
 const bTable = block('table');
 const bScrollbar = block('table-scrollbar');
+function getTitleVariant(titleSize) {
+    switch (titleSize) {
+        case 'xs':
+            return 'header-1';
+        case 's':
+            return 'header-2';
+        case 'l':
+        case 'xl':
+            return 'display-3';
+        case 'm':
+        default:
+            return 'display-2';
+    }
+}
 export const TableBlock = (props) => {
-    const { title, table, description, links = [], buttons = [] } = props;
+    const { title, titleSize, table, description, links = [], buttons = [] } = props;
     const tableRef = useRef(null);
     useEffect(() => {
         var _a;
@@ -40,7 +54,7 @@ export const TableBlock = (props) => {
         React.createElement(Grid, { className: b('content') },
             React.createElement(Row, { className: b('row') },
                 React.createElement(Col, { className: b('lhs'), sizes: { [GridColumnSize.Md]: 3, [GridColumnSize.All]: 12 }, alignSelf: GridColumnAlignSelf.Start },
-                    React.createElement(Text, { variant: "display-2" }, title),
+                    React.createElement(Text, { variant: getTitleVariant(titleSize) }, title),
                     description && (React.createElement("div", { className: b('description') },
                         React.createElement(Text, { variant: "body-2" },
                             React.createElement(HTML, null, description)))),

package/build/esm/blocks/Table/schema.d.ts

@@ -7,6 +7,10 @@ export declare const TableBlock: {
                 type: string;
                 contentType: string;
             };
+            titleSize: {
+                type: string;
+                enum: string[];
+            };
             description: {
                 type: string;
             };

package/build/esm/blocks/Table/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps, BlockBaseProps, ButtonBlock, JustifyProps, LinkProps, } from '../../schema/validators/common';
+import { BaseProps, BlockBaseProps, ButtonBlock, JustifyProps, LinkProps, titleTextSize, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 export const TableBlock = {
     'table-block': {
@@ -7,6 +7,9 @@ export const TableBlock = {
         properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
+            }, titleSize: {
+                type: 'string',
+                enum: titleTextSize,
             }, description: {
                 type: 'string',
             }, links: filteredArray(LinkProps), buttons: filteredArray(ButtonBlock), table: {

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

@@ -53,7 +53,7 @@ export declare const subBlockMap: {
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, analyticsEvents, label, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "layout-item": ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, paddingBottom, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": import("react").MemoExoticComponent<(props: import("./models").BasicCardProps) => JSX.Element>;
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { BlockBackgroundType, ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleTextSize, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     AdvantagesBlock = "advantages-block",
@@ -394,6 +394,7 @@ export interface TableBlockProps {
     description?: string;
     links?: LinkProps[];
     buttons?: ButtonProps[];
+    titleSize?: TitleTextSize;
 }
 export interface FormWallBlockProps {
     formData: FormBlockHubspotData;

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -181,6 +181,7 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
     jumpOnHover?: boolean;
     backgroundColor?: string;
     background?: ThemeSupporting<ImageObjectProps>;
+    paddingBottom?: 's' | 'm' | 'l' | 'xl';
 }
 export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
     image: ThemeSupporting<ImageProps>;

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

@@ -9,6 +9,18 @@ unpredictable css rules order in build */
 .pc-layout-item_with-image {
   padding: 16px;
 }
+.pc-layout-item_paddingBottom_s {
+  padding-bottom: 80px;
+}
+.pc-layout-item_paddingBottom_m {
+  padding-bottom: 160px;
+}
+.pc-layout-item_paddingBottom_l {
+  padding-bottom: 240px;
+}
+.pc-layout-item_paddingBottom_xl {
+  padding-bottom: 320px;
+}
 .pc-layout-item__wrap {
   margin-bottom: 16px;
 }

package/build/esm/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,4 +1,4 @@
 import { LayoutItemProps } from '../../models';
 import './LayoutItem.css';
-declare const LayoutItem: ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, jumpOnHover, background, backgroundColor, paddingBottom, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js

@@ -11,7 +11,7 @@ import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
-    var { title, afterTitle, summary, rightSpace = true } = _a, _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', label, jumpOnHover, background, backgroundColor } = _a;
+    var { title, afterTitle, summary, rightSpace = true } = _a, _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, mediaLink, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', label, jumpOnHover, background, backgroundColor, paddingBottom } = _a;
     const normalizedLinks = useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();
@@ -34,7 +34,11 @@ const LayoutItem = (_a) => {
             return (React.createElement(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
         })) : (React.createElement(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return (React.createElement("div", { className: b({ jumpOnHover, 'with-image': Boolean(background || backgroundColor) }, className) },
+    return (React.createElement("div", { className: b({
+            jumpOnHover,
+            paddingBottom,
+            'with-image': Boolean(background || backgroundColor),
+        }, className) },
         React.createElement(BackgroundImage, Object.assign({ className: b('image') }, backgroundProps, { style: { backgroundColor } })),
         label && React.createElement(Tag, Object.assign({}, label)),
         (title || afterTitle) && (React.createElement("div", { className: b('wrap', { right: rightSpace }) },

package/build/esm/sub-blocks/LayoutItem/schema.d.ts

@@ -748,6 +748,10 @@ export declare const LayoutItem: {
         backgroundColor: {
             type: string;
         };
+        paddingBottom: {
+            type: string;
+            enum: string[];
+        };
         controlPosition: {
             type: string;
             enum: string[];

package/build/esm/sub-blocks/LayoutItem/schema.js

@@ -67,5 +67,8 @@ export const LayoutItem = {
             type: 'boolean',
         }, background: withTheme(ImageObjectProps), backgroundColor: {
             type: 'string',
+        }, paddingBottom: {
+            type: 'string',
+            enum: ['s', 'm', 'l', 'xl'],
         } }),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.149",
+  "version": "5.31.151",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {