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

package/build/esm/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/esm/sub-blocks/MiniCaseCard/MiniCaseCard.d.ts

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

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

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

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

@@ -0,0 +1,211 @@
+export declare const MiniCaseCard: {
+    '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;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,25 @@
+import { BlockBaseProps } from '../../schema/validators/common';
+export const MiniCaseCard = {
+    'mini-case-card': {
+        additionalProperties: false,
+        required: [],
+        properties: Object.assign(Object.assign({}, BlockBaseProps), { title: { type: 'string' }, tagUsecase: {
+                type: 'array',
+                items: { type: 'string' },
+            }, tagIndustry: {
+                type: 'array',
+                items: { type: 'string' },
+            }, showStory: { type: 'boolean' }, showQuote: { type: 'boolean' }, text: { type: 'string' }, quote: { type: 'string' }, logo: { type: 'string' }, avatar: { type: 'string' }, author: { type: 'string' }, position: { type: 'string' }, data: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['value'],
+                    properties: {
+                        value: { type: 'string' },
+                        label: { type: 'string' },
+                    },
+                },
+            }, background: { type: 'string' }, backgroundData: { type: 'string' } }),
+    },
+};

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

@@ -20,4 +20,5 @@ export { default as EventPersonCard } from './EventPersonCard/EventPersonCard';
 export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
 export { default as CaseStudyCard } from './CaseStudyCard/CaseStudyCard';
 export { default as StoryCard } from './StoryCard/StoryCard';
+export { default as MiniCaseCard } from './MiniCaseCard/MiniCaseCard';
 export { default as FeedPartner } from './FeedPartner/FeedPartner';

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

@@ -20,4 +20,5 @@ export { default as EventPersonCard } from './EventPersonCard/EventPersonCard';
 export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
 export { default as CaseStudyCard } from './CaseStudyCard/CaseStudyCard';
 export { default as StoryCard } from './StoryCard/StoryCard';
+export { default as MiniCaseCard } from './MiniCaseCard/MiniCaseCard';
 export { default as FeedPartner } from './FeedPartner/FeedPartner';

package/build/esm/text-transform/config.js

@@ -478,6 +478,17 @@ export const config = {
             transformer: yfmTransformer,
         },
     ],
+    [SubBlockType.MiniCaseCard]: [
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+            parser: parseTitle,
+        },
+        {
+            fields: ['text', 'quote', 'author', 'position'],
+            transformer: yfmTransformer,
+        },
+    ],
     [BlockType.MiniCaseBlock]: blockHeaderTransformer,
     [BlockType.AdvantagesBlock]: {
         fields: ['title'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.249",
+  "version": "5.31.252",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {