@inf-monkeys-tech/monkeys-design 1.0.20 → 1.0.21

package/dist/components/workbench/index.d.mts

@@ -925,7 +925,9 @@ interface WorkbenchRadarNavigationItem {
 interface WorkbenchRadarWorkspaceProps {
     navigationItems?: WorkbenchRadarNavigationItem[];
     activeNavigationId?: string;
+    activeNavigationChildId?: string;
     onNavigationSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    onNavigationChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
     navigationFooter?: ReactNode;
     navigation?: ReactNode;
     children: ReactNode;
@@ -939,12 +941,14 @@ interface WorkbenchRadarWorkspaceProps {
 interface WorkbenchRadarNavigationProps {
     items: WorkbenchRadarNavigationItem[];
     activeItemId?: string;
+    activeChildId?: string;
     onItemSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    onChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
     footer?: ReactNode;
     ariaLabel?: string;
 }
-declare function WorkbenchRadarNavigation({ items, activeItemId, onItemSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
-declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarNavigation({ items, activeItemId, activeChildId, onItemSelect, onChildSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, activeNavigationChildId, onNavigationSelect, onNavigationChildSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
 declare function WorkbenchRadarInspectorSection({ title, icon, description, children, className, }: {
     title: ReactNode;
     icon?: ReactNode;

package/dist/components/workbench/index.d.ts

@@ -925,7 +925,9 @@ interface WorkbenchRadarNavigationItem {
 interface WorkbenchRadarWorkspaceProps {
     navigationItems?: WorkbenchRadarNavigationItem[];
     activeNavigationId?: string;
+    activeNavigationChildId?: string;
     onNavigationSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    onNavigationChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
     navigationFooter?: ReactNode;
     navigation?: ReactNode;
     children: ReactNode;
@@ -939,12 +941,14 @@ interface WorkbenchRadarWorkspaceProps {
 interface WorkbenchRadarNavigationProps {
     items: WorkbenchRadarNavigationItem[];
     activeItemId?: string;
+    activeChildId?: string;
     onItemSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    onChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
     footer?: ReactNode;
     ariaLabel?: string;
 }
-declare function WorkbenchRadarNavigation({ items, activeItemId, onItemSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
-declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarNavigation({ items, activeItemId, activeChildId, onItemSelect, onChildSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, activeNavigationChildId, onNavigationSelect, onNavigationChildSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
 declare function WorkbenchRadarInspectorSection({ title, icon, description, children, className, }: {
     title: ReactNode;
     icon?: ReactNode;

package/dist/components/workbench/index.js

@@ -9776,7 +9776,9 @@ var radarPanelStyle = {
 function WorkbenchRadarNavigation({
   items,
   activeItemId,
+  activeChildId,
   onItemSelect,
+  onChildSelect,
   footer,
   ariaLabel = "Radar navigation"
 }) {
@@ -9807,10 +9809,27 @@ function WorkbenchRadarNavigation({
                 ]
               }
             ),
-            item.children?.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 items-center gap-2 rounded-md px-2 text-xs font-medium text-muted-foreground", children: [
-              hasRenderableNode(child.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: child.label })
-            ] }) }, child.id)) }) : null
+            item.children?.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => {
+              const childActive = child.id === activeChildId;
+              const Comp = onChildSelect ? "button" : "div";
+              return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                Comp,
+                {
+                  type: onChildSelect ? "button" : void 0,
+                  "data-radar-navigation-child-id": child.id,
+                  "aria-current": onChildSelect && childActive ? "page" : void 0,
+                  onClick: onChildSelect ? () => onChildSelect(child, item) : void 0,
+                  className: cn(
+                    "flex min-h-9 w-full items-center gap-2 rounded-md border border-transparent px-2 text-left text-xs font-medium outline-none transition-[background-color,border-color,color] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+                    childActive ? "border-primary/40 bg-primary/15 text-primary" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
+                  ),
+                  children: [
+                    hasRenderableNode(child.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: child.label })
+                  ]
+                }
+              ) }, child.id);
+            }) }) : null
           ] }, item.id);
         }) }) }),
         hasRenderableNode(footer) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/70 p-3", children: footer }) : null
@@ -9821,7 +9840,9 @@ function WorkbenchRadarNavigation({
 function WorkbenchRadarWorkspace({
   navigationItems = [],
   activeNavigationId,
+  activeNavigationChildId,
   onNavigationSelect,
+  onNavigationChildSelect,
   navigationFooter,
   navigation,
   children,
@@ -9849,7 +9870,9 @@ function WorkbenchRadarWorkspace({
           {
             items: navigationItems,
             activeItemId: activeNavigationId,
+            activeChildId: activeNavigationChildId,
             onItemSelect: onNavigationSelect,
+            onChildSelect: onNavigationChildSelect,
             footer: navigationFooter
           }
         ),