@doyourjob/gravity-ui-page-constructor 5.31.52 → 5.31.54

package/build/cjs/blocks/HighlightTable/HighlightTable.css

@@ -1,37 +1,22 @@
-.pc-highlight-table-block__title {
-  margin: 0;
-}
-
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-highlight-table-block__description {
-  margin-bottom: 16px;
-}
-.pc-highlight-table-block__title {
-  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
-  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
-  color: var(--pc-text-header-color);
-  font-weight: var(--g-text-accent-font-weight);
-  position: sticky;
-  display: block;
-  margin-bottom: 16px;
-}
-@media (max-width: 576px) {
-  .pc-highlight-table-block__title {
-    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
-    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
-  }
-}
 .pc-highlight-table-block__legend {
   display: flex;
   column-gap: 28px;
   align-items: center;
   justify-content: center;
+  margin-top: 16px;
   margin-bottom: 12px;
 }
 .pc-highlight-table-block__legend-item {
   display: flex;
   align-items: center;
+  font-size: 15px;
+  line-height: 20px;
+}
+.pc-highlight-table-block__legend-item img {
+  display: inline-block;
+  vertical-align: middle;
 }
 .pc-highlight-table-block__table {
   overflow: auto;
@@ -74,6 +59,10 @@ unpredictable css rules order in build */
 .pc-highlight-table-block__cell p {
   margin: 0;
 }
+.pc-highlight-table-block__cell img {
+  display: inline-block;
+  vertical-align: middle;
+}
 .pc-highlight-table-block__scrollbar {
   visibility: hidden;
   overflow: hidden;

package/build/cjs/blocks/HighlightTable/HighlightTable.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightTableBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
@@ -70,10 +69,8 @@ const HighlightTableBlock = (props) => {
         })));
     }, [table.customColumnWidth, table.highlighter, table.justify]);
     return (react_1.default.createElement("div", { ref: blockRef, className: b() },
-        react_1.default.createElement(uikit_1.Text, { className: b('title'), variant: "header-2" }, title),
-        description && (react_1.default.createElement("div", { className: b('description') },
-            react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: { constructor: true } }))),
-        (legend === null || legend === void 0 ? void 0 : legend.length) && (react_1.default.createElement("div", { className: b('legend') }, legend.map((item, index) => (react_1.default.createElement(components_1.HTML, { className: b('legend-item'), key: String(index) }, item))))),
+        (title || description) && react_1.default.createElement(components_1.Title, { title: title, subtitle: description }),
+        (legend === null || legend === void 0 ? void 0 : legend.length) && (react_1.default.createElement("div", { className: b('legend') }, legend.map((item, index) => (react_1.default.createElement(components_1.HTML, { className: b('legend-item'), block: true, key: String(index) }, item))))),
         react_1.default.createElement("div", { ref: tableRef, className: b('table') },
             react_1.default.createElement("div", { ref: tableContentRef, className: b('content') },
                 react_1.default.createElement("div", { className: b('head') }, renderRow(firstRow, 0)),

package/build/cjs/text-transform/config.js

@@ -20,6 +20,9 @@ function parseHighlightTableBlock(transformer, content) {
     const rows = (content === null || content === void 0 ? void 0 : content.content) || [];
     return Object.assign(Object.assign({}, (content || {})), { content: rows.map((row) => row.map((col) => transformer(col))) });
 }
+function parseHighlightTableBlockLegend(transformer, legend) {
+    return legend.map((item) => transformer(item));
+}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = tslib_1.__rest(_a, ["title", "text"]);
@@ -279,6 +282,11 @@ exports.config = {
             fields: ['description'],
             transformer: common_1.yfmTransformer,
         },
+        {
+            fields: ['legend'],
+            transformer: common_1.yfmTransformer,
+            parser: parseHighlightTableBlockLegend,
+        },
         {
             fields: ['table'],
             transformer: common_1.yfmTransformer,

package/build/esm/blocks/HighlightTable/HighlightTable.css

@@ -1,37 +1,22 @@
-.pc-highlight-table-block__title {
-  margin: 0;
-}
-
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-highlight-table-block__description {
-  margin-bottom: 16px;
-}
-.pc-highlight-table-block__title {
-  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
-  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
-  color: var(--pc-text-header-color);
-  font-weight: var(--g-text-accent-font-weight);
-  position: sticky;
-  display: block;
-  margin-bottom: 16px;
-}
-@media (max-width: 576px) {
-  .pc-highlight-table-block__title {
-    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
-    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
-  }
-}
 .pc-highlight-table-block__legend {
   display: flex;
   column-gap: 28px;
   align-items: center;
   justify-content: center;
+  margin-top: 16px;
   margin-bottom: 12px;
 }
 .pc-highlight-table-block__legend-item {
   display: flex;
   align-items: center;
+  font-size: 15px;
+  line-height: 20px;
+}
+.pc-highlight-table-block__legend-item img {
+  display: inline-block;
+  vertical-align: middle;
 }
 .pc-highlight-table-block__table {
   overflow: auto;
@@ -74,6 +59,10 @@ unpredictable css rules order in build */
 .pc-highlight-table-block__cell p {
   margin: 0;
 }
+.pc-highlight-table-block__cell img {
+  display: inline-block;
+  vertical-align: middle;
+}
 .pc-highlight-table-block__scrollbar {
   visibility: hidden;
   overflow: hidden;

package/build/esm/blocks/HighlightTable/HighlightTable.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useRef } from 'react';
-import { Text } from '@gravity-ui/uikit';
 import debounce from 'lodash/debounce';
-import { HTML, YFMWrapper } from '../../components';
+import { HTML, Title } from '../../components';
 import { block } from '../../utils';
 import './HighlightTable.css';
 const b = block('highlight-table-block');
@@ -67,10 +66,8 @@ export const HighlightTableBlock = (props) => {
         })));
     }, [table.customColumnWidth, table.highlighter, table.justify]);
     return (React.createElement("div", { ref: blockRef, className: b() },
-        React.createElement(Text, { className: b('title'), variant: "header-2" }, title),
-        description && (React.createElement("div", { className: b('description') },
-            React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))),
-        (legend === null || legend === void 0 ? void 0 : legend.length) && (React.createElement("div", { className: b('legend') }, legend.map((item, index) => (React.createElement(HTML, { className: b('legend-item'), key: String(index) }, item))))),
+        (title || description) && React.createElement(Title, { title: title, subtitle: description }),
+        (legend === null || legend === void 0 ? void 0 : legend.length) && (React.createElement("div", { className: b('legend') }, legend.map((item, index) => (React.createElement(HTML, { className: b('legend-item'), block: true, key: String(index) }, item))))),
         React.createElement("div", { ref: tableRef, className: b('table') },
             React.createElement("div", { ref: tableContentRef, className: b('content') },
                 React.createElement("div", { className: b('head') }, renderRow(firstRow, 0)),

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

@@ -17,6 +17,9 @@ function parseHighlightTableBlock(transformer, content) {
     const rows = (content === null || content === void 0 ? void 0 : content.content) || [];
     return Object.assign(Object.assign({}, (content || {})), { content: rows.map((row) => row.map((col) => transformer(col))) });
 }
+function parseHighlightTableBlockLegend(transformer, legend) {
+    return legend.map((item) => transformer(item));
+}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = __rest(_a, ["title", "text"]);
@@ -276,6 +279,11 @@ export const config = {
             fields: ['description'],
             transformer: yfmTransformer,
         },
+        {
+            fields: ['legend'],
+            transformer: yfmTransformer,
+            parser: parseHighlightTableBlockLegend,
+        },
         {
             fields: ['table'],
             transformer: yfmTransformer,

package/package.json

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

package/server/text-transform/config.js

@@ -30,6 +30,9 @@ function parseHighlightTableBlock(transformer, content) {
     const rows = (content === null || content === void 0 ? void 0 : content.content) || [];
     return Object.assign(Object.assign({}, (content || {})), { content: rows.map((row) => row.map((col) => transformer(col))) });
 }
+function parseHighlightTableBlockLegend(transformer, legend) {
+    return legend.map((item) => transformer(item));
+}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = __rest(_a, ["title", "text"]);
@@ -289,6 +292,11 @@ exports.config = {
             fields: ['description'],
             transformer: common_1.yfmTransformer,
         },
+        {
+            fields: ['legend'],
+            transformer: common_1.yfmTransformer,
+            parser: parseHighlightTableBlockLegend,
+        },
         {
             fields: ['table'],
             transformer: common_1.yfmTransformer,