@redocly/theme 0.57.0-next.0 → 0.57.0-next.2

package/lib/components/Catalog/variables.js

@@ -384,5 +384,47 @@ exports.catalog = (0, styled_components_1.css) `
 
   --catalog-avatar-bg-color: #ededf2;
   // @tokens End
+
+  /**
+    * @tokens Catalog entity relations node
+    */
+  --catalog-entity-relations-node-padding-vertical: 10px;
+  --catalog-entity-relations-node-padding-horizontal: 14px;
+  --catalog-entity-relations-node-padding: var(--catalog-entity-relations-node-padding-vertical) var(--catalog-entity-relations-node-padding-horizontal);
+  --catalog-entity-relations-node-gap: 8px;
+  --catalog-entity-relations-node-border-radius: 10px;
+
+  --catalog-entity-relations-node-bg-color: var(--layer-color);
+  --catalog-entity-relations-node-text-color: var(--catalog-card-text-color);
+
+  --catalog-entity-relations-node-border-color: var(--border-color-secondary);
+  --catalog-entity-relations-node-border-width: var(--border-width);
+  --catalog-entity-relations-node-border-style: var(--border-style);
+
+  --catalog-entity-relations-node-font-weight: var(--font-weight-regular);
+  --catalog-entity-relations-node-font-weight-root: 600;
+
+  --catalog-entity-relations-node-root-bg-color: var(--color-blue-6);
+  --catalog-entity-relations-node-root-text-color: #ffffff;
+  --catalog-entity-relations-node-root-icon-color: #ffffff;
+  // @tokens End
+
+  /**
+    * @tokens Catalog entity relations edge
+    */
+  --catalog-entity-relations-edge-label-bg-color: var(--layer-color);
+  --catalog-entity-relations-edge-label-text-color: var(--catalog-card-text-color);
+  --catalog-entity-relations-edge-label-border-color: var(--border-color-secondary);
+  --catalog-entity-relations-edge-label-border-width: var(--border-width);
+  --catalog-entity-relations-edge-label-border-style: var(--border-style);
+  --catalog-entity-relations-edge-label-border-radius: 10px;
+
+  --catalog-entity-relations-edge-label-padding-vertical: 2px;
+  --catalog-entity-relations-edge-label-padding-horizontal: 8px;
+  --catalog-entity-relations-edge-label-padding: var(--catalog-entity-relations-edge-label-padding-vertical) var(--catalog-entity-relations-edge-label-padding-horizontal);
+
+  --catalog-entity-relations-edge-label-font-size: 12px;
+  --catalog-entity-relations-edge-label-line-height: 1.2;
+  // @tokens End
 `;
 //# sourceMappingURL=variables.js.map

package/lib/components/CatalogClassic/CatalogClassicVirtualizedGroups.js

@@ -103,6 +103,7 @@ function CatalogClassicVirtualizedGroups({ groups, filters, filterTerm, }) {
             return ESTIMATED_CARD_HEIGHT;
         },
         overscan: 5,
+        enabled: shouldVirtualize,
     });
     (0, react_1.useEffect)(() => {
         if (!size.width || !shouldVirtualize) {
@@ -111,19 +112,23 @@ function CatalogClassicVirtualizedGroups({ groups, filters, filterTerm, }) {
         virtualizer.measure();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filters, filterTerm, size.width, shouldVirtualize]);
+    const renderRow = (rowData) => {
+        if (rowData.type === 'header') {
+            return (react_1.default.createElement(SSRHeaderRow, { key: rowData.key },
+                react_1.default.createElement(CatalogSeparatorLabel, null, rowData.groupTitle),
+                react_1.default.createElement(CounterTag_1.CounterTag, { borderless: true }, rowData.groupCount)));
+        }
+        return (react_1.default.createElement(SSRGridRow, { key: rowData.key }, rowData.items.map((item) => (react_1.default.createElement(CatalogClassicCard_1.CatalogClassicCard, { key: item.link, item: item })))));
+    };
     if (!isClient) {
         return (react_1.default.createElement("div", { ref: parentRef, "data-component-name": "CatalogClassic/CatalogClassicVirtualizedGroups" },
-            flatRows.slice(0, 15).map((rowData) => {
-                if (rowData.type === 'header') {
-                    return (react_1.default.createElement(SSRHeaderRow, { key: rowData.key },
-                        react_1.default.createElement(CatalogSeparatorLabel, null, rowData.groupTitle),
-                        react_1.default.createElement(CounterTag_1.CounterTag, { borderless: true }, rowData.groupCount)));
-                }
-                return (react_1.default.createElement(SSRGridRow, { key: rowData.key }, rowData.items.map((item) => (react_1.default.createElement(CatalogClassicCard_1.CatalogClassicCard, { key: item.link, item: item })))));
-            }),
+            flatRows.slice(0, 15).map((rowData) => renderRow(rowData)),
             react_1.default.createElement(LoadingWrapper, null,
                 react_1.default.createElement(SpinnerLoader_1.SpinnerLoader, { color: "var(--catalog-classic-description-text-color)", size: "20px" }))));
     }
+    if (!shouldVirtualize) {
+        return (react_1.default.createElement("div", { ref: parentRef, "data-component-name": "CatalogClassic/CatalogClassicVirtualizedGroups" }, flatRows.map((rowData) => renderRow(rowData))));
+    }
     return (react_1.default.createElement("div", { ref: parentRef, "data-component-name": "CatalogClassic/CatalogClassicVirtualizedGroups" },
         react_1.default.createElement("div", { style: {
                 position: 'relative',

package/lib/core/constants/catalog.d.ts

@@ -2,3 +2,13 @@ import type { EntityRelationType } from '../types/catalog';
 export declare const CATALOG_TAG_MAX_LENGTH = 15;
 export declare const ENTITY_RELATION_TYPES: readonly ["partOf", "hasParts", "creates", "createdBy", "owns", "ownedBy", "implements", "implementedBy", "dependsOn", "dependencyOf", "uses", "usedBy", "produces", "consumes", "linksTo", "supersedes", "supersededBy", "compatibleWith", "extends", "extendedBy", "relatesTo", "hasMember", "memberOf", "triggers", "triggeredBy"];
 export declare const reverseRelationMap: Record<EntityRelationType, EntityRelationType>;
+export declare enum GraphHandleType {
+    Target = "target",
+    Source = "source"
+}
+export declare enum GraphCustomNodeType {
+    CatalogEntity = "catalogEntity"
+}
+export declare enum GraphCustomEdgeType {
+    CatalogEdge = "catalogEdge"
+}

package/lib/core/constants/catalog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reverseRelationMap = exports.ENTITY_RELATION_TYPES = exports.CATALOG_TAG_MAX_LENGTH = void 0;
+exports.GraphCustomEdgeType = exports.GraphCustomNodeType = exports.GraphHandleType = exports.reverseRelationMap = exports.ENTITY_RELATION_TYPES = exports.CATALOG_TAG_MAX_LENGTH = void 0;
 exports.CATALOG_TAG_MAX_LENGTH = 15;
 exports.ENTITY_RELATION_TYPES = [
     'partOf',
@@ -56,4 +56,17 @@ exports.reverseRelationMap = {
     triggers: 'triggeredBy',
     triggeredBy: 'triggers',
 };
+var GraphHandleType;
+(function (GraphHandleType) {
+    GraphHandleType["Target"] = "target";
+    GraphHandleType["Source"] = "source";
+})(GraphHandleType || (exports.GraphHandleType = GraphHandleType = {}));
+var GraphCustomNodeType;
+(function (GraphCustomNodeType) {
+    GraphCustomNodeType["CatalogEntity"] = "catalogEntity";
+})(GraphCustomNodeType || (exports.GraphCustomNodeType = GraphCustomNodeType = {}));
+var GraphCustomEdgeType;
+(function (GraphCustomEdgeType) {
+    GraphCustomEdgeType["CatalogEdge"] = "catalogEdge";
+})(GraphCustomEdgeType || (exports.GraphCustomEdgeType = GraphCustomEdgeType = {}));
 //# sourceMappingURL=catalog.js.map

package/lib/core/hooks/__mocks__/search/use-recent-searches.d.ts

@@ -1,5 +1,5 @@
-export declare const useRecentSearches: jest.Mock<{
+export declare const useRecentSearches: import("vitest").Mock<() => {
     items: string[];
     addSearchHistoryItem: (value: string) => string;
     removeSearchHistoryItem: (value: string) => string;
-}, [], any>;
+}>;

package/lib/core/hooks/__mocks__/search/use-recent-searches.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRecentSearches = void 0;
-exports.useRecentSearches = jest.fn(() => {
+const vitest_1 = require("vitest");
+exports.useRecentSearches = vitest_1.vi.fn(() => {
     const items = ['test'];
     return {
         items,

package/lib/core/hooks/__mocks__/search/use-search-filter.d.ts

@@ -1,8 +1,8 @@
-export declare const useSearchFilter: jest.Mock<{
+export declare const useSearchFilter: import("vitest").Mock<() => {
     isFilterOpen: boolean;
     onFacetReset: () => void;
     onFilterChange: () => void;
     onFilterToggle: () => void;
     onFilterReset: () => void;
     onQuickFilterReset: () => void;
-}, [], any>;
+}>;

package/lib/core/hooks/__mocks__/search/use-search-filter.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSearchFilter = void 0;
-exports.useSearchFilter = jest.fn(() => {
+const vitest_1 = require("vitest");
+exports.useSearchFilter = vitest_1.vi.fn(() => {
     return {
         isFilterOpen: false,
         onFacetReset: () => { },

package/lib/core/hooks/__mocks__/search/use-suggested-pages.d.ts

@@ -1,4 +1,4 @@
-export declare const useSuggestedPages: jest.Mock<{
+export declare const useSuggestedPages: import("vitest").Mock<() => {
     link: string;
     label: string;
-}[], [], any>;
+}[]>;

package/lib/core/hooks/__mocks__/search/use-suggested-pages.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuggestedPages = void 0;
-exports.useSuggestedPages = jest.fn(() => {
+const vitest_1 = require("vitest");
+exports.useSuggestedPages = vitest_1.vi.fn(() => {
     return [
         {
             link: '/',

package/lib/core/hooks/__mocks__/use-controlled-state.d.ts

@@ -1 +1 @@
-export declare const useControlledState: () => (boolean | jest.Mock<any, any, any>)[];
+export declare const useControlledState: () => (boolean | import("vitest").Mock<(...args: any[]) => any>)[];

package/lib/core/hooks/__mocks__/use-controlled-state.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useControlledState = void 0;
-const useControlledState = () => [false, jest.fn()];
+const vitest_1 = require("vitest");
+const useControlledState = () => [false, vitest_1.vi.fn()];
 exports.useControlledState = useControlledState;
 //# sourceMappingURL=use-controlled-state.js.map

package/lib/core/hooks/__mocks__/use-input-key-commands.d.ts

@@ -1,3 +1,3 @@
-export declare const useInputKeyCommands: jest.Mock<{
-    onKeyDown: jest.Mock<any, any, any>;
-}, [], any>;
+export declare const useInputKeyCommands: import("vitest").Mock<() => {
+    onKeyDown: import("vitest").Mock<(...args: any[]) => any>;
+}>;

package/lib/core/hooks/__mocks__/use-input-key-commands.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInputKeyCommands = void 0;
-exports.useInputKeyCommands = jest.fn(() => ({
-    onKeyDown: jest.fn(),
+const vitest_1 = require("vitest");
+exports.useInputKeyCommands = vitest_1.vi.fn(() => ({
+    onKeyDown: vitest_1.vi.fn(),
 }));
 //# sourceMappingURL=use-input-key-commands.js.map

package/lib/core/hooks/__mocks__/use-mobile-menu.d.ts

@@ -1 +1 @@
-export declare const useMobileMenu: () => (boolean | typeof jest.fn)[];
+export declare const useMobileMenu: () => (boolean | import("vitest").Mock<(...args: any[]) => any>)[];

package/lib/core/hooks/__mocks__/use-mobile-menu.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMobileMenu = void 0;
-const useMobileMenu = () => [false, jest.fn];
+const vitest_1 = require("vitest");
+const useMobileMenu = () => [false, vitest_1.vi.fn()];
 exports.useMobileMenu = useMobileMenu;
 //# sourceMappingURL=use-mobile-menu.js.map

package/lib/core/hooks/__mocks__/use-theme-config.d.ts

@@ -1,8 +1,8 @@
-export declare const useThemeConfig: jest.Mock<{
+export declare const useThemeConfig: import("vitest").Mock<() => {
     userMenu: {
         items: never[];
     };
     codeSnippet: {
         elementFormat: string;
     };
-}, [], any>;
+}>;

package/lib/core/hooks/__mocks__/use-theme-config.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeConfig = void 0;
-exports.useThemeConfig = jest.fn(() => ({
+const vitest_1 = require("vitest");
+exports.useThemeConfig = vitest_1.vi.fn(() => ({
     userMenu: {
         items: [],
     },

package/lib/core/hooks/__mocks__/use-theme-hooks.d.ts

@@ -1,68 +1,68 @@
-export declare const useThemeHooks: jest.Mock<{
-    useTranslate: jest.Mock<{
-        translate: jest.Mock<any, [key: string, defaultValue: string], any>;
-    }, [], any>;
-    useTelemetry: jest.Mock<{
-        send: jest.Mock<any, any, any>;
-    }, [], any>;
-    useBreadcrumbs: jest.Mock<any, any, any>;
-    usePageSharedData: jest.Mock<any, any, any>;
-    useCatalogClassic: jest.Mock<{
+export declare const useThemeHooks: import("vitest").Mock<() => {
+    useTranslate: import("vitest").Mock<() => {
+        translate: import("vitest").Mock<(key: string, defaultValue: string) => any>;
+    }>;
+    useTelemetry: import("vitest").Mock<() => {
+        send: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useBreadcrumbs: import("vitest").Mock<(...args: any[]) => any>;
+    usePageSharedData: import("vitest").Mock<(...args: any[]) => any>;
+    useCatalogClassic: import("vitest").Mock<() => {
         groups: never[];
         filters: never[];
         filterTerm: string;
-        setFilterTerm: jest.Mock<any, any, any>;
-    }, [], any>;
-    useL10n: jest.Mock<{
-        changeLanguage: jest.Mock<any, any, any>;
-    }, [], any>;
-    useL10nConfig: jest.Mock<{
+        setFilterTerm: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useL10n: import("vitest").Mock<() => {
+        changeLanguage: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useL10nConfig: import("vitest").Mock<() => {
         currentLocale: string;
         defaultLocale: string;
         locales: {
             code: string;
             name: string;
         }[];
-    }, [], any>;
-    usePreloadHistory: jest.Mock<{
-        push: jest.Mock<any, any, any>;
-    }, [], any>;
-    useCurrentProduct: jest.Mock<any, any, any>;
-    useProducts: jest.Mock<never[], [], any>;
-    useSearch: jest.Mock<{
-        query: jest.Mock<any, any, any>;
-        setQuery: jest.Mock<any, any, any>;
+    }>;
+    usePreloadHistory: import("vitest").Mock<() => {
+        push: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useCurrentProduct: import("vitest").Mock<(...args: any[]) => any>;
+    useProducts: import("vitest").Mock<() => never[]>;
+    useSearch: import("vitest").Mock<() => {
+        query: import("vitest").Mock<(...args: any[]) => any>;
+        setQuery: import("vitest").Mock<(...args: any[]) => any>;
         items: never[];
         isLoading: boolean;
-    }, [], any>;
-    useAiSearch: jest.Mock<{
-        askQuestion: jest.Mock<any, any, any>;
+    }>;
+    useAiSearch: import("vitest").Mock<() => {
+        askQuestion: import("vitest").Mock<(...args: any[]) => any>;
         references: never[];
-    }, [], any>;
-    useFacetQuery: jest.Mock<{
+    }>;
+    useFacetQuery: import("vitest").Mock<() => {
         searchFacet: null;
-        setSearchFacet: jest.Mock<any, any, any>;
-        setSearchFacetQuery: jest.Mock<any, any, any>;
-    }, [], any>;
-    useMarkdownText: jest.Mock<null, [], any>;
-    useUserMenu: jest.Mock<{
+        setSearchFacet: import("vitest").Mock<(...args: any[]) => any>;
+        setSearchFacetQuery: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useMarkdownText: import("vitest").Mock<() => null>;
+    useUserMenu: import("vitest").Mock<() => {
         userData: {
             isAuthenticated: boolean;
             name: string;
             email: string;
             picture: string;
         };
-        handleLogout: jest.Mock<any, any, any>;
+        handleLogout: import("vitest").Mock<(...args: any[]) => any>;
         loginUrl: string;
         hasDeveloperOnboarding: boolean;
-    }, [], any>;
-    usePageVersions: jest.Mock<any, any, any>;
-    useSidebarItems: jest.Mock<any, any, any>;
-    useSidebarSiblingsData: jest.Mock<any, any, any>;
-    useSubmitFeedback: jest.Mock<{
-        submitFeedback: jest.Mock<any, any, any>;
-    }, [], any>;
-    useLoadAndNavigate: jest.Mock<any, any, any>;
-    usePageProps: jest.Mock<any, any, any>;
-    usePageData: jest.Mock<any, any, any>;
-}, [], any>;
+    }>;
+    usePageVersions: import("vitest").Mock<(...args: any[]) => any>;
+    useSidebarItems: import("vitest").Mock<(...args: any[]) => any>;
+    useSidebarSiblingsData: import("vitest").Mock<(...args: any[]) => any>;
+    useSubmitFeedback: import("vitest").Mock<() => {
+        submitFeedback: import("vitest").Mock<(...args: any[]) => any>;
+    }>;
+    useLoadAndNavigate: import("vitest").Mock<(...args: any[]) => any>;
+    usePageProps: import("vitest").Mock<(...args: any[]) => any>;
+    usePageData: import("vitest").Mock<(...args: any[]) => any>;
+}>;

package/lib/core/hooks/__mocks__/use-theme-hooks.js

@@ -1,29 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeHooks = void 0;
-exports.useThemeHooks = jest.fn(() => ({
-    useTranslate: jest.fn(() => ({
-        translate: jest.fn((key, defaultValue) => defaultValue
+const vitest_1 = require("vitest");
+exports.useThemeHooks = vitest_1.vi.fn(() => ({
+    useTranslate: vitest_1.vi.fn(() => ({
+        translate: vitest_1.vi.fn((key, defaultValue) => defaultValue
             ? typeof defaultValue !== 'string'
                 ? defaultValue.defaultValue
                 : defaultValue
             : key),
     })),
-    useTelemetry: jest.fn(() => ({
-        send: jest.fn(),
+    useTelemetry: vitest_1.vi.fn(() => ({
+        send: vitest_1.vi.fn(),
     })),
-    useBreadcrumbs: jest.fn().mockReturnValue([]),
-    usePageSharedData: jest.fn().mockReturnValue({}),
-    useCatalogClassic: jest.fn(() => ({
+    useBreadcrumbs: vitest_1.vi.fn().mockReturnValue([]),
+    usePageSharedData: vitest_1.vi.fn().mockReturnValue({}),
+    useCatalogClassic: vitest_1.vi.fn(() => ({
         groups: [],
         filters: [],
         filterTerm: '',
-        setFilterTerm: jest.fn(),
+        setFilterTerm: vitest_1.vi.fn(),
     })),
-    useL10n: jest.fn(() => ({
-        changeLanguage: jest.fn(),
+    useL10n: vitest_1.vi.fn(() => ({
+        changeLanguage: vitest_1.vi.fn(),
     })),
-    useL10nConfig: jest.fn(() => ({
+    useL10nConfig: vitest_1.vi.fn(() => ({
         currentLocale: 'en',
         defaultLocale: 'en',
         locales: [
@@ -32,42 +33,42 @@ exports.useThemeHooks = jest.fn(() => ({
             { code: 'uk', name: 'Ukraine' },
         ],
     })),
-    usePreloadHistory: jest.fn(() => ({
-        push: jest.fn(),
+    usePreloadHistory: vitest_1.vi.fn(() => ({
+        push: vitest_1.vi.fn(),
     })),
-    useCurrentProduct: jest.fn(),
-    useProducts: jest.fn(() => []),
-    useSearch: jest.fn(() => ({
-        query: jest.fn().mockReturnValue(''),
-        setQuery: jest.fn(),
+    useCurrentProduct: vitest_1.vi.fn(),
+    useProducts: vitest_1.vi.fn(() => []),
+    useSearch: vitest_1.vi.fn(() => ({
+        query: vitest_1.vi.fn().mockReturnValue(''),
+        setQuery: vitest_1.vi.fn(),
         items: [],
         isLoading: false,
     })),
-    useAiSearch: jest.fn(() => ({
-        askQuestion: jest.fn(),
+    useAiSearch: vitest_1.vi.fn(() => ({
+        askQuestion: vitest_1.vi.fn(),
         references: [],
     })),
-    useFacetQuery: jest.fn(() => ({
+    useFacetQuery: vitest_1.vi.fn(() => ({
         searchFacet: null,
-        setSearchFacet: jest.fn(),
-        setSearchFacetQuery: jest.fn(),
+        setSearchFacet: vitest_1.vi.fn(),
+        setSearchFacetQuery: vitest_1.vi.fn(),
     })),
-    useMarkdownText: jest.fn(() => {
+    useMarkdownText: vitest_1.vi.fn(() => {
         return null;
     }),
-    useUserMenu: jest.fn(() => ({
+    useUserMenu: vitest_1.vi.fn(() => ({
         userData: {
             isAuthenticated: true,
             name: 'test-name',
             email: 'test-email@test.xyz',
             picture: 'picture',
         },
-        handleLogout: jest.fn(),
+        handleLogout: vitest_1.vi.fn(),
         loginUrl: 'https://login.redoc.ly',
         hasDeveloperOnboarding: true,
     })),
-    usePageVersions: jest.fn(),
-    useSidebarItems: jest.fn().mockReturnValue({
+    usePageVersions: vitest_1.vi.fn(),
+    useSidebarItems: vitest_1.vi.fn().mockReturnValue({
         currentItems: [
             {
                 label: 'Item',
@@ -78,15 +79,15 @@ exports.useThemeHooks = jest.fn(() => ({
                 label: 'Item',
             },
         ],
-        popDrilldownState: jest.fn(),
-        pushDrilldownState: jest.fn(),
+        popDrilldownState: vitest_1.vi.fn(),
+        pushDrilldownState: vitest_1.vi.fn(),
     }),
-    useSidebarSiblingsData: jest.fn(),
-    useSubmitFeedback: jest.fn(() => ({
-        submitFeedback: jest.fn(),
+    useSidebarSiblingsData: vitest_1.vi.fn(),
+    useSubmitFeedback: vitest_1.vi.fn(() => ({
+        submitFeedback: vitest_1.vi.fn(),
     })),
-    useLoadAndNavigate: jest.fn(),
-    usePageProps: jest.fn().mockReturnValue({}),
-    usePageData: jest.fn().mockReturnValue(null),
+    useLoadAndNavigate: vitest_1.vi.fn(),
+    usePageProps: vitest_1.vi.fn().mockReturnValue({}),
+    usePageData: vitest_1.vi.fn().mockReturnValue(null),
 }));
 //# sourceMappingURL=use-theme-hooks.js.map

package/lib/core/hooks/__mocks__/use-time-ago.d.ts

@@ -1,3 +1,3 @@
-export declare const useTimeAgo: jest.Mock<{
+export declare const useTimeAgo: import("vitest").Mock<() => {
     format: () => "5 days ago";
-}, [], any>;
+}>;

package/lib/core/hooks/__mocks__/use-time-ago.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimeAgo = void 0;
-exports.useTimeAgo = jest.fn(() => ({
+const vitest_1 = require("vitest");
+exports.useTimeAgo = vitest_1.vi.fn(() => ({
     format: () => '5 days ago',
 }));
 //# sourceMappingURL=use-time-ago.js.map

package/lib/core/hooks/catalog/useGraph.d.ts

@@ -0,0 +1,15 @@
+import { type Node, type Edge, type Connection, OnNodesChange, OnEdgesChange } from '@xyflow/react';
+import { type CatalogEntityNodeData } from '../../../components/Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsNode';
+import { BffCatalogEntity, BffCatalogRelatedEntity } from '../../types';
+export type UseGraphProps = {
+    entity: BffCatalogEntity;
+    relations: BffCatalogRelatedEntity[];
+};
+export type UseGraphReturn = {
+    nodes: Node<CatalogEntityNodeData>[];
+    edges: Edge[];
+    onNodesChange: OnNodesChange<Node<CatalogEntityNodeData>>;
+    onEdgesChange: OnEdgesChange<Edge>;
+    onConnect: (params: Connection) => void;
+};
+export declare function useGraph({ entity, relations }: UseGraphProps): UseGraphReturn;