@doyourjob/gravity-ui-page-constructor 5.31.46 → 5.31.48

package/build/cjs/blocks/ContentLayout/schema.d.ts

@@ -205,6 +205,9 @@ export declare const ContentLayoutBlock: {
                         type: string;
                         enum: string[];
                     };
+                    summary: {
+                        type: string;
+                    };
                 };
             };
             fileContent: {

package/build/cjs/blocks/Form/schema.d.ts

@@ -185,6 +185,9 @@ export declare const FormBlock: {
                         type: string;
                         enum: string[];
                     };
+                    summary: {
+                        type: string;
+                    };
                 }>;
             };
             textFormContent: {
@@ -290,6 +293,9 @@ export declare const FormBlock: {
                         type: string;
                         enum: string[];
                     };
+                    summary: {
+                        type: string;
+                    };
                 }>;
             };
             direction: {

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

@@ -37,7 +37,7 @@ unpredictable css rules order in build */
   }
 }
 .pc-highlight-table-block__content {
-  width: max-content;
+  display: inline-block;
 }
 .pc-highlight-table-block__head {
   color: rgba(0, 0, 0, 0.5);

package/build/cjs/blocks/Info/schema.d.ts

@@ -153,6 +153,9 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    summary: {
+                        type: string;
+                    };
                 }>;
             };
             rightContent: {
@@ -258,6 +261,9 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    summary: {
+                        type: string;
+                    };
                 }>;
             };
             type: {};

package/build/cjs/blocks/Map/schema.d.ts

@@ -298,6 +298,9 @@ export declare const MapBlock: {
                 type: string;
                 enum: string[];
             };
+            summary: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/Media/schema.d.ts

@@ -501,6 +501,9 @@ export declare const MediaBlockBaseProps: {
         type: string;
         enum: string[];
     };
+    summary: {
+        type: string;
+    };
     title: {
         oneOf: ({
             type: string;
@@ -1234,6 +1237,9 @@ export declare const MediaBlock: {
                 type: string;
                 enum: string[];
             };
+            summary: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/Questions/schema.d.ts

@@ -14,6 +14,9 @@ export declare const QuestionsBlock: {
                     };
                 };
             };
+            summary: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/Tabs/schema.d.ts

@@ -586,6 +586,9 @@ export declare const tabsItem: {
             type: string;
             enum: string[];
         } | undefined;
+        summary?: {
+            type: string;
+        } | undefined;
     };
 };
 export declare const TabsBlock: {

package/build/cjs/components/Tag/Tag.css

@@ -0,0 +1,15 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-tag {
+  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
+  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
+  position: relative;
+  margin-bottom: 24px;
+  display: inline-block;
+  border-radius: 20px;
+  padding: 2px 12px;
+  align-self: flex-start;
+}
+.pc-tag_without-margin-bottom {
+  margin-bottom: 0;
+}

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

@@ -0,0 +1,6 @@
+import { TagProps } from '../../models';
+type Props = TagProps & {
+    withoutMarginBottom?: boolean;
+};
+export declare const Tag: ({ text, backgroundColor, textColor, withoutMarginBottom }: Props) => JSX.Element;
+export default Tag;

package/build/cjs/components/Tag/Tag.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('tag');
+const Tag = ({ text, backgroundColor, textColor, withoutMarginBottom }) => (react_1.default.createElement("div", { className: b({ ['without-margin-bottom']: withoutMarginBottom }), style: { backgroundColor, color: textColor } }, text));
+exports.Tag = Tag;
+exports.default = exports.Tag;

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

@@ -40,5 +40,6 @@ export { default as VideoBlock } from './VideoBlock/VideoBlock';
 export { default as YFMWrapper } from './YFMWrapper/YFMWrapper';
 export { default as YandexForm } from './YandexForm/YandexForm';
 export { default as InfiniteScroll } from './InfiniteScroll/InfiniteScroll';
+export { default as Tag } from './Tag/Tag';
 export type { RouterLinkProps } from './RouterLink/RouterLink';
 export type { ImageBaseProps } from './ImageBase/ImageBase';

package/build/cjs/components/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
+exports.Tag = exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
 var Anchor_1 = require("./Anchor/Anchor");
 Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return __importDefault(Anchor_1).default; } });
 var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
@@ -88,3 +88,5 @@ var YandexForm_1 = require("./YandexForm/YandexForm");
 Object.defineProperty(exports, "YandexForm", { enumerable: true, get: function () { return __importDefault(YandexForm_1).default; } });
 var InfiniteScroll_1 = require("./InfiniteScroll/InfiniteScroll");
 Object.defineProperty(exports, "InfiniteScroll", { enumerable: true, get: function () { return __importDefault(InfiniteScroll_1).default; } });
+var Tag_1 = require("./Tag/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(Tag_1).default; } });

package/build/cjs/constructor-items.d.ts

@@ -33,9 +33,9 @@ export declare const blockMap: {
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
-    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
+    "media-card": ({ border, analyticsEvents, label, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "layout-item": ({ title, afterTitle, rightSpace, content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ title, afterTitle, summary, rightSpace, content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, label, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": import("react").MemoExoticComponent<(props: import("./models").BasicCardProps) => JSX.Element>;
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
@@ -43,10 +43,11 @@ export declare const subBlockMap: {
     "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
     "image-card": (props: import("./models").ImageCardProps) => JSX.Element;
     "content-layout-card": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
-    card: ({ header, text, service, ...props }: import("./models").CardProps) => JSX.Element;
+    card: ({ header, summary, text, service, label, ...props }: import("./models").CardProps) => JSX.Element;
     "post-card": import("react").MemoExoticComponent<({ title, date, readingTime, image, description, tags, url, fullWidth, size, showTag, titleHeadingLevel, }: import("./models").PostCardProps) => JSX.Element>;
     "feed-card": import("react").MemoExoticComponent<({ url, image, title, type, description, info, place }: import("./models").FeedCardProps) => JSX.Element>;
     "event-person-card": (props: import("./models").EventPersonCardProps) => JSX.Element;
+    "attachment-card": import("react").MemoExoticComponent<({ title, date, items, label, column, border }: import("./models").AttachmentCardProps) => JSX.Element>;
 };
 export declare const navItemMap: {
     button: import("react").FC<Pick<import("./navigation").NavigationItemProps, "className"> & import("./models").ButtonProps>;

package/build/cjs/constructor-items.js

@@ -58,6 +58,7 @@ exports.subBlockMap = {
     [models_1.SubBlockType.PostCard]: sub_blocks_1.PostCard,
     [models_1.SubBlockType.FeedCard]: sub_blocks_1.FeedCard,
     [models_1.SubBlockType.EventPersonCard]: sub_blocks_1.EventPersonCard,
+    [models_1.SubBlockType.AttachmentCard]: sub_blocks_1.AttachmentCard,
 };
 exports.navItemMap = {
     [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,

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

@@ -22,6 +22,7 @@ unpredictable css rules order in build */
   --pc-first-block-mobile-indent: 32px;
   --pc-color-service-tag-yellow: #fff1b8;
   --pc-color-service-tag-blue: #d6e9fd;
+  --pc-color-summary: #69808e;
   --pc-transparent: rgba(255, 255, 255, 0);
   --pc-border-radius: 24px;
   --pc-image-padding: 4px;

package/build/cjs/icons/DocumentIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DocumentIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/build/cjs/icons/DocumentIcon.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const DocumentIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "16", viewBox: "0 0 12 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M3 12.5H9V11H3V12.5ZM3 9.5H9V8H3V9.5ZM1.5 15.5C1.0875 15.5 0.734375 15.3531 0.440625 15.0594C0.146875 14.7656 0 14.4125 0 14V2C0 1.5875 0.146875 1.23438 0.440625 0.940625C0.734375 0.646875 1.0875 0.5 1.5 0.5H7.5L12 5V14C12 14.4125 11.8531 14.7656 11.5594 15.0594C11.2656 15.3531 10.9125 15.5 10.5 15.5H1.5ZM6.75 5.75V2H1.5V14H10.5V5.75H6.75Z", fill: "currentColor" })));
+exports.DocumentIcon = DocumentIcon;

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -437,6 +437,7 @@ export interface ContentListProps {
 export interface ContentBlockProps {
     title?: TitleItemBaseProps | string;
     subtitle?: string;
+    summary?: string;
     titleId?: string;
     text?: string;
     textId?: string;

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

@@ -379,4 +379,9 @@ export interface ServiceLabelProps {
     slug: string;
     name: string;
 }
+export interface TagProps {
+    text: string;
+    backgroundColor: string;
+    textColor: string;
+}
 export {};

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, ServiceLabelProps, TextTheme, Themable, ThemedImage, TitleItemBaseProps, TitleTextSize } from './common';
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, ServiceLabelProps, TagProps, TextTheme, Themable, ThemedImage, TitleItemBaseProps, TitleTextSize } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -16,6 +16,7 @@ export declare enum SubBlockType {
     LayoutItem = "layout-item",
     BackgroundCard = "background-card",
     BasicCard = "basic-card",
+    AttachmentCard = "attachment-card",
     Content = "content",
     HubspotForm = "hubspot-form",
     PriceCard = "price-card",
@@ -105,6 +106,7 @@ export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase,
     backgroundPosition?: 'left' | 'right' | 'center' | 'top' | 'bottom';
     paddingBottom?: 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;
+    label?: TagProps;
 }
 export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme' | 'controlPosition'> {
     url: string;
@@ -112,14 +114,15 @@ export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Card
     icon?: ThemeSupporting<ImageProps>;
     target?: string;
     iconPosition?: IconPosition;
+    label?: TagProps;
 }
-export interface CardProps extends CardBaseProps {
+export interface CardProps extends CardBaseProps, Pick<ContentBlockProps, 'summary' | 'text'> {
     header: {
         image: string;
         title: string;
     };
-    text?: string;
     service?: ServiceLabelProps;
+    label?: TagProps;
 }
 export interface BannerCardProps {
     title: string;
@@ -133,9 +136,11 @@ export interface BannerCardProps {
     mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
+    label?: TagProps;
 }
 export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {
     title: string;
+    summary?: string;
     price: string;
     pricePeriod?: string;
     priceDetails?: string;
@@ -144,6 +149,7 @@ export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, '
     links?: LinkProps[];
     backgroundColor?: string;
     list?: string[];
+    label?: TagProps;
 }
 export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
     title?: {
@@ -154,6 +160,7 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
         text?: string;
         size?: TitleTextSize;
     };
+    summary?: string;
     rightSpace?: boolean;
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media?: ThemeSupporting<MediaProps>;
@@ -161,6 +168,7 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
     border?: boolean;
     fullscreen?: boolean;
     icon?: ThemeSupporting<PositionedIcon>;
+    label?: TagProps;
 }
 export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
     image: ThemeSupporting<ImageProps>;
@@ -171,6 +179,7 @@ export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<Con
     url?: string;
     urlTitle?: string;
     target?: string;
+    label?: TagProps;
 }
 export declare enum PostCardSize {
     SMALL = "s",
@@ -208,6 +217,20 @@ export interface FeedCardProps {
     info?: string;
     place?: string;
 }
+export interface AttachmentCardItemType {
+    icon: ThemedImage;
+    name: string;
+    link: string;
+    target?: string;
+    download?: boolean;
+}
+export interface AttachmentCardProps extends CardBaseProps {
+    title?: TitleItemBaseProps | string;
+    date?: string;
+    items?: AttachmentCardItemType[];
+    label?: TagProps;
+    column?: boolean;
+}
 export interface EventPersonCardProps {
     image: ThemeSupporting<ImageProps>;
     title?: TitleItemBaseProps | string;
@@ -258,6 +281,9 @@ export type FeedCardModel = {
 export type EventPersonCardModel = {
     type: SubBlockType.EventPersonCard;
 } & EventPersonCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | ImageCardModel | PostCardModel | FeedCardModel | EventPersonCardModel;
+export type AttachmentCardModel = {
+    type: SubBlockType.AttachmentCard;
+} & AttachmentCardProps;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | ImageCardModel | PostCardModel | FeedCardModel | EventPersonCardModel | AttachmentCardModel;
 export type SubBlock = SubBlockModels;
 export {};

package/build/cjs/models/constructor-items/sub-blocks.js

@@ -14,6 +14,7 @@ var SubBlockType;
     SubBlockType["LayoutItem"] = "layout-item";
     SubBlockType["BackgroundCard"] = "background-card";
     SubBlockType["BasicCard"] = "basic-card";
+    SubBlockType["AttachmentCard"] = "attachment-card";
     SubBlockType["Content"] = "content";
     SubBlockType["HubspotForm"] = "hubspot-form";
     SubBlockType["PriceCard"] = "price-card";