@wallarm-org/design-system 0.43.0 → 0.44.0

package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { NavConfig } from '../../ProductNav';
+export interface ConfigRemoteProps {
+    config: NavConfig;
+    basePath?: string;
+}
+export declare const ConfigRemote: FC<ConfigRemoteProps>;

package/dist/components/AppShell/story-content/_storyConfigRenderer.js

@@ -0,0 +1,46 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ProductNav, ProductNavBreadcrumbs, ProductNavPanel, useProductNavContext } from "../../ProductNav/index.js";
+import { RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel } from "../../RemoteShell/index.js";
+const PageContent = ()=>{
+    const { config, breadcrumbSegments } = useProductNavContext();
+    const lastSegment = breadcrumbSegments[breadcrumbSegments.length - 1];
+    const pageTitle = lastSegment?.label ?? config.productLabel;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("h1", {
+                className: "text-xl font-semibold text-text-primary",
+                children: pageTitle
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                className: "mt-8 text-sm text-text-secondary",
+                children: [
+                    "Placeholder page for ",
+                    config.productLabel,
+                    " / ",
+                    pageTitle,
+                    "."
+                ]
+            })
+        ]
+    });
+};
+const ConfigRemote = ({ config, basePath })=>/*#__PURE__*/ jsx(ProductNav, {
+        config: config,
+        basePath: basePath,
+        children: /*#__PURE__*/ jsxs(RemoteShell, {
+            children: [
+                /*#__PURE__*/ jsx(RemoteShellPanel, {
+                    children: /*#__PURE__*/ jsx(ProductNavPanel, {
+                        resizable: true
+                    })
+                }),
+                /*#__PURE__*/ jsx(RemoteShellBreadcrumb, {
+                    children: /*#__PURE__*/ jsx(ProductNavBreadcrumbs, {})
+                }),
+                /*#__PURE__*/ jsx(RemoteShellContent, {
+                    children: /*#__PURE__*/ jsx(PageContent, {})
+                })
+            ]
+        })
+    });
+export { ConfigRemote };

package/dist/components/AppShell/story-content/_storyHomeContent.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const HomeContent: FC;

package/dist/components/AppShell/story-content/_storyHomeContent.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const HomeContent = ()=>/*#__PURE__*/ jsxs("div", {
+        className: "p-24",
+        children: [
+            /*#__PURE__*/ jsx("h1", {
+                className: "text-xl font-semibold text-text-primary",
+                children: "Home"
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "mt-4 text-sm text-text-secondary",
+                children: "Cross-product summary. Click any product in the rail to drill into it."
+            })
+        ]
+    });
+export { HomeContent };

package/dist/components/AppShell/story-content/_storyNavConfigs.d.ts

@@ -0,0 +1,6 @@
+import type { NavConfig } from '../../ProductNav';
+export declare const edgeNavConfig: NavConfig;
+export declare const aiHypervisorNavConfig: NavConfig;
+export declare const infraDiscoveryNavConfig: NavConfig;
+export declare const securityTestingNavConfig: NavConfig;
+export declare const settingsNavConfig: NavConfig;