@databricks/design-system 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/{WizardStepContentWrapper-DnwQIMN1.js → WizardStepContentWrapper-DsAS2ZAT.js} +600 -511
- package/dist/WizardStepContentWrapper-DsAS2ZAT.js.map +1 -0
- package/dist/fonts/dm-mono/DMMono-Regular.woff2 +0 -0
- package/dist/fonts/dm-mono/dm-mono.css +11 -0
- package/dist/index-dark.css +298 -200
- package/dist/index-dark.mitigated.css +298 -200
- package/dist/index.css +383 -271
- package/dist/index.js +230 -157
- package/dist/index.js.map +1 -1
- package/dist/index.mitigated.css +392 -280
- package/dist/patterns.js +3 -2
- package/dist/patterns.js.map +1 -1
- package/dist-types/design-system/ContextMenu/ContextMenu.d.ts +2 -2
- package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +44 -0
- package/dist-types/design-system/Grid/Col.d.ts +1 -3
- package/dist-types/design-system/Grid/NativeCol.d.ts +10 -0
- package/dist-types/design-system/Grid/NativeGridContext.d.ts +11 -0
- package/dist-types/design-system/Grid/NativeRow.d.ts +13 -0
- package/dist-types/design-system/Grid/Row.d.ts +3 -4
- package/dist-types/design-system/Grid/grid-styling.d.ts +22 -0
- package/dist-types/design-system/Grid/gridConstants.d.ts +2 -0
- package/dist-types/design-system/Grid/index.d.ts +1 -0
- package/dist-types/design-system/Grid/rowConstants.d.ts +7 -0
- package/dist-types/design-system/Grid/types.d.ts +49 -0
- package/dist-types/design-system/Hooks/index.d.ts +1 -1
- package/dist-types/design-system/Hooks/useDesignSystemTheme.d.ts +7 -7
- package/dist-types/design-system/Icon/LegacyAntDIcon.d.ts +21 -0
- package/dist-types/design-system/Icon/index.d.ts +0 -1
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxCheckboxItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxFooter.d.ts +12 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxInput.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenu.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.d.ts +4 -0
- package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.d.ts +8 -0
- package/dist-types/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts +8 -0
- package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxState.d.ts +6 -0
- package/dist-types/design-system/TypeaheadComboboxV2/hooks/useRestoreHighlightedOption.d.ts +18 -0
- package/dist-types/design-system/TypeaheadComboboxV2/hooks/useTypeaheadComboboxContext.d.ts +2 -0
- package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/providers/TypeaheadComboboxContext.d.ts +6 -4
- package/dist-types/design-system/_shared_/Menu/index.d.ts +1 -1
- package/dist-types/design-system/fonts.d.ts +1 -0
- package/dist-types/design-system/index.d.ts +1 -1
- package/package.json +3 -2
- package/dist/WizardStepContentWrapper-DnwQIMN1.js.map +0 -1
- package/dist-types/design-system/Icon/AntdIcon.d.ts +0 -114
- package/dist-types/design-system/TypeaheadComboboxReactAria/hooks/useTypeaheadComboboxContext.d.ts +0 -2
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/CountBadge.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxAddButton.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxCheckboxItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxControls.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxFooter.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxInput.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenu.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenuItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMultiSelectInput.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxRoot.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSectionHeader.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSelectedItem.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSeparator.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxToggleButton.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/footerFocus.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/index.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxItems.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxStateProps.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useMultipleSelectionState.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useScrollOptionIntoView.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useVirtualizedComboboxScroll.d.ts +0 -0
- /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/index.d.ts +0 -0
|
@@ -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,57 @@ 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
|
+
}
|
|
1770
1818
|
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 })=>{
|
|
1819
|
+
disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
|
|
1772
1820
|
const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
|
|
1773
1821
|
const theme = useMemo(()=>getTheme(isDarkMode, {
|
|
1774
1822
|
enableAnimation,
|
|
@@ -1817,6 +1865,7 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1817
1865
|
themeOverrides
|
|
1818
1866
|
]);
|
|
1819
1867
|
const classNamePrefix = getClassNamePrefix(mergedTheme);
|
|
1868
|
+
const designTokenOverrideStyle = useDesignTokenOverrideStyles();
|
|
1820
1869
|
const value = useMemo(()=>{
|
|
1821
1870
|
return {
|
|
1822
1871
|
enableAnimation,
|
|
@@ -1851,7 +1900,15 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1851
1900
|
children: /*#__PURE__*/ jsx(TooltipProvider, {
|
|
1852
1901
|
children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
|
|
1853
1902
|
value: value,
|
|
1854
|
-
children: children
|
|
1903
|
+
children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx("div", {
|
|
1904
|
+
"data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
|
|
1905
|
+
className: classNamePrefix,
|
|
1906
|
+
style: {
|
|
1907
|
+
display: 'contents',
|
|
1908
|
+
...designTokenOverrideStyle
|
|
1909
|
+
},
|
|
1910
|
+
children: children
|
|
1911
|
+
})
|
|
1855
1912
|
})
|
|
1856
1913
|
})
|
|
1857
1914
|
})
|
|
@@ -1890,8 +1947,11 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
|
|
|
1890
1947
|
flags,
|
|
1891
1948
|
themeOverrides
|
|
1892
1949
|
]);
|
|
1950
|
+
// Only overrides context props — the token scope is inherited from an ancestor (in-tree) or
|
|
1951
|
+
// re-applied on the portal root — so it must not emit a second scope wrapper. See the prop's docs.
|
|
1893
1952
|
return /*#__PURE__*/ jsx(DesignSystemProvider, {
|
|
1894
1953
|
...newProps,
|
|
1954
|
+
disableTokenScopeWrapper: true,
|
|
1895
1955
|
children: children
|
|
1896
1956
|
});
|
|
1897
1957
|
};
|
|
@@ -1911,8 +1971,10 @@ const ApplyDesignSystemFlags = ({ flags, children })=>{
|
|
|
1911
1971
|
parentDesignSystemProviderProps,
|
|
1912
1972
|
flags
|
|
1913
1973
|
]);
|
|
1974
|
+
// Context-only override (flags): inherits the ancestor's token scope, so no second wrapper.
|
|
1914
1975
|
return /*#__PURE__*/ jsx(DesignSystemProvider, {
|
|
1915
1976
|
...newProps,
|
|
1977
|
+
disableTokenScopeWrapper: true,
|
|
1916
1978
|
children: children
|
|
1917
1979
|
});
|
|
1918
1980
|
};
|
|
@@ -1944,64 +2006,6 @@ const useAntDConfigProviderContext = ()=>{
|
|
|
1944
2006
|
});
|
|
1945
2007
|
};
|
|
1946
2008
|
|
|
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
2009
|
function useDesignSystemContext() {
|
|
2006
2010
|
return useContext(DesignSystemContext);
|
|
2007
2011
|
}
|
|
@@ -17464,7 +17468,7 @@ const Button$1 = /* #__PURE__ */ (()=>{
|
|
|
17464
17468
|
inheritColor: true,
|
|
17465
17469
|
label: "loading",
|
|
17466
17470
|
"aria-label": "loading",
|
|
17467
|
-
//
|
|
17471
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
|
|
17468
17472
|
loadingDescription: loadingDescription ?? componentId,
|
|
17469
17473
|
css: getMemoizedLoadingSpinnerCss(iconOnly, Boolean(dangerouslySetForceIconStyles))
|
|
17470
17474
|
}) : null;
|
|
@@ -18232,9 +18236,9 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
|
|
|
18232
18236
|
// Right-align footer buttons. For a custom footer (`display: block`) this is what aligns the
|
|
18233
18237
|
// inline-block buttons.
|
|
18234
18238
|
textAlign: 'right',
|
|
18235
|
-
// 8px gap between adjacent footer buttons.
|
|
18236
|
-
//
|
|
18237
|
-
'&
|
|
18239
|
+
// 8px gap between adjacent footer buttons. Descendant selector so it reaches buttons that a
|
|
18240
|
+
// custom footer nests inside wrapper elements, not just the footer's direct children.
|
|
18241
|
+
'& button + button': {
|
|
18238
18242
|
marginLeft: theme.spacing.sm
|
|
18239
18243
|
},
|
|
18240
18244
|
height: footerHeight,
|
|
@@ -18305,6 +18309,8 @@ function ModalInternal({ componentId, analyticsEvents = [
|
|
|
18305
18309
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
18306
18310
|
], 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
18311
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
18312
|
+
const themeClass = useDuboisThemeClass();
|
|
18313
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
18308
18314
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
18309
18315
|
analyticsEvents
|
|
18310
18316
|
]);
|
|
@@ -18631,7 +18637,8 @@ function ModalInternal({ componentId, analyticsEvents = [
|
|
|
18631
18637
|
ref: modalRootRef,
|
|
18632
18638
|
"aria-hidden": !open,
|
|
18633
18639
|
css: wrapperStyles,
|
|
18634
|
-
className: classnames(wrapClassName),
|
|
18640
|
+
className: classnames(wrapClassName, themeClass),
|
|
18641
|
+
style: themeOverrideStyle,
|
|
18635
18642
|
children: /*#__PURE__*/ jsx(RadixModalContext.Provider, {
|
|
18636
18643
|
value: {
|
|
18637
18644
|
modalRootElement: modalRootRef.current?.firstChild
|
|
@@ -18723,132 +18730,6 @@ const ModalContext = /*#__PURE__*/ createContext({
|
|
|
18723
18730
|
});
|
|
18724
18731
|
const useModalContext = ()=>useContext(ModalContext);
|
|
18725
18732
|
|
|
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
18733
|
// WRAPPED RADIX-UI-COMPONENTS
|
|
18853
18734
|
const Anchor = Popover$1.Anchor; // Behavioral component only
|
|
18854
18735
|
const DEFAULT_ANALYTICS_EVENTS$5 = [
|
|
@@ -18894,10 +18775,12 @@ const Root$b = ({ children, onOpenChange, componentId, analyticsEvents = DEFAULT
|
|
|
18894
18775
|
})
|
|
18895
18776
|
});
|
|
18896
18777
|
};
|
|
18897
|
-
const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, ...props }, ref) {
|
|
18778
|
+
const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, className, style, ...props }, ref) {
|
|
18898
18779
|
const { getPopupContainer } = useDesignSystemContext();
|
|
18899
18780
|
const { theme } = useDesignSystemTheme();
|
|
18900
18781
|
const dataComponentProps = useComponentFinderContext(DesignSystemEventProviderComponentTypes.Popover);
|
|
18782
|
+
const themeClass = useDuboisThemeClass();
|
|
18783
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
18901
18784
|
return /*#__PURE__*/ jsx(Popover$1.Portal, {
|
|
18902
18785
|
container: getPopupContainer && getPopupContainer(),
|
|
18903
18786
|
children: /*#__PURE__*/ jsx(Popover$1.Content, {
|
|
@@ -18914,6 +18797,11 @@ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
|
|
|
18914
18797
|
"aria-label": "Popover content",
|
|
18915
18798
|
...props,
|
|
18916
18799
|
...dataComponentProps,
|
|
18800
|
+
className: classnames(className, themeClass),
|
|
18801
|
+
style: {
|
|
18802
|
+
...style,
|
|
18803
|
+
...themeOverrideStyle
|
|
18804
|
+
},
|
|
18917
18805
|
children: children
|
|
18918
18806
|
})
|
|
18919
18807
|
});
|
|
@@ -19006,6 +18894,261 @@ var Popover = /*#__PURE__*/Object.freeze({
|
|
|
19006
18894
|
Trigger: Trigger$5
|
|
19007
18895
|
});
|
|
19008
18896
|
|
|
18897
|
+
// @ts-expect-error `jest` is only available in tests
|
|
18898
|
+
const isInsideTest = ()=>typeof jest !== 'undefined';
|
|
18899
|
+
|
|
18900
|
+
const DEFAULT_ANALYTICS_EVENTS$4 = [
|
|
18901
|
+
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
18902
|
+
];
|
|
18903
|
+
const slideUpAndFade = /*#__PURE__*/ keyframes({
|
|
18904
|
+
from: {
|
|
18905
|
+
opacity: 0,
|
|
18906
|
+
transform: 'translateY(2px)'
|
|
18907
|
+
},
|
|
18908
|
+
to: {
|
|
18909
|
+
opacity: 1,
|
|
18910
|
+
transform: 'translateY(0)'
|
|
18911
|
+
}
|
|
18912
|
+
});
|
|
18913
|
+
const slideRightAndFade = /*#__PURE__*/ keyframes({
|
|
18914
|
+
from: {
|
|
18915
|
+
opacity: 0,
|
|
18916
|
+
transform: 'translateX(-2px)'
|
|
18917
|
+
},
|
|
18918
|
+
to: {
|
|
18919
|
+
opacity: 1,
|
|
18920
|
+
transform: 'translateX(0)'
|
|
18921
|
+
}
|
|
18922
|
+
});
|
|
18923
|
+
const slideDownAndFade = /*#__PURE__*/ keyframes({
|
|
18924
|
+
from: {
|
|
18925
|
+
opacity: 0,
|
|
18926
|
+
transform: 'translateY(-2px)'
|
|
18927
|
+
},
|
|
18928
|
+
to: {
|
|
18929
|
+
opacity: 1,
|
|
18930
|
+
transform: 'translateY(0)'
|
|
18931
|
+
}
|
|
18932
|
+
});
|
|
18933
|
+
const slideLeftAndFade = /*#__PURE__*/ keyframes({
|
|
18934
|
+
from: {
|
|
18935
|
+
opacity: 0,
|
|
18936
|
+
transform: 'translateX(2px)'
|
|
18937
|
+
},
|
|
18938
|
+
to: {
|
|
18939
|
+
opacity: 1,
|
|
18940
|
+
transform: 'translateX(0)'
|
|
18941
|
+
}
|
|
18942
|
+
});
|
|
18943
|
+
const getTooltipStyles = (theme, clsPrefix)=>{
|
|
18944
|
+
// Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
|
|
18945
|
+
// well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
|
|
18946
|
+
// styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
|
|
18947
|
+
// and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
|
|
18948
|
+
// for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
|
|
18949
|
+
// via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
|
|
18950
|
+
//
|
|
18951
|
+
// It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
|
|
18952
|
+
// when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
|
|
18953
|
+
// component is used outside of universe alongside a Radix version that still has the underlying bug.
|
|
18954
|
+
const dataStateAttr = 'tooltip-data-state';
|
|
18955
|
+
const classTypography = `.${clsPrefix}-typography`;
|
|
18956
|
+
const { isDarkMode } = theme;
|
|
18957
|
+
const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
|
|
18958
|
+
const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
|
|
18959
|
+
const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
|
|
18960
|
+
return {
|
|
18961
|
+
content: {
|
|
18962
|
+
backgroundColor: theme.colors.tooltipBackgroundTooltip,
|
|
18963
|
+
color: theme.colors.tooltipTextTooltip,
|
|
18964
|
+
borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
|
|
18965
|
+
fontSize: theme.typography.fontSizeMd,
|
|
18966
|
+
padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
|
|
18967
|
+
lineHeight: theme.typography.lineHeightLg,
|
|
18968
|
+
fontWeight: theme.typography.typographyRegularFontWeight,
|
|
18969
|
+
boxShadow: theme.shadows.lg,
|
|
18970
|
+
wordWrap: 'break-word',
|
|
18971
|
+
whiteSpace: 'normal',
|
|
18972
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
18973
|
+
willChange: 'transform, opacity',
|
|
18974
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
|
|
18975
|
+
animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
18976
|
+
},
|
|
18977
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
|
|
18978
|
+
animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
18979
|
+
},
|
|
18980
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
|
|
18981
|
+
animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
18982
|
+
},
|
|
18983
|
+
[`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
|
|
18984
|
+
animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
18985
|
+
},
|
|
18986
|
+
[`& a${classTypography}`]: {
|
|
18987
|
+
'&, :focus': {
|
|
18988
|
+
color: linkColor,
|
|
18989
|
+
'.anticon': {
|
|
18990
|
+
color: linkColor
|
|
18991
|
+
}
|
|
18992
|
+
},
|
|
18993
|
+
':active': {
|
|
18994
|
+
color: linkActiveColor,
|
|
18995
|
+
'.anticon': {
|
|
18996
|
+
color: linkActiveColor
|
|
18997
|
+
}
|
|
18998
|
+
},
|
|
18999
|
+
':hover': {
|
|
19000
|
+
color: linkHoverColor,
|
|
19001
|
+
'.anticon': {
|
|
19002
|
+
color: linkHoverColor
|
|
19003
|
+
}
|
|
19004
|
+
}
|
|
19005
|
+
}
|
|
19006
|
+
},
|
|
19007
|
+
arrow: {
|
|
19008
|
+
fill: theme.colors.tooltipBackgroundTooltip,
|
|
19009
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
19010
|
+
visibility: 'visible'
|
|
19011
|
+
}
|
|
19012
|
+
};
|
|
19013
|
+
};
|
|
19014
|
+
const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
|
|
19015
|
+
/**
|
|
19016
|
+
* Radix's portal only mounts its children while the tooltip is open, so keeping the content work
|
|
19017
|
+
* here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
|
|
19018
|
+
* composes a ref onto whatever it renders, so this has to forward it on to the content.
|
|
19019
|
+
*/ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
|
|
19020
|
+
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
19021
|
+
const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
|
|
19022
|
+
const contentCss = useMemo(()=>[
|
|
19023
|
+
tooltipStyles['content'],
|
|
19024
|
+
{
|
|
19025
|
+
maxWidth
|
|
19026
|
+
},
|
|
19027
|
+
zIndex !== undefined ? {
|
|
19028
|
+
zIndex
|
|
19029
|
+
} : undefined
|
|
19030
|
+
], [
|
|
19031
|
+
tooltipStyles,
|
|
19032
|
+
maxWidth,
|
|
19033
|
+
zIndex
|
|
19034
|
+
]);
|
|
19035
|
+
const eventContext = useDesignSystemEventComponentCallbacks({
|
|
19036
|
+
componentType: DesignSystemEventProviderComponentTypes.Tooltip,
|
|
19037
|
+
componentId,
|
|
19038
|
+
analyticsEvents
|
|
19039
|
+
});
|
|
19040
|
+
useEffect(()=>{
|
|
19041
|
+
if (shouldReportViewRef.current) {
|
|
19042
|
+
eventContext.onView();
|
|
19043
|
+
shouldReportViewRef.current = false;
|
|
19044
|
+
}
|
|
19045
|
+
}, [
|
|
19046
|
+
eventContext,
|
|
19047
|
+
shouldReportViewRef
|
|
19048
|
+
]);
|
|
19049
|
+
return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
|
|
19050
|
+
ref: ref,
|
|
19051
|
+
side: side,
|
|
19052
|
+
align: align,
|
|
19053
|
+
sideOffset: sideOffset ?? theme.spacing.sm,
|
|
19054
|
+
arrowPadding: theme.spacing.md,
|
|
19055
|
+
css: contentCss,
|
|
19056
|
+
...props,
|
|
19057
|
+
...eventContext.dataComponentProps,
|
|
19058
|
+
children: [
|
|
19059
|
+
content,
|
|
19060
|
+
/*#__PURE__*/ jsx(RadixTooltip.Arrow, {
|
|
19061
|
+
css: tooltipStyles['arrow']
|
|
19062
|
+
})
|
|
19063
|
+
]
|
|
19064
|
+
});
|
|
19065
|
+
});
|
|
19066
|
+
/**
|
|
19067
|
+
* Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
|
|
19068
|
+
* design system context.
|
|
19069
|
+
*/ const TooltipPortal = (props)=>{
|
|
19070
|
+
const { getPopupContainer } = useDesignSystemContext();
|
|
19071
|
+
return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
|
|
19072
|
+
container: getPopupContainer?.(),
|
|
19073
|
+
children: /*#__PURE__*/ jsx(TooltipContent, {
|
|
19074
|
+
...props
|
|
19075
|
+
})
|
|
19076
|
+
});
|
|
19077
|
+
};
|
|
19078
|
+
/**
|
|
19079
|
+
* If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
|
|
19080
|
+
* onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
|
|
19081
|
+
*
|
|
19082
|
+
* See go/dubois.
|
|
19083
|
+
*/ 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 })=>{
|
|
19084
|
+
disableHoverableContent ??= true;
|
|
19085
|
+
const firstView = useRef(true);
|
|
19086
|
+
const shouldReportView = useRef(false);
|
|
19087
|
+
// The portal renders nothing while closed, but it and its Presence still mount for every tooltip
|
|
19088
|
+
// on the page. Root and Trigger stay put so the child never changes position in the tree.
|
|
19089
|
+
const [everOpened, setEverOpened] = useState(defaultOpen);
|
|
19090
|
+
// A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
|
|
19091
|
+
if (open && !everOpened) {
|
|
19092
|
+
setEverOpened(true);
|
|
19093
|
+
}
|
|
19094
|
+
const handleOpenChange = useCallback((open)=>{
|
|
19095
|
+
if (open) {
|
|
19096
|
+
setEverOpened(true);
|
|
19097
|
+
if (firstView.current) {
|
|
19098
|
+
shouldReportView.current = true;
|
|
19099
|
+
firstView.current = false;
|
|
19100
|
+
}
|
|
19101
|
+
}
|
|
19102
|
+
onOpenChange?.(open);
|
|
19103
|
+
}, [
|
|
19104
|
+
onOpenChange
|
|
19105
|
+
]);
|
|
19106
|
+
const IS_INSIDE_TEST = isInsideTest();
|
|
19107
|
+
return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
|
|
19108
|
+
defaultOpen: defaultOpen,
|
|
19109
|
+
delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
|
|
19110
|
+
open: open,
|
|
19111
|
+
onOpenChange: handleOpenChange,
|
|
19112
|
+
disableHoverableContent: disableHoverableContent,
|
|
19113
|
+
children: [
|
|
19114
|
+
/*#__PURE__*/ jsx(RadixTooltip.Trigger, {
|
|
19115
|
+
asChild: true,
|
|
19116
|
+
children: children
|
|
19117
|
+
}),
|
|
19118
|
+
content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
|
|
19119
|
+
content: content,
|
|
19120
|
+
side: side,
|
|
19121
|
+
sideOffset: sideOffset,
|
|
19122
|
+
align: align,
|
|
19123
|
+
maxWidth: maxWidth,
|
|
19124
|
+
componentId: componentId,
|
|
19125
|
+
analyticsEvents: analyticsEvents,
|
|
19126
|
+
zIndex: zIndex,
|
|
19127
|
+
shouldReportViewRef: shouldReportView,
|
|
19128
|
+
...props
|
|
19129
|
+
}) : null
|
|
19130
|
+
]
|
|
19131
|
+
});
|
|
19132
|
+
};
|
|
19133
|
+
|
|
19134
|
+
const getMemoizedIconCss = memoize((theme)=>({
|
|
19135
|
+
color: theme.colors.textSecondary
|
|
19136
|
+
}));
|
|
19137
|
+
const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
|
|
19138
|
+
const { theme } = useDesignSystemTheme();
|
|
19139
|
+
return /*#__PURE__*/ jsx(Tooltip, {
|
|
19140
|
+
content: content,
|
|
19141
|
+
...props,
|
|
19142
|
+
children: /*#__PURE__*/ jsx(InfoSmallIcon, {
|
|
19143
|
+
tabIndex: 0,
|
|
19144
|
+
"aria-hidden": "false",
|
|
19145
|
+
"aria-label": iconTitle,
|
|
19146
|
+
alt: iconTitle,
|
|
19147
|
+
css: getMemoizedIconCss(theme)
|
|
19148
|
+
})
|
|
19149
|
+
});
|
|
19150
|
+
};
|
|
19151
|
+
|
|
19009
19152
|
const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
|
|
19010
19153
|
const { theme } = useDesignSystemTheme();
|
|
19011
19154
|
const [showTooltip, setShowTooltip] = useState(true);
|
|
@@ -19025,8 +19168,9 @@ const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More it
|
|
|
19025
19168
|
})
|
|
19026
19169
|
});
|
|
19027
19170
|
if (showTooltip) {
|
|
19028
|
-
trigger = /*#__PURE__*/ jsx(
|
|
19029
|
-
|
|
19171
|
+
trigger = /*#__PURE__*/ jsx(Tooltip, {
|
|
19172
|
+
componentId: "design-system.overflow-popover.tooltip",
|
|
19173
|
+
content: tooltipText || 'See more items',
|
|
19030
19174
|
children: trigger
|
|
19031
19175
|
});
|
|
19032
19176
|
}
|
|
@@ -20096,10 +20240,9 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
|
|
|
20096
20240
|
value
|
|
20097
20241
|
]);
|
|
20098
20242
|
const isIndeterminate = effectiveChecked === null;
|
|
20099
|
-
//
|
|
20100
|
-
//
|
|
20101
|
-
const
|
|
20102
|
-
const rootClassName = classnames(ROOT_CLASS$1, themeClass, className);
|
|
20243
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
20244
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
20245
|
+
const rootClassName = classnames(ROOT_CLASS$1, className);
|
|
20103
20246
|
// Skip `checked` when uncontrolled (avoids React's controlled-vs-uncontrolled warning when
|
|
20104
20247
|
// a `defaultChecked` is also passed). Indeterminate drives controlled mode with checked=false.
|
|
20105
20248
|
const checkedProp = isIndeterminate ? false : effectiveChecked;
|
|
@@ -20292,14 +20435,16 @@ const infoIconStyles = (theme)=>({
|
|
|
20292
20435
|
color: theme.colors.textSecondary,
|
|
20293
20436
|
pointerEvents: 'all'
|
|
20294
20437
|
});
|
|
20295
|
-
const getNewChildren = (children, props, disabledReason,
|
|
20438
|
+
const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
|
|
20439
|
+
// portals to document.body at zIndexBase + 70 (~1070), which is below the menu's own z-index, so
|
|
20440
|
+
// without this it renders behind the open menu.
|
|
20441
|
+
zIndex)=>{
|
|
20296
20442
|
const childCount = Children.count(children);
|
|
20297
|
-
const tooltip = /*#__PURE__*/ jsx(
|
|
20298
|
-
|
|
20299
|
-
|
|
20300
|
-
|
|
20301
|
-
|
|
20302
|
-
},
|
|
20443
|
+
const tooltip = /*#__PURE__*/ jsx(Tooltip, {
|
|
20444
|
+
componentId: "design-system.menu.disabled-reason.tooltip",
|
|
20445
|
+
content: disabledReason,
|
|
20446
|
+
side: "right",
|
|
20447
|
+
zIndex: zIndex,
|
|
20303
20448
|
children: /*#__PURE__*/ jsx("span", {
|
|
20304
20449
|
"data-disabled-tooltip": true,
|
|
20305
20450
|
css: (theme)=>infoIconStyles(theme),
|
|
@@ -20384,11 +20529,13 @@ const Root$a = ({ children, itemHtmlType, ...props })=>{
|
|
|
20384
20529
|
})
|
|
20385
20530
|
});
|
|
20386
20531
|
};
|
|
20387
|
-
const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...props }, ref) {
|
|
20532
|
+
const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...props }, ref) {
|
|
20388
20533
|
const { getPopupContainer } = useDesignSystemContext();
|
|
20389
20534
|
const { theme } = useDesignSystemTheme();
|
|
20390
20535
|
const { setIsOpen } = useDropdownContext();
|
|
20391
20536
|
const { isInsideModal } = useModalContext();
|
|
20537
|
+
const themeClass = useDuboisThemeClass();
|
|
20538
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
20392
20539
|
return /*#__PURE__*/ jsx(DropdownMenu$1.Portal, {
|
|
20393
20540
|
container: getPopupContainer && getPopupContainer(),
|
|
20394
20541
|
children: /*#__PURE__*/ jsx(DropdownMenu$1.Content, {
|
|
@@ -20431,11 +20578,16 @@ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
|
|
|
20431
20578
|
e.stopPropagation();
|
|
20432
20579
|
props?.onTouchMove?.(e);
|
|
20433
20580
|
},
|
|
20581
|
+
className: classnames(className, themeClass),
|
|
20582
|
+
style: {
|
|
20583
|
+
...style,
|
|
20584
|
+
...themeOverrideStyle
|
|
20585
|
+
},
|
|
20434
20586
|
children: children
|
|
20435
20587
|
})
|
|
20436
20588
|
});
|
|
20437
20589
|
});
|
|
20438
|
-
const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, ...props }, ref) {
|
|
20590
|
+
const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, className, style, ...props }, ref) {
|
|
20439
20591
|
const { getPopupContainer } = useDesignSystemContext();
|
|
20440
20592
|
const { theme } = useDesignSystemTheme();
|
|
20441
20593
|
const [contentFitsInViewport, setContentFitsInViewport] = React__default.useState(true);
|
|
@@ -20480,6 +20632,8 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
|
|
|
20480
20632
|
isOpen,
|
|
20481
20633
|
checkAvailableWidth
|
|
20482
20634
|
]);
|
|
20635
|
+
const themeClass = useDuboisThemeClass();
|
|
20636
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
20483
20637
|
let transformCalc = `calc(var(--radix-dropdown-menu-content-available-width) + var(--radix-dropdown-menu-trigger-width) * -1)`;
|
|
20484
20638
|
if (dataSide === 'left') {
|
|
20485
20639
|
transformCalc = `calc(var(--radix-dropdown-menu-trigger-width) - var(--radix-dropdown-menu-content-available-width))`;
|
|
@@ -20511,6 +20665,11 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
|
|
|
20511
20665
|
onKeyDown?.(e);
|
|
20512
20666
|
},
|
|
20513
20667
|
...props,
|
|
20668
|
+
className: classnames(className, themeClass),
|
|
20669
|
+
style: {
|
|
20670
|
+
...style,
|
|
20671
|
+
...themeOverrideStyle
|
|
20672
|
+
},
|
|
20514
20673
|
children: children
|
|
20515
20674
|
})
|
|
20516
20675
|
});
|
|
@@ -20580,7 +20739,7 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
|
|
|
20580
20739
|
},
|
|
20581
20740
|
...props,
|
|
20582
20741
|
...eventContext.dataComponentProps,
|
|
20583
|
-
children: getNewChildren(children, props, disabledReason,
|
|
20742
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20584
20743
|
});
|
|
20585
20744
|
});
|
|
20586
20745
|
const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props }, ref) {
|
|
@@ -20628,7 +20787,7 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
|
|
|
20628
20787
|
},
|
|
20629
20788
|
...props,
|
|
20630
20789
|
children: [
|
|
20631
|
-
getNewChildren(children, props, disabledReason,
|
|
20790
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1),
|
|
20632
20791
|
/*#__PURE__*/ jsx(HintColumn, {
|
|
20633
20792
|
css: (theme)=>({
|
|
20634
20793
|
margin: CONSTANTS.subMenuIconMargin(theme),
|
|
@@ -20698,7 +20857,7 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
|
|
|
20698
20857
|
},
|
|
20699
20858
|
...props,
|
|
20700
20859
|
...eventContext.dataComponentProps,
|
|
20701
|
-
children: getNewChildren(children, props, disabledReason,
|
|
20860
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20702
20861
|
});
|
|
20703
20862
|
});
|
|
20704
20863
|
const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, componentId, analyticsEvents, onValueChange, valueHasNoPii, ...props }, ref) {
|
|
@@ -20793,7 +20952,7 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
|
|
|
20793
20952
|
checkboxItemStyles(theme)
|
|
20794
20953
|
],
|
|
20795
20954
|
...props,
|
|
20796
|
-
children: getNewChildren(children, props, disabledReason,
|
|
20955
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
20797
20956
|
});
|
|
20798
20957
|
});
|
|
20799
20958
|
const SubContext = /*#__PURE__*/ createContext({
|
|
@@ -21063,18 +21222,20 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
|
|
|
21063
21222
|
props.onKeyDown?.(e);
|
|
21064
21223
|
},
|
|
21065
21224
|
children: [
|
|
21066
|
-
getNewChildren(children, props, disabledReason,
|
|
21225
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1),
|
|
21067
21226
|
withChevron && /*#__PURE__*/ jsx(ContextMenu.Hint, {
|
|
21068
21227
|
children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
|
|
21069
21228
|
})
|
|
21070
21229
|
]
|
|
21071
21230
|
});
|
|
21072
21231
|
};
|
|
21073
|
-
const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...childrenProps })=>{
|
|
21232
|
+
const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...childrenProps })=>{
|
|
21074
21233
|
const { getPopupContainer } = useDesignSystemContext();
|
|
21075
21234
|
const { theme } = useDesignSystemTheme();
|
|
21076
21235
|
const { isInsideModal } = useModalContext();
|
|
21077
21236
|
const { isOpen, setIsOpen } = useContextMenuProps();
|
|
21237
|
+
const themeClass = useDuboisThemeClass();
|
|
21238
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
21078
21239
|
return /*#__PURE__*/ jsx(ContextMenuPortal, {
|
|
21079
21240
|
container: getPopupContainer && getPopupContainer(),
|
|
21080
21241
|
children: isOpen && /*#__PURE__*/ jsx(ContextMenuContent, {
|
|
@@ -21109,13 +21270,20 @@ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, on
|
|
|
21109
21270
|
minWidth
|
|
21110
21271
|
}
|
|
21111
21272
|
],
|
|
21273
|
+
className: classnames(className, themeClass),
|
|
21274
|
+
style: {
|
|
21275
|
+
...style,
|
|
21276
|
+
...themeOverrideStyle
|
|
21277
|
+
},
|
|
21112
21278
|
children: children
|
|
21113
21279
|
})
|
|
21114
21280
|
});
|
|
21115
21281
|
};
|
|
21116
|
-
const SubContent = ({ children, minWidth, ...childrenProps })=>{
|
|
21282
|
+
const SubContent = ({ children, minWidth, className, style, ...childrenProps })=>{
|
|
21117
21283
|
const { getPopupContainer } = useDesignSystemContext();
|
|
21118
21284
|
const { theme } = useDesignSystemTheme();
|
|
21285
|
+
const themeClass = useDuboisThemeClass();
|
|
21286
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
21119
21287
|
return /*#__PURE__*/ jsx(ContextMenuPortal, {
|
|
21120
21288
|
container: getPopupContainer && getPopupContainer(),
|
|
21121
21289
|
children: /*#__PURE__*/ jsx(ContextMenuSubContent, {
|
|
@@ -21140,6 +21308,11 @@ const SubContent = ({ children, minWidth, ...childrenProps })=>{
|
|
|
21140
21308
|
}
|
|
21141
21309
|
childrenProps.onKeyDown?.(e);
|
|
21142
21310
|
},
|
|
21311
|
+
className: classnames(className, themeClass),
|
|
21312
|
+
style: {
|
|
21313
|
+
...style,
|
|
21314
|
+
...themeOverrideStyle
|
|
21315
|
+
},
|
|
21143
21316
|
children: children
|
|
21144
21317
|
})
|
|
21145
21318
|
});
|
|
@@ -21184,7 +21357,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
|
|
|
21184
21357
|
props.onKeyDown?.(e);
|
|
21185
21358
|
},
|
|
21186
21359
|
...eventContext.dataComponentProps,
|
|
21187
|
-
children: getNewChildren(children, props, disabledReason,
|
|
21360
|
+
children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21188
21361
|
});
|
|
21189
21362
|
};
|
|
21190
21363
|
const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId, analyticsEvents, ...props })=>{
|
|
@@ -21235,7 +21408,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
|
|
|
21235
21408
|
width: theme.general.iconFontSize + theme.spacing.xs
|
|
21236
21409
|
}
|
|
21237
21410
|
}),
|
|
21238
|
-
getNewChildren(children, props, disabledReason,
|
|
21411
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21239
21412
|
]
|
|
21240
21413
|
});
|
|
21241
21414
|
};
|
|
@@ -21281,7 +21454,7 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
|
|
|
21281
21454
|
css: getMemoizedItemIndicatorStyles(theme),
|
|
21282
21455
|
children: /*#__PURE__*/ jsx(CheckIcon, {})
|
|
21283
21456
|
}),
|
|
21284
|
-
getNewChildren(children, props, disabledReason,
|
|
21457
|
+
getNewChildren(children, props, disabledReason, getZIndex() + 1)
|
|
21285
21458
|
]
|
|
21286
21459
|
});
|
|
21287
21460
|
};
|
|
@@ -24651,11 +24824,13 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
|
|
|
24651
24824
|
|
|
24652
24825
|
const defaultMaxHeight = 'var(--radix-popover-content-available-height)';
|
|
24653
24826
|
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)=>{
|
|
24827
|
+
({ 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
24828
|
const { theme } = useDesignSystemTheme();
|
|
24656
24829
|
const { label, isInsideDialogCombobox, contentWidth, setContentWidth, textOverflowMode: contextTextOverflowMode, setTextOverflowMode, multiSelect, isOpen, rememberLastScrollPosition, setIsOpen } = useDialogComboboxContext();
|
|
24657
24830
|
const { isInsideModal } = useModalContext();
|
|
24658
24831
|
const { getPopupContainer } = useDesignSystemContext();
|
|
24832
|
+
const themeClass = useDuboisThemeClass();
|
|
24833
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
24659
24834
|
const [lastScrollPosition, setLastScrollPosition] = useState(0);
|
|
24660
24835
|
if (!isInsideDialogCombobox) {
|
|
24661
24836
|
throw new Error('`DialogComboboxContent` must be used within `DialogCombobox`');
|
|
@@ -24741,6 +24916,11 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
|
|
|
24741
24916
|
},
|
|
24742
24917
|
...restProps,
|
|
24743
24918
|
ref: contentRef,
|
|
24919
|
+
className: classnames(className, themeClass),
|
|
24920
|
+
style: {
|
|
24921
|
+
...style,
|
|
24922
|
+
...themeOverrideStyle
|
|
24923
|
+
},
|
|
24744
24924
|
children: /*#__PURE__*/ jsx("div", {
|
|
24745
24925
|
css: {
|
|
24746
24926
|
display: 'flex',
|
|
@@ -24884,261 +25064,6 @@ const useDialogComboboxOptionListContext = ()=>{
|
|
|
24884
25064
|
return useContext(DialogComboboxOptionListContext);
|
|
24885
25065
|
};
|
|
24886
25066
|
|
|
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
25067
|
const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
|
|
25143
25068
|
const { theme } = useDesignSystemTheme();
|
|
25144
25069
|
const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
|
|
@@ -26114,6 +26039,8 @@ const DEFAULT_ANALYTICS_EVENTS$3 = [
|
|
|
26114
26039
|
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
26040
|
const { getPopupContainer } = useDesignSystemContext();
|
|
26116
26041
|
const { theme } = useDesignSystemTheme();
|
|
26042
|
+
const themeClass = useDuboisThemeClass();
|
|
26043
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
26117
26044
|
const horizontalContentPadding = size === 'small' ? theme.spacing.md : theme.spacing.lg;
|
|
26118
26045
|
const [shouldContentBeFocusable, setShouldContentBeFocusable] = useState(false);
|
|
26119
26046
|
const contentContainerRef = useRef(null);
|
|
@@ -26245,8 +26172,10 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
|
|
|
26245
26172
|
} : {
|
|
26246
26173
|
borderLeft: `1px solid ${theme.colors.borderDecorative}`
|
|
26247
26174
|
}
|
|
26248
|
-
}
|
|
26175
|
+
},
|
|
26176
|
+
...themeOverrideStyle
|
|
26249
26177
|
},
|
|
26178
|
+
className: themeClass,
|
|
26250
26179
|
onKeyDownCapture: handleKeyDownCapture,
|
|
26251
26180
|
onWheel: (e)=>{
|
|
26252
26181
|
e.stopPropagation();
|
|
@@ -27269,7 +27198,7 @@ const AntDRadioInternal = // eslint-disable-next-line react-component-name/react
|
|
|
27269
27198
|
onChange: onChangeWrapper,
|
|
27270
27199
|
ref: ref,
|
|
27271
27200
|
"data-component-type": contextualComponentId ? DesignSystemEventProviderComponentTypes.RadioGroup : DesignSystemEventProviderComponentTypes.Radio,
|
|
27272
|
-
//
|
|
27201
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
|
|
27273
27202
|
"data-component-id": contextualComponentId ?? componentId,
|
|
27274
27203
|
children: /*#__PURE__*/ jsx(RestoreAntDDefaultClsPrefix, {
|
|
27275
27204
|
children: children
|
|
@@ -27513,10 +27442,9 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
|
|
|
27513
27442
|
effectiveName,
|
|
27514
27443
|
id
|
|
27515
27444
|
]);
|
|
27516
|
-
//
|
|
27517
|
-
//
|
|
27518
|
-
const
|
|
27519
|
-
const rootClassName = classnames(ROOT_CLASS, themeClass, className);
|
|
27445
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
27446
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
27447
|
+
const rootClassName = classnames(ROOT_CLASS, className);
|
|
27520
27448
|
// In a group, render the GROUP's data-component-* attributes so a Form submission
|
|
27521
27449
|
// triggered by this radio resolves the group as the referrer (extractReferrerComponent
|
|
27522
27450
|
// reads document.activeElement.dataset). Standalone radios render their own.
|
|
@@ -27991,7 +27919,7 @@ const getSelectedOptionLabel = (children, value)=>{
|
|
|
27991
27919
|
// SimpleSelect emits its own value change events rather than emitting them from the underlying
|
|
27992
27920
|
// DialogCombobox due to how SimpleSelect sets its initial state. The Select componentId is explicitly
|
|
27993
27921
|
// set to undefined to prevent it from emitting events if the componentId prop is required in the future.
|
|
27994
|
-
//
|
|
27922
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
|
|
27995
27923
|
componentId: undefined,
|
|
27996
27924
|
value: internalValue,
|
|
27997
27925
|
placeholder: placeholder,
|
|
@@ -28096,7 +28024,10 @@ const mapItemsToString = (items, itemToString)=>{
|
|
|
28096
28024
|
};
|
|
28097
28025
|
const TypeaheadComboboxStateChangeTypes = useCombobox.stateChangeTypes;
|
|
28098
28026
|
const TypeaheadComboboxMultiSelectStateChangeTypes = useMultipleSelection.stateChangeTypes;
|
|
28099
|
-
|
|
28027
|
+
/**
|
|
28028
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28029
|
+
* @deprecated
|
|
28030
|
+
*/ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
|
|
28100
28031
|
const getFilteredItems = useCallback((inputValue)=>{
|
|
28101
28032
|
const lowerCasedInputValue = inputValue?.toLowerCase() ?? '';
|
|
28102
28033
|
// If the input is empty or if there is no matcher supplied, do not filter
|
|
@@ -28247,7 +28178,10 @@ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allow
|
|
|
28247
28178
|
};
|
|
28248
28179
|
return comboboxState;
|
|
28249
28180
|
}
|
|
28250
|
-
|
|
28181
|
+
/**
|
|
28182
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28183
|
+
* @deprecated
|
|
28184
|
+
*/ function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
|
|
28251
28185
|
DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
|
|
28252
28186
|
], valueHasNoPii, itemToString }) {
|
|
28253
28187
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
|
|
@@ -28312,7 +28246,10 @@ const getLabelStyles$3 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
|
|
|
28312
28246
|
whiteSpace: 'nowrap'
|
|
28313
28247
|
}
|
|
28314
28248
|
}), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
|
|
28315
|
-
|
|
28249
|
+
/**
|
|
28250
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28251
|
+
* @deprecated
|
|
28252
|
+
*/ const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
28316
28253
|
({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
|
|
28317
28254
|
const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
|
|
28318
28255
|
const isSelected = isEqual(selectedItem, item);
|
|
@@ -28407,7 +28344,10 @@ TypeaheadComboboxMenuItem$1.defaultProps = {
|
|
|
28407
28344
|
_type: 'TypeaheadComboboxMenuItem'
|
|
28408
28345
|
};
|
|
28409
28346
|
|
|
28410
|
-
|
|
28347
|
+
/**
|
|
28348
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28349
|
+
* @deprecated
|
|
28350
|
+
*/ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
28411
28351
|
({ item, index, comboboxState, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
|
|
28412
28352
|
const { highlightedIndex, getItemProps, isOpen } = comboboxState;
|
|
28413
28353
|
const isHighlighted = highlightedIndex === index;
|
|
@@ -28561,7 +28501,10 @@ const getLabelStyles$2 = memoize((theme, disabled)=>({
|
|
|
28561
28501
|
color: theme.colors.actionDisabledText
|
|
28562
28502
|
}
|
|
28563
28503
|
}), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
|
|
28564
|
-
|
|
28504
|
+
/**
|
|
28505
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28506
|
+
* @deprecated
|
|
28507
|
+
*/ const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
|
|
28565
28508
|
const { theme } = useDesignSystemTheme();
|
|
28566
28509
|
return /*#__PURE__*/ jsxs("span", {
|
|
28567
28510
|
...getSelectedItemProps({
|
|
@@ -28611,7 +28554,10 @@ const CountBadge$1 = ({ countStartAt, totalCount, disabled })=>{
|
|
|
28611
28554
|
});
|
|
28612
28555
|
};
|
|
28613
28556
|
|
|
28614
|
-
|
|
28557
|
+
/**
|
|
28558
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28559
|
+
* @deprecated
|
|
28560
|
+
*/ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
|
|
28615
28561
|
const { theme } = useDesignSystemTheme();
|
|
28616
28562
|
const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
|
|
28617
28563
|
if (!isInsideTypeaheadCombobox) {
|
|
@@ -28626,7 +28572,10 @@ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
|
|
|
28626
28572
|
DuboisTypeaheadComboboxFooter.defaultProps = {
|
|
28627
28573
|
_type: 'TypeaheadComboboxFooter'
|
|
28628
28574
|
};
|
|
28629
|
-
|
|
28575
|
+
/**
|
|
28576
|
+
* Deprecated in favor of `TypeaheadComboboxV2`.
|
|
28577
|
+
* @deprecated
|
|
28578
|
+
*/ const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
|
|
28630
28579
|
|
|
28631
28580
|
const getHintStyles = (classNamePrefix, theme)=>{
|
|
28632
28581
|
const styles = {
|
|
@@ -31731,6 +31680,132 @@ const LegacyTable = (props)=>{
|
|
|
31731
31680
|
});
|
|
31732
31681
|
};
|
|
31733
31682
|
|
|
31683
|
+
// Module-level caches. Both styles depend only on theme (and zIndex), so share one
|
|
31684
|
+
// object across every LegacyTooltip instance instead of allocating per render.
|
|
31685
|
+
const TRIGGER = [
|
|
31686
|
+
'hover',
|
|
31687
|
+
'focus'
|
|
31688
|
+
];
|
|
31689
|
+
const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
|
|
31690
|
+
backgroundColor: '#2F3941',
|
|
31691
|
+
lineHeight: '22px',
|
|
31692
|
+
padding: '4px 8px',
|
|
31693
|
+
boxShadow: theme.general.shadowLow,
|
|
31694
|
+
...getDarkModePortalStyles(theme)
|
|
31695
|
+
}));
|
|
31696
|
+
const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
|
|
31697
|
+
zIndex: theme.options.zIndexBase + 70
|
|
31698
|
+
}), (theme)=>String(theme.options.zIndexBase));
|
|
31699
|
+
const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
|
|
31700
|
+
...getAnimationCss(enableAnimation)
|
|
31701
|
+
}));
|
|
31702
|
+
/**
|
|
31703
|
+
* `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
|
|
31704
|
+
* @deprecated
|
|
31705
|
+
*/ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
|
|
31706
|
+
const { theme } = useDesignSystemTheme();
|
|
31707
|
+
const tooltipRef = useRef(null);
|
|
31708
|
+
const duboisId = useUniqueId('dubois-tooltip-component-');
|
|
31709
|
+
const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
|
|
31710
|
+
if (!title) {
|
|
31711
|
+
return /*#__PURE__*/ jsx(React__default.Fragment, {
|
|
31712
|
+
children: children
|
|
31713
|
+
});
|
|
31714
|
+
}
|
|
31715
|
+
const titleProps = silenceScreenReader ? {} : {
|
|
31716
|
+
'aria-live': 'polite',
|
|
31717
|
+
'aria-relevant': 'additions'
|
|
31718
|
+
};
|
|
31719
|
+
if (dataTestId) {
|
|
31720
|
+
titleProps['data-testid'] = dataTestId;
|
|
31721
|
+
}
|
|
31722
|
+
const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
|
|
31723
|
+
...titleProps,
|
|
31724
|
+
children: title
|
|
31725
|
+
});
|
|
31726
|
+
const ariaProps = {
|
|
31727
|
+
'aria-hidden': false
|
|
31728
|
+
};
|
|
31729
|
+
const addAriaProps = (e)=>{
|
|
31730
|
+
if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
31731
|
+
return;
|
|
31732
|
+
}
|
|
31733
|
+
if (id) {
|
|
31734
|
+
e.currentTarget.setAttribute('aria-live', 'polite');
|
|
31735
|
+
if (useAsLabel) {
|
|
31736
|
+
e.currentTarget.setAttribute('aria-labelledby', id);
|
|
31737
|
+
} else {
|
|
31738
|
+
e.currentTarget.setAttribute('aria-describedby', id);
|
|
31739
|
+
}
|
|
31740
|
+
}
|
|
31741
|
+
};
|
|
31742
|
+
const removeAriaProps = (e)=>{
|
|
31743
|
+
if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
|
|
31744
|
+
return;
|
|
31745
|
+
}
|
|
31746
|
+
if (useAsLabel) {
|
|
31747
|
+
e.currentTarget.removeAttribute('aria-labelledby');
|
|
31748
|
+
} else {
|
|
31749
|
+
e.currentTarget.removeAttribute('aria-describedby');
|
|
31750
|
+
}
|
|
31751
|
+
e.currentTarget.removeAttribute('aria-live');
|
|
31752
|
+
};
|
|
31753
|
+
const interactionProps = {
|
|
31754
|
+
onMouseEnter: (e)=>{
|
|
31755
|
+
addAriaProps(e);
|
|
31756
|
+
},
|
|
31757
|
+
onMouseLeave: (e)=>{
|
|
31758
|
+
removeAriaProps(e);
|
|
31759
|
+
},
|
|
31760
|
+
onFocus: (e)=>{
|
|
31761
|
+
addAriaProps(e);
|
|
31762
|
+
},
|
|
31763
|
+
onBlur: (e)=>{
|
|
31764
|
+
removeAriaProps(e);
|
|
31765
|
+
}
|
|
31766
|
+
};
|
|
31767
|
+
const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
|
|
31768
|
+
...ariaProps,
|
|
31769
|
+
...interactionProps,
|
|
31770
|
+
...children.props
|
|
31771
|
+
}) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
|
|
31772
|
+
...ariaProps,
|
|
31773
|
+
...interactionProps,
|
|
31774
|
+
children: children
|
|
31775
|
+
});
|
|
31776
|
+
const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
|
|
31777
|
+
// When no overrides are passed, reuse the module-level memoized objects directly so
|
|
31778
|
+
// the same reference is shared across every tooltip instance with the same theme.
|
|
31779
|
+
const mergedOverlayInnerStyle = overlayInnerStyle ? {
|
|
31780
|
+
backgroundColor: '#2F3941',
|
|
31781
|
+
lineHeight: '22px',
|
|
31782
|
+
padding: '4px 8px',
|
|
31783
|
+
boxShadow: theme.general.shadowLow,
|
|
31784
|
+
...overlayInnerStyle,
|
|
31785
|
+
...getDarkModePortalStyles(theme)
|
|
31786
|
+
} : getMemoizedDefaultOverlayInnerStyle(theme);
|
|
31787
|
+
const mergedOverlayStyle = overlayStyle ? {
|
|
31788
|
+
zIndex: theme.options.zIndexBase + 70,
|
|
31789
|
+
...overlayStyle
|
|
31790
|
+
} : getMemoizedDefaultOverlayStyle(theme);
|
|
31791
|
+
return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
|
|
31792
|
+
children: /*#__PURE__*/ jsx(Tooltip$1, {
|
|
31793
|
+
id: id,
|
|
31794
|
+
ref: tooltipRef,
|
|
31795
|
+
title: liveTitle,
|
|
31796
|
+
placement: placement,
|
|
31797
|
+
// Always trigger on hover and focus
|
|
31798
|
+
trigger: TRIGGER,
|
|
31799
|
+
overlayInnerStyle: mergedOverlayInnerStyle,
|
|
31800
|
+
overlayStyle: mergedOverlayStyle,
|
|
31801
|
+
css: getMemoizedAnimationCss(theme.options.enableAnimation),
|
|
31802
|
+
...delegatedDangerouslySetAntdProps,
|
|
31803
|
+
...props,
|
|
31804
|
+
children: childWithProps
|
|
31805
|
+
})
|
|
31806
|
+
});
|
|
31807
|
+
};
|
|
31808
|
+
|
|
31734
31809
|
const ListboxContext = /*#__PURE__*/ createContext(null);
|
|
31735
31810
|
const useListboxContext = ()=>{
|
|
31736
31811
|
const context = useContext(ListboxContext);
|
|
@@ -34564,6 +34639,19 @@ function requireShim () {
|
|
|
34564
34639
|
|
|
34565
34640
|
var shimExports = requireShim();
|
|
34566
34641
|
|
|
34642
|
+
// 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
|
|
34643
|
+
function React18CompatibleIconComponent(IconComponent) {
|
|
34644
|
+
return IconComponent;
|
|
34645
|
+
}
|
|
34646
|
+
/**
|
|
34647
|
+
* Antd built-in icons used by the design system's own legacy components, with an interface that has
|
|
34648
|
+
* been made compatible with the React 18 types by removing the props that are no longer present on
|
|
34649
|
+
* the React DOM types.
|
|
34650
|
+
*
|
|
34651
|
+
* These are deliberately NOT reëxported from the design system's public API: product code should
|
|
34652
|
+
* use Du Bois icons from `__generated/icons`.
|
|
34653
|
+
*/ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
|
|
34654
|
+
|
|
34567
34655
|
const ButtonGroup = Button$2.Group;
|
|
34568
34656
|
const DropdownButton = (props)=>{
|
|
34569
34657
|
const { theme } = useDesignSystemTheme();
|
|
@@ -35361,7 +35449,7 @@ const List = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line
|
|
|
35361
35449
|
"aria-label": "Add tab",
|
|
35362
35450
|
css: styles['addButton'],
|
|
35363
35451
|
onClick: addButtonProps.onClick,
|
|
35364
|
-
//
|
|
35452
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
|
|
35365
35453
|
componentId: `${dataComponentProps['data-component-id']}.add_tab`,
|
|
35366
35454
|
className: addButtonProps.className
|
|
35367
35455
|
})
|
|
@@ -36368,9 +36456,10 @@ const defaultRef = {
|
|
|
36368
36456
|
current: null
|
|
36369
36457
|
};
|
|
36370
36458
|
const defaults = {
|
|
36371
|
-
componentId: 'design_system.
|
|
36459
|
+
componentId: 'design_system.typeahead_combobox_v2.context_default',
|
|
36372
36460
|
isInsideTypeaheadCombobox: false,
|
|
36373
36461
|
multiSelect: false,
|
|
36462
|
+
showAllOptionsOnOpen: false,
|
|
36374
36463
|
comboBoxState: null,
|
|
36375
36464
|
inputProps: {},
|
|
36376
36465
|
listBoxProps: {},
|
|
@@ -36390,8 +36479,8 @@ const defaults = {
|
|
|
36390
36479
|
removeByKey: ()=>{},
|
|
36391
36480
|
clearSelection: ()=>{}
|
|
36392
36481
|
};
|
|
36393
|
-
const
|
|
36394
|
-
const
|
|
36482
|
+
const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
|
|
36483
|
+
const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
|
|
36395
36484
|
const [triggerWidth, setTriggerWidth] = useState();
|
|
36396
36485
|
// Memoize the merged context value so consumers don't re-render on every provider render from a
|
|
36397
36486
|
// fresh spread object. `value` is already memoized in TypeaheadComboboxRoot and `setTriggerWidth`
|
|
@@ -36404,14 +36493,14 @@ const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
|
|
|
36404
36493
|
value,
|
|
36405
36494
|
triggerWidth
|
|
36406
36495
|
]);
|
|
36407
|
-
return /*#__PURE__*/ jsx(
|
|
36496
|
+
return /*#__PURE__*/ jsx(TypeaheadComboboxV2Context.Provider, {
|
|
36408
36497
|
value: contextValue,
|
|
36409
36498
|
children: children
|
|
36410
36499
|
});
|
|
36411
36500
|
};
|
|
36412
36501
|
|
|
36413
|
-
const
|
|
36414
|
-
return useContext(
|
|
36502
|
+
const useTypeaheadComboboxV2Context = ()=>{
|
|
36503
|
+
return useContext(TypeaheadComboboxV2Context);
|
|
36415
36504
|
};
|
|
36416
36505
|
|
|
36417
36506
|
/**
|
|
@@ -36474,7 +36563,7 @@ const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
|
|
|
36474
36563
|
}
|
|
36475
36564
|
}), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
|
|
36476
36565
|
const TypeaheadComboboxMenuItemInner = ({ item, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
|
|
36477
|
-
const ctx =
|
|
36566
|
+
const ctx = useTypeaheadComboboxV2Context();
|
|
36478
36567
|
if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
|
|
36479
36568
|
throw new Error('`TypeaheadComboboxMenuItem` must be used within an open `TypeaheadComboboxRoot`');
|
|
36480
36569
|
}
|
|
@@ -36615,7 +36704,7 @@ const getLabelStyles = memoize((theme, disabled)=>({
|
|
|
36615
36704
|
}), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
|
|
36616
36705
|
const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(function TypeaheadComboboxSelectedItem({ label, item, disabled, ...restProps }, ref) {
|
|
36617
36706
|
const { theme } = useDesignSystemTheme();
|
|
36618
|
-
const { getKeyForItem, removeByKey } =
|
|
36707
|
+
const { getKeyForItem, removeByKey } = useTypeaheadComboboxV2Context();
|
|
36619
36708
|
return /*#__PURE__*/ jsxs("span", {
|
|
36620
36709
|
css: getSelectedItemStyles(theme, disabled),
|
|
36621
36710
|
ref: ref,
|
|
@@ -36727,14 +36816,14 @@ function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepInd
|
|
|
36727
36816
|
onCancel: onCancel,
|
|
36728
36817
|
cancelButtonContent: cancelButtonContent,
|
|
36729
36818
|
disabled: cancelButtonDisabled,
|
|
36730
|
-
//
|
|
36819
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
|
|
36731
36820
|
componentId: componentId ? `${componentId}.cancel` : undefined
|
|
36732
36821
|
})
|
|
36733
36822
|
}, "cancel") : /*#__PURE__*/ jsx(CancelButton, {
|
|
36734
36823
|
onCancel: onCancel,
|
|
36735
36824
|
cancelButtonContent: cancelButtonContent,
|
|
36736
36825
|
disabled: cancelButtonDisabled,
|
|
36737
|
-
//
|
|
36826
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
|
|
36738
36827
|
componentId: componentId ? `${componentId}.cancel` : undefined
|
|
36739
36828
|
}, "cancel")),
|
|
36740
36829
|
currentStepIndex > 0 && !previousStepButtonHidden && /*#__PURE__*/ jsx(Button$1, {
|
|
@@ -37369,5 +37458,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
|
|
|
37369
37458
|
});
|
|
37370
37459
|
}
|
|
37371
37460
|
|
|
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-
|
|
37461
|
+
export { hideIconButtonActionCellClassName 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, Tooltip as J, SparkleDoubleIcon as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, visuallyHidden as N, OverflowPopover as O, genSkeletonAnimatedColor as P, getOffsets as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionProviderContext as U, DesignSystemEventSuppressInteractionTrueContextValue as V, Wizard as W, tableStyles as X, repeatingElementsStyles as Y, tableClassNames as Z, hideIconButtonRowStyles as _, WizardControlled as a, useTypeaheadComboboxV2Context as a$, safex as a0, TitleSkeleton as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, TypeaheadComboboxV2ContextProvider 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, TypeaheadComboboxContextProvider as am, useTypeaheadComboboxContext as an, useDuboisThemeClass as ao, useDesignTokenOverrideStyles as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem$1 as as, CountBadge$1 as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BoldIcon as b$, useRadixModalContext as b0, useIsomorphicLayoutEffect as b1, useScrollOptionIntoView as b2, InfoTooltip as b3, getInfoIconStyles as b4, HintRow as b5, getCheckboxStyles as b6, getMenuItemStyles as b7, TypeaheadComboboxSelectedItem as b8, CountBadge as b9, ArrowsCollapseIcon as bA, ArrowsConnectIcon as bB, ArrowsExpandIcon as bC, ArrowsUpDownIcon as bD, AssistantIcon as bE, AtIcon as bF, Auth0Graphic as bG, Auth0GraphicLarge as bH, AzHorizontalIcon as bI, AzVerticalIcon as bJ, BANNER_MAX_HEIGHT as bK, BANNER_MIN_HEIGHT as bL, BackupIcon as bM, BadgeCodeIcon as bN, BadgeCodeOffIcon as bO, Banner as bP, BarChartIcon as bQ, BarGroupedIcon as bR, BarStackedIcon as bS, BarStackedPercentageIcon as bT, BarsAscendingHorizontalIcon as bU, BarsAscendingVerticalIcon as bV, BarsDescendingHorizontalIcon as bW, BarsDescendingVerticalIcon as bX, BeakerIcon as bY, BinaryIcon as bZ, BlockQuoteIcon as b_, TypeaheadComboboxMenuItem as ba, AccessDeniedGraphic as bb, Accordion as bc, AccordionPanel as bd, AlignCenterIcon as be, AlignJustifyIcon as bf, AlignLeftIcon as bg, AlignRightIcon as bh, AlignVerticalBottomIcon as bi, AlignVerticalCenterIcon as bj, AlignVerticalTopIcon as bk, AppIcon as bl, ApplyDesignSystemContextOverrides as bm, ApplyDesignSystemFlags as bn, ArrowDownDotIcon as bo, ArrowDownFillIcon as bp, ArrowDownIcon as bq, ArrowInIcon as br, ArrowInTableIcon as bs, ArrowLeftIcon as bt, ArrowOutTableIcon as bu, ArrowOverIcon as bv, ArrowRightIcon as bw, ArrowUpDotIcon as bx, ArrowUpFillIcon as by, ArrowUpIcon as bz, WizardStepContentWrapper as c, CloudIcon as c$, BookIcon as c0, BookmarkFillIcon as c1, BookmarkIcon as c2, BooksIcon as c3, BracketsCheckIcon as c4, BracketsCurlyIcon as c5, BracketsErrorIcon as c6, BracketsSquareIcon as c7, BracketsXIcon as c8, BranchCheckIcon as c9, ChainIcon as cA, ChartLineIcon as cB, CheckCircleBadgeIcon as cC, CheckCircleSmallIcon as cD, CheckIcon as cE, CheckLineIcon as cF, CheckSmallIcon as cG, CheckboxIcon as cH, ChecklistIcon as cI, ChevronDoubleDownIcon as cJ, ChevronDoubleLeftIcon as cK, ChevronDoubleLeftOffIcon as cL, ChevronDoubleRightIcon as cM, ChevronDoubleRightOffIcon as cN, ChevronDoubleUpIcon as cO, ChevronLeftIcon as cP, ChevronUpIcon as cQ, ChipIcon as cR, CircleOffLargeIcon as cS, CircleOutlineLargeIcon as cT, ClipboardIcon as cU, ClockIcon as cV, ClockKeyIcon as cW, ClockOffIcon as cX, CloudCheckIcon as cY, CloudDatabaseIcon as cZ, CloudDownloadIcon as c_, BranchIcon as ca, BranchResetIcon as cb, BriefcaseFillIcon as cc, BriefcaseIcon as cd, BrushIcon as ce, BugIcon as cf, CalendarClockIcon as cg, CalendarEventIcon as ch, CalendarIcon as ci, CalendarRangeIcon as cj, CalendarSyncIcon as ck, CameraIcon as cl, CapitalizeIcon as cm, CaretDownSquareIcon as cn, CaretUpSquareIcon as co, CatalogCloudIcon as cp, CatalogGearIcon as cq, CatalogHomeIcon as cr, CatalogIcon as cs, CatalogOffIcon as ct, CatalogSharedIcon as cu, CatalogUserHomeIcon as cv, CellsSquareIcon as cw, CertifiedFillIcon as cx, CertifiedFillSmallIcon as cy, CertifiedIcon as cz, DesignSystemEventProvider as d, ExpandLessIcon as d$, CloudKeyIcon as d0, CloudModelIcon as d1, CloudOffIcon as d2, CloudUploadIcon as d3, CodeIcon as d4, ColorFillIcon as d5, ColorVars as d6, ColumnIcon as d7, ColumnSplitIcon as d8, ColumnTagIcon as d9, DataMaskiingGraphic as dA, DatabaseClockIcon as dB, DatabaseIcon as dC, DatabaseImportIcon as dD, DatePicker as dE, DecimalIcon as dF, DeprecatedIcon as dG, DeprecatedSmallIcon as dH, DesignSystemContext as dI, DesignSystemEventProviderComponentSubTypes as dJ, DesignSystemProvider as dK, DesignSystemThemeContext as dL, DesignSystemThemeProvider as dM, DialogComboboxCountBadge as dN, DialogComboboxCustomButtonTriggerWrapper as dO, DialogComboboxSectionHeader as dP, DollarIcon as dQ, DomainCirclesThree as dR, DomainsIcon as dS, DotsCircleIcon as dT, DownloadIcon as dU, DragIcon as dV, Drawer as dW, DropdownMenu as dX, Empty as dY, EmptyDashboardGraphic as dZ, ErdIcon as d_, ColumnsIcon as da, CommandIcon as db, CommandPaletteIcon as dc, CompassIcon as dd, ComponentFinderContext as de, ConnectIcon as df, Content$2 as dg, ContextMenu$1 as dh, CopyIcon as di, CreditCardIcon as dj, CursorClickIcon as dk, CursorIcon as dl, CursorPagination as dm, CursorTypeIcon as dn, CustomAppIcon as dp, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dq, DagHorizontalIcon as dr, DagIcon as ds, DagVerticalIcon as dt, DangerModal as du, DangerSmallIcon as dv, DashIcon as dw, DashboardCodeIcon as dx, DashboardIcon as dy, DataIcon as dz, useDesignSystemContext as e, H4Icon as e$, ExpandMoreIcon as e0, FaceFrownIcon as e1, FaceNeutralIcon as e2, FaceSmileIcon as e3, FileCodeIcon as e4, FileCubeIcon as e5, FileDocumentIcon as e6, FileIcon as e7, FileImageIcon as e8, FileLockIcon as e9, FolderSolidPipelineIcon as eA, FontIcon as eB, ForkHorizontalIcon as eC, ForkIcon as eD, Form as eE, FormContextResetBoundary as eF, FullscreenExitIcon as eG, FullscreenIcon as eH, FunctionIcon as eI, FunctionInputIcon as eJ, GavelIcon as eK, GearFillIcon as eL, GearIcon as eM, GenieCodeIcon as eN, GenieDeepResearchIcon as eO, GiftIcon as eP, GitCommitIcon as eQ, GitMergeIcon as eR, GitRebaseIcon as eS, GlobeIcon as eT, Graphic as eU, GridDashIcon as eV, GridIcon as eW, GroupIcon as eX, H1Icon as eY, H2Icon as eZ, H3Icon as e_, FileModelIcon as ea, FileNewIcon as eb, FilePipelineIcon as ec, FilterFillIcon as ed, FilterIcon as ee, FlagPointerIcon as ef, FloatIcon as eg, FlowIcon as eh, FlowsIcon as ei, FolderBranchFillIcon as ej, FolderBranchIcon as ek, FolderCloudFilledIcon as el, FolderCloudIcon as em, FolderCubeIcon as en, FolderCubeOutlineIcon as eo, FolderFillIcon as ep, FolderHomeIcon as eq, FolderIcon as er, FolderNewIcon as es, FolderNodeIcon as et, FolderOpenBranchIcon as eu, FolderOpenCloudIcon as ev, FolderOpenCubeIcon as ew, FolderOpenIcon as ex, FolderOpenPipelineIcon as ey, FolderOutlinePipelineIcon as ez, useDesignSystemTheme as f, McpIcon as f$, H5Icon as f0, H6Icon as f1, HashIcon as f2, HistoryIcon as f3, HomeIcon as f4, Icon as f5, ImageIcon as f6, IndentDecreaseIcon as f7, IndentIncreaseIcon as f8, InfinityIcon as f9, LetterFormatIcon as fA, LettersIcon as fB, LettersNumbersIcon as fC, LibrariesIcon as fD, LifesaverIcon as fE, LightbulbIcon as fF, LightningCircleFillIcon as fG, LightningIcon as fH, LinearLineIcon as fI, LinkIcon as fJ, LinkOffIcon as fK, ListBorderIcon as fL, ListClearIcon as fM, ListIcon as fN, ListNumberIcon as fO, Listbox as fP, LoadingIcon as fQ, LoadingStateContext as fR, LockFillIcon as fS, LockIcon as fT, LockShareIcon as fU, LockUnlockedIcon as fV, LoopIcon as fW, LowercaseIcon as fX, MailIcon as fY, MapIcon as fZ, MarkdownIcon as f_, InfoBookIcon as fa, InfoIcon as fb, IngestionIcon as fc, ItalicIcon as fd, JoinOperatorIcon as fe, KeyIcon as ff, KeyboardIcon as fg, LakebaseCatalogIcon as fh, LakebaseIcon as fi, LakeflowDesignerIcon as fj, LakewatchAlertIcon as fk, LakewatchDatasourceIcon as fl, LakewatchDetectionRuleIcon as fm, LakewatchParserIcon as fn, LayerGraphIcon as fo, LayerIcon as fp, Layout as fq, LeafIcon as fr, LegacyForm as fs, LegacyFormDubois as ft, LegacyOptGroup as fu, LegacyOption as fv, LegacySelectOptGroup as fw, LegacySelectOption as fx, LegacyTable as fy, LegacyTooltip as fz, WarningFillIcon as g, PlayDoubleIcon as g$, MeasureIcon as g0, MegaphoneIcon as g1, MenuIcon as g2, MinusCircleFillIcon as g3, MinusCircleIcon as g4, MinusCircleSmallIcon as g5, MissingBranchGraphic as g6, MissingGraphic as g7, ModelsIcon as g8, MonotoneLineIcon as g9, PageLastIcon as gA, PageTopIcon as gB, Pagination as gC, Panel as gD, PanelBody as gE, PanelDockedIcon as gF, PanelFloatingIcon as gG, PanelHeader as gH, PanelHeaderButtons as gI, PanelHeaderTitle as gJ, PaperclipIcon as gK, PassFailChecklistIcon as gL, PauseIcon as gM, PencilFillIcon as gN, PencilIcon as gO, PencilSparkleIcon as gP, PieChartIcon as gQ, PillControl as gR, PinCancelIcon as gS, PinFillIcon as gT, PinIcon as gU, PipelineCodeIcon as gV, PipelineCubeIcon as gW, PipelineIcon as gX, PivotOperatorIcon as gY, PlayCircleFillIcon as gZ, PlayCircleIcon as g_, MonthPickerGrid as ga, MoonIcon as gb, Nav as gc, NavButton as gd, NavigationMenu as ge, NeonProjectIcon as gf, NewChatIcon as gg, NewTabIcon as gh, NewWindowIcon as gi, NoCaseIcon as gj, NoIcon as gk, NotebookIcon as gl, NotebookPipelineIcon as gm, NotificationIcon as gn, NotificationOffIcon as go, NumberFormatIcon as gp, NumbersIcon as gq, OfficeIcon as gr, OntologyIcon as gs, OutageGraphic as gt, Overflow as gu, OverflowHorizontalIcon as gv, OverflowIcon as gw, PageBottomIcon as gx, PageFirstIcon as gy, PageIcon as gz, DangerFillIcon as h, SimpleSelect as h$, PlayIcon as h0, PlayMultipleIcon as h1, PlugIcon as h2, PlusCircleFillIcon as h3, PlusCircleIcon as h4, PlusCircleSmallIcon as h5, PlusMinusSquareIcon as h6, Popover as h7, PositionBottomIcon as h8, PositionLeftIcon as h9, RunningIcon as hA, SMALL_BUTTON_HEIGHT$2 as hB, SaveClockIcon as hC, SaveIcon as hD, SchemaIcon as hE, SchoolIcon as hF, SearchDataIcon as hG, SegmentedControlButton as hH, SegmentedControlGroup as hI, SelectContext as hJ, SelectContextProvider as hK, SelectOptionGroup as hL, SendIcon as hM, ShareIcon as hN, ShareNodesIcon as hO, ShieldCheckIcon as hP, ShieldIcon as hQ, ShieldOffIcon as hR, ShortcutIcon as hS, Sidebar as hT, SidebarAutoIcon as hU, SidebarClosedIcon as hV, SidebarCollapseIcon as hW, SidebarExpandIcon as hX, SidebarIcon as hY, SidebarOpenIcon as hZ, SidebarSyncIcon as h_, PositionRightIcon as ha, PositionTopIcon as hb, PreviewCard as hc, Progress as hd, PullRequestIcon as he, PuzzleIcon as hf, QueryEditorIcon as hg, QueryIcon as hh, QuestionMarkFillIcon as hi, QuestionMarkIcon as hj, RadioIcon as hk, RadioTile as hl, RangePicker as hm, ReaderModeIcon as hn, RedoIcon as ho, RefreshIcon as hp, RefreshPlayIcon as hq, RefreshXIcon as hr, ReplyIcon as hs, ResizeIcon as ht, RhfForm as hu, RichTextIcon as hv, RobotIcon as hw, RocketIcon as hx, RowsIcon as hy, RunIcon as hz, DesignSystemEventProviderAnalyticsEventTypes as i, TagIcon as i$, SimpleSelectOption as i0, SimpleSelectOptionGroup as i1, SlashSquareIcon as i2, Slider as i3, SlidersIcon as i4, SnippetIcon as i5, SortCustomHorizontalIcon as i6, SortCustomVerticalIcon as i7, SortHorizontalAscendingIcon as i8, SortHorizontalDescendingIcon as i9, StopCircleFillIcon as iA, StopCircleIcon as iB, StopIcon as iC, StoredProcedureIcon as iD, StorefrontIcon as iE, StreamIcon as iF, StrikeThroughIcon as iG, SunIcon as iH, SyncIcon as iI, SyncSmallIcon as iJ, SyncToFileIcon as iK, TableAsteriskIcon as iL, TableClockIcon as iM, TableCombineIcon as iN, TableGlassesIcon as iO, TableGlobeIcon as iP, TableIcon as iQ, TableLightningIcon as iR, TableMeasureIcon as iS, TableModelIcon as iT, TableReportIcon as iU, TableStreamIcon as iV, TableVectorIcon as iW, TableViewIcon as iX, Tabs as iY, Tag as iZ, TagColumnIcon as i_, SortLetterHorizontalAscendingIcon as ia, SortLetterHorizontalDescendingIcon as ib, SortLetterUnsortedIcon as ic, SortLetterVerticalAscendingIcon as id, SortLetterVerticalDescendingIcon as ie, Spacer as ig, SparkleDoubleFillIcon as ih, SparkleFillIcon as ii, SparkleIcon as ij, SparkleRectangleIcon as ik, SpeechBubbleIcon as il, SpeechBubblePlusIcon as im, SpeechBubbleQuestionMarkFillIcon as io, SpeechBubbleQuestionMarkIcon as ip, SpeechBubbleStarIcon as iq, SpeedometerIcon as ir, Spinner as is, SplitButton as it, SqlIcon as iu, StarFillIcon as iv, StarIcon as iw, StepAfterLineIcon as ix, StepBeforeLineIcon as iy, Stepper as iz, useDesignSystemEventComponentCallbacks as j, ZoomToFitIcon as j$, TagTableIcon as j0, TargetIcon as j1, TerminalIcon as j2, TextBoxIcon as j3, TextColorIcon as j4, TextIcon as j5, TextJustifyIcon as j6, TextUnderlineIcon as j7, ThreeDotsIcon as j8, ThumbsDownFilledIcon as j9, UserGroupFillIcon as jA, UserGroupIcon as jB, UserIcon as jC, UserKeyIconIcon as jD, UserShieldIcon as jE, UserSparkleIcon as jF, UserTeamIcon as jG, VisibleFillIcon as jH, VisibleIcon as jI, VisibleOffIcon as jJ, WithDesignSystemThemeHoc as jK, WorkflowCodeIcon as jL, WorkflowCubeIcon as jM, WorkflowsIcon as jN, WorkspacesIcon as jO, WrenchIcon as jP, WrenchSparkleIcon as jQ, XCircleFillIcon as jR, XCircleIcon as jS, YearPickerGrid as jT, ZaHorizontalIcon as jU, ZaVerticalIcon as jV, ZeroOpsIcon as jW, ZeroOpsOutlineIcon as jX, ZoomInIcon as jY, ZoomMarqueeSelection as jZ, ZoomOutIcon as j_, ThumbsDownIcon as ja, ThumbsUpFilledIcon as jb, ThumbsUpIcon as jc, ToggleButton as jd, TokenIcon as je, Toolbar as jf, TrashIcon as jg, Tree as jh, TreeIcon as ji, TrendingFillIcon as jj, TrendingIcon as jk, TriangleIcon as jl, TypeaheadComboboxCheckboxItem as jm, TypeaheadComboboxFooter as jn, TypeaheadComboboxMenuItem$1 as jo, TypeaheadComboboxMultiSelectStateChangeTypes as jp, TypeaheadComboboxStateChangeTypes as jq, UnderlineIcon as jr, UndoIcon as js, UploadIcon as jt, UppercaseIcon as ju, UsageOverageGraphic as jv, UsageSpikeGraphic as jw, UsbIcon as jx, UserBadgeIcon as jy, UserCircleIcon as jz, DesignSystemEventProviderComponentTypes as k, __INTERNAL_DO_NOT_USE__FormItem as k0, __INTERNAL_DO_NOT_USE__Group as k1, __INTERNAL_DO_NOT_USE__HorizontalGroup as k2, __INTERNAL_DO_NOT_USE__VerticalGroup as k3, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k4, augmentWithDataComponentProps as k5, dialogComboboxLookAheadKeyDown as k6, getBottomOnlyShadowScrollStyles as k7, getButtonEmotionStyles as k8, getComboboxOptionLabelStyles as k9, useFormContext as kA, useRadioGroupContext as kB, getDatePickerQuickActionBasic as ka, getDialogComboboxOptionLabelWidth as kb, getHorizontalTabShadowStyles as kc, getInputStyles as kd, getKeyboardNavigationFunctions as ke, getMemoizedButtonEmotionStyles as kf, getPaginationEmotionStyles as kg, getPanelContainmentStyle as kh, getRadioStyles as ki, getRangeQuickActionsBasic as kj, getShadowScrollStyles as kk, getTypographyColor as kl, getVirtualListScrollbarStyles as km, getVirtualListScrollbarThumbColor as kn, getVirtualizedComboboxMenuItemStyles as ko, getWrapperStyle as kp, highlightFirstNonDisabledOption as kq, isOptionDisabled as kr, resetTabIndexToFocusedElement as ks, setImplicitContextGetter as kt, skipHideIconButtonActionClassName as ku, themeMemoKey as kv, useAntDConfigProviderContext as kw, useCallbackOnEnter as kx, useComponentFinderContext as ky, useDesignSystemEventSuppressInteractionContext as kz, DesignSystemEventProviderComponentSubTypeMap as l, 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 };
|
|
37462
|
+
//# sourceMappingURL=WizardStepContentWrapper-DsAS2ZAT.js.map
|