@inf-monkeys-tech/monkeys-design 1.0.6 → 1.0.7

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

@@ -16,12 +16,21 @@ interface WorkbenchResizableSidebarItem {
     className?: string;
     onClick?: (event: MouseEvent<HTMLElement>) => void;
 }
+interface WorkbenchResizableSidebarSection {
+    id: string;
+    label?: ReactNode;
+    items: WorkbenchResizableSidebarItem[];
+    className?: string;
+    labelClassName?: string;
+}
 interface WorkbenchResizableSidebarClassNames {
     root?: string;
     header?: string;
     title?: string;
     collapseButton?: string;
     list?: string;
+    section?: string;
+    sectionLabel?: string;
     item?: string;
     itemIcon?: string;
     itemLabel?: string;
@@ -32,6 +41,7 @@ interface WorkbenchResizableSidebarClassNames {
 interface WorkbenchResizableSidebarProps {
     title?: ReactNode;
     items: WorkbenchResizableSidebarItem[];
+    sections?: WorkbenchResizableSidebarSection[];
     activeItemId?: string;
     itemAs?: ElementType;
     collapsed?: boolean;
@@ -968,4 +978,4 @@ interface WorkbenchRadarMatrixProps {
     className?: string;
 }
 declare function WorkbenchRadarMatrix({ points, xAxis, yAxis, thresholds, quadrants, legend, selectedPointId, onPointSelect, width, height, labelLimit, emptyState, ariaLabel, className, }: WorkbenchRadarMatrixProps): null | react_jsx_runtime.JSX.Element;
-export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };
+export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };

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

@@ -16,12 +16,21 @@ interface WorkbenchResizableSidebarItem {
     className?: string;
     onClick?: (event: MouseEvent<HTMLElement>) => void;
 }
+interface WorkbenchResizableSidebarSection {
+    id: string;
+    label?: ReactNode;
+    items: WorkbenchResizableSidebarItem[];
+    className?: string;
+    labelClassName?: string;
+}
 interface WorkbenchResizableSidebarClassNames {
     root?: string;
     header?: string;
     title?: string;
     collapseButton?: string;
     list?: string;
+    section?: string;
+    sectionLabel?: string;
     item?: string;
     itemIcon?: string;
     itemLabel?: string;
@@ -32,6 +41,7 @@ interface WorkbenchResizableSidebarClassNames {
 interface WorkbenchResizableSidebarProps {
     title?: ReactNode;
     items: WorkbenchResizableSidebarItem[];
+    sections?: WorkbenchResizableSidebarSection[];
     activeItemId?: string;
     itemAs?: ElementType;
     collapsed?: boolean;
@@ -968,4 +978,4 @@ interface WorkbenchRadarMatrixProps {
     className?: string;
 }
 declare function WorkbenchRadarMatrix({ points, xAxis, yAxis, thresholds, quadrants, legend, selectedPointId, onPointSelect, width, height, labelLimit, emptyState, ariaLabel, className, }: WorkbenchRadarMatrixProps): null | react_jsx_runtime.JSX.Element;
-export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };
+export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };

package/dist/components/workbench/index.js

@@ -109,6 +109,7 @@ var WorkbenchResizableSidebar = react.forwardRef(
   function WorkbenchResizableSidebar2({
     title,
     items,
+    sections = [],
     activeItemId,
     itemAs,
     collapsed,
@@ -225,6 +226,7 @@ var WorkbenchResizableSidebar = react.forwardRef(
         document.body.style.userSelect = "";
       };
     }, [collapseThreshold, collapsible, isResizing, maxWidth, minWidth, resolvedWidth, resolvedCollapsed]);
+    const resolvedItems = sections.length ? [...items, ...sections.flatMap((section) => section.items)] : items;
     const renderItem = (item, mobile = false) => {
       const active = item.active ?? item.id === activeItemId;
       const ItemComponent = itemAs ?? (item.href ? "a" : "button");
@@ -261,7 +263,7 @@ var WorkbenchResizableSidebar = react.forwardRef(
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex h-4 w-4 shrink-0 items-center justify-center [&_svg]:h-3.5 [&_svg]:w-3.5", classNames?.itemIcon), children: item.icon }),
             mobile || !resolvedCollapsed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("min-w-0 flex-1 truncate", classNames?.itemLabel), children: item.label }) : null,
-            !mobile && !resolvedCollapsed && item.endContent ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.endContent }) : null
+            !mobile && !resolvedCollapsed && item.endContent !== void 0 && item.endContent !== null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.endContent }) : null
           ]
         },
         item.id
@@ -315,12 +317,35 @@ var WorkbenchResizableSidebar = react.forwardRef(
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("min-h-0 flex-1 space-y-2 overflow-y-auto", resolvedCollapsed && "flex w-full flex-col items-center", classNames?.list), children: items.map((item) => renderItem(item)) })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("min-h-0 flex-1 space-y-2 overflow-y-auto", resolvedCollapsed && "flex w-full flex-col items-center", classNames?.list), children: [
+                items.map((item) => renderItem(item)),
+                sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn("flex w-full flex-col gap-2", classNames?.section, section.className),
+                    children: [
+                      !resolvedCollapsed && section.label ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "px-2 text-[11px] font-medium text-muted-foreground",
+                            classNames?.sectionLabel,
+                            section.labelClassName
+                          ),
+                          children: section.label
+                        }
+                      ) : null,
+                      section.items.map((item) => renderItem(item))
+                    ]
+                  },
+                  section.id
+                ))
+              ] })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("gap-2 overflow-x-auto pb-1", mobileClassName, classNames?.mobileNav), "aria-label": typeof title === "string" ? title : void 0, children: items.map((item) => renderItem(item, true)) })
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("gap-2 overflow-x-auto pb-1", mobileClassName, classNames?.mobileNav), "aria-label": typeof title === "string" ? title : void 0, children: resolvedItems.map((item) => renderItem(item, true)) })
     ] });
   }
 );