npm - @gravity-ui/page-constructor - Versions diffs - 4.29.2 → 4.31.0 - Mend

@gravity-ui/page-constructor 4.29.2 → 4.31.0

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.

Files changed (78) hide show

package/build/cjs/blocks/Banner/schema.d.ts CHANGED Viewed

@@ -58,6 +58,9 @@ export declare const BannerCardProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 primary: {
                     type: string;
                 };
@@ -354,6 +357,9 @@ export declare const BannerBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };
@@ -651,6 +657,9 @@ export declare const BannerCard: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };

package/build/cjs/blocks/CardLayout/schema.d.ts CHANGED Viewed

@@ -34,6 +34,9 @@ export declare const CardLayoutProps: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     resetMargin: {
                         type: string;
                     };
@@ -60,6 +63,9 @@ export declare const CardLayoutProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
             };
         };
         visible: {
@@ -115,6 +121,9 @@ export declare const CardLayoutBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -141,6 +150,9 @@ export declare const CardLayoutBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/ContentLayout/schema.d.ts CHANGED Viewed

@@ -83,6 +83,9 @@ export declare const ContentLayoutBlock: {
                                 url: {
                                     type: string;
                                 };
+                                urlTitle: {
+                                    type: string;
+                                };
                                 resetMargin: {
                                     type: string;
                                 };
@@ -224,6 +227,9 @@ export declare const ContentLayoutBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/ExtendedFeatures/schema.d.ts CHANGED Viewed

@@ -26,6 +26,9 @@ export declare const ExtendedFeaturesItem: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 arrow: {
                     type: string;
                 };
@@ -196,6 +199,9 @@ export declare const ExtendedFeaturesBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -222,6 +228,9 @@ export declare const ExtendedFeaturesBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/FilterBlock/schema.d.ts CHANGED Viewed

@@ -90,6 +90,9 @@ export declare const FilterProps: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     resetMargin: {
                         type: string;
                     };
@@ -116,6 +119,9 @@ export declare const FilterProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
             };
         };
         visible: {
@@ -200,6 +206,9 @@ export declare const FilterBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -226,6 +235,9 @@ export declare const FilterBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Header/Header.js CHANGED Viewed

@@ -21,7 +21,7 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, children, mediaView = 'full', } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = (0, theme_1.useTheme)();
     const hasRightSideImage = Boolean(image || video);
@@ -59,7 +59,7 @@ const HeaderBlock = (props) => {
                                     react_1.default.createElement(components_1.HTML, null, overtitle))),
                                 react_1.default.createElement("h1", { className: b('title') },
                                     status,
-                                    react_1.default.createElement(components_1.HTML, null, title)),
+                                    renderTitle ? renderTitle(title) : react_1.default.createElement(components_1.HTML, null, title)),
                                 description && (react_1.default.createElement("div", { className: b('description') },
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: {
                                             constructor: true,

package/build/cjs/blocks/Header/schema.d.ts CHANGED Viewed

@@ -1228,6 +1228,9 @@ export declare const HeaderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/HeaderSlider/schema.d.ts CHANGED Viewed

@@ -547,6 +547,9 @@ export declare const HeaderSliderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Icons/schema.d.ts CHANGED Viewed

@@ -127,6 +127,9 @@ export declare const IconsProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
             };
         };
         visible: {
@@ -275,6 +278,9 @@ export declare const IconsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Info/schema.d.ts CHANGED Viewed

@@ -75,6 +75,9 @@ export declare const InfoBlock: {
                                 url: {
                                     type: string;
                                 };
+                                urlTitle: {
+                                    type: string;
+                                };
                                 resetMargin: {
                                     type: string;
                                 };
@@ -159,6 +162,9 @@ export declare const InfoBlock: {
                                 url: {
                                     type: string;
                                 };
+                                urlTitle: {
+                                    type: string;
+                                };
                                 resetMargin: {
                                     type: string;
                                 };

package/build/cjs/blocks/Map/schema.d.ts CHANGED Viewed

@@ -141,6 +141,9 @@ export declare const MapBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };
@@ -389,6 +392,9 @@ export declare const MapBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -452,6 +458,9 @@ export declare const MapBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Media/schema.d.ts CHANGED Viewed

@@ -280,6 +280,9 @@ export declare const MediaBlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             primary: {
                 type: string;
             };
@@ -528,6 +531,9 @@ export declare const MediaBlockBaseProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };
@@ -591,6 +597,9 @@ export declare const MediaBlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
         };
     };
     visible: {
@@ -904,6 +913,9 @@ export declare const MediaBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };
@@ -1152,6 +1164,9 @@ export declare const MediaBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -1215,6 +1230,9 @@ export declare const MediaBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/PromoFeaturesBlock/schema.d.ts CHANGED Viewed

@@ -305,6 +305,9 @@ export declare const PromoFeaturesBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -331,6 +334,9 @@ export declare const PromoFeaturesBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Questions/schema.d.ts CHANGED Viewed

@@ -36,6 +36,9 @@ export declare const QuestionsBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -97,6 +100,9 @@ export declare const QuestionsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Slider/schema.d.ts CHANGED Viewed

@@ -100,6 +100,9 @@ export declare const SliderBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -197,6 +200,9 @@ export declare const SliderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -66,6 +66,9 @@ export declare const TableBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/blocks/Tabs/schema.d.ts CHANGED Viewed

@@ -279,6 +279,9 @@ export declare const tabsItem: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 arrow: {
                     type: string;
                 };
@@ -427,6 +430,9 @@ export declare const tabsItem: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     resetMargin: {
                         type: string;
                     };
@@ -535,6 +541,9 @@ export declare const TabsBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -558,6 +567,9 @@ export declare const TabsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

package/build/cjs/components/Button/Button.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { ButtonProps as ButtonParams, QAProps } from '../../models';
 export interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {
     className?: string;
     url?: string;
+    urlTitle?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;

package/build/cjs/components/Button/Button.js CHANGED Viewed

@@ -16,7 +16,7 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = (0, react_1.useCallback)((e) => {
@@ -45,7 +45,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, width: width }, buttonProps),
+    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, title: urlTitle, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         react_1.default.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
@@ -109,6 +109,7 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
+    renderTitle?: (title: string) => React.ReactNode;
 }
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;

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

@@ -42,6 +42,10 @@ export declare enum MediaVideoControlsType {
     Default = "default",
     Custom = "custom"
 }
+export declare enum QuoteType {
+    Chevron = "chevron",
+    EnglishDouble = "english-double"
+}
 export type TextTheme = 'light' | 'dark';
 export type TextSize = 'xs' | 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';

package/build/cjs/models/constructor-items/common.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.QuoteType = exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -51,3 +51,8 @@ var MediaVideoControlsType;
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
 })(MediaVideoControlsType = exports.MediaVideoControlsType || (exports.MediaVideoControlsType = {}));
+var QuoteType;
+(function (QuoteType) {
+    QuoteType["Chevron"] = "chevron";
+    QuoteType["EnglishDouble"] = "english-double";
+})(QuoteType = exports.QuoteType || (exports.QuoteType = {}));

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

@@ -1,4 +1,4 @@
-import { ClassNameProps } from '../../models';
+import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
@@ -67,9 +67,11 @@ export interface QuoteProps extends Themable, CardBaseProps {
     logo: ImageProps;
     color?: string;
     url?: string;
+    urlTitle?: string;
     author?: AuthorItem;
     buttonText?: string;
     theme?: TextTheme;
+    quoteType?: QuoteType;
 }
 export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
@@ -80,6 +82,7 @@ export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase,
 }
 export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     url: string;
+    urlTitle?: string;
     icon?: ImageProps;
     target?: string;
     iconPosition?: IconPosition;

package/build/cjs/schema/constants.d.ts CHANGED Viewed

@@ -8,6 +8,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             icon: {
                 oneOf: ({
                     type: string;
@@ -52,6 +55,9 @@ export declare const cardSchemas: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -163,6 +169,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             buttonText: {
                 type: string;
             };
@@ -202,6 +211,10 @@ export declare const cardSchemas: {
                     };
                 };
             };
+            quoteType: {
+                type: string;
+                enum: import("../models").QuoteType[];
+            };
             type: {};
             when: {
                 type: string;
@@ -215,6 +228,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             background: {
                 oneOf: (({
                     type: string;
@@ -372,6 +388,9 @@ export declare const cardSchemas: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -589,6 +608,9 @@ export declare const cardSchemas: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };