@databricks/design-system 2.0.2 → 2.0.4
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 +37 -0
- package/dist/{WizardStepContentWrapper-DnwQIMN1.js → WizardStepContentWrapper-8bs2FwRi.js} +706 -533
- package/dist/WizardStepContentWrapper-8bs2FwRi.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 +323 -225
- package/dist/index-dark.mitigated.css +323 -225
- package/dist/index.css +539 -427
- package/dist/index.js +259 -159
- package/dist/index.js.map +1 -1
- package/dist/index.mitigated.css +548 -436
- package/dist/patterns.js +3 -2
- package/dist/patterns.js.map +1 -1
- package/dist/test-utils/rtl.js +1 -1
- package/dist/test-utils/rtl.js.map +1 -1
- package/dist-types/design-system/Alert/Alert.d.ts +1 -1
- package/dist-types/design-system/ContextMenu/ContextMenu.d.ts +2 -2
- package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +66 -0
- package/dist-types/design-system/DesignSystemProvider/DesignTokenScopeWithEmotionTheme.d.ts +23 -0
- package/dist-types/design-system/DesignSystemProvider/index.d.ts +1 -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/dist-types/test-utils/rtl/buttonVariants.d.ts +11 -0
- package/package.json +9 -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
|
|
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 DesignTokenScope, f as useDesignSystemContext, g as useDesignSystemTheme, I as InfoFillIcon, C as CheckCircleFillIcon, h as WarningFillIcon, i as DangerFillIcon, j as DesignSystemEventProviderAnalyticsEventTypes, k as useDesignSystemEventComponentCallbacks, l as DesignSystemEventProviderComponentTypes, m as DesignSystemEventProviderComponentSubTypeMap, n as useNotifyOnFirstView, o as useStableUuidV4, B as Button, T as Typography, q as ChevronDownIcon, r as ChevronRightIcon, s as DesignSystemAntDConfigProvider, t as CloseSmallIcon, v as addDebugOutlineIfEnabled, w as Modal, x as getAnimationCss, y as token, S as ShapeTokens, z as getDarkModePortalStyles, A as useModalContext, R as Root$1, E as Trigger, G as InfoSmallIcon, H as Content, J as Arrow, K as Tooltip, L as SparkleDoubleIcon, O as OverflowPopover, N as LoadingState, P as visuallyHidden, Q as genSkeletonAnimatedColor, U as getOffsets, V as DesignSystemEventSuppressInteractionProviderContext, X as DesignSystemEventSuppressInteractionTrueContextValue, Y as tableStyles, Z as repeatingElementsStyles, _ as tableClassNames, $ as hideIconButtonRowStyles, a0 as hideIconButtonActionCellClassName, a1 as safex, a2 as TitleSkeleton, a3 as useDialogComboboxContext, a4 as PlusIcon, a5 as importantify, a6 as getComboboxOptionItemWrapperStyles, a7 as getFooterStyles, a8 as useDialogComboboxOptionListContext, a9 as generateUuidV4, aa as getContentOptions, ab as findHighlightedOption, ac as highlightOption, ad as Input, ae as SearchIcon, af as EmptyResults, ag as findClosestOptionSibling, ah as DialogComboboxOptionListCheckboxItem, ai as DialogComboboxOptionListSelectItem, aj as DialogComboboxOptionListContextProvider, ak as LoadingSpinner, al as DialogComboboxOptionList, am as useUniqueId, an as TypeaheadComboboxContextProvider, ao as useTypeaheadComboboxContext, ap as useDuboisThemeClass, aq as useDesignTokenOverrideStyles, ar as getComboboxContentWrapperStyles, as as ClearSelectionButton, at as TypeaheadComboboxSelectedItem, au as CountBadge, av as getValidationStateColor, aw as SectionHeader, ax as useComboboxState$1, ay as useMultipleSelectionState$1, az as Radio, aA as Checkbox, aB as DialogCombobox, aC as DialogComboboxTrigger, aD as DialogComboboxContent, aE as Select, aF as SelectTrigger, aG as SelectContent, aH as SelectOption, aI as LegacySelect, aJ as WarningIcon, aK as CheckCircleIcon, aL as DangerIcon, aM as Hint, aN as Title$1, aO as CloseIcon, aP as RestoreAntDDefaultClsPrefix, aQ as AccessibleContainer, aR as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, aS as CircleOffIcon, aT as CircleOutlineIcon, aU as CircleIcon, aV as shimExports, aW as SortAscendingIcon, aX as SortDescendingIcon, aY as SortUnsortedIcon, aZ as MinusSquareIcon, a_ as PlusSquareIcon, a$ as TypeaheadComboboxV2ContextProvider, b0 as useTypeaheadComboboxV2Context, b1 as useRadixModalContext, b2 as useIsomorphicLayoutEffect, b3 as useScrollOptionIntoView, b4 as InfoTooltip, b5 as getInfoIconStyles, b6 as HintRow, b7 as getCheckboxStyles, b8 as getMenuItemStyles, b9 as TypeaheadComboboxSelectedItem$1, ba as CountBadge$1, bb as TypeaheadComboboxMenuItem } from './WizardStepContentWrapper-8bs2FwRi.js';
|
|
2
|
+
export { bc as AccessDeniedGraphic, bd as Accordion, be as AccordionPanel, bf as AlignCenterIcon, bg as AlignJustifyIcon, bh as AlignLeftIcon, bi as AlignRightIcon, bj as AlignVerticalBottomIcon, bk as AlignVerticalCenterIcon, bl as AlignVerticalTopIcon, bm as AppIcon, bn as ApplyDesignSystemContextOverrides, bo as ApplyDesignSystemFlags, bp as ArrowDownDotIcon, bq as ArrowDownFillIcon, br as ArrowDownIcon, bs as ArrowInIcon, bt as ArrowInTableIcon, bu as ArrowLeftIcon, bv as ArrowOutTableIcon, bw as ArrowOverIcon, bx as ArrowRightIcon, by as ArrowUpDotIcon, bz as ArrowUpFillIcon, bA as ArrowUpIcon, bB as ArrowsCollapseIcon, bC as ArrowsConnectIcon, bD as ArrowsExpandIcon, bE as ArrowsUpDownIcon, bF as AssistantIcon, bG as AtIcon, bH as Auth0Graphic, bI as Auth0GraphicLarge, bJ as AzHorizontalIcon, bK as AzVerticalIcon, bL as BANNER_MAX_HEIGHT, bM as BANNER_MIN_HEIGHT, bN as BackupIcon, bO as BadgeCodeIcon, bP as BadgeCodeOffIcon, bQ as Banner, bR as BarChartIcon, bS as BarGroupedIcon, bT as BarStackedIcon, bU as BarStackedPercentageIcon, bV as BarsAscendingHorizontalIcon, bW as BarsAscendingVerticalIcon, bX as BarsDescendingHorizontalIcon, bY as BarsDescendingVerticalIcon, bZ as BeakerIcon, b_ as BinaryIcon, b$ as BlockQuoteIcon, c0 as BoldIcon, c1 as BookIcon, c2 as BookmarkFillIcon, c3 as BookmarkIcon, c4 as BooksIcon, c5 as BracketsCheckIcon, c6 as BracketsCurlyIcon, c7 as BracketsErrorIcon, c8 as BracketsSquareIcon, c9 as BracketsXIcon, ca as BranchCheckIcon, cb as BranchIcon, cc as BranchResetIcon, cd as BriefcaseFillIcon, ce as BriefcaseIcon, cf as BrushIcon, cg as BugIcon, ch as CalendarClockIcon, ci as CalendarEventIcon, cj as CalendarIcon, ck as CalendarRangeIcon, cl as CalendarSyncIcon, cm as CameraIcon, cn as CapitalizeIcon, co as CaretDownSquareIcon, cp as CaretUpSquareIcon, cq as CatalogCloudIcon, cr as CatalogGearIcon, cs as CatalogHomeIcon, ct as CatalogIcon, cu as CatalogOffIcon, cv as CatalogSharedIcon, cw as CatalogUserHomeIcon, cx as CellsSquareIcon, cy as CertifiedFillIcon, cz as CertifiedFillSmallIcon, cA as CertifiedIcon, cB as ChainIcon, cC as ChartLineIcon, cD as CheckCircleBadgeIcon, cE as CheckCircleSmallIcon, cF as CheckIcon, cG as CheckLineIcon, cH as CheckSmallIcon, cI as CheckboxIcon, cJ as ChecklistIcon, cK as ChevronDoubleDownIcon, cL as ChevronDoubleLeftIcon, cM as ChevronDoubleLeftOffIcon, cN as ChevronDoubleRightIcon, cO as ChevronDoubleRightOffIcon, cP as ChevronDoubleUpIcon, cQ as ChevronLeftIcon, cR as ChevronUpIcon, cS as ChipIcon, cT as CircleOffLargeIcon, cU as CircleOutlineLargeIcon, cV as ClipboardIcon, cW as ClockIcon, cX as ClockKeyIcon, cY as ClockOffIcon, cZ as CloudCheckIcon, c_ as CloudDatabaseIcon, c$ as CloudDownloadIcon, d0 as CloudIcon, d1 as CloudKeyIcon, d2 as CloudModelIcon, d3 as CloudOffIcon, d4 as CloudUploadIcon, d5 as CodeIcon, d6 as ColorFillIcon, d7 as ColorVars, d8 as ColumnIcon, d9 as ColumnSplitIcon, da as ColumnTagIcon, db as ColumnsIcon, dc as CommandIcon, dd as CommandPaletteIcon, de as CompassIcon, df as ComponentFinderContext, dg as ConnectIcon, dh as Content, di as ContextMenu, dj as CopyIcon, dk as CreditCardIcon, dl as CursorClickIcon, dm as CursorIcon, dn as CursorPagination, dp as CursorTypeIcon, dq as CustomAppIcon, dr as DS_OVERRIDE_TOKENS_WRAPPER_TESTID, ds as DagHorizontalIcon, dt as DagIcon, du as DagVerticalIcon, dv as DangerModal, dw as DangerSmallIcon, dx as DashIcon, dy as DashboardCodeIcon, dz as DashboardIcon, dA as DataIcon, dB as DataMaskiingGraphic, dC as DatabaseClockIcon, dD as DatabaseIcon, dE as DatabaseImportIcon, dF as DatePicker, dG as DecimalIcon, dH as DeprecatedIcon, dI as DeprecatedSmallIcon, dJ as DesignSystemContext, dK as DesignSystemEventProviderComponentSubTypes, dL as DesignSystemProvider, dM as DesignSystemThemeContext, dN as DesignSystemThemeProvider, dO as DialogComboboxCountBadge, dP as DialogComboboxCustomButtonTriggerWrapper, dQ as DialogComboboxSectionHeader, D as DocumentationSidebar, dR as DollarIcon, dS as DomainCirclesThree, dT as DomainsIcon, dU as DotsCircleIcon, dV as DownloadIcon, dW as DragIcon, dX as Drawer, dY as DropdownMenu, dZ as Empty, d_ as EmptyDashboardGraphic, d$ as ErdIcon, e0 as ExpandLessIcon, e1 as ExpandMoreIcon, F as FIXED_VERTICAL_STEPPER_WIDTH, e2 as FaceFrownIcon, e3 as FaceNeutralIcon, e4 as FaceSmileIcon, e5 as FileCodeIcon, e6 as FileCubeIcon, e7 as FileDocumentIcon, e8 as FileIcon, e9 as FileImageIcon, ea as FileLockIcon, eb as FileModelIcon, ec as FileNewIcon, ed as FilePipelineIcon, ee as FilterFillIcon, ef as FilterIcon, eg as FlagPointerIcon, eh as FloatIcon, ei as FlowIcon, ej as FlowsIcon, ek as FolderBranchFillIcon, el as FolderBranchIcon, em as FolderCloudFilledIcon, en as FolderCloudIcon, eo as FolderCubeIcon, ep as FolderCubeOutlineIcon, eq as FolderFillIcon, er as FolderHomeIcon, es as FolderIcon, et as FolderNewIcon, eu as FolderNodeIcon, ev as FolderOpenBranchIcon, ew as FolderOpenCloudIcon, ex as FolderOpenCubeIcon, ey as FolderOpenIcon, ez as FolderOpenPipelineIcon, eA as FolderOutlinePipelineIcon, eB as FolderSolidPipelineIcon, eC as FontIcon, eD as ForkHorizontalIcon, eE as ForkIcon, eF as Form, eG as FormContextResetBoundary, eH as FullscreenExitIcon, eI as FullscreenIcon, eJ as FunctionIcon, eK as FunctionInputIcon, eL as GavelIcon, eM as GearFillIcon, eN as GearIcon, eO as GenieCodeIcon, eP as GenieDeepResearchIcon, eQ as GiftIcon, eR as GitCommitIcon, eS as GitMergeIcon, eT as GitRebaseIcon, eU as GlobeIcon, eV as Graphic, eW as GridDashIcon, eX as GridIcon, eY as GroupIcon, eZ as H1Icon, e_ as H2Icon, e$ as H3Icon, f0 as H4Icon, f1 as H5Icon, f2 as H6Icon, f3 as HashIcon, f4 as HistoryIcon, f5 as HomeIcon, f6 as Icon, f7 as ImageIcon, f8 as IndentDecreaseIcon, f9 as IndentIncreaseIcon, fa as InfinityIcon, fb as InfoBookIcon, fc as InfoIcon, fd as IngestionIcon, fe as ItalicIcon, ff as JoinOperatorIcon, fg as KeyIcon, fh as KeyboardIcon, fi as LakebaseCatalogIcon, fj as LakebaseIcon, fk as LakeflowDesignerIcon, fl as LakewatchAlertIcon, fm as LakewatchDatasourceIcon, fn as LakewatchDetectionRuleIcon, fo as LakewatchParserIcon, fp as LayerGraphIcon, fq as LayerIcon, fr as Layout, fs as LeafIcon, ft as LegacyForm, fu as LegacyFormDubois, fv as LegacyOptGroup, fw as LegacyOption, fx as LegacySelectOptGroup, fy as LegacySelectOption, fz as LegacyTable, fA as LegacyTooltip, fB as LetterFormatIcon, fC as LettersIcon, fD as LettersNumbersIcon, fE as LibrariesIcon, fF as LifesaverIcon, fG as LightbulbIcon, fH as LightningCircleFillIcon, fI as LightningIcon, fJ as LinearLineIcon, fK as LinkIcon, fL as LinkOffIcon, fM as ListBorderIcon, fN as ListClearIcon, fO as ListIcon, fP as ListNumberIcon, fQ as Listbox, fR as LoadingIcon, fS as LoadingStateContext, fT as LockFillIcon, fU as LockIcon, fV as LockShareIcon, fW as LockUnlockedIcon, fX as LoopIcon, fY as LowercaseIcon, M as MAX_VERTICAL_WIZARD_CONTENT_WIDTH, fZ as MailIcon, f_ as MapIcon, f$ as MarkdownIcon, g0 as McpIcon, g1 as MeasureIcon, g2 as MegaphoneIcon, g3 as MenuIcon, g4 as MinusCircleFillIcon, g5 as MinusCircleIcon, g6 as MinusCircleSmallIcon, g7 as MissingBranchGraphic, g8 as MissingGraphic, g9 as ModelsIcon, ga as MonotoneLineIcon, gb as MonthPickerGrid, gc as MoonIcon, gd as Nav, ge as NavButton, gf as NavigationMenu, gg as NeonProjectIcon, gh as NewChatIcon, gi as NewTabIcon, gj as NewWindowIcon, gk as NoCaseIcon, gl as NoIcon, gm as NotebookIcon, gn as NotebookPipelineIcon, go as NotificationIcon, gp as NotificationOffIcon, gq as NumberFormatIcon, gr as NumbersIcon, gs as OfficeIcon, gt as OntologyIcon, gu as OutageGraphic, gv as Overflow, gw as OverflowHorizontalIcon, gx as OverflowIcon, gy as PageBottomIcon, gz as PageFirstIcon, gA as PageIcon, gB as PageLastIcon, gC as PageTopIcon, gD as Pagination, gE as Panel, gF as PanelBody, gG as PanelDockedIcon, gH as PanelFloatingIcon, gI as PanelHeader, gJ as PanelHeaderButtons, gK as PanelHeaderTitle, gL as PaperclipIcon, gM as PassFailChecklistIcon, gN as PauseIcon, gO as PencilFillIcon, gP as PencilIcon, gQ as PencilSparkleIcon, gR as PieChartIcon, gS as PillControl, gT as PinCancelIcon, gU as PinFillIcon, gV as PinIcon, gW as PipelineCodeIcon, gX as PipelineCubeIcon, gY as PipelineIcon, gZ as PivotOperatorIcon, g_ as PlayCircleFillIcon, g$ as PlayCircleIcon, h0 as PlayDoubleIcon, h1 as PlayIcon, h2 as PlayMultipleIcon, h3 as PlugIcon, h4 as PlusCircleFillIcon, h5 as PlusCircleIcon, h6 as PlusCircleSmallIcon, h7 as PlusMinusSquareIcon, h8 as Popover, h9 as PositionBottomIcon, ha as PositionLeftIcon, hb as PositionRightIcon, hc as PositionTopIcon, hd as PreviewCard, he as Progress, hf as PullRequestIcon, hg as PuzzleIcon, hh as QueryEditorIcon, hi as QueryIcon, hj as QuestionMarkFillIcon, hk as QuestionMarkIcon, hl as RadioIcon, hm as RadioTile, hn as RangePicker, ho as ReaderModeIcon, hp as RedoIcon, hq as RefreshIcon, hr as RefreshPlayIcon, hs as RefreshXIcon, ht as ReplyIcon, hu as ResizeIcon, hv as RhfForm, hw as RichTextIcon, hx as RobotIcon, hy as RocketIcon, hz as RowsIcon, hA as RunIcon, hB as RunningIcon, hC as SMALL_BUTTON_HEIGHT, hD as SaveClockIcon, hE as SaveIcon, hF as SchemaIcon, hG as SchoolIcon, hH as SearchDataIcon, hI as SegmentedControlButton, hJ as SegmentedControlGroup, hK as SelectContext, hL as SelectContextProvider, hM as SelectOptionGroup, hN as SendIcon, hO as ShareIcon, hP as ShareNodesIcon, hQ as ShieldCheckIcon, hR as ShieldIcon, hS as ShieldOffIcon, hT as ShortcutIcon, hU as Sidebar, hV as SidebarAutoIcon, hW as SidebarClosedIcon, hX as SidebarCollapseIcon, hY as SidebarExpandIcon, hZ as SidebarIcon, h_ as SidebarOpenIcon, h$ as SidebarSyncIcon, i0 as SimpleSelect, i1 as SimpleSelectOption, i2 as SimpleSelectOptionGroup, i3 as SlashSquareIcon, i4 as Slider, i5 as SlidersIcon, i6 as SnippetIcon, i7 as SortCustomHorizontalIcon, i8 as SortCustomVerticalIcon, i9 as SortHorizontalAscendingIcon, ia as SortHorizontalDescendingIcon, ib as SortLetterHorizontalAscendingIcon, ic as SortLetterHorizontalDescendingIcon, id as SortLetterUnsortedIcon, ie as SortLetterVerticalAscendingIcon, ig as SortLetterVerticalDescendingIcon, ih as Spacer, ii as SparkleDoubleFillIcon, ij as SparkleFillIcon, ik as SparkleIcon, il as SparkleRectangleIcon, im as SpeechBubbleIcon, io as SpeechBubblePlusIcon, ip as SpeechBubbleQuestionMarkFillIcon, iq as SpeechBubbleQuestionMarkIcon, ir as SpeechBubbleStarIcon, is as SpeedometerIcon, it as Spinner, iu as SplitButton, iv as SqlIcon, iw as StarFillIcon, ix as StarIcon, iy as StepAfterLineIcon, iz as StepBeforeLineIcon, iA as Stepper, iB as StopCircleFillIcon, iC as StopCircleIcon, iD as StopIcon, iE as StoredProcedureIcon, iF as StorefrontIcon, iG as StreamIcon, iH as StrikeThroughIcon, iI as SunIcon, iJ as SyncIcon, iK as SyncSmallIcon, iL as SyncToFileIcon, iM as TableAsteriskIcon, iN as TableClockIcon, iO as TableCombineIcon, iP as TableGlassesIcon, iQ as TableGlobeIcon, iR as TableIcon, iS as TableLightningIcon, iT as TableMeasureIcon, iU as TableModelIcon, iV as TableReportIcon, iW as TableStreamIcon, iX as TableVectorIcon, iY as TableViewIcon, iZ as Tabs, i_ as Tag, i$ as TagColumnIcon, j0 as TagIcon, j1 as TagTableIcon, j2 as TargetIcon, j3 as TerminalIcon, j4 as TextBoxIcon, j5 as TextColorIcon, j6 as TextIcon, j7 as TextJustifyIcon, j8 as TextUnderlineIcon, j9 as ThreeDotsIcon, ja as ThumbsDownFilledIcon, jb as ThumbsDownIcon, jc as ThumbsUpFilledIcon, jd as ThumbsUpIcon, je as ToggleButton, jf as TokenIcon, jg as Toolbar, jh as TrashIcon, ji as Tree, jj as TreeIcon, jk as TrendingFillIcon, jl as TrendingIcon, jm as TriangleIcon, jn as TypeaheadComboboxCheckboxItem, jo as TypeaheadComboboxFooter, jp as TypeaheadComboboxMenuItem, jq as TypeaheadComboboxMultiSelectStateChangeTypes, jr as TypeaheadComboboxStateChangeTypes, js as UnderlineIcon, jt as UndoIcon, ju as UploadIcon, jv as UppercaseIcon, jw as UsageOverageGraphic, jx as UsageSpikeGraphic, jy as UsbIcon, jz as UserBadgeIcon, jA as UserCircleIcon, jB as UserGroupFillIcon, jC as UserGroupIcon, jD as UserIcon, jE as UserKeyIconIcon, jF as UserShieldIcon, jG as UserSparkleIcon, jH as UserTeamIcon, jI as VisibleFillIcon, jJ as VisibleIcon, jK as VisibleOffIcon, jL as WithDesignSystemThemeHoc, W as Wizard, a as WizardControlled, b as WizardModal, c as WizardStepContentWrapper, jM as WorkflowCodeIcon, jN as WorkflowCubeIcon, jO as WorkflowsIcon, jP as WorkspacesIcon, jQ as WrenchIcon, jR as WrenchSparkleIcon, jS as XCircleFillIcon, jT as XCircleIcon, jU as YearPickerGrid, jV as ZaHorizontalIcon, jW as ZaVerticalIcon, jX as ZeroOpsIcon, jY as ZeroOpsOutlineIcon, jZ as ZoomInIcon, j_ as ZoomMarqueeSelection, j$ as ZoomOutIcon, k0 as ZoomToFitIcon, k1 as __INTERNAL_DO_NOT_USE__FormItem, k2 as __INTERNAL_DO_NOT_USE__Group, k3 as __INTERNAL_DO_NOT_USE__HorizontalGroup, k4 as __INTERNAL_DO_NOT_USE__VerticalGroup, k5 as __INTERNAL_DO_NOT_USE__wrapLegacyFormRules, k6 as augmentWithDataComponentProps, k7 as dialogComboboxLookAheadKeyDown, k8 as getBottomOnlyShadowScrollStyles, k9 as getButtonEmotionStyles, ka as getComboboxOptionLabelStyles, kb as getDatePickerQuickActionBasic, kc as getDialogComboboxOptionLabelWidth, kd as getHorizontalTabShadowStyles, ke as getInputStyles, kf as getKeyboardNavigationFunctions, kg as getMemoizedButtonEmotionStyles, kh as getPaginationEmotionStyles, ki as getPanelContainmentStyle, kj as getRadioStyles, kk as getRangeQuickActionsBasic, kl as getShadowScrollStyles, km as getTypographyColor, kn as getVirtualListScrollbarStyles, ko as getVirtualListScrollbarThumbColor, kp as getVirtualizedComboboxMenuItemStyles, kq as getWrapperStyle, kr as highlightFirstNonDisabledOption, ks as isOptionDisabled, kt as resetTabIndexToFocusedElement, ku as setImplicitContextGetter, kv as skipHideIconButtonActionClassName, kw as themeMemoKey, kx as useAntDConfigProviderContext, ky as useCallbackOnEnter, kz as useComponentFinderContext, kA as useDesignSystemEventSuppressInteractionContext, kB as useFormContext, kC as useRadioGroupContext, u as useWizardCurrentStep } from './WizardStepContentWrapper-8bs2FwRi.js';
|
|
3
3
|
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
4
|
-
import { css, Global, createElement, ClassNames, keyframes } from '@emotion/react';
|
|
4
|
+
import { ThemeProvider, 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';
|
|
@@ -428,6 +429,33 @@ const setupDesignSystemEventProviderForTesting = (eventCallback)=>{
|
|
|
428
429
|
};
|
|
429
430
|
};
|
|
430
431
|
|
|
432
|
+
/**
|
|
433
|
+
* Migration-only bridge: relevant only while a subtree still mixes the two theming systems. It layers
|
|
434
|
+
* a full emotion `Theme` on top of `DesignTokenScope` so the override stays consistent across both
|
|
435
|
+
* delivery paths that would otherwise diverge:
|
|
436
|
+
* 1. Emotion JS theme — what legacy AntD-path components read; crosses React portals via context.
|
|
437
|
+
* 2. Design tokens (in-tree + portaled) — `DesignTokenScope` stamps the theme's colors as native
|
|
438
|
+
* `--db-color-*` variables on its DOM scope and feeds `DesignSystemThemeContext`, so both in-tree
|
|
439
|
+
* and portaled native (token-based) components inherit them.
|
|
440
|
+
*
|
|
441
|
+
* A bare emotion `ThemeProvider` only drives path 1, so an overridden theme's colors would land on
|
|
442
|
+
* AntD components but leave native ones on the ambient scope's standard tokens. Once everything is on
|
|
443
|
+
* the design-token system this wrapper collapses to a plain `DesignTokenScope` and can be removed.
|
|
444
|
+
*
|
|
445
|
+
* @deprecated Migration-only bridge; do not use in new code. Prefer a plain `DesignTokenScope` — this
|
|
446
|
+
* wrapper exists solely to keep emotion-theme and design-token overrides consistent while a subtree
|
|
447
|
+
* still mixes the two theming systems.
|
|
448
|
+
*/ function DesignTokenScopeWithEmotionTheme({ theme, children }) {
|
|
449
|
+
return /*#__PURE__*/ jsx(ThemeProvider, {
|
|
450
|
+
theme: theme,
|
|
451
|
+
children: /*#__PURE__*/ jsx(DesignTokenScope, {
|
|
452
|
+
semanticColors: theme.colors,
|
|
453
|
+
isDarkMode: theme.isDarkMode,
|
|
454
|
+
children: children
|
|
455
|
+
})
|
|
456
|
+
});
|
|
457
|
+
}
|
|
458
|
+
|
|
431
459
|
function useDesignSystemFlags() {
|
|
432
460
|
const context = useDesignSystemContext();
|
|
433
461
|
return context.flags;
|
|
@@ -592,7 +620,7 @@ const Alert = ({ componentId, analyticsEvents = [
|
|
|
592
620
|
}),
|
|
593
621
|
children: [
|
|
594
622
|
props.description,
|
|
595
|
-
' ',
|
|
623
|
+
props.description != null && showMoreContent ? ' ' : null,
|
|
596
624
|
showMoreContent && /*#__PURE__*/ jsx(Typography.Link, {
|
|
597
625
|
href: "#",
|
|
598
626
|
componentId: componentId ? `${componentId}.show_more` : 'alert.show_more',
|
|
@@ -971,6 +999,73 @@ const InfoPopover = ({ children, popoverProps, iconTitle, iconProps, isKeyboardF
|
|
|
971
999
|
});
|
|
972
1000
|
};
|
|
973
1001
|
|
|
1002
|
+
/**
|
|
1003
|
+
* A variant of Tooltip that only shows when the child's text content is truncated.
|
|
1004
|
+
* The tooltip content is automatically derived from the child element's textContent,
|
|
1005
|
+
* so consumers don't need to pass the text.
|
|
1006
|
+
*
|
|
1007
|
+
* Truncation is checked lazily only on mouse enter, not during render.
|
|
1008
|
+
* This ensures negligible performance impact even with many TruncationTooltips on the page.
|
|
1009
|
+
*
|
|
1010
|
+
* Detects both:
|
|
1011
|
+
* - Horizontal ellipsis (text-overflow: ellipsis or overflow: hidden)
|
|
1012
|
+
* - Vertical line-clamp (line-clamp or -webkit-line-clamp)
|
|
1013
|
+
*
|
|
1014
|
+
* See go/dubois.
|
|
1015
|
+
*/ const TruncationTooltip = ({ children, ...tooltipProps })=>{
|
|
1016
|
+
const [open, setOpen] = useState(false);
|
|
1017
|
+
const [tooltipContent, setTooltipContent] = useState('');
|
|
1018
|
+
const childRef = useRef(null);
|
|
1019
|
+
const handleOpenChange = useCallback((shouldOpen)=>{
|
|
1020
|
+
if (shouldOpen && childRef.current) {
|
|
1021
|
+
const isHorizontallyTruncated = childRef.current.scrollWidth > childRef.current.clientWidth;
|
|
1022
|
+
const isVerticallyTruncated = childRef.current.scrollHeight > childRef.current.clientHeight;
|
|
1023
|
+
if (isHorizontallyTruncated || isVerticallyTruncated) {
|
|
1024
|
+
setTooltipContent(childRef.current.textContent ?? '');
|
|
1025
|
+
setOpen(true);
|
|
1026
|
+
}
|
|
1027
|
+
} else {
|
|
1028
|
+
setOpen(false);
|
|
1029
|
+
}
|
|
1030
|
+
}, []);
|
|
1031
|
+
const wrappedChildren = useMemo(()=>{
|
|
1032
|
+
if (/*#__PURE__*/ React__default.isValidElement(children)) {
|
|
1033
|
+
const childElement = children;
|
|
1034
|
+
// TypeScript doesn't expose ref directly on ReactElement, so we need to cast
|
|
1035
|
+
const originalRef = childElement.ref;
|
|
1036
|
+
return /*#__PURE__*/ React__default.cloneElement(childElement, {
|
|
1037
|
+
ref: (node)=>{
|
|
1038
|
+
childRef.current = node;
|
|
1039
|
+
if (typeof originalRef === 'function') {
|
|
1040
|
+
originalRef(node);
|
|
1041
|
+
} else if (originalRef) {
|
|
1042
|
+
originalRef.current = node;
|
|
1043
|
+
}
|
|
1044
|
+
},
|
|
1045
|
+
// Radix Tooltip sets aria-describedby on the trigger pointing to the tooltip content.
|
|
1046
|
+
// For truncation tooltips this causes screen readers to double-read: the full text is
|
|
1047
|
+
// already in the DOM (CSS truncation is visual-only), so the aria-describedby is
|
|
1048
|
+
// redundant. Setting undefined here overrides Radix's value via Slot prop merging.
|
|
1049
|
+
'aria-describedby': undefined
|
|
1050
|
+
});
|
|
1051
|
+
}
|
|
1052
|
+
return /*#__PURE__*/ jsx("span", {
|
|
1053
|
+
ref: childRef,
|
|
1054
|
+
"aria-describedby": undefined,
|
|
1055
|
+
children: children
|
|
1056
|
+
});
|
|
1057
|
+
}, [
|
|
1058
|
+
children
|
|
1059
|
+
]);
|
|
1060
|
+
return /*#__PURE__*/ jsx(Tooltip, {
|
|
1061
|
+
...tooltipProps,
|
|
1062
|
+
content: tooltipContent,
|
|
1063
|
+
open: open,
|
|
1064
|
+
onOpenChange: handleOpenChange,
|
|
1065
|
+
children: wrappedChildren
|
|
1066
|
+
});
|
|
1067
|
+
};
|
|
1068
|
+
|
|
974
1069
|
const SIZE = new Map([
|
|
975
1070
|
[
|
|
976
1071
|
'xl',
|
|
@@ -2185,7 +2280,7 @@ const DialogComboboxAddButton = ({ children, ...restProps })=>{
|
|
|
2185
2280
|
throw new Error('`DialogComboboxAddButton` must be used within `DialogCombobox`');
|
|
2186
2281
|
}
|
|
2187
2282
|
return /*#__PURE__*/ jsx(Button, {
|
|
2188
|
-
//
|
|
2283
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Contextual component ID validated through DialogCombobox component exempt:fc0846cb-b73b-401b-834e-75bb8b6d4c20
|
|
2189
2284
|
componentId: `${componentId ? componentId : 'design_system.dialogcombobox'}.add_option`,
|
|
2190
2285
|
...restProps,
|
|
2191
2286
|
type: "tertiary",
|
|
@@ -2237,73 +2332,6 @@ const DialogComboboxHintRow = ({ children })=>{
|
|
|
2237
2332
|
});
|
|
2238
2333
|
};
|
|
2239
2334
|
|
|
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
2335
|
const extractTextContent = (node)=>{
|
|
2308
2336
|
if (typeof node === 'string' || typeof node === 'number') {
|
|
2309
2337
|
return node.toString();
|
|
@@ -2445,7 +2473,7 @@ const DialogComboboxOptionListSearch = /*#__PURE__*/ forwardRef(// eslint-disabl
|
|
|
2445
2473
|
},
|
|
2446
2474
|
children: [
|
|
2447
2475
|
/*#__PURE__*/ jsx(Input, {
|
|
2448
|
-
//
|
|
2476
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Contextual component ID validated through DialogCombobox component exempt:a992c761-9f18-43b0-af9d-dc9ee629260a
|
|
2449
2477
|
componentId: componentId ? `${componentId}.search` : 'codegen_design_system_src_design_system_dialogcombobox_dialogcomboboxoptionlistsearch.tsx_173',
|
|
2450
2478
|
type: "search",
|
|
2451
2479
|
name: "search",
|
|
@@ -3062,12 +3090,9 @@ children, dangerouslySetAntdProps, onClick, ...restProps }, ref) {
|
|
|
3062
3090
|
onClick,
|
|
3063
3091
|
onValueChange
|
|
3064
3092
|
]);
|
|
3065
|
-
//
|
|
3066
|
-
//
|
|
3067
|
-
|
|
3068
|
-
// themed tokens too.
|
|
3069
|
-
const themeClass = useDuboisThemeClass();
|
|
3070
|
-
const rootClassName = classnames('ds-switch', themeClass, className);
|
|
3093
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
3094
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
3095
|
+
const rootClassName = classnames('db-switch', className);
|
|
3071
3096
|
// Set only one of checked/defaultChecked — React warns if an input has both.
|
|
3072
3097
|
const checkedStateProps = checked !== undefined ? {
|
|
3073
3098
|
checked
|
|
@@ -3104,12 +3129,12 @@ children, dangerouslySetAntdProps, onClick, ...restProps }, ref) {
|
|
|
3104
3129
|
});
|
|
3105
3130
|
return /*#__PURE__*/ jsx("div", {
|
|
3106
3131
|
...addDebugOutlineIfEnabled(),
|
|
3107
|
-
className:
|
|
3132
|
+
className: "db-switch-wrapper",
|
|
3108
3133
|
children: hasNewLabels ? /*#__PURE__*/ jsxs(Fragment, {
|
|
3109
3134
|
children: [
|
|
3110
3135
|
labelComponent,
|
|
3111
3136
|
/*#__PURE__*/ jsx("span", {
|
|
3112
|
-
className: "
|
|
3137
|
+
className: "db-switch-state-message",
|
|
3113
3138
|
children: `${stateMessage}${disabled ? ` (${disabledLabel})` : ''}`
|
|
3114
3139
|
}),
|
|
3115
3140
|
switchControl
|
|
@@ -3143,7 +3168,10 @@ const ROOT_CSS$1 = {
|
|
|
3143
3168
|
display: 'inline-block',
|
|
3144
3169
|
width: '100%'
|
|
3145
3170
|
};
|
|
3146
|
-
|
|
3171
|
+
/**
|
|
3172
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3173
|
+
* @deprecated
|
|
3174
|
+
*/ const TypeaheadComboboxRoot$1 = /*#__PURE__*/ forwardRef(({ comboboxState, multiSelect = false, floatingStrategy = 'absolute', children, ...props }, ref)=>{
|
|
3147
3175
|
const { classNamePrefix } = useDesignSystemTheme();
|
|
3148
3176
|
const { refs, floatingStyles } = useFloating({
|
|
3149
3177
|
whileElementsMounted: autoUpdate,
|
|
@@ -3186,7 +3214,7 @@ const TypeaheadComboboxRoot$1 = /*#__PURE__*/ forwardRef(({ comboboxState, multi
|
|
|
3186
3214
|
...props,
|
|
3187
3215
|
ref: mergedRef,
|
|
3188
3216
|
"data-component-type": DesignSystemEventProviderComponentTypes.TypeaheadCombobox,
|
|
3189
|
-
//
|
|
3217
|
+
// 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
3218
|
"data-component-id": comboboxState.componentId,
|
|
3191
3219
|
children: children
|
|
3192
3220
|
})
|
|
@@ -3201,8 +3229,11 @@ const TYPEAHEAD_COMBOBOX_MENU_STYLES = /*#__PURE__*/ css({
|
|
|
3201
3229
|
alignItems: 'flex-start',
|
|
3202
3230
|
position: 'absolute'
|
|
3203
3231
|
});
|
|
3204
|
-
|
|
3205
|
-
|
|
3232
|
+
/**
|
|
3233
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3234
|
+
* @deprecated
|
|
3235
|
+
*/ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3236
|
+
({ comboboxState, loading, emptyText, width, minWidth = 240, maxWidth, minHeight, maxHeight, listWrapperHeight, virtualizerRef, children, matchTriggerWidth, className, style, ...restProps }, ref)=>{
|
|
3206
3237
|
const { getMenuProps, isOpen } = comboboxState;
|
|
3207
3238
|
const { ref: downshiftRef, ...downshiftProps } = getMenuProps({}, {
|
|
3208
3239
|
suppressRefError: true
|
|
@@ -3220,6 +3251,8 @@ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-
|
|
|
3220
3251
|
]);
|
|
3221
3252
|
const { theme } = useDesignSystemTheme();
|
|
3222
3253
|
const { getPopupContainer } = useDesignSystemContext();
|
|
3254
|
+
const themeClass = useDuboisThemeClass();
|
|
3255
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
3223
3256
|
const recalculateMaxHeight = useCallback(()=>{
|
|
3224
3257
|
if (isOpen && floatingUiRefs?.floating && floatingUiRefs.reference.current && floatingUiRefs?.reference && floatingUiRefs.floating.current) {
|
|
3225
3258
|
computePosition(floatingUiRefs.reference.current, floatingUiRefs.floating.current, {
|
|
@@ -3296,10 +3329,13 @@ const TypeaheadComboboxMenu$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-
|
|
|
3296
3329
|
width: inputWidth
|
|
3297
3330
|
}
|
|
3298
3331
|
],
|
|
3332
|
+
...restProps,
|
|
3333
|
+
className: classnames(className, themeClass),
|
|
3299
3334
|
style: {
|
|
3300
|
-
...floatingStyles
|
|
3335
|
+
...floatingStyles,
|
|
3336
|
+
...style,
|
|
3337
|
+
...themeOverrideStyle
|
|
3301
3338
|
},
|
|
3302
|
-
...restProps,
|
|
3303
3339
|
children: loading ? /*#__PURE__*/ jsx(LoadingSpinner, {
|
|
3304
3340
|
"aria-label": "Loading",
|
|
3305
3341
|
alt: "Loading spinner"
|
|
@@ -3346,7 +3382,10 @@ const getToggleButtonStyles$1 = (theme, disabled)=>{
|
|
|
3346
3382
|
}
|
|
3347
3383
|
});
|
|
3348
3384
|
};
|
|
3349
|
-
|
|
3385
|
+
/**
|
|
3386
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3387
|
+
* @deprecated
|
|
3388
|
+
*/ const TypeaheadComboboxToggleButton$1 = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3350
3389
|
({ disabled, ...restProps }, ref)=>{
|
|
3351
3390
|
const { theme } = useDesignSystemTheme();
|
|
3352
3391
|
const { onClick } = restProps;
|
|
@@ -3409,7 +3448,10 @@ const getInputStyles$3 = (theme)=>/*#__PURE__*/ css({
|
|
|
3409
3448
|
backgroundColor: 'transparent'
|
|
3410
3449
|
}
|
|
3411
3450
|
});
|
|
3412
|
-
|
|
3451
|
+
/**
|
|
3452
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3453
|
+
* @deprecated
|
|
3454
|
+
*/ const TypeaheadComboboxInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3413
3455
|
({ comboboxState, allowClear = true, showComboboxToggleButton = true, formOnChange, onClick, clearInputValueOnFocus = false, size, loading = false, suffix, ...restProps }, ref)=>{
|
|
3414
3456
|
const { isInsideTypeaheadCombobox, floatingUiRefs, setInputWidth, inputWidth } = useTypeaheadComboboxContext();
|
|
3415
3457
|
if (!isInsideTypeaheadCombobox) {
|
|
@@ -3482,7 +3524,7 @@ const TypeaheadComboboxInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next
|
|
|
3482
3524
|
className: restProps.className,
|
|
3483
3525
|
...addDebugOutlineIfEnabled(),
|
|
3484
3526
|
children: /*#__PURE__*/ jsx(Input, {
|
|
3485
|
-
//
|
|
3527
|
+
// 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
3528
|
componentId: componentId ? `${componentId}.input` : 'design_system.typeahead_combobox.input',
|
|
3487
3529
|
ref: mergedRef,
|
|
3488
3530
|
...downshiftProps,
|
|
@@ -3636,7 +3678,10 @@ const getInputStyles$2 = (theme)=>{
|
|
|
3636
3678
|
}
|
|
3637
3679
|
});
|
|
3638
3680
|
};
|
|
3639
|
-
|
|
3681
|
+
/**
|
|
3682
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3683
|
+
* @deprecated
|
|
3684
|
+
*/ const TypeaheadComboboxMultiSelectInput$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3640
3685
|
({ 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
3686
|
size, ...restProps }, ref)=>{
|
|
3642
3687
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
@@ -3898,7 +3943,10 @@ size, ...restProps }, ref)=>{
|
|
|
3898
3943
|
return content;
|
|
3899
3944
|
});
|
|
3900
3945
|
|
|
3901
|
-
|
|
3946
|
+
/**
|
|
3947
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3948
|
+
* @deprecated
|
|
3949
|
+
*/ const TypeaheadComboboxSectionHeader$1 = ({ children, ...props })=>{
|
|
3902
3950
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
3903
3951
|
if (!isInsideTypeaheadCombobox) {
|
|
3904
3952
|
throw new Error('`TypeaheadComboboxSectionHeader` must be used within `TypeaheadComboboxMenu`');
|
|
@@ -3909,7 +3957,10 @@ const TypeaheadComboboxSectionHeader$1 = ({ children, ...props })=>{
|
|
|
3909
3957
|
});
|
|
3910
3958
|
};
|
|
3911
3959
|
|
|
3912
|
-
|
|
3960
|
+
/**
|
|
3961
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3962
|
+
* @deprecated
|
|
3963
|
+
*/ const TypeaheadComboboxSeparator$1 = (props)=>{
|
|
3913
3964
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
3914
3965
|
if (!isInsideTypeaheadCombobox) {
|
|
3915
3966
|
throw new Error('`TypeaheadComboboxSeparator` must be used within `TypeaheadComboboxMenu`');
|
|
@@ -3919,7 +3970,10 @@ const TypeaheadComboboxSeparator$1 = (props)=>{
|
|
|
3919
3970
|
});
|
|
3920
3971
|
};
|
|
3921
3972
|
|
|
3922
|
-
|
|
3973
|
+
/**
|
|
3974
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
3975
|
+
* @deprecated
|
|
3976
|
+
*/ const TypeaheadComboboxAddButton$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
3923
3977
|
({ children, ...restProps }, forwardedRef)=>{
|
|
3924
3978
|
const { theme } = useDesignSystemTheme();
|
|
3925
3979
|
const { isInsideTypeaheadCombobox, componentId } = useTypeaheadComboboxContext();
|
|
@@ -3928,7 +3982,7 @@ const TypeaheadComboboxAddButton$1 = /*#__PURE__*/ forwardRef(// eslint-disable-
|
|
|
3928
3982
|
}
|
|
3929
3983
|
return /*#__PURE__*/ jsx(Button, {
|
|
3930
3984
|
...restProps,
|
|
3931
|
-
//
|
|
3985
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated in the Root for the context exempt:844c1e83-84b8-41ba-95af-bae4799834aa
|
|
3932
3986
|
componentId: `${componentId}.add_option`,
|
|
3933
3987
|
type: "tertiary",
|
|
3934
3988
|
onClick: (event)=>{
|
|
@@ -4489,7 +4543,13 @@ const Col = (props)=>/*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
|
4489
4543
|
})
|
|
4490
4544
|
});
|
|
4491
4545
|
|
|
4492
|
-
|
|
4546
|
+
/**
|
|
4547
|
+
* Default horizontal gutter (px) for `Row`. NOTE this diverges from AntD's own default of `0`:
|
|
4548
|
+
* DuBois has always defaulted `Row` to `8`, and ~75% of `<Row>` usages rely on it, so both the
|
|
4549
|
+
* AntD-backed `Row` and the native `NativeRow` must apply it. Kept in its own module so both
|
|
4550
|
+
* variants (and the flag-gated `Row`) share one source without an import cycle.
|
|
4551
|
+
*/ const ROW_GUTTER_SIZE = 8;
|
|
4552
|
+
|
|
4493
4553
|
const Row = ({ gutter = ROW_GUTTER_SIZE, ...props })=>{
|
|
4494
4554
|
return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
4495
4555
|
children: /*#__PURE__*/ jsx(Row$1, {
|
|
@@ -4631,6 +4691,8 @@ const Header = ({ breadcrumbs, title, titleAddOns, dangerouslyAppendEmotionCSS,
|
|
|
4631
4691
|
maxWidth,
|
|
4632
4692
|
backgroundColor
|
|
4633
4693
|
});
|
|
4694
|
+
const themeClass = useDuboisThemeClass();
|
|
4695
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
4634
4696
|
return /*#__PURE__*/ jsxs(RadixHoverCard.Root, {
|
|
4635
4697
|
...props,
|
|
4636
4698
|
children: [
|
|
@@ -4645,6 +4707,8 @@ const Header = ({ breadcrumbs, title, titleAddOns, dangerouslyAppendEmotionCSS,
|
|
|
4645
4707
|
sideOffset: sideOffset,
|
|
4646
4708
|
align: align,
|
|
4647
4709
|
css: hoverCardStyles['content'],
|
|
4710
|
+
className: themeClass,
|
|
4711
|
+
style: themeOverrideStyle,
|
|
4648
4712
|
children: [
|
|
4649
4713
|
content,
|
|
4650
4714
|
withArrow && /*#__PURE__*/ jsx(RadixHoverCard.Arrow, {
|
|
@@ -5017,7 +5081,7 @@ const getToastRootStyle = (theme, classNamePrefix)=>{
|
|
|
5017
5081
|
const Root = // eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
5018
5082
|
/*#__PURE__*/ forwardRef(function({ children, severity = 'info', severityLabel, componentId, analyticsEvents = [
|
|
5019
5083
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
5020
|
-
], ...props }, ref) {
|
|
5084
|
+
], className, style, ...props }, ref) {
|
|
5021
5085
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
5022
5086
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
5023
5087
|
analyticsEvents
|
|
@@ -5033,6 +5097,8 @@ const Root = // eslint-disable-next-line react-component-name/react-component-na
|
|
|
5033
5097
|
const { elementRef } = useNotifyOnFirstView({
|
|
5034
5098
|
onView: eventContext.onView
|
|
5035
5099
|
});
|
|
5100
|
+
const themeClass = useDuboisThemeClass();
|
|
5101
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
5036
5102
|
// Radix Toast already has a hidden announcer — the legacy `<span role="status" aria-live>`
|
|
5037
5103
|
// wrapper double-announced. We rely on Radix's defaults (`role="status"` on the <li>) and
|
|
5038
5104
|
// pass `type="foreground"` for errors so the hidden announcer goes assertive. The
|
|
@@ -5044,6 +5110,11 @@ const Root = // eslint-disable-next-line react-component-name/react-component-na
|
|
|
5044
5110
|
...props,
|
|
5045
5111
|
...addDebugOutlineIfEnabled(),
|
|
5046
5112
|
...preventSwipeToClose(),
|
|
5113
|
+
className: classnames(className, themeClass),
|
|
5114
|
+
style: {
|
|
5115
|
+
...style,
|
|
5116
|
+
...themeOverrideStyle
|
|
5117
|
+
},
|
|
5047
5118
|
children: [
|
|
5048
5119
|
/*#__PURE__*/ jsx(SeverityIcon, {
|
|
5049
5120
|
className: `${classNamePrefix}-notification-severity-icon ${classNamePrefix}-notification-${severity}-icon`,
|
|
@@ -5387,6 +5458,8 @@ const getViewportStyle = (theme, vertical, horizontal)=>{
|
|
|
5387
5458
|
};
|
|
5388
5459
|
const SnackBarRoot = /*#__PURE__*/ forwardRef(function SnackBarRoot({ snack }, ref) {
|
|
5389
5460
|
const { theme } = useDesignSystemTheme();
|
|
5461
|
+
const themeClass = useDuboisThemeClass();
|
|
5462
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
5390
5463
|
const memoizedAnalyticsEvents = useMemo(()=>[
|
|
5391
5464
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
5392
5465
|
], []);
|
|
@@ -5427,9 +5500,13 @@ const SnackBarRoot = /*#__PURE__*/ forwardRef(function SnackBarRoot({ snack }, r
|
|
|
5427
5500
|
return /*#__PURE__*/ jsxs(Toast.Root, {
|
|
5428
5501
|
ref: ref,
|
|
5429
5502
|
css: getSnackBarRootStyle(theme, snack.backgroundColor, snack.textColor),
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5503
|
+
className: themeClass,
|
|
5504
|
+
style: {
|
|
5505
|
+
...snack.closeButton === false ? {
|
|
5506
|
+
cursor: 'pointer'
|
|
5507
|
+
} : undefined,
|
|
5508
|
+
...themeOverrideStyle
|
|
5509
|
+
},
|
|
5433
5510
|
open: snack.open,
|
|
5434
5511
|
onOpenChange: handleOpenChange,
|
|
5435
5512
|
duration: snack.autoDismiss,
|
|
@@ -6427,6 +6504,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6427
6504
|
const contextValue = useMemo(()=>({
|
|
6428
6505
|
componentId: comboboxState.componentId,
|
|
6429
6506
|
multiSelect: comboboxState.multiSelect,
|
|
6507
|
+
showAllOptionsOnOpen: comboboxState.showAllOptionsOnOpen,
|
|
6430
6508
|
isInsideTypeaheadCombobox: true,
|
|
6431
6509
|
comboBoxState: state,
|
|
6432
6510
|
inputProps,
|
|
@@ -6447,6 +6525,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6447
6525
|
}), [
|
|
6448
6526
|
comboboxState.componentId,
|
|
6449
6527
|
comboboxState.multiSelect,
|
|
6528
|
+
comboboxState.showAllOptionsOnOpen,
|
|
6450
6529
|
state,
|
|
6451
6530
|
inputProps,
|
|
6452
6531
|
listBoxProps,
|
|
@@ -6458,7 +6537,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6458
6537
|
removeByKey,
|
|
6459
6538
|
clearSelection
|
|
6460
6539
|
]);
|
|
6461
|
-
return /*#__PURE__*/ jsx(
|
|
6540
|
+
return /*#__PURE__*/ jsx(TypeaheadComboboxV2ContextProvider, {
|
|
6462
6541
|
value: contextValue,
|
|
6463
6542
|
children: /*#__PURE__*/ jsx("div", {
|
|
6464
6543
|
className: `${classNamePrefix}-typeahead-combobox-react-aria`,
|
|
@@ -6466,7 +6545,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6466
6545
|
...props,
|
|
6467
6546
|
ref: mergedRef,
|
|
6468
6547
|
"data-component-type": DesignSystemEventProviderComponentTypes.TypeaheadCombobox,
|
|
6469
|
-
//
|
|
6548
|
+
// 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
6549
|
"data-component-id": comboboxState.componentId,
|
|
6471
6550
|
children: children
|
|
6472
6551
|
})
|
|
@@ -6527,7 +6606,7 @@ const TypeaheadComboboxRoot = /*#__PURE__*/ forwardRef(function TypeaheadCombobo
|
|
|
6527
6606
|
// marker prop is needed — `defaultProps` on a function component is removed in React 19.
|
|
6528
6607
|
const TypeaheadComboboxFooter = ({ children, onKeyDown, ...restProps })=>{
|
|
6529
6608
|
const { theme } = useDesignSystemTheme();
|
|
6530
|
-
const { isInsideTypeaheadCombobox, footerFocusable, footerRef, inputRef, comboBoxState } =
|
|
6609
|
+
const { isInsideTypeaheadCombobox, footerFocusable, footerRef, inputRef, comboBoxState } = useTypeaheadComboboxV2Context();
|
|
6531
6610
|
if (!isInsideTypeaheadCombobox) {
|
|
6532
6611
|
throw new Error('`TypeaheadComboboxFooter` must be used within `TypeaheadComboboxMenu`');
|
|
6533
6612
|
}
|
|
@@ -6592,7 +6671,7 @@ const MENU_STYLES = /*#__PURE__*/ css({
|
|
|
6592
6671
|
outline: 'none'
|
|
6593
6672
|
});
|
|
6594
6673
|
const TypeaheadComboboxMenu = /*#__PURE__*/ forwardRef(function TypeaheadComboboxMenu(props, _ref) {
|
|
6595
|
-
const ctx =
|
|
6674
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6596
6675
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
6597
6676
|
throw new Error('`TypeaheadComboboxMenu` must be used within `TypeaheadComboboxRoot`');
|
|
6598
6677
|
}
|
|
@@ -6813,7 +6892,7 @@ const TypeaheadComboboxMenuContents = ({ loading, emptyText, width, minWidth = 2
|
|
|
6813
6892
|
};
|
|
6814
6893
|
|
|
6815
6894
|
const TypeaheadComboboxCheckboxItemInner = ({ item, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
|
|
6816
|
-
const ctx =
|
|
6895
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6817
6896
|
if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
|
|
6818
6897
|
throw new Error('`TypeaheadComboboxCheckboxItem` must be used within an open `TypeaheadComboboxRoot`');
|
|
6819
6898
|
}
|
|
@@ -6843,7 +6922,7 @@ const TypeaheadComboboxCheckboxItemInner = ({ item, selectedItems, selectedMatch
|
|
|
6843
6922
|
],
|
|
6844
6923
|
...restProps,
|
|
6845
6924
|
children: /*#__PURE__*/ jsx(Checkbox, {
|
|
6846
|
-
componentId: "design_system.
|
|
6925
|
+
componentId: "design_system.typeahead_combobox_v2.checkbox_item",
|
|
6847
6926
|
disabled: isDisabled,
|
|
6848
6927
|
isChecked: isSelected,
|
|
6849
6928
|
css: getCheckboxStyles(theme, textOverflowMode),
|
|
@@ -6896,7 +6975,7 @@ const getToggleButtonStyles = (theme, disabled)=>/*#__PURE__*/ css({
|
|
|
6896
6975
|
});
|
|
6897
6976
|
const TypeaheadComboboxToggleButton = ({ disabled })=>{
|
|
6898
6977
|
const { theme } = useDesignSystemTheme();
|
|
6899
|
-
const { buttonProps: ariaButtonProps, buttonRef } =
|
|
6978
|
+
const { buttonProps: ariaButtonProps, buttonRef } = useTypeaheadComboboxV2Context();
|
|
6900
6979
|
const { buttonProps } = useButton({
|
|
6901
6980
|
...ariaButtonProps,
|
|
6902
6981
|
isDisabled: disabled
|
|
@@ -6956,11 +7035,11 @@ const getInputStyles$1 = (theme)=>/*#__PURE__*/ css({
|
|
|
6956
7035
|
}
|
|
6957
7036
|
});
|
|
6958
7037
|
const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadComboboxInput({ allowClear = true, showComboboxToggleButton = true, onClick, size, loading = false, suffix, ...restProps }, ref) {
|
|
6959
|
-
const ctx =
|
|
7038
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
6960
7039
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
6961
7040
|
throw new Error('`TypeaheadComboboxInput` must be used within `TypeaheadComboboxRoot`');
|
|
6962
7041
|
}
|
|
6963
|
-
const { inputProps, inputRef, comboBoxState: state, setTriggerWidth, triggerRef, componentId, clearSelection, footerFocusable, footerRef } = ctx;
|
|
7042
|
+
const { inputProps, inputRef, comboBoxState: state, setTriggerWidth, triggerRef, componentId, clearSelection, footerFocusable, footerRef, showAllOptionsOnOpen } = ctx;
|
|
6964
7043
|
const { theme } = useDesignSystemTheme();
|
|
6965
7044
|
// Measure trigger so `matchTriggerWidth` on Menu can size to it. Must be a passive effect, not
|
|
6966
7045
|
// useLayoutEffect: triggerRef points at the Root <div> (an ancestor), whose ref is attached
|
|
@@ -6982,7 +7061,8 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
6982
7061
|
const handleClick = (e)=>{
|
|
6983
7062
|
onClick?.(e);
|
|
6984
7063
|
// Open-only: toggling on every click would flicker on repeat clicks. Toggle button + outside-click close.
|
|
6985
|
-
|
|
7064
|
+
// showAllOptionsOnOpen: open via the 'manual' trigger so react-aria shows all options; typing re-filters.
|
|
7065
|
+
if (state && !state.isOpen) state.open(null, showAllOptionsOnOpen ? 'manual' : undefined);
|
|
6986
7066
|
};
|
|
6987
7067
|
// PROTOTYPE (DUBOIS-455, "Option A"): when footerFocusable, forward-Tab moves DOM focus into the
|
|
6988
7068
|
// footer instead of committing. Must run in the CAPTURE phase — useComboBox binds Tab to
|
|
@@ -6996,7 +7076,7 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
6996
7076
|
// version moved that handling to a native/document listener, stopPropagation() would no longer stop
|
|
6997
7077
|
// it and Tab would close the menu again. react-aria is version-pinned in this repo, so an upgrade
|
|
6998
7078
|
// must re-verify this — the "Tab moves focus to the footer, menu stays open" regression test in
|
|
6999
|
-
// tests/
|
|
7079
|
+
// tests/TypeaheadComboboxV2FooterFocus.test.tsx guards it.
|
|
7000
7080
|
const handleKeyDownCapture = (e)=>{
|
|
7001
7081
|
if (!footerFocusable || e.key !== 'Tab' || e.shiftKey || !state?.isOpen) {
|
|
7002
7082
|
return;
|
|
@@ -7014,8 +7094,8 @@ const TypeaheadComboboxInput = /*#__PURE__*/ forwardRef(function TypeaheadCombob
|
|
|
7014
7094
|
className: restProps.className,
|
|
7015
7095
|
...addDebugOutlineIfEnabled(),
|
|
7016
7096
|
children: /*#__PURE__*/ jsx(Input, {
|
|
7017
|
-
//
|
|
7018
|
-
componentId: componentId ? `${componentId}.input` : 'design_system.
|
|
7097
|
+
// 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
|
|
7098
|
+
componentId: componentId ? `${componentId}.input` : 'design_system.typeahead_combobox_v2.input',
|
|
7019
7099
|
ref: (antdInput)=>{
|
|
7020
7100
|
// useComboBox needs the underlying HTMLInputElement, exposed by AntD v4 as `.input`.
|
|
7021
7101
|
const node = antdInput?.input ?? null;
|
|
@@ -7146,7 +7226,7 @@ const getInputStyles = (theme)=>/*#__PURE__*/ css({
|
|
|
7146
7226
|
const TypeaheadComboboxMultiSelectInputInner = ({ selectedItems, // Destructured to keep it out of `restProps` (which is spread onto the <input>); the selection
|
|
7147
7227
|
// reset is routed through the context's clearSelection, so this setter isn't used directly here.
|
|
7148
7228
|
setSelectedItems: _setSelectedItems, getSelectedItemLabel, allowClear = true, showTagAfterValueCount = 20, width, maxHeight, placeholder, validationState, showComboboxToggleButton, disableTooltip = false, loading, ...restProps }, ref)=>{
|
|
7149
|
-
const ctx =
|
|
7229
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
7150
7230
|
if (!ctx.isInsideTypeaheadCombobox) {
|
|
7151
7231
|
throw new Error('`TypeaheadComboboxMultiSelectInput` must be used within `TypeaheadComboboxRoot`');
|
|
7152
7232
|
}
|
|
@@ -7401,7 +7481,7 @@ setSelectedItems: _setSelectedItems, getSelectedItemLabel, allowClear = true, sh
|
|
|
7401
7481
|
const TypeaheadComboboxMultiSelectInput = /*#__PURE__*/ forwardRef(TypeaheadComboboxMultiSelectInputInner);
|
|
7402
7482
|
|
|
7403
7483
|
const TypeaheadComboboxSectionHeader = ({ children, ...props })=>{
|
|
7404
|
-
const { isInsideTypeaheadCombobox } =
|
|
7484
|
+
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxV2Context();
|
|
7405
7485
|
if (!isInsideTypeaheadCombobox) {
|
|
7406
7486
|
throw new Error('`TypeaheadComboboxSectionHeader` must be used within `TypeaheadComboboxMenu`');
|
|
7407
7487
|
}
|
|
@@ -7416,7 +7496,7 @@ const TypeaheadComboboxSectionHeader = ({ children, ...props })=>{
|
|
|
7416
7496
|
};
|
|
7417
7497
|
|
|
7418
7498
|
const TypeaheadComboboxSeparator = (props)=>{
|
|
7419
|
-
const { isInsideTypeaheadCombobox } =
|
|
7499
|
+
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxV2Context();
|
|
7420
7500
|
if (!isInsideTypeaheadCombobox) {
|
|
7421
7501
|
throw new Error('`TypeaheadComboboxSeparator` must be used within `TypeaheadComboboxMenu`');
|
|
7422
7502
|
}
|
|
@@ -7430,13 +7510,13 @@ const TypeaheadComboboxSeparator = (props)=>{
|
|
|
7430
7510
|
|
|
7431
7511
|
const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadComboboxAddButton({ children, componentId: componentIdProp, ...restProps }, forwardedRef) {
|
|
7432
7512
|
const { theme } = useDesignSystemTheme();
|
|
7433
|
-
const { isInsideTypeaheadCombobox, componentId } =
|
|
7513
|
+
const { isInsideTypeaheadCombobox, componentId } = useTypeaheadComboboxV2Context();
|
|
7434
7514
|
if (!isInsideTypeaheadCombobox) {
|
|
7435
7515
|
throw new Error('`TypeaheadComboboxAddButton` must be used within `TypeaheadComboboxRoot`');
|
|
7436
7516
|
}
|
|
7437
7517
|
return /*#__PURE__*/ jsx(Button, {
|
|
7438
7518
|
...restProps,
|
|
7439
|
-
//
|
|
7519
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated in the Root for the context exempt:ae0b57c6-871d-4375-a3ea-2574d7a3899e
|
|
7440
7520
|
componentId: componentIdProp ?? `${componentId}.add_option`,
|
|
7441
7521
|
type: "tertiary",
|
|
7442
7522
|
onClick: (event)=>{
|
|
@@ -7679,6 +7759,54 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7679
7759
|
};
|
|
7680
7760
|
}
|
|
7681
7761
|
|
|
7762
|
+
/**
|
|
7763
|
+
* Keeps an option highlighted while the menu is open so Enter commits it, matching the original
|
|
7764
|
+
* downshift variant's `defaultHighlightedIndex: 0`. react-aria clears the focused key on every input
|
|
7765
|
+
* change (useComboBoxState: "Clear focused key when input value changes"), and its `commit()` only
|
|
7766
|
+
* selects when `focusedKey != null` — so without this, typing leaves nothing highlighted and Enter
|
|
7767
|
+
* falls through to commitValue(), selecting nothing.
|
|
7768
|
+
*
|
|
7769
|
+
* Only re-focuses when nothing is focused, so arrowing or hovering to another option sticks and we
|
|
7770
|
+
* merely restore the default after react-aria drops it. Keyed on the collection so it re-runs as
|
|
7771
|
+
* filtering narrows the list. Skipped when `allowNewValue`: there Enter commits the typed text, so
|
|
7772
|
+
* pre-highlighting an option would hijack it and select the option instead.
|
|
7773
|
+
*/ function useRestoreHighlightedOption(state, { allowNewValue, showAllOptionsOnOpen }) {
|
|
7774
|
+
const { collection, isOpen, selectionManager, disabledKeys } = state;
|
|
7775
|
+
const focusedKey = selectionManager.focusedKey;
|
|
7776
|
+
useEffect(()=>{
|
|
7777
|
+
if (allowNewValue || !isOpen || focusedKey != null) return;
|
|
7778
|
+
// Only restore the highlight while the combobox input itself holds DOM focus. With footerFocusable,
|
|
7779
|
+
// Tab moves focus onto a footer control and deliberately clears focusedKey so no stale
|
|
7780
|
+
// aria-activedescendant points at an option while focus sits on the footer button (WCAG 4.1.3).
|
|
7781
|
+
// Re-focusing the first option here would undo that. The input carries role="combobox", so this
|
|
7782
|
+
// cleanly excludes footer buttons, tag remove-buttons, etc.
|
|
7783
|
+
if (document.activeElement?.getAttribute('role') !== 'combobox') return;
|
|
7784
|
+
// On a show-all reopen the selected option is not necessarily first, so highlight it (not option 0)
|
|
7785
|
+
// — aria-activedescendant should land on the current selection. Only while the list is still
|
|
7786
|
+
// unfiltered though: the input then still shows the selection's label, so once the user types a query
|
|
7787
|
+
// (input diverges) react-stately filters and we highlight the first match for Enter, as usual.
|
|
7788
|
+
const selectedKey = state.selectedKey;
|
|
7789
|
+
const selectedNode = selectedKey != null ? collection.getItem(selectedKey) : null;
|
|
7790
|
+
const showingSelection = selectedNode != null && state.inputValue === selectedNode.textValue;
|
|
7791
|
+
let candidate = showAllOptionsOnOpen && showingSelection ? selectedKey : collection.getFirstKey();
|
|
7792
|
+
while(candidate != null && disabledKeys.has(candidate)){
|
|
7793
|
+
candidate = collection.getKeyAfter(candidate);
|
|
7794
|
+
}
|
|
7795
|
+
if (candidate == null) return;
|
|
7796
|
+
selectionManager.setFocusedKey(candidate);
|
|
7797
|
+
}, [
|
|
7798
|
+
allowNewValue,
|
|
7799
|
+
isOpen,
|
|
7800
|
+
focusedKey,
|
|
7801
|
+
collection,
|
|
7802
|
+
selectionManager,
|
|
7803
|
+
disabledKeys,
|
|
7804
|
+
showAllOptionsOnOpen,
|
|
7805
|
+
state.selectedKey,
|
|
7806
|
+
state.inputValue
|
|
7807
|
+
]);
|
|
7808
|
+
}
|
|
7809
|
+
|
|
7682
7810
|
/**
|
|
7683
7811
|
* Backs the Du Bois TypeaheadCombobox (react-aria variant) by wrapping react-aria's
|
|
7684
7812
|
* `useComboBoxState`. Handles single- and multi-select modes, item↔key mapping, filtering
|
|
@@ -7690,7 +7818,7 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7690
7818
|
// Narrow the discriminated union once for stable typed refs in deps/callbacks.
|
|
7691
7819
|
const externalSelectedItems = multiSelect && props.multiSelect ? props.selectedItems : null;
|
|
7692
7820
|
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;
|
|
7821
|
+
const { allItems, itemToString: itemToStringProp, getKey: getKeyProp, matcher, isItemDisabled, componentId, analyticsEvents, valueHasNoPii, initialInputValue, initialSelectedItem, formValue, formOnChange, formOnBlur, onStateChange, onIsOpenChange, allowNewValue = false, showAllOptionsOnOpen = false } = props;
|
|
7694
7822
|
// `preventUnsetOnBlur` is accepted for source compatibility with the original API but is a
|
|
7695
7823
|
// no-op: in react-aria, blur never clears the selection (only re-syncs input text), and
|
|
7696
7824
|
// closing on blur is required for non-modal popover dismissal.
|
|
@@ -7740,43 +7868,10 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7740
7868
|
});
|
|
7741
7869
|
const state = useComboBoxState(stateOptions);
|
|
7742
7870
|
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
|
-
}, [
|
|
7871
|
+
useRestoreHighlightedOption(state, {
|
|
7773
7872
|
allowNewValue,
|
|
7774
|
-
|
|
7775
|
-
|
|
7776
|
-
collection,
|
|
7777
|
-
selectionManager,
|
|
7778
|
-
disabledKeys
|
|
7779
|
-
]);
|
|
7873
|
+
showAllOptionsOnOpen
|
|
7874
|
+
});
|
|
7780
7875
|
const selectedKeys = useMemo(()=>{
|
|
7781
7876
|
if (externalSelectedItems !== null) {
|
|
7782
7877
|
const set = new Set();
|
|
@@ -7916,7 +8011,8 @@ const TypeaheadComboboxAddButton = /*#__PURE__*/ forwardRef(function TypeaheadCo
|
|
|
7916
8011
|
valueHasNoPii,
|
|
7917
8012
|
onView: eventContext.onView,
|
|
7918
8013
|
firstOnViewValue,
|
|
7919
|
-
multiSelect
|
|
8014
|
+
multiSelect,
|
|
8015
|
+
showAllOptionsOnOpen
|
|
7920
8016
|
};
|
|
7921
8017
|
}
|
|
7922
8018
|
|
|
@@ -8070,7 +8166,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
8070
8166
|
TypeaheadComboboxToggleButton: TypeaheadComboboxToggleButton,
|
|
8071
8167
|
useComboboxState: useComboboxState,
|
|
8072
8168
|
useMultipleSelectionState: useMultipleSelectionState,
|
|
8073
|
-
|
|
8169
|
+
useTypeaheadComboboxV2Context: useTypeaheadComboboxV2Context,
|
|
8074
8170
|
useVirtualizedComboboxScroll: useVirtualizedComboboxScroll
|
|
8075
8171
|
});
|
|
8076
8172
|
|
|
@@ -8079,6 +8175,10 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
8079
8175
|
// font CSS under `@databricks/design-system/fonts/dm-sans.css` so consumers can import both
|
|
8080
8176
|
// from the design-system without duplicating the fallback chain.
|
|
8081
8177
|
const DM_SANS_FONT_FAMILY = "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif";
|
|
8178
|
+
// Monospace counterpart to DM_SANS_FONT_FAMILY, vendored under
|
|
8179
|
+
// `@databricks/design-system/fonts/dm-mono.css`. Falls back to the platform monospace stack so
|
|
8180
|
+
// code and other tabular text keep a fixed-width face if the web font fails to load.
|
|
8181
|
+
const DM_MONO_FONT_FAMILY = "'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
|
|
8082
8182
|
|
|
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,
|
|
8183
|
+
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, DesignTokenScope, DesignTokenScopeWithEmotionTheme, 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
8184
|
//# sourceMappingURL=index.js.map
|