@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
|
@@ -3,9 +3,8 @@ import isUndefined from 'lodash/isUndefined';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { useRef, useEffect, useMemo, useCallback, useContext, createContext, useState, forwardRef, useLayoutEffect, useImperativeHandle, Children } from 'react';
|
|
5
5
|
import { useTheme, ThemeProvider, css, keyframes, ClassNames, Global, createElement } from '@emotion/react';
|
|
6
|
-
import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1,
|
|
6
|
+
import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1, Checkbox as Checkbox$1, Input as Input$2, Select as Select$1, Radio as Radio$1, Layout as Layout$1, Form as Form$1, Pagination as Pagination$1, Table, Tooltip as Tooltip$1, Dropdown, Tree as Tree$1 } from 'antd';
|
|
7
7
|
import classnames from 'classnames';
|
|
8
|
-
import AntDIcon, { AppstoreOutlined, ArrowUpOutlined, BookOutlined, BugOutlined, CheckCircleFilled, CheckCircleOutlined, ClockCircleFilled, ClockCircleOutlined, CloseCircleFilled, CloseOutlined, CodeOutlined, CommentOutlined, CopyOutlined, DatabaseOutlined, DeleteOutlined, DownOutlined, EditOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, FileOutlined, FileTextOutlined, FilterOutlined, FlagOutlined, FolderOpenOutlined, FolderOutlined, FullscreenOutlined, GithubOutlined, HourglassOutlined, InfoCircleOutlined, LinkOutlined, LoadingOutlined, NotificationOutlined, PauseCircleFilled, PlayCircleOutlined, PlusOutlined, QuestionCircleOutlined, ReloadOutlined, RightOutlined, RocketOutlined, SearchOutlined, SendOutlined, SettingOutlined, SlackOutlined, SwapOutlined, SyncOutlined, UpOutlined, VideoCameraOutlined } from '@ant-design/icons';
|
|
9
8
|
import { useMergeRefs } from '@floating-ui/react';
|
|
10
9
|
import uniqueId$1 from 'lodash/uniqueId';
|
|
11
10
|
import { format, isBefore, startOfMonth, isAfter, parse, isValid, startOfToday, startOfYesterday, sub, startOfWeek, endOfToday, endOfYesterday, getISOWeekYear, getISOWeek, parseISO, startOfISOWeek } from 'date-fns';
|
|
@@ -42,6 +41,8 @@ import mapValues from 'lodash/mapValues';
|
|
|
42
41
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
43
42
|
import * as RadixTooltip from '@radix-ui/react-tooltip-patch';
|
|
44
43
|
import { TooltipProvider } from '@radix-ui/react-tooltip-patch';
|
|
44
|
+
import kebabCase from 'lodash/kebabCase';
|
|
45
|
+
import AntDIcon, { EllipsisOutlined } from '@ant-design/icons';
|
|
45
46
|
import random from 'lodash/random';
|
|
46
47
|
import times from 'lodash/times';
|
|
47
48
|
import { ContextMenuArrow, ContextMenuSub, ContextMenuGroup, ContextMenuTrigger, ContextMenuItemIndicator, ContextMenuCheckboxItem, ContextMenuPortal, ContextMenuContent, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSeparator, ContextMenuRadioItem, ContextMenuRadioGroup, ContextMenuItem, ContextMenuLabel, ContextMenu as ContextMenu$2 } from '@radix-ui/react-context-menu';
|
|
@@ -1640,14 +1641,14 @@ function getPrefixedClassNameFromTheme(theme, className) {
|
|
|
1640
1641
|
}
|
|
1641
1642
|
/**
|
|
1642
1643
|
* Returns the theme-scope class for the current context: `du-bois-dark` in dark
|
|
1643
|
-
* mode, `du-bois-light` otherwise.
|
|
1644
|
+
* mode, `du-bois-light` otherwise. The `.du-bois-*` rule declares the `--db-color-*`
|
|
1645
|
+
* tokens, so any element carrying this class becomes a resolution scope for the
|
|
1646
|
+
* native (plain-CSS, token-driven) components below it.
|
|
1644
1647
|
*
|
|
1645
|
-
*
|
|
1646
|
-
* so
|
|
1647
|
-
*
|
|
1648
|
-
*
|
|
1649
|
-
* trees, and forced-theme subtrees / portaled content resolve correctly because
|
|
1650
|
-
* the class rides React context, not DOM ancestry. See DUBOIS-448.
|
|
1648
|
+
* `DesignSystemProvider` puts this on the scope wrapper it renders around its
|
|
1649
|
+
* children, so in-tree native components inherit the tokens without self-scoping.
|
|
1650
|
+
* Use it to re-establish that scope on content that renders OUTSIDE that wrapper —
|
|
1651
|
+
* i.e. portaled surfaces (context crosses React portals, DOM inheritance does not).
|
|
1651
1652
|
*/ function useDuboisThemeClass() {
|
|
1652
1653
|
const { theme } = useDesignSystemTheme();
|
|
1653
1654
|
return getClassNamePrefix(theme);
|
|
@@ -1732,6 +1733,13 @@ const DesignSystemThemeContext = /*#__PURE__*/ createContext({
|
|
|
1732
1733
|
});
|
|
1733
1734
|
const DesignSystemContext = /*#__PURE__*/ createContext(DuboisContextDefaults);
|
|
1734
1735
|
const DU_BOIS_ENABLE_ANIMATION_CLASSNAME = 'du-bois-enable-animation';
|
|
1736
|
+
/**
|
|
1737
|
+
* `data-testid` on the `display: contents` scope wrapper `DesignSystemProvider` renders around its
|
|
1738
|
+
* children. The wrapper carries the theme-scope class / consumer token overrides but no visual box,
|
|
1739
|
+
* so tests treat it as transparent: the shared `@databricks/testing-library` `render` returns
|
|
1740
|
+
* `container` pointing inside this wrapper, so `container.firstChild` / emptiness assertions see the
|
|
1741
|
+
* component's own output.
|
|
1742
|
+
*/ const DS_OVERRIDE_TOKENS_WRAPPER_TESTID = 'ds-override-tokens-wrapper';
|
|
1735
1743
|
// getAnimationCss is called from every Du Bois component on every render. It only depends
|
|
1736
1744
|
// on a single boolean and produces a (deep) object literal, so memoize the result at module
|
|
1737
1745
|
// level — at most 2 cache entries. Sharing the same reference across all callers also lets
|
|
@@ -1758,17 +1766,140 @@ const getAnimationCss = memoize((enableAnimation)=>{
|
|
|
1758
1766
|
});
|
|
1759
1767
|
const DesignSystemProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
|
|
1760
1768
|
const AntDConfigProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
|
|
1761
|
-
/** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, children })=>{
|
|
1769
|
+
/** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, designTokenOverrides, children })=>{
|
|
1762
1770
|
return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
|
|
1763
1771
|
value: {
|
|
1764
1772
|
isDarkMode,
|
|
1765
|
-
semanticColors
|
|
1773
|
+
semanticColors,
|
|
1774
|
+
designTokenOverrides
|
|
1766
1775
|
},
|
|
1767
1776
|
children: children
|
|
1768
1777
|
});
|
|
1769
1778
|
};
|
|
1779
|
+
// Cache the color-derived style per `semanticColors` reference so every consumer shares one object
|
|
1780
|
+
// (built once) rather than each rebuilding its own ~82-key copy. Keyed by object identity, which
|
|
1781
|
+
// consumers keep stable (module-level `consumerLightColorList`/`consumerDarkColorList`).
|
|
1782
|
+
const colorOverrideStyleCache = new WeakMap();
|
|
1783
|
+
function semanticColorsToStyle(semanticColors) {
|
|
1784
|
+
const cached = colorOverrideStyleCache.get(semanticColors);
|
|
1785
|
+
if (cached) return cached;
|
|
1786
|
+
const style = {};
|
|
1787
|
+
for (const [key, value] of Object.entries(semanticColors)){
|
|
1788
|
+
style[`--db-color-${kebabCase(key)}`] = value;
|
|
1789
|
+
}
|
|
1790
|
+
colorOverrideStyleCache.set(semanticColors, style);
|
|
1791
|
+
return style;
|
|
1792
|
+
}
|
|
1793
|
+
/**
|
|
1794
|
+
* Returns the inline style that re-declares the consumer's design-token overrides as `--db-*` custom
|
|
1795
|
+
* properties, or `undefined` when none are set. It merges the `semanticColors` override (emitted as
|
|
1796
|
+
* `--db-color-<name>`) with any raw `designTokenOverrides` (already keyed by `--db-*` name) layered
|
|
1797
|
+
* on top. The values inherit down the DOM, so setting this on a theme-scope element re-themes every
|
|
1798
|
+
* native (plain-CSS) component below it.
|
|
1799
|
+
*
|
|
1800
|
+
* `DesignSystemProvider` applies this to the scope wrapper it renders around its children, which
|
|
1801
|
+
* covers the whole in-tree subtree by inheritance. Portaled surfaces (Modal, Drawer, Popover,
|
|
1802
|
+
* DropdownMenu, Notification, …) render outside that wrapper in the DOM, so each merges this style
|
|
1803
|
+
* (plus `useDuboisThemeClass`) onto its own outermost portal element — context crosses React portals
|
|
1804
|
+
* while DOM inheritance does not.
|
|
1805
|
+
*/ function useDesignTokenOverrideStyles() {
|
|
1806
|
+
const { semanticColors, designTokenOverrides } = useContext(DesignSystemThemeContext);
|
|
1807
|
+
return useMemo(()=>{
|
|
1808
|
+
if (!semanticColors && !designTokenOverrides) return undefined;
|
|
1809
|
+
return {
|
|
1810
|
+
...semanticColors ? semanticColorsToStyle(semanticColors) : {},
|
|
1811
|
+
...designTokenOverrides
|
|
1812
|
+
};
|
|
1813
|
+
}, [
|
|
1814
|
+
semanticColors,
|
|
1815
|
+
designTokenOverrides
|
|
1816
|
+
]);
|
|
1817
|
+
}
|
|
1818
|
+
/**
|
|
1819
|
+
* Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a Du Bois token
|
|
1820
|
+
* scope on a DOM subtree — it carries the `du-bois-light`/`-dark` class and stamps `--db-*` overrides
|
|
1821
|
+
* that native (CSS-variable) components below inherit. It reaches in-tree descendants only; portaled
|
|
1822
|
+
* surfaces escape the DOM subtree. Consumers use the exported `DesignTokenScope` below (which also
|
|
1823
|
+
* feeds `DesignSystemThemeContext` so portals inherit too) — this impl is deliberately not exported.
|
|
1824
|
+
*/ const DesignTokenScopeImpl = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
|
|
1825
|
+
const theme = useTheme();
|
|
1826
|
+
const scopeTheme = isDarkMode === undefined ? theme : getTheme(isDarkMode);
|
|
1827
|
+
const style = useMemo(()=>({
|
|
1828
|
+
display: 'contents',
|
|
1829
|
+
...overrideTokens,
|
|
1830
|
+
...semanticColors ? semanticColorsToStyle(semanticColors) : {}
|
|
1831
|
+
}), [
|
|
1832
|
+
overrideTokens,
|
|
1833
|
+
semanticColors
|
|
1834
|
+
]);
|
|
1835
|
+
return /*#__PURE__*/ jsx("div", {
|
|
1836
|
+
"data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
|
|
1837
|
+
className: getClassNamePrefix(scopeTheme),
|
|
1838
|
+
style: style,
|
|
1839
|
+
children: children
|
|
1840
|
+
});
|
|
1841
|
+
};
|
|
1842
|
+
/**
|
|
1843
|
+
* Applies design-token overrides to a component or page subtree, reaching BOTH in-tree components and
|
|
1844
|
+
* portaled surfaces (Modal, Drawer, DropdownMenu, Popover, Notification, …). This is the primitive to
|
|
1845
|
+
* reach for whenever you retheme a slice under the design-token system.
|
|
1846
|
+
*
|
|
1847
|
+
* It layers over the ambient scope rather than replacing it: `isDarkMode` falls back to the ambient
|
|
1848
|
+
* theme, and `semanticColors` / `overrideTokens` merge on top of any ambient overrides. The in-tree
|
|
1849
|
+
* half is stamped on a `display: contents` DOM element (`DesignTokenScopeImpl`); the portal half is
|
|
1850
|
+
* fed through `DesignSystemThemeContext` (via `DesignSystemThemeProvider`), which portaled surfaces
|
|
1851
|
+
* re-stamp on their own portal root via `useDesignTokenOverrideStyles()` — context crosses React
|
|
1852
|
+
* portals while DOM inheritance does not.
|
|
1853
|
+
*
|
|
1854
|
+
* For a subtree that still mixes legacy AntD-path (emotion JS theme) components mid-migration, use
|
|
1855
|
+
* `DesignTokenScopeWithEmotionTheme`, which additionally drives the emotion theme.
|
|
1856
|
+
*/ const DesignTokenScope = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
|
|
1857
|
+
// isDarkMode tracks the emotion theme (what the scope class and portals actually render as), not the
|
|
1858
|
+
// theme context — the two can diverge under a nested scope. semanticColors/designTokenOverrides are
|
|
1859
|
+
// the raw override maps, which live only on DesignSystemThemeContext (the emotion theme resolves them
|
|
1860
|
+
// away into theme.colors), so read them from there and merge the props on top.
|
|
1861
|
+
const { theme } = useDesignSystemTheme();
|
|
1862
|
+
const ambient = useContext(DesignSystemThemeContext);
|
|
1863
|
+
const resolvedIsDarkMode = isDarkMode ?? theme.isDarkMode;
|
|
1864
|
+
const mergedSemanticColors = useMemo(()=>{
|
|
1865
|
+
const merged = {
|
|
1866
|
+
...ambient.semanticColors,
|
|
1867
|
+
...semanticColors
|
|
1868
|
+
};
|
|
1869
|
+
return Object.keys(merged).length > 0 ? merged : undefined;
|
|
1870
|
+
}, [
|
|
1871
|
+
ambient.semanticColors,
|
|
1872
|
+
semanticColors
|
|
1873
|
+
]);
|
|
1874
|
+
const mergedOverrideTokens = useMemo(()=>{
|
|
1875
|
+
const merged = {
|
|
1876
|
+
...ambient.designTokenOverrides,
|
|
1877
|
+
...overrideTokens
|
|
1878
|
+
};
|
|
1879
|
+
return Object.keys(merged).length > 0 ? merged : undefined;
|
|
1880
|
+
}, [
|
|
1881
|
+
ambient.designTokenOverrides,
|
|
1882
|
+
overrideTokens
|
|
1883
|
+
]);
|
|
1884
|
+
return(// DesignTokenScope IS the sanctioned wrapper that feeds token overrides into DesignSystemThemeContext
|
|
1885
|
+
// for portaled surfaces, so it is one of the "special exceptions" the forbid rule allows.
|
|
1886
|
+
// eslint-disable-next-line react/forbid-elements
|
|
1887
|
+
/*#__PURE__*/ jsx(DesignSystemThemeProvider, {
|
|
1888
|
+
isDarkMode: resolvedIsDarkMode,
|
|
1889
|
+
// A partial delta only gets iterated into `--db-color-*` by `useDesignTokenOverrideStyles`; it is
|
|
1890
|
+
// never used to rebuild a full palette here, so the partial→full cast is safe.
|
|
1891
|
+
semanticColors: mergedSemanticColors,
|
|
1892
|
+
designTokenOverrides: mergedOverrideTokens,
|
|
1893
|
+
children: /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
|
|
1894
|
+
isDarkMode: resolvedIsDarkMode,
|
|
1895
|
+
semanticColors: mergedSemanticColors,
|
|
1896
|
+
overrideTokens: mergedOverrideTokens,
|
|
1897
|
+
children: children
|
|
1898
|
+
})
|
|
1899
|
+
}));
|
|
1900
|
+
};
|
|
1770
1901
|
const DesignSystemProvider = ({ children, enableAnimation = false, zIndexBase = 1000, getPopupContainer, flags = {}, themeOverrides, // Disable virtualization of legacy AntD components when running tests so that all items are rendered
|
|
1771
|
-
disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined })=>{
|
|
1902
|
+
disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
|
|
1772
1903
|
const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
|
|
1773
1904
|
const theme = useMemo(()=>getTheme(isDarkMode, {
|
|
1774
1905
|
enableAnimation,
|
|
@@ -1817,6 +1948,7 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1817
1948
|
themeOverrides
|
|
1818
1949
|
]);
|
|
1819
1950
|
const classNamePrefix = getClassNamePrefix(mergedTheme);
|
|
1951
|
+
const designTokenOverrideStyle = useDesignTokenOverrideStyles();
|
|
1820
1952
|
const value = useMemo(()=>{
|
|
1821
1953
|
return {
|
|
1822
1954
|
enableAnimation,
|
|
@@ -1851,14 +1983,18 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1851
1983
|
children: /*#__PURE__*/ jsx(TooltipProvider, {
|
|
1852
1984
|
children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
|
|
1853
1985
|
value: value,
|
|
1854
|
-
children: children
|
|
1986
|
+
children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
|
|
1987
|
+
overrideTokens: designTokenOverrideStyle,
|
|
1988
|
+
children: children
|
|
1989
|
+
})
|
|
1855
1990
|
})
|
|
1856
1991
|
})
|
|
1857
1992
|
})
|
|
1858
1993
|
})
|
|
1859
1994
|
});
|
|
1860
1995
|
};
|
|
1861
|
-
const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides,
|
|
1996
|
+
const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, // Defaults to true (inherit the ancestor's scope); pass false when this subtree establishes a new one.
|
|
1997
|
+
disableTokenScopeWrapper = true, children })=>{
|
|
1862
1998
|
const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);
|
|
1863
1999
|
if (parentDesignSystemProviderProps === null) {
|
|
1864
2000
|
throw new Error(`ApplyDesignSystemContextOverrides cannot be used standalone - DesignSystemProvider must exist in the React context`);
|
|
@@ -1892,6 +2028,7 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
|
|
|
1892
2028
|
]);
|
|
1893
2029
|
return /*#__PURE__*/ jsx(DesignSystemProvider, {
|
|
1894
2030
|
...newProps,
|
|
2031
|
+
disableTokenScopeWrapper: disableTokenScopeWrapper,
|
|
1895
2032
|
children: children
|
|
1896
2033
|
});
|
|
1897
2034
|
};
|
|
@@ -1911,8 +2048,10 @@ const ApplyDesignSystemFlags = ({ flags, children })=>{
|
|
|
1911
2048
|
parentDesignSystemProviderProps,
|
|
1912
2049
|
flags
|
|
1913
2050
|
]);
|
|
2051
|
+
// Context-only override (flags): inherits the ancestor's token scope, so no second wrapper.
|
|
1914
2052
|
return /*#__PURE__*/ jsx(DesignSystemProvider, {
|
|
1915
2053
|
...newProps,
|
|
2054
|
+
disableTokenScopeWrapper: true,
|
|
1916
2055
|
children: children
|
|
1917
2056
|
});
|
|
1918
2057
|
};
|
|
@@ -1944,64 +2083,6 @@ const useAntDConfigProviderContext = ()=>{
|
|
|
1944
2083
|
});
|
|
1945
2084
|
};
|
|
1946
2085
|
|
|
1947
|
-
// eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons because here in order to wrap them for import elsewhere
|
|
1948
|
-
function React18CompatibleIconComponent(IconComponent) {
|
|
1949
|
-
return IconComponent;
|
|
1950
|
-
}
|
|
1951
|
-
/**
|
|
1952
|
-
* Reëxport antd built-in icons with an interface that has been made compatible with the React 18
|
|
1953
|
-
* types by removing the props that are no longer present on the React DOM types.
|
|
1954
|
-
*
|
|
1955
|
-
* Prefer Du Bois icons from `__generated/icons` for new UI.
|
|
1956
|
-
*/ /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyAppstoreOutlined = React18CompatibleIconComponent(AppstoreOutlined);
|
|
1957
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyArrowUpOutlined = React18CompatibleIconComponent(ArrowUpOutlined);
|
|
1958
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBookOutlined = React18CompatibleIconComponent(BookOutlined);
|
|
1959
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBugOutlined = React18CompatibleIconComponent(BugOutlined);
|
|
1960
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleFilled = React18CompatibleIconComponent(CheckCircleFilled);
|
|
1961
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleOutlined = React18CompatibleIconComponent(CheckCircleOutlined);
|
|
1962
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleFilled = React18CompatibleIconComponent(ClockCircleFilled);
|
|
1963
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleOutlined = React18CompatibleIconComponent(ClockCircleOutlined);
|
|
1964
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseCircleFilled = React18CompatibleIconComponent(CloseCircleFilled);
|
|
1965
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseOutlined = React18CompatibleIconComponent(CloseOutlined);
|
|
1966
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCodeOutlined = React18CompatibleIconComponent(CodeOutlined);
|
|
1967
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCommentOutlined = React18CompatibleIconComponent(CommentOutlined);
|
|
1968
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCopyOutlined = React18CompatibleIconComponent(CopyOutlined);
|
|
1969
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDatabaseOutlined = React18CompatibleIconComponent(DatabaseOutlined);
|
|
1970
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDeleteOutlined = React18CompatibleIconComponent(DeleteOutlined);
|
|
1971
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDownOutlined = React18CompatibleIconComponent(DownOutlined);
|
|
1972
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEditOutlined = React18CompatibleIconComponent(EditOutlined);
|
|
1973
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
|
|
1974
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyExclamationCircleOutlined = React18CompatibleIconComponent(ExclamationCircleOutlined);
|
|
1975
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEyeOutlined = React18CompatibleIconComponent(EyeOutlined);
|
|
1976
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileOutlined = React18CompatibleIconComponent(FileOutlined);
|
|
1977
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileTextOutlined = React18CompatibleIconComponent(FileTextOutlined);
|
|
1978
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFilterOutlined = React18CompatibleIconComponent(FilterOutlined);
|
|
1979
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFlagOutlined = React18CompatibleIconComponent(FlagOutlined);
|
|
1980
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOpenOutlined = React18CompatibleIconComponent(FolderOpenOutlined);
|
|
1981
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOutlined = React18CompatibleIconComponent(FolderOutlined);
|
|
1982
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFullscreenOutlined = React18CompatibleIconComponent(FullscreenOutlined);
|
|
1983
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyGithubOutlined = React18CompatibleIconComponent(GithubOutlined);
|
|
1984
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyHourglassOutlined = React18CompatibleIconComponent(HourglassOutlined);
|
|
1985
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyInfoCircleOutlined = React18CompatibleIconComponent(InfoCircleOutlined);
|
|
1986
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLinkOutlined = React18CompatibleIconComponent(LinkOutlined);
|
|
1987
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLoadingOutlined = React18CompatibleIconComponent(LoadingOutlined);
|
|
1988
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyNotificationOutlined = React18CompatibleIconComponent(NotificationOutlined);
|
|
1989
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPauseCircleFilled = React18CompatibleIconComponent(PauseCircleFilled);
|
|
1990
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlayCircleOutlined = React18CompatibleIconComponent(PlayCircleOutlined);
|
|
1991
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlusOutlined = React18CompatibleIconComponent(PlusOutlined);
|
|
1992
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyQuestionCircleOutlined = React18CompatibleIconComponent(QuestionCircleOutlined);
|
|
1993
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyReloadOutlined = React18CompatibleIconComponent(ReloadOutlined);
|
|
1994
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRightOutlined = React18CompatibleIconComponent(RightOutlined);
|
|
1995
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRocketOutlined = React18CompatibleIconComponent(RocketOutlined);
|
|
1996
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySearchOutlined = React18CompatibleIconComponent(SearchOutlined);
|
|
1997
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySendOutlined = React18CompatibleIconComponent(SendOutlined);
|
|
1998
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySettingOutlined = React18CompatibleIconComponent(SettingOutlined);
|
|
1999
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySlackOutlined = React18CompatibleIconComponent(SlackOutlined);
|
|
2000
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySwapOutlined = React18CompatibleIconComponent(SwapOutlined);
|
|
2001
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySyncOutlined = React18CompatibleIconComponent(SyncOutlined);
|
|
2002
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyUpOutlined = React18CompatibleIconComponent(UpOutlined);
|
|
2003
|
-
/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyVideoCameraOutlined = React18CompatibleIconComponent(VideoCameraOutlined);
|
|
2004
|
-
|
|
2005
2086
|
function useDesignSystemContext() {
|
|
2006
2087
|
return useContext(DesignSystemContext);
|
|
2007
2088
|
}
|
|
@@ -17464,7 +17545,7 @@ const Button$1 = /* #__PURE__ */ (()=>{
|
|
|
17464
17545
|
inheritColor: true,
|
|
17465
17546
|
label: "loading",
|
|
17466
17547
|
"aria-label": "loading",
|
|
17467
|
-
//
|
|
17548
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
|
|
17468
17549
|
loadingDescription: loadingDescription ?? componentId,
|
|
17469
17550
|
css: getMemoizedLoadingSpinnerCss(iconOnly, Boolean(dangerouslySetForceIconStyles))
|
|
17470
17551
|
}) : null;
|
|
@@ -18232,9 +18313,9 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
|
|
|
18232
18313
|
// Right-align footer buttons. For a custom footer (`display: block`) this is what aligns the
|
|
18233
18314
|
// inline-block buttons.
|
|
18234
18315
|
textAlign: 'right',
|
|
18235
|
-
// 8px gap between adjacent footer buttons.
|
|
18236
|
-
//
|
|
18237
|
-
'&
|
|
18316
|
+
// 8px gap between adjacent footer buttons. Descendant selector so it reaches buttons that a
|
|
18317
|
+
// custom footer nests inside wrapper elements, not just the footer's direct children.
|
|
18318
|
+
'& button + button': {
|
|
18238
18319
|
marginLeft: theme.spacing.sm
|
|
18239
18320
|
},
|
|
18240
18321
|
height: footerHeight,
|
|
@@ -18305,6 +18386,8 @@ function ModalInternal({ componentId, analyticsEvents = [
|
|
|
18305
18386
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
18306
18387
|
], okButtonProps, cancelButtonProps, dangerouslySetAntdProps, children, title, footer, size = 'normal', verticalSizing = 'dynamic', autoFocusButton, truncateTitle, shouldStartInteraction, visible = false, onOk, onCancel, afterClose, confirmLoading, okText, cancelText, destroyOnClose, wrapClassName, className, getContainer, zIndex, modalRender, preventAutoFocus = true, compactTitle = false, ...restProps }) {
|
|
18307
18388
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
18389
|
+
const themeClass = useDuboisThemeClass();
|
|
18390
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
18308
18391
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
18309
18392
|
analyticsEvents
|
|
18310
18393
|
]);
|
|
@@ -18631,7 +18714,8 @@ function ModalInternal({ componentId, analyticsEvents = [
|
|
|
18631
18714
|
ref: modalRootRef,
|
|
18632
18715
|
"aria-hidden": !open,
|
|
18633
18716
|
css: wrapperStyles,
|
|
18634
|
-
className: classnames(wrapClassName),
|
|
18717
|
+
className: classnames(wrapClassName, themeClass),
|
|
18718
|
+
style: themeOverrideStyle,
|
|
18635
18719
|
children: /*#__PURE__*/ jsx(RadixModalContext.Provider, {
|
|
18636
18720
|
value: {
|
|
18637
18721
|
modalRootElement: modalRootRef.current?.firstChild
|
|
@@ -18723,132 +18807,6 @@ const ModalContext = /*#__PURE__*/ createContext({
|
|
|
18723
18807
|
});
|
|
18724
18808
|
const useModalContext = ()=>useContext(ModalContext);
|
|
18725
18809
|
|
|
18726
|
-
// Module-level caches. Both styles depend only on theme (and zIndex), so share one
|
|
18727
|
-
// object across every LegacyTooltip instance instead of allocating per render.
|
|
18728
|
-
const TRIGGER = [
|
|
18729
|
-
'hover',
|
|
18730
|
-
'focus'
|
|
18731
|
-
];
|
|
18732
|
-
const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
|
|
18733
|
-
backgroundColor: '#2F3941',
|
|
18734
|
-
lineHeight: '22px',
|
|
18735
|
-
padding: '4px 8px',
|
|
18736
|
-
boxShadow: theme.general.shadowLow,
|
|
18737
|
-
...getDarkModePortalStyles(theme)
|
|
18738
|
-
}));
|
|
18739
|
-
const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
|
|
18740
|
-
zIndex: theme.options.zIndexBase + 70
|
|
18741
|
-
}), (theme)=>String(theme.options.zIndexBase));
|
|
18742
|
-
const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
|
|
18743
|
-
...getAnimationCss(enableAnimation)
|
|
18744
|
-
}));
|
|
18745
|
-
/**
|
|
18746
|
-
* `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
|
|
18747
|
-
* @deprecated
|
|
18748
|
-
*/ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
|
|
18749
|
-
const { theme } = useDesignSystemTheme();
|
|
18750
|
-
const tooltipRef = useRef(null);
|
|
18751
|
-
const duboisId = useUniqueId('dubois-tooltip-component-');
|
|
18752
|
-
const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
|
|
18753
|
-
if (!title) {
|
|
18754
|
-
return /*#__PURE__*/ jsx(React__default.Fragment, {
|
|
18755
|
-
children: children
|
|
18756
|
-
});
|
|
18757
|
-
}
|
|
18758
|
-
const titleProps = silenceScreenReader ? {} : {
|
|
18759
|
-
'aria-live': 'polite',
|
|
18760
|
-
'aria-relevant': 'additions'
|
|
18761
|
-
};
|
|
18762
|
-
if (dataTestId) {
|
|
18763
|
-
titleProps['data-testid'] = dataTestId;
|
|
18764
|
-
}
|
|
18765
|
-
const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
|
|
18766
|
-
...titleProps,
|
|
18767
|
-
children: title
|
|
18768
|
-
});
|
|
18769
|
-
const ariaProps = {
|
|
18770
|
-
'aria-hidden': false
|
|
18771
|
-
};
|
|
18772
|
-
const addAriaProps = (e)=>{
|
|
18773
|
-
if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
18774
|
-
return;
|
|
18775
|
-
}
|
|
18776
|
-
if (id) {
|
|
18777
|
-
e.currentTarget.setAttribute('aria-live', 'polite');
|
|
18778
|
-
if (useAsLabel) {
|
|
18779
|
-
e.currentTarget.setAttribute('aria-labelledby', id);
|
|
18780
|
-
} else {
|
|
18781
|
-
e.currentTarget.setAttribute('aria-describedby', id);
|
|
18782
|
-
}
|
|
18783
|
-
}
|
|
18784
|
-
};
|
|
18785
|
-
const removeAriaProps = (e)=>{
|
|
18786
|
-
if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
18787
|
-
return;
|
|
18788
|
-
}
|
|
18789
|
-
if (useAsLabel) {
|
|
18790
|
-
e.currentTarget.removeAttribute('aria-labelledby');
|
|
18791
|
-
} else {
|
|
18792
|
-
e.currentTarget.removeAttribute('aria-describedby');
|
|
18793
|
-
}
|
|
18794
|
-
e.currentTarget.removeAttribute('aria-live');
|
|
18795
|
-
};
|
|
18796
|
-
const interactionProps = {
|
|
18797
|
-
onMouseEnter: (e)=>{
|
|
18798
|
-
addAriaProps(e);
|
|
18799
|
-
},
|
|
18800
|
-
onMouseLeave: (e)=>{
|
|
18801
|
-
removeAriaProps(e);
|
|
18802
|
-
},
|
|
18803
|
-
onFocus: (e)=>{
|
|
18804
|
-
addAriaProps(e);
|
|
18805
|
-
},
|
|
18806
|
-
onBlur: (e)=>{
|
|
18807
|
-
removeAriaProps(e);
|
|
18808
|
-
}
|
|
18809
|
-
};
|
|
18810
|
-
const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
|
|
18811
|
-
...ariaProps,
|
|
18812
|
-
...interactionProps,
|
|
18813
|
-
...children.props
|
|
18814
|
-
}) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
|
|
18815
|
-
...ariaProps,
|
|
18816
|
-
...interactionProps,
|
|
18817
|
-
children: children
|
|
18818
|
-
});
|
|
18819
|
-
const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
|
|
18820
|
-
// When no overrides are passed, reuse the module-level memoized objects directly so
|
|
18821
|
-
// the same reference is shared across every tooltip instance with the same theme.
|
|
18822
|
-
const mergedOverlayInnerStyle = overlayInnerStyle ? {
|
|
18823
|
-
backgroundColor: '#2F3941',
|
|
18824
|
-
lineHeight: '22px',
|
|
18825
|
-
padding: '4px 8px',
|
|
18826
|
-
boxShadow: theme.general.shadowLow,
|
|
18827
|
-
...overlayInnerStyle,
|
|
18828
|
-
...getDarkModePortalStyles(theme)
|
|
18829
|
-
} : getMemoizedDefaultOverlayInnerStyle(theme);
|
|
18830
|
-
const mergedOverlayStyle = overlayStyle ? {
|
|
18831
|
-
zIndex: theme.options.zIndexBase + 70,
|
|
18832
|
-
...overlayStyle
|
|
18833
|
-
} : getMemoizedDefaultOverlayStyle(theme);
|
|
18834
|
-
return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
18835
|
-
children: /*#__PURE__*/ jsx(Tooltip$1, {
|
|
18836
|
-
id: id,
|
|
18837
|
-
ref: tooltipRef,
|
|
18838
|
-
title: liveTitle,
|
|
18839
|
-
placement: placement,
|
|
18840
|
-
// Always trigger on hover and focus
|
|
18841
|
-
trigger: TRIGGER,
|
|
18842
|
-
overlayInnerStyle: mergedOverlayInnerStyle,
|
|
18843
|
-
overlayStyle: mergedOverlayStyle,
|
|
18844
|
-
css: getMemoizedAnimationCss(theme.options.enableAnimation),
|
|
18845
|
-
...delegatedDangerouslySetAntdProps,
|
|
18846
|
-
...props,
|
|
18847
|
-
children: childWithProps
|
|
18848
|
-
})
|
|
18849
|
-
});
|
|
18850
|
-
};
|
|
18851
|
-
|
|
18852
18810
|
// WRAPPED RADIX-UI-COMPONENTS
|
|
18853
18811
|
const Anchor = Popover$1.Anchor; // Behavioral component only
|
|
18854
18812
|
const DEFAULT_ANALYTICS_EVENTS$5 = [
|
|
@@ -18894,10 +18852,12 @@ const Root$b = ({ children, onOpenChange, componentId, analyticsEvents = DEFAULT
|
|
|
18894
18852
|
})
|
|
18895
18853
|
});
|
|
18896
18854
|
};
|
|
18897
|
-
const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, ...props }, ref) {
|
|
18855
|
+
const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, className, style, ...props }, ref) {
|
|
18898
18856
|
const { getPopupContainer } = useDesignSystemContext();
|
|
18899
18857
|
const { theme } = useDesignSystemTheme();
|
|
18900
18858
|
const dataComponentProps = useComponentFinderContext(DesignSystemEventProviderComponentTypes.Popover);
|
|
18859
|
+
const themeClass = useDuboisThemeClass();
|
|
18860
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
18901
18861
|
return /*#__PURE__*/ jsx(Popover$1.Portal, {
|
|
18902
18862
|
container: getPopupContainer && getPopupContainer(),
|
|
18903
18863
|
children: /*#__PURE__*/ jsx(Popover$1.Content, {
|
|
@@ -18914,6 +18874,11 @@ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
|
|
|
18914
18874
|
"aria-label": "Popover content",
|
|
18915
18875
|
...props,
|
|
18916
18876
|
...dataComponentProps,
|
|
18877
|
+
className: classnames(className, themeClass),
|
|
18878
|
+
style: {
|
|
18879
|
+
...style,
|
|
18880
|
+
...themeOverrideStyle
|
|
18881
|
+
},
|
|
18917
18882
|
children: children
|
|
18918
18883
|
})
|
|
18919
18884
|
});
|
|
@@ -19006,6 +18971,268 @@ var Popover = /*#__PURE__*/Object.freeze({
|
|
|
19006
18971
|
Trigger: Trigger$5
|
|
19007
18972
|
});
|
|
19008
18973
|
|
|
18974
|
+
// @ts-expect-error `jest` is only available in tests
|
|
18975
|
+
const isInsideTest = ()=>typeof jest !== 'undefined';
|
|
18976
|
+
|
|
18977
|
+
const DEFAULT_ANALYTICS_EVENTS$4 = [
|
|
18978
|
+
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
18979
|
+
];
|
|
18980
|
+
const slideUpAndFade = /*#__PURE__*/ keyframes({
|
|
18981
|
+
from: {
|
|
18982
|
+
opacity: 0,
|
|
18983
|
+
transform: 'translateY(2px)'
|
|
18984
|
+
},
|
|
18985
|
+
to: {
|
|
18986
|
+
opacity: 1,
|
|
18987
|
+
transform: 'translateY(0)'
|
|
18988
|
+
}
|
|
18989
|
+
});
|
|
18990
|
+
const slideRightAndFade = /*#__PURE__*/ keyframes({
|
|
18991
|
+
from: {
|
|
18992
|
+
opacity: 0,
|
|
18993
|
+
transform: 'translateX(-2px)'
|
|
18994
|
+
},
|
|
18995
|
+
to: {
|
|
18996
|
+
opacity: 1,
|
|
18997
|
+
transform: 'translateX(0)'
|
|
18998
|
+
}
|
|
18999
|
+
});
|
|
19000
|
+
const slideDownAndFade = /*#__PURE__*/ keyframes({
|
|
19001
|
+
from: {
|
|
19002
|
+
opacity: 0,
|
|
19003
|
+
transform: 'translateY(-2px)'
|
|
19004
|
+
},
|
|
19005
|
+
to: {
|
|
19006
|
+
opacity: 1,
|
|
19007
|
+
transform: 'translateY(0)'
|
|
19008
|
+
}
|
|
19009
|
+
});
|
|
19010
|
+
const slideLeftAndFade = /*#__PURE__*/ keyframes({
|
|
19011
|
+
from: {
|
|
19012
|
+
opacity: 0,
|
|
19013
|
+
transform: 'translateX(2px)'
|
|
19014
|
+
},
|
|
19015
|
+
to: {
|
|
19016
|
+
opacity: 1,
|
|
19017
|
+
transform: 'translateX(0)'
|
|
19018
|
+
}
|
|
19019
|
+
});
|
|
19020
|
+
const getTooltipStyles = (theme, clsPrefix)=>{
|
|
19021
|
+
// Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
|
|
19022
|
+
// well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
|
|
19023
|
+
// styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
|
|
19024
|
+
// and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
|
|
19025
|
+
// for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
|
|
19026
|
+
// via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
|
|
19027
|
+
//
|
|
19028
|
+
// It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
|
|
19029
|
+
// when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
|
|
19030
|
+
// component is used outside of universe alongside a Radix version that still has the underlying bug.
|
|
19031
|
+
const dataStateAttr = 'tooltip-data-state';
|
|
19032
|
+
const classTypography = `.${clsPrefix}-typography`;
|
|
19033
|
+
const { isDarkMode } = theme;
|
|
19034
|
+
const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
|
|
19035
|
+
const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
|
|
19036
|
+
const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
|
|
19037
|
+
return {
|
|
19038
|
+
content: {
|
|
19039
|
+
backgroundColor: theme.colors.tooltipBackgroundTooltip,
|
|
19040
|
+
color: theme.colors.tooltipTextTooltip,
|
|
19041
|
+
borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
|
|
19042
|
+
fontSize: theme.typography.fontSizeMd,
|
|
19043
|
+
padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
|
|
19044
|
+
lineHeight: theme.typography.lineHeightLg,
|
|
19045
|
+
fontWeight: theme.typography.typographyRegularFontWeight,
|
|
19046
|
+
boxShadow: theme.shadows.lg,
|
|
19047
|
+
wordWrap: 'break-word',
|
|
19048
|
+
whiteSpace: 'normal',
|
|
19049
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
19050
|
+
willChange: 'transform, opacity',
|
|
19051
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
|
|
19052
|
+
animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
19053
|
+
},
|
|
19054
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
|
|
19055
|
+
animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
19056
|
+
},
|
|
19057
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
|
|
19058
|
+
animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
19059
|
+
},
|
|
19060
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
|
|
19061
|
+
animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
19062
|
+
},
|
|
19063
|
+
[`& a${classTypography}`]: {
|
|
19064
|
+
'&, :focus': {
|
|
19065
|
+
color: linkColor,
|
|
19066
|
+
'.anticon': {
|
|
19067
|
+
color: linkColor
|
|
19068
|
+
}
|
|
19069
|
+
},
|
|
19070
|
+
':active': {
|
|
19071
|
+
color: linkActiveColor,
|
|
19072
|
+
'.anticon': {
|
|
19073
|
+
color: linkActiveColor
|
|
19074
|
+
}
|
|
19075
|
+
},
|
|
19076
|
+
':hover': {
|
|
19077
|
+
color: linkHoverColor,
|
|
19078
|
+
'.anticon': {
|
|
19079
|
+
color: linkHoverColor
|
|
19080
|
+
}
|
|
19081
|
+
}
|
|
19082
|
+
}
|
|
19083
|
+
},
|
|
19084
|
+
arrow: {
|
|
19085
|
+
fill: theme.colors.tooltipBackgroundTooltip,
|
|
19086
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
19087
|
+
visibility: 'visible'
|
|
19088
|
+
}
|
|
19089
|
+
};
|
|
19090
|
+
};
|
|
19091
|
+
const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
|
|
19092
|
+
/**
|
|
19093
|
+
* Radix's portal only mounts its children while the tooltip is open, so keeping the content work
|
|
19094
|
+
* here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
|
|
19095
|
+
* composes a ref onto whatever it renders, so this has to forward it on to the content.
|
|
19096
|
+
*/ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
|
|
19097
|
+
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
19098
|
+
// The Radix portal mounts on the body, outside any Du Bois scope, so re-establish the token scope
|
|
19099
|
+
// here the way other portaled surfaces (Modal, Drawer, DropdownMenu, …) do: the theme class carries
|
|
19100
|
+
// the base `--db-*` tokens and the override style re-declares any consumer overrides on top.
|
|
19101
|
+
const themeClass = useDuboisThemeClass();
|
|
19102
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
19103
|
+
const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
|
|
19104
|
+
const contentCss = useMemo(()=>[
|
|
19105
|
+
tooltipStyles['content'],
|
|
19106
|
+
{
|
|
19107
|
+
maxWidth
|
|
19108
|
+
},
|
|
19109
|
+
zIndex !== undefined ? {
|
|
19110
|
+
zIndex
|
|
19111
|
+
} : undefined
|
|
19112
|
+
], [
|
|
19113
|
+
tooltipStyles,
|
|
19114
|
+
maxWidth,
|
|
19115
|
+
zIndex
|
|
19116
|
+
]);
|
|
19117
|
+
const eventContext = useDesignSystemEventComponentCallbacks({
|
|
19118
|
+
componentType: DesignSystemEventProviderComponentTypes.Tooltip,
|
|
19119
|
+
componentId,
|
|
19120
|
+
analyticsEvents
|
|
19121
|
+
});
|
|
19122
|
+
useEffect(()=>{
|
|
19123
|
+
if (shouldReportViewRef.current) {
|
|
19124
|
+
eventContext.onView();
|
|
19125
|
+
shouldReportViewRef.current = false;
|
|
19126
|
+
}
|
|
19127
|
+
}, [
|
|
19128
|
+
eventContext,
|
|
19129
|
+
shouldReportViewRef
|
|
19130
|
+
]);
|
|
19131
|
+
return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
|
|
19132
|
+
ref: ref,
|
|
19133
|
+
side: side,
|
|
19134
|
+
align: align,
|
|
19135
|
+
sideOffset: sideOffset ?? theme.spacing.sm,
|
|
19136
|
+
arrowPadding: theme.spacing.md,
|
|
19137
|
+
css: contentCss,
|
|
19138
|
+
...props,
|
|
19139
|
+
...eventContext.dataComponentProps,
|
|
19140
|
+
className: themeClass,
|
|
19141
|
+
style: themeOverrideStyle,
|
|
19142
|
+
children: [
|
|
19143
|
+
content,
|
|
19144
|
+
/*#__PURE__*/ jsx(RadixTooltip.Arrow, {
|
|
19145
|
+
css: tooltipStyles['arrow']
|
|
19146
|
+
})
|
|
19147
|
+
]
|
|
19148
|
+
});
|
|
19149
|
+
});
|
|
19150
|
+
/**
|
|
19151
|
+
* Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
|
|
19152
|
+
* design system context.
|
|
19153
|
+
*/ const TooltipPortal = (props)=>{
|
|
19154
|
+
const { getPopupContainer } = useDesignSystemContext();
|
|
19155
|
+
return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
|
|
19156
|
+
container: getPopupContainer?.(),
|
|
19157
|
+
children: /*#__PURE__*/ jsx(TooltipContent, {
|
|
19158
|
+
...props
|
|
19159
|
+
})
|
|
19160
|
+
});
|
|
19161
|
+
};
|
|
19162
|
+
/**
|
|
19163
|
+
* If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
|
|
19164
|
+
* onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
|
|
19165
|
+
*
|
|
19166
|
+
* See go/dubois.
|
|
19167
|
+
*/ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
|
|
19168
|
+
disableHoverableContent ??= true;
|
|
19169
|
+
const firstView = useRef(true);
|
|
19170
|
+
const shouldReportView = useRef(false);
|
|
19171
|
+
// The portal renders nothing while closed, but it and its Presence still mount for every tooltip
|
|
19172
|
+
// on the page. Root and Trigger stay put so the child never changes position in the tree.
|
|
19173
|
+
const [everOpened, setEverOpened] = useState(defaultOpen);
|
|
19174
|
+
// A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
|
|
19175
|
+
if (open && !everOpened) {
|
|
19176
|
+
setEverOpened(true);
|
|
19177
|
+
}
|
|
19178
|
+
const handleOpenChange = useCallback((open)=>{
|
|
19179
|
+
if (open) {
|
|
19180
|
+
setEverOpened(true);
|
|
19181
|
+
if (firstView.current) {
|
|
19182
|
+
shouldReportView.current = true;
|
|
19183
|
+
firstView.current = false;
|
|
19184
|
+
}
|
|
19185
|
+
}
|
|
19186
|
+
onOpenChange?.(open);
|
|
19187
|
+
}, [
|
|
19188
|
+
onOpenChange
|
|
19189
|
+
]);
|
|
19190
|
+
const IS_INSIDE_TEST = isInsideTest();
|
|
19191
|
+
return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
|
|
19192
|
+
defaultOpen: defaultOpen,
|
|
19193
|
+
delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
|
|
19194
|
+
open: open,
|
|
19195
|
+
onOpenChange: handleOpenChange,
|
|
19196
|
+
disableHoverableContent: disableHoverableContent,
|
|
19197
|
+
children: [
|
|
19198
|
+
/*#__PURE__*/ jsx(RadixTooltip.Trigger, {
|
|
19199
|
+
asChild: true,
|
|
19200
|
+
children: children
|
|
19201
|
+
}),
|
|
19202
|
+
content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
|
|
19203
|
+
content: content,
|
|
19204
|
+
side: side,
|
|
19205
|
+
sideOffset: sideOffset,
|
|
19206
|
+
align: align,
|
|
19207
|
+
maxWidth: maxWidth,
|
|
19208
|
+
componentId: componentId,
|
|
19209
|
+
analyticsEvents: analyticsEvents,
|
|
19210
|
+
zIndex: zIndex,
|
|
19211
|
+
shouldReportViewRef: shouldReportView,
|
|
19212
|
+
...props
|
|
19213
|
+
}) : null
|
|
19214
|
+
]
|
|
19215
|
+
});
|
|
19216
|
+
};
|
|
19217
|
+
|
|
19218
|
+
const getMemoizedIconCss = memoize((theme)=>({
|
|
19219
|
+
color: theme.colors.textSecondary
|
|
19220
|
+
}));
|
|
19221
|
+
const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
|
|
19222
|
+
const { theme } = useDesignSystemTheme();
|
|
19223
|
+
return /*#__PURE__*/ jsx(Tooltip, {
|
|
19224
|
+
content: content,
|
|
19225
|
+
...props,
|
|
19226
|
+
children: /*#__PURE__*/ jsx(InfoSmallIcon, {
|
|
19227
|
+
tabIndex: 0,
|
|
19228
|
+
"aria-hidden": "false",
|
|
19229
|
+
"aria-label": iconTitle,
|
|
19230
|
+
alt: iconTitle,
|
|
19231
|
+
css: getMemoizedIconCss(theme)
|
|
19232
|
+
})
|
|
19233
|
+
});
|
|
19234
|
+
};
|
|
19235
|
+
|
|
19009
19236
|
const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
|
|
19010
19237
|
const { theme } = useDesignSystemTheme();
|
|
19011
19238
|
const [showTooltip, setShowTooltip] = useState(true);
|
|
@@ -19025,8 +19252,9 @@ const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More it
|
|
|
19025
19252
|
})
|
|
19026
19253
|
});
|
|
19027
19254
|
if (showTooltip) {
|
|
19028
|
-
trigger = /*#__PURE__*/ jsx(
|
|
19029
|
-
|
|
19255
|
+
trigger = /*#__PURE__*/ jsx(Tooltip, {
|
|
19256
|
+
componentId: "design-system.overflow-popover.tooltip",
|
|
19257
|
+
content: tooltipText || 'See more items',
|
|
19030
19258
|
children: trigger
|
|
19031
19259
|
});
|
|
19032
19260
|
}
|
|
@@ -19932,9 +20160,9 @@ const AntDCheckboxGroupInternal = /*#__PURE__*/ forwardRef(function AntDCheckbox
|
|
|
19932
20160
|
|
|
19933
20161
|
const NativeCheckboxGroupContext = createContext(null);
|
|
19934
20162
|
|
|
19935
|
-
const GROUP_CLASS$1 = '
|
|
20163
|
+
const GROUP_CLASS$1 = 'db-checkbox-group';
|
|
19936
20164
|
// Vertical groups are a stack; horizontal stays a bespoke non-wrapping row (see NativeCheckbox.css).
|
|
19937
|
-
const STACK_CLASS$1 = '
|
|
20165
|
+
const STACK_CLASS$1 = 'db-stack';
|
|
19938
20166
|
const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGroup({ children, layout = 'vertical', value, defaultValue, onChange, options, disabled, name, className, style, ...rest }, ref) {
|
|
19939
20167
|
const isControlled = value !== undefined;
|
|
19940
20168
|
const [internalValue, setInternalValue] = useState(defaultValue ? [
|
|
@@ -19992,17 +20220,17 @@ const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGrou
|
|
|
19992
20220
|
});
|
|
19993
20221
|
});
|
|
19994
20222
|
|
|
19995
|
-
const ROOT_CLASS$1 = '
|
|
20223
|
+
const ROOT_CLASS$1 = 'db-checkbox';
|
|
19996
20224
|
// The checkbox's own <input> carries this class so CSS targets it specifically
|
|
19997
20225
|
// rather than any `input` descendant — a consumer may render an inline <input>
|
|
19998
20226
|
// (e.g. a number field) inside the label children, and a bare `input` selector
|
|
19999
20227
|
// would wrongly hide/absolutely-position it and mis-drive the checkbox's
|
|
20000
20228
|
// `:has(input:…)` state rules.
|
|
20001
|
-
const INPUT_CLASS = '
|
|
20002
|
-
const INDICATOR_CLASS$1 = '
|
|
20003
|
-
const CHECKMARK_CLASS = '
|
|
20004
|
-
const DASH_CLASS = '
|
|
20005
|
-
const LABEL_CLASS$1 = '
|
|
20229
|
+
const INPUT_CLASS = 'db-checkbox-input';
|
|
20230
|
+
const INDICATOR_CLASS$1 = 'db-checkbox-indicator';
|
|
20231
|
+
const CHECKMARK_CLASS = 'db-checkbox-checkmark';
|
|
20232
|
+
const DASH_CLASS = 'db-checkbox-dash';
|
|
20233
|
+
const LABEL_CLASS$1 = 'db-checkbox-label';
|
|
20006
20234
|
function logAntdPropWarning(dangerouslySetAntdProps) {
|
|
20007
20235
|
if (process.env.NODE_ENV !== 'production' && dangerouslySetAntdProps && Object.keys(dangerouslySetAntdProps).length > 0) {
|
|
20008
20236
|
// eslint-disable-next-line no-console
|
|
@@ -20096,10 +20324,9 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
|
|
|
20096
20324
|
value
|
|
20097
20325
|
]);
|
|
20098
20326
|
const isIndeterminate = effectiveChecked === null;
|
|
20099
|
-
//
|
|
20100
|
-
//
|
|
20101
|
-
const
|
|
20102
|
-
const rootClassName = classnames(ROOT_CLASS$1, themeClass, className);
|
|
20327
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
20328
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
20329
|
+
const rootClassName = classnames(ROOT_CLASS$1, className);
|
|
20103
20330
|
// Skip `checked` when uncontrolled (avoids React's controlled-vs-uncontrolled warning when
|
|
20104
20331
|
// a `defaultChecked` is also passed). Indeterminate drives controlled mode with checked=false.
|
|
20105
20332
|
const checkedProp = isIndeterminate ? false : effectiveChecked;
|
|
@@ -20292,14 +20519,16 @@ const infoIconStyles = (theme)=>({
|
|
|
20292
20519
|
color: theme.colors.textSecondary,
|
|
20293
20520
|
pointerEvents: 'all'
|
|
20294
20521
|
});
|
|
20295
|
-
const getNewChildren = (children, props, disabledReason,
|
|
20522
|
+
const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
|
|
20523
|
+
// portals to document.body at zIndexBase + 70 (~1070), which is below the menu's own z-index, so
|
|
20524
|
+
// without this it renders behind the open menu.
|
|
20525
|
+
zIndex)=>{
|
|
20296
20526
|
const childCount = Children.count(children);
|
|
20297
|
-
const tooltip = /*#__PURE__*/ jsx(
|
|
20298
|
-
|
|
20299
|
-
|
|
20300
|
-
|
|
20301
|
-
|
|
20302
|
-
},
|
|
20527
|
+
const tooltip = /*#__PURE__*/ jsx(Tooltip, {
|
|
20528
|
+
componentId: "design-system.menu.disabled-reason.tooltip",
|
|
20529
|
+
content: disabledReason,
|
|
20530
|
+
side: "right",
|
|
20531
|
+
zIndex: zIndex,
|
|
20303
20532
|
children: /*#__PURE__*/ jsx("span", {
|
|
20304
20533
|
"data-disabled-tooltip": true,
|
|
20305
20534
|
css: (theme)=>infoIconStyles(theme),
|
|
@@ -20384,11 +20613,13 @@ const Root$a = ({ children, itemHtmlType, ...props })=>{
|
|
|
20384
20613
|
})
|
|
20385
20614
|
});
|
|
20386
20615
|
};
|
|
20387
|
-
const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...props }, ref) {
|
|
20616
|
+
const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...props }, ref) {
|
|
20388
20617
|
const { getPopupContainer } = useDesignSystemContext();
|
|
20389
20618
|
const { theme } = useDesignSystemTheme();
|
|
20390
20619
|
const { setIsOpen } = useDropdownContext();
|
|
20391
20620
|
const { isInsideModal } = useModalContext();
|
|
20621
|
+
const themeClass = useDuboisThemeClass();
|
|
20622
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
20392
20623
|
return /*#__PURE__*/ jsx(DropdownMenu$1.Portal, {
|
|
20393
20624
|
container: getPopupContainer && getPopupContainer(),
|
|
20394
20625
|
children: /*#__PURE__*/ jsx(DropdownMenu$1.Content, {
|
|
@@ -20431,11 +20662,16 @@ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
|
|
|
20431
20662
|
e.stopPropagation();
|
|
20432
20663
|
props?.onTouchMove?.(e);
|
|
20433
20664
|
},
|
|
20665
|
+
className: classnames(className, themeClass),
|
|
20666
|
+
style: {
|
|
20667
|
+
...style,
|
|
20668
|
+
...themeOverrideStyle
|
|
20669
|
+
},
|
|
20434
20670
|
children: children
|
|
20435
20671
|
})
|
|
20436
20672
|
});
|
|
20437
20673
|
});
|
|
20438
|
-
const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, ...props }, ref) {
|
|
20674
|
+
const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, className, style, ...props }, ref) {
|
|
20439
20675
|
const { getPopupContainer } = useDesignSystemContext();
|
|
20440
20676
|
const { theme } = useDesignSystemTheme();
|
|
20441
20677
|
const [contentFitsInViewport, setContentFitsInViewport] = React__default.useState(true);
|
|
@@ -20480,6 +20716,8 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
|
|
|
20480
20716
|
isOpen,
|
|
20481
20717
|
checkAvailableWidth
|
|
20482
20718
|
]);
|
|
20719
|
+
const themeClass = useDuboisThemeClass();
|
|
20720
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
20483
20721
|
let transformCalc = `calc(var(--radix-dropdown-menu-content-available-width) + var(--radix-dropdown-menu-trigger-width) * -1)`;
|
|
20484
20722
|
if (dataSide === 'left') {
|
|
20485
20723
|
transformCalc = `calc(var(--radix-dropdown-menu-trigger-width) - var(--radix-dropdown-menu-content-available-width))`;
|
|
@@ -20511,6 +20749,11 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
|
|
|
20511
20749
|
onKeyDown?.(e);
|
|
20512
20750
|
},
|
|
20513
20751
|
...props,
|
|
20752
|
+
className: classnames(className, themeClass),
|
|
20753
|
+
style: {
|
|
20754
|
+
...style,
|
|
20755
|
+
...themeOverrideStyle
|
|
20756
|
+
},
|
|
20514
20757
|
children: children
|
|
20515
20758
|
})
|
|
20516
20759
|
});
|
|
@@ -20580,7 +20823,7 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
|
|
|
20580
20823
|
},
|
|
20581
20824
|
...props,
|
|
20582
20825
|
...eventContext.dataComponentProps,
|
|
20583
|
-
children: getNewChildren(children, props, disabledReason,
|
|
20826
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20584
20827
|
});
|
|
20585
20828
|
});
|
|
20586
20829
|
const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props }, ref) {
|
|
@@ -20628,7 +20871,7 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
|
|
|
20628
20871
|
},
|
|
20629
20872
|
...props,
|
|
20630
20873
|
children: [
|
|
20631
|
-
getNewChildren(children, props, disabledReason,
|
|
20874
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1),
|
|
20632
20875
|
/*#__PURE__*/ jsx(HintColumn, {
|
|
20633
20876
|
css: (theme)=>({
|
|
20634
20877
|
margin: CONSTANTS.subMenuIconMargin(theme),
|
|
@@ -20698,7 +20941,7 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
|
|
|
20698
20941
|
},
|
|
20699
20942
|
...props,
|
|
20700
20943
|
...eventContext.dataComponentProps,
|
|
20701
|
-
children: getNewChildren(children, props, disabledReason,
|
|
20944
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20702
20945
|
});
|
|
20703
20946
|
});
|
|
20704
20947
|
const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, componentId, analyticsEvents, onValueChange, valueHasNoPii, ...props }, ref) {
|
|
@@ -20793,7 +21036,7 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
|
|
|
20793
21036
|
checkboxItemStyles(theme)
|
|
20794
21037
|
],
|
|
20795
21038
|
...props,
|
|
20796
|
-
children: getNewChildren(children, props, disabledReason,
|
|
21039
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20797
21040
|
});
|
|
20798
21041
|
});
|
|
20799
21042
|
const SubContext = /*#__PURE__*/ createContext({
|
|
@@ -21063,18 +21306,20 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
|
|
|
21063
21306
|
props.onKeyDown?.(e);
|
|
21064
21307
|
},
|
|
21065
21308
|
children: [
|
|
21066
|
-
getNewChildren(children, props, disabledReason,
|
|
21309
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1),
|
|
21067
21310
|
withChevron && /*#__PURE__*/ jsx(ContextMenu.Hint, {
|
|
21068
21311
|
children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
|
|
21069
21312
|
})
|
|
21070
21313
|
]
|
|
21071
21314
|
});
|
|
21072
21315
|
};
|
|
21073
|
-
const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...childrenProps })=>{
|
|
21316
|
+
const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...childrenProps })=>{
|
|
21074
21317
|
const { getPopupContainer } = useDesignSystemContext();
|
|
21075
21318
|
const { theme } = useDesignSystemTheme();
|
|
21076
21319
|
const { isInsideModal } = useModalContext();
|
|
21077
21320
|
const { isOpen, setIsOpen } = useContextMenuProps();
|
|
21321
|
+
const themeClass = useDuboisThemeClass();
|
|
21322
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
21078
21323
|
return /*#__PURE__*/ jsx(ContextMenuPortal, {
|
|
21079
21324
|
container: getPopupContainer && getPopupContainer(),
|
|
21080
21325
|
children: isOpen && /*#__PURE__*/ jsx(ContextMenuContent, {
|
|
@@ -21109,13 +21354,20 @@ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, on
|
|
|
21109
21354
|
minWidth
|
|
21110
21355
|
}
|
|
21111
21356
|
],
|
|
21357
|
+
className: classnames(className, themeClass),
|
|
21358
|
+
style: {
|
|
21359
|
+
...style,
|
|
21360
|
+
...themeOverrideStyle
|
|
21361
|
+
},
|
|
21112
21362
|
children: children
|
|
21113
21363
|
})
|
|
21114
21364
|
});
|
|
21115
21365
|
};
|
|
21116
|
-
const SubContent = ({ children, minWidth, ...childrenProps })=>{
|
|
21366
|
+
const SubContent = ({ children, minWidth, className, style, ...childrenProps })=>{
|
|
21117
21367
|
const { getPopupContainer } = useDesignSystemContext();
|
|
21118
21368
|
const { theme } = useDesignSystemTheme();
|
|
21369
|
+
const themeClass = useDuboisThemeClass();
|
|
21370
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
21119
21371
|
return /*#__PURE__*/ jsx(ContextMenuPortal, {
|
|
21120
21372
|
container: getPopupContainer && getPopupContainer(),
|
|
21121
21373
|
children: /*#__PURE__*/ jsx(ContextMenuSubContent, {
|
|
@@ -21140,6 +21392,11 @@ const SubContent = ({ children, minWidth, ...childrenProps })=>{
|
|
|
21140
21392
|
}
|
|
21141
21393
|
childrenProps.onKeyDown?.(e);
|
|
21142
21394
|
},
|
|
21395
|
+
className: classnames(className, themeClass),
|
|
21396
|
+
style: {
|
|
21397
|
+
...style,
|
|
21398
|
+
...themeOverrideStyle
|
|
21399
|
+
},
|
|
21143
21400
|
children: children
|
|
21144
21401
|
})
|
|
21145
21402
|
});
|
|
@@ -21184,7 +21441,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
|
|
|
21184
21441
|
props.onKeyDown?.(e);
|
|
21185
21442
|
},
|
|
21186
21443
|
...eventContext.dataComponentProps,
|
|
21187
|
-
children: getNewChildren(children, props, disabledReason,
|
|
21444
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21188
21445
|
});
|
|
21189
21446
|
};
|
|
21190
21447
|
const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId, analyticsEvents, ...props })=>{
|
|
@@ -21235,7 +21492,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
|
|
|
21235
21492
|
width: theme.general.iconFontSize + theme.spacing.xs
|
|
21236
21493
|
}
|
|
21237
21494
|
}),
|
|
21238
|
-
getNewChildren(children, props, disabledReason,
|
|
21495
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21239
21496
|
]
|
|
21240
21497
|
});
|
|
21241
21498
|
};
|
|
@@ -21281,7 +21538,7 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
|
|
|
21281
21538
|
css: getMemoizedItemIndicatorStyles(theme),
|
|
21282
21539
|
children: /*#__PURE__*/ jsx(CheckIcon, {})
|
|
21283
21540
|
}),
|
|
21284
|
-
getNewChildren(children, props, disabledReason,
|
|
21541
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21285
21542
|
]
|
|
21286
21543
|
});
|
|
21287
21544
|
};
|
|
@@ -24651,11 +24908,13 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
|
|
|
24651
24908
|
|
|
24652
24909
|
const defaultMaxHeight = 'var(--radix-popover-content-available-height)';
|
|
24653
24910
|
const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
24654
|
-
({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, ...restProps }, forwardedRef)=>{
|
|
24911
|
+
({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, className, style, ...restProps }, forwardedRef)=>{
|
|
24655
24912
|
const { theme } = useDesignSystemTheme();
|
|
24656
24913
|
const { label, isInsideDialogCombobox, contentWidth, setContentWidth, textOverflowMode: contextTextOverflowMode, setTextOverflowMode, multiSelect, isOpen, rememberLastScrollPosition, setIsOpen } = useDialogComboboxContext();
|
|
24657
24914
|
const { isInsideModal } = useModalContext();
|
|
24658
24915
|
const { getPopupContainer } = useDesignSystemContext();
|
|
24916
|
+
const themeClass = useDuboisThemeClass();
|
|
24917
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
24659
24918
|
const [lastScrollPosition, setLastScrollPosition] = useState(0);
|
|
24660
24919
|
if (!isInsideDialogCombobox) {
|
|
24661
24920
|
throw new Error('`DialogComboboxContent` must be used within `DialogCombobox`');
|
|
@@ -24741,6 +25000,11 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
|
|
|
24741
25000
|
},
|
|
24742
25001
|
...restProps,
|
|
24743
25002
|
ref: contentRef,
|
|
25003
|
+
className: classnames(className, themeClass),
|
|
25004
|
+
style: {
|
|
25005
|
+
...style,
|
|
25006
|
+
...themeOverrideStyle
|
|
25007
|
+
},
|
|
24744
25008
|
children: /*#__PURE__*/ jsx("div", {
|
|
24745
25009
|
css: {
|
|
24746
25010
|
display: 'flex',
|
|
@@ -24884,261 +25148,6 @@ const useDialogComboboxOptionListContext = ()=>{
|
|
|
24884
25148
|
return useContext(DialogComboboxOptionListContext);
|
|
24885
25149
|
};
|
|
24886
25150
|
|
|
24887
|
-
// @ts-expect-error `jest` is only available in tests
|
|
24888
|
-
const isInsideTest = ()=>typeof jest !== 'undefined';
|
|
24889
|
-
|
|
24890
|
-
const DEFAULT_ANALYTICS_EVENTS$4 = [
|
|
24891
|
-
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
24892
|
-
];
|
|
24893
|
-
const slideUpAndFade = /*#__PURE__*/ keyframes({
|
|
24894
|
-
from: {
|
|
24895
|
-
opacity: 0,
|
|
24896
|
-
transform: 'translateY(2px)'
|
|
24897
|
-
},
|
|
24898
|
-
to: {
|
|
24899
|
-
opacity: 1,
|
|
24900
|
-
transform: 'translateY(0)'
|
|
24901
|
-
}
|
|
24902
|
-
});
|
|
24903
|
-
const slideRightAndFade = /*#__PURE__*/ keyframes({
|
|
24904
|
-
from: {
|
|
24905
|
-
opacity: 0,
|
|
24906
|
-
transform: 'translateX(-2px)'
|
|
24907
|
-
},
|
|
24908
|
-
to: {
|
|
24909
|
-
opacity: 1,
|
|
24910
|
-
transform: 'translateX(0)'
|
|
24911
|
-
}
|
|
24912
|
-
});
|
|
24913
|
-
const slideDownAndFade = /*#__PURE__*/ keyframes({
|
|
24914
|
-
from: {
|
|
24915
|
-
opacity: 0,
|
|
24916
|
-
transform: 'translateY(-2px)'
|
|
24917
|
-
},
|
|
24918
|
-
to: {
|
|
24919
|
-
opacity: 1,
|
|
24920
|
-
transform: 'translateY(0)'
|
|
24921
|
-
}
|
|
24922
|
-
});
|
|
24923
|
-
const slideLeftAndFade = /*#__PURE__*/ keyframes({
|
|
24924
|
-
from: {
|
|
24925
|
-
opacity: 0,
|
|
24926
|
-
transform: 'translateX(2px)'
|
|
24927
|
-
},
|
|
24928
|
-
to: {
|
|
24929
|
-
opacity: 1,
|
|
24930
|
-
transform: 'translateX(0)'
|
|
24931
|
-
}
|
|
24932
|
-
});
|
|
24933
|
-
const getTooltipStyles = (theme, clsPrefix)=>{
|
|
24934
|
-
// Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
|
|
24935
|
-
// well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
|
|
24936
|
-
// styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
|
|
24937
|
-
// and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
|
|
24938
|
-
// for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
|
|
24939
|
-
// via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
|
|
24940
|
-
//
|
|
24941
|
-
// It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
|
|
24942
|
-
// when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
|
|
24943
|
-
// component is used outside of universe alongside a Radix version that still has the underlying bug.
|
|
24944
|
-
const dataStateAttr = 'tooltip-data-state';
|
|
24945
|
-
const classTypography = `.${clsPrefix}-typography`;
|
|
24946
|
-
const { isDarkMode } = theme;
|
|
24947
|
-
const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
|
|
24948
|
-
const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
|
|
24949
|
-
const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
|
|
24950
|
-
return {
|
|
24951
|
-
content: {
|
|
24952
|
-
backgroundColor: theme.colors.tooltipBackgroundTooltip,
|
|
24953
|
-
color: theme.colors.tooltipTextTooltip,
|
|
24954
|
-
borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
|
|
24955
|
-
fontSize: theme.typography.fontSizeMd,
|
|
24956
|
-
padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
|
|
24957
|
-
lineHeight: theme.typography.lineHeightLg,
|
|
24958
|
-
fontWeight: theme.typography.typographyRegularFontWeight,
|
|
24959
|
-
boxShadow: theme.shadows.lg,
|
|
24960
|
-
wordWrap: 'break-word',
|
|
24961
|
-
whiteSpace: 'normal',
|
|
24962
|
-
zIndex: theme.options.zIndexBase + 70,
|
|
24963
|
-
willChange: 'transform, opacity',
|
|
24964
|
-
[`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
|
|
24965
|
-
animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
24966
|
-
},
|
|
24967
|
-
[`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
|
|
24968
|
-
animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
24969
|
-
},
|
|
24970
|
-
[`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
|
|
24971
|
-
animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
24972
|
-
},
|
|
24973
|
-
[`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
|
|
24974
|
-
animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
24975
|
-
},
|
|
24976
|
-
[`& a${classTypography}`]: {
|
|
24977
|
-
'&, :focus': {
|
|
24978
|
-
color: linkColor,
|
|
24979
|
-
'.anticon': {
|
|
24980
|
-
color: linkColor
|
|
24981
|
-
}
|
|
24982
|
-
},
|
|
24983
|
-
':active': {
|
|
24984
|
-
color: linkActiveColor,
|
|
24985
|
-
'.anticon': {
|
|
24986
|
-
color: linkActiveColor
|
|
24987
|
-
}
|
|
24988
|
-
},
|
|
24989
|
-
':hover': {
|
|
24990
|
-
color: linkHoverColor,
|
|
24991
|
-
'.anticon': {
|
|
24992
|
-
color: linkHoverColor
|
|
24993
|
-
}
|
|
24994
|
-
}
|
|
24995
|
-
}
|
|
24996
|
-
},
|
|
24997
|
-
arrow: {
|
|
24998
|
-
fill: theme.colors.tooltipBackgroundTooltip,
|
|
24999
|
-
zIndex: theme.options.zIndexBase + 70,
|
|
25000
|
-
visibility: 'visible'
|
|
25001
|
-
}
|
|
25002
|
-
};
|
|
25003
|
-
};
|
|
25004
|
-
const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
|
|
25005
|
-
/**
|
|
25006
|
-
* Radix's portal only mounts its children while the tooltip is open, so keeping the content work
|
|
25007
|
-
* here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
|
|
25008
|
-
* composes a ref onto whatever it renders, so this has to forward it on to the content.
|
|
25009
|
-
*/ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
|
|
25010
|
-
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
25011
|
-
const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
|
|
25012
|
-
const contentCss = useMemo(()=>[
|
|
25013
|
-
tooltipStyles['content'],
|
|
25014
|
-
{
|
|
25015
|
-
maxWidth
|
|
25016
|
-
},
|
|
25017
|
-
zIndex !== undefined ? {
|
|
25018
|
-
zIndex
|
|
25019
|
-
} : undefined
|
|
25020
|
-
], [
|
|
25021
|
-
tooltipStyles,
|
|
25022
|
-
maxWidth,
|
|
25023
|
-
zIndex
|
|
25024
|
-
]);
|
|
25025
|
-
const eventContext = useDesignSystemEventComponentCallbacks({
|
|
25026
|
-
componentType: DesignSystemEventProviderComponentTypes.Tooltip,
|
|
25027
|
-
componentId,
|
|
25028
|
-
analyticsEvents
|
|
25029
|
-
});
|
|
25030
|
-
useEffect(()=>{
|
|
25031
|
-
if (shouldReportViewRef.current) {
|
|
25032
|
-
eventContext.onView();
|
|
25033
|
-
shouldReportViewRef.current = false;
|
|
25034
|
-
}
|
|
25035
|
-
}, [
|
|
25036
|
-
eventContext,
|
|
25037
|
-
shouldReportViewRef
|
|
25038
|
-
]);
|
|
25039
|
-
return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
|
|
25040
|
-
ref: ref,
|
|
25041
|
-
side: side,
|
|
25042
|
-
align: align,
|
|
25043
|
-
sideOffset: sideOffset ?? theme.spacing.sm,
|
|
25044
|
-
arrowPadding: theme.spacing.md,
|
|
25045
|
-
css: contentCss,
|
|
25046
|
-
...props,
|
|
25047
|
-
...eventContext.dataComponentProps,
|
|
25048
|
-
children: [
|
|
25049
|
-
content,
|
|
25050
|
-
/*#__PURE__*/ jsx(RadixTooltip.Arrow, {
|
|
25051
|
-
css: tooltipStyles['arrow']
|
|
25052
|
-
})
|
|
25053
|
-
]
|
|
25054
|
-
});
|
|
25055
|
-
});
|
|
25056
|
-
/**
|
|
25057
|
-
* Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
|
|
25058
|
-
* design system context.
|
|
25059
|
-
*/ const TooltipPortal = (props)=>{
|
|
25060
|
-
const { getPopupContainer } = useDesignSystemContext();
|
|
25061
|
-
return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
|
|
25062
|
-
container: getPopupContainer?.(),
|
|
25063
|
-
children: /*#__PURE__*/ jsx(TooltipContent, {
|
|
25064
|
-
...props
|
|
25065
|
-
})
|
|
25066
|
-
});
|
|
25067
|
-
};
|
|
25068
|
-
/**
|
|
25069
|
-
* If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
|
|
25070
|
-
* onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
|
|
25071
|
-
*
|
|
25072
|
-
* See go/dubois.
|
|
25073
|
-
*/ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
|
|
25074
|
-
disableHoverableContent ??= true;
|
|
25075
|
-
const firstView = useRef(true);
|
|
25076
|
-
const shouldReportView = useRef(false);
|
|
25077
|
-
// The portal renders nothing while closed, but it and its Presence still mount for every tooltip
|
|
25078
|
-
// on the page. Root and Trigger stay put so the child never changes position in the tree.
|
|
25079
|
-
const [everOpened, setEverOpened] = useState(defaultOpen);
|
|
25080
|
-
// A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
|
|
25081
|
-
if (open && !everOpened) {
|
|
25082
|
-
setEverOpened(true);
|
|
25083
|
-
}
|
|
25084
|
-
const handleOpenChange = useCallback((open)=>{
|
|
25085
|
-
if (open) {
|
|
25086
|
-
setEverOpened(true);
|
|
25087
|
-
if (firstView.current) {
|
|
25088
|
-
shouldReportView.current = true;
|
|
25089
|
-
firstView.current = false;
|
|
25090
|
-
}
|
|
25091
|
-
}
|
|
25092
|
-
onOpenChange?.(open);
|
|
25093
|
-
}, [
|
|
25094
|
-
onOpenChange
|
|
25095
|
-
]);
|
|
25096
|
-
const IS_INSIDE_TEST = isInsideTest();
|
|
25097
|
-
return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
|
|
25098
|
-
defaultOpen: defaultOpen,
|
|
25099
|
-
delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
|
|
25100
|
-
open: open,
|
|
25101
|
-
onOpenChange: handleOpenChange,
|
|
25102
|
-
disableHoverableContent: disableHoverableContent,
|
|
25103
|
-
children: [
|
|
25104
|
-
/*#__PURE__*/ jsx(RadixTooltip.Trigger, {
|
|
25105
|
-
asChild: true,
|
|
25106
|
-
children: children
|
|
25107
|
-
}),
|
|
25108
|
-
content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
|
|
25109
|
-
content: content,
|
|
25110
|
-
side: side,
|
|
25111
|
-
sideOffset: sideOffset,
|
|
25112
|
-
align: align,
|
|
25113
|
-
maxWidth: maxWidth,
|
|
25114
|
-
componentId: componentId,
|
|
25115
|
-
analyticsEvents: analyticsEvents,
|
|
25116
|
-
zIndex: zIndex,
|
|
25117
|
-
shouldReportViewRef: shouldReportView,
|
|
25118
|
-
...props
|
|
25119
|
-
}) : null
|
|
25120
|
-
]
|
|
25121
|
-
});
|
|
25122
|
-
};
|
|
25123
|
-
|
|
25124
|
-
const getMemoizedIconCss = memoize((theme)=>({
|
|
25125
|
-
color: theme.colors.textSecondary
|
|
25126
|
-
}));
|
|
25127
|
-
const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
|
|
25128
|
-
const { theme } = useDesignSystemTheme();
|
|
25129
|
-
return /*#__PURE__*/ jsx(Tooltip, {
|
|
25130
|
-
content: content,
|
|
25131
|
-
...props,
|
|
25132
|
-
children: /*#__PURE__*/ jsx(InfoSmallIcon, {
|
|
25133
|
-
tabIndex: 0,
|
|
25134
|
-
"aria-hidden": "false",
|
|
25135
|
-
"aria-label": iconTitle,
|
|
25136
|
-
alt: iconTitle,
|
|
25137
|
-
css: getMemoizedIconCss(theme)
|
|
25138
|
-
})
|
|
25139
|
-
});
|
|
25140
|
-
};
|
|
25141
|
-
|
|
25142
25151
|
const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
|
|
25143
25152
|
const { theme } = useDesignSystemTheme();
|
|
25144
25153
|
const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
|
|
@@ -26114,6 +26123,8 @@ const DEFAULT_ANALYTICS_EVENTS$3 = [
|
|
|
26114
26123
|
const Content$4 = ({ children, footer, title, width, height, position: positionOverride, useCustomScrollBehavior, expandContentToFullHeight, disableOpenAutoFocus, onInteractOutside, seeThrough, hideClose, closeOnClickOutside, onCloseClick, componentId = 'design_system.drawer.content', analyticsEvents = DEFAULT_ANALYTICS_EVENTS$3, size = 'default', ...props })=>{
|
|
26115
26124
|
const { getPopupContainer } = useDesignSystemContext();
|
|
26116
26125
|
const { theme } = useDesignSystemTheme();
|
|
26126
|
+
const themeClass = useDuboisThemeClass();
|
|
26127
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
26117
26128
|
const horizontalContentPadding = size === 'small' ? theme.spacing.md : theme.spacing.lg;
|
|
26118
26129
|
const [shouldContentBeFocusable, setShouldContentBeFocusable] = useState(false);
|
|
26119
26130
|
const contentContainerRef = useRef(null);
|
|
@@ -26245,8 +26256,10 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
|
|
|
26245
26256
|
} : {
|
|
26246
26257
|
borderLeft: `1px solid ${theme.colors.borderDecorative}`
|
|
26247
26258
|
}
|
|
26248
|
-
}
|
|
26259
|
+
},
|
|
26260
|
+
...themeOverrideStyle
|
|
26249
26261
|
},
|
|
26262
|
+
className: themeClass,
|
|
26250
26263
|
onKeyDownCapture: handleKeyDownCapture,
|
|
26251
26264
|
onWheel: (e)=>{
|
|
26252
26265
|
e.stopPropagation();
|
|
@@ -27269,7 +27282,7 @@ const AntDRadioInternal = // eslint-disable-next-line react-component-name/react
|
|
|
27269
27282
|
onChange: onChangeWrapper,
|
|
27270
27283
|
ref: ref,
|
|
27271
27284
|
"data-component-type": contextualComponentId ? DesignSystemEventProviderComponentTypes.RadioGroup : DesignSystemEventProviderComponentTypes.Radio,
|
|
27272
|
-
//
|
|
27285
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
|
|
27273
27286
|
"data-component-id": contextualComponentId ?? componentId,
|
|
27274
27287
|
children: /*#__PURE__*/ jsx(RestoreAntDDefaultClsPrefix, {
|
|
27275
27288
|
children: children
|
|
@@ -27432,10 +27445,10 @@ function HorizontalGroup({ layout = 'vertical', useEqualColumnWidths, ...props }
|
|
|
27432
27445
|
});
|
|
27433
27446
|
});
|
|
27434
27447
|
|
|
27435
|
-
const ROOT_CLASS = '
|
|
27436
|
-
const INDICATOR_CLASS = '
|
|
27437
|
-
const DOT_CLASS = '
|
|
27438
|
-
const LABEL_CLASS = '
|
|
27448
|
+
const ROOT_CLASS = 'db-radio';
|
|
27449
|
+
const INDICATOR_CLASS = 'db-radio-indicator';
|
|
27450
|
+
const DOT_CLASS = 'db-radio-dot';
|
|
27451
|
+
const LABEL_CLASS = 'db-radio-label';
|
|
27439
27452
|
const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __INTERNAL_DISABLE_RADIO_ROLE, componentId, analyticsEvents, valueHasNoPii, onChange, className, value, checked, defaultChecked, disabled = false, id, name: nameProp, style, onMouseEnter, onMouseLeave, ...restProps }, ref) {
|
|
27440
27453
|
const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
|
|
27441
27454
|
const groupContext = useContext(RadioGroupContext$1);
|
|
@@ -27513,10 +27526,9 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
|
|
|
27513
27526
|
effectiveName,
|
|
27514
27527
|
id
|
|
27515
27528
|
]);
|
|
27516
|
-
//
|
|
27517
|
-
//
|
|
27518
|
-
const
|
|
27519
|
-
const rootClassName = classnames(ROOT_CLASS, themeClass, className);
|
|
27529
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
27530
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
27531
|
+
const rootClassName = classnames(ROOT_CLASS, className);
|
|
27520
27532
|
// In a group, render the GROUP's data-component-* attributes so a Form submission
|
|
27521
27533
|
// triggered by this radio resolves the group as the referrer (extractReferrerComponent
|
|
27522
27534
|
// reads document.activeElement.dataset). Standalone radios render their own.
|
|
@@ -27586,12 +27598,12 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
|
|
|
27586
27598
|
}));
|
|
27587
27599
|
});
|
|
27588
27600
|
|
|
27589
|
-
const GROUP_CLASS = '
|
|
27590
|
-
// Vertical groups delegate flex-direction + gap to the .
|
|
27601
|
+
const GROUP_CLASS = 'db-radio-group';
|
|
27602
|
+
// Vertical groups delegate flex-direction + gap to the .db-stack primitive; horizontal stays a
|
|
27591
27603
|
// bespoke non-wrapping row (see NativeRadio.css).
|
|
27592
|
-
const STACK_CLASS = '
|
|
27593
|
-
const HORIZONTAL_CLASS = '
|
|
27594
|
-
const EQUAL_WIDTH_CLASS = '
|
|
27604
|
+
const STACK_CLASS = 'db-stack';
|
|
27605
|
+
const HORIZONTAL_CLASS = 'db-radio-group--horizontal';
|
|
27606
|
+
const EQUAL_WIDTH_CLASS = 'db-radio-group--equal-width';
|
|
27595
27607
|
const NativeRadioGroup = /*#__PURE__*/ forwardRef(function NativeRadioGroup({ children, componentId, analyticsEvents, valueHasNoPii, onChange, layout = 'vertical', useEqualColumnWidths, name, className, style, id, options, disabled, 'aria-labelledby': ariaLabelledby, ...props }, ref) {
|
|
27596
27608
|
const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
|
|
27597
27609
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents ?? (emitOnView ? [
|
|
@@ -27991,7 +28003,7 @@ const getSelectedOptionLabel = (children, value)=>{
|
|
|
27991
28003
|
// SimpleSelect emits its own value change events rather than emitting them from the underlying
|
|
27992
28004
|
// DialogCombobox due to how SimpleSelect sets its initial state. The Select componentId is explicitly
|
|
27993
28005
|
// set to undefined to prevent it from emitting events if the componentId prop is required in the future.
|
|
27994
|
-
//
|
|
28006
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
|
|
27995
28007
|
componentId: undefined,
|
|
27996
28008
|
value: internalValue,
|
|
27997
28009
|
placeholder: placeholder,
|
|
@@ -28096,7 +28108,10 @@ const mapItemsToString = (items, itemToString)=>{
|
|
|
28096
28108
|
};
|
|
28097
28109
|
const TypeaheadComboboxStateChangeTypes = useCombobox.stateChangeTypes;
|
|
28098
28110
|
const TypeaheadComboboxMultiSelectStateChangeTypes = useMultipleSelection.stateChangeTypes;
|
|
28099
|
-
|
|
28111
|
+
/**
|
|
28112
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28113
|
+
* @deprecated
|
|
28114
|
+
*/ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
|
|
28100
28115
|
const getFilteredItems = useCallback((inputValue)=>{
|
|
28101
28116
|
const lowerCasedInputValue = inputValue?.toLowerCase() ?? '';
|
|
28102
28117
|
// If the input is empty or if there is no matcher supplied, do not filter
|
|
@@ -28247,7 +28262,10 @@ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allow
|
|
|
28247
28262
|
};
|
|
28248
28263
|
return comboboxState;
|
|
28249
28264
|
}
|
|
28250
|
-
|
|
28265
|
+
/**
|
|
28266
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28267
|
+
* @deprecated
|
|
28268
|
+
*/ function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
|
|
28251
28269
|
DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
|
|
28252
28270
|
], valueHasNoPii, itemToString }) {
|
|
28253
28271
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
@@ -28312,7 +28330,10 @@ const getLabelStyles$3 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
|
|
|
28312
28330
|
whiteSpace: 'nowrap'
|
|
28313
28331
|
}
|
|
28314
28332
|
}), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
|
|
28315
|
-
|
|
28333
|
+
/**
|
|
28334
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28335
|
+
* @deprecated
|
|
28336
|
+
*/ const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
28316
28337
|
({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
|
|
28317
28338
|
const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
|
|
28318
28339
|
const isSelected = isEqual(selectedItem, item);
|
|
@@ -28407,7 +28428,10 @@ TypeaheadComboboxMenuItem$1.defaultProps = {
|
|
|
28407
28428
|
_type: 'TypeaheadComboboxMenuItem'
|
|
28408
28429
|
};
|
|
28409
28430
|
|
|
28410
|
-
|
|
28431
|
+
/**
|
|
28432
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28433
|
+
* @deprecated
|
|
28434
|
+
*/ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
28411
28435
|
({ item, index, comboboxState, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
|
|
28412
28436
|
const { highlightedIndex, getItemProps, isOpen } = comboboxState;
|
|
28413
28437
|
const isHighlighted = highlightedIndex === index;
|
|
@@ -28561,7 +28585,10 @@ const getLabelStyles$2 = memoize((theme, disabled)=>({
|
|
|
28561
28585
|
color: theme.colors.actionDisabledText
|
|
28562
28586
|
}
|
|
28563
28587
|
}), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
|
|
28564
|
-
|
|
28588
|
+
/**
|
|
28589
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28590
|
+
* @deprecated
|
|
28591
|
+
*/ const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
|
|
28565
28592
|
const { theme } = useDesignSystemTheme();
|
|
28566
28593
|
return /*#__PURE__*/ jsxs("span", {
|
|
28567
28594
|
...getSelectedItemProps({
|
|
@@ -28611,7 +28638,10 @@ const CountBadge$1 = ({ countStartAt, totalCount, disabled })=>{
|
|
|
28611
28638
|
});
|
|
28612
28639
|
};
|
|
28613
28640
|
|
|
28614
|
-
|
|
28641
|
+
/**
|
|
28642
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28643
|
+
* @deprecated
|
|
28644
|
+
*/ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
|
|
28615
28645
|
const { theme } = useDesignSystemTheme();
|
|
28616
28646
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
28617
28647
|
if (!isInsideTypeaheadCombobox) {
|
|
@@ -28626,7 +28656,10 @@ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
|
|
|
28626
28656
|
DuboisTypeaheadComboboxFooter.defaultProps = {
|
|
28627
28657
|
_type: 'TypeaheadComboboxFooter'
|
|
28628
28658
|
};
|
|
28629
|
-
|
|
28659
|
+
/**
|
|
28660
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28661
|
+
* @deprecated
|
|
28662
|
+
*/ const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
|
|
28630
28663
|
|
|
28631
28664
|
const getHintStyles = (classNamePrefix, theme)=>{
|
|
28632
28665
|
const styles = {
|
|
@@ -31731,6 +31764,132 @@ const LegacyTable = (props)=>{
|
|
|
31731
31764
|
});
|
|
31732
31765
|
};
|
|
31733
31766
|
|
|
31767
|
+
// Module-level caches. Both styles depend only on theme (and zIndex), so share one
|
|
31768
|
+
// object across every LegacyTooltip instance instead of allocating per render.
|
|
31769
|
+
const TRIGGER = [
|
|
31770
|
+
'hover',
|
|
31771
|
+
'focus'
|
|
31772
|
+
];
|
|
31773
|
+
const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
|
|
31774
|
+
backgroundColor: '#2F3941',
|
|
31775
|
+
lineHeight: '22px',
|
|
31776
|
+
padding: '4px 8px',
|
|
31777
|
+
boxShadow: theme.general.shadowLow,
|
|
31778
|
+
...getDarkModePortalStyles(theme)
|
|
31779
|
+
}));
|
|
31780
|
+
const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
|
|
31781
|
+
zIndex: theme.options.zIndexBase + 70
|
|
31782
|
+
}), (theme)=>String(theme.options.zIndexBase));
|
|
31783
|
+
const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
|
|
31784
|
+
...getAnimationCss(enableAnimation)
|
|
31785
|
+
}));
|
|
31786
|
+
/**
|
|
31787
|
+
* `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
|
|
31788
|
+
* @deprecated
|
|
31789
|
+
*/ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
|
|
31790
|
+
const { theme } = useDesignSystemTheme();
|
|
31791
|
+
const tooltipRef = useRef(null);
|
|
31792
|
+
const duboisId = useUniqueId('dubois-tooltip-component-');
|
|
31793
|
+
const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
|
|
31794
|
+
if (!title) {
|
|
31795
|
+
return /*#__PURE__*/ jsx(React__default.Fragment, {
|
|
31796
|
+
children: children
|
|
31797
|
+
});
|
|
31798
|
+
}
|
|
31799
|
+
const titleProps = silenceScreenReader ? {} : {
|
|
31800
|
+
'aria-live': 'polite',
|
|
31801
|
+
'aria-relevant': 'additions'
|
|
31802
|
+
};
|
|
31803
|
+
if (dataTestId) {
|
|
31804
|
+
titleProps['data-testid'] = dataTestId;
|
|
31805
|
+
}
|
|
31806
|
+
const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
|
|
31807
|
+
...titleProps,
|
|
31808
|
+
children: title
|
|
31809
|
+
});
|
|
31810
|
+
const ariaProps = {
|
|
31811
|
+
'aria-hidden': false
|
|
31812
|
+
};
|
|
31813
|
+
const addAriaProps = (e)=>{
|
|
31814
|
+
if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
31815
|
+
return;
|
|
31816
|
+
}
|
|
31817
|
+
if (id) {
|
|
31818
|
+
e.currentTarget.setAttribute('aria-live', 'polite');
|
|
31819
|
+
if (useAsLabel) {
|
|
31820
|
+
e.currentTarget.setAttribute('aria-labelledby', id);
|
|
31821
|
+
} else {
|
|
31822
|
+
e.currentTarget.setAttribute('aria-describedby', id);
|
|
31823
|
+
}
|
|
31824
|
+
}
|
|
31825
|
+
};
|
|
31826
|
+
const removeAriaProps = (e)=>{
|
|
31827
|
+
if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
31828
|
+
return;
|
|
31829
|
+
}
|
|
31830
|
+
if (useAsLabel) {
|
|
31831
|
+
e.currentTarget.removeAttribute('aria-labelledby');
|
|
31832
|
+
} else {
|
|
31833
|
+
e.currentTarget.removeAttribute('aria-describedby');
|
|
31834
|
+
}
|
|
31835
|
+
e.currentTarget.removeAttribute('aria-live');
|
|
31836
|
+
};
|
|
31837
|
+
const interactionProps = {
|
|
31838
|
+
onMouseEnter: (e)=>{
|
|
31839
|
+
addAriaProps(e);
|
|
31840
|
+
},
|
|
31841
|
+
onMouseLeave: (e)=>{
|
|
31842
|
+
removeAriaProps(e);
|
|
31843
|
+
},
|
|
31844
|
+
onFocus: (e)=>{
|
|
31845
|
+
addAriaProps(e);
|
|
31846
|
+
},
|
|
31847
|
+
onBlur: (e)=>{
|
|
31848
|
+
removeAriaProps(e);
|
|
31849
|
+
}
|
|
31850
|
+
};
|
|
31851
|
+
const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
|
|
31852
|
+
...ariaProps,
|
|
31853
|
+
...interactionProps,
|
|
31854
|
+
...children.props
|
|
31855
|
+
}) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
|
|
31856
|
+
...ariaProps,
|
|
31857
|
+
...interactionProps,
|
|
31858
|
+
children: children
|
|
31859
|
+
});
|
|
31860
|
+
const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
|
|
31861
|
+
// When no overrides are passed, reuse the module-level memoized objects directly so
|
|
31862
|
+
// the same reference is shared across every tooltip instance with the same theme.
|
|
31863
|
+
const mergedOverlayInnerStyle = overlayInnerStyle ? {
|
|
31864
|
+
backgroundColor: '#2F3941',
|
|
31865
|
+
lineHeight: '22px',
|
|
31866
|
+
padding: '4px 8px',
|
|
31867
|
+
boxShadow: theme.general.shadowLow,
|
|
31868
|
+
...overlayInnerStyle,
|
|
31869
|
+
...getDarkModePortalStyles(theme)
|
|
31870
|
+
} : getMemoizedDefaultOverlayInnerStyle(theme);
|
|
31871
|
+
const mergedOverlayStyle = overlayStyle ? {
|
|
31872
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
31873
|
+
...overlayStyle
|
|
31874
|
+
} : getMemoizedDefaultOverlayStyle(theme);
|
|
31875
|
+
return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
31876
|
+
children: /*#__PURE__*/ jsx(Tooltip$1, {
|
|
31877
|
+
id: id,
|
|
31878
|
+
ref: tooltipRef,
|
|
31879
|
+
title: liveTitle,
|
|
31880
|
+
placement: placement,
|
|
31881
|
+
// Always trigger on hover and focus
|
|
31882
|
+
trigger: TRIGGER,
|
|
31883
|
+
overlayInnerStyle: mergedOverlayInnerStyle,
|
|
31884
|
+
overlayStyle: mergedOverlayStyle,
|
|
31885
|
+
css: getMemoizedAnimationCss(theme.options.enableAnimation),
|
|
31886
|
+
...delegatedDangerouslySetAntdProps,
|
|
31887
|
+
...props,
|
|
31888
|
+
children: childWithProps
|
|
31889
|
+
})
|
|
31890
|
+
});
|
|
31891
|
+
};
|
|
31892
|
+
|
|
31734
31893
|
const ListboxContext = /*#__PURE__*/ createContext(null);
|
|
31735
31894
|
const useListboxContext = ()=>{
|
|
31736
31895
|
const context = useContext(ListboxContext);
|
|
@@ -33053,16 +33212,16 @@ const getRadioTileStyles = (theme, classNamePrefix, maxWidth)=>{
|
|
|
33053
33212
|
}
|
|
33054
33213
|
},
|
|
33055
33214
|
// Native variant (databricks.fe.designsystem.useNativeRadio): the radio's
|
|
33056
|
-
// <label class="
|
|
33215
|
+
// <label class="db-radio">. Same row-reverse / full-width layout against the
|
|
33057
33216
|
// native DOM. Kept as a separate block so the AntD rule above is unchanged.
|
|
33058
|
-
'& .
|
|
33217
|
+
'& .db-radio': {
|
|
33059
33218
|
display: 'flex',
|
|
33060
33219
|
flexDirection: 'row-reverse',
|
|
33061
33220
|
justifyContent: 'space-between',
|
|
33062
33221
|
flex: 1,
|
|
33063
33222
|
margin: 0,
|
|
33064
33223
|
width: '100%',
|
|
33065
|
-
'& .
|
|
33224
|
+
'& .db-radio-label': {
|
|
33066
33225
|
paddingInline: 0
|
|
33067
33226
|
}
|
|
33068
33227
|
}
|
|
@@ -34564,6 +34723,19 @@ function requireShim () {
|
|
|
34564
34723
|
|
|
34565
34724
|
var shimExports = requireShim();
|
|
34566
34725
|
|
|
34726
|
+
// eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons here in order to wrap them for use elsewhere in the design system
|
|
34727
|
+
function React18CompatibleIconComponent(IconComponent) {
|
|
34728
|
+
return IconComponent;
|
|
34729
|
+
}
|
|
34730
|
+
/**
|
|
34731
|
+
* Antd built-in icons used by the design system's own legacy components, with an interface that has
|
|
34732
|
+
* been made compatible with the React 18 types by removing the props that are no longer present on
|
|
34733
|
+
* the React DOM types.
|
|
34734
|
+
*
|
|
34735
|
+
* These are deliberately NOT reëxported from the design system's public API: product code should
|
|
34736
|
+
* use Du Bois icons from `__generated/icons`.
|
|
34737
|
+
*/ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
|
|
34738
|
+
|
|
34567
34739
|
const ButtonGroup = Button$2.Group;
|
|
34568
34740
|
const DropdownButton = (props)=>{
|
|
34569
34741
|
const { theme } = useDesignSystemTheme();
|
|
@@ -35361,7 +35533,7 @@ const List = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line
|
|
|
35361
35533
|
"aria-label": "Add tab",
|
|
35362
35534
|
css: styles['addButton'],
|
|
35363
35535
|
onClick: addButtonProps.onClick,
|
|
35364
|
-
//
|
|
35536
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
|
|
35365
35537
|
componentId: `${dataComponentProps['data-component-id']}.add_tab`,
|
|
35366
35538
|
className: addButtonProps.className
|
|
35367
35539
|
})
|
|
@@ -35793,7 +35965,7 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
|
|
|
35793
35965
|
'&[data-state="off"] .togglebutton-icon-wrapper': {
|
|
35794
35966
|
color: theme.colors.textSecondary
|
|
35795
35967
|
},
|
|
35796
|
-
'&[data-state="off"]:hover .togglebutton-icon-wrapper': {
|
|
35968
|
+
'&[data-state="off"]:not(:disabled):hover .togglebutton-icon-wrapper': {
|
|
35797
35969
|
color: theme.colors.actionDefaultTextHover
|
|
35798
35970
|
},
|
|
35799
35971
|
'&[data-state="on"]': {
|
|
@@ -36368,9 +36540,10 @@ const defaultRef = {
|
|
|
36368
36540
|
current: null
|
|
36369
36541
|
};
|
|
36370
36542
|
const defaults = {
|
|
36371
|
-
componentId: 'design_system.
|
|
36543
|
+
componentId: 'design_system.typeahead_combobox_v2.context_default',
|
|
36372
36544
|
isInsideTypeaheadCombobox: false,
|
|
36373
36545
|
multiSelect: false,
|
|
36546
|
+
showAllOptionsOnOpen: false,
|
|
36374
36547
|
comboBoxState: null,
|
|
36375
36548
|
inputProps: {},
|
|
36376
36549
|
listBoxProps: {},
|
|
@@ -36390,8 +36563,8 @@ const defaults = {
|
|
|
36390
36563
|
removeByKey: ()=>{},
|
|
36391
36564
|
clearSelection: ()=>{}
|
|
36392
36565
|
};
|
|
36393
|
-
const
|
|
36394
|
-
const
|
|
36566
|
+
const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
|
|
36567
|
+
const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
|
|
36395
36568
|
const [triggerWidth, setTriggerWidth] = useState();
|
|
36396
36569
|
// Memoize the merged context value so consumers don't re-render on every provider render from a
|
|
36397
36570
|
// fresh spread object. `value` is already memoized in TypeaheadComboboxRoot and `setTriggerWidth`
|
|
@@ -36404,14 +36577,14 @@ const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
|
|
|
36404
36577
|
value,
|
|
36405
36578
|
triggerWidth
|
|
36406
36579
|
]);
|
|
36407
|
-
return /*#__PURE__*/ jsx(
|
|
36580
|
+
return /*#__PURE__*/ jsx(TypeaheadComboboxV2Context.Provider, {
|
|
36408
36581
|
value: contextValue,
|
|
36409
36582
|
children: children
|
|
36410
36583
|
});
|
|
36411
36584
|
};
|
|
36412
36585
|
|
|
36413
|
-
const
|
|
36414
|
-
return useContext(
|
|
36586
|
+
const useTypeaheadComboboxV2Context = ()=>{
|
|
36587
|
+
return useContext(TypeaheadComboboxV2Context);
|
|
36415
36588
|
};
|
|
36416
36589
|
|
|
36417
36590
|
/**
|
|
@@ -36474,7 +36647,7 @@ const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
|
|
|
36474
36647
|
}
|
|
36475
36648
|
}), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
|
|
36476
36649
|
const TypeaheadComboboxMenuItemInner = ({ item, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
|
|
36477
|
-
const ctx =
|
|
36650
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
36478
36651
|
if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
|
|
36479
36652
|
throw new Error('`TypeaheadComboboxMenuItem` must be used within an open `TypeaheadComboboxRoot`');
|
|
36480
36653
|
}
|
|
@@ -36615,7 +36788,7 @@ const getLabelStyles = memoize((theme, disabled)=>({
|
|
|
36615
36788
|
}), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
|
|
36616
36789
|
const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(function TypeaheadComboboxSelectedItem({ label, item, disabled, ...restProps }, ref) {
|
|
36617
36790
|
const { theme } = useDesignSystemTheme();
|
|
36618
|
-
const { getKeyForItem, removeByKey } =
|
|
36791
|
+
const { getKeyForItem, removeByKey } = useTypeaheadComboboxV2Context();
|
|
36619
36792
|
return /*#__PURE__*/ jsxs("span", {
|
|
36620
36793
|
css: getSelectedItemStyles(theme, disabled),
|
|
36621
36794
|
ref: ref,
|
|
@@ -36727,14 +36900,14 @@ function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepInd
|
|
|
36727
36900
|
onCancel: onCancel,
|
|
36728
36901
|
cancelButtonContent: cancelButtonContent,
|
|
36729
36902
|
disabled: cancelButtonDisabled,
|
|
36730
|
-
//
|
|
36903
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
|
|
36731
36904
|
componentId: componentId ? `${componentId}.cancel` : undefined
|
|
36732
36905
|
})
|
|
36733
36906
|
}, "cancel") : /*#__PURE__*/ jsx(CancelButton, {
|
|
36734
36907
|
onCancel: onCancel,
|
|
36735
36908
|
cancelButtonContent: cancelButtonContent,
|
|
36736
36909
|
disabled: cancelButtonDisabled,
|
|
36737
|
-
//
|
|
36910
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
|
|
36738
36911
|
componentId: componentId ? `${componentId}.cancel` : undefined
|
|
36739
36912
|
}, "cancel")),
|
|
36740
36913
|
currentStepIndex > 0 && !previousStepButtonHidden && /*#__PURE__*/ jsx(Button$1, {
|
|
@@ -37369,5 +37542,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
|
|
|
37369
37542
|
});
|
|
37370
37543
|
}
|
|
37371
37544
|
|
|
37372
|
-
export { safex as $, Trigger$5 as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, InfoSmallIcon as E, FIXED_VERTICAL_STEPPER_WIDTH as F, Content$7 as G, Arrow$2 as H, InfoFillIcon as I, SparkleDoubleIcon as J, visuallyHidden as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, genSkeletonAnimatedColor as N, OverflowPopover as O, getOffsets as P, DesignSystemEventSuppressInteractionProviderContext as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionTrueContextValue as U, tableStyles as V, Wizard as W, repeatingElementsStyles as X, tableClassNames as Y, hideIconButtonRowStyles as Z, hideIconButtonActionCellClassName as _, WizardControlled as a, useRadixModalContext as a$, TitleSkeleton as a0, useDialogComboboxContext as a1, PlusIcon as a2, importantify as a3, getComboboxOptionItemWrapperStyles as a4, getFooterStyles as a5, Tooltip as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogComboboxTrigger as aA, DialogComboboxContent as aB, Select as aC, SelectTrigger as aD, SelectContent as aE, SelectOption as aF, LegacySelect as aG, WarningIcon as aH, CheckCircleIcon as aI, DangerIcon as aJ, Hint as aK, Title$1 as aL, CloseIcon as aM, RestoreAntDDefaultClsPrefix as aN, AccessibleContainer as aO, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aP, CircleOffIcon as aQ, CircleOutlineIcon as aR, CircleIcon as aS, shimExports as aT, SortAscendingIcon as aU, SortDescendingIcon as aV, SortUnsortedIcon as aW, MinusSquareIcon as aX, PlusSquareIcon as aY, TypeaheadComboboxReactAriaContextProvider as aZ, useTypeaheadComboboxReactAriaContext as a_, findHighlightedOption as aa, highlightOption as ab, Input as ac, SearchIcon as ad, EmptyResults as ae, findClosestOptionSibling as af, DialogComboboxOptionListCheckboxItem as ag, DialogComboboxOptionListSelectItem as ah, DialogComboboxOptionListContextProvider as ai, LoadingSpinner as aj, DialogComboboxOptionList as ak, useUniqueId as al, useDuboisThemeClass as am, TypeaheadComboboxContextProvider as an, useTypeaheadComboboxContext as ao, getComboboxContentWrapperStyles as ap, ClearSelectionButton as aq, TypeaheadComboboxSelectedItem$1 as ar, CountBadge$1 as as, getValidationStateColor as at, SectionHeader as au, useComboboxState as av, useMultipleSelectionState as aw, Radio as ax, Checkbox as ay, DialogCombobox as az, WizardModal as b, BookIcon as b$, useIsomorphicLayoutEffect as b0, useScrollOptionIntoView as b1, InfoTooltip as b2, getInfoIconStyles as b3, HintRow as b4, getCheckboxStyles as b5, getMenuItemStyles as b6, TypeaheadComboboxSelectedItem as b7, CountBadge as b8, TypeaheadComboboxMenuItem as b9, ArrowsConnectIcon as bA, ArrowsExpandIcon as bB, ArrowsUpDownIcon as bC, AssistantIcon as bD, AtIcon as bE, Auth0Graphic as bF, Auth0GraphicLarge as bG, AzHorizontalIcon as bH, AzVerticalIcon as bI, BANNER_MAX_HEIGHT as bJ, BANNER_MIN_HEIGHT as bK, BackupIcon as bL, BadgeCodeIcon as bM, BadgeCodeOffIcon as bN, Banner as bO, BarChartIcon as bP, BarGroupedIcon as bQ, BarStackedIcon as bR, BarStackedPercentageIcon as bS, BarsAscendingHorizontalIcon as bT, BarsAscendingVerticalIcon as bU, BarsDescendingHorizontalIcon as bV, BarsDescendingVerticalIcon as bW, BeakerIcon as bX, BinaryIcon as bY, BlockQuoteIcon as bZ, BoldIcon as b_, AccessDeniedGraphic as ba, Accordion as bb, AccordionPanel as bc, AlignCenterIcon as bd, AlignJustifyIcon as be, AlignLeftIcon as bf, AlignRightIcon as bg, AlignVerticalBottomIcon as bh, AlignVerticalCenterIcon as bi, AlignVerticalTopIcon as bj, AppIcon as bk, ApplyDesignSystemContextOverrides as bl, ApplyDesignSystemFlags as bm, ArrowDownDotIcon as bn, ArrowDownFillIcon as bo, ArrowDownIcon as bp, ArrowInIcon as bq, ArrowInTableIcon as br, ArrowLeftIcon as bs, ArrowOutTableIcon as bt, ArrowOverIcon as bu, ArrowRightIcon as bv, ArrowUpDotIcon as bw, ArrowUpFillIcon as bx, ArrowUpIcon as by, ArrowsCollapseIcon as bz, WizardStepContentWrapper as c, CloudKeyIcon as c$, BookmarkFillIcon as c0, BookmarkIcon as c1, BooksIcon as c2, BracketsCheckIcon as c3, BracketsCurlyIcon as c4, BracketsErrorIcon as c5, BracketsSquareIcon as c6, BracketsXIcon as c7, BranchCheckIcon as c8, BranchIcon as c9, ChartLineIcon as cA, CheckCircleBadgeIcon as cB, CheckCircleSmallIcon as cC, CheckIcon as cD, CheckLineIcon as cE, CheckSmallIcon as cF, CheckboxIcon as cG, ChecklistIcon as cH, ChevronDoubleDownIcon as cI, ChevronDoubleLeftIcon as cJ, ChevronDoubleLeftOffIcon as cK, ChevronDoubleRightIcon as cL, ChevronDoubleRightOffIcon as cM, ChevronDoubleUpIcon as cN, ChevronLeftIcon as cO, ChevronUpIcon as cP, ChipIcon as cQ, CircleOffLargeIcon as cR, CircleOutlineLargeIcon as cS, ClipboardIcon as cT, ClockIcon as cU, ClockKeyIcon as cV, ClockOffIcon as cW, CloudCheckIcon as cX, CloudDatabaseIcon as cY, CloudDownloadIcon as cZ, CloudIcon as c_, BranchResetIcon as ca, BriefcaseFillIcon as cb, BriefcaseIcon as cc, BrushIcon as cd, BugIcon as ce, CalendarClockIcon as cf, CalendarEventIcon as cg, CalendarIcon as ch, CalendarRangeIcon as ci, CalendarSyncIcon as cj, CameraIcon as ck, CapitalizeIcon as cl, CaretDownSquareIcon as cm, CaretUpSquareIcon as cn, CatalogCloudIcon as co, CatalogGearIcon as cp, CatalogHomeIcon as cq, CatalogIcon as cr, CatalogOffIcon as cs, CatalogSharedIcon as ct, CatalogUserHomeIcon as cu, CellsSquareIcon as cv, CertifiedFillIcon as cw, CertifiedFillSmallIcon as cx, CertifiedIcon as cy, ChainIcon as cz, DesignSystemEventProvider as d, FaceFrownIcon as d$, CloudModelIcon as d0, CloudOffIcon as d1, CloudUploadIcon as d2, CodeIcon as d3, ColorFillIcon as d4, ColorVars as d5, ColumnIcon as d6, ColumnSplitIcon as d7, ColumnTagIcon as d8, ColumnsIcon as d9, DatabaseIcon as dA, DatabaseImportIcon as dB, DatePicker as dC, DecimalIcon as dD, DeprecatedIcon as dE, DeprecatedSmallIcon as dF, DesignSystemContext as dG, DesignSystemEventProviderComponentSubTypes as dH, DesignSystemProvider as dI, DesignSystemThemeContext as dJ, DesignSystemThemeProvider as dK, DialogComboboxCountBadge as dL, DialogComboboxCustomButtonTriggerWrapper as dM, DialogComboboxSectionHeader as dN, DollarIcon as dO, DomainCirclesThree as dP, DomainsIcon as dQ, DotsCircleIcon as dR, DownloadIcon as dS, DragIcon as dT, Drawer as dU, DropdownMenu as dV, Empty as dW, EmptyDashboardGraphic as dX, ErdIcon as dY, ExpandLessIcon as dZ, ExpandMoreIcon as d_, CommandIcon as da, CommandPaletteIcon as db, CompassIcon as dc, ComponentFinderContext as dd, ConnectIcon as de, Content$2 as df, ContextMenu$1 as dg, CopyIcon as dh, CreditCardIcon as di, CursorClickIcon as dj, CursorIcon as dk, CursorPagination as dl, CursorTypeIcon as dm, CustomAppIcon as dn, DagHorizontalIcon as dp, DagIcon as dq, DagVerticalIcon as dr, DangerModal as ds, DangerSmallIcon as dt, DashIcon as du, DashboardCodeIcon as dv, DashboardIcon as dw, DataIcon as dx, DataMaskiingGraphic as dy, DatabaseClockIcon as dz, useDesignSystemContext as e, H6Icon as e$, FaceNeutralIcon as e0, FaceSmileIcon as e1, FileCodeIcon as e2, FileCubeIcon as e3, FileDocumentIcon as e4, FileIcon as e5, FileImageIcon as e6, FileLockIcon as e7, FileModelIcon as e8, FileNewIcon as e9, ForkHorizontalIcon as eA, ForkIcon as eB, Form as eC, FormContextResetBoundary as eD, FullscreenExitIcon as eE, FullscreenIcon as eF, FunctionIcon as eG, FunctionInputIcon as eH, GavelIcon as eI, GearFillIcon as eJ, GearIcon as eK, GenieCodeIcon as eL, GenieDeepResearchIcon as eM, GiftIcon as eN, GitCommitIcon as eO, GitMergeIcon as eP, GitRebaseIcon as eQ, GlobeIcon as eR, Graphic as eS, GridDashIcon as eT, GridIcon as eU, GroupIcon as eV, H1Icon as eW, H2Icon as eX, H3Icon as eY, H4Icon as eZ, H5Icon as e_, FilePipelineIcon as ea, FilterFillIcon as eb, FilterIcon as ec, FlagPointerIcon as ed, FloatIcon as ee, FlowIcon as ef, FlowsIcon as eg, FolderBranchFillIcon as eh, FolderBranchIcon as ei, FolderCloudFilledIcon as ej, FolderCloudIcon as ek, FolderCubeIcon as el, FolderCubeOutlineIcon as em, FolderFillIcon as en, FolderHomeIcon as eo, FolderIcon as ep, FolderNewIcon as eq, FolderNodeIcon as er, FolderOpenBranchIcon as es, FolderOpenCloudIcon as et, FolderOpenCubeIcon as eu, FolderOpenIcon as ev, FolderOpenPipelineIcon as ew, FolderOutlinePipelineIcon as ex, FolderSolidPipelineIcon as ey, FontIcon as ez, useDesignSystemTheme as f, LegacyPauseCircleFilled as f$, HashIcon as f0, HistoryIcon as f1, HomeIcon as f2, Icon as f3, ImageIcon as f4, IndentDecreaseIcon as f5, IndentIncreaseIcon as f6, InfinityIcon as f7, InfoBookIcon as f8, InfoIcon as f9, LegacyCodeOutlined as fA, LegacyCommentOutlined as fB, LegacyCopyOutlined as fC, LegacyDatabaseOutlined as fD, LegacyDeleteOutlined as fE, LegacyDownOutlined as fF, LegacyEditOutlined as fG, LegacyEllipsisOutlined as fH, LegacyExclamationCircleOutlined as fI, LegacyEyeOutlined as fJ, LegacyFileOutlined as fK, LegacyFileTextOutlined as fL, LegacyFilterOutlined as fM, LegacyFlagOutlined as fN, LegacyFolderOpenOutlined as fO, LegacyFolderOutlined as fP, LegacyForm as fQ, LegacyFormDubois as fR, LegacyFullscreenOutlined as fS, LegacyGithubOutlined as fT, LegacyHourglassOutlined as fU, LegacyInfoCircleOutlined as fV, LegacyLinkOutlined as fW, LegacyLoadingOutlined as fX, LegacyNotificationOutlined as fY, LegacyOptGroup as fZ, LegacyOption as f_, IngestionIcon as fa, ItalicIcon as fb, JoinOperatorIcon as fc, KeyIcon as fd, KeyboardIcon as fe, LakebaseCatalogIcon as ff, LakebaseIcon as fg, LakeflowDesignerIcon as fh, LakewatchAlertIcon as fi, LakewatchDatasourceIcon as fj, LakewatchDetectionRuleIcon as fk, LakewatchParserIcon as fl, LayerGraphIcon as fm, LayerIcon as fn, Layout as fo, LeafIcon as fp, LegacyAppstoreOutlined as fq, LegacyArrowUpOutlined as fr, LegacyBookOutlined as fs, LegacyBugOutlined as ft, LegacyCheckCircleFilled as fu, LegacyCheckCircleOutlined as fv, LegacyClockCircleFilled as fw, LegacyClockCircleOutlined as fx, LegacyCloseCircleFilled as fy, LegacyCloseOutlined as fz, WarningFillIcon as g, NewTabIcon as g$, LegacyPlayCircleOutlined as g0, LegacyPlusOutlined as g1, LegacyQuestionCircleOutlined as g2, LegacyReloadOutlined as g3, LegacyRightOutlined as g4, LegacyRocketOutlined as g5, LegacySearchOutlined as g6, LegacySelectOptGroup as g7, LegacySelectOption as g8, LegacySendOutlined as g9, LockFillIcon as gA, LockIcon as gB, LockShareIcon as gC, LockUnlockedIcon as gD, LoopIcon as gE, LowercaseIcon as gF, MailIcon as gG, MapIcon as gH, MarkdownIcon as gI, McpIcon as gJ, MeasureIcon as gK, MegaphoneIcon as gL, MenuIcon as gM, MinusCircleFillIcon as gN, MinusCircleIcon as gO, MinusCircleSmallIcon as gP, MissingBranchGraphic as gQ, MissingGraphic as gR, ModelsIcon as gS, MonotoneLineIcon as gT, MonthPickerGrid as gU, MoonIcon as gV, Nav as gW, NavButton as gX, NavigationMenu as gY, NeonProjectIcon as gZ, NewChatIcon as g_, LegacySettingOutlined as ga, LegacySlackOutlined as gb, LegacySwapOutlined as gc, LegacySyncOutlined as gd, LegacyTable as ge, LegacyTooltip as gf, LegacyUpOutlined as gg, LegacyVideoCameraOutlined as gh, LetterFormatIcon as gi, LettersIcon as gj, LettersNumbersIcon as gk, LibrariesIcon as gl, LifesaverIcon as gm, LightbulbIcon as gn, LightningCircleFillIcon as go, LightningIcon as gp, LinearLineIcon as gq, LinkIcon as gr, LinkOffIcon as gs, ListBorderIcon as gt, ListClearIcon as gu, ListIcon as gv, ListNumberIcon as gw, Listbox as gx, LoadingIcon as gy, LoadingStateContext as gz, DangerFillIcon as h, QueryIcon as h$, NewWindowIcon as h0, NoCaseIcon as h1, NoIcon as h2, NotebookIcon as h3, NotebookPipelineIcon as h4, NotificationIcon as h5, NotificationOffIcon as h6, NumberFormatIcon as h7, NumbersIcon as h8, OfficeIcon as h9, PinCancelIcon as hA, PinFillIcon as hB, PinIcon as hC, PipelineCodeIcon as hD, PipelineCubeIcon as hE, PipelineIcon as hF, PivotOperatorIcon as hG, PlayCircleFillIcon as hH, PlayCircleIcon as hI, PlayDoubleIcon as hJ, PlayIcon as hK, PlayMultipleIcon as hL, PlugIcon as hM, PlusCircleFillIcon as hN, PlusCircleIcon as hO, PlusCircleSmallIcon as hP, PlusMinusSquareIcon as hQ, Popover as hR, PositionBottomIcon as hS, PositionLeftIcon as hT, PositionRightIcon as hU, PositionTopIcon as hV, PreviewCard as hW, Progress as hX, PullRequestIcon as hY, PuzzleIcon as hZ, QueryEditorIcon as h_, OntologyIcon as ha, OutageGraphic as hb, Overflow as hc, OverflowHorizontalIcon as hd, OverflowIcon as he, PageBottomIcon as hf, PageFirstIcon as hg, PageIcon as hh, PageLastIcon as hi, PageTopIcon as hj, Pagination as hk, Panel as hl, PanelBody as hm, PanelDockedIcon as hn, PanelFloatingIcon as ho, PanelHeader as hp, PanelHeaderButtons as hq, PanelHeaderTitle as hr, PaperclipIcon as hs, PassFailChecklistIcon as ht, PauseIcon as hu, PencilFillIcon as hv, PencilIcon as hw, PencilSparkleIcon as hx, PieChartIcon as hy, PillControl as hz, DesignSystemEventProviderAnalyticsEventTypes as i, Spacer as i$, QuestionMarkFillIcon as i0, QuestionMarkIcon as i1, RadioIcon as i2, RadioTile as i3, RangePicker as i4, ReaderModeIcon as i5, RedoIcon as i6, RefreshIcon as i7, RefreshPlayIcon as i8, RefreshXIcon as i9, ShieldIcon as iA, ShieldOffIcon as iB, ShortcutIcon as iC, Sidebar as iD, SidebarAutoIcon as iE, SidebarClosedIcon as iF, SidebarCollapseIcon as iG, SidebarExpandIcon as iH, SidebarIcon as iI, SidebarOpenIcon as iJ, SidebarSyncIcon as iK, SimpleSelect as iL, SimpleSelectOption as iM, SimpleSelectOptionGroup as iN, SlashSquareIcon as iO, Slider as iP, SlidersIcon as iQ, SnippetIcon as iR, SortCustomHorizontalIcon as iS, SortCustomVerticalIcon as iT, SortHorizontalAscendingIcon as iU, SortHorizontalDescendingIcon as iV, SortLetterHorizontalAscendingIcon as iW, SortLetterHorizontalDescendingIcon as iX, SortLetterUnsortedIcon as iY, SortLetterVerticalAscendingIcon as iZ, SortLetterVerticalDescendingIcon as i_, ReplyIcon as ia, ResizeIcon as ib, RhfForm as ic, RichTextIcon as id, RobotIcon as ie, RocketIcon as ig, RowsIcon as ih, RunIcon as ii, RunningIcon as ij, SMALL_BUTTON_HEIGHT$2 as ik, SaveClockIcon as il, SaveIcon as im, SchemaIcon as io, SchoolIcon as ip, SearchDataIcon as iq, SegmentedControlButton as ir, SegmentedControlGroup as is, SelectContext as it, SelectContextProvider as iu, SelectOptionGroup as iv, SendIcon as iw, ShareIcon as ix, ShareNodesIcon as iy, ShieldCheckIcon as iz, useDesignSystemEventComponentCallbacks as j, Tree as j$, SparkleDoubleFillIcon as j0, SparkleFillIcon as j1, SparkleIcon as j2, SparkleRectangleIcon as j3, SpeechBubbleIcon as j4, SpeechBubblePlusIcon as j5, SpeechBubbleQuestionMarkFillIcon as j6, SpeechBubbleQuestionMarkIcon as j7, SpeechBubbleStarIcon as j8, SpeedometerIcon as j9, TableMeasureIcon as jA, TableModelIcon as jB, TableReportIcon as jC, TableStreamIcon as jD, TableVectorIcon as jE, TableViewIcon as jF, Tabs as jG, Tag as jH, TagColumnIcon as jI, TagIcon as jJ, TagTableIcon as jK, TargetIcon as jL, TerminalIcon as jM, TextBoxIcon as jN, TextColorIcon as jO, TextIcon as jP, TextJustifyIcon as jQ, TextUnderlineIcon as jR, ThreeDotsIcon as jS, ThumbsDownFilledIcon as jT, ThumbsDownIcon as jU, ThumbsUpFilledIcon as jV, ThumbsUpIcon as jW, ToggleButton as jX, TokenIcon as jY, Toolbar as jZ, TrashIcon as j_, Spinner as ja, SplitButton as jb, SqlIcon as jc, StarFillIcon as jd, StarIcon as je, StepAfterLineIcon as jf, StepBeforeLineIcon as jg, Stepper as jh, StopCircleFillIcon as ji, StopCircleIcon as jj, StopIcon as jk, StoredProcedureIcon as jl, StorefrontIcon as jm, StreamIcon as jn, StrikeThroughIcon as jo, SunIcon as jp, SyncIcon as jq, SyncSmallIcon as jr, SyncToFileIcon as js, TableAsteriskIcon as jt, TableClockIcon as ju, TableCombineIcon as jv, TableGlassesIcon as jw, TableGlobeIcon as jx, TableIcon as jy, TableLightningIcon as jz, DesignSystemEventProviderComponentTypes as k, getPanelContainmentStyle as k$, TreeIcon as k0, TrendingFillIcon as k1, TrendingIcon as k2, TriangleIcon as k3, TypeaheadComboboxCheckboxItem as k4, TypeaheadComboboxFooter as k5, TypeaheadComboboxMenuItem$1 as k6, TypeaheadComboboxMultiSelectStateChangeTypes as k7, TypeaheadComboboxStateChangeTypes as k8, UnderlineIcon as k9, XCircleIcon as kA, YearPickerGrid as kB, ZaHorizontalIcon as kC, ZaVerticalIcon as kD, ZeroOpsIcon as kE, ZeroOpsOutlineIcon as kF, ZoomInIcon as kG, ZoomMarqueeSelection as kH, ZoomOutIcon as kI, ZoomToFitIcon as kJ, __INTERNAL_DO_NOT_USE__FormItem as kK, __INTERNAL_DO_NOT_USE__Group as kL, __INTERNAL_DO_NOT_USE__HorizontalGroup as kM, __INTERNAL_DO_NOT_USE__VerticalGroup as kN, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kO, augmentWithDataComponentProps as kP, dialogComboboxLookAheadKeyDown as kQ, getBottomOnlyShadowScrollStyles as kR, getButtonEmotionStyles as kS, getComboboxOptionLabelStyles as kT, getDatePickerQuickActionBasic as kU, getDialogComboboxOptionLabelWidth as kV, getHorizontalTabShadowStyles as kW, getInputStyles as kX, getKeyboardNavigationFunctions as kY, getMemoizedButtonEmotionStyles as kZ, getPaginationEmotionStyles as k_, UndoIcon as ka, UploadIcon as kb, UppercaseIcon as kc, UsageOverageGraphic as kd, UsageSpikeGraphic as ke, UsbIcon as kf, UserBadgeIcon as kg, UserCircleIcon as kh, UserGroupFillIcon as ki, UserGroupIcon as kj, UserIcon as kk, UserKeyIconIcon as kl, UserShieldIcon as km, UserSparkleIcon as kn, UserTeamIcon as ko, VisibleFillIcon as kp, VisibleIcon as kq, VisibleOffIcon as kr, WithDesignSystemThemeHoc as ks, WorkflowCodeIcon as kt, WorkflowCubeIcon as ku, WorkflowsIcon as kv, WorkspacesIcon as kw, WrenchIcon as kx, WrenchSparkleIcon as ky, XCircleFillIcon as kz, DesignSystemEventProviderComponentSubTypeMap as l, getRadioStyles as l0, getRangeQuickActionsBasic as l1, getShadowScrollStyles as l2, getTypographyColor as l3, getVirtualListScrollbarStyles as l4, getVirtualListScrollbarThumbColor as l5, getVirtualizedComboboxMenuItemStyles as l6, getWrapperStyle as l7, highlightFirstNonDisabledOption as l8, isOptionDisabled as l9, resetTabIndexToFocusedElement as la, setImplicitContextGetter as lb, skipHideIconButtonActionClassName as lc, themeMemoKey as ld, useAntDConfigProviderContext as le, useCallbackOnEnter as lf, useComponentFinderContext as lg, useDesignSystemEventSuppressInteractionContext as lh, useFormContext as li, useRadioGroupContext as lj, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, useModalContext as z };
|
|
37373
|
-
//# sourceMappingURL=WizardStepContentWrapper-
|
|
37545
|
+
export { hideIconButtonRowStyles as $, useModalContext as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, Trigger$5 as E, FIXED_VERTICAL_STEPPER_WIDTH as F, InfoSmallIcon as G, Content$7 as H, InfoFillIcon as I, Arrow$2 as J, Tooltip as K, SparkleDoubleIcon as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, LoadingState as N, OverflowPopover as O, visuallyHidden as P, genSkeletonAnimatedColor as Q, Root$b as R, ShapeTokens as S, Typography as T, getOffsets as U, DesignSystemEventSuppressInteractionProviderContext as V, Wizard as W, DesignSystemEventSuppressInteractionTrueContextValue as X, tableStyles as Y, repeatingElementsStyles as Z, tableClassNames as _, WizardControlled as a, TypeaheadComboboxV2ContextProvider as a$, hideIconButtonActionCellClassName as a0, safex as a1, TitleSkeleton as a2, useDialogComboboxContext as a3, PlusIcon as a4, importantify as a5, getComboboxOptionItemWrapperStyles as a6, getFooterStyles as a7, useDialogComboboxOptionListContext as a8, generateUuidV4 as a9, Checkbox as aA, DialogCombobox as aB, DialogComboboxTrigger as aC, DialogComboboxContent as aD, Select as aE, SelectTrigger as aF, SelectContent as aG, SelectOption as aH, LegacySelect as aI, WarningIcon as aJ, CheckCircleIcon as aK, DangerIcon as aL, Hint as aM, Title$1 as aN, CloseIcon as aO, RestoreAntDDefaultClsPrefix as aP, AccessibleContainer as aQ, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aR, CircleOffIcon as aS, CircleOutlineIcon as aT, CircleIcon as aU, shimExports as aV, SortAscendingIcon as aW, SortDescendingIcon as aX, SortUnsortedIcon as aY, MinusSquareIcon as aZ, PlusSquareIcon as a_, getContentOptions as aa, findHighlightedOption as ab, highlightOption as ac, Input as ad, SearchIcon as ae, EmptyResults as af, findClosestOptionSibling as ag, DialogComboboxOptionListCheckboxItem as ah, DialogComboboxOptionListSelectItem as ai, DialogComboboxOptionListContextProvider as aj, LoadingSpinner as ak, DialogComboboxOptionList as al, useUniqueId as am, TypeaheadComboboxContextProvider as an, useTypeaheadComboboxContext as ao, useDuboisThemeClass as ap, useDesignTokenOverrideStyles as aq, getComboboxContentWrapperStyles as ar, ClearSelectionButton as as, TypeaheadComboboxSelectedItem$1 as at, CountBadge$1 as au, getValidationStateColor as av, SectionHeader as aw, useComboboxState as ax, useMultipleSelectionState as ay, Radio as az, WizardModal as b, BlockQuoteIcon as b$, useTypeaheadComboboxV2Context as b0, useRadixModalContext as b1, useIsomorphicLayoutEffect as b2, useScrollOptionIntoView as b3, InfoTooltip as b4, getInfoIconStyles as b5, HintRow as b6, getCheckboxStyles as b7, getMenuItemStyles as b8, TypeaheadComboboxSelectedItem as b9, ArrowUpIcon as bA, ArrowsCollapseIcon as bB, ArrowsConnectIcon as bC, ArrowsExpandIcon as bD, ArrowsUpDownIcon as bE, AssistantIcon as bF, AtIcon as bG, Auth0Graphic as bH, Auth0GraphicLarge as bI, AzHorizontalIcon as bJ, AzVerticalIcon as bK, BANNER_MAX_HEIGHT as bL, BANNER_MIN_HEIGHT as bM, BackupIcon as bN, BadgeCodeIcon as bO, BadgeCodeOffIcon as bP, Banner as bQ, BarChartIcon as bR, BarGroupedIcon as bS, BarStackedIcon as bT, BarStackedPercentageIcon as bU, BarsAscendingHorizontalIcon as bV, BarsAscendingVerticalIcon as bW, BarsDescendingHorizontalIcon as bX, BarsDescendingVerticalIcon as bY, BeakerIcon as bZ, BinaryIcon as b_, CountBadge as ba, TypeaheadComboboxMenuItem as bb, AccessDeniedGraphic as bc, Accordion as bd, AccordionPanel as be, AlignCenterIcon as bf, AlignJustifyIcon as bg, AlignLeftIcon as bh, AlignRightIcon as bi, AlignVerticalBottomIcon as bj, AlignVerticalCenterIcon as bk, AlignVerticalTopIcon as bl, AppIcon as bm, ApplyDesignSystemContextOverrides as bn, ApplyDesignSystemFlags as bo, ArrowDownDotIcon as bp, ArrowDownFillIcon as bq, ArrowDownIcon as br, ArrowInIcon as bs, ArrowInTableIcon as bt, ArrowLeftIcon as bu, ArrowOutTableIcon as bv, ArrowOverIcon as bw, ArrowRightIcon as bx, ArrowUpDotIcon as by, ArrowUpFillIcon as bz, WizardStepContentWrapper as c, CloudDownloadIcon as c$, BoldIcon as c0, BookIcon as c1, BookmarkFillIcon as c2, BookmarkIcon as c3, BooksIcon as c4, BracketsCheckIcon as c5, BracketsCurlyIcon as c6, BracketsErrorIcon as c7, BracketsSquareIcon as c8, BracketsXIcon as c9, CertifiedIcon as cA, ChainIcon as cB, ChartLineIcon as cC, CheckCircleBadgeIcon as cD, CheckCircleSmallIcon as cE, CheckIcon as cF, CheckLineIcon as cG, CheckSmallIcon as cH, CheckboxIcon as cI, ChecklistIcon as cJ, ChevronDoubleDownIcon as cK, ChevronDoubleLeftIcon as cL, ChevronDoubleLeftOffIcon as cM, ChevronDoubleRightIcon as cN, ChevronDoubleRightOffIcon as cO, ChevronDoubleUpIcon as cP, ChevronLeftIcon as cQ, ChevronUpIcon as cR, ChipIcon as cS, CircleOffLargeIcon as cT, CircleOutlineLargeIcon as cU, ClipboardIcon as cV, ClockIcon as cW, ClockKeyIcon as cX, ClockOffIcon as cY, CloudCheckIcon as cZ, CloudDatabaseIcon as c_, BranchCheckIcon as ca, BranchIcon as cb, BranchResetIcon as cc, BriefcaseFillIcon as cd, BriefcaseIcon as ce, BrushIcon as cf, BugIcon as cg, CalendarClockIcon as ch, CalendarEventIcon as ci, CalendarIcon as cj, CalendarRangeIcon as ck, CalendarSyncIcon as cl, CameraIcon as cm, CapitalizeIcon as cn, CaretDownSquareIcon as co, CaretUpSquareIcon as cp, CatalogCloudIcon as cq, CatalogGearIcon as cr, CatalogHomeIcon as cs, CatalogIcon as ct, CatalogOffIcon as cu, CatalogSharedIcon as cv, CatalogUserHomeIcon as cw, CellsSquareIcon as cx, CertifiedFillIcon as cy, CertifiedFillSmallIcon as cz, DesignSystemEventProvider as d, ErdIcon as d$, CloudIcon as d0, CloudKeyIcon as d1, CloudModelIcon as d2, CloudOffIcon as d3, CloudUploadIcon as d4, CodeIcon as d5, ColorFillIcon as d6, ColorVars as d7, ColumnIcon as d8, ColumnSplitIcon as d9, DataIcon as dA, DataMaskiingGraphic as dB, DatabaseClockIcon as dC, DatabaseIcon as dD, DatabaseImportIcon as dE, DatePicker as dF, DecimalIcon as dG, DeprecatedIcon as dH, DeprecatedSmallIcon as dI, DesignSystemContext as dJ, DesignSystemEventProviderComponentSubTypes as dK, DesignSystemProvider as dL, DesignSystemThemeContext as dM, DesignSystemThemeProvider as dN, DialogComboboxCountBadge as dO, DialogComboboxCustomButtonTriggerWrapper as dP, DialogComboboxSectionHeader as dQ, DollarIcon as dR, DomainCirclesThree as dS, DomainsIcon as dT, DotsCircleIcon as dU, DownloadIcon as dV, DragIcon as dW, Drawer as dX, DropdownMenu as dY, Empty as dZ, EmptyDashboardGraphic as d_, ColumnTagIcon as da, ColumnsIcon as db, CommandIcon as dc, CommandPaletteIcon as dd, CompassIcon as de, ComponentFinderContext as df, ConnectIcon as dg, Content$2 as dh, ContextMenu$1 as di, CopyIcon as dj, CreditCardIcon as dk, CursorClickIcon as dl, CursorIcon as dm, CursorPagination as dn, CursorTypeIcon as dp, CustomAppIcon as dq, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dr, DagHorizontalIcon as ds, DagIcon as dt, DagVerticalIcon as du, DangerModal as dv, DangerSmallIcon as dw, DashIcon as dx, DashboardCodeIcon as dy, DashboardIcon as dz, DesignTokenScope as e, H3Icon as e$, ExpandLessIcon as e0, ExpandMoreIcon as e1, FaceFrownIcon as e2, FaceNeutralIcon as e3, FaceSmileIcon as e4, FileCodeIcon as e5, FileCubeIcon as e6, FileDocumentIcon as e7, FileIcon as e8, FileImageIcon as e9, FolderOutlinePipelineIcon as eA, FolderSolidPipelineIcon as eB, FontIcon as eC, ForkHorizontalIcon as eD, ForkIcon as eE, Form as eF, FormContextResetBoundary as eG, FullscreenExitIcon as eH, FullscreenIcon as eI, FunctionIcon as eJ, FunctionInputIcon as eK, GavelIcon as eL, GearFillIcon as eM, GearIcon as eN, GenieCodeIcon as eO, GenieDeepResearchIcon as eP, GiftIcon as eQ, GitCommitIcon as eR, GitMergeIcon as eS, GitRebaseIcon as eT, GlobeIcon as eU, Graphic as eV, GridDashIcon as eW, GridIcon as eX, GroupIcon as eY, H1Icon as eZ, H2Icon as e_, FileLockIcon as ea, FileModelIcon as eb, FileNewIcon as ec, FilePipelineIcon as ed, FilterFillIcon as ee, FilterIcon as ef, FlagPointerIcon as eg, FloatIcon as eh, FlowIcon as ei, FlowsIcon as ej, FolderBranchFillIcon as ek, FolderBranchIcon as el, FolderCloudFilledIcon as em, FolderCloudIcon as en, FolderCubeIcon as eo, FolderCubeOutlineIcon as ep, FolderFillIcon as eq, FolderHomeIcon as er, FolderIcon as es, FolderNewIcon as et, FolderNodeIcon as eu, FolderOpenBranchIcon as ev, FolderOpenCloudIcon as ew, FolderOpenCubeIcon as ex, FolderOpenIcon as ey, FolderOpenPipelineIcon as ez, useDesignSystemContext as f, MarkdownIcon as f$, H4Icon as f0, H5Icon as f1, H6Icon as f2, HashIcon as f3, HistoryIcon as f4, HomeIcon as f5, Icon as f6, ImageIcon as f7, IndentDecreaseIcon as f8, IndentIncreaseIcon as f9, LegacyTooltip as fA, LetterFormatIcon as fB, LettersIcon as fC, LettersNumbersIcon as fD, LibrariesIcon as fE, LifesaverIcon as fF, LightbulbIcon as fG, LightningCircleFillIcon as fH, LightningIcon as fI, LinearLineIcon as fJ, LinkIcon as fK, LinkOffIcon as fL, ListBorderIcon as fM, ListClearIcon as fN, ListIcon as fO, ListNumberIcon as fP, Listbox as fQ, LoadingIcon as fR, LoadingStateContext as fS, LockFillIcon as fT, LockIcon as fU, LockShareIcon as fV, LockUnlockedIcon as fW, LoopIcon as fX, LowercaseIcon as fY, MailIcon as fZ, MapIcon as f_, InfinityIcon as fa, InfoBookIcon as fb, InfoIcon as fc, IngestionIcon as fd, ItalicIcon as fe, JoinOperatorIcon as ff, KeyIcon as fg, KeyboardIcon as fh, LakebaseCatalogIcon as fi, LakebaseIcon as fj, LakeflowDesignerIcon as fk, LakewatchAlertIcon as fl, LakewatchDatasourceIcon as fm, LakewatchDetectionRuleIcon as fn, LakewatchParserIcon as fo, LayerGraphIcon as fp, LayerIcon as fq, Layout as fr, LeafIcon as fs, LegacyForm as ft, LegacyFormDubois as fu, LegacyOptGroup as fv, LegacyOption as fw, LegacySelectOptGroup as fx, LegacySelectOption as fy, LegacyTable as fz, useDesignSystemTheme as g, PlayCircleIcon as g$, McpIcon as g0, MeasureIcon as g1, MegaphoneIcon as g2, MenuIcon as g3, MinusCircleFillIcon as g4, MinusCircleIcon as g5, MinusCircleSmallIcon as g6, MissingBranchGraphic as g7, MissingGraphic as g8, ModelsIcon as g9, PageIcon as gA, PageLastIcon as gB, PageTopIcon as gC, Pagination as gD, Panel as gE, PanelBody as gF, PanelDockedIcon as gG, PanelFloatingIcon as gH, PanelHeader as gI, PanelHeaderButtons as gJ, PanelHeaderTitle as gK, PaperclipIcon as gL, PassFailChecklistIcon as gM, PauseIcon as gN, PencilFillIcon as gO, PencilIcon as gP, PencilSparkleIcon as gQ, PieChartIcon as gR, PillControl as gS, PinCancelIcon as gT, PinFillIcon as gU, PinIcon as gV, PipelineCodeIcon as gW, PipelineCubeIcon as gX, PipelineIcon as gY, PivotOperatorIcon as gZ, PlayCircleFillIcon as g_, MonotoneLineIcon as ga, MonthPickerGrid as gb, MoonIcon as gc, Nav as gd, NavButton as ge, NavigationMenu as gf, NeonProjectIcon as gg, NewChatIcon as gh, NewTabIcon as gi, NewWindowIcon as gj, NoCaseIcon as gk, NoIcon as gl, NotebookIcon as gm, NotebookPipelineIcon as gn, NotificationIcon as go, NotificationOffIcon as gp, NumberFormatIcon as gq, NumbersIcon as gr, OfficeIcon as gs, OntologyIcon as gt, OutageGraphic as gu, Overflow as gv, OverflowHorizontalIcon as gw, OverflowIcon as gx, PageBottomIcon as gy, PageFirstIcon as gz, WarningFillIcon as h, SidebarSyncIcon as h$, PlayDoubleIcon as h0, PlayIcon as h1, PlayMultipleIcon as h2, PlugIcon as h3, PlusCircleFillIcon as h4, PlusCircleIcon as h5, PlusCircleSmallIcon as h6, PlusMinusSquareIcon as h7, Popover as h8, PositionBottomIcon as h9, RunIcon as hA, RunningIcon as hB, SMALL_BUTTON_HEIGHT$2 as hC, SaveClockIcon as hD, SaveIcon as hE, SchemaIcon as hF, SchoolIcon as hG, SearchDataIcon as hH, SegmentedControlButton as hI, SegmentedControlGroup as hJ, SelectContext as hK, SelectContextProvider as hL, SelectOptionGroup as hM, SendIcon as hN, ShareIcon as hO, ShareNodesIcon as hP, ShieldCheckIcon as hQ, ShieldIcon as hR, ShieldOffIcon as hS, ShortcutIcon as hT, Sidebar as hU, SidebarAutoIcon as hV, SidebarClosedIcon as hW, SidebarCollapseIcon as hX, SidebarExpandIcon as hY, SidebarIcon as hZ, SidebarOpenIcon as h_, PositionLeftIcon as ha, PositionRightIcon as hb, PositionTopIcon as hc, PreviewCard as hd, Progress as he, PullRequestIcon as hf, PuzzleIcon as hg, QueryEditorIcon as hh, QueryIcon as hi, QuestionMarkFillIcon as hj, QuestionMarkIcon as hk, RadioIcon as hl, RadioTile as hm, RangePicker as hn, ReaderModeIcon as ho, RedoIcon as hp, RefreshIcon as hq, RefreshPlayIcon as hr, RefreshXIcon as hs, ReplyIcon as ht, ResizeIcon as hu, RhfForm as hv, RichTextIcon as hw, RobotIcon as hx, RocketIcon as hy, RowsIcon as hz, DangerFillIcon as i, TagColumnIcon as i$, SimpleSelect as i0, SimpleSelectOption as i1, SimpleSelectOptionGroup as i2, SlashSquareIcon as i3, Slider as i4, SlidersIcon as i5, SnippetIcon as i6, SortCustomHorizontalIcon as i7, SortCustomVerticalIcon as i8, SortHorizontalAscendingIcon as i9, Stepper as iA, StopCircleFillIcon as iB, StopCircleIcon as iC, StopIcon as iD, StoredProcedureIcon as iE, StorefrontIcon as iF, StreamIcon as iG, StrikeThroughIcon as iH, SunIcon as iI, SyncIcon as iJ, SyncSmallIcon as iK, SyncToFileIcon as iL, TableAsteriskIcon as iM, TableClockIcon as iN, TableCombineIcon as iO, TableGlassesIcon as iP, TableGlobeIcon as iQ, TableIcon as iR, TableLightningIcon as iS, TableMeasureIcon as iT, TableModelIcon as iU, TableReportIcon as iV, TableStreamIcon as iW, TableVectorIcon as iX, TableViewIcon as iY, Tabs as iZ, Tag as i_, SortHorizontalDescendingIcon as ia, SortLetterHorizontalAscendingIcon as ib, SortLetterHorizontalDescendingIcon as ic, SortLetterUnsortedIcon as id, SortLetterVerticalAscendingIcon as ie, SortLetterVerticalDescendingIcon as ig, Spacer as ih, SparkleDoubleFillIcon as ii, SparkleFillIcon as ij, SparkleIcon as ik, SparkleRectangleIcon as il, SpeechBubbleIcon as im, SpeechBubblePlusIcon as io, SpeechBubbleQuestionMarkFillIcon as ip, SpeechBubbleQuestionMarkIcon as iq, SpeechBubbleStarIcon as ir, SpeedometerIcon as is, Spinner as it, SplitButton as iu, SqlIcon as iv, StarFillIcon as iw, StarIcon as ix, StepAfterLineIcon as iy, StepBeforeLineIcon as iz, DesignSystemEventProviderAnalyticsEventTypes as j, ZoomOutIcon as j$, TagIcon as j0, TagTableIcon as j1, TargetIcon as j2, TerminalIcon as j3, TextBoxIcon as j4, TextColorIcon as j5, TextIcon as j6, TextJustifyIcon as j7, TextUnderlineIcon as j8, ThreeDotsIcon as j9, UserCircleIcon as jA, UserGroupFillIcon as jB, UserGroupIcon as jC, UserIcon as jD, UserKeyIconIcon as jE, UserShieldIcon as jF, UserSparkleIcon as jG, UserTeamIcon as jH, VisibleFillIcon as jI, VisibleIcon as jJ, VisibleOffIcon as jK, WithDesignSystemThemeHoc as jL, WorkflowCodeIcon as jM, WorkflowCubeIcon as jN, WorkflowsIcon as jO, WorkspacesIcon as jP, WrenchIcon as jQ, WrenchSparkleIcon as jR, XCircleFillIcon as jS, XCircleIcon as jT, YearPickerGrid as jU, ZaHorizontalIcon as jV, ZaVerticalIcon as jW, ZeroOpsIcon as jX, ZeroOpsOutlineIcon as jY, ZoomInIcon as jZ, ZoomMarqueeSelection as j_, ThumbsDownFilledIcon as ja, ThumbsDownIcon as jb, ThumbsUpFilledIcon as jc, ThumbsUpIcon as jd, ToggleButton as je, TokenIcon as jf, Toolbar as jg, TrashIcon as jh, Tree as ji, TreeIcon as jj, TrendingFillIcon as jk, TrendingIcon as jl, TriangleIcon as jm, TypeaheadComboboxCheckboxItem as jn, TypeaheadComboboxFooter as jo, TypeaheadComboboxMenuItem$1 as jp, TypeaheadComboboxMultiSelectStateChangeTypes as jq, TypeaheadComboboxStateChangeTypes as jr, UnderlineIcon as js, UndoIcon as jt, UploadIcon as ju, UppercaseIcon as jv, UsageOverageGraphic as jw, UsageSpikeGraphic as jx, UsbIcon as jy, UserBadgeIcon as jz, useDesignSystemEventComponentCallbacks as k, ZoomToFitIcon as k0, __INTERNAL_DO_NOT_USE__FormItem as k1, __INTERNAL_DO_NOT_USE__Group as k2, __INTERNAL_DO_NOT_USE__HorizontalGroup as k3, __INTERNAL_DO_NOT_USE__VerticalGroup as k4, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k5, augmentWithDataComponentProps as k6, dialogComboboxLookAheadKeyDown as k7, getBottomOnlyShadowScrollStyles as k8, getButtonEmotionStyles as k9, useDesignSystemEventSuppressInteractionContext as kA, useFormContext as kB, useRadioGroupContext as kC, getComboboxOptionLabelStyles as ka, getDatePickerQuickActionBasic as kb, getDialogComboboxOptionLabelWidth as kc, getHorizontalTabShadowStyles as kd, getInputStyles as ke, getKeyboardNavigationFunctions as kf, getMemoizedButtonEmotionStyles as kg, getPaginationEmotionStyles as kh, getPanelContainmentStyle as ki, getRadioStyles as kj, getRangeQuickActionsBasic as kk, getShadowScrollStyles as kl, getTypographyColor as km, getVirtualListScrollbarStyles as kn, getVirtualListScrollbarThumbColor as ko, getVirtualizedComboboxMenuItemStyles as kp, getWrapperStyle as kq, highlightFirstNonDisabledOption as kr, isOptionDisabled as ks, resetTabIndexToFocusedElement as kt, setImplicitContextGetter as ku, skipHideIconButtonActionClassName as kv, themeMemoKey as kw, useAntDConfigProviderContext as kx, useCallbackOnEnter as ky, useComponentFinderContext as kz, DesignSystemEventProviderComponentTypes as l, DesignSystemEventProviderComponentSubTypeMap as m, useNotifyOnFirstView as n, useStableUuidV4 as o, primitiveColors as p, ChevronDownIcon as q, ChevronRightIcon as r, DesignSystemAntDConfigProvider as s, CloseSmallIcon as t, useWizardCurrentStep as u, addDebugOutlineIfEnabled as v, Modal as w, getAnimationCss as x, token as y, getDarkModePortalStyles as z };
|
|
37546
|
+
//# sourceMappingURL=WizardStepContentWrapper-8bs2FwRi.js.map
|