@databricks/design-system 2.0.2 → 2.0.3
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/CHANGELOG.md +19 -0
- package/dist/{WizardStepContentWrapper-DnwQIMN1.js → WizardStepContentWrapper-DsAS2ZAT.js} +600 -511
- package/dist/WizardStepContentWrapper-DsAS2ZAT.js.map +1 -0
- package/dist/fonts/dm-mono/DMMono-Regular.woff2 +0 -0
- package/dist/fonts/dm-mono/dm-mono.css +11 -0
- package/dist/index-dark.css +298 -200
- package/dist/index-dark.mitigated.css +298 -200
- package/dist/index.css +383 -271
- package/dist/index.js +230 -157
- package/dist/index.js.map +1 -1
- package/dist/index.mitigated.css +392 -280
- package/dist/patterns.js +3 -2
- package/dist/patterns.js.map +1 -1
- package/dist-types/design-system/ContextMenu/ContextMenu.d.ts +2 -2
- package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +44 -0
- package/dist-types/design-system/Grid/Col.d.ts +1 -3
- package/dist-types/design-system/Grid/NativeCol.d.ts +10 -0
- package/dist-types/design-system/Grid/NativeGridContext.d.ts +11 -0
- package/dist-types/design-system/Grid/NativeRow.d.ts +13 -0
- package/dist-types/design-system/Grid/Row.d.ts +3 -4
- package/dist-types/design-system/Grid/grid-styling.d.ts +22 -0
- package/dist-types/design-system/Grid/gridConstants.d.ts +2 -0
- package/dist-types/design-system/Grid/index.d.ts +1 -0
- package/dist-types/design-system/Grid/rowConstants.d.ts +7 -0
- package/dist-types/design-system/Grid/types.d.ts +49 -0
- package/dist-types/design-system/Hooks/index.d.ts +1 -1
- package/dist-types/design-system/Hooks/useDesignSystemTheme.d.ts +7 -7
- package/dist-types/design-system/Icon/LegacyAntDIcon.d.ts +21 -0
- package/dist-types/design-system/Icon/index.d.ts +0 -1
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxCheckboxItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxFooter.d.ts +12 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxInput.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenu.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts +8 -0
- package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxState.d.ts +6 -0
- package/dist-types/design-system/TypeaheadComboboxV2/hooks/useRestoreHighlightedOption.d.ts +18 -0
- package/dist-types/design-system/TypeaheadComboboxV2/hooks/useTypeaheadComboboxContext.d.ts +2 -0
- package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/providers/TypeaheadComboboxContext.d.ts +6 -4
- package/dist-types/design-system/_shared_/Menu/index.d.ts +1 -1
- package/dist-types/design-system/fonts.d.ts +1 -0
- package/dist-types/design-system/index.d.ts +1 -1
- package/package.json +3 -2
- package/dist/WizardStepContentWrapper-DnwQIMN1.js.map +0 -1
- package/dist-types/design-system/Icon/AntdIcon.d.ts +0 -114
- package/dist-types/design-system/TypeaheadComboboxReactAria/hooks/useTypeaheadComboboxContext.d.ts +0 -2
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/CountBadge.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxAddButton.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxCheckboxItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxControls.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxFooter.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxInput.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenu.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenuItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMultiSelectInput.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxRoot.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSectionHeader.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSelectedItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSeparator.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxToggleButton.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/footerFocus.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/index.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxItems.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxStateProps.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useMultipleSelectionState.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useScrollOptionIntoView.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useVirtualizedComboboxScroll.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/index.d.ts +0 -0
package/dist/index.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { p as primitiveColors, d as DesignSystemEventProvider, e as useDesignSystemContext, f as useDesignSystemTheme, I as InfoFillIcon, C as CheckCircleFillIcon, g as WarningFillIcon, h as DangerFillIcon, i as DesignSystemEventProviderAnalyticsEventTypes, j as useDesignSystemEventComponentCallbacks, k as DesignSystemEventProviderComponentTypes, l as DesignSystemEventProviderComponentSubTypeMap, m as useNotifyOnFirstView, n as useStableUuidV4, B as Button, T as Typography, o as ChevronDownIcon, q as ChevronRightIcon, r as DesignSystemAntDConfigProvider, s as CloseSmallIcon, t as addDebugOutlineIfEnabled, v as Modal, w as getAnimationCss, x as token, S as ShapeTokens, y as getDarkModePortalStyles, z as useModalContext, R as Root$1, A as Trigger, E as InfoSmallIcon, G as Content, H as Arrow, J as SparkleDoubleIcon, O as OverflowPopover, L as LoadingState,
|
|
2
|
-
export { ba as AccessDeniedGraphic, bb as Accordion, bc as AccordionPanel, bd as AlignCenterIcon, be as AlignJustifyIcon, bf as AlignLeftIcon, bg as AlignRightIcon, bh as AlignVerticalBottomIcon, bi as AlignVerticalCenterIcon, bj as AlignVerticalTopIcon, bk as AppIcon, bl as ApplyDesignSystemContextOverrides, bm as ApplyDesignSystemFlags, bn as ArrowDownDotIcon, bo as ArrowDownFillIcon, bp as ArrowDownIcon, bq as ArrowInIcon, br as ArrowInTableIcon, bs as ArrowLeftIcon, bt as ArrowOutTableIcon, bu as ArrowOverIcon, bv as ArrowRightIcon, bw as ArrowUpDotIcon, bx as ArrowUpFillIcon, by as ArrowUpIcon, bz as ArrowsCollapseIcon, bA as ArrowsConnectIcon, bB as ArrowsExpandIcon, bC as ArrowsUpDownIcon, bD as AssistantIcon, bE as AtIcon, bF as Auth0Graphic, bG as Auth0GraphicLarge, bH as AzHorizontalIcon, bI as AzVerticalIcon, bJ as BANNER_MAX_HEIGHT, bK as BANNER_MIN_HEIGHT, bL as BackupIcon, bM as BadgeCodeIcon, bN as BadgeCodeOffIcon, bO as Banner, bP as BarChartIcon, bQ as BarGroupedIcon, bR as BarStackedIcon, bS as BarStackedPercentageIcon, bT as BarsAscendingHorizontalIcon, bU as BarsAscendingVerticalIcon, bV as BarsDescendingHorizontalIcon, bW as BarsDescendingVerticalIcon, bX as BeakerIcon, bY as BinaryIcon, bZ as BlockQuoteIcon, b_ as BoldIcon, b$ as BookIcon, c0 as BookmarkFillIcon, c1 as BookmarkIcon, c2 as BooksIcon, c3 as BracketsCheckIcon, c4 as BracketsCurlyIcon, c5 as BracketsErrorIcon, c6 as BracketsSquareIcon, c7 as BracketsXIcon, c8 as BranchCheckIcon, c9 as BranchIcon, ca as BranchResetIcon, cb as BriefcaseFillIcon, cc as BriefcaseIcon, cd as BrushIcon, ce as BugIcon, cf as CalendarClockIcon, cg as CalendarEventIcon, ch as CalendarIcon, ci as CalendarRangeIcon, cj as CalendarSyncIcon, ck as CameraIcon, cl as CapitalizeIcon, cm as CaretDownSquareIcon, cn as CaretUpSquareIcon, co as CatalogCloudIcon, cp as CatalogGearIcon, cq as CatalogHomeIcon, cr as CatalogIcon, cs as CatalogOffIcon, ct as CatalogSharedIcon, cu as CatalogUserHomeIcon, cv as CellsSquareIcon, cw as CertifiedFillIcon, cx as CertifiedFillSmallIcon, cy as CertifiedIcon, cz as ChainIcon, cA as ChartLineIcon, cB as CheckCircleBadgeIcon, cC as CheckCircleSmallIcon, cD as CheckIcon, cE as CheckLineIcon, cF as CheckSmallIcon, cG as CheckboxIcon, cH as ChecklistIcon, cI as ChevronDoubleDownIcon, cJ as ChevronDoubleLeftIcon, cK as ChevronDoubleLeftOffIcon, cL as ChevronDoubleRightIcon, cM as ChevronDoubleRightOffIcon, cN as ChevronDoubleUpIcon, cO as ChevronLeftIcon, cP as ChevronUpIcon, cQ as ChipIcon, cR as CircleOffLargeIcon, cS as CircleOutlineLargeIcon, cT as ClipboardIcon, cU as ClockIcon, cV as ClockKeyIcon, cW as ClockOffIcon, cX as CloudCheckIcon, cY as CloudDatabaseIcon, cZ as CloudDownloadIcon, c_ as CloudIcon, c$ as CloudKeyIcon, d0 as CloudModelIcon, d1 as CloudOffIcon, d2 as CloudUploadIcon, d3 as CodeIcon, d4 as ColorFillIcon, d5 as ColorVars, d6 as ColumnIcon, d7 as ColumnSplitIcon, d8 as ColumnTagIcon, d9 as ColumnsIcon, da as CommandIcon, db as CommandPaletteIcon, dc as CompassIcon, dd as ComponentFinderContext, de as ConnectIcon, df as Content, dg as ContextMenu, dh as CopyIcon, di as CreditCardIcon, dj as CursorClickIcon, dk as CursorIcon, dl as CursorPagination, dm as CursorTypeIcon, dn as CustomAppIcon, dp as DagHorizontalIcon, dq as DagIcon, dr as DagVerticalIcon, ds as DangerModal, dt as DangerSmallIcon, du as DashIcon, dv as DashboardCodeIcon, dw as DashboardIcon, dx as DataIcon, dy as DataMaskiingGraphic, dz as DatabaseClockIcon, dA as DatabaseIcon, dB as DatabaseImportIcon, dC as DatePicker, dD as DecimalIcon, dE as DeprecatedIcon, dF as DeprecatedSmallIcon, dG as DesignSystemContext, dH as DesignSystemEventProviderComponentSubTypes, dI as DesignSystemProvider, dJ as DesignSystemThemeContext, dK as DesignSystemThemeProvider, dL as DialogComboboxCountBadge, dM as DialogComboboxCustomButtonTriggerWrapper, dN as DialogComboboxSectionHeader, D as DocumentationSidebar, dO as DollarIcon, dP as DomainCirclesThree, dQ as DomainsIcon, dR as DotsCircleIcon, dS as DownloadIcon, dT as DragIcon, dU as Drawer, dV as DropdownMenu, dW as Empty, dX as EmptyDashboardGraphic, dY as ErdIcon, dZ as ExpandLessIcon, d_ as ExpandMoreIcon, F as FIXED_VERTICAL_STEPPER_WIDTH, d$ as FaceFrownIcon, e0 as FaceNeutralIcon, e1 as FaceSmileIcon, e2 as FileCodeIcon, e3 as FileCubeIcon, e4 as FileDocumentIcon, e5 as FileIcon, e6 as FileImageIcon, e7 as FileLockIcon, e8 as FileModelIcon, e9 as FileNewIcon, ea as FilePipelineIcon, eb as FilterFillIcon, ec as FilterIcon, ed as FlagPointerIcon, ee as FloatIcon, ef as FlowIcon, eg as FlowsIcon, eh as FolderBranchFillIcon, ei as FolderBranchIcon, ej as FolderCloudFilledIcon, ek as FolderCloudIcon, el as FolderCubeIcon, em as FolderCubeOutlineIcon, en as FolderFillIcon, eo as FolderHomeIcon, ep as FolderIcon, eq as FolderNewIcon, er as FolderNodeIcon, es as FolderOpenBranchIcon, et as FolderOpenCloudIcon, eu as FolderOpenCubeIcon, ev as FolderOpenIcon, ew as FolderOpenPipelineIcon, ex as FolderOutlinePipelineIcon, ey as FolderSolidPipelineIcon, ez as FontIcon, eA as ForkHorizontalIcon, eB as ForkIcon, eC as Form, eD as FormContextResetBoundary, eE as FullscreenExitIcon, eF as FullscreenIcon, eG as FunctionIcon, eH as FunctionInputIcon, eI as GavelIcon, eJ as GearFillIcon, eK as GearIcon, eL as GenieCodeIcon, eM as GenieDeepResearchIcon, eN as GiftIcon, eO as GitCommitIcon, eP as GitMergeIcon, eQ as GitRebaseIcon, eR as GlobeIcon, eS as Graphic, eT as GridDashIcon, eU as GridIcon, eV as GroupIcon, eW as H1Icon, eX as H2Icon, eY as H3Icon, eZ as H4Icon, e_ as H5Icon, e$ as H6Icon, f0 as HashIcon, f1 as HistoryIcon, f2 as HomeIcon, f3 as Icon, f4 as ImageIcon, f5 as IndentDecreaseIcon, f6 as IndentIncreaseIcon, f7 as InfinityIcon, f8 as InfoBookIcon, f9 as InfoIcon, fa as IngestionIcon, fb as ItalicIcon, fc as JoinOperatorIcon, fd as KeyIcon, fe as KeyboardIcon, ff as LakebaseCatalogIcon, fg as LakebaseIcon, fh as LakeflowDesignerIcon, fi as LakewatchAlertIcon, fj as LakewatchDatasourceIcon, fk as LakewatchDetectionRuleIcon, fl as LakewatchParserIcon, fm as LayerGraphIcon, fn as LayerIcon, fo as Layout, fp as LeafIcon, fq as LegacyAppstoreOutlined, fr as LegacyArrowUpOutlined, fs as LegacyBookOutlined, ft as LegacyBugOutlined, fu as LegacyCheckCircleFilled, fv as LegacyCheckCircleOutlined, fw as LegacyClockCircleFilled, fx as LegacyClockCircleOutlined, fy as LegacyCloseCircleFilled, fz as LegacyCloseOutlined, fA as LegacyCodeOutlined, fB as LegacyCommentOutlined, fC as LegacyCopyOutlined, fD as LegacyDatabaseOutlined, fE as LegacyDeleteOutlined, fF as LegacyDownOutlined, fG as LegacyEditOutlined, fH as LegacyEllipsisOutlined, fI as LegacyExclamationCircleOutlined, fJ as LegacyEyeOutlined, fK as LegacyFileOutlined, fL as LegacyFileTextOutlined, fM as LegacyFilterOutlined, fN as LegacyFlagOutlined, fO as LegacyFolderOpenOutlined, fP as LegacyFolderOutlined, fQ as LegacyForm, fR as LegacyFormDubois, fS as LegacyFullscreenOutlined, fT as LegacyGithubOutlined, fU as LegacyHourglassOutlined, fV as LegacyInfoCircleOutlined, fW as LegacyLinkOutlined, fX as LegacyLoadingOutlined, fY as LegacyNotificationOutlined, fZ as LegacyOptGroup, f_ as LegacyOption, f$ as LegacyPauseCircleFilled, g0 as LegacyPlayCircleOutlined, g1 as LegacyPlusOutlined, g2 as LegacyQuestionCircleOutlined, g3 as LegacyReloadOutlined, g4 as LegacyRightOutlined, g5 as LegacyRocketOutlined, g6 as LegacySearchOutlined, g7 as LegacySelectOptGroup, g8 as LegacySelectOption, g9 as LegacySendOutlined, ga as LegacySettingOutlined, gb as LegacySlackOutlined, gc as LegacySwapOutlined, gd as LegacySyncOutlined, ge as LegacyTable, gf as LegacyTooltip, gg as LegacyUpOutlined, gh as LegacyVideoCameraOutlined, gi as LetterFormatIcon, gj as LettersIcon, gk as LettersNumbersIcon, gl as LibrariesIcon, gm as LifesaverIcon, gn as LightbulbIcon, go as LightningCircleFillIcon, gp as LightningIcon, gq as LinearLineIcon, gr as LinkIcon, gs as LinkOffIcon, gt as ListBorderIcon, gu as ListClearIcon, gv as ListIcon, gw as ListNumberIcon, gx as Listbox, gy as LoadingIcon, gz as LoadingStateContext, gA as LockFillIcon, gB as LockIcon, gC as LockShareIcon, gD as LockUnlockedIcon, gE as LoopIcon, gF as LowercaseIcon, M as MAX_VERTICAL_WIZARD_CONTENT_WIDTH, gG as MailIcon, gH as MapIcon, gI as MarkdownIcon, gJ as McpIcon, gK as MeasureIcon, gL as MegaphoneIcon, gM as MenuIcon, gN as MinusCircleFillIcon, gO as MinusCircleIcon, gP as MinusCircleSmallIcon, gQ as MissingBranchGraphic, gR as MissingGraphic, gS as ModelsIcon, gT as MonotoneLineIcon, gU as MonthPickerGrid, gV as MoonIcon, gW as Nav, gX as NavButton, gY as NavigationMenu, gZ as NeonProjectIcon, g_ as NewChatIcon, g$ as NewTabIcon, h0 as NewWindowIcon, h1 as NoCaseIcon, h2 as NoIcon, h3 as NotebookIcon, h4 as NotebookPipelineIcon, h5 as NotificationIcon, h6 as NotificationOffIcon, h7 as NumberFormatIcon, h8 as NumbersIcon, h9 as OfficeIcon, ha as OntologyIcon, hb as OutageGraphic, hc as Overflow, hd as OverflowHorizontalIcon, he as OverflowIcon, hf as PageBottomIcon, hg as PageFirstIcon, hh as PageIcon, hi as PageLastIcon, hj as PageTopIcon, hk as Pagination, hl as Panel, hm as PanelBody, hn as PanelDockedIcon, ho as PanelFloatingIcon, hp as PanelHeader, hq as PanelHeaderButtons, hr as PanelHeaderTitle, hs as PaperclipIcon, ht as PassFailChecklistIcon, hu as PauseIcon, hv as PencilFillIcon, hw as PencilIcon, hx as PencilSparkleIcon, hy as PieChartIcon, hz as PillControl, hA as PinCancelIcon, hB as PinFillIcon, hC as PinIcon, hD as PipelineCodeIcon, hE as PipelineCubeIcon, hF as PipelineIcon, hG as PivotOperatorIcon, hH as PlayCircleFillIcon, hI as PlayCircleIcon, hJ as PlayDoubleIcon, hK as PlayIcon, hL as PlayMultipleIcon, hM as PlugIcon, hN as PlusCircleFillIcon, hO as PlusCircleIcon, hP as PlusCircleSmallIcon, hQ as PlusMinusSquareIcon, hR as Popover, hS as PositionBottomIcon, hT as PositionLeftIcon, hU as PositionRightIcon, hV as PositionTopIcon, hW as PreviewCard, hX as Progress, hY as PullRequestIcon, hZ as PuzzleIcon, h_ as QueryEditorIcon, h$ as QueryIcon, i0 as QuestionMarkFillIcon, i1 as QuestionMarkIcon, i2 as RadioIcon, i3 as RadioTile, i4 as RangePicker, i5 as ReaderModeIcon, i6 as RedoIcon, i7 as RefreshIcon, i8 as RefreshPlayIcon, i9 as RefreshXIcon, ia as ReplyIcon, ib as ResizeIcon, ic as RhfForm, id as RichTextIcon, ie as RobotIcon, ig as RocketIcon, ih as RowsIcon, ii as RunIcon, ij as RunningIcon, ik as SMALL_BUTTON_HEIGHT, il as SaveClockIcon, im as SaveIcon, io as SchemaIcon, ip as SchoolIcon, iq as SearchDataIcon, ir as SegmentedControlButton, is as SegmentedControlGroup, it as SelectContext, iu as SelectContextProvider, iv as SelectOptionGroup, iw as SendIcon, ix as ShareIcon, iy as ShareNodesIcon, iz as ShieldCheckIcon, iA as ShieldIcon, iB as ShieldOffIcon, iC as ShortcutIcon, iD as Sidebar, iE as SidebarAutoIcon, iF as SidebarClosedIcon, iG as SidebarCollapseIcon, iH as SidebarExpandIcon, iI as SidebarIcon, iJ as SidebarOpenIcon, iK as SidebarSyncIcon, iL as SimpleSelect, iM as SimpleSelectOption, iN as SimpleSelectOptionGroup, iO as SlashSquareIcon, iP as Slider, iQ as SlidersIcon, iR as SnippetIcon, iS as SortCustomHorizontalIcon, iT as SortCustomVerticalIcon, iU as SortHorizontalAscendingIcon, iV as SortHorizontalDescendingIcon, iW as SortLetterHorizontalAscendingIcon, iX as SortLetterHorizontalDescendingIcon, iY as SortLetterUnsortedIcon, iZ as SortLetterVerticalAscendingIcon, i_ as SortLetterVerticalDescendingIcon, i$ as Spacer, j0 as SparkleDoubleFillIcon, j1 as SparkleFillIcon, j2 as SparkleIcon, j3 as SparkleRectangleIcon, j4 as SpeechBubbleIcon, j5 as SpeechBubblePlusIcon, j6 as SpeechBubbleQuestionMarkFillIcon, j7 as SpeechBubbleQuestionMarkIcon, j8 as SpeechBubbleStarIcon, j9 as SpeedometerIcon, ja as Spinner, jb as SplitButton, jc as SqlIcon, jd as StarFillIcon, je as StarIcon, jf as StepAfterLineIcon, jg as StepBeforeLineIcon, jh as Stepper, ji as StopCircleFillIcon, jj as StopCircleIcon, jk as StopIcon, jl as StoredProcedureIcon, jm as StorefrontIcon, jn as StreamIcon, jo as StrikeThroughIcon, jp as SunIcon, jq as SyncIcon, jr as SyncSmallIcon, js as SyncToFileIcon, jt as TableAsteriskIcon, ju as TableClockIcon, jv as TableCombineIcon, jw as TableGlassesIcon, jx as TableGlobeIcon, jy as TableIcon, jz as TableLightningIcon, jA as TableMeasureIcon, jB as TableModelIcon, jC as TableReportIcon, jD as TableStreamIcon, jE as TableVectorIcon, jF as TableViewIcon, jG as Tabs, jH as Tag, jI as TagColumnIcon, jJ as TagIcon, jK as TagTableIcon, jL as TargetIcon, jM as TerminalIcon, jN as TextBoxIcon, jO as TextColorIcon, jP as TextIcon, jQ as TextJustifyIcon, jR as TextUnderlineIcon, jS as ThreeDotsIcon, jT as ThumbsDownFilledIcon, jU as ThumbsDownIcon, jV as ThumbsUpFilledIcon, jW as ThumbsUpIcon, jX as ToggleButton, jY as TokenIcon, jZ as Toolbar, j_ as TrashIcon, j$ as Tree, k0 as TreeIcon, k1 as TrendingFillIcon, k2 as TrendingIcon, k3 as TriangleIcon, k4 as TypeaheadComboboxCheckboxItem, k5 as TypeaheadComboboxFooter, k6 as TypeaheadComboboxMenuItem, k7 as TypeaheadComboboxMultiSelectStateChangeTypes, k8 as TypeaheadComboboxStateChangeTypes, k9 as UnderlineIcon, ka as UndoIcon, kb as UploadIcon, kc as UppercaseIcon, kd as UsageOverageGraphic, ke as UsageSpikeGraphic, kf as UsbIcon, kg as UserBadgeIcon, kh as UserCircleIcon, ki as UserGroupFillIcon, kj as UserGroupIcon, kk as UserIcon, kl as UserKeyIconIcon, km as UserShieldIcon, kn as UserSparkleIcon, ko as UserTeamIcon, kp as VisibleFillIcon, kq as VisibleIcon, kr as VisibleOffIcon, ks as WithDesignSystemThemeHoc, W as Wizard, a as WizardControlled, b as WizardModal, c as WizardStepContentWrapper, kt as WorkflowCodeIcon, ku as WorkflowCubeIcon, kv as WorkflowsIcon, kw as WorkspacesIcon, kx as WrenchIcon, ky as WrenchSparkleIcon, kz as XCircleFillIcon, kA as XCircleIcon, kB as YearPickerGrid, kC as ZaHorizontalIcon, kD as ZaVerticalIcon, kE as ZeroOpsIcon, kF as ZeroOpsOutlineIcon, kG as ZoomInIcon, kH as ZoomMarqueeSelection, kI as ZoomOutIcon, kJ as ZoomToFitIcon, kK as __INTERNAL_DO_NOT_USE__FormItem, kL as __INTERNAL_DO_NOT_USE__Group, kM as __INTERNAL_DO_NOT_USE__HorizontalGroup, kN as __INTERNAL_DO_NOT_USE__VerticalGroup, kO as __INTERNAL_DO_NOT_USE__wrapLegacyFormRules, kP as augmentWithDataComponentProps, kQ as dialogComboboxLookAheadKeyDown, kR as getBottomOnlyShadowScrollStyles, kS as getButtonEmotionStyles, kT as getComboboxOptionLabelStyles, kU as getDatePickerQuickActionBasic, kV as getDialogComboboxOptionLabelWidth, kW as getHorizontalTabShadowStyles, kX as getInputStyles, kY as getKeyboardNavigationFunctions, kZ as getMemoizedButtonEmotionStyles, k_ as getPaginationEmotionStyles, k$ as getPanelContainmentStyle, l0 as getRadioStyles, l1 as getRangeQuickActionsBasic, l2 as getShadowScrollStyles, l3 as getTypographyColor, l4 as getVirtualListScrollbarStyles, l5 as getVirtualListScrollbarThumbColor, l6 as getVirtualizedComboboxMenuItemStyles, l7 as getWrapperStyle, l8 as highlightFirstNonDisabledOption, l9 as isOptionDisabled, la as resetTabIndexToFocusedElement, lb as setImplicitContextGetter, lc as skipHideIconButtonActionClassName, ld as themeMemoKey, le as useAntDConfigProviderContext, lf as useCallbackOnEnter, lg as useComponentFinderContext, lh as useDesignSystemEventSuppressInteractionContext, li as useFormContext, lj as useRadioGroupContext, u as useWizardCurrentStep } from './WizardStepContentWrapper-DnwQIMN1.js';
|
|
1
|
+
import { p as primitiveColors, d as DesignSystemEventProvider, e as useDesignSystemContext, f as useDesignSystemTheme, I as InfoFillIcon, C as CheckCircleFillIcon, g as WarningFillIcon, h as DangerFillIcon, i as DesignSystemEventProviderAnalyticsEventTypes, j as useDesignSystemEventComponentCallbacks, k as DesignSystemEventProviderComponentTypes, l as DesignSystemEventProviderComponentSubTypeMap, m as useNotifyOnFirstView, n as useStableUuidV4, B as Button, T as Typography, o as ChevronDownIcon, q as ChevronRightIcon, r as DesignSystemAntDConfigProvider, s as CloseSmallIcon, t as addDebugOutlineIfEnabled, v as Modal, w as getAnimationCss, x as token, S as ShapeTokens, y as getDarkModePortalStyles, z as useModalContext, R as Root$1, A as Trigger, E as InfoSmallIcon, G as Content, H as Arrow, J as Tooltip, K as SparkleDoubleIcon, O as OverflowPopover, L as LoadingState, N as visuallyHidden, P as genSkeletonAnimatedColor, Q as getOffsets, U as DesignSystemEventSuppressInteractionProviderContext, V as DesignSystemEventSuppressInteractionTrueContextValue, X as tableStyles, Y as repeatingElementsStyles, Z as tableClassNames, _ as hideIconButtonRowStyles, $ as hideIconButtonActionCellClassName, a0 as safex, a1 as TitleSkeleton, a2 as useDialogComboboxContext, a3 as PlusIcon, a4 as importantify, a5 as getComboboxOptionItemWrapperStyles, a6 as getFooterStyles, a7 as useDialogComboboxOptionListContext, a8 as generateUuidV4, a9 as getContentOptions, aa as findHighlightedOption, ab as highlightOption, ac as Input, ad as SearchIcon, ae as EmptyResults, af as findClosestOptionSibling, ag as DialogComboboxOptionListCheckboxItem, ah as DialogComboboxOptionListSelectItem, ai as DialogComboboxOptionListContextProvider, aj as LoadingSpinner, ak as DialogComboboxOptionList, al as useUniqueId, am as TypeaheadComboboxContextProvider, an as useTypeaheadComboboxContext, ao as useDuboisThemeClass, ap as useDesignTokenOverrideStyles, aq as getComboboxContentWrapperStyles, ar as ClearSelectionButton, as as TypeaheadComboboxSelectedItem, at as CountBadge, au as getValidationStateColor, av as SectionHeader, aw as useComboboxState$1, ax as useMultipleSelectionState$1, ay as Radio, az as Checkbox, aA as DialogCombobox, aB as DialogComboboxTrigger, aC as DialogComboboxContent, aD as Select, aE as SelectTrigger, aF as SelectContent, aG as SelectOption, aH as LegacySelect, aI as WarningIcon, aJ as CheckCircleIcon, aK as DangerIcon, aL as Hint, aM as Title$1, aN as CloseIcon, aO as RestoreAntDDefaultClsPrefix, aP as AccessibleContainer, aQ as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, aR as CircleOffIcon, aS as CircleOutlineIcon, aT as CircleIcon, aU as shimExports, aV as SortAscendingIcon, aW as SortDescendingIcon, aX as SortUnsortedIcon, aY as MinusSquareIcon, aZ as PlusSquareIcon, a_ as TypeaheadComboboxV2ContextProvider, a$ as useTypeaheadComboboxV2Context, b0 as useRadixModalContext, b1 as useIsomorphicLayoutEffect, b2 as useScrollOptionIntoView, b3 as InfoTooltip, b4 as getInfoIconStyles, b5 as HintRow, b6 as getCheckboxStyles, b7 as getMenuItemStyles, b8 as TypeaheadComboboxSelectedItem$1, b9 as CountBadge$1, ba as TypeaheadComboboxMenuItem } from './WizardStepContentWrapper-DsAS2ZAT.js';
|
|
2
|
+
export { bb as AccessDeniedGraphic, bc as Accordion, bd as AccordionPanel, be as AlignCenterIcon, bf as AlignJustifyIcon, bg as AlignLeftIcon, bh as AlignRightIcon, bi as AlignVerticalBottomIcon, bj as AlignVerticalCenterIcon, bk as AlignVerticalTopIcon, bl as AppIcon, bm as ApplyDesignSystemContextOverrides, bn as ApplyDesignSystemFlags, bo as ArrowDownDotIcon, bp as ArrowDownFillIcon, bq as ArrowDownIcon, br as ArrowInIcon, bs as ArrowInTableIcon, bt as ArrowLeftIcon, bu as ArrowOutTableIcon, bv as ArrowOverIcon, bw as ArrowRightIcon, bx as ArrowUpDotIcon, by as ArrowUpFillIcon, bz as ArrowUpIcon, bA as ArrowsCollapseIcon, bB as ArrowsConnectIcon, bC as ArrowsExpandIcon, bD as ArrowsUpDownIcon, bE as AssistantIcon, bF as AtIcon, bG as Auth0Graphic, bH as Auth0GraphicLarge, bI as AzHorizontalIcon, bJ as AzVerticalIcon, bK as BANNER_MAX_HEIGHT, bL as BANNER_MIN_HEIGHT, bM as BackupIcon, bN as BadgeCodeIcon, bO as BadgeCodeOffIcon, bP as Banner, bQ as BarChartIcon, bR as BarGroupedIcon, bS as BarStackedIcon, bT as BarStackedPercentageIcon, bU as BarsAscendingHorizontalIcon, bV as BarsAscendingVerticalIcon, bW as BarsDescendingHorizontalIcon, bX as BarsDescendingVerticalIcon, bY as BeakerIcon, bZ as BinaryIcon, b_ as BlockQuoteIcon, b$ as BoldIcon, c0 as BookIcon, c1 as BookmarkFillIcon, c2 as BookmarkIcon, c3 as BooksIcon, c4 as BracketsCheckIcon, c5 as BracketsCurlyIcon, c6 as BracketsErrorIcon, c7 as BracketsSquareIcon, c8 as BracketsXIcon, c9 as BranchCheckIcon, ca as BranchIcon, cb as BranchResetIcon, cc as BriefcaseFillIcon, cd as BriefcaseIcon, ce as BrushIcon, cf as BugIcon, cg as CalendarClockIcon, ch as CalendarEventIcon, ci as CalendarIcon, cj as CalendarRangeIcon, ck as CalendarSyncIcon, cl as CameraIcon, cm as CapitalizeIcon, cn as CaretDownSquareIcon, co as CaretUpSquareIcon, cp as CatalogCloudIcon, cq as CatalogGearIcon, cr as CatalogHomeIcon, cs as CatalogIcon, ct as CatalogOffIcon, cu as CatalogSharedIcon, cv as CatalogUserHomeIcon, cw as CellsSquareIcon, cx as CertifiedFillIcon, cy as CertifiedFillSmallIcon, cz as CertifiedIcon, cA as ChainIcon, cB as ChartLineIcon, cC as CheckCircleBadgeIcon, cD as CheckCircleSmallIcon, cE as CheckIcon, cF as CheckLineIcon, cG as CheckSmallIcon, cH as CheckboxIcon, cI as ChecklistIcon, cJ as ChevronDoubleDownIcon, cK as ChevronDoubleLeftIcon, cL as ChevronDoubleLeftOffIcon, cM as ChevronDoubleRightIcon, cN as ChevronDoubleRightOffIcon, cO as ChevronDoubleUpIcon, cP as ChevronLeftIcon, cQ as ChevronUpIcon, cR as ChipIcon, cS as CircleOffLargeIcon, cT as CircleOutlineLargeIcon, cU as ClipboardIcon, cV as ClockIcon, cW as ClockKeyIcon, cX as ClockOffIcon, cY as CloudCheckIcon, cZ as CloudDatabaseIcon, c_ as CloudDownloadIcon, c$ as CloudIcon, d0 as CloudKeyIcon, d1 as CloudModelIcon, d2 as CloudOffIcon, d3 as CloudUploadIcon, d4 as CodeIcon, d5 as ColorFillIcon, d6 as ColorVars, d7 as ColumnIcon, d8 as ColumnSplitIcon, d9 as ColumnTagIcon, da as ColumnsIcon, db as CommandIcon, dc as CommandPaletteIcon, dd as CompassIcon, de as ComponentFinderContext, df as ConnectIcon, dg as Content, dh as ContextMenu, di as CopyIcon, dj as CreditCardIcon, dk as CursorClickIcon, dl as CursorIcon, dm as CursorPagination, dn as CursorTypeIcon, dp as CustomAppIcon, dq as DS_OVERRIDE_TOKENS_WRAPPER_TESTID, dr as DagHorizontalIcon, ds as DagIcon, dt as DagVerticalIcon, du as DangerModal, dv as DangerSmallIcon, dw as DashIcon, dx as DashboardCodeIcon, dy as DashboardIcon, dz as DataIcon, dA as DataMaskiingGraphic, dB as DatabaseClockIcon, dC as DatabaseIcon, dD as DatabaseImportIcon, dE as DatePicker, dF as DecimalIcon, dG as DeprecatedIcon, dH as DeprecatedSmallIcon, dI as DesignSystemContext, dJ as DesignSystemEventProviderComponentSubTypes, dK as DesignSystemProvider, dL as DesignSystemThemeContext, dM as DesignSystemThemeProvider, dN as DialogComboboxCountBadge, dO as DialogComboboxCustomButtonTriggerWrapper, dP as DialogComboboxSectionHeader, D as DocumentationSidebar, dQ as DollarIcon, dR as DomainCirclesThree, dS as DomainsIcon, dT as DotsCircleIcon, dU as DownloadIcon, dV as DragIcon, dW as Drawer, dX as DropdownMenu, dY as Empty, dZ as EmptyDashboardGraphic, d_ as ErdIcon, d$ as ExpandLessIcon, e0 as ExpandMoreIcon, F as FIXED_VERTICAL_STEPPER_WIDTH, e1 as FaceFrownIcon, e2 as FaceNeutralIcon, e3 as FaceSmileIcon, e4 as FileCodeIcon, e5 as FileCubeIcon, e6 as FileDocumentIcon, e7 as FileIcon, e8 as FileImageIcon, e9 as FileLockIcon, ea as FileModelIcon, eb as FileNewIcon, ec as FilePipelineIcon, ed as FilterFillIcon, ee as FilterIcon, ef as FlagPointerIcon, eg as FloatIcon, eh as FlowIcon, ei as FlowsIcon, ej as FolderBranchFillIcon, ek as FolderBranchIcon, el as FolderCloudFilledIcon, em as FolderCloudIcon, en as FolderCubeIcon, eo as FolderCubeOutlineIcon, ep as FolderFillIcon, eq as FolderHomeIcon, er as FolderIcon, es as FolderNewIcon, et as FolderNodeIcon, eu as FolderOpenBranchIcon, ev as FolderOpenCloudIcon, ew as FolderOpenCubeIcon, ex as FolderOpenIcon, ey as FolderOpenPipelineIcon, ez as FolderOutlinePipelineIcon, eA as FolderSolidPipelineIcon, eB as FontIcon, eC as ForkHorizontalIcon, eD as ForkIcon, eE as Form, eF as FormContextResetBoundary, eG as FullscreenExitIcon, eH as FullscreenIcon, eI as FunctionIcon, eJ as FunctionInputIcon, eK as GavelIcon, eL as GearFillIcon, eM as GearIcon, eN as GenieCodeIcon, eO as GenieDeepResearchIcon, eP as GiftIcon, eQ as GitCommitIcon, eR as GitMergeIcon, eS as GitRebaseIcon, eT as GlobeIcon, eU as Graphic, eV as GridDashIcon, eW as GridIcon, eX as GroupIcon, eY as H1Icon, eZ as H2Icon, e_ as H3Icon, e$ as H4Icon, f0 as H5Icon, f1 as H6Icon, f2 as HashIcon, f3 as HistoryIcon, f4 as HomeIcon, f5 as Icon, f6 as ImageIcon, f7 as IndentDecreaseIcon, f8 as IndentIncreaseIcon, f9 as InfinityIcon, fa as InfoBookIcon, fb as InfoIcon, fc as IngestionIcon, fd as ItalicIcon, fe as JoinOperatorIcon, ff as KeyIcon, fg as KeyboardIcon, fh as LakebaseCatalogIcon, fi as LakebaseIcon, fj as LakeflowDesignerIcon, fk as LakewatchAlertIcon, fl as LakewatchDatasourceIcon, fm as LakewatchDetectionRuleIcon, fn as LakewatchParserIcon, fo as LayerGraphIcon, fp as LayerIcon, fq as Layout, fr as LeafIcon, fs as LegacyForm, ft as LegacyFormDubois, fu as LegacyOptGroup, fv as LegacyOption, fw as LegacySelectOptGroup, fx as LegacySelectOption, fy as LegacyTable, fz as LegacyTooltip, fA as LetterFormatIcon, fB as LettersIcon, fC as LettersNumbersIcon, fD as LibrariesIcon, fE as LifesaverIcon, fF as LightbulbIcon, fG as LightningCircleFillIcon, fH as LightningIcon, fI as LinearLineIcon, fJ as LinkIcon, fK as LinkOffIcon, fL as ListBorderIcon, fM as ListClearIcon, fN as ListIcon, fO as ListNumberIcon, fP as Listbox, fQ as LoadingIcon, fR as LoadingStateContext, fS as LockFillIcon, fT as LockIcon, fU as LockShareIcon, fV as LockUnlockedIcon, fW as LoopIcon, fX as LowercaseIcon, M as MAX_VERTICAL_WIZARD_CONTENT_WIDTH, fY as MailIcon, fZ as MapIcon, f_ as MarkdownIcon, f$ as McpIcon, g0 as MeasureIcon, g1 as MegaphoneIcon, g2 as MenuIcon, g3 as MinusCircleFillIcon, g4 as MinusCircleIcon, g5 as MinusCircleSmallIcon, g6 as MissingBranchGraphic, g7 as MissingGraphic, g8 as ModelsIcon, g9 as MonotoneLineIcon, ga as MonthPickerGrid, gb as MoonIcon, gc as Nav, gd as NavButton, ge as NavigationMenu, gf as NeonProjectIcon, gg as NewChatIcon, gh as NewTabIcon, gi as NewWindowIcon, gj as NoCaseIcon, gk as NoIcon, gl as NotebookIcon, gm as NotebookPipelineIcon, gn as NotificationIcon, go as NotificationOffIcon, gp as NumberFormatIcon, gq as NumbersIcon, gr as OfficeIcon, gs as OntologyIcon, gt as OutageGraphic, gu as Overflow, gv as OverflowHorizontalIcon, gw as OverflowIcon, gx as PageBottomIcon, gy as PageFirstIcon, gz as PageIcon, gA as PageLastIcon, gB as PageTopIcon, gC as Pagination, gD as Panel, gE as PanelBody, gF as PanelDockedIcon, gG as PanelFloatingIcon, gH as PanelHeader, gI as PanelHeaderButtons, gJ as PanelHeaderTitle, gK as PaperclipIcon, gL as PassFailChecklistIcon, gM as PauseIcon, gN as PencilFillIcon, gO as PencilIcon, gP as PencilSparkleIcon, gQ as PieChartIcon, gR as PillControl, gS as PinCancelIcon, gT as PinFillIcon, gU as PinIcon, gV as PipelineCodeIcon, gW as PipelineCubeIcon, gX as PipelineIcon, gY as PivotOperatorIcon, gZ as PlayCircleFillIcon, g_ as PlayCircleIcon, g$ as PlayDoubleIcon, h0 as PlayIcon, h1 as PlayMultipleIcon, h2 as PlugIcon, h3 as PlusCircleFillIcon, h4 as PlusCircleIcon, h5 as PlusCircleSmallIcon, h6 as PlusMinusSquareIcon, h7 as Popover, h8 as PositionBottomIcon, h9 as PositionLeftIcon, ha as PositionRightIcon, hb as PositionTopIcon, hc as PreviewCard, hd as Progress, he as PullRequestIcon, hf as PuzzleIcon, hg as QueryEditorIcon, hh as QueryIcon, hi as QuestionMarkFillIcon, hj as QuestionMarkIcon, hk as RadioIcon, hl as RadioTile, hm as RangePicker, hn as ReaderModeIcon, ho as RedoIcon, hp as RefreshIcon, hq as RefreshPlayIcon, hr as RefreshXIcon, hs as ReplyIcon, ht as ResizeIcon, hu as RhfForm, hv as RichTextIcon, hw as RobotIcon, hx as RocketIcon, hy as RowsIcon, hz as RunIcon, hA as RunningIcon, hB as SMALL_BUTTON_HEIGHT, hC as SaveClockIcon, hD as SaveIcon, hE as SchemaIcon, hF as SchoolIcon, hG as SearchDataIcon, hH as SegmentedControlButton, hI as SegmentedControlGroup, hJ as SelectContext, hK as SelectContextProvider, hL as SelectOptionGroup, hM as SendIcon, hN as ShareIcon, hO as ShareNodesIcon, hP as ShieldCheckIcon, hQ as ShieldIcon, hR as ShieldOffIcon, hS as ShortcutIcon, hT as Sidebar, hU as SidebarAutoIcon, hV as SidebarClosedIcon, hW as SidebarCollapseIcon, hX as SidebarExpandIcon, hY as SidebarIcon, hZ as SidebarOpenIcon, h_ as SidebarSyncIcon, h$ as SimpleSelect, i0 as SimpleSelectOption, i1 as SimpleSelectOptionGroup, i2 as SlashSquareIcon, i3 as Slider, i4 as SlidersIcon, i5 as SnippetIcon, i6 as SortCustomHorizontalIcon, i7 as SortCustomVerticalIcon, i8 as SortHorizontalAscendingIcon, i9 as SortHorizontalDescendingIcon, ia as SortLetterHorizontalAscendingIcon, ib as SortLetterHorizontalDescendingIcon, ic as SortLetterUnsortedIcon, id as SortLetterVerticalAscendingIcon, ie as SortLetterVerticalDescendingIcon, ig as Spacer, ih as SparkleDoubleFillIcon, ii as SparkleFillIcon, ij as SparkleIcon, ik as SparkleRectangleIcon, il as SpeechBubbleIcon, im as SpeechBubblePlusIcon, io as SpeechBubbleQuestionMarkFillIcon, ip as SpeechBubbleQuestionMarkIcon, iq as SpeechBubbleStarIcon, ir as SpeedometerIcon, is as Spinner, it as SplitButton, iu as SqlIcon, iv as StarFillIcon, iw as StarIcon, ix as StepAfterLineIcon, iy as StepBeforeLineIcon, iz as Stepper, iA as StopCircleFillIcon, iB as StopCircleIcon, iC as StopIcon, iD as StoredProcedureIcon, iE as StorefrontIcon, iF as StreamIcon, iG as StrikeThroughIcon, iH as SunIcon, iI as SyncIcon, iJ as SyncSmallIcon, iK as SyncToFileIcon, iL as TableAsteriskIcon, iM as TableClockIcon, iN as TableCombineIcon, iO as TableGlassesIcon, iP as TableGlobeIcon, iQ as TableIcon, iR as TableLightningIcon, iS as TableMeasureIcon, iT as TableModelIcon, iU as TableReportIcon, iV as TableStreamIcon, iW as TableVectorIcon, iX as TableViewIcon, iY as Tabs, iZ as Tag, i_ as TagColumnIcon, i$ as TagIcon, j0 as TagTableIcon, j1 as TargetIcon, j2 as TerminalIcon, j3 as TextBoxIcon, j4 as TextColorIcon, j5 as TextIcon, j6 as TextJustifyIcon, j7 as TextUnderlineIcon, j8 as ThreeDotsIcon, j9 as ThumbsDownFilledIcon, ja as ThumbsDownIcon, jb as ThumbsUpFilledIcon, jc as ThumbsUpIcon, jd as ToggleButton, je as TokenIcon, jf as Toolbar, jg as TrashIcon, jh as Tree, ji as TreeIcon, jj as TrendingFillIcon, jk as TrendingIcon, jl as TriangleIcon, jm as TypeaheadComboboxCheckboxItem, jn as TypeaheadComboboxFooter, jo as TypeaheadComboboxMenuItem, jp as TypeaheadComboboxMultiSelectStateChangeTypes, jq as TypeaheadComboboxStateChangeTypes, jr as UnderlineIcon, js as UndoIcon, jt as UploadIcon, ju as UppercaseIcon, jv as UsageOverageGraphic, jw as UsageSpikeGraphic, jx as UsbIcon, jy as UserBadgeIcon, jz as UserCircleIcon, jA as UserGroupFillIcon, jB as UserGroupIcon, jC as UserIcon, jD as UserKeyIconIcon, jE as UserShieldIcon, jF as UserSparkleIcon, jG as UserTeamIcon, jH as VisibleFillIcon, jI as VisibleIcon, jJ as VisibleOffIcon, jK as WithDesignSystemThemeHoc, W as Wizard, a as WizardControlled, b as WizardModal, c as WizardStepContentWrapper, jL as WorkflowCodeIcon, jM as WorkflowCubeIcon, jN as WorkflowsIcon, jO as WorkspacesIcon, jP as WrenchIcon, jQ as WrenchSparkleIcon, jR as XCircleFillIcon, jS as XCircleIcon, jT as YearPickerGrid, jU as ZaHorizontalIcon, jV as ZaVerticalIcon, jW as ZeroOpsIcon, jX as ZeroOpsOutlineIcon, jY as ZoomInIcon, jZ as ZoomMarqueeSelection, j_ as ZoomOutIcon, j$ as ZoomToFitIcon, k0 as __INTERNAL_DO_NOT_USE__FormItem, k1 as __INTERNAL_DO_NOT_USE__Group, k2 as __INTERNAL_DO_NOT_USE__HorizontalGroup, k3 as __INTERNAL_DO_NOT_USE__VerticalGroup, k4 as __INTERNAL_DO_NOT_USE__wrapLegacyFormRules, k5 as augmentWithDataComponentProps, k6 as dialogComboboxLookAheadKeyDown, k7 as getBottomOnlyShadowScrollStyles, k8 as getButtonEmotionStyles, k9 as getComboboxOptionLabelStyles, ka as getDatePickerQuickActionBasic, kb as getDialogComboboxOptionLabelWidth, kc as getHorizontalTabShadowStyles, kd as getInputStyles, ke as getKeyboardNavigationFunctions, kf as getMemoizedButtonEmotionStyles, kg as getPaginationEmotionStyles, kh as getPanelContainmentStyle, ki as getRadioStyles, kj as getRangeQuickActionsBasic, kk as getShadowScrollStyles, kl as getTypographyColor, km as getVirtualListScrollbarStyles, kn as getVirtualListScrollbarThumbColor, ko as getVirtualizedComboboxMenuItemStyles, kp as getWrapperStyle, kq as highlightFirstNonDisabledOption, kr as isOptionDisabled, ks as resetTabIndexToFocusedElement, kt as setImplicitContextGetter, ku as skipHideIconButtonActionClassName, kv as themeMemoKey, kw as useAntDConfigProviderContext, kx as useCallbackOnEnter, ky as useComponentFinderContext, kz as useDesignSystemEventSuppressInteractionContext, kA as useFormContext, kB as useRadioGroupContext, u as useWizardCurrentStep } from './WizardStepContentWrapper-DsAS2ZAT.js';
|
|
3
3
|
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
4
4
|
import { css, Global, createElement, ClassNames, keyframes } from '@emotion/react';
|
|
5
5
|
import { Alert as Alert$1, AutoComplete as AutoComplete$1, Breadcrumb as Breadcrumb$1, DatePicker, Dropdown as Dropdown$1, Switch as Switch$1, Col as Col$1, Row as Row$1, Space as Space$1, notification, Popover, Skeleton, Menu as Menu$1, Steps as Steps$1 } from 'antd';
|
|
6
6
|
import classnames from 'classnames';
|
|
7
7
|
import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, createContext, useContext, Children, Fragment as Fragment$1, useLayoutEffect, useReducer, isValidElement } from 'react';
|
|
8
|
-
import '@ant-design/icons';
|
|
9
8
|
import { useMergeRefs, useFloating, autoUpdate, offset, flip, shift } from '@floating-ui/react';
|
|
10
9
|
import isUndefined from 'lodash/isUndefined';
|
|
11
10
|
import 'lodash/uniqueId';
|
|
@@ -43,6 +42,8 @@ import 'lodash/isString';
|
|
|
43
42
|
import 'lodash/mapValues';
|
|
44
43
|
import '@radix-ui/react-accordion';
|
|
45
44
|
import '@radix-ui/react-tooltip-patch';
|
|
45
|
+
import 'lodash/kebabCase';
|
|
46
|
+
import '@ant-design/icons';
|
|
46
47
|
import 'lodash/random';
|
|
47
48
|
import 'lodash/times';
|
|
48
49
|
import '@radix-ui/react-context-menu';
|
|
@@ -592,7 +593,7 @@ const Alert = ({ componentId, analyticsEvents = [
|
|
|
592
593
|
}),
|
|
593
594
|
children: [
|
|
594
595
|
props.description,
|
|
595
|
-
' ',
|
|
596
|
+
props.description != null && showMoreContent ? ' ' : null,
|
|
596
597
|
showMoreContent && /*#__PURE__*/ jsx(Typography.Link, {
|
|
597
598
|
href: "#",
|
|
598
599
|
componentId: componentId ? `${componentId}.show_more` : 'alert.show_more',
|
|
@@ -971,6 +972,73 @@ const InfoPopover = ({ children, popoverProps, iconTitle, iconProps, isKeyboardF
|
|
|
971
972
|
});
|
|
972
973
|
};
|
|
973
974
|
|
|
975
|
+
/**
|
|
976
|
+
* A variant of Tooltip that only shows when the child's text content is truncated.
|
|
977
|
+
* The tooltip content is automatically derived from the child element's textContent,
|
|
978
|
+
* so consumers don't need to pass the text.
|
|
979
|
+
*
|
|
980
|
+
* Truncation is checked lazily only on mouse enter, not during render.
|
|
981
|
+
* This ensures negligible performance impact even with many TruncationTooltips on the page.
|
|
982
|
+
*
|
|
983
|
+
* Detects both:
|
|
984
|
+
* - Horizontal ellipsis (text-overflow: ellipsis or overflow: hidden)
|
|
985
|
+
* - Vertical line-clamp (line-clamp or -webkit-line-clamp)
|
|
986
|
+
*
|
|
987
|
+
* See go/dubois.
|
|
988
|
+
*/ const TruncationTooltip = ({ children, ...tooltipProps })=>{
|
|
989
|
+
const [open, setOpen] = useState(false);
|
|
990
|
+
const [tooltipContent, setTooltipContent] = useState('');
|
|
991
|
+
const childRef = useRef(null);
|
|
992
|
+
const handleOpenChange = useCallback((shouldOpen)=>{
|
|
993
|
+
if (shouldOpen && childRef.current) {
|
|
994
|
+
const isHorizontallyTruncated = childRef.current.scrollWidth > childRef.current.clientWidth;
|
|
995
|
+
const isVerticallyTruncated = childRef.current.scrollHeight > childRef.current.clientHeight;
|
|
996
|
+
if (isHorizontallyTruncated || isVerticallyTruncated) {
|
|
997
|
+
setTooltipContent(childRef.current.textContent ?? '');
|
|
998
|
+
setOpen(true);
|
|
999
|
+
}
|
|
1000
|
+
} else {
|
|
1001
|
+
setOpen(false);
|
|
1002
|
+
}
|
|
1003
|
+
}, []);
|
|
1004
|
+
const wrappedChildren = useMemo(()=>{
|
|
1005
|
+
if (/*#__PURE__*/ React__default.isValidElement(children)) {
|
|
1006
|
+
const childElement = children;
|
|
1007
|
+
// TypeScript doesn't expose ref directly on ReactElement, so we need to cast
|
|
1008
|
+
const originalRef = childElement.ref;
|
|
1009
|
+
return /*#__PURE__*/ React__default.cloneElement(childElement, {
|
|
1010
|
+
ref: (node)=>{
|
|
1011
|
+
childRef.current = node;
|
|
1012
|
+
if (typeof originalRef === 'function') {
|
|
1013
|
+
originalRef(node);
|
|
1014
|
+
} else if (originalRef) {
|
|
1015
|
+
originalRef.current = node;
|
|
1016
|
+
}
|
|
1017
|
+
},
|
|
1018
|
+
// Radix Tooltip sets aria-describedby on the trigger pointing to the tooltip content.
|
|
1019
|
+
// For truncation tooltips this causes screen readers to double-read: the full text is
|
|
1020
|
+
// already in the DOM (CSS truncation is visual-only), so the aria-describedby is
|
|
1021
|
+
// redundant. Setting undefined here overrides Radix's value via Slot prop merging.
|
|
1022
|
+
'aria-describedby': undefined
|
|
1023
|
+
});
|
|
1024
|
+
}
|
|
1025
|
+
return /*#__PURE__*/ jsx("span", {
|
|
1026
|
+
ref: childRef,
|
|
1027
|
+
"aria-describedby": undefined,
|
|
1028
|
+
children: children
|
|
1029
|
+
});
|
|
1030
|
+
}, [
|
|
1031
|
+
children
|
|
1032
|
+
]);
|
|
1033
|
+
return /*#__PURE__*/ jsx(Tooltip, {
|
|
1034
|
+
...tooltipProps,
|
|
1035
|
+
content: tooltipContent,
|
|
1036
|
+
open: open,
|
|
1037
|
+
onOpenChange: handleOpenChange,
|
|
1038
|
+
children: wrappedChildren
|
|
1039
|
+
});
|
|
1040
|
+
};
|
|
1041
|
+
|
|
974
1042
|
const SIZE = new Map([
|
|
975
1043
|
[
|
|
976
1044
|
'xl',
|
|
@@ -2185,7 +2253,7 @@ const DialogComboboxAddButton = ({ children, ...restProps })=>{
|
|
|
2185
2253
|
throw new Error('`DialogComboboxAddButton` must be used within `DialogCombobox`');
|
|
2186
2254
|
}
|
|
2187
2255
|
return /*#__PURE__*/ jsx(Button, {
|
|
2188
|
-
//
|
|
2256
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Contextual component ID validated through DialogCombobox component exempt:fc0846cb-b73b-401b-834e-75bb8b6d4c20
|
|
2189
2257
|
componentId: `${componentId ? componentId : 'design_system.dialogcombobox'}.add_option`,
|
|
2190
2258
|
...restProps,
|
|
2191
2259
|
type: "tertiary",
|
|
@@ -2237,73 +2305,6 @@ const DialogComboboxHintRow = ({ children })=>{
|
|
|
2237
2305
|
});
|
|
2238
2306
|
};
|
|
2239
2307
|
|
|
2240
|
-
/**
|
|
2241
|
-
* A variant of Tooltip that only shows when the child's text content is truncated.
|
|
2242
|
-
* The tooltip content is automatically derived from the child element's textContent,
|
|
2243
|
-
* so consumers don't need to pass the text.
|
|
2244
|
-
*
|
|
2245
|
-
* Truncation is checked lazily only on mouse enter, not during render.
|
|
2246
|
-
* This ensures negligible performance impact even with many TruncationTooltips on the page.
|
|
2247
|
-
*
|
|
2248
|
-
* Detects both:
|
|
2249
|
-
* - Horizontal ellipsis (text-overflow: ellipsis or overflow: hidden)
|
|
2250
|
-
* - Vertical line-clamp (line-clamp or -webkit-line-clamp)
|
|
2251
|
-
*
|
|
2252
|
-
* See go/dubois.
|
|
2253
|
-
*/ const TruncationTooltip = ({ children, ...tooltipProps })=>{
|
|
2254
|
-
const [open, setOpen] = useState(false);
|
|
2255
|
-
const [tooltipContent, setTooltipContent] = useState('');
|
|
2256
|
-
const childRef = useRef(null);
|
|
2257
|
-
const handleOpenChange = useCallback((shouldOpen)=>{
|
|
2258
|
-
if (shouldOpen && childRef.current) {
|
|
2259
|
-
const isHorizontallyTruncated = childRef.current.scrollWidth > childRef.current.clientWidth;
|
|
2260
|
-
const isVerticallyTruncated = childRef.current.scrollHeight > childRef.current.clientHeight;
|
|
2261
|
-
if (isHorizontallyTruncated || isVerticallyTruncated) {
|
|
2262
|
-
setTooltipContent(childRef.current.textContent ?? '');
|
|
2263
|
-
setOpen(true);
|
|
2264
|
-
}
|
|
2265
|
-
} else {
|
|
2266
|
-
setOpen(false);
|
|
2267
|
-
}
|
|
2268
|
-
}, []);
|
|
2269
|
-
const wrappedChildren = useMemo(()=>{
|
|
2270
|
-
if (/*#__PURE__*/ React__default.isValidElement(children)) {
|
|
2271
|
-
const childElement = children;
|
|
2272
|
-
// TypeScript doesn't expose ref directly on ReactElement, so we need to cast
|
|
2273
|
-
const originalRef = childElement.ref;
|
|
2274
|
-
return /*#__PURE__*/ React__default.cloneElement(childElement, {
|
|
2275
|
-
ref: (node)=>{
|
|
2276
|
-
childRef.current = node;
|
|
2277
|
-
if (typeof originalRef === 'function') {
|
|
2278
|
-
originalRef(node);
|
|
2279
|
-
} else if (originalRef) {
|
|
2280
|
-
originalRef.current = node;
|
|
2281
|
-
}
|
|
2282
|
-
},
|
|
2283
|
-
// Radix Tooltip sets aria-describedby on the trigger pointing to the tooltip content.
|
|
2284
|
-
// For truncation tooltips this causes screen readers to double-read: the full text is
|
|
2285
|
-
// already in the DOM (CSS truncation is visual-only), so the aria-describedby is
|
|
2286
|
-
// redundant. Setting undefined here overrides Radix's value via Slot prop merging.
|
|
2287
|
-
'aria-describedby': undefined
|
|
2288
|
-
});
|
|
2289
|
-
}
|
|
2290
|
-
return /*#__PURE__*/ jsx("span", {
|
|
2291
|
-
ref: childRef,
|
|
2292
|
-
"aria-describedby": undefined,
|
|
2293
|
-
children: children
|
|
2294
|
-
});
|
|
2295
|
-
}, [
|
|
2296
|
-
children
|
|
2297
|
-
]);
|
|
2298
|
-
return /*#__PURE__*/ jsx(Tooltip, {
|
|
2299
|
-
...tooltipProps,
|
|
2300
|
-
content: tooltipContent,
|
|
2301
|
-
open: open,
|
|
2302
|
-
onOpenChange: handleOpenChange,
|
|
2303
|
-
children: wrappedChildren
|
|
2304
|
-
});
|
|
2305
|
-
};
|
|
2306
|
-
|
|
2307
2308
|
const extractTextContent = (node)=>{
|
|
2308
2309
|
if (typeof node === 'string' || typeof node === 'number') {
|
|
2309
2310
|
return node.toString();
|
|
@@ -2445,7 +2446,7 @@ const DialogComboboxOptionListSearch = /*#__PURE__*/ forwardRef(// eslint-disabl
|
|
|
2445
2446
|
},
|
|
2446
2447
|
children: [
|
|
2447
2448
|
/*#__PURE__*/ jsx(Input, {
|
|
2448
|
-
//
|
|
2449
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Contextual component ID validated through DialogCombobox component exempt:a992c761-9f18-43b0-af9d-dc9ee629260a
|
|
2449
2450
|
componentId: componentId ? `${componentId}.search` : 'codegen_design_system_src_design_system_dialogcombobox_dialogcomboboxoptionlistsearch.tsx_173',
|
|
2450
2451
|
type: "search",
|
|
2451
2452
|
name: "search",
|
|
@@ -3062,12 +3063,9 @@ children, dangerouslySetAntdProps, onClick, ...restProps }, ref) {
|
|
|
3062
3063
|
onClick,
|
|
3063
3064
|
onValueChange
|
|
3064
3065
|
]);
|
|
3065
|
-
//
|
|
3066
|
-
//
|
|
3067
|
-
|
|
3068
|
-
// themed tokens too.
|
|
3069
|
-
const themeClass = useDuboisThemeClass();
|
|
3070
|
-
const rootClassName = classnames('ds-switch', themeClass, className);
|
|
3066
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
3067
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
3068
|
+
const rootClassName = classnames('ds-switch', className);
|
|
3071
3069
|
// Set only one of checked/defaultChecked — React warns if an input has both.
|
|
3072
3070
|
const checkedStateProps = checked !== undefined ? {
|
|
3073
3071
|
checked
|
|
@@ -3104,7 +3102,7 @@ children, dangerouslySetAntdProps, onClick, ...restProps }, ref) {
|
|
|
3104
3102
|
});
|
|
3105
3103
|
return /*#__PURE__*/ jsx("div", {
|
|
3106
3104
|
...addDebugOutlineIfEnabled(),
|
|
3107
|
-
className:
|
|
3105
|
+
className: "ds-switch-wrapper",
|
|
3108
3106
|
children: hasNewLabels ? /*#__PURE__*/ jsxs(Fragment, {
|
|
3109
3107
|
children: [
|
|
3110
3108
|
labelComponent,
|
|
@@ -3143,7 +3141,10 @@ const ROOT_CSS$1 = {
|
|
|
3143
3141
|
display: 'inline-block',
|
|
3144
3142
|
width: '100%'
|
|
3145
3143
|
};
|
|
3146
|
-
|
|
3144
|
+
/**
|
|
3145
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3146
|
+
* @deprecated
|
|
3147
|
+
*/ const TypeaheadComboboxRoot$1 = /*#__PURE__*/ forwardRef(({ comboboxState, multiSelect = false, floatingStrategy = 'absolute', children, ...props }, ref)=>{
|
|
3147
3148
|
const { classNamePrefix } = useDesignSystemTheme();
|
|
3148
3149
|
const { refs, floatingStyles } = useFloating({
|
|
3149
3150
|
whileElementsMounted: autoUpdate,
|
|
@@ -3186,7 +3187,7 @@ const TypeaheadComboboxRoot$1 = /*#__PURE__*/ forwardRef(({ comboboxState, multi
|
|
|
3186
3187
|
...props,
|
|
3187
3188
|
ref: mergedRef,
|
|
3188
3189
|
"data-component-type": DesignSystemEventProviderComponentTypes.TypeaheadCombobox,
|
|
3189
|
-
//
|
|
3190
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case, as combostate componentId is checked in the hook exempt:a7de1e72-e1ae-4747-9806-90853bef6a06
|
|
3190
3191
|
"data-component-id": comboboxState.componentId,
|
|
3191
3192
|
children: children
|
|
3192
3193
|
})
|
|
@@ -3201,8 +3202,11 @@ const TYPEAHEAD_COMBOBOX_MENU_STYLES = /*#__PURE__*/ css({
|
|
|
3201
3202
|
alignItems: 'flex-start',
|
|
3202
3203
|
position: 'absolute'
|
|
3203
3204
|
});
|
|
3204
|
-
|
|
3205
|
-
|
|
3205
|
+
/**
|
|
3206
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3207
|
+
* @deprecated
|
|
3208
|
+
*/ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3209
|
+
({ comboboxState, loading, emptyText, width, minWidth = 240, maxWidth, minHeight, maxHeight, listWrapperHeight, virtualizerRef, children, matchTriggerWidth, className, style, ...restProps }, ref)=>{
|
|
3206
3210
|
const { getMenuProps, isOpen } = comboboxState;
|
|
3207
3211
|
const { ref: downshiftRef, ...downshiftProps } = getMenuProps({}, {
|
|
3208
3212
|
suppressRefError: true
|
|
@@ -3220,6 +3224,8 @@ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-
|
|
|
3220
3224
|
]);
|
|
3221
3225
|
const { theme } = useDesignSystemTheme();
|
|
3222
3226
|
const { getPopupContainer } = useDesignSystemContext();
|
|
3227
|
+
const themeClass = useDuboisThemeClass();
|
|
3228
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
3223
3229
|
const recalculateMaxHeight = useCallback(()=>{
|
|
3224
3230
|
if (isOpen && floatingUiRefs?.floating && floatingUiRefs.reference.current && floatingUiRefs?.reference && floatingUiRefs.floating.current) {
|
|
3225
3231
|
computePosition(floatingUiRefs.reference.current, floatingUiRefs.floating.current, {
|
|
@@ -3296,10 +3302,13 @@ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-
|
|
|
3296
3302
|
width: inputWidth
|
|
3297
3303
|
}
|
|
3298
3304
|
],
|
|
3305
|
+
...restProps,
|
|
3306
|
+
className: classnames(className, themeClass),
|
|
3299
3307
|
style: {
|
|
3300
|
-
...floatingStyles
|
|
3308
|
+
...floatingStyles,
|
|
3309
|
+
...style,
|
|
3310
|
+
...themeOverrideStyle
|
|
3301
3311
|
},
|
|
3302
|
-
...restProps,
|
|
3303
3312
|
children: loading ? /*#__PURE__*/ jsx(LoadingSpinner, {
|
|
3304
3313
|
"aria-label": "Loading",
|
|
3305
3314
|
alt: "Loading spinner"
|
|
@@ -3346,7 +3355,10 @@ const getToggleButtonStyles$1 = (theme, disabled)=>{
|
|
|
3346
3355
|
}
|
|
3347
3356
|
});
|
|
3348
3357
|
};
|
|
3349
|
-
|
|
3358
|
+
/**
|
|
3359
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3360
|
+
* @deprecated
|
|
3361
|
+
*/ const TypeaheadComboboxToggleButton$1 = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3350
3362
|
({ disabled, ...restProps }, ref)=>{
|
|
3351
3363
|
const { theme } = useDesignSystemTheme();
|
|
3352
3364
|
const { onClick } = restProps;
|
|
@@ -3409,7 +3421,10 @@ const getInputStyles$3 = (theme)=>/*#__PURE__*/ css({
|
|
|
3409
3421
|
backgroundColor: 'transparent'
|
|
3410
3422
|
}
|
|
3411
3423
|
});
|
|
3412
|
-
|
|
3424
|
+
/**
|
|
3425
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3426
|
+
* @deprecated
|
|
3427
|
+
*/ const TypeaheadComboboxInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3413
3428
|
({ comboboxState, allowClear = true, showComboboxToggleButton = true, formOnChange, onClick, clearInputValueOnFocus = false, size, loading = false, suffix, ...restProps }, ref)=>{
|
|
3414
3429
|
const { isInsideTypeaheadCombobox, floatingUiRefs, setInputWidth, inputWidth } = useTypeaheadComboboxContext();
|
|
3415
3430
|
if (!isInsideTypeaheadCombobox) {
|
|
@@ -3482,7 +3497,7 @@ const TypeaheadComboboxInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next
|
|
|
3482
3497
|
className: restProps.className,
|
|
3483
3498
|
...addDebugOutlineIfEnabled(),
|
|
3484
3499
|
children: /*#__PURE__*/ jsx(Input, {
|
|
3485
|
-
//
|
|
3500
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case, as combostate componentId is checked in the hook exempt:ef606c74-b984-4035-bbdb-9a6ae8e4e88e
|
|
3486
3501
|
componentId: componentId ? `${componentId}.input` : 'design_system.typeahead_combobox.input',
|
|
3487
3502
|
ref: mergedRef,
|
|
3488
3503
|
...downshiftProps,
|
|
@@ -3636,7 +3651,10 @@ const getInputStyles$2 = (theme)=>{
|
|
|
3636
3651
|
}
|
|
3637
3652
|
});
|
|
3638
3653
|
};
|
|
3639
|
-
|
|
3654
|
+
/**
|
|
3655
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3656
|
+
* @deprecated
|
|
3657
|
+
*/ const TypeaheadComboboxMultiSelectInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3640
3658
|
({ comboboxState, multipleSelectionState, selectedItems, setSelectedItems, getSelectedItemLabel, allowClear = true, showTagAfterValueCount = 20, width, maxHeight, placeholder, validationState, showComboboxToggleButton, disableTooltip = false, // Kept out of `restProps`: on an `input`, `size` is a character count.
|
|
3641
3659
|
size, ...restProps }, ref)=>{
|
|
3642
3660
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
@@ -3898,7 +3916,10 @@ size, ...restProps }, ref)=>{
|
|
|
3898
3916
|
return content;
|
|
3899
3917
|
});
|
|
3900
3918
|
|
|
3901
|
-
|
|
3919
|
+
/**
|
|
3920
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3921
|
+
* @deprecated
|
|
3922
|
+
*/ const TypeaheadComboboxSectionHeader$1 = ({ children, ...props })=>{
|
|
3902
3923
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
3903
3924
|
if (!isInsideTypeaheadCombobox) {
|
|
3904
3925
|
throw new Error('`TypeaheadComboboxSectionHeader` must be used within `TypeaheadComboboxMenu`');
|
|
@@ -3909,7 +3930,10 @@ const TypeaheadComboboxSectionHeader$1 = ({ children, ...props })=>{
|
|
|
3909
3930
|
});
|
|
3910
3931
|
};
|
|
3911
3932
|
|
|
3912
|
-
|
|
3933
|
+
/**
|
|
3934
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3935
|
+
* @deprecated
|
|
3936
|
+
*/ const TypeaheadComboboxSeparator$1 = (props)=>{
|
|
3913
3937
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
3914
3938
|
if (!isInsideTypeaheadCombobox) {
|
|
3915
3939
|
throw new Error('`TypeaheadComboboxSeparator` must be used within `TypeaheadComboboxMenu`');
|
|
@@ -3919,7 +3943,10 @@ const TypeaheadComboboxSeparator$1 = (props)=>{
|
|
|
3919
3943
|
});
|
|
3920
3944
|
};
|
|
3921
3945
|
|
|
3922
|
-
|
|
3946
|
+
/**
|
|
3947
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3948
|
+
* @deprecated
|
|
3949
|
+
*/ const TypeaheadComboboxAddButton$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3923
3950
|
({ children, ...restProps }, forwardedRef)=>{
|
|
3924
3951
|
const { theme } = useDesignSystemTheme();
|
|
3925
3952
|
const { isInsideTypeaheadCombobox, componentId } = useTypeaheadComboboxContext();
|
|
@@ -3928,7 +3955,7 @@ const TypeaheadComboboxAddButton$1 = /*#__PURE__*/ forwardRef(// eslint-disable-
|
|
|
3928
3955
|
}
|
|
3929
3956
|
return /*#__PURE__*/ jsx(Button, {
|
|
3930
3957
|
...restProps,
|
|
3931
|
-
//
|
|
3958
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated in the Root for the context exempt:844c1e83-84b8-41ba-95af-bae4799834aa
|
|
3932
3959
|
componentId: `${componentId}.add_option`,
|
|
3933
3960
|
type: "tertiary",
|
|
3934
3961
|
onClick: (event)=>{
|
|
@@ -4489,7 +4516,13 @@ const Col = (props)=>/*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
|
4489
4516
|
})
|
|
4490
4517
|
});
|
|
4491
4518
|
|
|
4492
|
-
|
|
4519
|
+
/**
|
|
4520
|
+
* Default horizontal gutter (px) for `Row`. NOTE this diverges from AntD's own default of `0`:
|
|
4521
|
+
* DuBois has always defaulted `Row` to `8`, and ~75% of `<Row>` usages rely on it, so both the
|
|
4522
|
+
* AntD-backed `Row` and the native `NativeRow` must apply it. Kept in its own module so both
|
|
4523
|
+
* variants (and the flag-gated `Row`) share one source without an import cycle.
|
|
4524
|
+
*/ const ROW_GUTTER_SIZE = 8;
|
|
4525
|
+
|
|
4493
4526
|
const Row = ({ gutter = ROW_GUTTER_SIZE, ...props })=>{
|
|
4494
4527
|
return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
4495
4528
|
children: /*#__PURE__*/ jsx(Row$1, {
|
|
@@ -4631,6 +4664,8 @@ const Header = ({ breadcrumbs, title, titleAddOns, dangerouslyAppendEmotionCSS,
|
|
|
4631
4664
|
maxWidth,
|
|
4632
4665
|
backgroundColor
|
|
4633
4666
|
});
|
|
4667
|
+
const themeClass = useDuboisThemeClass();
|
|
4668
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
4634
4669
|
return /*#__PURE__*/ jsxs(RadixHoverCard.Root, {
|
|
4635
4670
|
...props,
|
|
4636
4671
|
children: [
|
|
@@ -4645,6 +4680,8 @@ const Header = ({ breadcrumbs, title, titleAddOns, dangerouslyAppendEmotionCSS,
|
|
|
4645
4680
|
sideOffset: sideOffset,
|
|
4646
4681
|
align: align,
|
|
4647
4682
|
css: hoverCardStyles['content'],
|
|
4683
|
+
className: themeClass,
|
|
4684
|
+
style: themeOverrideStyle,
|
|
4648
4685
|
children: [
|
|
4649
4686
|
content,
|
|
4650
4687
|
withArrow && /*#__PURE__*/ jsx(RadixHoverCard.Arrow, {
|
|
@@ -5017,7 +5054,7 @@ const getToastRootStyle = (theme, classNamePrefix)=>{
|
|
|
5017
5054
|
const Root = // eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
5018
5055
|
/*#__PURE__*/ forwardRef(function({ children, severity = 'info', severityLabel, componentId, analyticsEvents = [
|
|
5019
5056
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
5020
|
-
], ...props }, ref) {
|
|
5057
|
+
], className, style, ...props }, ref) {
|
|
5021
5058
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
5022
5059
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
5023
5060
|
analyticsEvents
|
|
@@ -5033,6 +5070,8 @@ const Root = // eslint-disable-next-line react-component-name/react-component-na
|
|
|
5033
5070
|
const { elementRef } = useNotifyOnFirstView({
|
|
5034
5071
|
onView: eventContext.onView
|
|
5035
5072
|
});
|
|
5073
|
+
const themeClass = useDuboisThemeClass();
|
|
5074
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
5036
5075
|
// Radix Toast already has a hidden announcer — the legacy `<span role="status" aria-live>`
|
|
5037
5076
|
// wrapper double-announced. We rely on Radix's defaults (`role="status"` on the <li>) and
|
|
5038
5077
|
// pass `type="foreground"` for errors so the hidden announcer goes assertive. The
|
|
@@ -5044,6 +5083,11 @@ const Root = // eslint-disable-next-line react-component-name/react-component-na
|
|
|
5044
5083
|
...props,
|
|
5045
5084
|
...addDebugOutlineIfEnabled(),
|
|
5046
5085
|
...preventSwipeToClose(),
|
|
5086
|
+
className: classnames(className, themeClass),
|
|
5087
|
+
style: {
|
|
5088
|
+
...style,
|
|
5089
|
+
...themeOverrideStyle
|
|
5090
|
+
},
|
|
5047
5091
|
children: [
|
|
5048
5092
|
/*#__PURE__*/ jsx(SeverityIcon, {
|
|
5049
5093
|
className: `${classNamePrefix}-notification-severity-icon ${classNamePrefix}-notification-${severity}-icon`,
|
|
@@ -5387,6 +5431,8 @@ const getViewportStyle = (theme, vertical, horizontal)=>{
|
|
|
5387
5431
|
};
|
|
5388
5432
|
const SnackBarRoot = /*#__PURE__*/ forwardRef(function SnackBarRoot({ snack }, ref) {
|
|
5389
5433
|
const { theme } = useDesignSystemTheme();
|
|
5434
|
+
const themeClass = useDuboisThemeClass();
|
|
5435
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
5390
5436
|
const memoizedAnalyticsEvents = useMemo(()=>[
|
|
5391
5437
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
5392
5438
|
], []);
|
|
@@ -5427,9 +5473,13 @@ const SnackBarRoot = /*#__PURE__*/ forwardRef(function SnackBarRoot({ snack }, r
|
|
|
5427
5473
|
return /*#__PURE__*/ jsxs(Toast.Root, {
|
|
5428
5474
|
ref: ref,
|
|
5429
5475
|
css: getSnackBarRootStyle(theme, snack.backgroundColor, snack.textColor),
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5476
|
+
className: themeClass,
|
|
5477
|
+
style: {
|
|
5478
|
+
...snack.closeButton === false ? {
|
|
5479
|
+
cursor: 'pointer'
|
|
5480
|
+
} : undefined,
|
|
5481
|
+
...themeOverrideStyle
|
|
5482
|
+
},
|
|
5433
5483
|
open: snack.open,
|
|
5434
5484
|
onOpenChange: handleOpenChange,
|
|
5435
5485
|
duration: snack.autoDismiss,
|
|
@@ -6427,6 +6477,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6427
6477
|
const contextValue = useMemo(()=>({
|
|
6428
6478
|
componentId: comboboxState.componentId,
|
|
6429
6479
|
multiSelect: comboboxState.multiSelect,
|
|
6480
|
+
showAllOptionsOnOpen: comboboxState.showAllOptionsOnOpen,
|
|
6430
6481
|
isInsideTypeaheadCombobox: true,
|
|
6431
6482
|
comboBoxState: state,
|
|
6432
6483
|
inputProps,
|
|
@@ -6447,6 +6498,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6447
6498
|
}), [
|
|
6448
6499
|
comboboxState.componentId,
|
|
6449
6500
|
comboboxState.multiSelect,
|
|
6501
|
+
comboboxState.showAllOptionsOnOpen,
|
|
6450
6502
|
state,
|
|
6451
6503
|
inputProps,
|
|
6452
6504
|
listBoxProps,
|
|
@@ -6458,7 +6510,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6458
6510
|
removeByKey,
|
|
6459
6511
|
clearSelection
|
|
6460
6512
|
]);
|
|
6461
|
-
return /*#__PURE__*/ jsx(
|
|
6513
|
+
return /*#__PURE__*/ jsx(TypeaheadComboboxV2ContextProvider, {
|
|
6462
6514
|
value: contextValue,
|
|
6463
6515
|
children: /*#__PURE__*/ jsx("div", {
|
|
6464
6516
|
className: `${classNamePrefix}-typeahead-combobox-react-aria`,
|
|
@@ -6466,7 +6518,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6466
6518
|
...props,
|
|
6467
6519
|
ref: mergedRef,
|
|
6468
6520
|
"data-component-type": DesignSystemEventProviderComponentTypes.TypeaheadCombobox,
|
|
6469
|
-
//
|
|
6521
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case, as combostate componentId is checked in the hook exempt:b9d30633-6d2c-4215-8451-f32826273087
|
|
6470
6522
|
"data-component-id": comboboxState.componentId,
|
|
6471
6523
|
children: children
|
|
6472
6524
|
})
|
|
@@ -6527,7 +6579,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6527
6579
|
// marker prop is needed — `defaultProps` on a function component is removed in React 19.
|
|
6528
6580
|
const TypeaheadComboboxFooter = ({ children, onKeyDown, ...restProps })=>{
|
|
6529
6581
|
const { theme } = useDesignSystemTheme();
|
|
6530
|
-
const { isInsideTypeaheadCombobox, footerFocusable, footerRef, inputRef, comboBoxState } =
|
|
6582
|
+
const { isInsideTypeaheadCombobox, footerFocusable, footerRef, inputRef, comboBoxState } = useTypeaheadComboboxV2Context();
|
|
6531
6583
|
if (!isInsideTypeaheadCombobox) {
|
|
6532
6584
|
throw new Error('`TypeaheadComboboxFooter` must be used within `TypeaheadComboboxMenu`');
|
|
6533
6585
|
}
|
|
@@ -6592,7 +6644,7 @@ const MENU_STYLES = /*#__PURE__*/ css({
|
|
|
6592
6644
|
outline: 'none'
|
|
6593
6645
|
});
|
|
6594
6646
|
const TypeaheadComboboxMenu = /*#__PURE__*/ forwardRef(function TypeaheadComboboxMenu(props, _ref) {
|
|
6595
|
-
const ctx =
|
|
6647
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6596
6648
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
6597
6649
|
throw new Error('`TypeaheadComboboxMenu` must be used within `TypeaheadComboboxRoot`');
|
|
6598
6650
|
}
|
|
@@ -6813,7 +6865,7 @@ const TypeaheadComboboxMenuContents = ({ loading, emptyText, width, minWidth = 2
|
|
|
6813
6865
|
};
|
|
6814
6866
|
|
|
6815
6867
|
const TypeaheadComboboxCheckboxItemInner = ({ item, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
|
|
6816
|
-
const ctx =
|
|
6868
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6817
6869
|
if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
|
|
6818
6870
|
throw new Error('`TypeaheadComboboxCheckboxItem` must be used within an open `TypeaheadComboboxRoot`');
|
|
6819
6871
|
}
|
|
@@ -6843,7 +6895,7 @@ const TypeaheadComboboxCheckboxItemInner = ({ item, selectedItems, selectedMatch
|
|
|
6843
6895
|
],
|
|
6844
6896
|
...restProps,
|
|
6845
6897
|
children: /*#__PURE__*/ jsx(Checkbox, {
|
|
6846
|
-
componentId: "design_system.
|
|
6898
|
+
componentId: "design_system.typeahead_combobox_v2.checkbox_item",
|
|
6847
6899
|
disabled: isDisabled,
|
|
6848
6900
|
isChecked: isSelected,
|
|
6849
6901
|
css: getCheckboxStyles(theme, textOverflowMode),
|
|
@@ -6896,7 +6948,7 @@ const getToggleButtonStyles = (theme, disabled)=>/*#__PURE__*/ css({
|
|
|
6896
6948
|
});
|
|
6897
6949
|
const TypeaheadComboboxToggleButton = ({ disabled })=>{
|
|
6898
6950
|
const { theme } = useDesignSystemTheme();
|
|
6899
|
-
const { buttonProps: ariaButtonProps, buttonRef } =
|
|
6951
|
+
const { buttonProps: ariaButtonProps, buttonRef } = useTypeaheadComboboxV2Context();
|
|
6900
6952
|
const { buttonProps } = useButton({
|
|
6901
6953
|
...ariaButtonProps,
|
|
6902
6954
|
isDisabled: disabled
|
|
@@ -6956,11 +7008,11 @@ const getInputStyles$1 = (theme)=>/*#__PURE__*/ css({
|
|
|
6956
7008
|
}
|
|
6957
7009
|
});
|
|
6958
7010
|
const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadComboboxInput({ allowClear = true, showComboboxToggleButton = true, onClick, size, loading = false, suffix, ...restProps }, ref) {
|
|
6959
|
-
const ctx =
|
|
7011
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6960
7012
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
6961
7013
|
throw new Error('`TypeaheadComboboxInput` must be used within `TypeaheadComboboxRoot`');
|
|
6962
7014
|
}
|
|
6963
|
-
const { inputProps, inputRef, comboBoxState: state, setTriggerWidth, triggerRef, componentId, clearSelection, footerFocusable, footerRef } = ctx;
|
|
7015
|
+
const { inputProps, inputRef, comboBoxState: state, setTriggerWidth, triggerRef, componentId, clearSelection, footerFocusable, footerRef, showAllOptionsOnOpen } = ctx;
|
|
6964
7016
|
const { theme } = useDesignSystemTheme();
|
|
6965
7017
|
// Measure trigger so `matchTriggerWidth` on Menu can size to it. Must be a passive effect, not
|
|
6966
7018
|
// useLayoutEffect: triggerRef points at the Root <div> (an ancestor), whose ref is attached
|
|
@@ -6982,7 +7034,8 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
6982
7034
|
const handleClick = (e)=>{
|
|
6983
7035
|
onClick?.(e);
|
|
6984
7036
|
// Open-only: toggling on every click would flicker on repeat clicks. Toggle button + outside-click close.
|
|
6985
|
-
|
|
7037
|
+
// showAllOptionsOnOpen: open via the 'manual' trigger so react-aria shows all options; typing re-filters.
|
|
7038
|
+
if (state && !state.isOpen) state.open(null, showAllOptionsOnOpen ? 'manual' : undefined);
|
|
6986
7039
|
};
|
|
6987
7040
|
// PROTOTYPE (DUBOIS-455, "Option A"): when footerFocusable, forward-Tab moves DOM focus into the
|
|
6988
7041
|
// footer instead of committing. Must run in the CAPTURE phase — useComboBox binds Tab to
|
|
@@ -6996,7 +7049,7 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
6996
7049
|
// version moved that handling to a native/document listener, stopPropagation() would no longer stop
|
|
6997
7050
|
// it and Tab would close the menu again. react-aria is version-pinned in this repo, so an upgrade
|
|
6998
7051
|
// must re-verify this — the "Tab moves focus to the footer, menu stays open" regression test in
|
|
6999
|
-
// tests/
|
|
7052
|
+
// tests/TypeaheadComboboxV2FooterFocus.test.tsx guards it.
|
|
7000
7053
|
const handleKeyDownCapture = (e)=>{
|
|
7001
7054
|
if (!footerFocusable || e.key !== 'Tab' || e.shiftKey || !state?.isOpen) {
|
|
7002
7055
|
return;
|
|
@@ -7014,8 +7067,8 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
7014
7067
|
className: restProps.className,
|
|
7015
7068
|
...addDebugOutlineIfEnabled(),
|
|
7016
7069
|
children: /*#__PURE__*/ jsx(Input, {
|
|
7017
|
-
//
|
|
7018
|
-
componentId: componentId ? `${componentId}.input` : 'design_system.
|
|
7070
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case, as combostate componentId is checked in the hook exempt:97883162-7cd4-4bdc-a433-170eb108a4e3
|
|
7071
|
+
componentId: componentId ? `${componentId}.input` : 'design_system.typeahead_combobox_v2.input',
|
|
7019
7072
|
ref: (antdInput)=>{
|
|
7020
7073
|
// useComboBox needs the underlying HTMLInputElement, exposed by AntD v4 as `.input`.
|
|
7021
7074
|
const node = antdInput?.input ?? null;
|
|
@@ -7146,7 +7199,7 @@ const getInputStyles = (theme)=>/*#__PURE__*/ css({
|
|
|
7146
7199
|
const TypeaheadComboboxMultiSelectInputInner = ({ selectedItems, // Destructured to keep it out of `restProps` (which is spread onto the <input>); the selection
|
|
7147
7200
|
// reset is routed through the context's clearSelection, so this setter isn't used directly here.
|
|
7148
7201
|
setSelectedItems: _setSelectedItems, getSelectedItemLabel, allowClear = true, showTagAfterValueCount = 20, width, maxHeight, placeholder, validationState, showComboboxToggleButton, disableTooltip = false, loading, ...restProps }, ref)=>{
|
|
7149
|
-
const ctx =
|
|
7202
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
7150
7203
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
7151
7204
|
throw new Error('`TypeaheadComboboxMultiSelectInput` must be used within `TypeaheadComboboxRoot`');
|
|
7152
7205
|
}
|
|
@@ -7401,7 +7454,7 @@ setSelectedItems: _setSelectedItems, getSelectedItemLabel, allowClear = true, sh
|
|
|
7401
7454
|
const TypeaheadComboboxMultiSelectInput = /*#__PURE__*/ forwardRef(TypeaheadComboboxMultiSelectInputInner);
|
|
7402
7455
|
|
|
7403
7456
|
const TypeaheadComboboxSectionHeader = ({ children, ...props })=>{
|
|
7404
|
-
const { isInsideTypeaheadCombobox } =
|
|
7457
|
+
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxV2Context();
|
|
7405
7458
|
if (!isInsideTypeaheadCombobox) {
|
|
7406
7459
|
throw new Error('`TypeaheadComboboxSectionHeader` must be used within `TypeaheadComboboxMenu`');
|
|
7407
7460
|
}
|
|
@@ -7416,7 +7469,7 @@ const TypeaheadComboboxSectionHeader = ({ children, ...props })=>{
|
|
|
7416
7469
|
};
|
|
7417
7470
|
|
|
7418
7471
|
const TypeaheadComboboxSeparator = (props)=>{
|
|
7419
|
-
const { isInsideTypeaheadCombobox } =
|
|
7472
|
+
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxV2Context();
|
|
7420
7473
|
if (!isInsideTypeaheadCombobox) {
|
|
7421
7474
|
throw new Error('`TypeaheadComboboxSeparator` must be used within `TypeaheadComboboxMenu`');
|
|
7422
7475
|
}
|
|
@@ -7430,13 +7483,13 @@ const TypeaheadComboboxSeparator = (props)=>{
|
|
|
7430
7483
|
|
|
7431
7484
|
const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadComboboxAddButton({ children, componentId: componentIdProp, ...restProps }, forwardedRef) {
|
|
7432
7485
|
const { theme } = useDesignSystemTheme();
|
|
7433
|
-
const { isInsideTypeaheadCombobox, componentId } =
|
|
7486
|
+
const { isInsideTypeaheadCombobox, componentId } = useTypeaheadComboboxV2Context();
|
|
7434
7487
|
if (!isInsideTypeaheadCombobox) {
|
|
7435
7488
|
throw new Error('`TypeaheadComboboxAddButton` must be used within `TypeaheadComboboxRoot`');
|
|
7436
7489
|
}
|
|
7437
7490
|
return /*#__PURE__*/ jsx(Button, {
|
|
7438
7491
|
...restProps,
|
|
7439
|
-
//
|
|
7492
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated in the Root for the context exempt:ae0b57c6-871d-4375-a3ea-2574d7a3899e
|
|
7440
7493
|
componentId: componentIdProp ?? `${componentId}.add_option`,
|
|
7441
7494
|
type: "tertiary",
|
|
7442
7495
|
onClick: (event)=>{
|
|
@@ -7679,6 +7732,54 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7679
7732
|
};
|
|
7680
7733
|
}
|
|
7681
7734
|
|
|
7735
|
+
/**
|
|
7736
|
+
* Keeps an option highlighted while the menu is open so Enter commits it, matching the original
|
|
7737
|
+
* downshift variant's `defaultHighlightedIndex: 0`. react-aria clears the focused key on every input
|
|
7738
|
+
* change (useComboBoxState: "Clear focused key when input value changes"), and its `commit()` only
|
|
7739
|
+
* selects when `focusedKey != null` — so without this, typing leaves nothing highlighted and Enter
|
|
7740
|
+
* falls through to commitValue(), selecting nothing.
|
|
7741
|
+
*
|
|
7742
|
+
* Only re-focuses when nothing is focused, so arrowing or hovering to another option sticks and we
|
|
7743
|
+
* merely restore the default after react-aria drops it. Keyed on the collection so it re-runs as
|
|
7744
|
+
* filtering narrows the list. Skipped when `allowNewValue`: there Enter commits the typed text, so
|
|
7745
|
+
* pre-highlighting an option would hijack it and select the option instead.
|
|
7746
|
+
*/ function useRestoreHighlightedOption(state, { allowNewValue, showAllOptionsOnOpen }) {
|
|
7747
|
+
const { collection, isOpen, selectionManager, disabledKeys } = state;
|
|
7748
|
+
const focusedKey = selectionManager.focusedKey;
|
|
7749
|
+
useEffect(()=>{
|
|
7750
|
+
if (allowNewValue || !isOpen || focusedKey != null) return;
|
|
7751
|
+
// Only restore the highlight while the combobox input itself holds DOM focus. With footerFocusable,
|
|
7752
|
+
// Tab moves focus onto a footer control and deliberately clears focusedKey so no stale
|
|
7753
|
+
// aria-activedescendant points at an option while focus sits on the footer button (WCAG 4.1.3).
|
|
7754
|
+
// Re-focusing the first option here would undo that. The input carries role="combobox", so this
|
|
7755
|
+
// cleanly excludes footer buttons, tag remove-buttons, etc.
|
|
7756
|
+
if (document.activeElement?.getAttribute('role') !== 'combobox') return;
|
|
7757
|
+
// On a show-all reopen the selected option is not necessarily first, so highlight it (not option 0)
|
|
7758
|
+
// — aria-activedescendant should land on the current selection. Only while the list is still
|
|
7759
|
+
// unfiltered though: the input then still shows the selection's label, so once the user types a query
|
|
7760
|
+
// (input diverges) react-stately filters and we highlight the first match for Enter, as usual.
|
|
7761
|
+
const selectedKey = state.selectedKey;
|
|
7762
|
+
const selectedNode = selectedKey != null ? collection.getItem(selectedKey) : null;
|
|
7763
|
+
const showingSelection = selectedNode != null && state.inputValue === selectedNode.textValue;
|
|
7764
|
+
let candidate = showAllOptionsOnOpen && showingSelection ? selectedKey : collection.getFirstKey();
|
|
7765
|
+
while(candidate != null && disabledKeys.has(candidate)){
|
|
7766
|
+
candidate = collection.getKeyAfter(candidate);
|
|
7767
|
+
}
|
|
7768
|
+
if (candidate == null) return;
|
|
7769
|
+
selectionManager.setFocusedKey(candidate);
|
|
7770
|
+
}, [
|
|
7771
|
+
allowNewValue,
|
|
7772
|
+
isOpen,
|
|
7773
|
+
focusedKey,
|
|
7774
|
+
collection,
|
|
7775
|
+
selectionManager,
|
|
7776
|
+
disabledKeys,
|
|
7777
|
+
showAllOptionsOnOpen,
|
|
7778
|
+
state.selectedKey,
|
|
7779
|
+
state.inputValue
|
|
7780
|
+
]);
|
|
7781
|
+
}
|
|
7782
|
+
|
|
7682
7783
|
/**
|
|
7683
7784
|
* Backs the Du Bois TypeaheadCombobox (react-aria variant) by wrapping react-aria's
|
|
7684
7785
|
* `useComboBoxState`. Handles single- and multi-select modes, item↔key mapping, filtering
|
|
@@ -7690,7 +7791,7 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7690
7791
|
// Narrow the discriminated union once for stable typed refs in deps/callbacks.
|
|
7691
7792
|
const externalSelectedItems = multiSelect && props.multiSelect ? props.selectedItems : null;
|
|
7692
7793
|
const externalSetSelectedItems = multiSelect && props.multiSelect ? props.setSelectedItems : null;
|
|
7693
|
-
const { allItems, itemToString: itemToStringProp, getKey: getKeyProp, matcher, isItemDisabled, componentId, analyticsEvents, valueHasNoPii, initialInputValue, initialSelectedItem, formValue, formOnChange, formOnBlur, onStateChange, onIsOpenChange, allowNewValue = false } = props;
|
|
7794
|
+
const { allItems, itemToString: itemToStringProp, getKey: getKeyProp, matcher, isItemDisabled, componentId, analyticsEvents, valueHasNoPii, initialInputValue, initialSelectedItem, formValue, formOnChange, formOnBlur, onStateChange, onIsOpenChange, allowNewValue = false, showAllOptionsOnOpen = false } = props;
|
|
7694
7795
|
// `preventUnsetOnBlur` is accepted for source compatibility with the original API but is a
|
|
7695
7796
|
// no-op: in react-aria, blur never clears the selection (only re-syncs input text), and
|
|
7696
7797
|
// closing on blur is required for non-modal popover dismissal.
|
|
@@ -7740,43 +7841,10 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7740
7841
|
});
|
|
7741
7842
|
const state = useComboBoxState(stateOptions);
|
|
7742
7843
|
stateRef.current = state;
|
|
7743
|
-
|
|
7744
|
-
// original downshift variant's `defaultHighlightedIndex: 0`. react-aria clears the focused key on
|
|
7745
|
-
// every input change (useComboBoxState: "Clear focused key when input value changes"), and its
|
|
7746
|
-
// `commit()` only selects when `focusedKey != null` — so without this, typing leaves nothing
|
|
7747
|
-
// highlighted and Enter falls through to commitValue(), selecting nothing.
|
|
7748
|
-
//
|
|
7749
|
-
// Only re-focus when nothing is focused: that way arrowing or hovering to another option sticks,
|
|
7750
|
-
// and we merely restore the default after react-aria drops it. Keyed on the collection so it
|
|
7751
|
-
// re-runs as filtering narrows the list.
|
|
7752
|
-
//
|
|
7753
|
-
// Skipped when `allowNewValue`: there Enter is how the user commits the text they just typed, so
|
|
7754
|
-
// pre-highlighting an option would hijack it and select the option instead.
|
|
7755
|
-
const { collection, isOpen, selectionManager, disabledKeys } = state;
|
|
7756
|
-
const focusedKey = selectionManager.focusedKey;
|
|
7757
|
-
useEffect(()=>{
|
|
7758
|
-
if (allowNewValue || !isOpen || focusedKey != null) return;
|
|
7759
|
-
// Only restore the highlight while the combobox input itself holds DOM focus. With
|
|
7760
|
-
// footerFocusable, Tab moves focus onto a footer control and deliberately clears focusedKey so
|
|
7761
|
-
// no stale aria-activedescendant points at an option while focus sits on the footer button
|
|
7762
|
-
// (WCAG 4.1.3). Re-focusing the first option here would undo that. The input carries
|
|
7763
|
-
// role="combobox", so this cleanly excludes footer buttons, tag remove-buttons, etc.
|
|
7764
|
-
if (document.activeElement?.getAttribute('role') !== 'combobox') return;
|
|
7765
|
-
// Walk to the first *selectable* option; a disabled one could not be committed by Enter anyway.
|
|
7766
|
-
let candidate = collection.getFirstKey();
|
|
7767
|
-
while(candidate != null && disabledKeys.has(candidate)){
|
|
7768
|
-
candidate = collection.getKeyAfter(candidate);
|
|
7769
|
-
}
|
|
7770
|
-
if (candidate == null) return;
|
|
7771
|
-
selectionManager.setFocusedKey(candidate);
|
|
7772
|
-
}, [
|
|
7844
|
+
useRestoreHighlightedOption(state, {
|
|
7773
7845
|
allowNewValue,
|
|
7774
|
-
|
|
7775
|
-
|
|
7776
|
-
collection,
|
|
7777
|
-
selectionManager,
|
|
7778
|
-
disabledKeys
|
|
7779
|
-
]);
|
|
7846
|
+
showAllOptionsOnOpen
|
|
7847
|
+
});
|
|
7780
7848
|
const selectedKeys = useMemo(()=>{
|
|
7781
7849
|
if (externalSelectedItems !== null) {
|
|
7782
7850
|
const set = new Set();
|
|
@@ -7916,7 +7984,8 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7916
7984
|
valueHasNoPii,
|
|
7917
7985
|
onView: eventContext.onView,
|
|
7918
7986
|
firstOnViewValue,
|
|
7919
|
-
multiSelect
|
|
7987
|
+
multiSelect,
|
|
7988
|
+
showAllOptionsOnOpen
|
|
7920
7989
|
};
|
|
7921
7990
|
}
|
|
7922
7991
|
|
|
@@ -8070,7 +8139,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
8070
8139
|
TypeaheadComboboxToggleButton: TypeaheadComboboxToggleButton,
|
|
8071
8140
|
useComboboxState: useComboboxState,
|
|
8072
8141
|
useMultipleSelectionState: useMultipleSelectionState,
|
|
8073
|
-
|
|
8142
|
+
useTypeaheadComboboxV2Context: useTypeaheadComboboxV2Context,
|
|
8074
8143
|
useVirtualizedComboboxScroll: useVirtualizedComboboxScroll
|
|
8075
8144
|
});
|
|
8076
8145
|
|
|
@@ -8079,6 +8148,10 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
8079
8148
|
// font CSS under `@databricks/design-system/fonts/dm-sans.css` so consumers can import both
|
|
8080
8149
|
// from the design-system without duplicating the fallback chain.
|
|
8081
8150
|
const DM_SANS_FONT_FAMILY = "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif";
|
|
8151
|
+
// Monospace counterpart to DM_SANS_FONT_FAMILY, vendored under
|
|
8152
|
+
// `@databricks/design-system/fonts/dm-mono.css`. Falls back to the platform monospace stack so
|
|
8153
|
+
// code and other tabular text keep a fixed-width face if the web font fails to load.
|
|
8154
|
+
const DM_MONO_FONT_FAMILY = "'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
|
|
8082
8155
|
|
|
8083
|
-
export { AccessibleContainer, Alert, ApplyGlobalStyles, AssistantAvatar, AutoComplete, Avatar, AvatarGroup, Breadcrumb, Button, Card, CheckCircleFillIcon, CheckCircleIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, CircleIcon, CircleOffIcon, CircleOutlineIcon, CloseIcon, CloseSmallIcon, Col, DBAssistantAvatar, DM_SANS_FONT_FAMILY, DU_BOIS_ENABLE_ANIMATION_CLASSNAME, DangerFillIcon, DangerIcon, DesignSystemAntDConfigProvider, DesignSystemEventProvider, DesignSystemEventProviderAnalyticsEventTypes, DesignSystemEventProviderComponentSubTypeMap, DesignSystemEventProviderComponentTypes, DesignSystemEventSuppressInteractionProviderContext, DesignSystemEventSuppressInteractionTrueContextValue, DialogCombobox, DialogComboboxAddButton, DialogComboboxContent, EmptyResults as DialogComboboxEmpty, DialogComboboxFooter, DialogComboboxHintRow, DialogComboboxOptionControlledList, DialogComboboxOptionList, DialogComboboxOptionListCheckboxItem, DialogComboboxOptionListSearch, DialogComboboxOptionListSelectItem, DialogComboboxSeparator, DialogComboboxTrigger, Dropdown, DuboisDatePicker, FormUI, GenericSkeleton, Header, HoverCard, InfoFillIcon, InfoPopover, InfoSmallIcon, InfoTooltip, Input, LegacyDatePicker, LegacyPopover, LegacySelect, LegacySkeleton, LoadingState, Menu, MinusSquareIcon, Modal, Notification, OverflowPopover, PageWrapper, ParagraphSkeleton, PlusIcon, PlusSquareIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ResourceStatusIndicator, RestoreAntDDefaultClsPrefix, Row, SearchIcon, Select, SelectContent, SelectOption, SelectTrigger, ShapeTokens, SnackBar, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon, Space, SparkleDoubleIcon, Steps, Switch, Table, TableCell, TableContext, TableFilterInput, TableFilterLayout, TableHeader, TableRow, TableRowAction, TableRowActionHeader, TableRowContext, TableRowMenuContainer, TableRowMultiAction, TableRowSelectCell, TableSkeleton, TableSkeletonRows, TitleSkeleton, Tooltip, TreeGrid, TruncationTooltip, TypeaheadComboboxAddButton$1 as TypeaheadComboboxAddButton, TypeaheadComboboxInput$1 as TypeaheadComboboxInput, TypeaheadComboboxMenu$1 as TypeaheadComboboxMenu, TypeaheadComboboxMultiSelectInput$1 as TypeaheadComboboxMultiSelectInput,
|
|
8156
|
+
export { AccessibleContainer, Alert, ApplyGlobalStyles, AssistantAvatar, AutoComplete, Avatar, AvatarGroup, Breadcrumb, Button, Card, CheckCircleFillIcon, CheckCircleIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, CircleIcon, CircleOffIcon, CircleOutlineIcon, CloseIcon, CloseSmallIcon, Col, DBAssistantAvatar, DM_MONO_FONT_FAMILY, DM_SANS_FONT_FAMILY, DU_BOIS_ENABLE_ANIMATION_CLASSNAME, DangerFillIcon, DangerIcon, DesignSystemAntDConfigProvider, DesignSystemEventProvider, DesignSystemEventProviderAnalyticsEventTypes, DesignSystemEventProviderComponentSubTypeMap, DesignSystemEventProviderComponentTypes, DesignSystemEventSuppressInteractionProviderContext, DesignSystemEventSuppressInteractionTrueContextValue, DialogCombobox, DialogComboboxAddButton, DialogComboboxContent, EmptyResults as DialogComboboxEmpty, DialogComboboxFooter, DialogComboboxHintRow, DialogComboboxOptionControlledList, DialogComboboxOptionList, DialogComboboxOptionListCheckboxItem, DialogComboboxOptionListSearch, DialogComboboxOptionListSelectItem, DialogComboboxSeparator, DialogComboboxTrigger, Dropdown, DuboisDatePicker, FormUI, GenericSkeleton, Header, HoverCard, InfoFillIcon, InfoPopover, InfoSmallIcon, InfoTooltip, Input, LegacyDatePicker, LegacyPopover, LegacySelect, LegacySkeleton, LoadingState, Menu, MinusSquareIcon, Modal, Notification, OverflowPopover, PageWrapper, ParagraphSkeleton, PlusIcon, PlusSquareIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ResourceStatusIndicator, RestoreAntDDefaultClsPrefix, Row, SearchIcon, Select, SelectContent, SelectOption, SelectTrigger, ShapeTokens, SnackBar, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon, Space, SparkleDoubleIcon, Steps, Switch, Table, TableCell, TableContext, TableFilterInput, TableFilterLayout, TableHeader, TableRow, TableRowAction, TableRowActionHeader, TableRowContext, TableRowMenuContainer, TableRowMultiAction, TableRowSelectCell, TableSkeleton, TableSkeletonRows, TitleSkeleton, Tooltip, TreeGrid, TruncationTooltip, TypeaheadComboboxAddButton$1 as TypeaheadComboboxAddButton, TypeaheadComboboxInput$1 as TypeaheadComboboxInput, TypeaheadComboboxMenu$1 as TypeaheadComboboxMenu, TypeaheadComboboxMultiSelectInput$1 as TypeaheadComboboxMultiSelectInput, TypeaheadComboboxRoot$1 as TypeaheadComboboxRoot, TypeaheadComboboxSectionHeader$1 as TypeaheadComboboxSectionHeader, TypeaheadComboboxSelectedItem, TypeaheadComboboxSeparator$1 as TypeaheadComboboxSeparator, TypeaheadComboboxToggleButton$1 as TypeaheadComboboxToggleButton, index as TypeaheadComboboxV2, Typography, WarningFillIcon, WarningIcon, consumerDarkColorList, consumerLightColorList, findClosestOptionSibling, findHighlightedOption, flushFastdomForTesting, getAnimationCss, getComboboxOptionItemWrapperStyles, getContentOptions, getDarkModePortalStyles, getGlobalResetStyles, getGlobalStyles, getSwitchWithLabelStyles, getValidationStateColor, hideIconButtonRowStyles, highlightOption, importantify, isSafeRelativeUrl, isSafeUrl, measure, sanitizeNextUrl, setupDesignSystemEventProviderForTesting, snackBarManager, update, useComboboxState$1 as useComboboxState, useDefaultTreeGridState, useDesignSystemEventComponentCallbacks, useDesignSystemFlags, useDesignSystemTheme, useDesignTokenOverrideStyles, useDuboisThemeClass, useFastDom, useLegacyNotification, useModalContext, useMultipleSelectionState$1 as useMultipleSelectionState, useNotifyOnFirstView, useRadixModalContext, useSnackBar, useThemedStyles, useTypeaheadComboboxContext, visuallyHidden, withNotifications };
|
|
8084
8157
|
//# sourceMappingURL=index.js.map
|