apiuikit 0.2.1 → 0.5.0

package/dist/stories/Examples.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Examples } from '../components/Examples';
+declare const meta: {
+    title: string;
+    component: typeof Examples;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithEnumAndExamples: Story;

package/dist/stories/Information.stories.d.ts

@@ -2,6 +2,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').FunctionComponent<import('../types/asyncapi/Info').Info>;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/Message.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Message } from '../containers/Messages/Message';
+declare const meta: {
+    title: string;
+    component: typeof Message;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Expanded: Story;

package/dist/stories/Messages.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Messages } from '../public/sections';
+declare const meta: {
+    title: string;
+    component: typeof Messages;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Operation.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { default as Operation } from '../containers/Operation/Operation';
+declare const meta: {
+    title: string;
+    component: typeof Operation;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Operations.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Operations } from '../public/sections';
+declare const meta: {
+    title: string;
+    component: typeof Operations;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    tags: string[];
+    parameters: {
+        docs: {
+            page: () => import("react").JSX.Element;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/SchemaTab.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { default as SchemaTab } from '../components/schema/SchemaTab';
+declare const meta: {
+    title: string;
+    component: typeof SchemaTab;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ConversionError: Story;

package/dist/stories/SchemaTree.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
     title: string;
     component: typeof SchemaTree;
     decorators: ((Story: ComponentType) => import("react").JSX.Element)[];
+    tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/SearchPanel.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { default as SearchPanel } from '../components/SearchPanel';
+declare const meta: {
+    title: string;
+    component: typeof SearchPanel;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    args: {
+        query: string;
+        onQueryChange: () => void;
+        results: never[];
+        onSelectResult: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Server.stories.d.ts

@@ -1,9 +1,12 @@
 import { StoryObj } from '@storybook/react';
-import { default as Servers } from '../containers/Server/Servers';
+import { Servers } from '../public/sections';
 declare const meta: {
     title: string;
     component: typeof Servers;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const SingleServer: Story;

package/dist/stories/TabToggle.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { default as TabToggle } from '../components/TabToggle';
+declare const meta: {
+    title: string;
+    component: typeof TabToggle;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Tabs.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { default as Tabs } from '../components/Tabs';
+declare const meta: {
+    title: string;
+    component: typeof Tabs;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithIcons: Story;
+export declare const Plain: Story;

package/dist/stories/documentContextDecorator.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType } from 'react';
+/**
+ * Centers a component story at one consistent max width and makes it fill that
+ * width. Scoped per-story (not global) on purpose: the full-page AsyncAPI
+ * example stories should render edge-to-edge, so centering must not be applied
+ * globally in preview.
+ */
+export declare const centeredDecorator: (Story: ComponentType) => import("react").JSX.Element;
+/**
+ * Shared Storybook decorator for rendering container components
+ * (Servers/Messages/Operations) in isolation. Those components, and their
+ * children (ChannelAddress, MessageDetails, the schema tree), read from
+ * AsyncAPIDocumentContext via useAsyncAPIDocument, which throws without a
+ * provider. This wraps a story in that provider, backed by a real document.
+ *
+ * `resolveDocument` inlines the doc's $refs (server security, message
+ * payloads, …) the way the production render path does, so stories show
+ * fully-resolved content instead of raw { $ref } wrappers, and the `deref`
+ * fallback below resolves any refs left in place (e.g. cycle-forming ones).
+ */
+export declare function buildDocumentContext(rawDoc: unknown): {
+    document: Record<string, unknown>;
+    deref: (refPath: string) => unknown;
+    decorator: (Story: ComponentType) => import("react").JSX.Element;
+};

package/dist/stories/noCanvasDocsPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A docs page with no live component canvas, just the description and prop
+ * table. Default autodocs embeds every story's canvas inline, sharing one DOM
+ * across the whole page: fine for a self-contained component, but this
+ * library's full-page widgets and portal/fixed-id-based components (search
+ * highlighting, side panels) don't render correctly when multiple instances
+ * share a page. Use this for those; leave default autodocs for the rest.
+ */
+export declare const NoCanvasDocsPage: () => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apiuikit",
-  "version": "0.2.1",
+  "version": "0.5.0",
   "description": "A React UI library for rendering your API specifications",
   "license": "MIT",
   "repository": {
@@ -41,6 +41,7 @@
   "dependencies": {
     "@asyncapi/specs": "^6.8.1",
     "@json-schema-tools/reference-resolver": "^1.2.6",
+    "fuse.js": "^7.5.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^2.24.0",
     "json-schema-faker": "^0.6.2",
@@ -49,7 +50,6 @@
     "marked-highlight": "^2.2.1",
     "protobufjs": "^7.4.0",
     "react-markdown": "^9.0.3",
-    "react-syntax-highlighter": "^15.6.1",
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
@@ -64,6 +64,7 @@
   },
   "devDependencies": {
     "@asyncapi/modelina": "^5.10.1",
+    "@asyncapi/parser": "^3.6.0",
     "@chromatic-com/storybook": "^3.2.3",
     "@eslint/js": "^9.17.0",
     "@storybook/addon-a11y": "^8.6.18",
@@ -81,7 +82,6 @@
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
@@ -98,7 +98,8 @@
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.10",
+    "x-tensions": "*"
   },
   "eslintConfig": {
     "extends": [