@gravity-ui/page-constructor 4.16.0 → 4.18.0

package/build/esm/text-transform/utils.d.ts

@@ -1,6 +1,7 @@
 import { Options, Output } from '@doc-tools/transform';
 import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
+import AddRuleOptions = typograf.AddRuleOptions;
 export declare enum TransformType {
     Text = "text",
     Html = "html"
@@ -14,6 +15,7 @@ export declare const typografConfig: {
     disabled: string[];
 };
 export declare const sanitizeStripOptions: sanitize.IOptions;
+export declare function addTypografRules(options: AddRuleOptions[]): void;
 export declare function typograf(text: string, lang?: Lang): string;
 export declare function sanitizeHtml(html: string, options?: sanitize.IOptions): string;
 export declare function typografToHTML(text: string, lang: Lang, allowedTags?: string[]): string;

package/build/esm/text-transform/utils.js

@@ -34,31 +34,11 @@ export const sanitizeStripOptions = {
     allowedTags: [],
     allowedAttributes: {},
 };
-Typograf.addRule({
-    name: 'common/html/sup',
-    queue: 'end',
-    /* TODO mange with it: in typograf types AddRuleOptions.handler takes only one param: text.
-    But in cloud-www was used this notation with 3 params */
-    //@ts-ignore
-    handler: function (text, settings, context) {
-        const { prefs: { htmlEntity: { type = '' } = {} } = {} } = context;
-        let symbols;
-        switch (type) {
-            case 'digit':
-                symbols = '®|©|™';
-                break;
-            case 'name':
-                symbols = '®|©|™';
-                break;
-            default:
-                symbols = '®|©|™';
-                break;
-        }
-        const symbolsRegex = new RegExp(`(?<!<sup>\\s*)(${symbols})|(${symbols})(?!\\s*<\\/sup>)`, 'gi');
-        return text.replace(symbolsRegex, '<sup>$1</sup>');
-    },
-    htmlAttrs: false,
-});
+export function addTypografRules(options) {
+    options.forEach((option) => {
+        Typograf.addRule(option);
+    });
+}
 function enableRules(tp) {
     const { disabled, enabled } = typografConfig;
     enabled.forEach((rule) => tp.enableRule(rule));

package/package.json

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

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

@@ -120,6 +120,7 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
 }
 export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     url: string;
+    urlTitle?: string;
     text?: string;
     textSize?: TextSize;
     theme?: LinkTheme;
@@ -135,6 +136,7 @@ export interface FileLinkProps extends ClassNameProps, Tabbable {
     type?: FileLinkType;
     textSize?: TextSize;
     theme?: ContentTheme;
+    urlTitle?: string;
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
@@ -260,6 +262,7 @@ export interface TitleItemBaseProps {
     text: string;
     textSize?: TextSize;
     url?: string;
+    urlTitle?: string;
     custom?: string | ReactNode;
     onClick?: () => void;
 }

package/server/models/constructor-items/sub-blocks.d.ts

@@ -73,6 +73,7 @@ export interface QuoteProps extends Themable, CardBaseProps {
 }
 export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
+    urlTitle?: string;
     background?: ThemeSupporting<ImageObjectProps>;
     paddingBottom?: 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;

package/server/models/navigation.d.ts

@@ -29,6 +29,7 @@ export declare enum NavigationGithubButtonIcon {
 export interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {
     type: NavigationItemType.GithubButton;
     url: string;
+    urlTitle?: string;
     label?: string;
     icon?: keyof typeof NavigationGithubButtonIcon;
     size?: string;
@@ -36,6 +37,7 @@ export interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'>
 export interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {
     type: NavigationItemType.Link;
     url: string;
+    urlTitle?: string;
     arrow?: boolean;
     target?: string;
 }
@@ -52,6 +54,7 @@ export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
     type: NavigationItemType.Social;
     icon: ImageProps;
     url: string;
+    urlTitle?: string;
 }
 export type NavigationItemModel = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
 export type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | NavigationDropdownItem;

package/server/text-transform/config.d.ts

@@ -10,6 +10,7 @@ export declare const blockHeaderTransformer: ({
         justify?: import("../models").Justify | undefined;
         textSize?: import("../models").TextSize | undefined;
         url?: string | undefined;
+        urlTitle?: string | undefined;
         custom?: import("react").ReactNode;
         onClick?: (() => void) | undefined;
     };

package/server/text-transform/utils.d.ts

@@ -1,6 +1,7 @@
 import { Options, Output } from '@doc-tools/transform';
 import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
+import AddRuleOptions = typograf.AddRuleOptions;
 export declare enum TransformType {
     Text = "text",
     Html = "html"
@@ -14,6 +15,7 @@ export declare const typografConfig: {
     disabled: string[];
 };
 export declare const sanitizeStripOptions: sanitize.IOptions;
+export declare function addTypografRules(options: AddRuleOptions[]): void;
 export declare function typograf(text: string, lang?: Lang): string;
 export declare function sanitizeHtml(html: string, options?: sanitize.IOptions): string;
 export declare function typografToHTML(text: string, lang: Lang, allowedTags?: string[]): string;

package/server/text-transform/utils.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
+exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.addTypografRules = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
 const transform_1 = __importDefault(require("@doc-tools/transform"));
 const sanitize_html_1 = __importDefault(require("sanitize-html"));
 const typograf_1 = __importDefault(require("typograf"));
@@ -50,31 +50,12 @@ exports.sanitizeStripOptions = {
     allowedTags: [],
     allowedAttributes: {},
 };
-typograf_1.default.addRule({
-    name: 'common/html/sup',
-    queue: 'end',
-    /* TODO mange with it: in typograf types AddRuleOptions.handler takes only one param: text.
-    But in cloud-www was used this notation with 3 params */
-    //@ts-ignore
-    handler: function (text, settings, context) {
-        const { prefs: { htmlEntity: { type = '' } = {} } = {} } = context;
-        let symbols;
-        switch (type) {
-            case 'digit':
-                symbols = '®|©|™';
-                break;
-            case 'name':
-                symbols = '®|©|™';
-                break;
-            default:
-                symbols = '®|©|™';
-                break;
-        }
-        const symbolsRegex = new RegExp(`(?<!<sup>\\s*)(${symbols})|(${symbols})(?!\\s*<\\/sup>)`, 'gi');
-        return text.replace(symbolsRegex, '<sup>$1</sup>');
-    },
-    htmlAttrs: false,
-});
+function addTypografRules(options) {
+    options.forEach((option) => {
+        typograf_1.default.addRule(option);
+    });
+}
+exports.addTypografRules = addTypografRules;
 function enableRules(tp) {
     const { disabled, enabled } = exports.typografConfig;
     enabled.forEach((rule) => tp.enableRule(rule));