@gravity-ui/page-constructor 1.11.1 → 1.12.1-alpha.0

package/build/esm/components/Author/schema.d.ts

@@ -10,9 +10,11 @@ export declare const author: {
                 properties: {
                     firstName: {
                         type: string;
+                        contentType: string;
                     };
                     secondName: {
                         type: string;
+                        contentType: string;
                     };
                     avatar: {
                         type: string;
@@ -20,6 +22,7 @@ export declare const author: {
                     };
                     description: {
                         type: string;
+                        contentType: string;
                     };
                 };
             };

package/build/esm/components/BlockHeader/BlockHeader.css

@@ -1,27 +1,16 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-BlockHeader__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 16px;
-}
-.pc-BlockHeader__description_titleSize_s {
-  margin-top: 8px;
+.pc-block-header__description {
+  margin-top: 12px;
 }
-.pc-BlockHeader__description_titleSize_l {
+.pc-block-header__description .yfm {
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-BlockHeader__description a {
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-BlockHeader__description a:focus {
-  outline: 2px solid #ffdb4d;
+.pc-block-header__description_titleSize_s {
+  margin-top: 8px;
 }
-.pc-BlockHeader__description a:hover, .pc-BlockHeader__description a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+.pc-block-header__description_titleSize_s .yfm {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
 }

package/build/esm/components/BlockHeader/BlockHeader.js

@@ -2,9 +2,10 @@ import { __rest } from "tslib";
 import React from 'react';
 import { block } from '../../utils';
 import { Col } from '../../grid';
-import { Title, HTML } from '../';
+import { Title } from '../';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
 import './BlockHeader.css';
-const b = block('BlockHeader');
+const b = block('block-header');
 const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
     if (!title && !description) {
         return null;
@@ -13,8 +14,8 @@ const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm:
     return (React.createElement("div", { className: b(null, className) },
         text && (React.createElement(Col, { reset: true, sizes: colSizes },
             React.createElement(Title, Object.assign({ text: text }, titleProps)))),
-        description && (React.createElement(Col, { reset: true, sizes: { all: 12, sm: 8 } },
+        description && (React.createElement(Col, { reset: true, sizes: colSizes },
             React.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                React.createElement(HTML, null, description))))));
+                React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))))));
 };
 export default BlockHeader;

package/build/esm/components/Image/schema.d.ts

@@ -18,6 +18,7 @@ export declare const ImageDeviceProps: {
         };
         alt: {
             type: string;
+            contentType: string;
         };
         disableCompress: {
             type: string;
@@ -35,6 +36,7 @@ export declare const ImageObjectProps: {
         };
         alt: {
             type: string;
+            contentType: string;
         };
         disableCompress: {
             type: string;

package/build/esm/components/Image/schema.js

@@ -1,43 +1,34 @@
 import { filteredItem } from '../../schema/validators/utils';
 export const urlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
+const ImageBase = {
+    alt: {
+        type: 'string',
+        contentType: 'text',
+    },
+    disableCompress: {
+        type: 'boolean',
+    },
+};
 export const ImageDeviceProps = {
     type: 'object',
     additionalProperties: false,
     required: ['desktop', 'mobile'],
-    properties: {
-        desktop: { type: 'string', pattern: urlPattern },
-        tablet: {
+    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: urlPattern }, tablet: {
             type: 'string',
             pattern: urlPattern,
-        },
-        mobile: {
+        }, mobile: {
             type: 'string',
             pattern: urlPattern,
-        },
-        alt: {
-            type: 'string',
-        },
-        disableCompress: {
-            type: 'boolean',
-        },
-    },
+        } }),
 };
 export const ImageObjectProps = {
     type: 'object',
     additionalProperties: false,
     required: ['src'],
-    properties: {
-        src: {
+    properties: Object.assign(Object.assign({}, ImageBase), { src: {
             type: 'string',
             pattern: urlPattern,
-        },
-        alt: {
-            type: 'string',
-        },
-        disableCompress: {
-            type: 'boolean',
-        },
-    },
+        } }),
 };
 export const ImageProps = {
     oneOf: [

package/build/esm/grid/Grid/Grid.css

@@ -21,64 +21,64 @@
 }
 @media only screen and (max-width: 577px) {
   .pc-Grid .container,
-.pc-Grid .container-fluid {
+  .pc-Grid .container-fluid {
     padding: 0 16px;
   }
   .pc-Grid .col,
-.pc-Grid .col-sm-auto,
-.pc-Grid .col-auto {
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-0,
-.pc-Grid .col-0 {
+  .pc-Grid .col-0 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-1,
-.pc-Grid .col-1 {
+  .pc-Grid .col-1 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-2,
-.pc-Grid .col-2 {
+  .pc-Grid .col-2 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-3,
-.pc-Grid .col-3 {
+  .pc-Grid .col-3 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-4,
-.pc-Grid .col-4 {
+  .pc-Grid .col-4 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-5,
-.pc-Grid .col-5 {
+  .pc-Grid .col-5 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-6,
-.pc-Grid .col-6 {
+  .pc-Grid .col-6 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-7,
-.pc-Grid .col-7 {
+  .pc-Grid .col-7 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-8,
-.pc-Grid .col-8 {
+  .pc-Grid .col-8 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-9,
-.pc-Grid .col-9 {
+  .pc-Grid .col-9 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-10,
-.pc-Grid .col-10 {
+  .pc-Grid .col-10 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-11,
-.pc-Grid .col-11 {
+  .pc-Grid .col-11 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-12,
-.pc-Grid .col-12 {
+  .pc-Grid .col-12 {
     padding: 0 8px;
   }
   .pc-Grid .row .row {

package/build/esm/models/constructor-items/common.d.ts

@@ -332,6 +332,7 @@ export interface AuthorProps {
     className?: string;
     authorContainerClassName?: string;
     type?: AuthorType;
+    dataQa?: string;
 }
 export interface BlockHeaderProps {
     title?: TitleProps | string;

package/build/esm/navigation/components/Header/Header.css

@@ -18,10 +18,11 @@ unpredictable css rules order in build */
   height: var(--header-height);
 }
 @media (min-width: 769px) {
-  .pc-header__mobile-menu-button {
+  .pc-header__mobile-menu-button.pc-header__mobile-menu-button {
     display: none;
   }
 }
+
 .pc-header__navigation, .pc-header__left, .pc-header__right {
   display: flex;
   align-items: center;

package/build/esm/navigation/components/Logo/Logo.css

@@ -1,4 +1,4 @@
-.pc-logo {
+.pc-logo__text {
   margin: 0;
 }
 
@@ -7,11 +7,6 @@ unpredictable css rules order in build */
 .pc-logo {
   display: flex;
   align-items: center;
-  font-weight: var(--yc-text-accent-font-weight);
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
 }
 .pc-logo__icon {
   display: flex;
@@ -19,5 +14,9 @@ unpredictable css rules order in build */
   object-fit: contain;
 }
 .pc-logo__text {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
   white-space: nowrap;
 }

package/build/esm/schema/index.d.ts

@@ -43,6 +43,7 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
             properties: {
                 title: {
                     type: string;
+                    contentType: string;
                 };
             };
         };
@@ -121,6 +122,7 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
                                     };
                                     text: {
                                         type: string;
+                                        contentType: string;
                                     };
                                 };
                             };

package/build/esm/schema/validators/common.d.ts

@@ -83,6 +83,7 @@ export declare const PlayIconProps: {
         };
         text: {
             type: string;
+            contentType: string;
         };
     };
 };
@@ -141,6 +142,7 @@ export declare const VideoProps: {
                 };
                 text: {
                     type: string;
+                    contentType: string;
                 };
             };
         };
@@ -264,6 +266,7 @@ export declare const BackgroundProps: {
                         };
                         text: {
                             type: string;
+                            contentType: string;
                         };
                     };
                 };
@@ -295,6 +298,7 @@ export declare const LinkProps: {
     properties: {
         text: {
             type: string;
+            contentType: string;
         };
         url: {
             type: string;
@@ -328,6 +332,7 @@ export declare const FileLinkProps: {
         };
         text: {
             type: string;
+            contentType: string;
         };
         type: {
             type: string;
@@ -349,9 +354,11 @@ export declare const authorItem: {
     properties: {
         firstName: {
             type: string;
+            contentType: string;
         };
         secondName: {
             type: string;
+            contentType: string;
         };
         avatar: {
             type: string;
@@ -359,12 +366,14 @@ export declare const authorItem: {
         };
         description: {
             type: string;
+            contentType: string;
         };
     };
 };
 export declare const ButtonProps: {
     text: {
         type: string;
+        contentType: string;
     };
     url: {
         type: string;
@@ -400,6 +409,7 @@ export declare const ButtonProps: {
                 };
                 alt: {
                     type: string;
+                    contentType: string;
                 };
             };
         })[];
@@ -500,6 +510,7 @@ export declare const MenuProps: {
     properties: {
         title: {
             type: string;
+            contentType: string;
         };
     };
 };
@@ -518,6 +529,7 @@ export declare const AnchorProps: {
     properties: {
         text: {
             type: string;
+            contentType: string;
         };
         url: {
             type: string;
@@ -532,6 +544,7 @@ export declare const BlockBaseProps: {
         properties: {
             text: {
                 type: string;
+                contentType: string;
             };
             url: {
                 type: string;
@@ -555,6 +568,7 @@ export declare const TitleProps: {
     properties: {
         text: {
             type: string;
+            contentType: string;
         };
         textSize: {
             type: string;
@@ -574,6 +588,7 @@ export declare const ButtonBlock: {
     properties: {
         text: {
             type: string;
+            contentType: string;
         };
         url: {
             type: string;
@@ -609,6 +624,7 @@ export declare const ButtonBlock: {
                     };
                     alt: {
                         type: string;
+                        contentType: string;
                     };
                 };
             })[];
@@ -806,6 +822,7 @@ export declare const MediaProps: {
                     };
                     text: {
                         type: string;
+                        contentType: string;
                     };
                 };
             };
@@ -852,3 +869,34 @@ export declare const CardBase: {
         enum: string[];
     };
 };
+export declare const BlockHeaderProps: {
+    title: {
+        oneOf: ({
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                    contentType: string;
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                url: {
+                    type: string;
+                };
+                resetMargin: {
+                    type: string;
+                };
+            };
+        } | {
+            type: string;
+        })[];
+    };
+    description: {
+        type: string;
+        contentType: string;
+    };
+};

package/build/esm/schema/validators/common.js

@@ -76,6 +76,7 @@ export const PlayIconProps = {
         },
         text: {
             type: 'string',
+            contentType: 'text',
         },
     },
 };
@@ -159,6 +160,7 @@ export const LinkProps = {
     required: ['text', 'url'],
     properties: Object.assign(Object.assign({}, BaseProps), { text: {
             type: 'string',
+            contentType: 'text',
         }, url: {
             type: 'string',
         }, arrow: {
@@ -184,6 +186,7 @@ export const FileLinkProps = {
         },
         text: {
             type: 'string',
+            contentType: 'text',
         },
         type: {
             type: 'string',
@@ -205,9 +208,11 @@ export const authorItem = {
     properties: {
         firstName: {
             type: 'string',
+            contentType: 'text',
         },
         secondName: {
             type: 'string',
+            contentType: 'text',
         },
         avatar: {
             type: 'string',
@@ -215,12 +220,14 @@ export const authorItem = {
         },
         description: {
             type: 'string',
+            contentType: 'yfm',
         },
     },
 };
 export const ButtonProps = {
     text: {
         type: 'string',
+        contentType: 'text',
     },
     url: {
         type: 'string',
@@ -293,6 +300,7 @@ export const ButtonProps = {
                     },
                     alt: {
                         type: 'string',
+                        contentType: 'text',
                     },
                 },
             },
@@ -332,6 +340,7 @@ export const MenuProps = {
     properties: {
         title: {
             type: 'string',
+            contentType: 'text',
         },
     },
 };
@@ -355,6 +364,7 @@ export const AnchorProps = {
     properties: {
         text: {
             type: 'string',
+            contentType: 'text',
         },
         url: {
             type: 'string',
@@ -374,6 +384,7 @@ export const TitleProps = {
     properties: {
         text: {
             type: 'string',
+            contentType: 'text',
         },
         textSize: {
             type: 'string',
@@ -433,3 +444,12 @@ export const CardBase = {
         enum: ['border', 'shadow', 'none'],
     },
 };
+export const BlockHeaderProps = {
+    title: {
+        oneOf: [{ type: 'string' }, TitleProps],
+    },
+    description: {
+        type: 'string',
+        contentType: 'yfm',
+    },
+};

package/build/esm/sub-blocks/BackgroundCard/schema.d.ts

@@ -18,6 +18,7 @@ export declare const BackgroundCard: {
                         };
                         alt: {
                             type: string;
+                            contentType: string;
                         };
                         disableCompress: {
                             type: string;
@@ -45,6 +46,7 @@ export declare const BackgroundCard: {
                     properties: {
                         text: {
                             type: string;
+                            contentType: string;
                         };
                         textSize: {
                             type: string;
@@ -59,10 +61,12 @@ export declare const BackgroundCard: {
                     };
                 } | {
                     type: string;
+                    contentType: string;
                 })[];
             };
             text: {
                 type: string;
+                contentType: string;
             };
             theme: {
                 type: string;
@@ -70,6 +74,7 @@ export declare const BackgroundCard: {
             };
             additionalInfo: {
                 type: string;
+                contentType: string;
             };
             links: {
                 type: string;

package/build/esm/sub-blocks/BasicCard/schema.d.ts

@@ -27,6 +27,7 @@ export declare const BasicCard: {
                     properties: {
                         text: {
                             type: string;
+                            contentType: string;
                         };
                         textSize: {
                             type: string;
@@ -41,13 +42,16 @@ export declare const BasicCard: {
                     };
                 } | {
                     type: string;
+                    contentType: string;
                 })[];
             };
             text: {
                 type: string;
+                contentType: string;
             };
             additionalInfo: {
                 type: string;
+                contentType: string;
             };
             links: {
                 type: string;