@databricks/design-system 2.0.3 → 2.0.5
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 +42 -0
- package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js +172 -0
- package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js.map +1 -0
- package/dist/{WizardStepContentWrapper-DsAS2ZAT.js → WizardStepContentWrapper-Bq1wm0V7.js} +669 -435
- package/dist/WizardStepContentWrapper-Bq1wm0V7.js.map +1 -0
- package/dist/index-BRAVZg-S.js +8308 -0
- package/dist/index-BRAVZg-S.js.map +1 -0
- package/dist/index-dark.css +395 -128
- package/dist/index-dark.mitigated.css +398 -131
- package/dist/index.css +844 -277
- package/dist/index.js +25 -8119
- package/dist/index.js.map +1 -1
- package/dist/index.mitigated.css +848 -281
- package/dist/patterns.js +1 -1
- package/dist/test-utils/rtl.js +1 -1
- package/dist/test-utils/rtl.js.map +1 -1
- package/dist-types/design-system/Alert/Alert.d.ts +1 -1
- package/dist-types/design-system/Breadcrumb/Breadcrumb.d.ts +10 -3
- package/dist-types/design-system/Button/AntDButtonInternal.d.ts +21 -0
- package/dist-types/design-system/Button/Button.d.ts +3 -19
- package/dist-types/design-system/Button/NativeButton.d.ts +3 -0
- package/dist-types/design-system/Button/getBtnClassName.d.ts +17 -0
- package/dist-types/design-system/Button/index.d.ts +1 -0
- package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +28 -6
- package/dist-types/design-system/DesignSystemProvider/DesignTokenScopeWithEmotionTheme.d.ts +23 -0
- package/dist-types/design-system/DesignSystemProvider/index.d.ts +1 -0
- package/dist-types/design-system/FormV2/RHFAdapters.d.ts +8 -0
- package/dist-types/design-system/FormV2/RHFControlledTypeaheadComboboxV2.d.ts +58 -0
- package/dist-types/design-system/Icon/Icon.d.ts +2 -2
- package/dist-types/design-system/Icon/__generated/icons/ColorMappingEditIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/ColorMappingIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/MicrophoneIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/MicrophoneOffIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/OperatorIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/VoiceModeIcon.d.ts +4 -0
- package/dist-types/design-system/Icon/__generated/icons/index.d.ts +6 -0
- package/dist-types/design-system/Overflow/Overflow.d.ts +3 -1
- package/dist-types/design-system/Overflow/OverflowPopover.d.ts +2 -1
- package/dist-types/design-system/TypeaheadComboboxV2/TypeaheadComboboxMenu.d.ts +2 -0
- package/dist-types/design-system/shape-tokens.d.ts +1 -1
- package/dist-types/test-utils/rtl/buttonVariants.d.ts +11 -0
- package/dist-types/~patterns/Wizard/WizardStepNavigation.d.ts +9 -0
- package/dist-types/~patterns/Wizard/index.d.ts +1 -0
- package/package.json +12 -4
- package/dist/WizardStepContentWrapper-DsAS2ZAT.js.map +0 -1
|
@@ -1767,12 +1767,33 @@ const getAnimationCss = memoize((enableAnimation)=>{
|
|
|
1767
1767
|
const DesignSystemProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
|
|
1768
1768
|
const AntDConfigProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
|
|
1769
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 })=>{
|
|
1770
|
-
|
|
1771
|
-
|
|
1770
|
+
// Inherit `designTokenOverrides` from any ambient scope so a nested theme provider — which usually
|
|
1771
|
+
// only switches isDarkMode / semanticColors — doesn't drop a structural override an ancestor set
|
|
1772
|
+
// (e.g. a radius or spacing token). These tokens are mode-independent, so inheriting them is always
|
|
1773
|
+
// correct. `semanticColors` and `isDarkMode` intentionally stay a clean per-mode replace: a mode
|
|
1774
|
+
// switch must NOT inherit the ancestor's palette (color layering is DesignTokenScope's job).
|
|
1775
|
+
const ambient = useContext(DesignSystemThemeContext);
|
|
1776
|
+
const mergedDesignTokenOverrides = useMemo(()=>{
|
|
1777
|
+
const merged = {
|
|
1778
|
+
...ambient.designTokenOverrides,
|
|
1779
|
+
...designTokenOverrides
|
|
1780
|
+
};
|
|
1781
|
+
return Object.keys(merged).length > 0 ? merged : undefined;
|
|
1782
|
+
}, [
|
|
1783
|
+
ambient.designTokenOverrides,
|
|
1784
|
+
designTokenOverrides
|
|
1785
|
+
]);
|
|
1786
|
+
const value = useMemo(()=>({
|
|
1772
1787
|
isDarkMode,
|
|
1773
1788
|
semanticColors,
|
|
1774
|
-
designTokenOverrides
|
|
1775
|
-
},
|
|
1789
|
+
designTokenOverrides: mergedDesignTokenOverrides
|
|
1790
|
+
}), [
|
|
1791
|
+
isDarkMode,
|
|
1792
|
+
semanticColors,
|
|
1793
|
+
mergedDesignTokenOverrides
|
|
1794
|
+
]);
|
|
1795
|
+
return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
|
|
1796
|
+
value: value,
|
|
1776
1797
|
children: children
|
|
1777
1798
|
});
|
|
1778
1799
|
};
|
|
@@ -1815,6 +1836,89 @@ function semanticColorsToStyle(semanticColors) {
|
|
|
1815
1836
|
designTokenOverrides
|
|
1816
1837
|
]);
|
|
1817
1838
|
}
|
|
1839
|
+
/**
|
|
1840
|
+
* Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a Du Bois token
|
|
1841
|
+
* scope on a DOM subtree — it carries the `du-bois-light`/`-dark` class and stamps `--db-*` overrides
|
|
1842
|
+
* that native (CSS-variable) components below inherit. It reaches in-tree descendants only; portaled
|
|
1843
|
+
* surfaces escape the DOM subtree. Consumers use the exported `DesignTokenScope` below (which also
|
|
1844
|
+
* feeds `DesignSystemThemeContext` so portals inherit too) — this impl is deliberately not exported.
|
|
1845
|
+
*/ const DesignTokenScopeImpl = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
|
|
1846
|
+
const { theme } = useDesignSystemTheme();
|
|
1847
|
+
const scopeTheme = isDarkMode === undefined ? theme : getTheme(isDarkMode);
|
|
1848
|
+
const style = useMemo(()=>({
|
|
1849
|
+
display: 'contents',
|
|
1850
|
+
...overrideTokens,
|
|
1851
|
+
...semanticColors ? semanticColorsToStyle(semanticColors) : {}
|
|
1852
|
+
}), [
|
|
1853
|
+
overrideTokens,
|
|
1854
|
+
semanticColors
|
|
1855
|
+
]);
|
|
1856
|
+
return /*#__PURE__*/ jsx("div", {
|
|
1857
|
+
"data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
|
|
1858
|
+
className: getClassNamePrefix(scopeTheme),
|
|
1859
|
+
style: style,
|
|
1860
|
+
children: children
|
|
1861
|
+
});
|
|
1862
|
+
};
|
|
1863
|
+
/**
|
|
1864
|
+
* Applies design-token overrides to a component or page subtree, reaching BOTH in-tree components and
|
|
1865
|
+
* portaled surfaces (Modal, Drawer, DropdownMenu, Popover, Notification, …). This is the primitive to
|
|
1866
|
+
* reach for whenever you retheme a slice under the design-token system.
|
|
1867
|
+
*
|
|
1868
|
+
* It layers over the ambient scope rather than replacing it: `isDarkMode` falls back to the ambient
|
|
1869
|
+
* theme, and `semanticColors` / `overrideTokens` merge on top of any ambient overrides. The in-tree
|
|
1870
|
+
* half is stamped on a `display: contents` DOM element (`DesignTokenScopeImpl`); the portal half is
|
|
1871
|
+
* fed through `DesignSystemThemeContext` (via `DesignSystemThemeProvider`), which portaled surfaces
|
|
1872
|
+
* re-stamp on their own portal root via `useDesignTokenOverrideStyles()` — context crosses React
|
|
1873
|
+
* portals while DOM inheritance does not.
|
|
1874
|
+
*
|
|
1875
|
+
* For a subtree that still mixes legacy AntD-path (emotion JS theme) components mid-migration, use
|
|
1876
|
+
* `DesignTokenScopeWithEmotionTheme`, which additionally drives the emotion theme.
|
|
1877
|
+
*/ const DesignTokenScope = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
|
|
1878
|
+
// isDarkMode tracks the emotion theme (what the scope class and portals actually render as), not the
|
|
1879
|
+
// theme context — the two can diverge under a nested scope. semanticColors/designTokenOverrides are
|
|
1880
|
+
// the raw override maps, which live only on DesignSystemThemeContext (the emotion theme resolves them
|
|
1881
|
+
// away into theme.colors), so read them from there and merge the props on top.
|
|
1882
|
+
const { theme } = useDesignSystemTheme();
|
|
1883
|
+
const ambient = useContext(DesignSystemThemeContext);
|
|
1884
|
+
const resolvedIsDarkMode = isDarkMode ?? theme.isDarkMode;
|
|
1885
|
+
const mergedSemanticColors = useMemo(()=>{
|
|
1886
|
+
const merged = {
|
|
1887
|
+
...ambient.semanticColors,
|
|
1888
|
+
...semanticColors
|
|
1889
|
+
};
|
|
1890
|
+
return Object.keys(merged).length > 0 ? merged : undefined;
|
|
1891
|
+
}, [
|
|
1892
|
+
ambient.semanticColors,
|
|
1893
|
+
semanticColors
|
|
1894
|
+
]);
|
|
1895
|
+
const mergedOverrideTokens = useMemo(()=>{
|
|
1896
|
+
const merged = {
|
|
1897
|
+
...ambient.designTokenOverrides,
|
|
1898
|
+
...overrideTokens
|
|
1899
|
+
};
|
|
1900
|
+
return Object.keys(merged).length > 0 ? merged : undefined;
|
|
1901
|
+
}, [
|
|
1902
|
+
ambient.designTokenOverrides,
|
|
1903
|
+
overrideTokens
|
|
1904
|
+
]);
|
|
1905
|
+
return(// DesignTokenScope IS the sanctioned wrapper that feeds token overrides into DesignSystemThemeContext
|
|
1906
|
+
// for portaled surfaces, so it is one of the "special exceptions" the forbid rule allows.
|
|
1907
|
+
// eslint-disable-next-line react/forbid-elements
|
|
1908
|
+
/*#__PURE__*/ jsx(DesignSystemThemeProvider, {
|
|
1909
|
+
isDarkMode: resolvedIsDarkMode,
|
|
1910
|
+
// A partial delta only gets iterated into `--db-color-*` by `useDesignTokenOverrideStyles`; it is
|
|
1911
|
+
// never used to rebuild a full palette here, so the partial→full cast is safe.
|
|
1912
|
+
semanticColors: mergedSemanticColors,
|
|
1913
|
+
designTokenOverrides: mergedOverrideTokens,
|
|
1914
|
+
children: /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
|
|
1915
|
+
isDarkMode: resolvedIsDarkMode,
|
|
1916
|
+
semanticColors: mergedSemanticColors,
|
|
1917
|
+
overrideTokens: mergedOverrideTokens,
|
|
1918
|
+
children: children
|
|
1919
|
+
})
|
|
1920
|
+
}));
|
|
1921
|
+
};
|
|
1818
1922
|
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
|
|
1819
1923
|
disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
|
|
1820
1924
|
const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
|
|
@@ -1900,13 +2004,8 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1900
2004
|
children: /*#__PURE__*/ jsx(TooltipProvider, {
|
|
1901
2005
|
children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
|
|
1902
2006
|
value: value,
|
|
1903
|
-
children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx(
|
|
1904
|
-
|
|
1905
|
-
className: classNamePrefix,
|
|
1906
|
-
style: {
|
|
1907
|
-
display: 'contents',
|
|
1908
|
-
...designTokenOverrideStyle
|
|
1909
|
-
},
|
|
2007
|
+
children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
|
|
2008
|
+
overrideTokens: designTokenOverrideStyle,
|
|
1910
2009
|
children: children
|
|
1911
2010
|
})
|
|
1912
2011
|
})
|
|
@@ -1915,7 +2014,8 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
|
|
|
1915
2014
|
})
|
|
1916
2015
|
});
|
|
1917
2016
|
};
|
|
1918
|
-
const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides,
|
|
2017
|
+
const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, // Defaults to true (inherit the ancestor's scope); pass false when this subtree establishes a new one.
|
|
2018
|
+
disableTokenScopeWrapper = true, children })=>{
|
|
1919
2019
|
const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);
|
|
1920
2020
|
if (parentDesignSystemProviderProps === null) {
|
|
1921
2021
|
throw new Error(`ApplyDesignSystemContextOverrides cannot be used standalone - DesignSystemProvider must exist in the React context`);
|
|
@@ -1947,11 +2047,9 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
|
|
|
1947
2047
|
flags,
|
|
1948
2048
|
themeOverrides
|
|
1949
2049
|
]);
|
|
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.
|
|
1952
2050
|
return /*#__PURE__*/ jsx(DesignSystemProvider, {
|
|
1953
2051
|
...newProps,
|
|
1954
|
-
disableTokenScopeWrapper:
|
|
2052
|
+
disableTokenScopeWrapper: disableTokenScopeWrapper,
|
|
1955
2053
|
children: children
|
|
1956
2054
|
});
|
|
1957
2055
|
};
|
|
@@ -2062,7 +2160,7 @@ const getMemoizedIconCss$1 = memoize((theme, color)=>({
|
|
|
2062
2160
|
...getIconVariantStyles(theme, color)
|
|
2063
2161
|
}), (theme, color)=>`${themeMemoKey(theme)}|${color ?? 'undef'}`);
|
|
2064
2162
|
const Icon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
2065
|
-
const { component: Component,
|
|
2163
|
+
const { component: Component, color, style, ...otherProps } = props;
|
|
2066
2164
|
const { theme } = useDesignSystemTheme();
|
|
2067
2165
|
const linearGradientId = useUniqueId('ai-linear-gradient');
|
|
2068
2166
|
const { gradientStart: aiGradientStart, gradientMid: aiGradientMid, gradientEnd: aiGradientEnd } = theme.colors.branded.ai;
|
|
@@ -2128,8 +2226,7 @@ const Icon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
2128
2226
|
style: {
|
|
2129
2227
|
...style
|
|
2130
2228
|
},
|
|
2131
|
-
...otherProps
|
|
2132
|
-
...dangerouslySetAntdProps
|
|
2229
|
+
...otherProps
|
|
2133
2230
|
})
|
|
2134
2231
|
});
|
|
2135
2232
|
});
|
|
@@ -5469,6 +5566,62 @@ const ColorFillIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
5469
5566
|
});
|
|
5470
5567
|
ColorFillIcon.displayName = "ColorFillIcon";
|
|
5471
5568
|
|
|
5569
|
+
function SvgColorMappingEditIcon(props) {
|
|
5570
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
5571
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5572
|
+
width: "1em",
|
|
5573
|
+
height: "1em",
|
|
5574
|
+
fill: "none",
|
|
5575
|
+
viewBox: "0 0 17 17",
|
|
5576
|
+
...props,
|
|
5577
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
5578
|
+
fill: "currentColor",
|
|
5579
|
+
fillRule: "evenodd",
|
|
5580
|
+
d: "M6.5 8.836a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM14.25 8.836a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H9.5a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25h-3.25zM6.5 1.086a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM12.513.512a1.75 1.75 0 0 1 2.474 0l.586.586a1.75 1.75 0 0 1 0 2.475L12.03 7.116a.75.75 0 0 1-.53.22h-2a.75.75 0 0 1-.75-.75v-2c0-.2.08-.39.22-.53zm1.414 1.061a.25.25 0 0 0-.354 0L10.25 4.896v.94h.94l3.323-3.324a.25.25 0 0 0 0-.353z",
|
|
5581
|
+
clipRule: "evenodd"
|
|
5582
|
+
})
|
|
5583
|
+
});
|
|
5584
|
+
}
|
|
5585
|
+
const ColorMappingEditIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
5586
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
5587
|
+
ref: forwardedRef,
|
|
5588
|
+
...props,
|
|
5589
|
+
component: SvgColorMappingEditIcon
|
|
5590
|
+
});
|
|
5591
|
+
});
|
|
5592
|
+
ColorMappingEditIcon.displayName = "ColorMappingEditIcon";
|
|
5593
|
+
|
|
5594
|
+
function SvgColorMappingIcon(props) {
|
|
5595
|
+
return /*#__PURE__*/ jsxs("svg", {
|
|
5596
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5597
|
+
width: "1em",
|
|
5598
|
+
height: "1em",
|
|
5599
|
+
fill: "none",
|
|
5600
|
+
viewBox: "0 0 16 16",
|
|
5601
|
+
...props,
|
|
5602
|
+
children: [
|
|
5603
|
+
/*#__PURE__*/ jsx("path", {
|
|
5604
|
+
fill: "currentColor",
|
|
5605
|
+
fillRule: "evenodd",
|
|
5606
|
+
d: "M14.5 8.755a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H9.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H10.5zM6.5 8.75a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM6.5 1a.75.75 0 0 1 .75.75V6.5a.75.75 0 0 1-.75.75H1.75A.75.75 0 0 1 1 6.5V1.75A.75.75 0 0 1 1.75 1zm-4 4.75h3.25V2.5H2.5z",
|
|
5607
|
+
clipRule: "evenodd"
|
|
5608
|
+
}),
|
|
5609
|
+
/*#__PURE__*/ jsx("path", {
|
|
5610
|
+
fill: "currentColor",
|
|
5611
|
+
d: "M12.745 3.255H15v1.5h-2.255V7h-1.5V4.755H9v-1.5h2.245V1h1.5z"
|
|
5612
|
+
})
|
|
5613
|
+
]
|
|
5614
|
+
});
|
|
5615
|
+
}
|
|
5616
|
+
const ColorMappingIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
5617
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
5618
|
+
ref: forwardedRef,
|
|
5619
|
+
...props,
|
|
5620
|
+
component: SvgColorMappingIcon
|
|
5621
|
+
});
|
|
5622
|
+
});
|
|
5623
|
+
ColorMappingIcon.displayName = "ColorMappingIcon";
|
|
5624
|
+
|
|
5472
5625
|
function SvgColumnIcon(props) {
|
|
5473
5626
|
return /*#__PURE__*/ jsx("svg", {
|
|
5474
5627
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9942,6 +10095,68 @@ const MenuIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
9942
10095
|
});
|
|
9943
10096
|
MenuIcon.displayName = "MenuIcon";
|
|
9944
10097
|
|
|
10098
|
+
function SvgMicrophoneIcon(props) {
|
|
10099
|
+
return /*#__PURE__*/ jsxs("svg", {
|
|
10100
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10101
|
+
width: "1em",
|
|
10102
|
+
height: "1em",
|
|
10103
|
+
fill: "none",
|
|
10104
|
+
viewBox: "0 0 16 16",
|
|
10105
|
+
...props,
|
|
10106
|
+
children: [
|
|
10107
|
+
/*#__PURE__*/ jsx("path", {
|
|
10108
|
+
fill: "currentColor",
|
|
10109
|
+
d: "M3.5 8a4.5 4.5 0 1 0 9 0H14c0 3.06-2.29 5.582-5.25 5.951V16h-1.5v-2.049A6 6 0 0 1 2 8z"
|
|
10110
|
+
}),
|
|
10111
|
+
/*#__PURE__*/ jsx("path", {
|
|
10112
|
+
fill: "currentColor",
|
|
10113
|
+
fillRule: "evenodd",
|
|
10114
|
+
d: "M8 0a3 3 0 0 1 3 3v5a3 3 0 0 1-6 0V3a3 3 0 0 1 3-3m0 1.5A1.5 1.5 0 0 0 6.5 3v5a1.5 1.5 0 1 0 3 0V3A1.5 1.5 0 0 0 8 1.5",
|
|
10115
|
+
clipRule: "evenodd"
|
|
10116
|
+
})
|
|
10117
|
+
]
|
|
10118
|
+
});
|
|
10119
|
+
}
|
|
10120
|
+
const MicrophoneIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
10121
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
10122
|
+
ref: forwardedRef,
|
|
10123
|
+
...props,
|
|
10124
|
+
component: SvgMicrophoneIcon
|
|
10125
|
+
});
|
|
10126
|
+
});
|
|
10127
|
+
MicrophoneIcon.displayName = "MicrophoneIcon";
|
|
10128
|
+
|
|
10129
|
+
function SvgMicrophoneOffIcon(props) {
|
|
10130
|
+
return /*#__PURE__*/ jsxs("svg", {
|
|
10131
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10132
|
+
width: "1em",
|
|
10133
|
+
height: "1em",
|
|
10134
|
+
fill: "none",
|
|
10135
|
+
viewBox: "0 0 16 16",
|
|
10136
|
+
...props,
|
|
10137
|
+
children: [
|
|
10138
|
+
/*#__PURE__*/ jsx("path", {
|
|
10139
|
+
fill: "currentColor",
|
|
10140
|
+
fillRule: "evenodd",
|
|
10141
|
+
d: "m15.03 13.97-1.06 1.06-2.293-2.293a5.97 5.97 0 0 1-2.927 1.214V16h-1.5v-2.049A6 6 0 0 1 2 8h1.5a4.5 4.5 0 0 0 7.105 3.666l-1.084-1.084A2.97 2.97 0 0 1 8 11a3 3 0 0 1-3-3V6.06L.97 2.03 2.03.97zM6.5 8a1.5 1.5 0 0 0 1.888 1.448L6.5 7.561z",
|
|
10142
|
+
clipRule: "evenodd"
|
|
10143
|
+
}),
|
|
10144
|
+
/*#__PURE__*/ jsx("path", {
|
|
10145
|
+
fill: "currentColor",
|
|
10146
|
+
d: "M14 8c0 .864-.184 1.685-.513 2.427L12.32 9.259c.117-.4.181-.822.181-1.259zM8 0a3 3 0 0 1 3 3v4.94l-1.5-1.5V3a1.5 1.5 0 1 0-3 0v.44L5.144 2.082A3 3 0 0 1 8 0"
|
|
10147
|
+
})
|
|
10148
|
+
]
|
|
10149
|
+
});
|
|
10150
|
+
}
|
|
10151
|
+
const MicrophoneOffIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
10152
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
10153
|
+
ref: forwardedRef,
|
|
10154
|
+
...props,
|
|
10155
|
+
component: SvgMicrophoneOffIcon
|
|
10156
|
+
});
|
|
10157
|
+
});
|
|
10158
|
+
MicrophoneOffIcon.displayName = "MicrophoneOffIcon";
|
|
10159
|
+
|
|
9945
10160
|
function SvgMinusCircleFillIcon(props) {
|
|
9946
10161
|
return /*#__PURE__*/ jsx("svg", {
|
|
9947
10162
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10532,6 +10747,35 @@ const OntologyIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
10532
10747
|
});
|
|
10533
10748
|
OntologyIcon.displayName = "OntologyIcon";
|
|
10534
10749
|
|
|
10750
|
+
function SvgOperatorIcon(props) {
|
|
10751
|
+
return /*#__PURE__*/ jsxs("svg", {
|
|
10752
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10753
|
+
width: "1em",
|
|
10754
|
+
height: "1em",
|
|
10755
|
+
fill: "none",
|
|
10756
|
+
viewBox: "0 0 16 16",
|
|
10757
|
+
...props,
|
|
10758
|
+
children: [
|
|
10759
|
+
/*#__PURE__*/ jsx("path", {
|
|
10760
|
+
fill: "currentColor",
|
|
10761
|
+
d: "M12.75 11.25H15v1.5h-2.25V15h-1.5v-2.25H9v-1.5h2.25V9h1.5z"
|
|
10762
|
+
}),
|
|
10763
|
+
/*#__PURE__*/ jsx("path", {
|
|
10764
|
+
fill: "currentColor",
|
|
10765
|
+
d: "M15.25 2a.75.75 0 0 1 .75.75V8.5h-1.5v-5h-13v9h6V14H.75a.75.75 0 0 1-.75-.75V2.75A.75.75 0 0 1 .75 2z"
|
|
10766
|
+
})
|
|
10767
|
+
]
|
|
10768
|
+
});
|
|
10769
|
+
}
|
|
10770
|
+
const OperatorIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
10771
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
10772
|
+
ref: forwardedRef,
|
|
10773
|
+
...props,
|
|
10774
|
+
component: SvgOperatorIcon
|
|
10775
|
+
});
|
|
10776
|
+
});
|
|
10777
|
+
OperatorIcon.displayName = "OperatorIcon";
|
|
10778
|
+
|
|
10535
10779
|
function SvgOverflowHorizontalIcon(props) {
|
|
10536
10780
|
return /*#__PURE__*/ jsx("svg", {
|
|
10537
10781
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -15564,6 +15808,29 @@ const VisibleOffIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
15564
15808
|
});
|
|
15565
15809
|
VisibleOffIcon.displayName = "VisibleOffIcon";
|
|
15566
15810
|
|
|
15811
|
+
function SvgVoiceModeIcon(props) {
|
|
15812
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
15813
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15814
|
+
width: "1em",
|
|
15815
|
+
height: "1em",
|
|
15816
|
+
fill: "none",
|
|
15817
|
+
viewBox: "0 0 16 16",
|
|
15818
|
+
...props,
|
|
15819
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
15820
|
+
fill: "currentColor",
|
|
15821
|
+
d: "M8.5 15H7V1h1.5zM5.5 12H4V4h1.5zM14.5 12H13V4h1.5zM2.5 10H1V6h1.5zM11.5 10H10V6h1.5z"
|
|
15822
|
+
})
|
|
15823
|
+
});
|
|
15824
|
+
}
|
|
15825
|
+
const VoiceModeIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
15826
|
+
return /*#__PURE__*/ jsx(Icon, {
|
|
15827
|
+
ref: forwardedRef,
|
|
15828
|
+
...props,
|
|
15829
|
+
component: SvgVoiceModeIcon
|
|
15830
|
+
});
|
|
15831
|
+
});
|
|
15832
|
+
VoiceModeIcon.displayName = "VoiceModeIcon";
|
|
15833
|
+
|
|
15567
15834
|
function SvgWarningFillIcon(props) {
|
|
15568
15835
|
return /*#__PURE__*/ jsx("svg", {
|
|
15569
15836
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -17068,7 +17335,7 @@ var ShapeTokens = /*#__PURE__*/ function(ShapeTokens) {
|
|
|
17068
17335
|
ShapeTokens["ACTION_BORDER_RADIUS"] = "--action-border-radius";
|
|
17069
17336
|
ShapeTokens["INPUT_BORDER_RADIUS"] = "--input-border-radius";
|
|
17070
17337
|
ShapeTokens["LIST_ITEM_BORDER_RADIUS"] = "--list-item-border-radius";
|
|
17071
|
-
ShapeTokens["
|
|
17338
|
+
ShapeTokens["POPUP_BORDER_RADIUS"] = "--popup-border-radius";
|
|
17072
17339
|
ShapeTokens["INFO_CONTAINER_BORDER_RADIUS"] = "--info-container-border-radius";
|
|
17073
17340
|
return ShapeTokens;
|
|
17074
17341
|
}({});
|
|
@@ -17079,7 +17346,7 @@ const SMALL_BUTTON_HEIGHT$2 = 24;
|
|
|
17079
17346
|
// Hoisted to module level so the default reference is stable across renders and instances.
|
|
17080
17347
|
// Without this, the default `analyticsEvents = [...]` literal would be a fresh array on every
|
|
17081
17348
|
// render, propagating ref-instability into useDesignSystemEventComponentCallbacks.
|
|
17082
|
-
const DEFAULT_ANALYTICS_EVENTS$
|
|
17349
|
+
const DEFAULT_ANALYTICS_EVENTS$7 = [
|
|
17083
17350
|
DesignSystemEventProviderAnalyticsEventTypes.OnClick,
|
|
17084
17351
|
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
17085
17352
|
];
|
|
@@ -17407,12 +17674,12 @@ const getButtonEmotionStyles = ({ theme, classNamePrefix, loading, withIcon, onl
|
|
|
17407
17674
|
const importantTypeStyles = importantify(typeStyles);
|
|
17408
17675
|
return /*#__PURE__*/ css(importantStyles, importantTypeStyles);
|
|
17409
17676
|
};
|
|
17410
|
-
const
|
|
17677
|
+
const AntDButtonInternal = /* #__PURE__ */ (()=>{
|
|
17411
17678
|
const Button = /*#__PURE__*/ forwardRef(function Button(// Keep size out of props passed to AntD to make deprecation and eventual removal have 0 impact
|
|
17412
17679
|
{ children, size, type, loading: loadingProp, loadingDescription, endIcon, onClick, dangerouslySetForceIconStyles, dangerouslyUseFocusPseudoClass, dangerouslyAppendWrapperCss, componentId, analyticsEvents, shouldStartInteraction, ...props }, ref) {
|
|
17413
17680
|
const formContext = useFormContext();
|
|
17414
17681
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
17415
|
-
const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$
|
|
17682
|
+
const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$7;
|
|
17416
17683
|
const eventContext = useDesignSystemEventComponentCallbacks({
|
|
17417
17684
|
componentType: DesignSystemEventProviderComponentTypes.Button,
|
|
17418
17685
|
componentId,
|
|
@@ -17531,6 +17798,214 @@ const Button$1 = /* #__PURE__ */ (()=>{
|
|
|
17531
17798
|
return Button;
|
|
17532
17799
|
})();
|
|
17533
17800
|
|
|
17801
|
+
// Stable module-level default so useDesignSystemEventComponentCallbacks isn't fed a fresh array each render.
|
|
17802
|
+
const DEFAULT_ANALYTICS_EVENTS$6 = [
|
|
17803
|
+
DesignSystemEventProviderAnalyticsEventTypes.OnClick,
|
|
17804
|
+
DesignSystemEventProviderAnalyticsEventTypes.OnView
|
|
17805
|
+
];
|
|
17806
|
+
// href renders a real <a>, so the forwarded ref can be either element — the public Button gate keeps
|
|
17807
|
+
// the HTMLButtonElement type and widening to the union here is assignable to it.
|
|
17808
|
+
const NativeButton = /*#__PURE__*/ forwardRef(function NativeButton({ type, size, danger, block, icon, endIcon, href, htmlType = 'button', loading: loadingProp, loadingDescription, disabled, children, className, style, onClick, componentId, analyticsEvents, shouldStartInteraction, dangerouslyAppendWrapperCss, dangerouslyUseFocusPseudoClass, dangerouslySetForceIconStyles, // Pull aria-disabled out of the passthrough so the value we compute below wins over {...props}
|
|
17809
|
+
// rather than being clobbered by it — while still honoring what the caller passed (see below).
|
|
17810
|
+
'aria-disabled': ariaDisabledProp, ...props }, ref) {
|
|
17811
|
+
const formContext = useFormContext();
|
|
17812
|
+
const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$6;
|
|
17813
|
+
const eventContext = useDesignSystemEventComponentCallbacks({
|
|
17814
|
+
componentType: DesignSystemEventProviderComponentTypes.Button,
|
|
17815
|
+
componentId,
|
|
17816
|
+
analyticsEvents: memoizedAnalyticsEvents,
|
|
17817
|
+
shouldStartInteraction,
|
|
17818
|
+
// A submit button is not the interaction subject — the form submission is.
|
|
17819
|
+
isInteractionSubject: !(htmlType === 'submit' && formContext.componentId)
|
|
17820
|
+
});
|
|
17821
|
+
const { elementRef: buttonRef } = useNotifyOnFirstView({
|
|
17822
|
+
onView: eventContext.onView
|
|
17823
|
+
});
|
|
17824
|
+
// Forward the ref to whichever element actually renders (button or anchor) — no HTMLButtonElement cast.
|
|
17825
|
+
const mergedRef = useMergeRefs([
|
|
17826
|
+
ref,
|
|
17827
|
+
buttonRef
|
|
17828
|
+
]);
|
|
17829
|
+
const loading = Boolean(loadingProp ?? (htmlType === 'submit' && formContext.isSubmitting));
|
|
17830
|
+
const iconOnly = Boolean((icon || endIcon) && !children);
|
|
17831
|
+
// A content-less button (no icon, no end icon, no children) draws no visible box; consumers use
|
|
17832
|
+
// such empty (usually disabled) buttons as layout spacers (e.g. an invoice table's expand column).
|
|
17833
|
+
// Mark it so the styles stay borderless/transparent; `.db-btn-empty` only zeroes bg/border, so a
|
|
17834
|
+
// loading spinner still renders.
|
|
17835
|
+
const isEmpty = !icon && !endIcon && !children;
|
|
17836
|
+
const forceIconStyles = Boolean(dangerouslySetForceIconStyles);
|
|
17837
|
+
// Render a real <a> whenever href is set and enabled (including while loading — the loading click
|
|
17838
|
+
// is neutralized in handleClick); a disabled link falls back to a <button>.
|
|
17839
|
+
const renderAnchor = Boolean(href) && !disabled;
|
|
17840
|
+
const handleClick = useCallback((event)=>{
|
|
17841
|
+
if (loading) {
|
|
17842
|
+
// Skip the React click handlers while loading. For a link, also block the browser's default
|
|
17843
|
+
// navigation so a loading link is inert (parity with the legacy button, where AntD
|
|
17844
|
+
// preventDefaults loading clicks). A loading `htmlType="submit"` button intentionally still
|
|
17845
|
+
// submits its form (forms rely on this), so only the anchor's default is neutralized —
|
|
17846
|
+
// `preventDefault` for the submit case would suppress that submission.
|
|
17847
|
+
if (renderAnchor) {
|
|
17848
|
+
event.preventDefault();
|
|
17849
|
+
}
|
|
17850
|
+
return;
|
|
17851
|
+
}
|
|
17852
|
+
eventContext.onClick(event);
|
|
17853
|
+
if (htmlType === 'submit' && formContext.formRef?.current) {
|
|
17854
|
+
event.preventDefault();
|
|
17855
|
+
formContext.formRef.current.requestSubmit();
|
|
17856
|
+
}
|
|
17857
|
+
onClick?.(event);
|
|
17858
|
+
}, [
|
|
17859
|
+
loading,
|
|
17860
|
+
renderAnchor,
|
|
17861
|
+
htmlType,
|
|
17862
|
+
formContext.formRef,
|
|
17863
|
+
eventContext,
|
|
17864
|
+
onClick
|
|
17865
|
+
]);
|
|
17866
|
+
// Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
|
|
17867
|
+
// wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
|
|
17868
|
+
const rootClassName = classnames('db-btn', {
|
|
17869
|
+
'db-btn-primary': type === 'primary',
|
|
17870
|
+
'db-btn-link': type === 'link',
|
|
17871
|
+
'db-btn-tertiary': type === 'tertiary',
|
|
17872
|
+
// Positive marker for the default (secondary) variant, i.e. no `type` at all. The icon-greying
|
|
17873
|
+
// rules key on this rather than negating the variant classes: a Radix `*.Trigger asChild` can
|
|
17874
|
+
// inject a bogus `type="button"` onto the Button, which is not a real variant. Gating icon
|
|
17875
|
+
// greying on `!type` means a truthy `type` (even "button") leaves the glyph at the text color
|
|
17876
|
+
// (an injected `type` is truthy → not default).
|
|
17877
|
+
'db-btn-default': !type,
|
|
17878
|
+
'db-btn-danger': Boolean(danger),
|
|
17879
|
+
'db-btn-small': size === 'small',
|
|
17880
|
+
'db-btn-icon-only': iconOnly,
|
|
17881
|
+
'db-btn-empty': isEmpty,
|
|
17882
|
+
'db-btn-force-icon': forceIconStyles,
|
|
17883
|
+
'db-btn-full-width': Boolean(block),
|
|
17884
|
+
'db-btn-loading': loading,
|
|
17885
|
+
// While loading with a leading icon, reserve the icon's width so the button doesn't shrink.
|
|
17886
|
+
'db-btn-loading-with-icon': loading && Boolean(icon),
|
|
17887
|
+
'db-btn-use-focus-pseudo-class': Boolean(dangerouslyUseFocusPseudoClass)
|
|
17888
|
+
}, className);
|
|
17889
|
+
// Expose loading (and disabled) as disabled to assistive tech without the disabled-grey visuals a
|
|
17890
|
+
// real `disabled` attribute would force — the button keeps its variant color + spinner while loading.
|
|
17891
|
+
// Also honor a caller-provided aria-disabled (the "soft-disable" pattern: the button stays
|
|
17892
|
+
// focusable + clickable, the caller guards its own onClick so a tooltip still fires, and the
|
|
17893
|
+
// caller's `&[aria-disabled="true"]` styling applies). An explicit `false` is preserved, since
|
|
17894
|
+
// callers/tests assert `aria-disabled="false"` on the enabled state.
|
|
17895
|
+
const ariaDisabled = disabled || loading || ariaDisabledProp === true ? true : ariaDisabledProp;
|
|
17896
|
+
// Render the leading icon directly (not wrapped) so it stays the button's direct `.anticon` child,
|
|
17897
|
+
// so DOM-structure selectors (e.g. the Table icon-only row-action reveal,
|
|
17898
|
+
// `button:has(> span.anticon[role="img"]:only-child)`) keep matching. Same for the loading spinner.
|
|
17899
|
+
// The CSS icon rules target `.db-btn > .anticon` so they only style real icon glyphs — a non-glyph
|
|
17900
|
+
// element passed as `icon` (e.g. a Spinner) keeps its own sizing — and out-specify AntD's global
|
|
17901
|
+
// `.anticon` base rule.
|
|
17902
|
+
const leading = loading ? /*#__PURE__*/ jsx(Spinner, {
|
|
17903
|
+
className: "db-btn-spinner",
|
|
17904
|
+
animationDuration: 8,
|
|
17905
|
+
inheritColor: true,
|
|
17906
|
+
label: "loading",
|
|
17907
|
+
"aria-label": "loading",
|
|
17908
|
+
// oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
|
|
17909
|
+
loadingDescription: loadingDescription ?? componentId
|
|
17910
|
+
}) : icon ? icon : null;
|
|
17911
|
+
let content = null;
|
|
17912
|
+
if (children !== undefined && children !== null && children !== false) {
|
|
17913
|
+
// Hide the content inline while loading (not just via the CSS class) so it leaves the
|
|
17914
|
+
// accessibility tree in every environment — jsdom doesn't apply stylesheet CSS, so the button's
|
|
17915
|
+
// accessible name stays "loading" rather than "loading <label>".
|
|
17916
|
+
content = /*#__PURE__*/ jsxs("span", {
|
|
17917
|
+
className: "db-btn-content",
|
|
17918
|
+
style: {
|
|
17919
|
+
visibility: loading ? 'hidden' : undefined,
|
|
17920
|
+
...dangerouslyAppendWrapperCss
|
|
17921
|
+
},
|
|
17922
|
+
children: [
|
|
17923
|
+
children,
|
|
17924
|
+
endIcon && /*#__PURE__*/ jsx("span", {
|
|
17925
|
+
className: "db-btn-end-icon",
|
|
17926
|
+
children: endIcon
|
|
17927
|
+
})
|
|
17928
|
+
]
|
|
17929
|
+
});
|
|
17930
|
+
}
|
|
17931
|
+
// endIcon renders only alongside children, matching the legacy button.
|
|
17932
|
+
// Render a real anchor when it acts as an enabled, non-loading link; otherwise a native button.
|
|
17933
|
+
if (renderAnchor) {
|
|
17934
|
+
return /*#__PURE__*/ jsxs("a", {
|
|
17935
|
+
...addDebugOutlineIfEnabled(),
|
|
17936
|
+
...props,
|
|
17937
|
+
ref: mergedRef,
|
|
17938
|
+
href: href,
|
|
17939
|
+
"aria-disabled": ariaDisabled,
|
|
17940
|
+
className: rootClassName,
|
|
17941
|
+
style: style,
|
|
17942
|
+
onClick: handleClick,
|
|
17943
|
+
...eventContext.dataComponentProps,
|
|
17944
|
+
children: [
|
|
17945
|
+
leading,
|
|
17946
|
+
content
|
|
17947
|
+
]
|
|
17948
|
+
});
|
|
17949
|
+
}
|
|
17950
|
+
return /*#__PURE__*/ jsxs("button", {
|
|
17951
|
+
...addDebugOutlineIfEnabled(),
|
|
17952
|
+
...props,
|
|
17953
|
+
ref: mergedRef,
|
|
17954
|
+
type: htmlType,
|
|
17955
|
+
disabled: disabled,
|
|
17956
|
+
"aria-disabled": ariaDisabled,
|
|
17957
|
+
className: rootClassName,
|
|
17958
|
+
style: style,
|
|
17959
|
+
onClick: handleClick,
|
|
17960
|
+
...eventContext.dataComponentProps,
|
|
17961
|
+
children: [
|
|
17962
|
+
leading,
|
|
17963
|
+
content
|
|
17964
|
+
]
|
|
17965
|
+
});
|
|
17966
|
+
});
|
|
17967
|
+
|
|
17968
|
+
// Public Button selects between the native (plain-DOM, token-driven) implementation and the legacy
|
|
17969
|
+
// implementation on the `databricks.fe.designsystem.useNativeButton` server-side flag, default off.
|
|
17970
|
+
// serverSideSafe resolves synchronously at render, so the choice is stable from first paint.
|
|
17971
|
+
const Button$1 = /* #__PURE__ */ (()=>{
|
|
17972
|
+
const Button = /*#__PURE__*/ forwardRef(function Button({ useNativeButtonOverride, ...props }, ref) {
|
|
17973
|
+
const useNativeButton = useNativeButtonOverride ?? serverSideSafe('databricks.fe.designsystem.useNativeButton', false);
|
|
17974
|
+
if (useNativeButton) {
|
|
17975
|
+
return /*#__PURE__*/ jsx(NativeButton, {
|
|
17976
|
+
...props,
|
|
17977
|
+
ref: ref
|
|
17978
|
+
});
|
|
17979
|
+
}
|
|
17980
|
+
return /*#__PURE__*/ jsx(AntDButtonInternal, {
|
|
17981
|
+
...props,
|
|
17982
|
+
ref: ref
|
|
17983
|
+
});
|
|
17984
|
+
});
|
|
17985
|
+
// The default path is the legacy Ant-backed button, so keep the marker Ant wrappers (e.g. Tooltip)
|
|
17986
|
+
// read to identify it — preserving pre-split behavior while the flag is off.
|
|
17987
|
+
// See: https://github.com/ant-design/ant-design/blob/6dd39c1f89b4d6632e6ed022ff1bc275ca1e0f1f/components/button/button.tsx#L291
|
|
17988
|
+
Button.__ANT_BUTTON = true;
|
|
17989
|
+
return Button;
|
|
17990
|
+
})();
|
|
17991
|
+
|
|
17992
|
+
/**
|
|
17993
|
+
* Emotion selector that matches a Du Bois button by BOTH its legacy AntD-prefixed class
|
|
17994
|
+
* (`.<clsNamePrefix>-btn…`) and the NativeButton class (`.db-btn…`). Style overrides keyed off the
|
|
17995
|
+
* button class must match `.db-btn` too, so they survive the migration off the AntD-prefixed
|
|
17996
|
+
* `Button` onto `NativeButton`.
|
|
17997
|
+
*
|
|
17998
|
+
* @param clsNamePrefix theme class prefix, e.g. `classNamePrefix` from `useDesignSystemTheme()`.
|
|
17999
|
+
* @param suffix raw selector fragment appended after `-btn` on each class — e.g. `'-primary'`,
|
|
18000
|
+
* `'-icon-only'`, `':first-child'`, `'[disabled]'`, `' > span'`, or `''` for none. Include the
|
|
18001
|
+
* leading `-` yourself.
|
|
18002
|
+
* @param prefix combinator/anchor prepended before each class — pass it explicitly so the call reads
|
|
18003
|
+
* at a glance: `'&'` for a self-target selector (`&.…-btn`, when the `css` sits on the Button
|
|
18004
|
+
* element itself), `''` for a bare descendant (`.…-btn`), `'& > '` for a direct child, `'& '` for
|
|
18005
|
+
* any descendant, or a fuller container prefix (e.g. `` `.${prefix}-dropdown-button > ` ``) when the
|
|
18006
|
+
* button is nested deeper.
|
|
18007
|
+
*/ const getBtnClassName = (clsNamePrefix, suffix, prefix)=>`${prefix}.${clsNamePrefix}-btn${suffix}, ${prefix}.db-btn${suffix}`;
|
|
18008
|
+
|
|
17534
18009
|
const DRAWER_ZINDEX_OVERLAY_OFFSET = 1;
|
|
17535
18010
|
const DRAWER_ZINDEX_CONTENT_OFFSET = DRAWER_ZINDEX_OVERLAY_OFFSET + 1;
|
|
17536
18011
|
/** Whether the surrounding subtree is inside an open Drawer. */ const DrawerContext = /*#__PURE__*/ createContext({
|
|
@@ -17786,7 +18261,7 @@ function getParagraphEmotionStyles(theme, clsPrefix, props) {
|
|
|
17786
18261
|
'& .anticon': {
|
|
17787
18262
|
verticalAlign: 'text-bottom'
|
|
17788
18263
|
},
|
|
17789
|
-
[
|
|
18264
|
+
[`${getBtnClassName(clsPrefix, '-link', '& ')}, ${getBtnClassName(clsPrefix, '-tertiary', '& ')}`]: {
|
|
17790
18265
|
verticalAlign: 'baseline !important'
|
|
17791
18266
|
}
|
|
17792
18267
|
}, props.disabled && {
|
|
@@ -18133,7 +18608,9 @@ const wrapperStyles = /*#__PURE__*/ css({
|
|
|
18133
18608
|
width: '100%',
|
|
18134
18609
|
height: '100%'
|
|
18135
18610
|
});
|
|
18136
|
-
const overlayStyles = (theme, zIndex, maskStyle)
|
|
18611
|
+
const overlayStyles = (theme, zIndex, maskStyle)=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
18612
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
18613
|
+
/*#__PURE__*/ css({
|
|
18137
18614
|
position: 'fixed',
|
|
18138
18615
|
inset: 0,
|
|
18139
18616
|
backgroundColor: theme.colors.overlayOverlay,
|
|
@@ -18146,6 +18623,8 @@ const overlayStyles = (theme, zIndex, maskStyle)=>/*#__PURE__*/ css({
|
|
|
18146
18623
|
});
|
|
18147
18624
|
const modalContentStyles = (theme, maxedOutHeight)=>{
|
|
18148
18625
|
const MODAL_PADDING = theme.spacing.lg;
|
|
18626
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
18627
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
18149
18628
|
return /*#__PURE__*/ css({
|
|
18150
18629
|
backgroundColor: theme.colors.backgroundPrimary,
|
|
18151
18630
|
maxHeight: '90vh',
|
|
@@ -18246,7 +18725,7 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
|
|
|
18246
18725
|
paddingLeft: MODAL_PADDING,
|
|
18247
18726
|
paddingRight: MODAL_PADDING,
|
|
18248
18727
|
marginTop: 'auto',
|
|
18249
|
-
[`.${prefixCls}-dropdown-button >
|
|
18728
|
+
[getBtnClassName(prefixCls, ':nth-of-type(2)', `.${prefixCls}-dropdown-button > `)]: {
|
|
18250
18729
|
marginLeft: -1
|
|
18251
18730
|
}
|
|
18252
18731
|
});
|
|
@@ -18849,12 +19328,14 @@ const CONSTANTS$1 = {
|
|
|
18849
19328
|
return 2;
|
|
18850
19329
|
}
|
|
18851
19330
|
};
|
|
18852
|
-
const popoverContentStylesResolver = memoize(
|
|
19331
|
+
const popoverContentStylesResolver = memoize(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
19332
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
19333
|
+
(theme)=>({
|
|
18853
19334
|
backgroundColor: theme.colors.backgroundPrimary,
|
|
18854
19335
|
color: theme.colors.textPrimary,
|
|
18855
19336
|
lineHeight: theme.typography.lineHeightBase,
|
|
18856
19337
|
border: `1px solid ${theme.colors.border}`,
|
|
18857
|
-
borderRadius: token(ShapeTokens.
|
|
19338
|
+
borderRadius: token(ShapeTokens.POPUP_BORDER_RADIUS, theme.borders.borderRadiusSm),
|
|
18858
19339
|
padding: `${theme.spacing.sm}px`,
|
|
18859
19340
|
boxShadow: theme.shadows.lg,
|
|
18860
19341
|
zIndex: theme.options.zIndexBase + 30,
|
|
@@ -18953,20 +19434,16 @@ const getTooltipStyles = (theme, clsPrefix)=>{
|
|
|
18953
19434
|
// component is used outside of universe alongside a Radix version that still has the underlying bug.
|
|
18954
19435
|
const dataStateAttr = 'tooltip-data-state';
|
|
18955
19436
|
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
19437
|
return {
|
|
18961
19438
|
content: {
|
|
18962
|
-
backgroundColor:
|
|
18963
|
-
color:
|
|
18964
|
-
borderRadius:
|
|
18965
|
-
fontSize:
|
|
18966
|
-
padding:
|
|
19439
|
+
backgroundColor: 'var(--db-tooltip-surface)',
|
|
19440
|
+
color: 'var(--db-tooltip-text)',
|
|
19441
|
+
borderRadius: 'var(--db-tooltip-border-radius)',
|
|
19442
|
+
fontSize: 'var(--db-tooltip-font-size)',
|
|
19443
|
+
padding: 'var(--db-tooltip-spacing-vertical) var(--db-tooltip-spacing-horizontal)',
|
|
18967
19444
|
lineHeight: theme.typography.lineHeightLg,
|
|
18968
|
-
fontWeight:
|
|
18969
|
-
boxShadow:
|
|
19445
|
+
fontWeight: 'var(--db-tooltip-font-weight)',
|
|
19446
|
+
boxShadow: 'var(--db-tooltip-shadow)',
|
|
18970
19447
|
wordWrap: 'break-word',
|
|
18971
19448
|
whiteSpace: 'normal',
|
|
18972
19449
|
zIndex: theme.options.zIndexBase + 70,
|
|
@@ -18985,27 +19462,27 @@ const getTooltipStyles = (theme, clsPrefix)=>{
|
|
|
18985
19462
|
},
|
|
18986
19463
|
[`& a${classTypography}`]: {
|
|
18987
19464
|
'&, :focus': {
|
|
18988
|
-
color:
|
|
19465
|
+
color: 'var(--db-tooltip-link-text)',
|
|
18989
19466
|
'.anticon': {
|
|
18990
|
-
color:
|
|
19467
|
+
color: 'var(--db-tooltip-link-text)'
|
|
18991
19468
|
}
|
|
18992
19469
|
},
|
|
18993
19470
|
':active': {
|
|
18994
|
-
color:
|
|
19471
|
+
color: 'var(--db-tooltip-link-text-press)',
|
|
18995
19472
|
'.anticon': {
|
|
18996
|
-
color:
|
|
19473
|
+
color: 'var(--db-tooltip-link-text-press)'
|
|
18997
19474
|
}
|
|
18998
19475
|
},
|
|
18999
19476
|
':hover': {
|
|
19000
|
-
color:
|
|
19477
|
+
color: 'var(--db-tooltip-link-text-hover)',
|
|
19001
19478
|
'.anticon': {
|
|
19002
|
-
color:
|
|
19479
|
+
color: 'var(--db-tooltip-link-text-hover)'
|
|
19003
19480
|
}
|
|
19004
19481
|
}
|
|
19005
19482
|
}
|
|
19006
19483
|
},
|
|
19007
19484
|
arrow: {
|
|
19008
|
-
fill:
|
|
19485
|
+
fill: 'var(--db-tooltip-surface)',
|
|
19009
19486
|
zIndex: theme.options.zIndexBase + 70,
|
|
19010
19487
|
visibility: 'visible'
|
|
19011
19488
|
}
|
|
@@ -19018,6 +19495,11 @@ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`
|
|
|
19018
19495
|
* composes a ref onto whatever it renders, so this has to forward it on to the content.
|
|
19019
19496
|
*/ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
|
|
19020
19497
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
19498
|
+
// The Radix portal mounts on the body, outside any Du Bois scope, so re-establish the token scope
|
|
19499
|
+
// here the way other portaled surfaces (Modal, Drawer, DropdownMenu, …) do: the theme class carries
|
|
19500
|
+
// the base `--db-*` tokens and the override style re-declares any consumer overrides on top.
|
|
19501
|
+
const themeClass = useDuboisThemeClass();
|
|
19502
|
+
const themeOverrideStyle = useDesignTokenOverrideStyles();
|
|
19021
19503
|
const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
|
|
19022
19504
|
const contentCss = useMemo(()=>[
|
|
19023
19505
|
tooltipStyles['content'],
|
|
@@ -19055,6 +19537,8 @@ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`
|
|
|
19055
19537
|
css: contentCss,
|
|
19056
19538
|
...props,
|
|
19057
19539
|
...eventContext.dataComponentProps,
|
|
19540
|
+
className: themeClass,
|
|
19541
|
+
style: themeOverrideStyle,
|
|
19058
19542
|
children: [
|
|
19059
19543
|
content,
|
|
19060
19544
|
/*#__PURE__*/ jsx(RadixTooltip.Arrow, {
|
|
@@ -19149,56 +19633,6 @@ const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
|
|
|
19149
19633
|
});
|
|
19150
19634
|
};
|
|
19151
19635
|
|
|
19152
|
-
const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
|
|
19153
|
-
const { theme } = useDesignSystemTheme();
|
|
19154
|
-
const [showTooltip, setShowTooltip] = useState(true);
|
|
19155
|
-
const label = `+${items.length}`;
|
|
19156
|
-
let trigger = /*#__PURE__*/ jsx("span", {
|
|
19157
|
-
css: {
|
|
19158
|
-
lineHeight: 0
|
|
19159
|
-
},
|
|
19160
|
-
...addDebugOutlineIfEnabled(),
|
|
19161
|
-
children: /*#__PURE__*/ jsx(Trigger$5, {
|
|
19162
|
-
asChild: true,
|
|
19163
|
-
children: /*#__PURE__*/ jsx(Button$1, {
|
|
19164
|
-
componentId: "something",
|
|
19165
|
-
type: "link",
|
|
19166
|
-
children: renderLabel ? renderLabel(label) : label
|
|
19167
|
-
})
|
|
19168
|
-
})
|
|
19169
|
-
});
|
|
19170
|
-
if (showTooltip) {
|
|
19171
|
-
trigger = /*#__PURE__*/ jsx(Tooltip, {
|
|
19172
|
-
componentId: "design-system.overflow-popover.tooltip",
|
|
19173
|
-
content: tooltipText || 'See more items',
|
|
19174
|
-
children: trigger
|
|
19175
|
-
});
|
|
19176
|
-
}
|
|
19177
|
-
return /*#__PURE__*/ jsxs(Root$b, {
|
|
19178
|
-
componentId: "codegen_design-system_src_design-system_overflow_overflowpopover.tsx_37",
|
|
19179
|
-
onOpenChange: (open)=>setShowTooltip(!open),
|
|
19180
|
-
children: [
|
|
19181
|
-
trigger,
|
|
19182
|
-
/*#__PURE__*/ jsx(Content$7, {
|
|
19183
|
-
align: "start",
|
|
19184
|
-
"aria-label": ariaLabel,
|
|
19185
|
-
...props,
|
|
19186
|
-
...addDebugOutlineIfEnabled(),
|
|
19187
|
-
children: /*#__PURE__*/ jsx("div", {
|
|
19188
|
-
css: {
|
|
19189
|
-
display: 'flex',
|
|
19190
|
-
flexDirection: 'column',
|
|
19191
|
-
gap: theme.spacing.xs
|
|
19192
|
-
},
|
|
19193
|
-
children: items.map((item, index)=>/*#__PURE__*/ jsx("div", {
|
|
19194
|
-
children: item
|
|
19195
|
-
}, `overflow-${index}`))
|
|
19196
|
-
})
|
|
19197
|
-
})
|
|
19198
|
-
]
|
|
19199
|
-
});
|
|
19200
|
-
};
|
|
19201
|
-
|
|
19202
19636
|
const { Text, Paragraph: Paragraph$1 } = Typography;
|
|
19203
19637
|
const BANNER_MIN_HEIGHT = 68;
|
|
19204
19638
|
// Max height will allow 2 lines of description (3 lines total)
|
|
@@ -19967,6 +20401,8 @@ const getWrapperStyle = ({ clsPrefix, theme, wrapperStyle = {} })=>{
|
|
|
19967
20401
|
},
|
|
19968
20402
|
...wrapperStyle
|
|
19969
20403
|
};
|
|
20404
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
20405
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
19970
20406
|
return /*#__PURE__*/ css(styles);
|
|
19971
20407
|
};
|
|
19972
20408
|
const AntDCheckboxInternal = /*#__PURE__*/ forwardRef(function Checkbox({ isChecked, onChange, children, isDisabled = false, style, wrapperStyle, dangerouslySetAntdProps, className, componentId, analyticsEvents, ...restProps }, ref) {
|
|
@@ -20076,9 +20512,9 @@ const AntDCheckboxGroupInternal = /*#__PURE__*/ forwardRef(function AntDCheckbox
|
|
|
20076
20512
|
|
|
20077
20513
|
const NativeCheckboxGroupContext = createContext(null);
|
|
20078
20514
|
|
|
20079
|
-
const GROUP_CLASS$1 = '
|
|
20515
|
+
const GROUP_CLASS$1 = 'db-checkbox-group';
|
|
20080
20516
|
// Vertical groups are a stack; horizontal stays a bespoke non-wrapping row (see NativeCheckbox.css).
|
|
20081
|
-
const STACK_CLASS$1 = '
|
|
20517
|
+
const STACK_CLASS$1 = 'db-stack';
|
|
20082
20518
|
const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGroup({ children, layout = 'vertical', value, defaultValue, onChange, options, disabled, name, className, style, ...rest }, ref) {
|
|
20083
20519
|
const isControlled = value !== undefined;
|
|
20084
20520
|
const [internalValue, setInternalValue] = useState(defaultValue ? [
|
|
@@ -20136,17 +20572,17 @@ const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGrou
|
|
|
20136
20572
|
});
|
|
20137
20573
|
});
|
|
20138
20574
|
|
|
20139
|
-
const ROOT_CLASS$1 = '
|
|
20575
|
+
const ROOT_CLASS$1 = 'db-checkbox';
|
|
20140
20576
|
// The checkbox's own <input> carries this class so CSS targets it specifically
|
|
20141
20577
|
// rather than any `input` descendant — a consumer may render an inline <input>
|
|
20142
20578
|
// (e.g. a number field) inside the label children, and a bare `input` selector
|
|
20143
20579
|
// would wrongly hide/absolutely-position it and mis-drive the checkbox's
|
|
20144
20580
|
// `:has(input:…)` state rules.
|
|
20145
|
-
const INPUT_CLASS = '
|
|
20146
|
-
const INDICATOR_CLASS$1 = '
|
|
20147
|
-
const CHECKMARK_CLASS = '
|
|
20148
|
-
const DASH_CLASS = '
|
|
20149
|
-
const LABEL_CLASS$1 = '
|
|
20581
|
+
const INPUT_CLASS = 'db-checkbox-input';
|
|
20582
|
+
const INDICATOR_CLASS$1 = 'db-checkbox-indicator';
|
|
20583
|
+
const CHECKMARK_CLASS = 'db-checkbox-checkmark';
|
|
20584
|
+
const DASH_CLASS = 'db-checkbox-dash';
|
|
20585
|
+
const LABEL_CLASS$1 = 'db-checkbox-label';
|
|
20150
20586
|
function logAntdPropWarning(dangerouslySetAntdProps) {
|
|
20151
20587
|
if (process.env.NODE_ENV !== 'production' && dangerouslySetAntdProps && Object.keys(dangerouslySetAntdProps).length > 0) {
|
|
20152
20588
|
// eslint-disable-next-line no-console
|
|
@@ -21050,11 +21486,15 @@ const dropdownContentStyles = (theme)=>({
|
|
|
21050
21486
|
color: theme.colors.textPrimary,
|
|
21051
21487
|
lineHeight: theme.typography.lineHeightBase,
|
|
21052
21488
|
border: `1px solid ${theme.colors.border}`,
|
|
21053
|
-
borderRadius: token(ShapeTokens.
|
|
21489
|
+
borderRadius: token(ShapeTokens.POPUP_BORDER_RADIUS, theme.borders.borderRadiusSm),
|
|
21054
21490
|
padding: `${theme.spacing.xs}px 0`,
|
|
21055
21491
|
boxShadow: theme.shadows.lg,
|
|
21492
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
21493
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
21056
21494
|
userSelect: 'none',
|
|
21057
21495
|
// Allow for scrolling within the dropdown when viewport is too small
|
|
21496
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
21497
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
21058
21498
|
overflowY: 'auto',
|
|
21059
21499
|
maxHeight: 'var(--radix-dropdown-menu-content-available-height)',
|
|
21060
21500
|
...getDarkModePortalStyles(theme),
|
|
@@ -24649,6 +25089,8 @@ const dialogComboboxLookAheadKeyDown = (e, setLookAhead, lookAhead)=>{
|
|
|
24649
25089
|
};
|
|
24650
25090
|
|
|
24651
25091
|
const getComboboxContentWrapperStyles = (theme, { maxHeight = '100vh', maxWidth = '100vw', minHeight = 0, minWidth = 0, width })=>{
|
|
25092
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
25093
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
24652
25094
|
return /*#__PURE__*/ css({
|
|
24653
25095
|
maxHeight,
|
|
24654
25096
|
maxWidth,
|
|
@@ -25180,7 +25622,7 @@ const DialogComboboxOptionListCheckboxItem = DuboisDialogComboboxOptionListCheck
|
|
|
25180
25622
|
|
|
25181
25623
|
const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
|
|
25182
25624
|
const inputClass = `.${clsPrefix}-input`;
|
|
25183
|
-
const
|
|
25625
|
+
const groupButtons = (suffix = '')=>getBtnClassName(clsPrefix, suffix, '& > ');
|
|
25184
25626
|
const buttonOnRight = buttonSide === 'right';
|
|
25185
25627
|
return /*#__PURE__*/ css({
|
|
25186
25628
|
display: 'inline-flex !important',
|
|
@@ -25209,7 +25651,7 @@ const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
|
|
|
25209
25651
|
marginRight: 0
|
|
25210
25652
|
}
|
|
25211
25653
|
},
|
|
25212
|
-
[
|
|
25654
|
+
[groupButtons()]: {
|
|
25213
25655
|
boxShadow: 'none !important',
|
|
25214
25656
|
// Square off the inner edge (the edge adjacent to the input).
|
|
25215
25657
|
...buttonOnRight ? {
|
|
@@ -25227,13 +25669,20 @@ const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
|
|
|
25227
25669
|
}
|
|
25228
25670
|
}
|
|
25229
25671
|
},
|
|
25230
|
-
[
|
|
25672
|
+
[groupButtons(' > span')]: {
|
|
25231
25673
|
verticalAlign: 'middle'
|
|
25232
25674
|
},
|
|
25233
|
-
[
|
|
25675
|
+
[`${groupButtons(':disabled')}, ${groupButtons(':disabled:hover')}`]: {
|
|
25234
25676
|
borderLeft: `1px solid ${theme.colors.actionDisabledBorder} !important`,
|
|
25235
25677
|
backgroundColor: `${theme.colors.actionDisabledBackground} !important`,
|
|
25236
25678
|
color: `${theme.colors.actionDisabledText} !important`
|
|
25679
|
+
},
|
|
25680
|
+
// Filled variants (primary/danger) keep their stronger disabled fill and white text inside the
|
|
25681
|
+
// group rather than the greyed-out default disabled treatment above; placed after that rule so it
|
|
25682
|
+
// wins at equal specificity by source order.
|
|
25683
|
+
[`& > .db-btn-primary:disabled, & > .db-btn-primary:disabled:hover, & > .db-btn-danger:disabled, & > .db-btn-danger:disabled:hover`]: {
|
|
25684
|
+
backgroundColor: `${theme.colors.actionDisabledBorder} !important`,
|
|
25685
|
+
color: `${theme.colors.actionPrimaryTextDefault} !important`
|
|
25237
25686
|
}
|
|
25238
25687
|
});
|
|
25239
25688
|
};
|
|
@@ -26655,6 +27104,8 @@ function getDropdownStyles(clsPrefix, theme) {
|
|
|
26655
27104
|
const classItemActive = `.${clsPrefix}-item-option-active`;
|
|
26656
27105
|
const classItemSelected = `.${clsPrefix}-item-option-selected`;
|
|
26657
27106
|
const classItemState = `.${clsPrefix}-item-option-state`;
|
|
27107
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
27108
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
26658
27109
|
const styles = {
|
|
26659
27110
|
borderColor: theme.colors.border,
|
|
26660
27111
|
borderWidth: 1,
|
|
@@ -27054,7 +27505,9 @@ const getRadioInputStyles = ({ clsPrefix, theme })=>({
|
|
|
27054
27505
|
}
|
|
27055
27506
|
}
|
|
27056
27507
|
});
|
|
27057
|
-
const getCommonRadioGroupStyles = ({ theme, clsPrefix, classNamePrefix })
|
|
27508
|
+
const getCommonRadioGroupStyles = ({ theme, clsPrefix, classNamePrefix })=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
27509
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
27510
|
+
/*#__PURE__*/ css({
|
|
27058
27511
|
'& > label': {
|
|
27059
27512
|
[`&.${classNamePrefix}-radio-wrapper-disabled > span`]: {
|
|
27060
27513
|
color: theme.colors.actionDisabledText
|
|
@@ -27127,6 +27580,8 @@ const getRadioStyles = ({ theme, clsPrefix })=>{
|
|
|
27127
27580
|
const styles = {
|
|
27128
27581
|
fontWeight
|
|
27129
27582
|
};
|
|
27583
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
27584
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
27130
27585
|
return /*#__PURE__*/ css({
|
|
27131
27586
|
...getRadioInputStyles({
|
|
27132
27587
|
theme,
|
|
@@ -27361,10 +27816,10 @@ function HorizontalGroup({ layout = 'vertical', useEqualColumnWidths, ...props }
|
|
|
27361
27816
|
});
|
|
27362
27817
|
});
|
|
27363
27818
|
|
|
27364
|
-
const ROOT_CLASS = '
|
|
27365
|
-
const INDICATOR_CLASS = '
|
|
27366
|
-
const DOT_CLASS = '
|
|
27367
|
-
const LABEL_CLASS = '
|
|
27819
|
+
const ROOT_CLASS = 'db-radio';
|
|
27820
|
+
const INDICATOR_CLASS = 'db-radio-indicator';
|
|
27821
|
+
const DOT_CLASS = 'db-radio-dot';
|
|
27822
|
+
const LABEL_CLASS = 'db-radio-label';
|
|
27368
27823
|
const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __INTERNAL_DISABLE_RADIO_ROLE, componentId, analyticsEvents, valueHasNoPii, onChange, className, value, checked, defaultChecked, disabled = false, id, name: nameProp, style, onMouseEnter, onMouseLeave, ...restProps }, ref) {
|
|
27369
27824
|
const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
|
|
27370
27825
|
const groupContext = useContext(RadioGroupContext$1);
|
|
@@ -27514,12 +27969,12 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
|
|
|
27514
27969
|
}));
|
|
27515
27970
|
});
|
|
27516
27971
|
|
|
27517
|
-
const GROUP_CLASS = '
|
|
27518
|
-
// Vertical groups delegate flex-direction + gap to the .
|
|
27972
|
+
const GROUP_CLASS = 'db-radio-group';
|
|
27973
|
+
// Vertical groups delegate flex-direction + gap to the .db-stack primitive; horizontal stays a
|
|
27519
27974
|
// bespoke non-wrapping row (see NativeRadio.css).
|
|
27520
|
-
const STACK_CLASS = '
|
|
27521
|
-
const HORIZONTAL_CLASS = '
|
|
27522
|
-
const EQUAL_WIDTH_CLASS = '
|
|
27975
|
+
const STACK_CLASS = 'db-stack';
|
|
27976
|
+
const HORIZONTAL_CLASS = 'db-radio-group--horizontal';
|
|
27977
|
+
const EQUAL_WIDTH_CLASS = 'db-radio-group--equal-width';
|
|
27523
27978
|
const NativeRadioGroup = /*#__PURE__*/ forwardRef(function NativeRadioGroup({ children, componentId, analyticsEvents, valueHasNoPii, onChange, layout = 'vertical', useEqualColumnWidths, name, className, style, id, options, disabled, 'aria-labelledby': ariaLabelledby, ...props }, ref) {
|
|
27524
27979
|
const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
|
|
27525
27980
|
const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents ?? (emitOnView ? [
|
|
@@ -32188,8 +32643,8 @@ const Root$6 = // eslint-disable-next-line react-component-name/react-component-
|
|
|
32188
32643
|
ref: forwardedRef
|
|
32189
32644
|
});
|
|
32190
32645
|
});
|
|
32191
|
-
// Module-level caches
|
|
32192
|
-
//
|
|
32646
|
+
// Module-level caches keyed by discrete inputs (theme and/or active), so each holds only a
|
|
32647
|
+
// handful of entries. Same pattern as getShadowScrollStylesMemoized in css-utils.tsx.
|
|
32193
32648
|
const getMemoizedListCss = memoize((theme)=>({
|
|
32194
32649
|
...getCommonTabsListStyles(theme),
|
|
32195
32650
|
marginTop: 0,
|
|
@@ -32199,36 +32654,36 @@ const getMemoizedListCss = memoize((theme)=>({
|
|
|
32199
32654
|
}));
|
|
32200
32655
|
const getMemoizedItemCss = memoize((theme, active)=>({
|
|
32201
32656
|
...getCommonTabsTriggerStyles(theme),
|
|
32202
|
-
height:
|
|
32203
|
-
minWidth:
|
|
32657
|
+
height: 'var(--db-navigation-menu-item-height)',
|
|
32658
|
+
minWidth: 'var(--db-navigation-menu-item-min-width)',
|
|
32204
32659
|
justifyContent: 'center',
|
|
32205
32660
|
...active && {
|
|
32206
32661
|
// Use box-shadow instead of border to prevent it from affecting the size of the element, which results in visual
|
|
32207
32662
|
// jumping when switching tabs.
|
|
32208
|
-
boxShadow:
|
|
32663
|
+
boxShadow: 'inset 0 calc(-1 * var(--db-navigation-menu-indicator-thickness)) 0 var(--db-navigation-menu-indicator)'
|
|
32209
32664
|
}
|
|
32210
32665
|
}), (theme, active)=>`${themeMemoKey(theme)}|${active}`);
|
|
32211
|
-
const getMemoizedLinkCss = memoize((
|
|
32212
|
-
padding:
|
|
32666
|
+
const getMemoizedLinkCss = memoize((active)=>({
|
|
32667
|
+
padding: 'var(--db-navigation-menu-link-padding-top) 0 var(--db-navigation-menu-link-padding-bottom) 0',
|
|
32213
32668
|
'&:focus-visible': {
|
|
32214
|
-
outline:
|
|
32215
|
-
outlineOffset: '-
|
|
32669
|
+
outline: 'var(--db-navigation-menu-focus-ring-width) auto var(--db-navigation-menu-focus-ring)',
|
|
32670
|
+
outlineOffset: 'var(--db-navigation-menu-focus-ring-offset)'
|
|
32216
32671
|
},
|
|
32217
32672
|
'&&': {
|
|
32218
|
-
color: active ?
|
|
32673
|
+
color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text)',
|
|
32219
32674
|
textDecoration: 'none',
|
|
32220
32675
|
'&:hover': {
|
|
32221
|
-
color: active ?
|
|
32676
|
+
color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text-hover)',
|
|
32222
32677
|
textDecoration: 'none'
|
|
32223
32678
|
},
|
|
32224
32679
|
'&:focus': {
|
|
32225
32680
|
textDecoration: 'none'
|
|
32226
32681
|
},
|
|
32227
32682
|
'&:active': {
|
|
32228
|
-
color: active ?
|
|
32683
|
+
color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text-press)'
|
|
32229
32684
|
}
|
|
32230
32685
|
}
|
|
32231
|
-
})
|
|
32686
|
+
}));
|
|
32232
32687
|
const List$1 = // eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
|
|
32233
32688
|
/*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
|
|
32234
32689
|
const { theme } = useDesignSystemTheme();
|
|
@@ -32248,7 +32703,7 @@ const Item$1 = // eslint-disable-next-line react-component-name/react-component-
|
|
|
32248
32703
|
children: /*#__PURE__*/ jsx(RadixNavigationMenu.Link, {
|
|
32249
32704
|
asChild: true,
|
|
32250
32705
|
active: active,
|
|
32251
|
-
css: getMemoizedLinkCss(
|
|
32706
|
+
css: getMemoizedLinkCss(Boolean(active)),
|
|
32252
32707
|
children: children
|
|
32253
32708
|
})
|
|
32254
32709
|
});
|
|
@@ -32454,7 +32909,9 @@ const Tag = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
32454
32909
|
eventContext,
|
|
32455
32910
|
onClick
|
|
32456
32911
|
]);
|
|
32457
|
-
const handleKeyDown = useCallback(//
|
|
32912
|
+
const handleKeyDown = useCallback(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
32913
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
32914
|
+
// oxlint-disable-next-line @databricks/react-18-types-migration -- TODO(FEINF-6292)
|
|
32458
32915
|
(e)=>{
|
|
32459
32916
|
if (onKeyDown) {
|
|
32460
32917
|
onKeyDown(e);
|
|
@@ -32539,64 +32996,6 @@ const Tag = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
|
32539
32996
|
});
|
|
32540
32997
|
});
|
|
32541
32998
|
|
|
32542
|
-
const getTagStyles = (theme)=>{
|
|
32543
|
-
const styles = {
|
|
32544
|
-
marginRight: 0,
|
|
32545
|
-
color: theme.colors.actionTertiaryTextDefault,
|
|
32546
|
-
cursor: 'pointer',
|
|
32547
|
-
'&:focus': {
|
|
32548
|
-
color: theme.colors.actionTertiaryTextDefault
|
|
32549
|
-
},
|
|
32550
|
-
'&:hover': {
|
|
32551
|
-
color: theme.colors.actionTertiaryTextHover
|
|
32552
|
-
},
|
|
32553
|
-
'&:active': {
|
|
32554
|
-
color: theme.colors.actionTertiaryTextPress
|
|
32555
|
-
}
|
|
32556
|
-
};
|
|
32557
|
-
return /*#__PURE__*/ css(styles);
|
|
32558
|
-
};
|
|
32559
|
-
// Module-level caches. Both styles depend only on (theme + noMargin); cache once per
|
|
32560
|
-
// combination across every Overflow instance. Same pattern as
|
|
32561
|
-
// getShadowScrollStylesMemoized in css-utils.tsx.
|
|
32562
|
-
const getMemoizedTagStyles = memoize((theme)=>getTagStyles(theme));
|
|
32563
|
-
const getMemoizedContainerCss = memoize((theme, noMargin)=>({
|
|
32564
|
-
display: 'inline-flex',
|
|
32565
|
-
alignItems: 'center',
|
|
32566
|
-
gap: noMargin ? 0 : theme.spacing.sm,
|
|
32567
|
-
maxWidth: '100%'
|
|
32568
|
-
}), (theme, noMargin)=>`${themeMemoKey(theme)}|${noMargin}`);
|
|
32569
|
-
const Overflow = ({ children, noMargin = false, visibleItemsCount = 1, ...props })=>{
|
|
32570
|
-
const { theme } = useDesignSystemTheme();
|
|
32571
|
-
const childrenList = children && Children.toArray(children);
|
|
32572
|
-
if (!childrenList || childrenList.length === 0) {
|
|
32573
|
-
return /*#__PURE__*/ jsx(Fragment, {
|
|
32574
|
-
children: children
|
|
32575
|
-
});
|
|
32576
|
-
}
|
|
32577
|
-
const visibleItems = childrenList.slice(0, visibleItemsCount);
|
|
32578
|
-
const additionalItems = childrenList.slice(visibleItemsCount);
|
|
32579
|
-
const renderOverflowLabel = (label)=>/*#__PURE__*/ jsx(Tag, {
|
|
32580
|
-
componentId: "codegen_design-system_src_design-system_overflow_overflow.tsx_28",
|
|
32581
|
-
css: getMemoizedTagStyles(theme),
|
|
32582
|
-
children: label
|
|
32583
|
-
});
|
|
32584
|
-
return additionalItems.length === 0 ? /*#__PURE__*/ jsx(Fragment, {
|
|
32585
|
-
children: visibleItems
|
|
32586
|
-
}) : /*#__PURE__*/ jsxs("div", {
|
|
32587
|
-
...props,
|
|
32588
|
-
css: getMemoizedContainerCss(theme, noMargin),
|
|
32589
|
-
children: [
|
|
32590
|
-
visibleItems,
|
|
32591
|
-
additionalItems.length > 0 && /*#__PURE__*/ jsx(OverflowPopover, {
|
|
32592
|
-
items: additionalItems,
|
|
32593
|
-
renderLabel: renderOverflowLabel,
|
|
32594
|
-
...props
|
|
32595
|
-
})
|
|
32596
|
-
]
|
|
32597
|
-
});
|
|
32598
|
-
};
|
|
32599
|
-
|
|
32600
32999
|
const RadioGroupContext = /*#__PURE__*/ React__default.createContext('medium');
|
|
32601
33000
|
const DEFAULT_ANALYTICS_EVENTS$1 = [
|
|
32602
33001
|
DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
|
|
@@ -33003,14 +33402,14 @@ const ProgressContextProvider = ({ children, value })=>{
|
|
|
33003
33402
|
});
|
|
33004
33403
|
};
|
|
33005
33404
|
|
|
33006
|
-
const getProgressRootStyles = (
|
|
33405
|
+
const getProgressRootStyles = (minWidth, maxWidth)=>{
|
|
33007
33406
|
const styles = {
|
|
33008
33407
|
position: 'relative',
|
|
33009
33408
|
overflow: 'hidden',
|
|
33010
|
-
backgroundColor:
|
|
33011
|
-
height:
|
|
33409
|
+
backgroundColor: 'var(--db-progress-track)',
|
|
33410
|
+
height: 'var(--db-progress-size)',
|
|
33012
33411
|
width: '100%',
|
|
33013
|
-
borderRadius:
|
|
33412
|
+
borderRadius: 'var(--db-progress-border-radius)',
|
|
33014
33413
|
...minWidth && {
|
|
33015
33414
|
minWidth
|
|
33016
33415
|
},
|
|
@@ -33021,10 +33420,9 @@ const getProgressRootStyles = (theme, minWidth, maxWidth)=>{
|
|
|
33021
33420
|
};
|
|
33022
33421
|
return /*#__PURE__*/ css(importantify(styles));
|
|
33023
33422
|
};
|
|
33024
|
-
const getMemoizedProgressRootStyles = memoize(getProgressRootStyles, (
|
|
33423
|
+
const getMemoizedProgressRootStyles = memoize(getProgressRootStyles, (minWidth, maxWidth)=>`${minWidth ?? ''}|${maxWidth ?? ''}`);
|
|
33025
33424
|
const Root$4 = (props)=>{
|
|
33026
33425
|
const { children, value, minWidth, maxWidth, ...restProps } = props;
|
|
33027
|
-
const { theme } = useDesignSystemTheme();
|
|
33028
33426
|
const contextValue = useMemo(()=>({
|
|
33029
33427
|
progress: value
|
|
33030
33428
|
}), [
|
|
@@ -33035,27 +33433,22 @@ const Root$4 = (props)=>{
|
|
|
33035
33433
|
children: /*#__PURE__*/ jsx(Progress$1.Root, {
|
|
33036
33434
|
value: value,
|
|
33037
33435
|
...restProps,
|
|
33038
|
-
css: getMemoizedProgressRootStyles(
|
|
33436
|
+
css: getMemoizedProgressRootStyles(minWidth, maxWidth),
|
|
33039
33437
|
children: children
|
|
33040
33438
|
})
|
|
33041
33439
|
});
|
|
33042
33440
|
};
|
|
33043
|
-
const
|
|
33044
|
-
|
|
33045
|
-
|
|
33046
|
-
|
|
33047
|
-
|
|
33048
|
-
|
|
33049
|
-
|
|
33050
|
-
};
|
|
33051
|
-
return /*#__PURE__*/ css(importantify(styles));
|
|
33052
|
-
};
|
|
33053
|
-
const getMemoizedProgressIndicatorStyles = memoize(getProgressIndicatorStyles);
|
|
33441
|
+
const progressIndicatorStyles = /*#__PURE__*/ css(importantify({
|
|
33442
|
+
backgroundColor: 'var(--db-progress-fill)',
|
|
33443
|
+
height: '100%',
|
|
33444
|
+
width: '100%',
|
|
33445
|
+
transition: 'transform var(--db-progress-transition-duration) linear',
|
|
33446
|
+
borderRadius: 'var(--db-progress-border-radius)'
|
|
33447
|
+
}));
|
|
33054
33448
|
const Indicator = (props)=>{
|
|
33055
33449
|
const { progress } = React__default.useContext(ProgressContext);
|
|
33056
|
-
const { theme } = useDesignSystemTheme();
|
|
33057
33450
|
return /*#__PURE__*/ jsx(Progress$1.Indicator, {
|
|
33058
|
-
css:
|
|
33451
|
+
css: progressIndicatorStyles,
|
|
33059
33452
|
style: {
|
|
33060
33453
|
transform: `translateX(-${100 - (progress ?? 100)}%)`
|
|
33061
33454
|
},
|
|
@@ -33128,16 +33521,16 @@ const getRadioTileStyles = (theme, classNamePrefix, maxWidth)=>{
|
|
|
33128
33521
|
}
|
|
33129
33522
|
},
|
|
33130
33523
|
// Native variant (databricks.fe.designsystem.useNativeRadio): the radio's
|
|
33131
|
-
// <label class="
|
|
33524
|
+
// <label class="db-radio">. Same row-reverse / full-width layout against the
|
|
33132
33525
|
// native DOM. Kept as a separate block so the AntD rule above is unchanged.
|
|
33133
|
-
'& .
|
|
33526
|
+
'& .db-radio': {
|
|
33134
33527
|
display: 'flex',
|
|
33135
33528
|
flexDirection: 'row-reverse',
|
|
33136
33529
|
justifyContent: 'space-between',
|
|
33137
33530
|
flex: 1,
|
|
33138
33531
|
margin: 0,
|
|
33139
33532
|
width: '100%',
|
|
33140
|
-
'& .
|
|
33533
|
+
'& .db-radio-label': {
|
|
33141
33534
|
paddingInline: 0
|
|
33142
33535
|
}
|
|
33143
33536
|
}
|
|
@@ -33150,13 +33543,16 @@ const getMemoizedIconStyles = memoize((theme, disabled)=>({
|
|
|
33150
33543
|
const RadioTile = (props)=>{
|
|
33151
33544
|
const { description, icon, maxWidth, checked, defaultChecked, onChange, ...rest } = props;
|
|
33152
33545
|
const { theme, classNamePrefix } = useDesignSystemTheme();
|
|
33153
|
-
|
|
33546
|
+
// Mirror NativeRadio: a disabled <Radio.Group> disables its tiles. RadioTile's own <button> is
|
|
33547
|
+
// the interactive element, so OR the group's `disabled` (from context) with the tile's own prop.
|
|
33548
|
+
const { value: groupValue, onChange: groupOnChange, disabled: groupDisabled } = useRadioGroupContext();
|
|
33549
|
+
const isDisabledByGroupOrProp = groupDisabled || props.disabled;
|
|
33154
33550
|
return /*#__PURE__*/ jsxs("button", {
|
|
33155
33551
|
role: "radio",
|
|
33156
33552
|
type: "button",
|
|
33157
33553
|
"aria-checked": groupValue === props.value,
|
|
33158
33554
|
onClick: ()=>{
|
|
33159
|
-
if (
|
|
33555
|
+
if (isDisabledByGroupOrProp) {
|
|
33160
33556
|
return;
|
|
33161
33557
|
}
|
|
33162
33558
|
onChange?.(props.value);
|
|
@@ -33169,12 +33565,12 @@ const RadioTile = (props)=>{
|
|
|
33169
33565
|
tabIndex: 0,
|
|
33170
33566
|
className: `${classNamePrefix}-radio-tile`,
|
|
33171
33567
|
css: getMemoizedRadioTileStyles(theme, classNamePrefix, maxWidth),
|
|
33172
|
-
disabled:
|
|
33568
|
+
disabled: isDisabledByGroupOrProp,
|
|
33173
33569
|
children: [
|
|
33174
33570
|
/*#__PURE__*/ jsxs("div", {
|
|
33175
33571
|
children: [
|
|
33176
33572
|
icon ? /*#__PURE__*/ jsx("span", {
|
|
33177
|
-
css: getMemoizedIconStyles(theme, Boolean(
|
|
33573
|
+
css: getMemoizedIconStyles(theme, Boolean(isDisabledByGroupOrProp)),
|
|
33178
33574
|
children: icon
|
|
33179
33575
|
}) : null,
|
|
33180
33576
|
/*#__PURE__*/ jsx(Radio, {
|
|
@@ -34442,203 +34838,6 @@ var Slider = /*#__PURE__*/Object.freeze({
|
|
|
34442
34838
|
Track: Track
|
|
34443
34839
|
});
|
|
34444
34840
|
|
|
34445
|
-
var shim = {exports: {}};
|
|
34446
|
-
|
|
34447
|
-
var useSyncExternalStoreShim_production = {};
|
|
34448
|
-
|
|
34449
|
-
/**
|
|
34450
|
-
* @license React
|
|
34451
|
-
* use-sync-external-store-shim.production.js
|
|
34452
|
-
*
|
|
34453
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
34454
|
-
*
|
|
34455
|
-
* This source code is licensed under the MIT license found in the
|
|
34456
|
-
* LICENSE file in the root directory of this source tree.
|
|
34457
|
-
*/
|
|
34458
|
-
|
|
34459
|
-
var hasRequiredUseSyncExternalStoreShim_production;
|
|
34460
|
-
|
|
34461
|
-
function requireUseSyncExternalStoreShim_production () {
|
|
34462
|
-
if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
|
|
34463
|
-
hasRequiredUseSyncExternalStoreShim_production = 1;
|
|
34464
|
-
var React = React__default;
|
|
34465
|
-
function is(x, y) {
|
|
34466
|
-
return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
|
|
34467
|
-
}
|
|
34468
|
-
var objectIs = "function" === typeof Object.is ? Object.is : is,
|
|
34469
|
-
useState = React.useState,
|
|
34470
|
-
useEffect = React.useEffect,
|
|
34471
|
-
useLayoutEffect = React.useLayoutEffect,
|
|
34472
|
-
useDebugValue = React.useDebugValue;
|
|
34473
|
-
function useSyncExternalStore$2(subscribe, getSnapshot) {
|
|
34474
|
-
var value = getSnapshot(),
|
|
34475
|
-
_useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),
|
|
34476
|
-
inst = _useState[0].inst,
|
|
34477
|
-
forceUpdate = _useState[1];
|
|
34478
|
-
useLayoutEffect(
|
|
34479
|
-
function () {
|
|
34480
|
-
inst.value = value;
|
|
34481
|
-
inst.getSnapshot = getSnapshot;
|
|
34482
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34483
|
-
},
|
|
34484
|
-
[subscribe, value, getSnapshot]
|
|
34485
|
-
);
|
|
34486
|
-
useEffect(
|
|
34487
|
-
function () {
|
|
34488
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34489
|
-
return subscribe(function () {
|
|
34490
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34491
|
-
});
|
|
34492
|
-
},
|
|
34493
|
-
[subscribe]
|
|
34494
|
-
);
|
|
34495
|
-
useDebugValue(value);
|
|
34496
|
-
return value;
|
|
34497
|
-
}
|
|
34498
|
-
function checkIfSnapshotChanged(inst) {
|
|
34499
|
-
var latestGetSnapshot = inst.getSnapshot;
|
|
34500
|
-
inst = inst.value;
|
|
34501
|
-
try {
|
|
34502
|
-
var nextValue = latestGetSnapshot();
|
|
34503
|
-
return !objectIs(inst, nextValue);
|
|
34504
|
-
} catch (error) {
|
|
34505
|
-
return true;
|
|
34506
|
-
}
|
|
34507
|
-
}
|
|
34508
|
-
function useSyncExternalStore$1(subscribe, getSnapshot) {
|
|
34509
|
-
return getSnapshot();
|
|
34510
|
-
}
|
|
34511
|
-
var shim =
|
|
34512
|
-
"undefined" === typeof window ||
|
|
34513
|
-
"undefined" === typeof window.document ||
|
|
34514
|
-
"undefined" === typeof window.document.createElement
|
|
34515
|
-
? useSyncExternalStore$1
|
|
34516
|
-
: useSyncExternalStore$2;
|
|
34517
|
-
useSyncExternalStoreShim_production.useSyncExternalStore =
|
|
34518
|
-
void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
|
|
34519
|
-
return useSyncExternalStoreShim_production;
|
|
34520
|
-
}
|
|
34521
|
-
|
|
34522
|
-
var useSyncExternalStoreShim_development = {};
|
|
34523
|
-
|
|
34524
|
-
/**
|
|
34525
|
-
* @license React
|
|
34526
|
-
* use-sync-external-store-shim.development.js
|
|
34527
|
-
*
|
|
34528
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
34529
|
-
*
|
|
34530
|
-
* This source code is licensed under the MIT license found in the
|
|
34531
|
-
* LICENSE file in the root directory of this source tree.
|
|
34532
|
-
*/
|
|
34533
|
-
|
|
34534
|
-
var hasRequiredUseSyncExternalStoreShim_development;
|
|
34535
|
-
|
|
34536
|
-
function requireUseSyncExternalStoreShim_development () {
|
|
34537
|
-
if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
|
|
34538
|
-
hasRequiredUseSyncExternalStoreShim_development = 1;
|
|
34539
|
-
"production" !== process.env.NODE_ENV &&
|
|
34540
|
-
(function () {
|
|
34541
|
-
function is(x, y) {
|
|
34542
|
-
return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
|
|
34543
|
-
}
|
|
34544
|
-
function useSyncExternalStore$2(subscribe, getSnapshot) {
|
|
34545
|
-
didWarnOld18Alpha ||
|
|
34546
|
-
void 0 === React.startTransition ||
|
|
34547
|
-
((didWarnOld18Alpha = true),
|
|
34548
|
-
console.error(
|
|
34549
|
-
"You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
|
|
34550
|
-
));
|
|
34551
|
-
var value = getSnapshot();
|
|
34552
|
-
if (!didWarnUncachedGetSnapshot) {
|
|
34553
|
-
var cachedValue = getSnapshot();
|
|
34554
|
-
objectIs(value, cachedValue) ||
|
|
34555
|
-
(console.error(
|
|
34556
|
-
"The result of getSnapshot should be cached to avoid an infinite loop"
|
|
34557
|
-
),
|
|
34558
|
-
(didWarnUncachedGetSnapshot = true));
|
|
34559
|
-
}
|
|
34560
|
-
cachedValue = useState({
|
|
34561
|
-
inst: { value: value, getSnapshot: getSnapshot }
|
|
34562
|
-
});
|
|
34563
|
-
var inst = cachedValue[0].inst,
|
|
34564
|
-
forceUpdate = cachedValue[1];
|
|
34565
|
-
useLayoutEffect(
|
|
34566
|
-
function () {
|
|
34567
|
-
inst.value = value;
|
|
34568
|
-
inst.getSnapshot = getSnapshot;
|
|
34569
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34570
|
-
},
|
|
34571
|
-
[subscribe, value, getSnapshot]
|
|
34572
|
-
);
|
|
34573
|
-
useEffect(
|
|
34574
|
-
function () {
|
|
34575
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34576
|
-
return subscribe(function () {
|
|
34577
|
-
checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
|
|
34578
|
-
});
|
|
34579
|
-
},
|
|
34580
|
-
[subscribe]
|
|
34581
|
-
);
|
|
34582
|
-
useDebugValue(value);
|
|
34583
|
-
return value;
|
|
34584
|
-
}
|
|
34585
|
-
function checkIfSnapshotChanged(inst) {
|
|
34586
|
-
var latestGetSnapshot = inst.getSnapshot;
|
|
34587
|
-
inst = inst.value;
|
|
34588
|
-
try {
|
|
34589
|
-
var nextValue = latestGetSnapshot();
|
|
34590
|
-
return !objectIs(inst, nextValue);
|
|
34591
|
-
} catch (error) {
|
|
34592
|
-
return true;
|
|
34593
|
-
}
|
|
34594
|
-
}
|
|
34595
|
-
function useSyncExternalStore$1(subscribe, getSnapshot) {
|
|
34596
|
-
return getSnapshot();
|
|
34597
|
-
}
|
|
34598
|
-
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
|
34599
|
-
"function" ===
|
|
34600
|
-
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
|
|
34601
|
-
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
|
|
34602
|
-
var React = React__default,
|
|
34603
|
-
objectIs = "function" === typeof Object.is ? Object.is : is,
|
|
34604
|
-
useState = React.useState,
|
|
34605
|
-
useEffect = React.useEffect,
|
|
34606
|
-
useLayoutEffect = React.useLayoutEffect,
|
|
34607
|
-
useDebugValue = React.useDebugValue,
|
|
34608
|
-
didWarnOld18Alpha = false,
|
|
34609
|
-
didWarnUncachedGetSnapshot = false,
|
|
34610
|
-
shim =
|
|
34611
|
-
"undefined" === typeof window ||
|
|
34612
|
-
"undefined" === typeof window.document ||
|
|
34613
|
-
"undefined" === typeof window.document.createElement
|
|
34614
|
-
? useSyncExternalStore$1
|
|
34615
|
-
: useSyncExternalStore$2;
|
|
34616
|
-
useSyncExternalStoreShim_development.useSyncExternalStore =
|
|
34617
|
-
void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
|
|
34618
|
-
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
|
34619
|
-
"function" ===
|
|
34620
|
-
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
|
34621
|
-
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
|
|
34622
|
-
})();
|
|
34623
|
-
return useSyncExternalStoreShim_development;
|
|
34624
|
-
}
|
|
34625
|
-
|
|
34626
|
-
var hasRequiredShim;
|
|
34627
|
-
|
|
34628
|
-
function requireShim () {
|
|
34629
|
-
if (hasRequiredShim) return shim.exports;
|
|
34630
|
-
hasRequiredShim = 1;
|
|
34631
|
-
|
|
34632
|
-
if (process.env.NODE_ENV === 'production') {
|
|
34633
|
-
shim.exports = requireUseSyncExternalStoreShim_production();
|
|
34634
|
-
} else {
|
|
34635
|
-
shim.exports = requireUseSyncExternalStoreShim_development();
|
|
34636
|
-
}
|
|
34637
|
-
return shim.exports;
|
|
34638
|
-
}
|
|
34639
|
-
|
|
34640
|
-
var shimExports = requireShim();
|
|
34641
|
-
|
|
34642
34841
|
// 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
34842
|
function React18CompatibleIconComponent(IconComponent) {
|
|
34644
34843
|
return IconComponent;
|
|
@@ -34726,12 +34925,16 @@ const DropdownButton = (props)=>{
|
|
|
34726
34925
|
leftButton,
|
|
34727
34926
|
rightButton
|
|
34728
34927
|
]);
|
|
34729
|
-
return
|
|
34928
|
+
return(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
34929
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
34930
|
+
/*#__PURE__*/ jsxs(ButtonGroup, {
|
|
34730
34931
|
...restProps,
|
|
34731
34932
|
className: classnames(prefixCls, className),
|
|
34732
34933
|
children: [
|
|
34733
34934
|
leftButtonToRender,
|
|
34734
|
-
overlay !== undefined ?
|
|
34935
|
+
overlay !== undefined ? // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
34936
|
+
// @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
|
|
34937
|
+
/*#__PURE__*/ jsx(Dropdown, {
|
|
34735
34938
|
...dropdownProps,
|
|
34736
34939
|
overlay: overlay,
|
|
34737
34940
|
children: rightButtonToRender
|
|
@@ -34750,7 +34953,7 @@ const DropdownButton = (props)=>{
|
|
|
34750
34953
|
]
|
|
34751
34954
|
})
|
|
34752
34955
|
]
|
|
34753
|
-
});
|
|
34956
|
+
}));
|
|
34754
34957
|
};
|
|
34755
34958
|
|
|
34756
34959
|
const BUTTON_HORIZONTAL_PADDING = 12;
|
|
@@ -34760,16 +34963,17 @@ const SPLIT_BUTTON_CONTAINER_CSS = {
|
|
|
34760
34963
|
verticalAlign: 'middle'
|
|
34761
34964
|
};
|
|
34762
34965
|
function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
|
|
34763
|
-
const
|
|
34764
|
-
const
|
|
34966
|
+
const btn = (suffix = '')=>getBtnClassName(classNamePrefix, suffix, '');
|
|
34967
|
+
const primary = (suffix = '')=>getBtnClassName(classNamePrefix, `-primary${suffix}`, '');
|
|
34765
34968
|
const classDropdownTrigger = `.${classNamePrefix}-dropdown-trigger`;
|
|
34766
34969
|
const classSmall = `.${classNamePrefix}-btn-group-sm`;
|
|
34767
34970
|
const styles = {
|
|
34768
|
-
[
|
|
34971
|
+
[btn()]: {
|
|
34769
34972
|
...getDefaultStyles(theme),
|
|
34770
34973
|
boxShadow: 'none',
|
|
34771
34974
|
height: size === 'small' ? theme.general.iconSize : theme.general.heightSm,
|
|
34772
|
-
padding
|
|
34975
|
+
// Small segments use compact padding so the native segment doesn't render wider than AntD.
|
|
34976
|
+
padding: size === 'small' ? `0px ${theme.spacing.sm}px` : `4px ${BUTTON_HORIZONTAL_PADDING}px`,
|
|
34773
34977
|
'&:focus-visible': {
|
|
34774
34978
|
outlineStyle: 'solid',
|
|
34775
34979
|
outlineWidth: '2px',
|
|
@@ -34786,11 +34990,11 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
|
|
|
34786
34990
|
color: theme.colors.actionDefaultIconPress
|
|
34787
34991
|
}
|
|
34788
34992
|
},
|
|
34789
|
-
[
|
|
34993
|
+
[btn(':first-child')]: {
|
|
34790
34994
|
borderTopRightRadius: '0px !important',
|
|
34791
34995
|
borderBottomRightRadius: '0px !important'
|
|
34792
34996
|
},
|
|
34793
|
-
[
|
|
34997
|
+
[primary()]: {
|
|
34794
34998
|
...getPrimaryStyles(theme),
|
|
34795
34999
|
boxShadow: 'none',
|
|
34796
35000
|
[`&:first-child`]: {
|
|
@@ -34822,7 +35026,7 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
|
|
|
34822
35026
|
}
|
|
34823
35027
|
},
|
|
34824
35028
|
'&&': {
|
|
34825
|
-
[`[disabled], ${
|
|
35029
|
+
[`[disabled], ${primary('[disabled]')}`]: {
|
|
34826
35030
|
...getDisabledSplitButtonStyles(theme),
|
|
34827
35031
|
boxShadow: 'none',
|
|
34828
35032
|
[`&:first-child`]: {
|
|
@@ -34836,19 +35040,27 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
|
|
|
34836
35040
|
color: theme.colors.actionDisabledText
|
|
34837
35041
|
}
|
|
34838
35042
|
},
|
|
34839
|
-
[
|
|
35043
|
+
[primary('[disabled]')]: {
|
|
34840
35044
|
...getDisabledPrimarySplitButtonStyles(theme),
|
|
34841
35045
|
'.anticon, &:hover .anticon, &:active .anticon, &:focus-visible .anticon': {
|
|
34842
35046
|
color: theme.colors.actionPrimaryTextDefault
|
|
34843
35047
|
}
|
|
34844
35048
|
}
|
|
34845
35049
|
},
|
|
34846
|
-
[
|
|
35050
|
+
[btn(':not(:first-child)')]: {
|
|
34847
35051
|
width: theme.general.heightSm,
|
|
34848
35052
|
padding: '3px !important',
|
|
34849
35053
|
borderTopLeftRadius: '0px !important',
|
|
34850
35054
|
borderBottomLeftRadius: '0px !important'
|
|
34851
35055
|
},
|
|
35056
|
+
// Collapse adjacent `.db-btn` segments' borders into a single 1px divider.
|
|
35057
|
+
'.db-btn:not(:first-child)': {
|
|
35058
|
+
marginInlineStart: -1
|
|
35059
|
+
},
|
|
35060
|
+
// Raise the hovered/focused/active `.db-btn` segment so its border paints over the neighbor.
|
|
35061
|
+
'.db-btn:hover, .db-btn:focus-visible, .db-btn:active': {
|
|
35062
|
+
zIndex: 2
|
|
35063
|
+
},
|
|
34852
35064
|
...getAnimationCss(theme.options.enableAnimation)
|
|
34853
35065
|
};
|
|
34854
35066
|
const importantStyles = importantify(styles);
|
|
@@ -35881,7 +36093,7 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
|
|
|
35881
36093
|
'&[data-state="off"] .togglebutton-icon-wrapper': {
|
|
35882
36094
|
color: theme.colors.textSecondary
|
|
35883
36095
|
},
|
|
35884
|
-
'&[data-state="off"]:hover .togglebutton-icon-wrapper': {
|
|
36096
|
+
'&[data-state="off"]:not(:disabled):hover .togglebutton-icon-wrapper': {
|
|
35885
36097
|
color: theme.colors.actionDefaultTextHover
|
|
35886
36098
|
},
|
|
35887
36099
|
'&[data-state="on"]': {
|
|
@@ -37348,6 +37560,24 @@ function WizardControlled({ initialStep = 0, layout = 'vertical', width = '100%'
|
|
|
37348
37560
|
});
|
|
37349
37561
|
}
|
|
37350
37562
|
|
|
37563
|
+
const WizardStepNavigationContext = /*#__PURE__*/ createContext(undefined);
|
|
37564
|
+
function useWizardStepNavigation() {
|
|
37565
|
+
return useContext(WizardStepNavigationContext);
|
|
37566
|
+
}
|
|
37567
|
+
function WizardStepNavigationProvider({ goToStep, currentStepIndex, children }) {
|
|
37568
|
+
const value = useMemo(()=>({
|
|
37569
|
+
goToStep,
|
|
37570
|
+
currentStepIndex
|
|
37571
|
+
}), [
|
|
37572
|
+
goToStep,
|
|
37573
|
+
currentStepIndex
|
|
37574
|
+
]);
|
|
37575
|
+
return /*#__PURE__*/ jsx(WizardStepNavigationContext.Provider, {
|
|
37576
|
+
value: value,
|
|
37577
|
+
children: children
|
|
37578
|
+
});
|
|
37579
|
+
}
|
|
37580
|
+
|
|
37351
37581
|
function WizardModal({ onStepChanged, onCancel, initialStep, steps, onModalClose, localizeStepNumber, cancelButtonContent, nextButtonContent, previousButtonContent, doneButtonContent, enableClickingToSteps, ...modalProps }) {
|
|
37352
37582
|
const [currentStepIndex, setCurrentStepIndex] = useState(initialStep ?? 0);
|
|
37353
37583
|
const { onStepsChange, isLastStep, ...footerActions } = useWizardCurrentStep({
|
|
@@ -37375,12 +37605,16 @@ function WizardModal({ onStepChanged, onCancel, initialStep, steps, onModalClose
|
|
|
37375
37605
|
onCancel: onModalClose,
|
|
37376
37606
|
size: "wide",
|
|
37377
37607
|
footer: footerButtons,
|
|
37378
|
-
children: /*#__PURE__*/ jsx(
|
|
37379
|
-
|
|
37608
|
+
children: /*#__PURE__*/ jsx(WizardStepNavigationProvider, {
|
|
37609
|
+
goToStep: footerActions.goToStep,
|
|
37380
37610
|
currentStepIndex: currentStepIndex,
|
|
37381
|
-
|
|
37382
|
-
|
|
37383
|
-
|
|
37611
|
+
children: /*#__PURE__*/ jsx(HorizontalWizardStepsContent, {
|
|
37612
|
+
steps: steps,
|
|
37613
|
+
currentStepIndex: currentStepIndex,
|
|
37614
|
+
localizeStepNumber: localizeStepNumber,
|
|
37615
|
+
enableClickingToSteps: Boolean(enableClickingToSteps),
|
|
37616
|
+
goToStep: footerActions.goToStep
|
|
37617
|
+
})
|
|
37384
37618
|
})
|
|
37385
37619
|
});
|
|
37386
37620
|
}
|
|
@@ -37458,5 +37692,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
|
|
|
37458
37692
|
});
|
|
37459
37693
|
}
|
|
37460
37694
|
|
|
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-
|
|
37695
|
+
export { tableClassNames as $, token as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, getDarkModePortalStyles as E, FIXED_VERTICAL_STEPPER_WIDTH as F, useModalContext as G, Trigger$5 as H, InfoFillIcon as I, InfoSmallIcon as J, Content$7 as K, Arrow$2 as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, Tooltip as N, SparkleDoubleIcon as O, LoadingState as P, visuallyHidden as Q, Root$b as R, ShapeTokens as S, Typography as T, genSkeletonAnimatedColor as U, getOffsets as V, Wizard as W, DesignSystemEventSuppressInteractionProviderContext as X, DesignSystemEventSuppressInteractionTrueContextValue as Y, tableStyles as Z, repeatingElementsStyles as _, WizardControlled as a, MinusSquareIcon as a$, hideIconButtonRowStyles as a0, hideIconButtonActionCellClassName as a1, safex as a2, TitleSkeleton as a3, useDialogComboboxContext as a4, PlusIcon as a5, importantify as a6, getComboboxOptionItemWrapperStyles as a7, getFooterStyles as a8, useDialogComboboxOptionListContext as a9, Radio as aA, Checkbox as aB, DialogCombobox as aC, DialogComboboxTrigger as aD, DialogComboboxContent as aE, Select as aF, SelectTrigger as aG, SelectContent as aH, SelectOption as aI, LegacySelect as aJ, WarningIcon as aK, CheckCircleIcon as aL, DangerIcon as aM, Hint as aN, Title$1 as aO, CloseIcon as aP, RestoreAntDDefaultClsPrefix as aQ, AccessibleContainer as aR, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aS, Tag as aT, CircleOffIcon as aU, CircleOutlineIcon as aV, CircleIcon as aW, getBtnClassName as aX, SortAscendingIcon as aY, SortDescendingIcon as aZ, SortUnsortedIcon as a_, generateUuidV4 as aa, getContentOptions as ab, findHighlightedOption as ac, highlightOption as ad, Input as ae, SearchIcon as af, EmptyResults as ag, findClosestOptionSibling as ah, DialogComboboxOptionListCheckboxItem as ai, DialogComboboxOptionListSelectItem as aj, DialogComboboxOptionListContextProvider as ak, LoadingSpinner as al, DialogComboboxOptionList as am, useUniqueId as an, TypeaheadComboboxContextProvider as ao, useTypeaheadComboboxContext as ap, useDuboisThemeClass as aq, useDesignTokenOverrideStyles as ar, getComboboxContentWrapperStyles as as, ClearSelectionButton as at, TypeaheadComboboxSelectedItem$1 as au, CountBadge$1 as av, getValidationStateColor as aw, SectionHeader as ax, useComboboxState as ay, useMultipleSelectionState as az, WizardModal as b, BeakerIcon as b$, PlusSquareIcon as b0, TypeaheadComboboxV2ContextProvider as b1, useTypeaheadComboboxV2Context as b2, useRadixModalContext as b3, useIsomorphicLayoutEffect as b4, useScrollOptionIntoView as b5, InfoTooltip as b6, getInfoIconStyles as b7, HintRow as b8, getCheckboxStyles as b9, ArrowUpDotIcon as bA, ArrowUpFillIcon as bB, ArrowUpIcon as bC, ArrowsCollapseIcon as bD, ArrowsConnectIcon as bE, ArrowsExpandIcon as bF, ArrowsUpDownIcon as bG, AssistantIcon as bH, AtIcon as bI, Auth0Graphic as bJ, Auth0GraphicLarge as bK, AzHorizontalIcon as bL, AzVerticalIcon as bM, BANNER_MAX_HEIGHT as bN, BANNER_MIN_HEIGHT as bO, BackupIcon as bP, BadgeCodeIcon as bQ, BadgeCodeOffIcon as bR, Banner as bS, BarChartIcon as bT, BarGroupedIcon as bU, BarStackedIcon as bV, BarStackedPercentageIcon as bW, BarsAscendingHorizontalIcon as bX, BarsAscendingVerticalIcon as bY, BarsDescendingHorizontalIcon as bZ, BarsDescendingVerticalIcon as b_, getMenuItemStyles as ba, TypeaheadComboboxSelectedItem as bb, CountBadge as bc, TypeaheadComboboxMenuItem as bd, AccessDeniedGraphic as be, Accordion as bf, AccordionPanel as bg, AlignCenterIcon as bh, AlignJustifyIcon as bi, AlignLeftIcon as bj, AlignRightIcon as bk, AlignVerticalBottomIcon as bl, AlignVerticalCenterIcon as bm, AlignVerticalTopIcon as bn, AppIcon as bo, ApplyDesignSystemContextOverrides as bp, ApplyDesignSystemFlags as bq, ArrowDownDotIcon as br, ArrowDownFillIcon as bs, ArrowDownIcon as bt, ArrowInIcon as bu, ArrowInTableIcon as bv, ArrowLeftIcon as bw, ArrowOutTableIcon as bx, ArrowOverIcon as by, ArrowRightIcon as bz, WizardStepContentWrapper as c, CloudCheckIcon as c$, BinaryIcon as c0, BlockQuoteIcon as c1, BoldIcon as c2, BookIcon as c3, BookmarkFillIcon as c4, BookmarkIcon as c5, BooksIcon as c6, BracketsCheckIcon as c7, BracketsCurlyIcon as c8, BracketsErrorIcon as c9, CertifiedFillIcon as cA, CertifiedFillSmallIcon as cB, CertifiedIcon as cC, ChainIcon as cD, ChartLineIcon as cE, CheckCircleBadgeIcon as cF, CheckCircleSmallIcon as cG, CheckIcon as cH, CheckLineIcon as cI, CheckSmallIcon as cJ, CheckboxIcon as cK, ChecklistIcon as cL, ChevronDoubleDownIcon as cM, ChevronDoubleLeftIcon as cN, ChevronDoubleLeftOffIcon as cO, ChevronDoubleRightIcon as cP, ChevronDoubleRightOffIcon as cQ, ChevronDoubleUpIcon as cR, ChevronLeftIcon as cS, ChevronUpIcon as cT, ChipIcon as cU, CircleOffLargeIcon as cV, CircleOutlineLargeIcon as cW, ClipboardIcon as cX, ClockIcon as cY, ClockKeyIcon as cZ, ClockOffIcon as c_, BracketsSquareIcon as ca, BracketsXIcon as cb, BranchCheckIcon as cc, BranchIcon as cd, BranchResetIcon as ce, BriefcaseFillIcon as cf, BriefcaseIcon as cg, BrushIcon as ch, BugIcon as ci, CalendarClockIcon as cj, CalendarEventIcon as ck, CalendarIcon as cl, CalendarRangeIcon as cm, CalendarSyncIcon as cn, CameraIcon as co, CapitalizeIcon as cp, CaretDownSquareIcon as cq, CaretUpSquareIcon as cr, CatalogCloudIcon as cs, CatalogGearIcon as ct, CatalogHomeIcon as cu, CatalogIcon as cv, CatalogOffIcon as cw, CatalogSharedIcon as cx, CatalogUserHomeIcon as cy, CellsSquareIcon as cz, WizardStepNavigationProvider as d, Drawer as d$, CloudDatabaseIcon as d0, CloudDownloadIcon as d1, CloudIcon as d2, CloudKeyIcon as d3, CloudModelIcon as d4, CloudOffIcon as d5, CloudUploadIcon as d6, CodeIcon as d7, ColorFillIcon as d8, ColorMappingEditIcon as d9, DangerSmallIcon as dA, DashIcon as dB, DashboardCodeIcon as dC, DashboardIcon as dD, DataIcon as dE, DataMaskiingGraphic as dF, DatabaseClockIcon as dG, DatabaseIcon as dH, DatabaseImportIcon as dI, DatePicker as dJ, DecimalIcon as dK, DeprecatedIcon as dL, DeprecatedSmallIcon as dM, DesignSystemContext as dN, DesignSystemEventProviderComponentSubTypes as dO, DesignSystemProvider as dP, DesignSystemThemeContext as dQ, DesignSystemThemeProvider as dR, DialogComboboxCountBadge as dS, DialogComboboxCustomButtonTriggerWrapper as dT, DialogComboboxSectionHeader as dU, DollarIcon as dV, DomainCirclesThree as dW, DomainsIcon as dX, DotsCircleIcon as dY, DownloadIcon as dZ, DragIcon as d_, ColorMappingIcon as da, ColorVars as db, ColumnIcon as dc, ColumnSplitIcon as dd, ColumnTagIcon as de, ColumnsIcon as df, CommandIcon as dg, CommandPaletteIcon as dh, CompassIcon as di, ComponentFinderContext as dj, ConnectIcon as dk, Content$2 as dl, ContextMenu$1 as dm, CopyIcon as dn, CreditCardIcon as dp, CursorClickIcon as dq, CursorIcon as dr, CursorPagination as ds, CursorTypeIcon as dt, CustomAppIcon as du, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dv, DagHorizontalIcon as dw, DagIcon as dx, DagVerticalIcon as dy, DangerModal as dz, useWizardStepNavigation as e, GridIcon as e$, DropdownMenu as e0, Empty as e1, EmptyDashboardGraphic as e2, ErdIcon as e3, ExpandLessIcon as e4, ExpandMoreIcon as e5, FaceFrownIcon as e6, FaceNeutralIcon as e7, FaceSmileIcon as e8, FileCodeIcon as e9, FolderOpenCloudIcon as eA, FolderOpenCubeIcon as eB, FolderOpenIcon as eC, FolderOpenPipelineIcon as eD, FolderOutlinePipelineIcon as eE, FolderSolidPipelineIcon as eF, FontIcon as eG, ForkHorizontalIcon as eH, ForkIcon as eI, Form as eJ, FormContextResetBoundary as eK, FullscreenExitIcon as eL, FullscreenIcon as eM, FunctionIcon as eN, FunctionInputIcon as eO, GavelIcon as eP, GearFillIcon as eQ, GearIcon as eR, GenieCodeIcon as eS, GenieDeepResearchIcon as eT, GiftIcon as eU, GitCommitIcon as eV, GitMergeIcon as eW, GitRebaseIcon as eX, GlobeIcon as eY, Graphic as eZ, GridDashIcon as e_, FileCubeIcon as ea, FileDocumentIcon as eb, FileIcon as ec, FileImageIcon as ed, FileLockIcon as ee, FileModelIcon as ef, FileNewIcon as eg, FilePipelineIcon as eh, FilterFillIcon as ei, FilterIcon as ej, FlagPointerIcon as ek, FloatIcon as el, FlowIcon as em, FlowsIcon as en, FolderBranchFillIcon as eo, FolderBranchIcon as ep, FolderCloudFilledIcon as eq, FolderCloudIcon as er, FolderCubeIcon as es, FolderCubeOutlineIcon as et, FolderFillIcon as eu, FolderHomeIcon as ev, FolderIcon as ew, FolderNewIcon as ex, FolderNodeIcon as ey, FolderOpenBranchIcon as ez, DesignSystemEventProvider as f, LoopIcon as f$, GroupIcon as f0, H1Icon as f1, H2Icon as f2, H3Icon as f3, H4Icon as f4, H5Icon as f5, H6Icon as f6, HashIcon as f7, HistoryIcon as f8, HomeIcon as f9, LegacyOption as fA, LegacySelectOptGroup as fB, LegacySelectOption as fC, LegacyTable as fD, LegacyTooltip as fE, LetterFormatIcon as fF, LettersIcon as fG, LettersNumbersIcon as fH, LibrariesIcon as fI, LifesaverIcon as fJ, LightbulbIcon as fK, LightningCircleFillIcon as fL, LightningIcon as fM, LinearLineIcon as fN, LinkIcon as fO, LinkOffIcon as fP, ListBorderIcon as fQ, ListClearIcon as fR, ListIcon as fS, ListNumberIcon as fT, Listbox as fU, LoadingIcon as fV, LoadingStateContext as fW, LockFillIcon as fX, LockIcon as fY, LockShareIcon as fZ, LockUnlockedIcon as f_, Icon as fa, ImageIcon as fb, IndentDecreaseIcon as fc, IndentIncreaseIcon as fd, InfinityIcon as fe, InfoBookIcon as ff, InfoIcon as fg, IngestionIcon as fh, ItalicIcon as fi, JoinOperatorIcon as fj, KeyIcon as fk, KeyboardIcon as fl, LakebaseCatalogIcon as fm, LakebaseIcon as fn, LakeflowDesignerIcon as fo, LakewatchAlertIcon as fp, LakewatchDatasourceIcon as fq, LakewatchDetectionRuleIcon as fr, LakewatchParserIcon as fs, LayerGraphIcon as ft, LayerIcon as fu, Layout as fv, LeafIcon as fw, LegacyForm as fx, LegacyFormDubois as fy, LegacyOptGroup as fz, useDesignSystemTheme as g, PinIcon as g$, LowercaseIcon as g0, MailIcon as g1, MapIcon as g2, MarkdownIcon as g3, McpIcon as g4, MeasureIcon as g5, MegaphoneIcon as g6, MenuIcon as g7, MicrophoneIcon as g8, MicrophoneOffIcon as g9, OperatorIcon as gA, OutageGraphic as gB, OverflowHorizontalIcon as gC, OverflowIcon as gD, PageBottomIcon as gE, PageFirstIcon as gF, PageIcon as gG, PageLastIcon as gH, PageTopIcon as gI, Pagination as gJ, Panel as gK, PanelBody as gL, PanelDockedIcon as gM, PanelFloatingIcon as gN, PanelHeader as gO, PanelHeaderButtons as gP, PanelHeaderTitle as gQ, PaperclipIcon as gR, PassFailChecklistIcon as gS, PauseIcon as gT, PencilFillIcon as gU, PencilIcon as gV, PencilSparkleIcon as gW, PieChartIcon as gX, PillControl as gY, PinCancelIcon as gZ, PinFillIcon as g_, MinusCircleFillIcon as ga, MinusCircleIcon as gb, MinusCircleSmallIcon as gc, MissingBranchGraphic as gd, MissingGraphic as ge, ModelsIcon as gf, MonotoneLineIcon as gg, MonthPickerGrid as gh, MoonIcon as gi, Nav as gj, NavButton as gk, NavigationMenu as gl, NeonProjectIcon as gm, NewChatIcon as gn, NewTabIcon as go, NewWindowIcon as gp, NoCaseIcon as gq, NoIcon as gr, NotebookIcon as gs, NotebookPipelineIcon as gt, NotificationIcon as gu, NotificationOffIcon as gv, NumberFormatIcon as gw, NumbersIcon as gx, OfficeIcon as gy, OntologyIcon as gz, DesignTokenScope as h, SidebarAutoIcon as h$, PipelineCodeIcon as h0, PipelineCubeIcon as h1, PipelineIcon as h2, PivotOperatorIcon as h3, PlayCircleFillIcon as h4, PlayCircleIcon as h5, PlayDoubleIcon as h6, PlayIcon as h7, PlayMultipleIcon as h8, PlugIcon as h9, ResizeIcon as hA, RhfForm as hB, RichTextIcon as hC, RobotIcon as hD, RocketIcon as hE, RowsIcon as hF, RunIcon as hG, RunningIcon as hH, SMALL_BUTTON_HEIGHT$2 as hI, SaveClockIcon as hJ, SaveIcon as hK, SchemaIcon as hL, SchoolIcon as hM, SearchDataIcon as hN, SegmentedControlButton as hO, SegmentedControlGroup as hP, SelectContext as hQ, SelectContextProvider as hR, SelectOptionGroup as hS, SendIcon as hT, ShareIcon as hU, ShareNodesIcon as hV, ShieldCheckIcon as hW, ShieldIcon as hX, ShieldOffIcon as hY, ShortcutIcon as hZ, Sidebar as h_, PlusCircleFillIcon as ha, PlusCircleIcon as hb, PlusCircleSmallIcon as hc, PlusMinusSquareIcon as hd, Popover as he, PositionBottomIcon as hf, PositionLeftIcon as hg, PositionRightIcon as hh, PositionTopIcon as hi, PreviewCard as hj, Progress as hk, PullRequestIcon as hl, PuzzleIcon as hm, QueryEditorIcon as hn, QueryIcon as ho, QuestionMarkFillIcon as hp, QuestionMarkIcon as hq, RadioIcon as hr, RadioTile as hs, RangePicker as ht, ReaderModeIcon as hu, RedoIcon as hv, RefreshIcon as hw, RefreshPlayIcon as hx, RefreshXIcon as hy, ReplyIcon as hz, useDesignSystemContext as i, TableReportIcon as i$, SidebarClosedIcon as i0, SidebarCollapseIcon as i1, SidebarExpandIcon as i2, SidebarIcon as i3, SidebarOpenIcon as i4, SidebarSyncIcon as i5, SimpleSelect as i6, SimpleSelectOption as i7, SimpleSelectOptionGroup as i8, SlashSquareIcon as i9, SplitButton as iA, SqlIcon as iB, StarFillIcon as iC, StarIcon as iD, StepAfterLineIcon as iE, StepBeforeLineIcon as iF, Stepper as iG, StopCircleFillIcon as iH, StopCircleIcon as iI, StopIcon as iJ, StoredProcedureIcon as iK, StorefrontIcon as iL, StreamIcon as iM, StrikeThroughIcon as iN, SunIcon as iO, SyncIcon as iP, SyncSmallIcon as iQ, SyncToFileIcon as iR, TableAsteriskIcon as iS, TableClockIcon as iT, TableCombineIcon as iU, TableGlassesIcon as iV, TableGlobeIcon as iW, TableIcon as iX, TableLightningIcon as iY, TableMeasureIcon as iZ, TableModelIcon as i_, Slider as ia, SlidersIcon as ib, SnippetIcon as ic, SortCustomHorizontalIcon as id, SortCustomVerticalIcon as ie, SortHorizontalAscendingIcon as ig, SortHorizontalDescendingIcon as ih, SortLetterHorizontalAscendingIcon as ii, SortLetterHorizontalDescendingIcon as ij, SortLetterUnsortedIcon as ik, SortLetterVerticalAscendingIcon as il, SortLetterVerticalDescendingIcon as im, Spacer as io, SparkleDoubleFillIcon as ip, SparkleFillIcon as iq, SparkleIcon as ir, SparkleRectangleIcon as is, SpeechBubbleIcon as it, SpeechBubblePlusIcon as iu, SpeechBubbleQuestionMarkFillIcon as iv, SpeechBubbleQuestionMarkIcon as iw, SpeechBubbleStarIcon as ix, SpeedometerIcon as iy, Spinner as iz, WarningFillIcon as j, ZaHorizontalIcon as j$, TableStreamIcon as j0, TableVectorIcon as j1, TableViewIcon as j2, Tabs as j3, TagColumnIcon as j4, TagIcon as j5, TagTableIcon as j6, TargetIcon as j7, TerminalIcon as j8, TextBoxIcon as j9, UppercaseIcon as jA, UsageOverageGraphic as jB, UsageSpikeGraphic as jC, UsbIcon as jD, UserBadgeIcon as jE, UserCircleIcon as jF, UserGroupFillIcon as jG, UserGroupIcon as jH, UserIcon as jI, UserKeyIconIcon as jJ, UserShieldIcon as jK, UserSparkleIcon as jL, UserTeamIcon as jM, VisibleFillIcon as jN, VisibleIcon as jO, VisibleOffIcon as jP, VoiceModeIcon as jQ, WithDesignSystemThemeHoc as jR, WorkflowCodeIcon as jS, WorkflowCubeIcon as jT, WorkflowsIcon as jU, WorkspacesIcon as jV, WrenchIcon as jW, WrenchSparkleIcon as jX, XCircleFillIcon as jY, XCircleIcon as jZ, YearPickerGrid as j_, TextColorIcon as ja, TextIcon as jb, TextJustifyIcon as jc, TextUnderlineIcon as jd, ThreeDotsIcon as je, ThumbsDownFilledIcon as jf, ThumbsDownIcon as jg, ThumbsUpFilledIcon as jh, ThumbsUpIcon as ji, ToggleButton as jj, TokenIcon as jk, Toolbar as jl, TrashIcon as jm, Tree as jn, TreeIcon as jo, TrendingFillIcon as jp, TrendingIcon as jq, TriangleIcon as jr, TypeaheadComboboxCheckboxItem as js, TypeaheadComboboxFooter as jt, TypeaheadComboboxMenuItem$1 as ju, TypeaheadComboboxMultiSelectStateChangeTypes as jv, TypeaheadComboboxStateChangeTypes as jw, UnderlineIcon as jx, UndoIcon as jy, UploadIcon as jz, DangerFillIcon as k, ZaVerticalIcon as k0, ZeroOpsIcon as k1, ZeroOpsOutlineIcon as k2, ZoomInIcon as k3, ZoomMarqueeSelection as k4, ZoomOutIcon as k5, ZoomToFitIcon as k6, __INTERNAL_DO_NOT_USE__FormItem as k7, __INTERNAL_DO_NOT_USE__Group as k8, __INTERNAL_DO_NOT_USE__HorizontalGroup as k9, setImplicitContextGetter as kA, skipHideIconButtonActionClassName as kB, themeMemoKey as kC, useAntDConfigProviderContext as kD, useCallbackOnEnter as kE, useComponentFinderContext as kF, useDesignSystemEventSuppressInteractionContext as kG, useFormContext as kH, useRadioGroupContext as kI, __INTERNAL_DO_NOT_USE__VerticalGroup as ka, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kb, augmentWithDataComponentProps as kc, dialogComboboxLookAheadKeyDown as kd, getBottomOnlyShadowScrollStyles as ke, getButtonEmotionStyles as kf, getComboboxOptionLabelStyles as kg, getDatePickerQuickActionBasic as kh, getDialogComboboxOptionLabelWidth as ki, getHorizontalTabShadowStyles as kj, getInputStyles as kk, getKeyboardNavigationFunctions as kl, getMemoizedButtonEmotionStyles as km, getPaginationEmotionStyles as kn, getPanelContainmentStyle as ko, getRadioStyles as kp, getRangeQuickActionsBasic as kq, getShadowScrollStyles as kr, getTypographyColor as ks, getVirtualListScrollbarStyles as kt, getVirtualListScrollbarThumbColor as ku, getVirtualizedComboboxMenuItemStyles as kv, getWrapperStyle as kw, highlightFirstNonDisabledOption as kx, isOptionDisabled as ky, resetTabIndexToFocusedElement as kz, DesignSystemEventProviderAnalyticsEventTypes as l, useDesignSystemEventComponentCallbacks as m, DesignSystemEventProviderComponentTypes as n, DesignSystemEventProviderComponentSubTypeMap as o, primitiveColors as p, useNotifyOnFirstView as q, useStableUuidV4 as r, ChevronDownIcon as s, ChevronRightIcon as t, useWizardCurrentStep as u, DesignSystemAntDConfigProvider as v, CloseSmallIcon as w, addDebugOutlineIfEnabled as x, Modal as y, getAnimationCss as z };
|
|
37696
|
+
//# sourceMappingURL=WizardStepContentWrapper-Bq1wm0V7.js.map
|