@doyourjob/gravity-ui-page-constructor 5.31.250 → 5.31.252

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

@@ -87,6 +87,7 @@ export declare const subBlockMap: {
     "feed-partner": ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
     "case-study-card": import("react").MemoExoticComponent<(props: import("./models").CaseStudyCardProps) => JSX.Element>;
     "story-card": import("react").FC<import("./models").StoryCardProps>;
+    "mini-case-card": import("react").FC<import("./models").MiniCaseCardProps>;
 };
 export declare const navItemMap: {
     button: import("react").FC<Pick<import("./navigation").NavigationItemProps, "className"> & import("./models").ButtonProps>;

package/build/cjs/constructor-items.js

@@ -96,6 +96,7 @@ exports.subBlockMap = {
     [models_1.SubBlockType.FeedPartner]: sub_blocks_1.FeedPartner,
     [models_1.SubBlockType.CaseStudyCard]: sub_blocks_1.CaseStudyCard,
     [models_1.SubBlockType.StoryCard]: sub_blocks_1.StoryCard,
+    [models_1.SubBlockType.MiniCaseCard]: sub_blocks_1.MiniCaseCard,
 };
 exports.navItemMap = {
     [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,

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

@@ -30,7 +30,8 @@ export declare enum SubBlockType {
     NewPostCard = "new-post-card",
     FeedCard = "feed-card",
     EventPersonCard = "event-person-card",
-    StoryCard = "story-card"
+    StoryCard = "story-card",
+    MiniCaseCard = "mini-case-card"
 }
 export declare enum IconPosition {
     Top = "top",
@@ -322,6 +323,25 @@ export interface StoryCardProps {
     }[];
     background?: string;
 }
+export interface MiniCaseCardProps {
+    title?: string;
+    tagUsecase?: string[];
+    tagIndustry?: string[];
+    showStory?: boolean;
+    showQuote?: boolean;
+    text?: string;
+    quote?: string;
+    logo?: string;
+    avatar?: string;
+    author?: string;
+    position?: string;
+    data?: {
+        value: string;
+        label?: string;
+    }[];
+    background?: string;
+    backgroundData?: string;
+}
 export type DividerModel = {
     type: SubBlockType.Divider;
 } & DividerProps;
@@ -383,6 +403,9 @@ export type CaseStudyCardModel = {
 export type StoryCardModel = {
     type: SubBlockType.StoryCard;
 } & StoryCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | NewsCardModel | ImageCardModel | PostCardModel | NewPostCardModel | FeedCardModel | EventPersonCardModel | AttachmentCardModel | FeedPartnerModel | CaseStudyCardModel | StoryCardModel;
+export type MiniCaseCardModel = {
+    type: SubBlockType.MiniCaseCard;
+} & MiniCaseCardProps;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | NewsCardModel | ImageCardModel | PostCardModel | NewPostCardModel | FeedCardModel | EventPersonCardModel | AttachmentCardModel | FeedPartnerModel | CaseStudyCardModel | StoryCardModel | MiniCaseCardModel;
 export type SubBlock = SubBlockModels;
 export {};

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

@@ -29,6 +29,7 @@ var SubBlockType;
     SubBlockType["FeedCard"] = "feed-card";
     SubBlockType["EventPersonCard"] = "event-person-card";
     SubBlockType["StoryCard"] = "story-card";
+    SubBlockType["MiniCaseCard"] = "mini-case-card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
 var IconPosition;
 (function (IconPosition) {

package/build/cjs/schema/constants.d.ts

@@ -36,6 +36,215 @@ export declare const cardSchemas: {
             };
         };
     };
+    'mini-case-card': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            title: {
+                type: string;
+            };
+            tagUsecase: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            tagIndustry: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            showStory: {
+                type: string;
+            };
+            showQuote: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            quote: {
+                type: string;
+            };
+            logo: {
+                type: string;
+            };
+            avatar: {
+                type: string;
+            };
+            author: {
+                type: string;
+            };
+            position: {
+                type: string;
+            };
+            data: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        value: {
+                            type: string;
+                        };
+                        label: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            background: {
+                type: string;
+            };
+            backgroundData: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            visibilityFilter: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            blockUnicorn: {
+                type: string;
+            };
+            blockUnicornSdkUrl: {
+                type: string;
+            };
+            blockBackground: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        color: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        size: {
+                            type: string;
+                        };
+                        repeat: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                        };
+                        attachment: {
+                            type: string;
+                        };
+                        clip: {
+                            type: string;
+                        };
+                        origin: {
+                            type: string;
+                        };
+                        blendMode: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
     'story-card': {
         additionalProperties: boolean;
         required: never[];
@@ -3358,7 +3567,7 @@ export declare const cardSchemas: {
                         };
                     };
                 };
-            };
+            }; /** @deprecated */
             description: {
                 additionalProperties: boolean;
                 required: never[];
@@ -3887,7 +4096,7 @@ export declare const cardSchemas: {
                     };
                     autoplay: {
                         type: string;
-                    };
+                    }; /** @deprecated */
                     elapsedTime: {
                         type: string;
                     };

package/build/cjs/schema/constants.js

@@ -4,7 +4,7 @@ exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = expor
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
 exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.BenefitsBlock), blocks_1.ScrollerBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.HeaderMinifyBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.UnicornCardsBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.BannerMinifyBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ScienceHeaderBlock), blocks_1.AboutHeaderBlock), blocks_1.LayoutBlock), blocks_1.YFMBlock), blocks_1.PartnerHeaderBlock), blocks_1.SidebarWidgetBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.PartnersFeedBlock), blocks_1.ResourceHubPostsBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.ScienceFeedBlock), blocks_1.CustomerStoriesFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock), blocks_1.CatBlock), blocks_1.AudioBlock), blocks_1.OnetrustCookieListBlock), blocks_1.WhatsNewBlock), blocks_1.ScienceSuggestBlock);
-exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.NewPostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.FeedPartner), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard), sub_blocks_1.NewsCard);
+exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.NewPostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.FeedPartner), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard), sub_blocks_1.MiniCaseCard), sub_blocks_1.NewsCard);
 exports.constructorBlockSchemaNames = [
     'divider',
     'quote',
@@ -95,5 +95,6 @@ exports.constructorCardSchemaNames = [
     'event-person-card',
     'case-study-card',
     'story-card',
+    'mini-case-card',
     'news-card',
 ];

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

@@ -20,3 +20,4 @@ export * from '../../sub-blocks/AttachmentCard/schema';
 export * from '../../sub-blocks/FeedPartner/schema';
 export * from '../../sub-blocks/CaseStudyCard/schema';
 export * from '../../sub-blocks/StoryCard/schema';
+export * from '../../sub-blocks/MiniCaseCard/schema';

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

@@ -23,3 +23,4 @@ tslib_1.__exportStar(require("../../sub-blocks/AttachmentCard/schema"), exports)
 tslib_1.__exportStar(require("../../sub-blocks/FeedPartner/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/CaseStudyCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/StoryCard/schema"), exports);
+tslib_1.__exportStar(require("../../sub-blocks/MiniCaseCard/schema"), exports);

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

@@ -0,0 +1,149 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-mini-case-card {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 32px;
+  padding: 52px;
+  border-radius: 40px;
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card {
+    flex-direction: column;
+    padding: 48px 16px;
+    border-radius: 32px;
+  }
+}
+.pc-mini-case-card__lhs {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  align-self: stretch;
+  justify-content: space-between;
+  max-width: 660px;
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card__lhs {
+    align-self: auto;
+    max-width: none;
+  }
+}
+.pc-mini-case-card__content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+}
+.pc-mini-case-card__head {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+}
+.pc-mini-case-card__tags {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+.pc-mini-case-card__tag {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px 12px 5px;
+  border-radius: 12px;
+  border: 1px solid;
+}
+.pc-mini-case-card__tag_usecase {
+  color: #614efa;
+  border-color: #614efa;
+}
+.pc-mini-case-card__tag_industry {
+  color: #3a8ef5;
+  border-color: #3a8ef5;
+}
+.pc-mini-case-card__tag, .pc-mini-case-card__author-name, .pc-mini-case-card__author-position {
+  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));
+  line-height: 22px;
+}
+.pc-mini-case-card__title {
+  font-size: var(--g-text-display-3-font-size, var(--pc-text-display-3-font-size));
+  line-height: var(--g-text-display-3-line-height, var(--pc-text-display-3-line-height));
+  font-weight: var(--g-text-accent-font-weight);
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card__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));
+  }
+}
+.pc-mini-case-card__text, .pc-mini-case-card__quote, .pc-mini-case-card__label {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+}
+.pc-mini-case-card__rhs {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card__rhs {
+    align-self: stretch;
+  }
+}
+.pc-mini-case-card__box {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  border-radius: 30px;
+  padding: 30px;
+  color: var(--g-color-text-light-primary);
+  min-width: 400px;
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card__box {
+    min-width: 100%;
+  }
+}
+.pc-mini-case-card__value {
+  font-size: 40px;
+  line-height: 48px;
+  letter-spacing: 0;
+  font-weight: var(--g-text-display-font-weight);
+  text-transform: uppercase;
+}
+.pc-mini-case-card__author {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+}
+.pc-mini-case-card__author-avatar {
+  display: block;
+  flex-shrink: 0;
+  width: 64px;
+  height: 64px;
+  border-radius: 12px;
+  object-fit: cover;
+}
+.pc-mini-case-card__author-name {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.pc-mini-case-card__wrap-logo {
+  display: flex;
+  align-items: center;
+  max-height: 32px;
+}
+@media (max-width: 769px) {
+  .pc-mini-case-card__wrap-logo {
+    max-height: 54px;
+  }
+}
+.pc-mini-case-card__logo {
+  display: block;
+  max-height: 100%;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MiniCaseCardProps } from '../../models';
+declare const MiniCaseCard: React.FC<MiniCaseCardProps>;
+export default MiniCaseCard;

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

@@ -0,0 +1,54 @@
+"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)('mini-case-card');
+const MiniCaseCardAuthor = ({ showQuote, avatar, author, position, }) => {
+    if (!showQuote || !(avatar || author || position)) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b('author') },
+        avatar && react_1.default.createElement(components_1.Image, { src: avatar, className: b('author-avatar') }),
+        (author || position) && (react_1.default.createElement("div", { className: b('author-text') },
+            author && react_1.default.createElement("span", { className: b('author-name') }, author),
+            author && position && react_1.default.createElement("br", null),
+            position && react_1.default.createElement("span", { className: b('author-position') }, position)))));
+};
+const MiniCaseCardTags = ({ tagUsecase, tagIndustry }) => {
+    if (!(tagUsecase === null || tagUsecase === void 0 ? void 0 : tagUsecase.length) && !(tagIndustry === null || tagIndustry === void 0 ? void 0 : tagIndustry.length)) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b('tags') }, tagUsecase === null || tagUsecase === void 0 ? void 0 :
+        tagUsecase.map((tag, index) => (react_1.default.createElement("div", { key: `usecase-${index}`, className: b('tag', { usecase: true }) },
+            react_1.default.createElement(components_1.HTML, null, tag)))), tagIndustry === null || tagIndustry === void 0 ? void 0 :
+        tagIndustry.map((tag, index) => (react_1.default.createElement("div", { key: `industry-${index}`, className: b('tag', { industry: true }) },
+            react_1.default.createElement(components_1.HTML, null, tag))))));
+};
+const MiniCaseCardHead = ({ title, shouldShowStory, showQuote, text, quote, avatar, author, position, }) => {
+    const shouldShowQuote = showQuote && Boolean(quote || avatar || author || position);
+    if (!title && !shouldShowStory && !shouldShowQuote) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b('head') },
+        title && (react_1.default.createElement("div", { className: b('title') },
+            react_1.default.createElement(components_1.HTML, null, title))),
+        shouldShowStory && react_1.default.createElement(components_1.HTML, { className: b('text') }, text),
+        showQuote && quote && react_1.default.createElement(components_1.HTML, { className: b('quote') }, quote),
+        react_1.default.createElement(MiniCaseCardAuthor, { showQuote: showQuote, avatar: avatar, author: author, position: position })));
+};
+const MiniCaseCard = ({ title, showStory = true, showQuote = true, text, quote, avatar, author, position, logo, tagUsecase, tagIndustry, data, background, backgroundData, }) => {
+    const shouldShowStory = showStory && Boolean(text);
+    return (react_1.default.createElement("div", { className: b(), style: background ? { background } : undefined },
+        react_1.default.createElement("div", { className: b('lhs') },
+            react_1.default.createElement("div", { className: b('content') },
+                logo && (react_1.default.createElement("div", { className: b('wrap-logo') },
+                    react_1.default.createElement(components_1.Image, { src: logo, className: b('logo') }))),
+                react_1.default.createElement(MiniCaseCardHead, { title: title, shouldShowStory: shouldShowStory, showQuote: showQuote, text: text, quote: quote, avatar: avatar, author: author, position: position })),
+            react_1.default.createElement(MiniCaseCardTags, { tagUsecase: tagUsecase, tagIndustry: tagIndustry })),
+        react_1.default.createElement("div", { className: b('rhs') }, data === null || data === void 0 ? void 0 : data.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('box'), style: backgroundData ? { background: backgroundData } : undefined },
+            react_1.default.createElement("div", { className: `${b('value')} title-font-family` }, item.value),
+            react_1.default.createElement("div", { className: b('label') }, item.label)))))));
+};
+exports.default = MiniCaseCard;