@gravity-ui/page-constructor 3.0.0-alpha.1 → 3.0.0-alpha.2

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -69,7 +69,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
         text: string;
         size?: TextSize;
     };
-    title?: TitleBaseProps;
+    title?: TitleItemBaseProps;
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
@@ -120,7 +120,7 @@ export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' |
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -132,7 +132,7 @@ export interface PromoFeaturesItem {
 }
 export interface PromoFeaturesProps extends Animatable {
     items: PromoFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     theme?: 'grey' | 'default';
 }
@@ -207,14 +207,14 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends BlockHeaderProps, Animatable {
+export interface TabsBlockProps extends TitleProps, Animatable {
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
-    title: TitleProps | string;
+    title: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -227,7 +227,7 @@ export type FilterItem = {
     card: SubBlockModels;
 };
 export interface FilterBlockProps extends Animatable, LoadableChildren {
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     tags: FilterTag[];
     items: FilterItem[];
@@ -257,7 +257,7 @@ export interface ContentLayoutBlockProps {
     fileContent?: FileLinkProps[];
 }
 export interface ContentBlockProps {
-    title?: TitleBaseProps | string;
+    title?: TitleItemBaseProps | string;
     text?: string;
     additionalInfo?: string;
     links?: LinkProps[];

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

@@ -249,11 +249,11 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface TitleProps extends Justifyable, TitleBaseProps {
+export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
     anchor?: string;
 }
-export interface TitleBaseProps {
+export interface TitleItemBaseProps {
     text: string;
     textSize?: TextSize;
     url?: string;
@@ -334,8 +334,8 @@ export interface AuthorProps {
     type?: AuthorType;
     dataQa?: string;
 }
-export interface BlockHeaderProps {
-    title?: TitleProps | string;
+export interface TitleProps {
+    title?: TitleItemProps | string;
     description?: string;
 }
 export {};

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

@@ -1,9 +1,9 @@
-import { TitleProps } from '../models';
+import { TitleItemProps } from '../models';
 import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
     transformer: typeof typografTransformer;
-    parser: (transformer: Transformer, title: TitleProps | string) => string | {
+    parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
         anchor?: string | undefined;

package/build/cjs/components/BlockHeader/BlockHeader.css

@@ -1,16 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-block-header__description {
-  margin-top: 12px;
-}
-.pc-block-header__description .yfm {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-}
-.pc-block-header__description_titleSize_s, .pc-block-header__description_titleSize_xs {
-  margin-top: 8px;
-}
-.pc-block-header__description_titleSize_s .yfm, .pc-block-header__description_titleSize_xs .yfm {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}

package/build/cjs/components/BlockHeader/BlockHeader.d.ts

@@ -1,7 +0,0 @@
-import { GridColumnSizesType } from '../../grid';
-import { BlockHeaderProps as BlockHeaderParams, ClassNameProps } from '../../models';
-export interface BlockHeaderProps extends BlockHeaderParams {
-    colSizes?: GridColumnSizesType;
-}
-declare const BlockHeader: ({ title, description, className, colSizes, }: BlockHeaderProps & ClassNameProps) => JSX.Element | null;
-export default BlockHeader;

package/build/cjs/components/BlockHeader/BlockHeader.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const __1 = require("../");
-const grid_1 = require("../../grid");
-const utils_1 = require("../../utils");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
-const b = (0, utils_1.block)('block-header');
-const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
-    if (!title && !description) {
-        return null;
-    }
-    const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = tslib_1.__rest(_a, ["text"]);
-    return (react_1.default.createElement("div", { className: b(null, className) },
-        text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
-            react_1.default.createElement(__1.Title, Object.assign({ text: text }, titleProps)))),
-        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
-            react_1.default.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))))));
-};
-exports.default = BlockHeader;

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

@@ -1,16 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-block-header__description {
-  margin-top: 12px;
-}
-.pc-block-header__description .yfm {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-}
-.pc-block-header__description_titleSize_s, .pc-block-header__description_titleSize_xs {
-  margin-top: 8px;
-}
-.pc-block-header__description_titleSize_s .yfm, .pc-block-header__description_titleSize_xs .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.d.ts

@@ -1,8 +0,0 @@
-import { GridColumnSizesType } from '../../grid';
-import { BlockHeaderProps as BlockHeaderParams, ClassNameProps } from '../../models';
-import './BlockHeader.css';
-export interface BlockHeaderProps extends BlockHeaderParams {
-    colSizes?: GridColumnSizesType;
-}
-declare const BlockHeader: ({ title, description, className, colSizes, }: BlockHeaderProps & ClassNameProps) => JSX.Element | null;
-export default BlockHeader;

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

@@ -1,21 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { Title } from '../';
-import { Col } from '../../grid';
-import { block } from '../../utils';
-import YFMWrapper from '../YFMWrapper/YFMWrapper';
-import './BlockHeader.css';
-const b = block('block-header');
-const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
-    if (!title && !description) {
-        return null;
-    }
-    const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = __rest(_a, ["text"]);
-    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: colSizes },
-            React.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))))));
-};
-export default BlockHeader;