@redocly/theme 0.55.0-next.7 → 0.55.0-next.8

package/lib/core/hooks/catalog/useCatalogTableViewRow.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCatalogTableViewRow = useCatalogTableViewRow;
+const utils_1 = require("../../utils");
+function useCatalogTableViewRow({ entityKey, entityType, catalogConfig, entitiesCatalogConfig, }) {
+    const getCatalogSpecificConfigByEntityTypeIncluded = () => {
+        var _a;
+        if (!entitiesCatalogConfig) {
+            return;
+        }
+        return Object.values((_a = entitiesCatalogConfig.catalogs) !== null && _a !== void 0 ? _a : {}).find((catalog) => {
+            var _a;
+            return (_a = catalog.includes) === null || _a === void 0 ? void 0 : _a.some((include) => include.type === entityType);
+        });
+    };
+    const getEntityDetailsLink = () => {
+        const pathPrefix = (0, utils_1.getPathPrefix)();
+        const catalogSpecificConfig = getCatalogSpecificConfigByEntityTypeIncluded();
+        if (!catalogSpecificConfig || !entitiesCatalogConfig) {
+            return `${pathPrefix}/catalogs/${catalogConfig.slug}/entities/${entityKey}`;
+        }
+        return `${pathPrefix}/catalogs/${catalogSpecificConfig.slug}/entities/${entityKey}`;
+    };
+    return { getEntityDetailsLink };
+}
+//# sourceMappingURL=useCatalogTableViewRow.js.map

package/lib/core/hooks/index.d.ts

@@ -36,5 +36,7 @@ export * from '../../core/hooks/code-walkthrough/use-renderable-files';
 export * from '../../core/hooks/use-element-size';
 export * from '../../core/hooks/use-time-ago';
 export * from '../../core/hooks/use-input-key-commands';
+export * from '../../core/hooks/catalog/useCatalogEntities';
 export * from '../../core/hooks/use-active-page-version';
 export * from '../../core/hooks/use-page-versions';
+export * from '../../core/hooks/use-user-teams';

package/lib/core/hooks/index.js

@@ -52,6 +52,8 @@ __exportStar(require("../../core/hooks/code-walkthrough/use-renderable-files"),
 __exportStar(require("../../core/hooks/use-element-size"), exports);
 __exportStar(require("../../core/hooks/use-time-ago"), exports);
 __exportStar(require("../../core/hooks/use-input-key-commands"), exports);
+__exportStar(require("../../core/hooks/catalog/useCatalogEntities"), exports);
 __exportStar(require("../../core/hooks/use-active-page-version"), exports);
 __exportStar(require("../../core/hooks/use-page-versions"), exports);
+__exportStar(require("../../core/hooks/use-user-teams"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/use-user-teams.d.ts

@@ -0,0 +1 @@
+export declare function useUserTeams(): string[];

package/lib/core/hooks/use-user-teams.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserTeams = useUserTeams;
+const hooks_1 = require("../../core/hooks");
+function useUserTeams() {
+    const { useUserTeams } = (0, hooks_1.useThemeHooks)();
+    const userTeams = useUserTeams();
+    return userTeams;
+}
+//# sourceMappingURL=use-user-teams.js.map

package/lib/core/styles/dark.js

@@ -12,6 +12,7 @@ const variables_dark_7 = require("../../components/Tag/variables.dark");
 const variables_dark_8 = require("../../components/StatusCode/variables.dark");
 const variables_dark_9 = require("../../components/Switch/variables.dark");
 const variables_dark_10 = require("../../markdoc/components/Cards/variables.dark");
+const variables_dark_11 = require("../../components/Catalog/variables.dark");
 const replayDarkMode = (0, styled_components_1.css) `
   /**
     * @tokens Replay Colors
@@ -314,6 +315,7 @@ exports.darkMode = (0, styled_components_1.css) `
   ${replayDarkMode}
   ${variables_dark_9.switcherDarkMode}
   ${variables_dark_10.cardsDarkMode}
+  ${variables_dark_11.catalogDarkMode}
 
   /**
     * @tokens Dark Theme Scrollbar Config

package/lib/core/styles/global.js

@@ -10,35 +10,36 @@ const variables_4 = require("../../components/Sidebar/variables");
 const variables_5 = require("../../components/Breadcrumbs/variables");
 const variables_6 = require("../../components/Tag/variables");
 const variables_7 = require("../../components/TableOfContent/variables");
-const variables_8 = require("../../components/Filter/variables");
-const variables_9 = require("../../components/CatalogClassic/variables");
-const variables_10 = require("../../components/Panel/variables");
-const variables_11 = require("../../components/Select/variables");
-const variables_12 = require("../../components/Dropdown/variables");
-const variables_13 = require("../../components/Tooltip/variables");
-const variables_14 = require("../../icons/CheckboxIcon/variables");
-const variables_15 = require("../../components/Admonition/variables");
-const variables_16 = require("../../components/Footer/variables");
-const variables_17 = require("../../components/Button/variables");
-const variables_18 = require("../../components/Navbar/variables");
-const variables_19 = require("../../components/Search/variables");
-const variables_20 = require("../../components/Menu/variables");
-const variables_21 = require("../../components/CodeBlock/variables");
-const variables_22 = require("../../components/Product/variables");
-const variables_23 = require("../../components/Markdown/variables");
-const variables_24 = require("../../markdoc/components/Tabs/variables");
-const variables_25 = require("../../markdoc/components/Mermaid/variables");
-const variables_26 = require("../../components/LastUpdated/variables");
-const variables_27 = require("../../components/Logo/variables");
-const variables_28 = require("../../components/StatusCode/variables");
-const variables_29 = require("../../components/Segmented/variables");
-const variables_30 = require("../../components/UserMenu/variables");
-const variables_31 = require("../../components/Tags/variables");
-const variables_32 = require("../../components/VersionPicker/variables");
-const variables_33 = require("../../components/DatePicker/variables");
-const variables_34 = require("../../components/Switch/variables");
-const variables_35 = require("../../markdoc/components/Cards/variables");
-const variables_36 = require("../../markdoc/components/CodeWalkthrough/variables");
+const variables_8 = require("../../components/Catalog/variables");
+const variables_9 = require("../../components/Filter/variables");
+const variables_10 = require("../../components/CatalogClassic/variables");
+const variables_11 = require("../../components/Panel/variables");
+const variables_12 = require("../../components/Select/variables");
+const variables_13 = require("../../components/Dropdown/variables");
+const variables_14 = require("../../components/Tooltip/variables");
+const variables_15 = require("../../icons/CheckboxIcon/variables");
+const variables_16 = require("../../components/Admonition/variables");
+const variables_17 = require("../../components/Footer/variables");
+const variables_18 = require("../../components/Button/variables");
+const variables_19 = require("../../components/Navbar/variables");
+const variables_20 = require("../../components/Search/variables");
+const variables_21 = require("../../components/Menu/variables");
+const variables_22 = require("../../components/CodeBlock/variables");
+const variables_23 = require("../../components/Product/variables");
+const variables_24 = require("../../components/Markdown/variables");
+const variables_25 = require("../../markdoc/components/Tabs/variables");
+const variables_26 = require("../../markdoc/components/Mermaid/variables");
+const variables_27 = require("../../components/LastUpdated/variables");
+const variables_28 = require("../../components/Logo/variables");
+const variables_29 = require("../../components/StatusCode/variables");
+const variables_30 = require("../../components/Segmented/variables");
+const variables_31 = require("../../components/UserMenu/variables");
+const variables_32 = require("../../components/Tags/variables");
+const variables_33 = require("../../components/VersionPicker/variables");
+const variables_34 = require("../../components/DatePicker/variables");
+const variables_35 = require("../../components/Switch/variables");
+const variables_36 = require("../../markdoc/components/Cards/variables");
+const variables_37 = require("../../markdoc/components/CodeWalkthrough/variables");
 const themeColors = (0, styled_components_1.css) `
   /* === Palette === */
   /**
@@ -367,6 +368,7 @@ const typography = (0, styled_components_1.css) `
   --font-size-base: 14px; // Base font size of the entire system.
   --font-size-sm: 12px;
   --font-size-lg: 16px;
+  --font-size-md: 18px;
   --font-size-xl: 20px;
 
   /**
@@ -1181,64 +1183,65 @@ const replay = (0, styled_components_1.css) `
 `;
 exports.styles = (0, styled_components_1.css) `
   :root {
-    ${variables_15.admonition}
+    ${variables_16.admonition}
     ${apiReferenceDocs}
-    ${variables_10.apiReferencePanels}
+    ${variables_11.apiReferencePanels}
     ${badges}
     ${borders}
     ${variables_5.breadcrumbs}
-    ${variables_17.button}
-    ${variables_35.cards}
-    ${variables_9.catalogClassic}
-    ${variables_21.code}
-    ${variables_36.codeWalkthrough}
+    ${variables_18.button}
+    ${variables_36.cards}
+    ${variables_8.catalog}
+    ${variables_10.catalogClassic}
+    ${variables_22.code}
+    ${variables_37.codeWalkthrough}
     ${docsDropdown}
-    ${variables_12.dropdown}
+    ${variables_13.dropdown}
     ${error}
-    ${variables_8.filter}
-    ${variables_16.footer}
+    ${variables_9.filter}
+    ${variables_17.footer}
     ${headingsTypography}
-    ${variables_31.httpTag}
+    ${variables_32.httpTag}
     ${inputs}
     ${variables_1.languagePicker}
-    ${variables_26.lastUpdated}
+    ${variables_27.lastUpdated}
     ${links}
     ${loadProgressBar}
-    ${variables_27.logo}
-    ${variables_23.markdown}
-    ${variables_24.markdownTabs}
-    ${variables_25.mermaid}
-    ${variables_20.menu}
-    ${variables_20.mobileMenu}
+    ${variables_28.logo}
+    ${variables_24.markdown}
+    ${variables_25.markdownTabs}
+    ${variables_26.mermaid}
+    ${variables_21.menu}
+    ${variables_21.mobileMenu}
     ${modal}
-    ${variables_18.navbar}
+    ${variables_19.navbar}
     ${pages}
-    ${variables_22.productPicker}
-    ${variables_10.responsePanelColors}
-    ${variables_19.search}
-    ${variables_11.select}
+    ${variables_23.productPicker}
+    ${variables_11.responsePanelColors}
+    ${variables_20.search}
+    ${variables_12.select}
     ${variables_4.sidebar}
     ${sizeAndSpace}
     ${variables_6.tag}
     ${themeColors}
     ${tile}
     ${variables_7.toc}
-    ${variables_13.tooltip}
+    ${variables_14.tooltip}
     ${typography}
-    ${variables_30.userMenu}
-    ${variables_32.versionPicker}
+    ${variables_31.userMenu}
+    ${variables_33.versionPicker}
     ${zIndexDepth}
     ${scorecardColors}
-    ${variables_28.statusCode}
+    ${variables_29.statusCode}
     ${tab}
     ${icon}
     ${tree}
-    ${variables_29.segmented}
-    ${variables_34.switcher}
-    ${variables_14.checkbox}
+    ${variables_30.segmented}
+    ${variables_35.switcher}
+    ${variables_15.checkbox}
     ${variables_3.feedback}
     ${variables_2.scorecard}
-    ${variables_33.datePicker}
+    ${variables_34.datePicker}
     ${replay}
 
     background-color: var(--bg-color);

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

@@ -1,4 +1,35 @@
+import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
+import { CatalogEntityConfig, LayoutVariant } from '@redocly/config';
 import type { CatalogFilterConfig } from '../../config';
+export type SortOption = 'title' | '-title' | 'type' | '-type';
+export type UseCatalogResponse = {
+    filters: ResolvedFilter[];
+    filterQuery: string;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    sortOption: SortOption | null;
+    setSortOption: (option: SortOption | null) => void;
+    handleSortClick: (sortKey: string, direction: 'asc' | 'desc') => void;
+    isColumnSorted: (sortKey: string, direction: 'asc' | 'desc') => boolean;
+    viewMode: CatalogViewMode;
+    setViewMode: (mode: CatalogViewMode) => void;
+    entitiesCounter: number;
+    setEntitiesCounter: (counter: number) => void;
+    onChangeViewClick: () => void;
+    onChangeCollapseSidebarClick: () => void;
+    layout: LayoutVariant;
+    collapsedSidebar: boolean;
+};
+export type UseCatalogSortResponse = {
+    sortOption: SortOption | null;
+    setSortOption: (option: SortOption | null) => void;
+    handleSortClick: (sortKey: string, direction: 'asc' | 'desc') => void;
+    isColumnSorted: (sortKey: string, direction: 'asc' | 'desc') => boolean;
+};
+export type UseCatalogSearchResponse = {
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+};
 export type FilteredCatalog = {
     groups: {
         title: string;
@@ -13,10 +44,6 @@ export type ResolvedFilter = Omit<CatalogFilterConfig, 'options'> & {
         value: string;
         count: number;
     }[];
-    filteredOptions: {
-        value: string;
-        count: number;
-    }[];
     toggleOption: (option: string) => void;
     selectOption: (option: string) => void;
     parentUsed: boolean;
@@ -39,9 +66,95 @@ export type CatalogItem = {
         uniqueWarnings: number;
     }>;
     scoreCardSlug?: string;
-    tags?: unknown[];
+    tags?: string[];
     versions?: CatalogItem[];
     version?: string;
     versionFolderId?: string;
     [k: string]: unknown;
 };
+export type DefaultCatalogSlug = 'services' | 'users' | 'teams' | 'domains' | 'api-descriptions' | 'all';
+export type CatalogApiResults<T, L> = {
+    query: UseInfiniteQueryResult<InfiniteData<L, unknown>, Error>;
+    items: T[];
+    total: number;
+};
+export type CatalogApiParams = {
+    limit?: number;
+    filter?: string;
+    sort?: string;
+    search?: string;
+};
+export type UseCatalogEntitiesProps = {
+    entitiesTypes: string[];
+    excludedEntities?: CatalogEntityConfig['excludes'];
+};
+export type UseCatalogEntitiesResponse = {
+    setEntitiesCounter: (counter: number) => void;
+};
+export type EntityType = 'service' | 'domain' | 'team' | 'user' | 'api-description';
+export type CatalogViewMode = 'cards' | 'table';
+export type CatalogSwitcherItem = {
+    labelTranslationKey: string;
+    slug: string;
+    selected: boolean;
+};
+export type BffCatalogRelatedEntity = {
+    readonly id: string;
+    type: string;
+    key: string;
+    title: string;
+    summary?: string | null;
+    readonly source: 'api' | 'file';
+    sourceFile?: string | null;
+    metadata?: Record<string, any>;
+    readonly createdAt: string | null;
+    readonly updatedAt: string | null;
+};
+export type BffCatalogEntity = {
+    readonly id: string;
+    readonly organizationId: string;
+    readonly projectId: string;
+    key: string;
+    type: string;
+    title: string;
+    readonly source: 'api' | 'file';
+    domains?: Array<BffCatalogRelatedEntity>;
+    owners?: Array<BffCatalogRelatedEntity>;
+    summary?: string;
+    tags?: Array<string>;
+    metadata?: Record<string, any>;
+    git?: Array<string>;
+    contact?: {
+        slack?: {
+            channels?: Array<{
+                name: string;
+            }>;
+        };
+    };
+    links?: Array<{
+        label: string;
+        url: string;
+    }>;
+    sourceFile?: string;
+    readonly object: 'catalogEntityView';
+    readonly createdAt: string;
+    readonly updatedAt: string;
+};
+export type BffCatalogEntityList = {
+    object: 'list';
+    page: Page;
+    items: Array<BffCatalogEntity>;
+};
+export type BffCatalogRelatedEntityList = {
+    object: 'list';
+    page: Page;
+    items: Array<BffCatalogRelatedEntity>;
+};
+export type Page = {
+    endCursor: string | null;
+    startCursor: string | null;
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    limit: number;
+    total: number;
+};

package/lib/core/types/filter.d.ts

@@ -5,5 +5,6 @@ export type FilterProps = {
         selectedOptions: any;
     };
     filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
+    showCounter?: boolean;
 };
 export type FilterTypes = NonNullable<FilterProps['filter']['type']>;

package/lib/core/types/hooks.d.ts

@@ -1,10 +1,10 @@
-import { AsyncApiRealm } from '@redocly/realm-asyncapi-sdk';
-import type { PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
+import type { CatalogEntityConfig, PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
 import type { ShikiTransformer } from '@shikijs/types';
 import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location, NavigateFunction } from 'react-router-dom';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
-import type { UserMenuData, FilteredCatalog, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem } from '../../core/types';
+import type { UserMenuData, UseCatalogResponse, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem, CatalogApiResults, CatalogApiParams, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, EventType, SendEventParams } from '../../core/types';
+import { BffCatalogEntity, BffCatalogEntityList, BffCatalogRelatedEntity, BffCatalogRelatedEntityList } from '../../core/types';
 import { AiSearchError } from '../../core/constants';
 export type ThemeHooks = {
     useTranslate: () => {
@@ -101,9 +101,16 @@ export type ThemeHooks = {
         prevPage?: ResolvedNavItemWithLink;
         nextPage?: ResolvedNavItemWithLink;
     } | undefined;
+    useCatalog: (config?: CatalogEntityConfig, entitiesCounterInitial?: number) => UseCatalogResponse;
+    useCatalogSort: () => UseCatalogSortResponse;
+    useCatalogSearch: () => UseCatalogSearchResponse;
+    useFetchCatalogEntities: (params: CatalogApiParams, initialData?: BffCatalogEntityList) => CatalogApiResults<BffCatalogEntity, BffCatalogEntityList>;
+    useFetchCatalogEntitiesRelations: (params: CatalogApiParams & {
+        entityKey: string;
+    }, initialData?: BffCatalogRelatedEntityList) => CatalogApiResults<BffCatalogRelatedEntity, BffCatalogRelatedEntityList>;
     useCatalogClassic: (config: CatalogConfig) => FilteredCatalog;
     useTelemetry: () => {
-        send(data: AsyncApiRealm.Messages): void;
+        send<TEventType extends EventType>(event: SendEventParams<TEventType>): void;
     };
     useUserTeams: () => string[];
     usePageProps: <T extends Record<string, unknown>>() => PageProps & T;

package/lib/core/types/index.d.ts

@@ -15,3 +15,4 @@ export * from '../../core/types/common';
 export * from '../../core/types/open-api-server';
 export * from '../../core/types/marker';
 export * from '../../core/types/code-walkthrough';
+export * from '../../core/types/telemetry';

package/lib/core/types/index.js

@@ -31,4 +31,5 @@ __exportStar(require("../../core/types/common"), exports);
 __exportStar(require("../../core/types/open-api-server"), exports);
 __exportStar(require("../../core/types/marker"), exports);
 __exportStar(require("../../core/types/code-walkthrough"), exports);
+__exportStar(require("../../core/types/telemetry"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/types/l10n.d.ts

@@ -1,5 +1,5 @@
 import type { TOptions } from 'i18next';
-export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'search.loading' | 'search.noResults.title' | 'search.keys.navigate' | 'search.keys.select' | 'search.keys.exit' | 'search.label' | 'search.cancel' | 'search.recent' | 'search.navbar.label' | 'search.suggested' | 'search.showMore' | 'search.filter.title' | 'search.filter.reset' | 'search.filter.field.reset' | 'search.ai.welcomeText' | 'search.ai.newConversation' | 'search.ai.backToSearch' | 'search.ai.placeholder' | 'search.ai.generatingResponse' | 'search.ai.followUpQuestion' | 'search.ai.suggestionsTitle' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.resourcesFound.basedOn' | 'search.ai.resourcesFound.resources' | 'search.ai.button' | 'search.ai.label' | 'search.ai.disclaimer' | 'search.ai.error.description' | 'search.ai.error.description.forbidden' | 'search.ai.error.description.unauthorized' | 'search.ai.error.header' | 'search.ai.error.header.forbidden' | 'search.ai.error.header.unauthorized' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.add' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeLayout' | 'versionPicker.label' | 'versionPicker.unversioned' | 'codeSnippet.copy.buttonText' | 'codeSnippet.copy.tooltipText' | 'codeSnippet.copy.toasterText' | 'markdown.editPage.text' | 'feedback.settings.comment.submitText' | 'feedback.settings.comment.label' | 'feedback.settings.comment.send' | 'feedback.settings.comment.cancel' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.submit' | 'feedback.cancel' | 'feedback.settings.comment.likeLabel' | 'feedback.settings.comment.dislikeLabel' | 'feedback.sentiment.thumbUp' | 'feedback.sentiment.thumbDown' | 'feedback.settings.leftScaleLabel' | 'feedback.settings.rightScaleLabel' | 'feedback.settings.optionalEmail.placeholder' | 'feedback.settings.optionalEmail.label' | 'codeSnippet.report.buttonText' | 'codeSnippet.report.tooltipText' | 'codeSnippet.report.label' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'mobileMenu.version' | 'navbar.products' | 'page.nextButton' | 'page.previousButton' | 'openapi.download.description.title' | 'openapi.info.title' | 'openapi.info.contact.url' | 'openapi.info.contact.name' | 'openapi.info.license' | 'openapi.info.termsOfService' | 'openapi.info.metadata.title' | 'openapi.key' | 'openapi.value' | 'openapi.enum' | 'openapi.items' | 'openapi.default' | 'openapi.variable' | 'openapi.variables' | 'openapi.actions.show' | 'openapi.actions.hide' | 'openapi.actions.more' | 'openapi.languages.title' | 'openapi.servers.title' | 'openapi.operations' | 'openapi.webhooks' | 'openapi.description' | 'openapi.badges.deprecated' | 'openapi.badges.required' | 'openapi.badges.webhook' | 'openapi.request' | 'openapi.path' | 'openapi.query' | 'openapi.cookie' | 'openapi.header' | 'openapi.body' | 'openapi.responses' | 'openapi.response' | 'openapi.callbacks' | 'openapi.callbackRequest' | 'openapi.callbackResponse' | 'openapi.payload' | 'openapi.discriminator' | 'openapi.contentType' | 'openapi.tryIt' | 'openapi.loading' | 'openapi.example' | 'openapi.examples' | 'openapi.additionalProperties' | 'openapi.patternProperties' | 'openapi.required' | 'openapi.recursive' | 'openapi.complex' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.viewSecurityDetails' | 'openapi.noResponseExample' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.showOptionalScopes' | 'openapi.hideOptionalScopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'asyncapi.download.description.title' | 'asyncapi.info.title' | 'graphql.queries' | 'graphql.mutations' | 'graphql.subscriptions' | 'graphql.directives' | 'graphql.objects' | 'graphql.interfaces' | 'graphql.unions' | 'graphql.enums' | 'graphql.inputs' | 'graphql.scalars' | 'graphql.arguments.label' | 'graphql.arguments.show' | 'graphql.arguments.hide' | 'graphql.arguments.here' | 'graphql.returnTypes.label' | 'graphql.returnTypes.show' | 'graphql.returnTypes.hide' | 'graphql.possibleTypes' | 'graphql.defaultValue' | 'graphql.deprecationReason' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'graphql.content.fragment' | 'codeWalkthrough.download' | 'codeWalkthrough.preview' | 'time.justNow' | 'time.past.second' | 'time.past.seconds' | 'time.past.minute' | 'time.past.minutes' | 'time.past.hour' | 'time.past.hours' | 'time.past.day' | 'time.past.days' | 'time.past.week' | 'time.past.weeks' | 'time.past.month' | 'time.past.months' | 'time.past.year' | 'time.past.years' | 'page.internalServerError.title' | 'page.internalServerError.description';
+export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'search.loading' | 'search.noResults.title' | 'search.keys.navigate' | 'search.keys.select' | 'search.keys.exit' | 'search.label' | 'search.cancel' | 'search.recent' | 'search.navbar.label' | 'search.suggested' | 'search.showMore' | 'search.filter.title' | 'search.filter.reset' | 'search.filter.field.reset' | 'search.ai.welcomeText' | 'search.ai.newConversation' | 'search.ai.backToSearch' | 'search.ai.placeholder' | 'search.ai.generatingResponse' | 'search.ai.followUpQuestion' | 'search.ai.suggestionsTitle' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.resourcesFound.basedOn' | 'search.ai.resourcesFound.resources' | 'search.ai.button' | 'search.ai.label' | 'search.ai.disclaimer' | 'search.ai.error.description' | 'search.ai.error.description.forbidden' | 'search.ai.error.description.unauthorized' | 'search.ai.error.header' | 'search.ai.error.header.forbidden' | 'search.ai.error.header.unauthorized' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.add' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'catalog.catalogs.all.title' | 'catalog.catalogs.all.description' | 'catalog.catalogs.all.switcherLabel' | 'catalog.catalogs.service.title' | 'catalog.catalogs.service.description' | 'catalog.catalogs.service.switcherLabel' | 'catalog.catalogs.user.title' | 'catalog.catalogs.user.description' | 'catalog.catalogs.user.switcherLabel' | 'catalog.catalogs.team.title' | 'catalog.catalogs.team.description' | 'catalog.catalogs.team.switcherLabel' | 'catalog.catalogs.domain.title' | 'catalog.catalogs.domain.description' | 'catalog.catalogs.domain.switcherLabel' | 'catalog.catalogs.apiDescription.title' | 'catalog.catalogs.apiDescription.description' | 'catalog.catalogs.apiDescription.switcherLabel' | 'catalog.entity.metadata.title' | 'catalog.entity.properties.apiDescription.title' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeLayout' | 'versionPicker.label' | 'versionPicker.unversioned' | 'codeSnippet.copy.buttonText' | 'codeSnippet.copy.tooltipText' | 'codeSnippet.copy.toasterText' | 'markdown.editPage.text' | 'feedback.settings.comment.submitText' | 'feedback.settings.comment.label' | 'feedback.settings.comment.send' | 'feedback.settings.comment.cancel' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.submit' | 'feedback.cancel' | 'feedback.settings.comment.likeLabel' | 'feedback.settings.comment.dislikeLabel' | 'feedback.sentiment.thumbUp' | 'feedback.sentiment.thumbDown' | 'feedback.settings.leftScaleLabel' | 'feedback.settings.rightScaleLabel' | 'feedback.settings.optionalEmail.placeholder' | 'feedback.settings.optionalEmail.label' | 'codeSnippet.report.buttonText' | 'codeSnippet.report.tooltipText' | 'codeSnippet.report.label' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'mobileMenu.version' | 'navbar.products' | 'page.nextButton' | 'page.previousButton' | 'openapi.download.description.title' | 'openapi.info.title' | 'openapi.info.contact.url' | 'openapi.info.contact.name' | 'openapi.info.license' | 'openapi.info.termsOfService' | 'openapi.info.metadata.title' | 'openapi.key' | 'openapi.value' | 'openapi.enum' | 'openapi.items' | 'openapi.default' | 'openapi.variable' | 'openapi.variables' | 'openapi.actions.show' | 'openapi.actions.hide' | 'openapi.actions.more' | 'openapi.languages.title' | 'openapi.servers.title' | 'openapi.operations' | 'openapi.webhooks' | 'openapi.description' | 'openapi.badges.deprecated' | 'openapi.badges.required' | 'openapi.badges.webhook' | 'openapi.request' | 'openapi.path' | 'openapi.query' | 'openapi.cookie' | 'openapi.header' | 'openapi.body' | 'openapi.responses' | 'openapi.response' | 'openapi.callbacks' | 'openapi.callbackRequest' | 'openapi.callbackResponse' | 'openapi.payload' | 'openapi.discriminator' | 'openapi.contentType' | 'openapi.tryIt' | 'openapi.loading' | 'openapi.example' | 'openapi.examples' | 'openapi.additionalProperties' | 'openapi.patternProperties' | 'openapi.required' | 'openapi.recursive' | 'openapi.complex' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.viewSecurityDetails' | 'openapi.noResponseExample' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.showOptionalScopes' | 'openapi.hideOptionalScopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'asyncapi.download.description.title' | 'asyncapi.info.title' | 'graphql.queries' | 'graphql.mutations' | 'graphql.subscriptions' | 'graphql.directives' | 'graphql.objects' | 'graphql.interfaces' | 'graphql.unions' | 'graphql.enums' | 'graphql.inputs' | 'graphql.scalars' | 'graphql.arguments.label' | 'graphql.arguments.show' | 'graphql.arguments.hide' | 'graphql.arguments.here' | 'graphql.returnTypes.label' | 'graphql.returnTypes.show' | 'graphql.returnTypes.hide' | 'graphql.possibleTypes' | 'graphql.defaultValue' | 'graphql.deprecationReason' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'graphql.content.fragment' | 'codeWalkthrough.download' | 'codeWalkthrough.preview' | 'time.justNow' | 'time.past.second' | 'time.past.seconds' | 'time.past.minute' | 'time.past.minutes' | 'time.past.hour' | 'time.past.hours' | 'time.past.day' | 'time.past.days' | 'time.past.week' | 'time.past.weeks' | 'time.past.month' | 'time.past.months' | 'time.past.year' | 'time.past.years' | 'page.internalServerError.title' | 'page.internalServerError.description';
 export type Locale = {
     code: string;
     name: string;

package/lib/core/types/telemetry.d.ts

@@ -0,0 +1,32 @@
+import { AsyncApiRealm } from '@redocly/realm-asyncapi-sdk';
+type ExtractEventType<T> = T extends {
+    span?: {
+        attributes?: {
+            'cloudevents.event_type': infer EventType;
+        };
+    };
+} ? EventType : never;
+export type EventType = ExtractEventType<AsyncApiRealm.Messages>;
+type GetMessageForEventType<TEventType extends EventType> = Extract<AsyncApiRealm.Messages, {
+    span?: {
+        attributes?: {
+            'cloudevents.event_type': TEventType;
+        };
+    };
+}>;
+type ExtractEventDataForType<TEventType extends EventType> = GetMessageForEventType<TEventType> extends {
+    span?: {
+        attributes?: infer Attrs;
+    };
+} ? {
+    [K in keyof Attrs as K extends `cloudevents.event_data.${string}` ? K : never]: Attrs[K];
+} : never;
+export type ConvertEventDataToPayload<T> = {
+    [K in keyof T as K extends `cloudevents.event_data.${infer FieldName}` ? FieldName : never]: T[K];
+};
+export type EventPayload<TEventType extends EventType> = ConvertEventDataToPayload<ExtractEventDataForType<TEventType>>;
+export interface SendEventParams<TEventType extends EventType> {
+    type: TEventType;
+    payload?: EventPayload<TEventType>;
+}
+export {};

package/lib/core/types/telemetry.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=telemetry.js.map

package/lib/icons/AscSortIcon/AscSortIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const AscSortIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/AscSortIcon/AscSortIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AscSortIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M9 11L9.707 10.293L11.5 12.086V2H12.5V12.086L14.293 10.293L15 11L12 14L9 11Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M8 9H1V10H8V9Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M8 6H3V7H8V6Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M8 3H5V4H8V3Z", fill: "#22242B" })));
+exports.AscSortIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/AscSortIcon/AscSortIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=AscSortIcon.js.map

package/lib/icons/CardsIcon/CardsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const CardsIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CardsIcon/CardsIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardsIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M4 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V4C0 4.26522 0.105357 4.51957 0.292893 4.70711C0.48043 4.89464 0.734784 5 1 5H4C4.26522 5 4.51957 4.89464 4.70711 4.70711C4.89464 4.51957 5 4.26522 5 4V1C5 0.734784 4.89464 0.48043 4.70711 0.292893C4.51957 0.105357 4.26522 0 4 0ZM4 4H1V1H4V4Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M11 0H8C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V4C7 4.26522 7.10536 4.51957 7.29289 4.70711C7.48043 4.89464 7.73478 5 8 5H11C11.2652 5 11.5196 4.89464 11.7071 4.70711C11.8946 4.51957 12 4.26522 12 4V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM11 4H8V1H11V4Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M4 7H1C0.734784 7 0.48043 7.10536 0.292893 7.29289C0.105357 7.48043 0 7.73478 0 8V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H4C4.26522 12 4.51957 11.8946 4.70711 11.7071C4.89464 11.5196 5 11.2652 5 11V8C5 7.73478 4.89464 7.48043 4.70711 7.29289C4.51957 7.10536 4.26522 7 4 7ZM4 11H1V8H4V11Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M11 7H8C7.73478 7 7.48043 7.10536 7.29289 7.29289C7.10536 7.48043 7 7.73478 7 8V11C7 11.2652 7.10536 11.5196 7.29289 11.7071C7.48043 11.8946 7.73478 12 8 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V8C12 7.73478 11.8946 7.48043 11.7071 7.29289C11.5196 7.10536 11.2652 7 11 7ZM11 11H8V8H11V11Z", fill: "#22242B" })));
+exports.CardsIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/CardsIcon/CardsIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=CardsIcon.js.map

package/lib/icons/CaretDownIcon/CaretDownIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const CaretDownIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;