@gravity-ui/page-constructor 4.17.0 → 4.18.1

package/build/cjs/blocks/HeaderSlider/HeaderSlider.css

@@ -46,6 +46,9 @@ unpredictable css rules order in build */
     padding-left: 0;
     padding-right: 0;
   }
+  .pc-header-slider-block__item-content .pc-header-block__container-fluid {
+    padding-left: 24px;
+  }
   .pc-header-slider-block .slick-track .slick-slide {
     max-width: 100%;
   }

package/build/cjs/blocks/Slider/Slider.css

@@ -373,7 +373,10 @@ unpredictable css rules order in build */
     padding-left: 0;
   }
   .pc-SliderBlock_type_header-card.pc-SliderBlock:not(.pc-SliderBlock_type_header-card_one-slide) .slick-slide {
-    padding-right: 0;
+    /* stylelint-disable declaration-no-important */
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+    /* stylelint-enable declaration-no-important */
   }
   .pc-SliderBlock_type_header-card.pc-SliderBlock:not(.pc-SliderBlock_type_header-card_one-slide) .slick-slide:last-child {
     padding-right: 0;

package/build/cjs/editor/components/AddBlock/AddBlock.js

@@ -17,7 +17,7 @@ const AddBlock = ({ onAdd, className }) => {
         .toLocaleLowerCase()
         .startsWith(search.toLocaleLowerCase())), [search]);
     return (react_1.default.createElement("div", { className: b(null, className), ref: ref },
-        react_1.default.createElement("button", { className: b('button'), onClick: () => {
+        react_1.default.createElement("button", { className: b('button'), type: "button", onClick: () => {
                 setIsOpened(!isOpened);
                 setSearch('');
             } },

package/build/cjs/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/cjs/text-transform/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 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 tslib_1 = require("tslib");
 const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
 const sanitize_html_1 = tslib_1.__importDefault(require("sanitize-html"));
@@ -37,31 +37,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));

package/build/esm/blocks/HeaderSlider/HeaderSlider.css

@@ -46,6 +46,9 @@ unpredictable css rules order in build */
     padding-left: 0;
     padding-right: 0;
   }
+  .pc-header-slider-block__item-content .pc-header-block__container-fluid {
+    padding-left: 24px;
+  }
   .pc-header-slider-block .slick-track .slick-slide {
     max-width: 100%;
   }

package/build/esm/blocks/Slider/Slider.css

@@ -373,7 +373,10 @@ unpredictable css rules order in build */
     padding-left: 0;
   }
   .pc-SliderBlock_type_header-card.pc-SliderBlock:not(.pc-SliderBlock_type_header-card_one-slide) .slick-slide {
-    padding-right: 0;
+    /* stylelint-disable declaration-no-important */
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+    /* stylelint-enable declaration-no-important */
   }
   .pc-SliderBlock_type_header-card.pc-SliderBlock:not(.pc-SliderBlock_type_header-card_one-slide) .slick-slide:last-child {
     padding-right: 0;

package/build/esm/editor/components/AddBlock/AddBlock.js

@@ -15,7 +15,7 @@ const AddBlock = ({ onAdd, className }) => {
         .toLocaleLowerCase()
         .startsWith(search.toLocaleLowerCase())), [search]);
     return (React.createElement("div", { className: b(null, className), ref: ref },
-        React.createElement("button", { className: b('button'), onClick: () => {
+        React.createElement("button", { className: b('button'), type: "button", onClick: () => {
                 setIsOpened(!isOpened);
                 setSearch('');
             } },

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.17.0",
+  "version": "4.18.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

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));