@inf-monkeys-tech/monkeys-design 0.4.35 → 0.4.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/base/index.d.mts +2 -2
- package/dist/components/base/index.d.ts +2 -2
- package/dist/components/base/index.js +445 -2
- package/dist/components/base/index.js.map +1 -1
- package/dist/components/base/index.mjs +445 -3
- package/dist/components/base/index.mjs.map +1 -1
- package/dist/components/workbench/index.d.mts +1 -1
- package/dist/components/workbench/index.d.ts +1 -1
- package/dist/components/workbench/index.js +444 -2
- package/dist/components/workbench/index.js.map +1 -1
- package/dist/components/workbench/index.mjs +444 -2
- package/dist/components/workbench/index.mjs.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +445 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +445 -3
- package/dist/index.mjs.map +1 -1
- package/dist/{theme-Cuy60thu.d.ts → theme-Clm5dVb0.d.mts} +4 -2
- package/dist/{theme-CoG9vCPT.d.mts → theme-sIoU5-YC.d.ts} +4 -2
- package/dist/theme-system/index.d.mts +1 -1
- package/dist/theme-system/index.d.ts +1 -1
- package/dist/theme-system/index.js +444 -2
- package/dist/theme-system/index.js.map +1 -1
- package/dist/theme-system/index.mjs +444 -2
- package/dist/theme-system/index.mjs.map +1 -1
- package/dist/{types-CZALgtez.d.mts → types-Bn6PEDsX.d.mts} +43 -1
- package/dist/{types-CZALgtez.d.ts → types-Bn6PEDsX.d.ts} +43 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -10,8 +10,8 @@ export { AuthDivider, AuthDividerProps, EmailAuth, EmailAuthProps, LoginLayout,
|
|
|
10
10
|
export { AppHeader, AppHeaderLogo, AppHeaderProps, AppHeaderUser, AppLayout, AppLayoutProps, AppSidebar, AppSidebarProps, HeaderTab, NavButton, NavButtonProps, SidebarAccount, SidebarNavItem, cn } from './components/layout/index.mjs';
|
|
11
11
|
export { InteractiveTable, InteractiveTableClassNames, InteractiveTableColumn, InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, InteractiveTableEditableTextCellProps, InteractiveTableHeaderContext, InteractiveTableHeaderProps, InteractiveTableProps, InteractiveTableReadonlyCell, InteractiveTableReadonlyCellProps, InteractiveTableRenderContext, InteractiveTableRowState, InteractiveTableSelectCell, InteractiveTableSelectCellProps, InteractiveTableSelectOption, WorkbenchContentPane, WorkbenchContentPaneBodyProps, WorkbenchContentPaneClassNames, WorkbenchContentPaneProps, WorkbenchContentToolbar, WorkbenchContentToolbarClassNames, WorkbenchContentToolbarProps, WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, WorkbenchDetailSidebarBodyProps, WorkbenchDetailSidebarClassNames, WorkbenchDetailSidebarField, WorkbenchDetailSidebarProps, WorkbenchDetailSidebarRenderContext, WorkbenchDetailSidebarSection, WorkbenchGalleryCard, WorkbenchGalleryCardMetaContext, WorkbenchGalleryCardProps, WorkbenchGalleryCardRenderContext, WorkbenchGalleryColumn, WorkbenchGalleryLabels, WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsButtonClassNames, WorkbenchGallerySettingsButtonProps, WorkbenchGallerySettingsLabels, WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, WorkbenchGallerySettingsPanelClassNames, WorkbenchGallerySettingsPanelProps, WorkbenchGallerySettingsValue, WorkbenchGalleryView, WorkbenchGalleryViewProps, WorkbenchLaneClassNames, WorkbenchLaneColumn, WorkbenchLaneRenderCardContext, WorkbenchLaneView, WorkbenchLaneViewProps, WorkbenchMasonryItemSize, WorkbenchMasonryLayout, WorkbenchMasonryLayoutContext, WorkbenchMasonryLayoutProps, WorkbenchResizableSidebar, WorkbenchResizableSidebarClassNames, WorkbenchResizableSidebarItem, WorkbenchResizableSidebarProps, WorkbenchTableView, WorkbenchTableViewClassNames, WorkbenchTableViewColumn, WorkbenchTableViewHeaderContext, WorkbenchTableViewProps, WorkbenchTableViewRenderContext } from './components/workbench/index.mjs';
|
|
12
12
|
export { MonkeysToastApi, ToastProvider as MonkeysToastProvider, MonkeysToastProviderProps, Toaster as MonkeysToaster, MonkeysToasterProps, ToastInput, ToastProvider, ToastVariant, Toaster, extractToastMessage, resolveToastVariantForMessage, toast, useToastFeed, useToastOnValue } from './components/toast/index.mjs';
|
|
13
|
-
export { B as BaseAccordion, a as BaseAvatar, b as BaseBadge, c as BaseBreadcrumb, d as BaseButton, e as BaseCheckbox, f as BaseContextMenu, g as BaseContextMenuCheckboxItem, h as BaseContextMenuContent, i as BaseContextMenuItem, j as BaseContextMenuLabel, k as BaseContextMenuRadioGroup, l as BaseContextMenuRadioItem, m as BaseContextMenuSeparator, n as BaseContextMenuSub, o as BaseContextMenuSubContent, p as BaseContextMenuSubTrigger, q as BaseContextMenuTrigger, r as BaseDescriptionList, s as BaseDialog, t as BaseDivider, u as BaseDropdownMenu, v as BaseEmptyState, w as BaseField, x as BaseInput, y as BaseLayout, z as BaseLayoutPane, A as BaseLayoutResizeHandle, C as BaseLayoutSplit, D as BaseLoadingState, E as BaseNotice,
|
|
14
|
-
export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAvatarClassNames, e as BaseAvatarProps, f as BaseBackground, g as BaseBadgeClassNames, h as BaseBadgeProps, i as BaseBorder, j as BaseBreadcrumbClassNames, k as BaseBreadcrumbItem, l as BaseBreadcrumbProps, m as BaseButtonClassNames, n as BaseButtonProps, o as BaseCheckboxClassNames, p as BaseCheckboxProps, s as BaseContextMenuCheckboxItemProps, t as BaseContextMenuClassNames, u as BaseContextMenuContentClassNames, v as BaseContextMenuContentProps, w as BaseContextMenuItemClassNames, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, z as BaseContextMenuProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, E as BaseContextMenuSubContentProps, F as BaseContextMenuSubProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, q as BaseControlClassNames, r as BaseControlTone, I as BaseDensity, J as BaseDescriptionListClassNames, K as BaseDescriptionListItem, L as BaseDescriptionListProps, M as BaseDialogClassNames, N as BaseDialogProps, O as BaseDividerClassNames, P as BaseDividerProps, Q as BaseDropdownMenuClassNames, R as BaseDropdownMenuItem, S as BaseDropdownMenuPlacement, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, V as BaseFieldClassNames, W as BaseFieldProps, X as BaseInputProps, Y as BaseLayoutClassNames, Z as BaseLayoutGap, _ as BaseLayoutOrientation, $ as BaseLayoutPaneClassNames, a0 as BaseLayoutPaneProps, a1 as BaseLayoutPaneSurface, a2 as BaseLayoutProps, a3 as BaseLayoutResizeHandleClassNames, a4 as BaseLayoutResizeHandleProps, a5 as BaseLayoutSize, a6 as BaseLayoutSplitClassNames, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, a9 as
|
|
13
|
+
export { B as BaseAccordion, a as BaseAvatar, b as BaseBadge, c as BaseBreadcrumb, d as BaseButton, e as BaseCheckbox, f as BaseContextMenu, g as BaseContextMenuCheckboxItem, h as BaseContextMenuContent, i as BaseContextMenuItem, j as BaseContextMenuLabel, k as BaseContextMenuRadioGroup, l as BaseContextMenuRadioItem, m as BaseContextMenuSeparator, n as BaseContextMenuSub, o as BaseContextMenuSubContent, p as BaseContextMenuSubTrigger, q as BaseContextMenuTrigger, r as BaseDescriptionList, s as BaseDialog, t as BaseDivider, u as BaseDropdownMenu, v as BaseEmptyState, w as BaseField, x as BaseInput, y as BaseLayout, z as BaseLayoutPane, A as BaseLayoutResizeHandle, C as BaseLayoutSplit, D as BaseLoadingState, E as BaseMultiSelect, F as BaseNotice, H as BasePagination, G as BasePanel, I as BaseProgress, J as BaseRadioGroup, L as BaseSectionHeader, M as BaseSegmentedControl, K as BaseSelect, N as BaseSkeleton, O as BaseSwitch, P as BaseTable, Q as BaseTableBody, R as BaseTableCaption, S as BaseTableCell, T as BaseTableContainer, U as BaseTableEmpty, V as BaseTableFooter, W as BaseTableFooterBar, X as BaseTableHead, Y as BaseTableHeader, Z as BaseTableLoading, _ as BaseTableRow, $ as BaseTabs, a0 as BaseTextarea, a2 as BaseToolbar, a1 as BaseTooltip, a3 as getBaseBadgeToneClassName, a4 as getBaseButtonToneClassName, a5 as getBaseMenuItemToneClassName, a6 as getBaseNoticeToneClassName, a7 as resolveBaseAppearance } from './theme-Clm5dVb0.mjs';
|
|
14
|
+
export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAvatarClassNames, e as BaseAvatarProps, f as BaseBackground, g as BaseBadgeClassNames, h as BaseBadgeProps, i as BaseBorder, j as BaseBreadcrumbClassNames, k as BaseBreadcrumbItem, l as BaseBreadcrumbProps, m as BaseButtonClassNames, n as BaseButtonProps, o as BaseCheckboxClassNames, p as BaseCheckboxProps, s as BaseContextMenuCheckboxItemProps, t as BaseContextMenuClassNames, u as BaseContextMenuContentClassNames, v as BaseContextMenuContentProps, w as BaseContextMenuItemClassNames, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, z as BaseContextMenuProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, E as BaseContextMenuSubContentProps, F as BaseContextMenuSubProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, q as BaseControlClassNames, r as BaseControlTone, I as BaseDensity, J as BaseDescriptionListClassNames, K as BaseDescriptionListItem, L as BaseDescriptionListProps, M as BaseDialogClassNames, N as BaseDialogProps, O as BaseDividerClassNames, P as BaseDividerProps, Q as BaseDropdownMenuClassNames, R as BaseDropdownMenuItem, S as BaseDropdownMenuPlacement, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, V as BaseFieldClassNames, W as BaseFieldProps, X as BaseInputProps, Y as BaseLayoutClassNames, Z as BaseLayoutGap, _ as BaseLayoutOrientation, $ as BaseLayoutPaneClassNames, a0 as BaseLayoutPaneProps, a1 as BaseLayoutPaneSurface, a2 as BaseLayoutProps, a3 as BaseLayoutResizeHandleClassNames, a4 as BaseLayoutResizeHandleProps, a5 as BaseLayoutSize, a6 as BaseLayoutSplitClassNames, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, a9 as BaseMultiSelectClassNames, aa as BaseMultiSelectOption, ab as BaseMultiSelectProps, ac as BaseNoticeClassNames, ad as BaseNoticeProps, ag as BasePaginationClassNames, ah as BasePaginationProps, ae as BasePanelClassNames, af as BasePanelProps, ai as BaseProgressClassNames, aj as BaseProgressProps, al as BaseRadioGroupClassNames, am as BaseRadioGroupProps, an as BaseRadioOption, ak as BaseRadius, ao as BaseResolvedTheme, ap as BaseSectionHeaderClassNames, aq as BaseSectionHeaderProps, at as BaseSegmentedControlClassNames, au as BaseSegmentedControlOption, av as BaseSegmentedControlProps, ar as BaseSelectOption, as as BaseSelectProps, aw as BaseSkeletonClassNames, ax as BaseSkeletonProps, ay as BaseStateClassNames, az as BaseSwitchClassNames, aA as BaseSwitchProps, aB as BaseTableAlign, aC as BaseTableBodyProps, aD as BaseTableCaptionClassNames, aE as BaseTableCaptionProps, aF as BaseTableCellClassNames, aG as BaseTableCellProps, aH as BaseTableClassNames, aI as BaseTableColumnInteractionOptions, aJ as BaseTableColumnOrderChangeDetail, aK as BaseTableColumnSizeChangeDetail, aL as BaseTableColumnSizes, aM as BaseTableContainerClassNames, aN as BaseTableContainerProps, aO as BaseTableEmptyClassNames, aP as BaseTableEmptyProps, aQ as BaseTableFooterBarClassNames, aR as BaseTableFooterBarProps, aS as BaseTableFooterProps, aU as BaseTableHeadClassNames, aV as BaseTableHeadProps, aT as BaseTableHeaderProps, aW as BaseTableLoadingClassNames, aX as BaseTableLoadingProps, aY as BaseTableProps, aZ as BaseTableRowClassNames, a_ as BaseTableRowProps, a$ as BaseTableSectionClassNames, b0 as BaseTableSortDirection, b1 as BaseTabsClassNames, b2 as BaseTabsItem, b3 as BaseTabsProps, b4 as BaseTextareaProps, ba as BaseThemePresetId, bb as BaseThemeSlots, bc as BaseThemeStyles, b8 as BaseToolbarClassNames, b9 as BaseToolbarProps, b5 as BaseTooltipClassNames, b6 as BaseTooltipPlacement, b7 as BaseTooltipProps } from './types-Bn6PEDsX.mjs';
|
|
15
15
|
export { DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance } from './components/data-explorer/index.mjs';
|
|
16
16
|
export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from './types-B81dpI1o.mjs';
|
|
17
17
|
export { DarkModeSelector, DarkModeSelectorProps, DarkModeSubMenu, DarkModeSubMenuProps, DarkModeValue, I18nLanguage, I18nSelector, I18nSelectorProps, UseDarkModeReturn, useDarkMode } from './components/toolbar/index.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -10,8 +10,8 @@ export { AuthDivider, AuthDividerProps, EmailAuth, EmailAuthProps, LoginLayout,
|
|
|
10
10
|
export { AppHeader, AppHeaderLogo, AppHeaderProps, AppHeaderUser, AppLayout, AppLayoutProps, AppSidebar, AppSidebarProps, HeaderTab, NavButton, NavButtonProps, SidebarAccount, SidebarNavItem, cn } from './components/layout/index.js';
|
|
11
11
|
export { InteractiveTable, InteractiveTableClassNames, InteractiveTableColumn, InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, InteractiveTableEditableTextCellProps, InteractiveTableHeaderContext, InteractiveTableHeaderProps, InteractiveTableProps, InteractiveTableReadonlyCell, InteractiveTableReadonlyCellProps, InteractiveTableRenderContext, InteractiveTableRowState, InteractiveTableSelectCell, InteractiveTableSelectCellProps, InteractiveTableSelectOption, WorkbenchContentPane, WorkbenchContentPaneBodyProps, WorkbenchContentPaneClassNames, WorkbenchContentPaneProps, WorkbenchContentToolbar, WorkbenchContentToolbarClassNames, WorkbenchContentToolbarProps, WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, WorkbenchDetailSidebarBodyProps, WorkbenchDetailSidebarClassNames, WorkbenchDetailSidebarField, WorkbenchDetailSidebarProps, WorkbenchDetailSidebarRenderContext, WorkbenchDetailSidebarSection, WorkbenchGalleryCard, WorkbenchGalleryCardMetaContext, WorkbenchGalleryCardProps, WorkbenchGalleryCardRenderContext, WorkbenchGalleryColumn, WorkbenchGalleryLabels, WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsButtonClassNames, WorkbenchGallerySettingsButtonProps, WorkbenchGallerySettingsLabels, WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, WorkbenchGallerySettingsPanelClassNames, WorkbenchGallerySettingsPanelProps, WorkbenchGallerySettingsValue, WorkbenchGalleryView, WorkbenchGalleryViewProps, WorkbenchLaneClassNames, WorkbenchLaneColumn, WorkbenchLaneRenderCardContext, WorkbenchLaneView, WorkbenchLaneViewProps, WorkbenchMasonryItemSize, WorkbenchMasonryLayout, WorkbenchMasonryLayoutContext, WorkbenchMasonryLayoutProps, WorkbenchResizableSidebar, WorkbenchResizableSidebarClassNames, WorkbenchResizableSidebarItem, WorkbenchResizableSidebarProps, WorkbenchTableView, WorkbenchTableViewClassNames, WorkbenchTableViewColumn, WorkbenchTableViewHeaderContext, WorkbenchTableViewProps, WorkbenchTableViewRenderContext } from './components/workbench/index.js';
|
|
12
12
|
export { MonkeysToastApi, ToastProvider as MonkeysToastProvider, MonkeysToastProviderProps, Toaster as MonkeysToaster, MonkeysToasterProps, ToastInput, ToastProvider, ToastVariant, Toaster, extractToastMessage, resolveToastVariantForMessage, toast, useToastFeed, useToastOnValue } from './components/toast/index.js';
|
|
13
|
-
export { B as BaseAccordion, a as BaseAvatar, b as BaseBadge, c as BaseBreadcrumb, d as BaseButton, e as BaseCheckbox, f as BaseContextMenu, g as BaseContextMenuCheckboxItem, h as BaseContextMenuContent, i as BaseContextMenuItem, j as BaseContextMenuLabel, k as BaseContextMenuRadioGroup, l as BaseContextMenuRadioItem, m as BaseContextMenuSeparator, n as BaseContextMenuSub, o as BaseContextMenuSubContent, p as BaseContextMenuSubTrigger, q as BaseContextMenuTrigger, r as BaseDescriptionList, s as BaseDialog, t as BaseDivider, u as BaseDropdownMenu, v as BaseEmptyState, w as BaseField, x as BaseInput, y as BaseLayout, z as BaseLayoutPane, A as BaseLayoutResizeHandle, C as BaseLayoutSplit, D as BaseLoadingState, E as BaseNotice,
|
|
14
|
-
export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAvatarClassNames, e as BaseAvatarProps, f as BaseBackground, g as BaseBadgeClassNames, h as BaseBadgeProps, i as BaseBorder, j as BaseBreadcrumbClassNames, k as BaseBreadcrumbItem, l as BaseBreadcrumbProps, m as BaseButtonClassNames, n as BaseButtonProps, o as BaseCheckboxClassNames, p as BaseCheckboxProps, s as BaseContextMenuCheckboxItemProps, t as BaseContextMenuClassNames, u as BaseContextMenuContentClassNames, v as BaseContextMenuContentProps, w as BaseContextMenuItemClassNames, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, z as BaseContextMenuProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, E as BaseContextMenuSubContentProps, F as BaseContextMenuSubProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, q as BaseControlClassNames, r as BaseControlTone, I as BaseDensity, J as BaseDescriptionListClassNames, K as BaseDescriptionListItem, L as BaseDescriptionListProps, M as BaseDialogClassNames, N as BaseDialogProps, O as BaseDividerClassNames, P as BaseDividerProps, Q as BaseDropdownMenuClassNames, R as BaseDropdownMenuItem, S as BaseDropdownMenuPlacement, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, V as BaseFieldClassNames, W as BaseFieldProps, X as BaseInputProps, Y as BaseLayoutClassNames, Z as BaseLayoutGap, _ as BaseLayoutOrientation, $ as BaseLayoutPaneClassNames, a0 as BaseLayoutPaneProps, a1 as BaseLayoutPaneSurface, a2 as BaseLayoutProps, a3 as BaseLayoutResizeHandleClassNames, a4 as BaseLayoutResizeHandleProps, a5 as BaseLayoutSize, a6 as BaseLayoutSplitClassNames, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, a9 as
|
|
13
|
+
export { B as BaseAccordion, a as BaseAvatar, b as BaseBadge, c as BaseBreadcrumb, d as BaseButton, e as BaseCheckbox, f as BaseContextMenu, g as BaseContextMenuCheckboxItem, h as BaseContextMenuContent, i as BaseContextMenuItem, j as BaseContextMenuLabel, k as BaseContextMenuRadioGroup, l as BaseContextMenuRadioItem, m as BaseContextMenuSeparator, n as BaseContextMenuSub, o as BaseContextMenuSubContent, p as BaseContextMenuSubTrigger, q as BaseContextMenuTrigger, r as BaseDescriptionList, s as BaseDialog, t as BaseDivider, u as BaseDropdownMenu, v as BaseEmptyState, w as BaseField, x as BaseInput, y as BaseLayout, z as BaseLayoutPane, A as BaseLayoutResizeHandle, C as BaseLayoutSplit, D as BaseLoadingState, E as BaseMultiSelect, F as BaseNotice, H as BasePagination, G as BasePanel, I as BaseProgress, J as BaseRadioGroup, L as BaseSectionHeader, M as BaseSegmentedControl, K as BaseSelect, N as BaseSkeleton, O as BaseSwitch, P as BaseTable, Q as BaseTableBody, R as BaseTableCaption, S as BaseTableCell, T as BaseTableContainer, U as BaseTableEmpty, V as BaseTableFooter, W as BaseTableFooterBar, X as BaseTableHead, Y as BaseTableHeader, Z as BaseTableLoading, _ as BaseTableRow, $ as BaseTabs, a0 as BaseTextarea, a2 as BaseToolbar, a1 as BaseTooltip, a3 as getBaseBadgeToneClassName, a4 as getBaseButtonToneClassName, a5 as getBaseMenuItemToneClassName, a6 as getBaseNoticeToneClassName, a7 as resolveBaseAppearance } from './theme-sIoU5-YC.js';
|
|
14
|
+
export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAvatarClassNames, e as BaseAvatarProps, f as BaseBackground, g as BaseBadgeClassNames, h as BaseBadgeProps, i as BaseBorder, j as BaseBreadcrumbClassNames, k as BaseBreadcrumbItem, l as BaseBreadcrumbProps, m as BaseButtonClassNames, n as BaseButtonProps, o as BaseCheckboxClassNames, p as BaseCheckboxProps, s as BaseContextMenuCheckboxItemProps, t as BaseContextMenuClassNames, u as BaseContextMenuContentClassNames, v as BaseContextMenuContentProps, w as BaseContextMenuItemClassNames, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, z as BaseContextMenuProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, E as BaseContextMenuSubContentProps, F as BaseContextMenuSubProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, q as BaseControlClassNames, r as BaseControlTone, I as BaseDensity, J as BaseDescriptionListClassNames, K as BaseDescriptionListItem, L as BaseDescriptionListProps, M as BaseDialogClassNames, N as BaseDialogProps, O as BaseDividerClassNames, P as BaseDividerProps, Q as BaseDropdownMenuClassNames, R as BaseDropdownMenuItem, S as BaseDropdownMenuPlacement, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, V as BaseFieldClassNames, W as BaseFieldProps, X as BaseInputProps, Y as BaseLayoutClassNames, Z as BaseLayoutGap, _ as BaseLayoutOrientation, $ as BaseLayoutPaneClassNames, a0 as BaseLayoutPaneProps, a1 as BaseLayoutPaneSurface, a2 as BaseLayoutProps, a3 as BaseLayoutResizeHandleClassNames, a4 as BaseLayoutResizeHandleProps, a5 as BaseLayoutSize, a6 as BaseLayoutSplitClassNames, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, a9 as BaseMultiSelectClassNames, aa as BaseMultiSelectOption, ab as BaseMultiSelectProps, ac as BaseNoticeClassNames, ad as BaseNoticeProps, ag as BasePaginationClassNames, ah as BasePaginationProps, ae as BasePanelClassNames, af as BasePanelProps, ai as BaseProgressClassNames, aj as BaseProgressProps, al as BaseRadioGroupClassNames, am as BaseRadioGroupProps, an as BaseRadioOption, ak as BaseRadius, ao as BaseResolvedTheme, ap as BaseSectionHeaderClassNames, aq as BaseSectionHeaderProps, at as BaseSegmentedControlClassNames, au as BaseSegmentedControlOption, av as BaseSegmentedControlProps, ar as BaseSelectOption, as as BaseSelectProps, aw as BaseSkeletonClassNames, ax as BaseSkeletonProps, ay as BaseStateClassNames, az as BaseSwitchClassNames, aA as BaseSwitchProps, aB as BaseTableAlign, aC as BaseTableBodyProps, aD as BaseTableCaptionClassNames, aE as BaseTableCaptionProps, aF as BaseTableCellClassNames, aG as BaseTableCellProps, aH as BaseTableClassNames, aI as BaseTableColumnInteractionOptions, aJ as BaseTableColumnOrderChangeDetail, aK as BaseTableColumnSizeChangeDetail, aL as BaseTableColumnSizes, aM as BaseTableContainerClassNames, aN as BaseTableContainerProps, aO as BaseTableEmptyClassNames, aP as BaseTableEmptyProps, aQ as BaseTableFooterBarClassNames, aR as BaseTableFooterBarProps, aS as BaseTableFooterProps, aU as BaseTableHeadClassNames, aV as BaseTableHeadProps, aT as BaseTableHeaderProps, aW as BaseTableLoadingClassNames, aX as BaseTableLoadingProps, aY as BaseTableProps, aZ as BaseTableRowClassNames, a_ as BaseTableRowProps, a$ as BaseTableSectionClassNames, b0 as BaseTableSortDirection, b1 as BaseTabsClassNames, b2 as BaseTabsItem, b3 as BaseTabsProps, b4 as BaseTextareaProps, ba as BaseThemePresetId, bb as BaseThemeSlots, bc as BaseThemeStyles, b8 as BaseToolbarClassNames, b9 as BaseToolbarProps, b5 as BaseTooltipClassNames, b6 as BaseTooltipPlacement, b7 as BaseTooltipProps } from './types-Bn6PEDsX.js';
|
|
15
15
|
export { DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance } from './components/data-explorer/index.js';
|
|
16
16
|
export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from './types-B81dpI1o.js';
|
|
17
17
|
export { DarkModeSelector, DarkModeSelectorProps, DarkModeSubMenu, DarkModeSubMenuProps, DarkModeValue, I18nLanguage, I18nSelector, I18nSelectorProps, UseDarkModeReturn, useDarkMode } from './components/toolbar/index.js';
|
package/dist/index.js
CHANGED
|
@@ -11743,6 +11743,448 @@ function BaseLoadingState({
|
|
|
11743
11743
|
}
|
|
11744
11744
|
);
|
|
11745
11745
|
}
|
|
11746
|
+
function normalizeValues(values) {
|
|
11747
|
+
const nextValues = [];
|
|
11748
|
+
const seen = /* @__PURE__ */ new Set();
|
|
11749
|
+
values?.forEach((value) => {
|
|
11750
|
+
if (seen.has(value)) return;
|
|
11751
|
+
seen.add(value);
|
|
11752
|
+
nextValues.push(value);
|
|
11753
|
+
});
|
|
11754
|
+
return nextValues;
|
|
11755
|
+
}
|
|
11756
|
+
function getNextEnabledIndex(options, currentIndex, direction) {
|
|
11757
|
+
if (!options.length) return -1;
|
|
11758
|
+
const startIndex = currentIndex >= 0 ? currentIndex : 0;
|
|
11759
|
+
for (let offset = 1; offset <= options.length; offset += 1) {
|
|
11760
|
+
const nextIndex = (startIndex + offset * direction + options.length) % options.length;
|
|
11761
|
+
if (!options[nextIndex]?.disabled) {
|
|
11762
|
+
return nextIndex;
|
|
11763
|
+
}
|
|
11764
|
+
}
|
|
11765
|
+
return -1;
|
|
11766
|
+
}
|
|
11767
|
+
function getFirstEnabledIndex(options) {
|
|
11768
|
+
return options.findIndex((option) => !option.disabled);
|
|
11769
|
+
}
|
|
11770
|
+
function getSafeTagCount(maxTagCount, total) {
|
|
11771
|
+
if (maxTagCount === void 0) return total;
|
|
11772
|
+
if (!Number.isFinite(maxTagCount)) return total;
|
|
11773
|
+
return Math.max(0, Math.min(total, Math.floor(maxTagCount)));
|
|
11774
|
+
}
|
|
11775
|
+
function getDefaultRemoveLabel(option) {
|
|
11776
|
+
return `Remove ${option.value}`;
|
|
11777
|
+
}
|
|
11778
|
+
var BaseMultiSelect = React.forwardRef(
|
|
11779
|
+
function BaseMultiSelect2({
|
|
11780
|
+
options,
|
|
11781
|
+
value,
|
|
11782
|
+
defaultValue,
|
|
11783
|
+
name,
|
|
11784
|
+
placeholder = "Select options",
|
|
11785
|
+
icon,
|
|
11786
|
+
invalid = false,
|
|
11787
|
+
disabled = false,
|
|
11788
|
+
required = false,
|
|
11789
|
+
openForPreview = false,
|
|
11790
|
+
maxTagCount,
|
|
11791
|
+
removeLabel = getDefaultRemoveLabel,
|
|
11792
|
+
emptyLabel = "No options",
|
|
11793
|
+
appearance,
|
|
11794
|
+
className,
|
|
11795
|
+
classNames,
|
|
11796
|
+
style,
|
|
11797
|
+
id,
|
|
11798
|
+
"aria-invalid": nativeAriaInvalid,
|
|
11799
|
+
"aria-label": nativeAriaLabel,
|
|
11800
|
+
"aria-labelledby": nativeAriaLabelledBy,
|
|
11801
|
+
onValueChange,
|
|
11802
|
+
...rootProps
|
|
11803
|
+
}, ref) {
|
|
11804
|
+
const theme = resolveBaseAppearance(appearance);
|
|
11805
|
+
const generatedId = React.useId();
|
|
11806
|
+
const multiSelectId = id ?? generatedId;
|
|
11807
|
+
const controlId = `${multiSelectId}-control`;
|
|
11808
|
+
const listboxId = `${multiSelectId}-listbox`;
|
|
11809
|
+
const rootRef = React.useRef(null);
|
|
11810
|
+
const optionList = options ?? [];
|
|
11811
|
+
const forceOpen = openForPreview;
|
|
11812
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
|
|
11813
|
+
const open = forceOpen || uncontrolledOpen;
|
|
11814
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(
|
|
11815
|
+
() => normalizeValues(defaultValue)
|
|
11816
|
+
);
|
|
11817
|
+
const [activeIndex, setActiveIndex] = React.useState(
|
|
11818
|
+
() => getFirstEnabledIndex(optionList)
|
|
11819
|
+
);
|
|
11820
|
+
const isControlled = value !== void 0;
|
|
11821
|
+
const selectedValues = React.useMemo(
|
|
11822
|
+
() => normalizeValues(isControlled ? value : uncontrolledValue),
|
|
11823
|
+
[isControlled, uncontrolledValue, value]
|
|
11824
|
+
);
|
|
11825
|
+
const selectedValueSet = React.useMemo(
|
|
11826
|
+
() => new Set(selectedValues),
|
|
11827
|
+
[selectedValues]
|
|
11828
|
+
);
|
|
11829
|
+
const optionByValue = React.useMemo(() => {
|
|
11830
|
+
const map = /* @__PURE__ */ new Map();
|
|
11831
|
+
optionList.forEach((option) => {
|
|
11832
|
+
if (!map.has(option.value)) {
|
|
11833
|
+
map.set(option.value, option);
|
|
11834
|
+
}
|
|
11835
|
+
});
|
|
11836
|
+
return map;
|
|
11837
|
+
}, [optionList]);
|
|
11838
|
+
const selectedOptions = React.useMemo(
|
|
11839
|
+
() => selectedValues.map((selectedValue) => optionByValue.get(selectedValue)).filter(
|
|
11840
|
+
(option) => option !== void 0
|
|
11841
|
+
),
|
|
11842
|
+
[optionByValue, selectedValues]
|
|
11843
|
+
);
|
|
11844
|
+
const firstEnabledIndex = React.useMemo(
|
|
11845
|
+
() => getFirstEnabledIndex(optionList),
|
|
11846
|
+
[optionList]
|
|
11847
|
+
);
|
|
11848
|
+
const resolvedActiveIndex = activeIndex >= 0 && !optionList[activeIndex]?.disabled ? activeIndex : firstEnabledIndex;
|
|
11849
|
+
const visibleTagCount = getSafeTagCount(
|
|
11850
|
+
maxTagCount,
|
|
11851
|
+
selectedOptions.length
|
|
11852
|
+
);
|
|
11853
|
+
const visibleOptions = selectedOptions.slice(0, visibleTagCount);
|
|
11854
|
+
const overflowCount = selectedOptions.length - visibleOptions.length;
|
|
11855
|
+
const isPlaceholder = selectedOptions.length === 0;
|
|
11856
|
+
const setRootRef = (node) => {
|
|
11857
|
+
rootRef.current = node;
|
|
11858
|
+
if (typeof ref === "function") {
|
|
11859
|
+
ref(node);
|
|
11860
|
+
} else if (ref) {
|
|
11861
|
+
ref.current = node;
|
|
11862
|
+
}
|
|
11863
|
+
};
|
|
11864
|
+
const setOpen = (nextOpen) => {
|
|
11865
|
+
if (disabled || forceOpen) return;
|
|
11866
|
+
setUncontrolledOpen(nextOpen);
|
|
11867
|
+
if (nextOpen) {
|
|
11868
|
+
setActiveIndex(resolvedActiveIndex);
|
|
11869
|
+
}
|
|
11870
|
+
};
|
|
11871
|
+
React.useEffect(() => {
|
|
11872
|
+
if (!open || forceOpen) return void 0;
|
|
11873
|
+
const handlePointerDown = (event) => {
|
|
11874
|
+
if (!rootRef.current?.contains(event.target)) {
|
|
11875
|
+
setUncontrolledOpen(false);
|
|
11876
|
+
}
|
|
11877
|
+
};
|
|
11878
|
+
document.addEventListener("pointerdown", handlePointerDown);
|
|
11879
|
+
return () => {
|
|
11880
|
+
document.removeEventListener("pointerdown", handlePointerDown);
|
|
11881
|
+
};
|
|
11882
|
+
}, [forceOpen, open]);
|
|
11883
|
+
React.useEffect(() => {
|
|
11884
|
+
if (resolvedActiveIndex >= 0 && resolvedActiveIndex !== activeIndex) {
|
|
11885
|
+
setActiveIndex(resolvedActiveIndex);
|
|
11886
|
+
}
|
|
11887
|
+
}, [activeIndex, resolvedActiveIndex]);
|
|
11888
|
+
const commitValues = (nextValues) => {
|
|
11889
|
+
const normalizedValues = normalizeValues(nextValues);
|
|
11890
|
+
if (!isControlled) {
|
|
11891
|
+
setUncontrolledValue(normalizedValues);
|
|
11892
|
+
}
|
|
11893
|
+
onValueChange?.(normalizedValues);
|
|
11894
|
+
};
|
|
11895
|
+
const toggleOption = (option) => {
|
|
11896
|
+
if (!option || option.disabled || disabled) return;
|
|
11897
|
+
const nextValues = selectedValueSet.has(option.value) ? selectedValues.filter((selectedValue) => selectedValue !== option.value) : [...selectedValues, option.value];
|
|
11898
|
+
commitValues(nextValues);
|
|
11899
|
+
};
|
|
11900
|
+
const removeOption = (option) => {
|
|
11901
|
+
if (disabled) return;
|
|
11902
|
+
commitValues(
|
|
11903
|
+
selectedValues.filter((selectedValue) => selectedValue !== option.value)
|
|
11904
|
+
);
|
|
11905
|
+
};
|
|
11906
|
+
const focusOption = (direction) => {
|
|
11907
|
+
const nextIndex = getNextEnabledIndex(
|
|
11908
|
+
optionList,
|
|
11909
|
+
resolvedActiveIndex,
|
|
11910
|
+
direction
|
|
11911
|
+
);
|
|
11912
|
+
if (nextIndex >= 0) {
|
|
11913
|
+
setActiveIndex(nextIndex);
|
|
11914
|
+
}
|
|
11915
|
+
};
|
|
11916
|
+
const handleKeyDown = (event) => {
|
|
11917
|
+
if (disabled) return;
|
|
11918
|
+
if (event.key === "ArrowDown" || event.key === "ArrowUp") {
|
|
11919
|
+
event.preventDefault();
|
|
11920
|
+
if (!open) {
|
|
11921
|
+
setOpen(true);
|
|
11922
|
+
setActiveIndex(firstEnabledIndex);
|
|
11923
|
+
return;
|
|
11924
|
+
}
|
|
11925
|
+
focusOption(event.key === "ArrowDown" ? 1 : -1);
|
|
11926
|
+
return;
|
|
11927
|
+
}
|
|
11928
|
+
if (event.key === "Home") {
|
|
11929
|
+
event.preventDefault();
|
|
11930
|
+
setOpen(true);
|
|
11931
|
+
setActiveIndex(firstEnabledIndex);
|
|
11932
|
+
return;
|
|
11933
|
+
}
|
|
11934
|
+
if (event.key === "End") {
|
|
11935
|
+
event.preventDefault();
|
|
11936
|
+
setOpen(true);
|
|
11937
|
+
for (let index = optionList.length - 1; index >= 0; index -= 1) {
|
|
11938
|
+
if (!optionList[index]?.disabled) {
|
|
11939
|
+
setActiveIndex(index);
|
|
11940
|
+
break;
|
|
11941
|
+
}
|
|
11942
|
+
}
|
|
11943
|
+
return;
|
|
11944
|
+
}
|
|
11945
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
11946
|
+
event.preventDefault();
|
|
11947
|
+
if (!open) {
|
|
11948
|
+
setOpen(true);
|
|
11949
|
+
return;
|
|
11950
|
+
}
|
|
11951
|
+
toggleOption(optionList[resolvedActiveIndex]);
|
|
11952
|
+
return;
|
|
11953
|
+
}
|
|
11954
|
+
if (event.key === "Escape") {
|
|
11955
|
+
setOpen(false);
|
|
11956
|
+
}
|
|
11957
|
+
};
|
|
11958
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11959
|
+
"div",
|
|
11960
|
+
{
|
|
11961
|
+
...rootProps,
|
|
11962
|
+
id,
|
|
11963
|
+
ref: setRootRef,
|
|
11964
|
+
className: cn(
|
|
11965
|
+
theme.slots.controlWrapper,
|
|
11966
|
+
"overflow-visible",
|
|
11967
|
+
open && "z-50",
|
|
11968
|
+
invalid && theme.slots.controlInvalid,
|
|
11969
|
+
disabled && theme.slots.controlDisabled,
|
|
11970
|
+
classNames?.root,
|
|
11971
|
+
className
|
|
11972
|
+
),
|
|
11973
|
+
style: {
|
|
11974
|
+
...theme.styles.control,
|
|
11975
|
+
...invalid ? theme.styles.controlInvalid : void 0,
|
|
11976
|
+
...disabled ? theme.styles.controlDisabled : void 0,
|
|
11977
|
+
...style
|
|
11978
|
+
},
|
|
11979
|
+
children: [
|
|
11980
|
+
hasRenderableNode(icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
|
|
11981
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11982
|
+
"div",
|
|
11983
|
+
{
|
|
11984
|
+
id: controlId,
|
|
11985
|
+
role: "combobox",
|
|
11986
|
+
tabIndex: disabled ? -1 : 0,
|
|
11987
|
+
"aria-haspopup": "listbox",
|
|
11988
|
+
"aria-expanded": open,
|
|
11989
|
+
"aria-controls": listboxId,
|
|
11990
|
+
"aria-disabled": disabled || void 0,
|
|
11991
|
+
"aria-required": required || void 0,
|
|
11992
|
+
"aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
|
|
11993
|
+
"aria-label": nativeAriaLabel,
|
|
11994
|
+
"aria-labelledby": nativeAriaLabelledBy,
|
|
11995
|
+
className: cn(
|
|
11996
|
+
theme.slots.controlBase,
|
|
11997
|
+
"flex min-h-9 cursor-pointer flex-wrap items-center gap-1.5 py-1.5 pr-9 text-left",
|
|
11998
|
+
disabled && "!cursor-not-allowed",
|
|
11999
|
+
classNames?.control
|
|
12000
|
+
),
|
|
12001
|
+
onClick: () => setOpen(!open),
|
|
12002
|
+
onKeyDown: handleKeyDown,
|
|
12003
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12004
|
+
"span",
|
|
12005
|
+
{
|
|
12006
|
+
className: cn(
|
|
12007
|
+
"flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
|
|
12008
|
+
classNames?.tagList
|
|
12009
|
+
),
|
|
12010
|
+
children: [
|
|
12011
|
+
visibleOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12012
|
+
"span",
|
|
12013
|
+
{
|
|
12014
|
+
className: cn(
|
|
12015
|
+
"inline-flex max-w-full items-center gap-1 rounded-full border border-border/70 bg-muted/65 px-2 py-0.5 text-xs font-medium text-foreground",
|
|
12016
|
+
classNames?.tag
|
|
12017
|
+
),
|
|
12018
|
+
children: [
|
|
12019
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12020
|
+
"span",
|
|
12021
|
+
{
|
|
12022
|
+
className: cn(
|
|
12023
|
+
"max-w-40 truncate",
|
|
12024
|
+
classNames?.tagLabel
|
|
12025
|
+
),
|
|
12026
|
+
children: option.label
|
|
12027
|
+
}
|
|
12028
|
+
),
|
|
12029
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12030
|
+
"button",
|
|
12031
|
+
{
|
|
12032
|
+
type: "button",
|
|
12033
|
+
"aria-label": removeLabel(option),
|
|
12034
|
+
disabled,
|
|
12035
|
+
className: cn(
|
|
12036
|
+
"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-background/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed",
|
|
12037
|
+
classNames?.tagRemove
|
|
12038
|
+
),
|
|
12039
|
+
onClick: (event) => {
|
|
12040
|
+
event.preventDefault();
|
|
12041
|
+
event.stopPropagation();
|
|
12042
|
+
removeOption(option);
|
|
12043
|
+
},
|
|
12044
|
+
onMouseDown: (event) => {
|
|
12045
|
+
event.preventDefault();
|
|
12046
|
+
event.stopPropagation();
|
|
12047
|
+
},
|
|
12048
|
+
onKeyDown: (event) => event.stopPropagation(),
|
|
12049
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "x" })
|
|
12050
|
+
}
|
|
12051
|
+
)
|
|
12052
|
+
]
|
|
12053
|
+
},
|
|
12054
|
+
option.value
|
|
12055
|
+
)),
|
|
12056
|
+
overflowCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12057
|
+
"span",
|
|
12058
|
+
{
|
|
12059
|
+
className: cn(
|
|
12060
|
+
"inline-flex max-w-full items-center rounded-full border border-border/70 bg-muted/45 px-2 py-0.5 text-xs font-medium text-muted-foreground",
|
|
12061
|
+
classNames?.tag
|
|
12062
|
+
),
|
|
12063
|
+
children: [
|
|
12064
|
+
"+",
|
|
12065
|
+
overflowCount
|
|
12066
|
+
]
|
|
12067
|
+
}
|
|
12068
|
+
) : null,
|
|
12069
|
+
isPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
12070
|
+
"span",
|
|
12071
|
+
{
|
|
12072
|
+
className: cn(
|
|
12073
|
+
"min-w-0 truncate",
|
|
12074
|
+
theme.slots.selectPlaceholder,
|
|
12075
|
+
classNames?.placeholder
|
|
12076
|
+
),
|
|
12077
|
+
children: placeholder
|
|
12078
|
+
}
|
|
12079
|
+
) : null
|
|
12080
|
+
]
|
|
12081
|
+
}
|
|
12082
|
+
)
|
|
12083
|
+
}
|
|
12084
|
+
),
|
|
12085
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12086
|
+
"span",
|
|
12087
|
+
{
|
|
12088
|
+
className: cn(
|
|
12089
|
+
theme.slots.selectChevron,
|
|
12090
|
+
open && "rotate-[225deg]",
|
|
12091
|
+
classNames?.chevron
|
|
12092
|
+
)
|
|
12093
|
+
}
|
|
12094
|
+
),
|
|
12095
|
+
name ? selectedValues.map((selectedValue) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
12096
|
+
"input",
|
|
12097
|
+
{
|
|
12098
|
+
type: "hidden",
|
|
12099
|
+
name,
|
|
12100
|
+
value: selectedValue,
|
|
12101
|
+
className: classNames?.hiddenInput
|
|
12102
|
+
},
|
|
12103
|
+
selectedValue
|
|
12104
|
+
)) : null,
|
|
12105
|
+
open ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
12106
|
+
"div",
|
|
12107
|
+
{
|
|
12108
|
+
id: listboxId,
|
|
12109
|
+
role: "listbox",
|
|
12110
|
+
"aria-multiselectable": "true",
|
|
12111
|
+
"aria-labelledby": controlId,
|
|
12112
|
+
className: cn(theme.slots.selectMenu, classNames?.menu),
|
|
12113
|
+
style: theme.styles.selectMenu,
|
|
12114
|
+
children: optionList.length > 0 ? optionList.map((option, index) => {
|
|
12115
|
+
const selected = selectedValueSet.has(option.value);
|
|
12116
|
+
const active = index === resolvedActiveIndex;
|
|
12117
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12118
|
+
"button",
|
|
12119
|
+
{
|
|
12120
|
+
type: "button",
|
|
12121
|
+
role: "option",
|
|
12122
|
+
"aria-selected": selected,
|
|
12123
|
+
disabled: option.disabled,
|
|
12124
|
+
className: cn(
|
|
12125
|
+
theme.slots.selectOption,
|
|
12126
|
+
"gap-2",
|
|
12127
|
+
active && theme.slots.selectOptionActive,
|
|
12128
|
+
selected && theme.slots.selectOptionSelected,
|
|
12129
|
+
option.disabled && theme.slots.selectOptionDisabled,
|
|
12130
|
+
classNames?.option
|
|
12131
|
+
),
|
|
12132
|
+
style: {
|
|
12133
|
+
...theme.styles.selectOption,
|
|
12134
|
+
...active ? theme.styles.selectOptionActive : void 0,
|
|
12135
|
+
...selected ? theme.styles.selectOptionSelected : void 0
|
|
12136
|
+
},
|
|
12137
|
+
onMouseEnter: () => {
|
|
12138
|
+
if (!option.disabled) {
|
|
12139
|
+
setActiveIndex(index);
|
|
12140
|
+
}
|
|
12141
|
+
},
|
|
12142
|
+
onMouseDown: (event) => event.preventDefault(),
|
|
12143
|
+
onClick: () => toggleOption(option),
|
|
12144
|
+
children: [
|
|
12145
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12146
|
+
"span",
|
|
12147
|
+
{
|
|
12148
|
+
"aria-hidden": "true",
|
|
12149
|
+
className: cn(
|
|
12150
|
+
"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-border/70 text-[10px]",
|
|
12151
|
+
selected && "border-primary/40 bg-primary text-primary-foreground",
|
|
12152
|
+
classNames?.optionIndicator
|
|
12153
|
+
),
|
|
12154
|
+
children: selected ? "\u2713" : null
|
|
12155
|
+
}
|
|
12156
|
+
),
|
|
12157
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12158
|
+
"span",
|
|
12159
|
+
{
|
|
12160
|
+
className: cn(
|
|
12161
|
+
"min-w-0 flex-1 truncate",
|
|
12162
|
+
classNames?.optionLabel
|
|
12163
|
+
),
|
|
12164
|
+
children: option.label
|
|
12165
|
+
}
|
|
12166
|
+
)
|
|
12167
|
+
]
|
|
12168
|
+
},
|
|
12169
|
+
option.value
|
|
12170
|
+
);
|
|
12171
|
+
}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
12172
|
+
"div",
|
|
12173
|
+
{
|
|
12174
|
+
className: cn(
|
|
12175
|
+
"px-2.5 py-2 text-sm text-muted-foreground",
|
|
12176
|
+
classNames?.empty
|
|
12177
|
+
),
|
|
12178
|
+
children: emptyLabel
|
|
12179
|
+
}
|
|
12180
|
+
)
|
|
12181
|
+
}
|
|
12182
|
+
) : null
|
|
12183
|
+
]
|
|
12184
|
+
}
|
|
12185
|
+
);
|
|
12186
|
+
}
|
|
12187
|
+
);
|
|
11746
12188
|
function BaseNotice({
|
|
11747
12189
|
tone,
|
|
11748
12190
|
icon,
|
|
@@ -12144,7 +12586,7 @@ function getInitialValue2(options, defaultValue) {
|
|
|
12144
12586
|
}
|
|
12145
12587
|
return "";
|
|
12146
12588
|
}
|
|
12147
|
-
function
|
|
12589
|
+
function getNextEnabledIndex2(options, currentIndex, direction) {
|
|
12148
12590
|
if (!options.length) return -1;
|
|
12149
12591
|
for (let offset = 1; offset <= options.length; offset += 1) {
|
|
12150
12592
|
const nextIndex = (currentIndex + offset * direction + options.length) % options.length;
|
|
@@ -12246,7 +12688,7 @@ var BaseSelect = React.forwardRef(
|
|
|
12246
12688
|
};
|
|
12247
12689
|
const focusOption = (direction) => {
|
|
12248
12690
|
const currentIndex = activeIndex >= 0 ? activeIndex : 0;
|
|
12249
|
-
const nextIndex =
|
|
12691
|
+
const nextIndex = getNextEnabledIndex2(optionList, currentIndex, direction);
|
|
12250
12692
|
if (nextIndex >= 0) {
|
|
12251
12693
|
commitValue(optionList[nextIndex].value, optionList[nextIndex].disabled);
|
|
12252
12694
|
}
|
|
@@ -24740,6 +25182,7 @@ exports.BaseLayoutPane = BaseLayoutPane;
|
|
|
24740
25182
|
exports.BaseLayoutResizeHandle = BaseLayoutResizeHandle;
|
|
24741
25183
|
exports.BaseLayoutSplit = BaseLayoutSplit;
|
|
24742
25184
|
exports.BaseLoadingState = BaseLoadingState;
|
|
25185
|
+
exports.BaseMultiSelect = BaseMultiSelect;
|
|
24743
25186
|
exports.BaseNotice = BaseNotice;
|
|
24744
25187
|
exports.BasePagination = BasePagination;
|
|
24745
25188
|
exports.BasePanel = BasePanel;
|