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/schema/validators/common.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme } from '../../models';
+import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme } from '../../models';
 export declare const mediaDirection: string[];
 export declare const textSize: string[];
 export declare const containerSizesArray: string[];
@@ -19,6 +19,7 @@ export declare const sizeNumber: {
     minimum: number;
 };
 export declare const contentThemes: string[];
+export declare const quoteTypes: QuoteType[];
 export declare const customControlsType: CustomControlsType[];
 export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {
@@ -376,6 +377,9 @@ export declare const LinkProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         arrow: {
             type: string;
         };
@@ -544,6 +548,9 @@ export declare const ButtonProps: {
     url: {
         type: string;
     };
+    urlTitle: {
+        type: string;
+    };
     primary: {
         type: string;
     };
@@ -795,6 +802,9 @@ export declare const AnchorProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
     };
 };
 export declare const BlockBaseProps: {
@@ -810,6 +820,9 @@ export declare const BlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
         };
     };
     visible: {
@@ -843,6 +856,9 @@ export declare const TitleProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         resetMargin: {
             type: string;
         };
@@ -859,6 +875,9 @@ export declare const ButtonBlock: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         primary: {
             type: string;
         };
@@ -1463,6 +1482,9 @@ export declare const BlockHeaderProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };

package/build/cjs/schema/validators/common.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.quoteTypes = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
@@ -19,6 +19,7 @@ exports.fileLinkTypes = ['vertical', 'horizontal'];
 exports.dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
 exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
+exports.quoteTypes = Object.values(models_1.QuoteType);
 exports.customControlsType = [
     models_1.CustomControlsType.WithMuteButton,
     models_1.CustomControlsType.WithPlayPauseButton,
@@ -210,6 +211,8 @@ exports.LinkProps = {
             contentType: 'text',
         }, url: {
             type: 'string',
+        }, urlTitle: {
+            type: 'string',
         }, arrow: {
             type: 'boolean',
         }, theme: {
@@ -285,6 +288,9 @@ exports.ButtonProps = {
     url: {
         type: 'string',
     },
+    urlTitle: {
+        type: 'string',
+    },
     primary: {
         type: 'boolean',
     },
@@ -439,6 +445,9 @@ exports.AnchorProps = {
         url: {
             type: 'string',
         },
+        urlTitle: {
+            type: 'string',
+        },
     },
 };
 exports.BlockBaseProps = Object.assign(Object.assign({}, exports.BaseProps), { anchor: exports.AnchorProps, visible: {
@@ -465,6 +474,9 @@ exports.TitleProps = {
         url: {
             type: 'string',
         },
+        urlTitle: {
+            type: 'string',
+        },
         resetMargin: {
             type: 'boolean',
         },

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts CHANGED Viewed

@@ -6,6 +6,9 @@ export declare const BackgroundCard: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             background: {
                 oneOf: (({
                     type: string;
@@ -163,6 +166,9 @@ export declare const BackgroundCard: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

package/build/cjs/sub-blocks/BackgroundCard/schema.js CHANGED Viewed

@@ -14,6 +14,8 @@ exports.BackgroundCard = {
         required: ['title', 'text'],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), BackgroundCardContentProps), { url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, background: (0, common_1.withTheme)(schema_1.ImageObjectProps), backgroundColor: {
                 type: 'string',
             }, paddingBottom: {

package/build/cjs/sub-blocks/BasicCard/schema.d.ts CHANGED Viewed

@@ -6,6 +6,9 @@ export declare const BasicCard: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             icon: {
                 oneOf: ({
                     type: string;
@@ -50,6 +53,9 @@ export declare const BasicCard: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

package/build/cjs/sub-blocks/BasicCard/schema.js CHANGED Viewed

@@ -13,6 +13,8 @@ exports.BasicCard = {
         required: [],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), BasicCardContentProps), { url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, icon: schema_1.ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],

package/build/cjs/sub-blocks/Content/schema.d.ts CHANGED Viewed

@@ -59,6 +59,9 @@ export declare const ContentBase: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };
@@ -147,6 +150,9 @@ export declare const ContentBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

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

@@ -270,6 +270,9 @@ export declare const LayoutItem: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

package/build/cjs/sub-blocks/Quote/Quote.css CHANGED Viewed

@@ -60,14 +60,23 @@ 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-quote__content::before {
+.pc-quote__content_quote-type_chevron::before {
   position: absolute;
   top: -1px;
   left: -10px;
   content: "«";
 }
-.pc-quote__text::after {
-  content: "».";
+.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+  content: "»";
+}
+.pc-quote__content_quote-type_english-double::before {
+  position: absolute;
+  top: -1px;
+  left: -8px;
+  content: "“";
+}
+.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+  content: "”";
 }
 .pc-quote__image {
   width: 100%;

package/build/cjs/sub-blocks/Quote/Quote.js CHANGED Viewed

@@ -11,7 +11,7 @@ const models_1 = require("../../models");
 const utils_2 = require("../../utils");
 const b = (0, utils_2.block)('quote');
 const Quote = (props) => {
-    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
+    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, urlTitle, buttonText, quoteType = models_1.QuoteType.Chevron, } = props;
     const theme = (0, theme_1.useTheme)();
     const imageThemed = (0, utils_2.getThemedValue)(image, theme);
     const imageData = (0, utils_1.getMediaImage)(imageThemed);
@@ -19,13 +19,13 @@ const Quote = (props) => {
     const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
         author && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: author, type: models_1.AuthorType.Line })),
-        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));
+        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick, title: urlTitle }, buttonText))));
     const logoProps = (0, utils_1.getMediaImage)(logo);
     return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
             react_1.default.createElement("div", null,
                 react_1.default.createElement(components_1.Image, Object.assign({ className: b('logo') }, logoProps)),
-                react_1.default.createElement("div", { className: b('content') },
+                react_1.default.createElement("div", { className: b('content', { 'quote-type': quoteType }) },
                     react_1.default.createElement("span", { className: b('text') },
                         react_1.default.createElement(components_1.HTML, null, text)))),
             renderFooter),

package/build/cjs/sub-blocks/Quote/schema.d.ts CHANGED Viewed

@@ -51,6 +51,9 @@ export declare const Quote: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             buttonText: {
                 type: string;
             };
@@ -90,6 +93,10 @@ export declare const Quote: {
                     };
                 };
             };
+            quoteType: {
+                type: string;
+                enum: import("../..").QuoteType[];
+            };
             type: {};
             when: {
                 type: string;

package/build/cjs/sub-blocks/Quote/schema.js CHANGED Viewed

@@ -14,8 +14,13 @@ exports.Quote = {
                 type: 'string',
             }, url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, buttonText: {
                 type: 'string',
-            }, theme: common_1.ThemeProps, author: common_1.authorItem }),
+            }, theme: common_1.ThemeProps, author: common_1.authorItem, quoteType: {
+                type: 'string',
+                enum: common_1.quoteTypes,
+            } }),
     },
 };

package/build/esm/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/esm/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/esm/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/esm/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/esm/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/esm/blocks/Header/Header.js CHANGED Viewed

@@ -18,7 +18,7 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 export 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 = useContext(MobileContext);
     const theme = useTheme();
     const hasRightSideImage = Boolean(image || video);
@@ -56,7 +56,7 @@ export const HeaderBlock = (props) => {
                                     React.createElement(HTML, null, overtitle))),
                                 React.createElement("h1", { className: b('title') },
                                     status,
-                                    React.createElement(HTML, null, title)),
+                                    renderTitle ? renderTitle(title) : React.createElement(HTML, null, title)),
                                 description && (React.createElement("div", { className: b('description') },
                                     React.createElement(YFMWrapper, { content: description, modifiers: {
                                             constructor: true,

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

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

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

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

package/build/esm/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/esm/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/esm/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/esm/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/esm/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: {