@inf-monkeys-tech/monkeys-design 1.0.97 → 1.0.99

package/dist/index.mjs

@@ -4,7 +4,7 @@ import * as React4 from 'react';
 import React4__default, { forwardRef, useMemo, useId, useRef, useState, useEffect, createElement, createContext, useCallback, useContext, Children, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, Plus, Pin, Blocks, Settings, TerminalSquare, FileOutput, Download, X, PanelLeft, PanelRight, RefreshCw, Bot, SquarePen, MessageSquare, Clock3, Loader2, CheckCircle2, XCircle, CircleStop, AlertCircle, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Ellipsis, Trash2, Pencil, Image } from 'lucide-react';
+import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, Plus, Pin, Blocks, Settings, TerminalSquare, FileOutput, Download, X, PanelLeft, PanelRight, Loader2, RefreshCw, Bot, SquarePen, MessageSquare, Clock3, CheckCircle2, XCircle, CircleStop, AlertCircle, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Ellipsis, Trash2, Pencil, Image } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import * as ContextMenu from '@radix-ui/react-context-menu';
@@ -25083,6 +25083,185 @@ function DataExplorerRecordCard({
     }
   );
 }
+var normalizeValues3 = (value, multiple) => {
+  const values = multiple ? Array.isArray(value) ? value : value ? [value] : [] : typeof value === "string" ? [value] : [];
+  return Array.from(new Set(values.filter((item) => typeof item === "string" && item.length > 0)));
+};
+var getOptionText4 = (option) => option.textValue ?? (typeof option.label === "string" ? option.label : option.value);
+function DataExplorerRecordPicker({
+  value,
+  activeValue,
+  options = [],
+  createOption,
+  multiple = false,
+  placeholder = "Select a record",
+  triggerLabel,
+  triggerIcon,
+  searchPlaceholder = "Search records",
+  emptyState = "No records found",
+  loadingState,
+  errorState,
+  loading = false,
+  disabled = false,
+  open,
+  defaultOpen = false,
+  searchValue,
+  defaultSearchValue = "",
+  appearance,
+  className,
+  classNames,
+  triggerProps,
+  dataAttributes,
+  onOpenChange,
+  onListScroll,
+  onSearchValueChange,
+  onValueChange
+}) {
+  const theme = resolveDataExplorerAppearance(appearance);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearchValue);
+  const isControlledOpen = open !== void 0;
+  const isOpen = isControlledOpen ? open : uncontrolledOpen;
+  const isControlledSearch = searchValue !== void 0;
+  const query = isControlledSearch ? searchValue : uncontrolledSearch;
+  const selectedValues = useMemo(() => normalizeValues3(value, multiple), [multiple, value]);
+  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);
+  const selectedOptions = selectedValues.map((selectedValue) => options.find((option) => option.value === selectedValue)).filter((option) => Boolean(option));
+  const visibleOptions = createOption ? [createOption, ...options] : options;
+  const triggerValue = selectedOptions.length ? multiple && selectedOptions.length > 1 ? `${selectedOptions.slice(0, 2).map((option) => getOptionText4(option)).join(", ")} +${selectedOptions.length - 2}` : getOptionText4(selectedOptions[0]) : placeholder;
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") onOpenChange?.(false);
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onOpenChange]);
+  const setOpen = (nextOpen) => {
+    if (disabled) return;
+    if (!isControlledOpen) setUncontrolledOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  };
+  const setQuery = (nextQuery) => {
+    if (!isControlledSearch) setUncontrolledSearch(nextQuery);
+    onSearchValueChange?.(nextQuery);
+  };
+  const handleOptionClick = (option) => {
+    if (disabled || option.disabled) return;
+    if (multiple) {
+      const nextValues = selectedSet.has(option.value) ? selectedValues.filter((selectedValue) => selectedValue !== option.value) : [...selectedValues, option.value];
+      onValueChange?.(nextValues);
+      return;
+    }
+    onValueChange?.(option.value);
+    setOpen(false);
+  };
+  const removeValue = (selectedValue) => {
+    if (disabled) return;
+    onValueChange?.(selectedValues.filter((valueItem) => valueItem !== selectedValue));
+  };
+  return /* @__PURE__ */ jsxs("div", { ...dataAttributes?.root, className: cn3("relative min-w-0 w-full", classNames?.root, className), children: [
+    /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ...triggerProps,
+          ...dataAttributes?.trigger,
+          type: "button",
+          disabled,
+          "aria-label": triggerLabel,
+          "aria-expanded": isOpen,
+          className: cn3(theme.slots.controlSelectTrigger, classNames?.trigger),
+          children: [
+            triggerIcon,
+            /* @__PURE__ */ jsx("span", { ...dataAttributes?.triggerValue, className: cn3(theme.slots.controlSelectValue, !selectedOptions.length && "text-muted-foreground", classNames?.triggerValue), children: triggerValue }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+        PopoverPrimitive.Content,
+        {
+          ...dataAttributes?.content,
+          align: "start",
+          sideOffset: 6,
+          className: cn3("z-50 w-[min(30rem,calc(100vw-2rem))] rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md", classNames?.content),
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          children: [
+            /* @__PURE__ */ jsxs("label", { className: cn3("flex h-9 items-center gap-2 rounded-md border border-border bg-background px-2 text-sm", classNames?.search), children: [
+              /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  autoFocus: true,
+                  value: query,
+                  onChange: (event) => setQuery(event.target.value),
+                  placeholder: searchPlaceholder,
+                  "aria-label": searchPlaceholder,
+                  className: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn3("mt-2 max-h-72 overflow-y-auto", classNames?.list),
+                ...dataAttributes?.list,
+                role: "listbox",
+                "aria-multiselectable": multiple || void 0,
+                onScroll: onListScroll,
+                children: loading ? /* @__PURE__ */ jsxs("div", { ...dataAttributes?.loading, className: cn3("flex min-h-16 items-center justify-center gap-2 px-3 py-4 text-sm text-muted-foreground", classNames?.status), children: [
+                  /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+                  loadingState ?? "Loading records..."
+                ] }) : errorState ? /* @__PURE__ */ jsx("div", { ...dataAttributes?.error, className: cn3("px-3 py-4 text-sm text-destructive-text", classNames?.status), children: errorState }) : visibleOptions.length === 0 ? /* @__PURE__ */ jsx("div", { ...dataAttributes?.empty, className: cn3("px-3 py-4 text-sm text-muted-foreground", classNames?.status), children: emptyState }) : visibleOptions.map((option) => {
+                  const selected = selectedSet.has(option.value);
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      ...dataAttributes?.option,
+                      type: "button",
+                      role: "option",
+                      "aria-selected": selected,
+                      "aria-current": activeValue !== void 0 && option.value === activeValue ? "true" : void 0,
+                      disabled: option.disabled,
+                      onClick: () => handleOptionClick(option),
+                      className: cn3(
+                        "flex w-full items-start gap-2 rounded-sm px-2.5 py-2 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50",
+                        selected && "bg-accent/60",
+                        classNames?.option
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: cn3("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center", classNames?.optionIndicator), children: selected ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4", "aria-hidden": "true" }) : null }),
+                        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: cn3("block truncate", classNames?.optionLabel), children: option.label }),
+                          option.description ? /* @__PURE__ */ jsx("span", { className: cn3("mt-0.5 block truncate text-xs text-muted-foreground", classNames?.optionDescription), children: option.description }) : null
+                        ] })
+                      ]
+                    },
+                    option.value
+                  );
+                })
+              }
+            )
+          ]
+        }
+      ) })
+    ] }),
+    multiple && selectedOptions.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn3("mt-2 flex flex-wrap gap-1.5", classNames?.selectedList), children: selectedOptions.map((option) => /* @__PURE__ */ jsxs("span", { className: cn3("inline-flex max-w-full items-center gap-1 rounded-full border border-border bg-muted px-2 py-1 text-xs", classNames?.selectedItem), children: [
+      /* @__PURE__ */ jsx("span", { className: cn3("min-w-0 truncate", classNames?.selectedItemLabel), children: option.label }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Remove ${getOptionText4(option)}`,
+          onClick: () => removeValue(option.value),
+          className: cn3("inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-accent hover:text-foreground", classNames?.selectedItemRemove),
+          children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
+        }
+      )
+    ] }, option.value)) }) : null
+  ] });
+}
 function DefaultSearchIcon() {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -34060,6 +34239,6 @@ function useDarkMode() {
   return { mode, setMode, resolvedMode };
 }
 
-export { AGENT_WORKBENCH_SHELL_BREAKPOINTS, AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchShell, AgentWorkbenchSidebar, AgentWorkbenchSidebarContainer, AgentWorkbenchTaskDetails, AgentWorkbenchTool, AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListFooter, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseSystemState, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerFilterBar, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, NavigationSidebar, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UnifiedDropdown, UserAccountMenu, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveAgentWorkbenchShellLayout, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysListFooter, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useMonkeysStatusStates, useToastFeed, useToastOnValue, zhCN };
+export { AGENT_WORKBENCH_SHELL_BREAKPOINTS, AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchShell, AgentWorkbenchSidebar, AgentWorkbenchSidebarContainer, AgentWorkbenchTaskDetails, AgentWorkbenchTool, AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListFooter, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseSystemState, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerFilterBar, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerRecordPicker, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, NavigationSidebar, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UnifiedDropdown, UserAccountMenu, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveAgentWorkbenchShellLayout, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysListFooter, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useMonkeysStatusStates, useToastFeed, useToastOnValue, zhCN };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map