@gravity-ui/page-constructor 4.56.0 → 4.57.0

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

@@ -1,12 +1,10 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { CardBase, IconWrapper } from '../../components';
+import { Buttons, CardBase, IconWrapper, Links } from '../../components';
 import { IconPosition } from '../../models/constructor-items/sub-blocks';
 import { block } from '../../utils';
-import renderContentControls from '../../utils/renderContentControls/renderContentControls';
 import Content from '../Content/Content';
-import renderCardFooterControlsContainer from '../renderCardFooterControlsContainer/renderCardFooterControlsContainer';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
@@ -14,16 +12,12 @@ const BasicCard = (props) => {
     const titleId = useUniqId();
     const descriptionId = useUniqId();
     const areControlsInFooter = controlPosition === 'footer';
-    const footerControls = useMemo(() => renderContentControls({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer), [areControlsInFooter, links, buttons, titleId]);
     return (React.createElement(CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         React.createElement(CardBase.Content, null,
             React.createElement(IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
                 React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: areControlsInFooter ? undefined : links, list: list, buttons: areControlsInFooter ? undefined : buttons, size: "s", colSizes: { all: 12, md: 12 } }))),
-        footerControls));
+        areControlsInFooter && (buttons || links) && (React.createElement(CardBase.Footer, { className: b('footer') },
+            React.createElement(Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            React.createElement(Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 export default BasicCard;

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

@@ -57,7 +57,9 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__text_without-title {
   margin-top: 0;
 }
-.pc-content_size_s .pc-content__list {
+.pc-content_size_s .pc-content__list,
+.pc-content_size_s .pc-content__links,
+.pc-content_size_s .pc-content__buttons {
   margin-top: 16px;
 }
 .pc-content_size_l .pc-content__text,
@@ -72,7 +74,9 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-content_size_l .pc-content__list {
+.pc-content_size_l .pc-content__list,
+.pc-content_size_l .pc-content__links,
+.pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
 .pc-content_theme_dark {

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

@@ -1,10 +1,9 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { ContentList, Title, YFMWrapper } from '../../components';
+import { Buttons, ContentList, Links, Title, YFMWrapper } from '../../components';
 import { Col } from '../../grid';
 import { block } from '../../utils';
 import { getQaAttrubutes } from '../../utils/blocks';
-import renderContentControls from '../../utils/renderContentControls/renderContentControls';
 import './Content.css';
 const b = block('content');
 function getTextSize(size) {
@@ -25,13 +24,6 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = useUniqId();
     const titleId = titleIdFromProps || defaultTitleId;
-    const controls = useMemo(() => renderContentControls({
-        size,
-        links,
-        buttons,
-        titleId,
-        qa: qaAttributes,
-    }), [size, links, buttons, titleId, qaAttributes]);
     return (React.createElement(Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && (React.createElement(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
@@ -44,6 +36,7 @@ const Content = (props) => {
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        controls));
+        links && (React.createElement(Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        buttons && (React.createElement(Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
 };
 export default Content;

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

@@ -22,4 +22,7 @@ unpredictable css rules order in build */
 }
 .pc-layout-item__content_no-media {
   margin: 0;
+}
+.pc-layout-item__links, .pc-layout-item__buttons {
+  margin-top: 16px;
 }

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

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { FullscreenMedia, IconWrapper, Media, MetaInfo } from '../../components';
+import { Buttons, FullscreenMedia, IconWrapper, Links, Media, MetaInfo } from '../../components';
 import { block } from '../../utils';
-import renderContentControls from '../../utils/renderContentControls/renderContentControls';
 import Content from '../Content/Content';
 import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
@@ -14,12 +13,6 @@ const LayoutItem = (_a) => {
     const areControlsInFooter = controlPosition === 'footer';
     const contentProps = Object.assign(Object.assign(Object.assign({}, content), (areControlsInFooter ? {} : { links: normalizedLinks, buttons })), { size: 's', colSizes: { all: 12, md: 12 } });
     const titleId = useUniqId();
-    const footerControls = useMemo(() => renderContentControls({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }), [areControlsInFooter, links, buttons, titleId]);
     const renderMedia = () => {
         if (!media) {
             return null;
@@ -35,6 +28,7 @@ const LayoutItem = (_a) => {
         React.createElement("div", { className: b('content', { 'no-media': !media }) },
             React.createElement(IconWrapper, { icon: icon },
                 React.createElement(Content, Object.assign({}, contentProps, { titleId: titleId })))),
-        footerControls));
+        areControlsInFooter && links && (React.createElement(Links, { className: b('links'), size: "s", links: links, titleId: titleId })),
+        areControlsInFooter && buttons && (React.createElement(Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId }))));
 };
 export default LayoutItem;

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

@@ -43,6 +43,9 @@ export declare const LayoutItem: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

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

@@ -126,6 +126,9 @@ export declare const MediaCardBlock: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

package/package.json

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

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

@@ -197,6 +197,7 @@ export interface MediaComponentImageProps {
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;
+    disableImageSliderForArrayInput?: boolean;
 }
 export interface MediaComponentDataLensProps {
     dataLens: DataLensProps;