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

package/build/esm/blocks/Scroller/Scroller.js

@@ -21,6 +21,65 @@ const scrollToChild = (content, child, behavior = 'smooth') => {
     const left = child.offsetLeft - (content.offsetWidth - child.offsetWidth) / 2;
     content.scrollTo({ left, behavior });
 };
+const MIDDLE_COPY = 1;
+const normalizeToMiddleCopy = (content, childCount) => {
+    const centeredIndex = getCenteredChildIndex(content);
+    const logicalIndex = centeredIndex % childCount;
+    const currentCopy = Math.floor(centeredIndex / childCount);
+    if (currentCopy === MIDDLE_COPY) {
+        return false;
+    }
+    const middleChild = getChild(content, childCount + logicalIndex);
+    if (middleChild) {
+        scrollToChild(content, middleChild, 'auto');
+    }
+    return true;
+};
+const getTargetPhysicalIndex = (centeredPhysicalIndex, targetLogicalIndex, childCount, preferForward) => {
+    const currentLogical = centeredPhysicalIndex % childCount;
+    const forwardSteps = (targetLogicalIndex - currentLogical + childCount) % childCount;
+    const backwardSteps = (currentLogical - targetLogicalIndex + childCount) % childCount;
+    if (preferForward || forwardSteps <= backwardSteps) {
+        if (forwardSteps === 0) {
+            return MIDDLE_COPY * childCount + targetLogicalIndex;
+        }
+        return centeredPhysicalIndex + forwardSteps;
+    }
+    if (backwardSteps === 0) {
+        return MIDDLE_COPY * childCount + targetLogicalIndex;
+    }
+    return centeredPhysicalIndex - backwardSteps;
+};
+const SCROLL_IDLE_MS = 200;
+const NORMALIZE_BEFORE_SNAP_MS = 100;
+const scrollToMiddleCopyIndex = (content, targetLogicalIndex, childCount) => {
+    const runScroll = () => {
+        const targetChild = getChild(content, childCount + targetLogicalIndex);
+        if (targetChild) {
+            scrollToChild(content, targetChild);
+        }
+    };
+    if (normalizeToMiddleCopy(content, childCount)) {
+        requestAnimationFrame(runScroll);
+        return;
+    }
+    runScroll();
+};
+const scrollToLogicalIndex = (content, targetLogicalIndex, childCount, preferForward) => {
+    const runScroll = () => {
+        const centeredIndex = getCenteredChildIndex(content);
+        const targetPhysical = getTargetPhysicalIndex(centeredIndex, targetLogicalIndex, childCount, preferForward);
+        const targetChild = getChild(content, targetPhysical);
+        if (targetChild) {
+            scrollToChild(content, targetChild);
+        }
+    };
+    if (normalizeToMiddleCopy(content, childCount)) {
+        requestAnimationFrame(runScroll);
+        return;
+    }
+    runScroll();
+};
 const PlayIcon = () => {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" },
         React.createElement("path", { d: "M13.765 9.83831L20.3154 13.7086C21.2977 14.289 21.298 15.7102 20.3159 16.2911L13.7714 20.1618C12.7719 20.7529 11.5086 20.033 11.5078 18.8718L11.502 11.1309C11.5011 9.96894 12.7646 9.24725 13.765 9.83831Z", fill: "currentColor" })));
@@ -30,14 +89,17 @@ const PauseIcon = () => {
         React.createElement("path", { d: "M12.5 10C13.3284 10 14 10.6716 14 11.5V18.5C14 19.3284 13.3284 20 12.5 20C11.6716 20 11 19.3284 11 18.5V11.5C11 10.6716 11.6716 10 12.5 10ZM17.5 10C18.3284 10 19 10.6716 19 11.5V18.5C19 19.3284 18.3284 20 17.5 20C16.6716 20 16 19.3284 16 18.5V11.5C16 10.6716 16.6716 10 17.5 10Z", fill: "currentColor" })));
 };
 export const ScrollerBlock = (props) => {
-    const { animated, widths, gapLong, fullWidth, scrollSnapCenter, children, autoScroll = true, autoScrollInterval = 3000, infinite = false, } = props;
+    const { animated, widths, gapLong, fullWidth, children, autoScroll = true, autoScrollInterval = 3000, infinite = false, } = props;
     const childCount = React.Children.count(children);
     const rootRef = useRef(null);
     const contentRef = useRef(null);
     const [currentElement, setCurrentElement] = useState(0);
     const [isPaused, setIsPaused] = useState(true);
     const [scrollInProgress, setScrollInProgress] = useState(false);
-    const scrollIntervalRef = useRef(null);
+    const scrollIdleTimeoutRef = useRef(null);
+    const normalizeSettleTimeoutRef = useRef(null);
+    const scrollInProgressRef = useRef(false);
+    const isNormalizingRef = useRef(false);
     useEffect(() => {
         const content = contentRef.current;
         const root = rootRef.current;
@@ -83,6 +145,15 @@ export const ScrollerBlock = (props) => {
             }
         };
         const handleInfiniteScroll = () => {
+            if (isNormalizingRef.current) {
+                return;
+            }
+            const wasNotInProgress = !scrollInProgressRef.current;
+            if (wasNotInProgress) {
+                isNormalizingRef.current = true;
+                normalizeToMiddleCopy(content, childCount);
+                isNormalizingRef.current = false;
+            }
             const scrollLeft = content.scrollLeft;
             const endCopyChild = getChild(content, endCopyStartIndex);
             const copyStartChild = getChild(content, copyStartIndex);
@@ -99,18 +170,34 @@ export const ScrollerBlock = (props) => {
                     content.scrollTo(endChild.offsetLeft - content.clientWidth, 0);
                 }
             }
+            scrollInProgressRef.current = true;
             setScrollInProgress(true);
-            if (scrollIntervalRef.current) {
-                clearTimeout(scrollIntervalRef.current);
+            if (scrollIdleTimeoutRef.current) {
+                clearTimeout(scrollIdleTimeoutRef.current);
             }
-            scrollIntervalRef.current = setTimeout(() => {
-                setScrollInProgress(false);
-            }, 200);
+            if (normalizeSettleTimeoutRef.current) {
+                clearTimeout(normalizeSettleTimeoutRef.current);
+            }
+            scrollIdleTimeoutRef.current = setTimeout(() => {
+                isNormalizingRef.current = true;
+                normalizeToMiddleCopy(content, childCount);
+                isNormalizingRef.current = false;
+                normalizeSettleTimeoutRef.current = setTimeout(() => {
+                    scrollInProgressRef.current = false;
+                    setScrollInProgress(false);
+                }, NORMALIZE_BEFORE_SNAP_MS);
+            }, SCROLL_IDLE_MS);
         };
         content.addEventListener('scroll', handleInfiniteScroll, { passive: true });
         scrollToMiddle();
         return () => {
             content.removeEventListener('scroll', handleInfiniteScroll);
+            if (scrollIdleTimeoutRef.current) {
+                clearTimeout(scrollIdleTimeoutRef.current);
+            }
+            if (normalizeSettleTimeoutRef.current) {
+                clearTimeout(normalizeSettleTimeoutRef.current);
+            }
         };
     }, [infinite, childCount]);
     useEffect(() => {
@@ -124,11 +211,8 @@ export const ScrollerBlock = (props) => {
             return;
         }
         if (infinite) {
-            const centeredIndex = getCenteredChildIndex(content);
-            const nextElement = getChild(content, centeredIndex + 1);
-            if (nextElement) {
-                scrollToChild(content, nextElement);
-            }
+            const nextLogical = ((getCenteredChildIndex(content) % childCount) + 1) % childCount;
+            scrollToLogicalIndex(content, nextLogical, childCount, true);
             return;
         }
         const nextIndex = (currentElement + 1) % childCount;
@@ -137,7 +221,7 @@ export const ScrollerBlock = (props) => {
             scrollToChild(content, nextElement);
         }
     }, [childCount, currentElement, infinite]);
-    const scrollToIndex = useCallback((targetIndex) => {
+    const scrollToPaginationIndex = useCallback((targetIndex) => {
         if (autoScroll) {
             setIsPaused(true);
         }
@@ -152,27 +236,26 @@ export const ScrollerBlock = (props) => {
             }
             return;
         }
-        const centeredIndex = getCenteredChildIndex(content);
-        const currentCopy = Math.floor(centeredIndex / childCount);
-        const logicalIndex = centeredIndex % childCount;
-        const middleCopy = 1;
-        const scrollToTargetInMiddleCopy = () => {
-            const targetChild = getChild(content, childCount + targetIndex);
-            if (targetChild) {
-                scrollToChild(content, targetChild);
-            }
-        };
-        if (currentCopy !== middleCopy) {
-            const middleChild = getChild(content, childCount + logicalIndex);
-            if (middleChild) {
-                const left = middleChild.offsetLeft -
-                    (content.offsetWidth - middleChild.offsetWidth) / 2;
-                content.scrollTo({ left, behavior: 'auto' });
+        scrollToMiddleCopyIndex(content, targetIndex, childCount);
+    }, [autoScroll, childCount, infinite]);
+    const scrollToItemIndex = useCallback((targetIndex) => {
+        if (autoScroll) {
+            setIsPaused(true);
+        }
+        const content = contentRef.current;
+        if (!content || childCount <= 1 || targetIndex < 0 || targetIndex >= childCount) {
+            return;
+        }
+        if (!infinite) {
+            const child = getChild(content, targetIndex);
+            if (child) {
+                scrollToChild(content, child);
             }
-            requestAnimationFrame(scrollToTargetInMiddleCopy);
             return;
         }
-        scrollToTargetInMiddleCopy();
+        const logicalIndex = getCenteredChildIndex(content) % childCount;
+        const isNext = targetIndex === (logicalIndex + 1) % childCount;
+        scrollToLogicalIndex(content, targetIndex, childCount, isNext);
     }, [autoScroll, childCount, infinite]);
     useEffect(() => {
         let timeout = null;
@@ -192,23 +275,23 @@ export const ScrollerBlock = (props) => {
             React.createElement("div", { className: b('content', {
                     gapLong,
                     fullWidth,
-                    'scroll-snap-center': infinite ? !scrollInProgress : scrollSnapCenter,
+                    'scroll-snap-center': infinite ? !scrollInProgress : true,
                 }), ref: contentRef }, (infinite ? [0, 1, 2] : [0])
                 .map((mi) => React.Children.map(children, (child, index) => {
                 const physicalIndex = mi * childCount + index;
-                return (React.createElement("div", { key: physicalIndex, role: "button", tabIndex: 0, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || 'auto' }, onClick: () => scrollToIndex(index), onKeyDown: (event) => {
+                return (React.createElement("div", { key: physicalIndex, role: "button", tabIndex: 0, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || 'auto' }, onClick: () => scrollToItemIndex(index), onKeyDown: (event) => {
                         if (event.key === 'Enter' || event.key === ' ') {
                             event.preventDefault();
-                            scrollToIndex(index);
+                            scrollToItemIndex(index);
                         }
                     } }, child));
             }))
                 .flat())),
         childCount > 0 && (React.createElement("div", { className: b('pagination-container') },
-            React.createElement("div", { className: b('pagination') }, Array.from({ length: childCount }, (_, index) => (React.createElement("div", { key: index, role: "button", tabIndex: 0, className: b('pip', { active: index === currentElement }), onClick: () => scrollToIndex(index), onKeyDown: (event) => {
+            React.createElement("div", { className: b('pagination') }, Array.from({ length: childCount }, (_, index) => (React.createElement("div", { key: index, role: "button", tabIndex: 0, className: b('pip', { active: index === currentElement }), onClick: () => scrollToPaginationIndex(index), onKeyDown: (event) => {
                     if (event.key === 'Enter' || event.key === ' ') {
                         event.preventDefault();
-                        scrollToIndex(index);
+                        scrollToPaginationIndex(index);
                     }
                 } }, autoScroll && (React.createElement("div", { style: {
                     transition: `width ${autoScrollInterval}ms, opacity 0.5s ease`,

package/build/esm/blocks/Scroller/schema.d.ts

@@ -2,9 +2,6 @@ export declare const ScrollerControlsProps: {
     infinite: {
         type: string;
     };
-    scrollSnapCenter: {
-        type: string;
-    };
     autoScroll: {
         type: string;
     };
@@ -26,9 +23,6 @@ export declare const ScrollerBlock: {
             infinite: {
                 type: string;
             };
-            scrollSnapCenter: {
-                type: string;
-            };
             autoScroll: {
                 type: string;
             };

package/build/esm/blocks/Scroller/schema.js

@@ -3,9 +3,6 @@ export const ScrollerControlsProps = {
     infinite: {
         type: 'boolean',
     },
-    scrollSnapCenter: {
-        type: 'boolean',
-    },
     autoScroll: {
         type: 'boolean',
     },

package/build/esm/blocks/WhatsNew/WhatsNew.js

@@ -5,12 +5,12 @@ import { block } from '../../utils';
 import ScrollerBlock from '../Scroller/Scroller';
 import './WhatsNew.css';
 const b = block('whats-new-block');
-const WhatsNew = ({ title, items, footnote, links, animated, infinite, scrollSnapCenter, autoScroll, autoScrollInterval, }) => {
+const WhatsNew = ({ title, items, footnote, links, animated, infinite, autoScroll, autoScrollInterval, }) => {
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         React.createElement("div", { className: b('root') },
             title && (React.createElement("div", { className: b('head') },
                 React.createElement("h2", { className: b('title') }, title))),
-            React.createElement(ScrollerBlock, { fullWidth: true, infinite: infinite, scrollSnapCenter: scrollSnapCenter, autoScroll: autoScroll !== null && autoScroll !== void 0 ? autoScroll : true, autoScrollInterval: autoScrollInterval }, items.map((item, index) => (React.createElement(NewsCard, Object.assign({ key: index }, item))))),
+            React.createElement(ScrollerBlock, { fullWidth: true, infinite: infinite, autoScroll: autoScroll !== null && autoScroll !== void 0 ? autoScroll : true, autoScrollInterval: autoScrollInterval }, items.map((item, index) => (React.createElement(NewsCard, Object.assign({ key: index }, item))))),
             (footnote || (links === null || links === void 0 ? void 0 : links.length)) && (React.createElement("div", { className: b('footer') },
                 footnote && React.createElement("div", { className: b('footnote') }, footnote),
                 (links === null || links === void 0 ? void 0 : links.length) ? (React.createElement("div", { className: b('links') }, links.map((link, index) => (React.createElement("a", { key: index, href: link.url, className: b('link'), target: "_blank", rel: "noopener noreferrer" },

package/build/esm/blocks/WhatsNew/schema.d.ts

@@ -59,9 +59,6 @@ export declare const WhatsNewBlock: {
             infinite: {
                 type: string;
             };
-            scrollSnapCenter: {
-                type: string;
-            };
             autoScroll: {
                 type: string;
             };

package/build/esm/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/esm/constructor-items.js

@@ -2,7 +2,7 @@ import { AboutHeaderBlock, AdvantagesBlock, AudioBlock, BannerBlock, BannerMinif
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
 import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
-import { AttachmentCard, BackgroundCard, BannerCard, BasicCard, Card, CaseStudyCard, Content, ContentLayoutCard, Divider, EventPersonCard, FeedCard, FeedPartner, ImageCard, LayoutItem, MediaCard, NewPostCard, NewsCard, PostCard, PriceCard, PriceDetailed, Quote, StoryCard, } from './sub-blocks';
+import { AttachmentCard, BackgroundCard, BannerCard, BasicCard, Card, CaseStudyCard, Content, ContentLayoutCard, Divider, EventPersonCard, FeedCard, FeedPartner, ImageCard, LayoutItem, MediaCard, MiniCaseCard, NewPostCard, NewsCard, PostCard, PriceCard, PriceDetailed, Quote, StoryCard, } from './sub-blocks';
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -92,6 +92,7 @@ export const subBlockMap = {
     [SubBlockType.FeedPartner]: FeedPartner,
     [SubBlockType.CaseStudyCard]: CaseStudyCard,
     [SubBlockType.StoryCard]: StoryCard,
+    [SubBlockType.MiniCaseCard]: MiniCaseCard,
 };
 export const navItemMap = {
     [NavigationItemType.Button]: NavigationButton,

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

@@ -363,7 +363,6 @@ export interface ScrollerBlockProps extends Animatable {
     gapLong?: boolean;
     fullWidth?: boolean;
     infinite?: boolean;
-    scrollSnapCenter?: boolean;
     autoScroll?: boolean;
     autoScrollInterval?: number;
 }
@@ -647,7 +646,7 @@ export interface BenchmarkBlockProps extends Animatable {
         postfix?: string;
     }[];
 }
-export interface WhatsNewBlockProps extends Animatable, Pick<ScrollerBlockProps, 'infinite' | 'scrollSnapCenter' | 'autoScroll' | 'autoScrollInterval'> {
+export interface WhatsNewBlockProps extends Animatable, Pick<ScrollerBlockProps, 'infinite' | 'autoScroll' | 'autoScrollInterval'> {
     title?: string;
     items: NewsCardProps[];
     footnote?: string;

package/build/esm/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/esm/models/constructor-items/sub-blocks.js

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

package/build/esm/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/esm/schema/constants.js

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

package/build/esm/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/esm/schema/validators/sub-blocks.js

@@ -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';