@gravity-ui/page-constructor 3.0.0-alpha.3 → 3.0.0-alpha.5

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

@@ -7,7 +7,6 @@ import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, Divi
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
-    NewsCard = "news-card",
     /**
      * @deprecated Will be removed
      */
@@ -68,15 +67,6 @@ export interface QuoteProps extends Themable, CardBaseProps {
     buttonText?: string;
     theme?: TextTheme;
 }
-export interface NewsCardData {
-    id: number;
-    slug: string;
-    title: string;
-    date: string;
-    url: string;
-    isoDate?: string;
-}
-export type NewsCardProps = Pick<NewsCardData, 'title' | 'url' | 'date' | 'isoDate'> & CardBaseProps;
 export interface BackgroundCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     background?: ThemeSupporting<ImageObjectProps>;
@@ -112,9 +102,6 @@ export type DividerModel = {
 export type QuoteModel = {
     type: SubBlockType.Quote;
 } & QuoteProps;
-export type NewsCardModel = {
-    type: SubBlockType.NewsCard;
-} & NewsCardProps;
 export type LayoutItemModel = {
     type: SubBlockType.LayoutItem;
 } & LayoutItemProps;
@@ -136,5 +123,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
 export type SubBlock = SubBlockModels;

package/server/models/constructor-items/sub-blocks.js

@@ -5,7 +5,6 @@ var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
     SubBlockType["Quote"] = "quote";
-    SubBlockType["NewsCard"] = "news-card";
     /**
      * @deprecated Will be removed
      */

package/server/models/constructor.d.ts

@@ -10,7 +10,6 @@ export interface PageContent extends Animatable {
     blocks: Block[];
     menu?: Menu;
     background?: ThemedMediaProps;
-    footnotes?: string[];
 }
 export interface InitConstrucorState {
     hasMenu: boolean;

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

@@ -3,7 +3,6 @@ import { Lang } from '../utils/configure';
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
-        footnotes?: string[];
     };
     options: {
         lang: Lang;
@@ -12,5 +11,4 @@ export type ContentTransformerProps = {
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {
     blocks: ConstructorBlock[];
-    footnotes: string[];
 };

package/server/text-transform/transformers.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentTransformer = void 0;
 const lodash_1 = __importDefault(require("lodash"));
 const config_1 = require("./config");
-const utils_1 = require("./utils");
 function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
     const clonedBlocks = lodash_1.default.cloneDeep(blocks);
@@ -52,12 +51,10 @@ function transformBlock(lang, blocksConfig, block) {
 }
 const contentTransformer = ({ content, options }) => {
     const { lang, customConfig = {} } = options;
-    const { blocks = [], footnotes = [] } = content;
+    const { blocks = [] } = content;
     const transformedBlocks = transformBlocks(blocks, lang, customConfig);
-    const transformedFootnotes = (footnotes === null || footnotes === void 0 ? void 0 : footnotes.map((footnote) => (0, utils_1.fullTransform)(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
     return {
         blocks: transformedBlocks,
-        footnotes: transformedFootnotes,
     };
 };
 exports.contentTransformer = contentTransformer;

package/styles/styles.css

@@ -245,18 +245,6 @@ unpredictable css rules order in build */
 .yfm_constructor_theme_dark p {
   color: var(--yc-color-text-light-primary);
 }
-.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
-  opacity: 0.5;
-}
-.yfm_constructor_footnote_text p {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.yfm_constructor_footnote_page p {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  display: inline;
-}
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

package/styles/yfm.scss

@@ -61,20 +61,6 @@
         }
     }
 
-    &_footnote_text p,
-    &_footnote_page p {
-        opacity: 0.5;
-    }
-
-    &_footnote_text p {
-        @include text-size(body-2);
-    }
-
-    &_footnote_page p {
-        @include text-size(body-1);
-        display: inline;
-    }
-
     &_list_style ul {
         padding-left: $indentS;
     }

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.css

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-constructor-footnotes {
-  margin: 0;
-  padding: 32px 0 32px 16px;
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  color: var(--yc-color-text-hint);
-}
-.pc-constructor-footnotes__item + .pc-constructor-footnotes__item {
-  margin-top: 12px;
-}

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated use Content block instead
- *
- * @return - JSX
- */
-export declare const ConstructorFootnotes: ({ items }: {
-    items: string[];
-}) => JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConstructorFootnotes = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../../../components");
-const utils_1 = require("../../../../utils");
-const b = (0, utils_1.block)('constructor-footnotes');
-/**
- * @deprecated use Content block instead
- *
- * @return - JSX
- */
-const ConstructorFootnotes = ({ items }) => (react_1.default.createElement("ol", { className: b() }, items.map((footnote, index) => (react_1.default.createElement("li", { className: b('item'), key: index },
-    react_1.default.createElement(components_1.YFMWrapper, { content: footnote, modifiers: {
-            constructor: true,
-            constructorFootnotePage: true,
-        } }))))));
-exports.ConstructorFootnotes = ConstructorFootnotes;

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/index.d.ts

@@ -1 +0,0 @@
-export * from './ConstructorFootnotes';

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorFootnotes"), exports);

package/build/cjs/sub-blocks/NewsCard/NewsCard.css

@@ -1,18 +0,0 @@
-.pc-news-card__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-news-card__date {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 8px;
-  color: var(--yc-color-text-secondary);
-}
-.pc-news-card__title {
-  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);
-}

package/build/cjs/sub-blocks/NewsCard/NewsCard.d.ts

@@ -1,3 +0,0 @@
-import { NewsCardProps } from '../../models';
-declare const NewsCard: (props: NewsCardProps) => JSX.Element;
-export default NewsCard;

package/build/cjs/sub-blocks/NewsCard/NewsCard.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('news-card');
-const NewsCard = (props) => {
-    const { date, isoDate, title, border, url } = props;
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), url: url, border: border },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            isoDate ? (react_1.default.createElement("time", { className: b('date'), dateTime: isoDate }, date)) : (react_1.default.createElement("p", { className: b('date') }, date)),
-            react_1.default.createElement("h4", { className: b('title') },
-                react_1.default.createElement(components_1.HTML, null, title)))));
-};
-exports.default = NewsCard;

package/build/cjs/sub-blocks/NewsCard/schema.d.ts

@@ -1,23 +0,0 @@
-export declare const NewsCard: {
-    'news-card': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            title: {
-                type: string;
-                contentType: string;
-            };
-            url: {
-                type: string;
-            };
-            date: {
-                type: string;
-            };
-            isoDate: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

package/build/cjs/sub-blocks/NewsCard/schema.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewsCard = void 0;
-const common_1 = require("../../schema/validators/common");
-exports.NewsCard = {
-    'news-card': {
-        additionalProperties: false,
-        required: ['title', 'url', 'date'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
-                type: 'string',
-                contentType: 'text',
-            }, url: {
-                type: 'string',
-            }, date: {
-                type: 'string',
-            }, isoDate: {
-                type: 'string',
-            } }),
-    },
-};

package/build/esm/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.css

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-constructor-footnotes {
-  margin: 0;
-  padding: 32px 0 32px 16px;
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  color: var(--yc-color-text-hint);
-}
-.pc-constructor-footnotes__item + .pc-constructor-footnotes__item {
-  margin-top: 12px;
-}

package/build/esm/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.d.ts

@@ -1,9 +0,0 @@
-import './ConstructorFootnotes.css';
-/**
- * @deprecated use Content block instead
- *
- * @return - JSX
- */
-export declare const ConstructorFootnotes: ({ items }: {
-    items: string[];
-}) => JSX.Element;

package/build/esm/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { YFMWrapper } from '../../../../components';
-import { block } from '../../../../utils';
-import './ConstructorFootnotes.css';
-const b = block('constructor-footnotes');
-/**
- * @deprecated use Content block instead
- *
- * @return - JSX
- */
-export const ConstructorFootnotes = ({ items }) => (React.createElement("ol", { className: b() }, items.map((footnote, index) => (React.createElement("li", { className: b('item'), key: index },
-    React.createElement(YFMWrapper, { content: footnote, modifiers: {
-            constructor: true,
-            constructorFootnotePage: true,
-        } }))))));

package/build/esm/containers/PageConstructor/components/ConstructorFootnotes/index.d.ts

@@ -1 +0,0 @@
-export * from './ConstructorFootnotes';

package/build/esm/containers/PageConstructor/components/ConstructorFootnotes/index.js

@@ -1 +0,0 @@
-export * from './ConstructorFootnotes';

package/build/esm/sub-blocks/NewsCard/NewsCard.css

@@ -1,18 +0,0 @@
-.pc-news-card__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-news-card__date {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 8px;
-  color: var(--yc-color-text-secondary);
-}
-.pc-news-card__title {
-  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);
-}

package/build/esm/sub-blocks/NewsCard/NewsCard.d.ts

@@ -1,4 +0,0 @@
-import { NewsCardProps } from '../../models';
-import './NewsCard.css';
-declare const NewsCard: (props: NewsCardProps) => JSX.Element;
-export default NewsCard;

package/build/esm/sub-blocks/NewsCard/NewsCard.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CardBase, HTML } from '../../components';
-import { block } from '../../utils';
-import './NewsCard.css';
-const b = block('news-card');
-const NewsCard = (props) => {
-    const { date, isoDate, title, border, url } = props;
-    return (React.createElement(CardBase, { className: b(), url: url, border: border },
-        React.createElement(CardBase.Content, null,
-            isoDate ? (React.createElement("time", { className: b('date'), dateTime: isoDate }, date)) : (React.createElement("p", { className: b('date') }, date)),
-            React.createElement("h4", { className: b('title') },
-                React.createElement(HTML, null, title)))));
-};
-export default NewsCard;

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

@@ -1,23 +0,0 @@
-export declare const NewsCard: {
-    'news-card': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            title: {
-                type: string;
-                contentType: string;
-            };
-            url: {
-                type: string;
-            };
-            date: {
-                type: string;
-            };
-            isoDate: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

package/build/esm/sub-blocks/NewsCard/schema.js

@@ -1,17 +0,0 @@
-import { BaseProps } from '../../schema/validators/common';
-export const NewsCard = {
-    'news-card': {
-        additionalProperties: false,
-        required: ['title', 'url', 'date'],
-        properties: Object.assign(Object.assign({}, BaseProps), { title: {
-                type: 'string',
-                contentType: 'text',
-            }, url: {
-                type: 'string',
-            }, date: {
-                type: 'string',
-            }, isoDate: {
-                type: 'string',
-            } }),
-    },
-};