@carbon/react 1.90.0 → 1.91.0-rc.0
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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +921 -921
- package/es/components/CodeSnippet/CodeSnippet.d.ts +1 -1
- package/es/components/CodeSnippet/CodeSnippet.js +1 -1
- package/es/components/ComboBox/ComboBox.js +1 -12
- package/es/components/ComboButton/index.js +1 -1
- package/es/components/ComposedModal/ComposedModal.js +1 -1
- package/es/components/Copy/Copy.d.ts +1 -1
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/CopyButton/CopyButton.d.ts +1 -1
- package/es/components/CopyButton/CopyButton.js +1 -1
- package/es/components/DataTable/DataTable.d.ts +60 -15
- package/es/components/DataTable/DataTable.js +106 -179
- package/es/components/DataTable/Table.d.ts +2 -2
- package/es/components/DataTable/Table.js +1 -1
- package/es/components/DataTable/TableExpandHeader.d.ts +1 -1
- package/es/components/DataTable/TableExpandHeader.js +1 -1
- package/es/components/DatePicker/DatePicker.d.ts +0 -12
- package/es/components/DatePicker/DatePicker.js +3 -3
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
- package/es/components/DatePicker/plugins/rangePlugin.js +18 -14
- package/es/components/Dropdown/Dropdown.js +1 -12
- package/es/components/FeatureFlags/index.js +1 -0
- package/es/components/IconButton/index.js +1 -1
- package/es/components/Menu/MenuItem.d.ts +1 -1
- package/es/components/Menu/MenuItem.js +5 -5
- package/es/components/Modal/Modal.js +1 -1
- package/es/components/MultiSelect/FilterableMultiSelect.js +1 -1
- package/es/components/MultiSelect/MultiSelect.js +1 -12
- package/es/components/Notification/Notification.d.ts +6 -6
- package/es/components/Notification/Notification.js +6 -6
- package/es/components/OverflowMenu/OverflowMenu.js +1 -1
- package/es/components/OverflowMenu/next/index.js +1 -1
- package/es/components/Popover/index.js +1 -1
- package/es/components/Search/Search.d.ts +4 -2
- package/es/components/Search/Search.js +5 -4
- package/es/components/Slider/Slider.d.ts +144 -188
- package/es/components/Slider/Slider.js +787 -710
- package/es/components/Slider/index.d.ts +2 -2
- package/es/components/Tabs/Tabs.d.ts +4 -0
- package/es/components/TextArea/TextArea.js +13 -6
- package/es/components/TextInput/ControlledPasswordInput.js +2 -2
- package/es/components/TextInput/PasswordInput.js +2 -2
- package/es/components/TextInput/TextInput.js +2 -2
- package/es/components/TextInput/util.d.ts +17 -5
- package/es/components/TextInput/util.js +2 -7
- package/es/components/UIShell/HeaderPanel.d.ts +1 -1
- package/es/index.d.ts +12 -13
- package/es/index.js +25 -24
- package/es/internal/defaultItemToString.d.ts +7 -0
- package/es/internal/defaultItemToString.js +17 -0
- package/es/internal/index.d.ts +1 -0
- package/es/prop-types/deprecateValuesWithin.d.ts +8 -1
- package/es/prop-types/deprecateValuesWithin.js +6 -6
- package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
- package/es/prop-types/requiredIfGivenPropIsTruthy.js +10 -10
- package/lib/components/CodeSnippet/CodeSnippet.d.ts +1 -1
- package/lib/components/CodeSnippet/CodeSnippet.js +1 -1
- package/lib/components/ComboBox/ComboBox.js +3 -14
- package/lib/components/ComboButton/index.js +1 -1
- package/lib/components/ComposedModal/ComposedModal.js +1 -1
- package/lib/components/Copy/Copy.d.ts +1 -1
- package/lib/components/Copy/Copy.js +1 -1
- package/lib/components/CopyButton/CopyButton.d.ts +1 -1
- package/lib/components/CopyButton/CopyButton.js +1 -1
- package/lib/components/DataTable/DataTable.d.ts +60 -15
- package/lib/components/DataTable/DataTable.js +106 -179
- package/lib/components/DataTable/Table.d.ts +2 -2
- package/lib/components/DataTable/Table.js +1 -1
- package/lib/components/DataTable/TableExpandHeader.d.ts +1 -1
- package/lib/components/DataTable/TableExpandHeader.js +3 -3
- package/lib/components/DatePicker/DatePicker.d.ts +0 -12
- package/lib/components/DatePicker/DatePicker.js +2 -2
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
- package/lib/components/DatePicker/plugins/rangePlugin.js +18 -16
- package/lib/components/Dropdown/Dropdown.js +3 -14
- package/lib/components/FeatureFlags/index.js +1 -0
- package/lib/components/IconButton/index.js +1 -1
- package/lib/components/Menu/MenuItem.d.ts +1 -1
- package/lib/components/Menu/MenuItem.js +6 -6
- package/lib/components/Modal/Modal.js +1 -1
- package/lib/components/MultiSelect/FilterableMultiSelect.js +8 -8
- package/lib/components/MultiSelect/MultiSelect.js +2 -13
- package/lib/components/Notification/Notification.d.ts +6 -6
- package/lib/components/Notification/Notification.js +6 -6
- package/lib/components/OverflowMenu/OverflowMenu.js +1 -1
- package/lib/components/OverflowMenu/next/index.js +1 -1
- package/lib/components/Popover/index.js +1 -1
- package/lib/components/Search/Search.d.ts +4 -2
- package/lib/components/Search/Search.js +5 -4
- package/lib/components/Slider/Slider.d.ts +144 -188
- package/lib/components/Slider/Slider.js +784 -709
- package/lib/components/Slider/index.d.ts +2 -2
- package/lib/components/Tabs/Tabs.d.ts +4 -0
- package/lib/components/TextArea/TextArea.js +13 -6
- package/lib/components/TextInput/ControlledPasswordInput.js +1 -1
- package/lib/components/TextInput/PasswordInput.js +1 -1
- package/lib/components/TextInput/TextInput.js +1 -1
- package/lib/components/TextInput/util.d.ts +17 -5
- package/lib/components/TextInput/util.js +2 -7
- package/lib/components/UIShell/HeaderPanel.d.ts +1 -1
- package/lib/index.d.ts +12 -13
- package/lib/index.js +51 -28
- package/lib/internal/defaultItemToString.d.ts +7 -0
- package/lib/internal/defaultItemToString.js +19 -0
- package/lib/internal/index.d.ts +1 -0
- package/lib/prop-types/deprecateValuesWithin.d.ts +8 -1
- package/lib/prop-types/deprecateValuesWithin.js +6 -8
- package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +10 -12
- package/package.json +8 -7
- package/es/components/MultiSelect/tools/itemToString.d.ts +0 -1
- package/es/components/MultiSelect/tools/itemToString.js +0 -21
- package/es/components/Slider/index.js +0 -14
- package/es/internal/createClassWrapper.js +0 -23
- package/lib/components/MultiSelect/tools/itemToString.d.ts +0 -1
- package/lib/components/MultiSelect/tools/itemToString.js +0 -23
- package/lib/components/Slider/index.js +0 -20
- package/lib/internal/createClassWrapper.js +0 -25
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2016,
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
import { Slider } from './Slider';
|
|
8
8
|
export { default as SliderSkeleton } from './Slider.Skeleton';
|
|
9
9
|
export default Slider;
|
|
10
10
|
export { Slider };
|
|
@@ -367,6 +367,10 @@ export interface IconTabProps extends DivAttributes {
|
|
|
367
367
|
* Specify whether the tooltip for the icon should be open when it first renders
|
|
368
368
|
*/
|
|
369
369
|
defaultOpen?: boolean;
|
|
370
|
+
/**
|
|
371
|
+
* Specify whether your IconTab is disabled.
|
|
372
|
+
*/
|
|
373
|
+
disabled?: boolean;
|
|
370
374
|
/**
|
|
371
375
|
* Specify the duration in milliseconds to delay before displaying the tooltip for the icon.
|
|
372
376
|
*/
|
|
@@ -84,19 +84,26 @@ const TextArea = frFn((props, forwardRef) => {
|
|
|
84
84
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
85
|
}, [value, defaultValue, counterMode]);
|
|
86
86
|
useIsomorphicEffect.default(() => {
|
|
87
|
-
const measuredWidth = wrapperRef.current?.scrollWidth;
|
|
88
87
|
if (other.cols && textareaRef.current) {
|
|
89
88
|
textareaRef.current.style.width = '';
|
|
90
89
|
textareaRef.current.style.resize = 'none';
|
|
91
90
|
} else if (textareaRef.current) {
|
|
92
91
|
textareaRef.current.style.width = `100%`;
|
|
93
92
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
r.current
|
|
98
|
-
|
|
93
|
+
if (!wrapperRef.current) return;
|
|
94
|
+
const applyWidth = width => {
|
|
95
|
+
[helperTextRef, errorTextRef, warnTextRef].forEach(r => {
|
|
96
|
+
if (r.current) {
|
|
97
|
+
r.current.style.maxWidth = `${width}px`;
|
|
98
|
+
r.current.style.overflowWrap = 'break-word';
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
const resizeObserver = new ResizeObserver(([entry]) => {
|
|
103
|
+
applyWidth(entry.contentRect.width);
|
|
99
104
|
});
|
|
105
|
+
resizeObserver.observe(wrapperRef.current);
|
|
106
|
+
return () => resizeObserver && resizeObserver.disconnect();
|
|
100
107
|
}, [other.cols, invalid, warn]);
|
|
101
108
|
const textareaProps = {
|
|
102
109
|
id,
|
|
@@ -94,7 +94,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
|
|
|
94
94
|
[`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
|
|
95
95
|
});
|
|
96
96
|
const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
|
|
97
|
-
const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.
|
|
97
|
+
const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
|
|
98
98
|
invalid,
|
|
99
99
|
sharedTextInputProps,
|
|
100
100
|
invalidId: errorId,
|
|
@@ -161,7 +161,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
|
|
|
161
161
|
// eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
162
162
|
console.warn('Warning: The "showPasswordLabel" should not be blank.');
|
|
163
163
|
}
|
|
164
|
-
const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.
|
|
164
|
+
const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
|
|
165
165
|
sharedTextInputProps,
|
|
166
166
|
invalid: normalizedProps.invalid,
|
|
167
167
|
invalidId: normalizedProps.invalidId,
|
|
@@ -158,7 +158,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
|
|
|
158
158
|
id: normalizedProps.helperId,
|
|
159
159
|
className: helperTextClasses
|
|
160
160
|
}, helperText) : null;
|
|
161
|
-
const input = /*#__PURE__*/React.createElement("input", util.
|
|
161
|
+
const input = /*#__PURE__*/React.createElement("input", util.getTextInputProps({
|
|
162
162
|
sharedTextInputProps,
|
|
163
163
|
invalid: normalizedProps.invalid,
|
|
164
164
|
invalidId: normalizedProps.invalidId,
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
interface TextInputPropsConfig {
|
|
8
|
+
sharedTextInputProps: Record<string, unknown>;
|
|
9
|
+
invalid: boolean;
|
|
10
|
+
invalidId: string;
|
|
5
11
|
warn?: boolean;
|
|
6
12
|
warnId?: string;
|
|
7
13
|
hasHelper?: boolean;
|
|
8
14
|
helperId?: string;
|
|
9
|
-
}
|
|
15
|
+
}
|
|
16
|
+
export declare const getTextInputProps: ({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: TextInputPropsConfig) => {
|
|
17
|
+
'aria-describedby'?: string | undefined;
|
|
18
|
+
'data-invalid'?: boolean | undefined;
|
|
19
|
+
'aria-invalid'?: boolean | undefined;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
@@ -18,12 +18,7 @@ const warnProps = warnId => ({
|
|
|
18
18
|
const helperProps = helperId => ({
|
|
19
19
|
'aria-describedby': helperId
|
|
20
20
|
});
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
|
|
24
|
-
* @returns {object}
|
|
25
|
-
*/
|
|
26
|
-
const textInputProps = ({
|
|
21
|
+
const getTextInputProps = ({
|
|
27
22
|
sharedTextInputProps,
|
|
28
23
|
invalid,
|
|
29
24
|
invalidId,
|
|
@@ -38,4 +33,4 @@ const textInputProps = ({
|
|
|
38
33
|
...(hasHelper ? helperProps(helperId) : {})
|
|
39
34
|
});
|
|
40
35
|
|
|
41
|
-
exports.
|
|
36
|
+
exports.getTextInputProps = getTextInputProps;
|
|
@@ -32,5 +32,5 @@ export interface HeaderPanelProps {
|
|
|
32
32
|
*/
|
|
33
33
|
onHeaderPanelFocus?: () => void;
|
|
34
34
|
}
|
|
35
|
-
declare const HeaderPanel: React.
|
|
35
|
+
declare const HeaderPanel: React.ForwardRefExoticComponent<HeaderPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
export default HeaderPanel;
|
package/lib/index.d.ts
CHANGED
|
@@ -99,18 +99,18 @@ export * from './components/Toggletip';
|
|
|
99
99
|
export * from './components/TreeView';
|
|
100
100
|
export * from './components/UIShell';
|
|
101
101
|
export * from './components/UnorderedList';
|
|
102
|
-
export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
|
|
103
|
-
export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
|
|
104
|
-
export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
|
|
105
|
-
export { FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
|
|
106
|
-
export { FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
|
|
107
|
-
export { FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
|
|
108
|
-
export { FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
|
|
109
|
-
export { FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
|
|
110
|
-
export { FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
|
|
111
|
-
export { FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
|
|
112
|
-
export { FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
|
|
113
|
-
export { FluidTimePickerSelect as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect';
|
|
102
|
+
export { FluidComboBox, FluidComboBoxSkeleton, FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
|
|
103
|
+
export { FluidDatePicker, FluidDatePickerSkeleton, FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
|
|
104
|
+
export { FluidDatePickerInput, FluidDatePickerInput as unstable__FluidDatePickerInput, } from './components/FluidDatePickerInput';
|
|
105
|
+
export { FluidDropdown, FluidDropdownSkeleton, FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
|
|
106
|
+
export { FluidMultiSelect, FluidMultiSelectSkeleton, FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
|
|
107
|
+
export { FluidSelect, FluidSelectSkeleton, FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
|
|
108
|
+
export { FluidSearch, FluidSearchSkeleton, FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
|
|
109
|
+
export { FluidTextArea, FluidTextAreaSkeleton, FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
|
|
110
|
+
export { FluidTextInput, FluidTextInputSkeleton, FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
|
|
111
|
+
export { FluidNumberInput, FluidNumberInputSkeleton, FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
|
|
112
|
+
export { FluidTimePicker, FluidTimePickerSkeleton, FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
|
|
113
|
+
export { FluidTimePickerSelect, FluidTimePickerSelect as unstable__FluidTimePickerSelect, } from './components/FluidTimePickerSelect';
|
|
114
114
|
export * from './components/Heading';
|
|
115
115
|
export * from './components/IconButton';
|
|
116
116
|
export * from './components/Layer';
|
|
@@ -127,7 +127,6 @@ export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AIL
|
|
|
127
127
|
export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
|
|
128
128
|
export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
|
|
129
129
|
export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AISkeleton';
|
|
130
|
-
export * from './components/Stack';
|
|
131
130
|
export * from './components/Tooltip';
|
|
132
131
|
export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';
|
|
133
132
|
export * from './components/Tooltip/DefinitionTooltip';
|
package/lib/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
/**
|
|
2
3
|
* Copyright IBM Corp. 2016, 2023
|
|
3
4
|
*
|
|
@@ -129,7 +130,8 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
|
|
|
129
130
|
var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
|
|
130
131
|
var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
|
|
131
132
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
132
|
-
var
|
|
133
|
+
var Slider = require('./components/Slider/Slider.js');
|
|
134
|
+
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
133
135
|
var HStack = require('./components/Stack/HStack.js');
|
|
134
136
|
var Stack = require('./components/Stack/Stack.js');
|
|
135
137
|
var VStack = require('./components/Stack/VStack.js');
|
|
@@ -156,7 +158,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
|
|
|
156
158
|
var Toggle = require('./components/Toggle/Toggle.js');
|
|
157
159
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
158
160
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
159
|
-
var index$
|
|
161
|
+
var index$d = require('./components/Toggletip/index.js');
|
|
160
162
|
var TreeNode = require('./components/TreeView/TreeNode.js');
|
|
161
163
|
var TreeView = require('./components/TreeView/TreeView.js');
|
|
162
164
|
var Content = require('./components/UIShell/Content.js');
|
|
@@ -212,14 +214,14 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
|
|
|
212
214
|
var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
|
|
213
215
|
var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
|
|
214
216
|
var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
|
|
215
|
-
var index$
|
|
216
|
-
var index$
|
|
217
|
-
var index$
|
|
217
|
+
var index$e = require('./components/Heading/index.js');
|
|
218
|
+
var index$f = require('./components/IconButton/index.js');
|
|
219
|
+
var index$g = require('./components/Layer/index.js');
|
|
218
220
|
var index$3 = require('./components/Layout/index.js');
|
|
219
221
|
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
220
222
|
var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
|
|
221
223
|
var index$4 = require('./components/OverflowMenuV2/index.js');
|
|
222
|
-
var index$
|
|
224
|
+
var index$h = require('./components/Popover/index.js');
|
|
223
225
|
var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
224
226
|
var index$5 = require('./components/AILabel/index.js');
|
|
225
227
|
var index$6 = require('./components/IconIndicator/index.js');
|
|
@@ -232,14 +234,13 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
|
|
|
232
234
|
var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
|
|
233
235
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
234
236
|
require('./components/Text/index.js');
|
|
235
|
-
var index$
|
|
237
|
+
var index$i = require('./components/Theme/index.js');
|
|
236
238
|
var usePrefix = require('./internal/usePrefix.js');
|
|
237
239
|
var useIdPrefix = require('./internal/useIdPrefix.js');
|
|
238
240
|
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
239
241
|
var Pagination = require('./components/Pagination/experimental/Pagination.js');
|
|
240
242
|
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
241
243
|
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
242
|
-
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
243
244
|
var Text = require('./components/Text/Text.js');
|
|
244
245
|
var TextDirection = require('./components/Text/TextDirection.js');
|
|
245
246
|
|
|
@@ -386,7 +387,8 @@ exports.SelectItemGroup = SelectItemGroup.default;
|
|
|
386
387
|
exports.SkeletonIcon = SkeletonIcon.default;
|
|
387
388
|
exports.SkeletonPlaceholder = SkeletonPlaceholder.default;
|
|
388
389
|
exports.SkeletonText = SkeletonText.default;
|
|
389
|
-
exports.Slider =
|
|
390
|
+
exports.Slider = Slider.Slider;
|
|
391
|
+
exports.SliderSkeleton = Slider_Skeleton.default;
|
|
390
392
|
exports.HStack = HStack.HStack;
|
|
391
393
|
exports.Stack = Stack.Stack;
|
|
392
394
|
exports.VStack = VStack.VStack;
|
|
@@ -430,11 +432,11 @@ exports.TimePickerSelect = TimePickerSelect.default;
|
|
|
430
432
|
exports.Toggle = Toggle.Toggle;
|
|
431
433
|
exports.ToggleSkeleton = Toggle_Skeleton.default;
|
|
432
434
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
|
|
433
|
-
exports.Toggletip = index$
|
|
434
|
-
exports.ToggletipActions = index$
|
|
435
|
-
exports.ToggletipButton = index$
|
|
436
|
-
exports.ToggletipContent = index$
|
|
437
|
-
exports.ToggletipLabel = index$
|
|
435
|
+
exports.Toggletip = index$d.Toggletip;
|
|
436
|
+
exports.ToggletipActions = index$d.ToggletipActions;
|
|
437
|
+
exports.ToggletipButton = index$d.ToggletipButton;
|
|
438
|
+
exports.ToggletipContent = index$d.ToggletipContent;
|
|
439
|
+
exports.ToggletipLabel = index$d.ToggletipLabel;
|
|
438
440
|
exports.TreeNode = TreeNode.default;
|
|
439
441
|
exports.TreeView = TreeView.default;
|
|
440
442
|
exports.Content = Content.default;
|
|
@@ -467,40 +469,62 @@ exports.SideNavMenu = SideNavMenu.default;
|
|
|
467
469
|
exports.SideNavMenuItem = SideNavMenuItem.default;
|
|
468
470
|
exports.SideNavSwitcher = SideNavSwitcher.default;
|
|
469
471
|
exports.UnorderedList = UnorderedList.default;
|
|
472
|
+
exports.FluidComboBox = FluidComboBox.default;
|
|
470
473
|
exports.unstable__FluidComboBox = FluidComboBox.default;
|
|
474
|
+
exports.FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
|
|
471
475
|
exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
|
|
476
|
+
exports.FluidDatePicker = FluidDatePicker.default;
|
|
472
477
|
exports.unstable__FluidDatePicker = FluidDatePicker.default;
|
|
478
|
+
exports.FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
|
|
473
479
|
exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
|
|
480
|
+
exports.FluidDatePickerInput = FluidDatePickerInput.default;
|
|
474
481
|
exports.unstable__FluidDatePickerInput = FluidDatePickerInput.default;
|
|
482
|
+
exports.FluidDropdown = FluidDropdown.default;
|
|
475
483
|
exports.unstable__FluidDropdown = FluidDropdown.default;
|
|
484
|
+
exports.FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
|
|
476
485
|
exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
|
|
486
|
+
exports.FluidMultiSelect = FluidMultiSelect.default;
|
|
477
487
|
exports.unstable__FluidMultiSelect = FluidMultiSelect.default;
|
|
488
|
+
exports.FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
|
|
478
489
|
exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
|
|
490
|
+
exports.FluidSelect = FluidSelect.default;
|
|
479
491
|
exports.unstable__FluidSelect = FluidSelect.default;
|
|
492
|
+
exports.FluidSelectSkeleton = FluidSelect_Skeleton.default;
|
|
480
493
|
exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton.default;
|
|
494
|
+
exports.FluidSearch = FluidSearch.default;
|
|
481
495
|
exports.unstable__FluidSearch = FluidSearch.default;
|
|
496
|
+
exports.FluidSearchSkeleton = FluidSearch_Skeleton.default;
|
|
482
497
|
exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton.default;
|
|
498
|
+
exports.FluidTextArea = FluidTextArea.default;
|
|
483
499
|
exports.unstable__FluidTextArea = FluidTextArea.default;
|
|
500
|
+
exports.FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
|
|
484
501
|
exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
|
|
502
|
+
exports.FluidTextInput = FluidTextInput.default;
|
|
485
503
|
exports.unstable__FluidTextInput = FluidTextInput.default;
|
|
504
|
+
exports.FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
|
|
486
505
|
exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
|
|
506
|
+
exports.FluidNumberInput = FluidNumberInput.default;
|
|
487
507
|
exports.unstable__FluidNumberInput = FluidNumberInput.default;
|
|
508
|
+
exports.FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
|
|
488
509
|
exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
|
|
510
|
+
exports.FluidTimePicker = FluidTimePicker.default;
|
|
489
511
|
exports.unstable__FluidTimePicker = FluidTimePicker.default;
|
|
512
|
+
exports.FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
|
|
490
513
|
exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
|
|
514
|
+
exports.FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
491
515
|
exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
492
|
-
exports.Heading = index$
|
|
493
|
-
exports.Section = index$
|
|
494
|
-
exports.IconButton = index$
|
|
495
|
-
exports.IconButtonKinds = index$
|
|
496
|
-
exports.Layer = index$
|
|
497
|
-
exports.useLayer = index$
|
|
516
|
+
exports.Heading = index$e.Heading;
|
|
517
|
+
exports.Section = index$e.Section;
|
|
518
|
+
exports.IconButton = index$f.IconButton;
|
|
519
|
+
exports.IconButtonKinds = index$f.IconButtonKinds;
|
|
520
|
+
exports.Layer = index$g.Layer;
|
|
521
|
+
exports.useLayer = index$g.useLayer;
|
|
498
522
|
exports.unstable_Layout = index$3.Layout;
|
|
499
523
|
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
500
524
|
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
501
525
|
exports.unstable_OverflowMenuV2 = index$4.OverflowMenuV2;
|
|
502
|
-
exports.Popover = index$
|
|
503
|
-
exports.PopoverContent = index$
|
|
526
|
+
exports.Popover = index$h.Popover;
|
|
527
|
+
exports.PopoverContent = index$h.PopoverContent;
|
|
504
528
|
exports.ProgressBar = ProgressBar.default;
|
|
505
529
|
exports.AILabel = index$5.AILabel;
|
|
506
530
|
exports.AILabelActions = index$5.AILabelActions;
|
|
@@ -520,11 +544,11 @@ exports.AISkeletonText = AISkeletonText.default;
|
|
|
520
544
|
exports.unstable__AiSkeletonText = AISkeletonText.default;
|
|
521
545
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
522
546
|
exports.Tooltip = Tooltip.Tooltip;
|
|
523
|
-
exports.GlobalTheme = index$
|
|
524
|
-
exports.Theme = index$
|
|
525
|
-
exports.ThemeContext = index$
|
|
526
|
-
exports.usePrefersDarkScheme = index$
|
|
527
|
-
exports.useTheme = index$
|
|
547
|
+
exports.GlobalTheme = index$i.GlobalTheme;
|
|
548
|
+
exports.Theme = index$i.Theme;
|
|
549
|
+
exports.ThemeContext = index$i.ThemeContext;
|
|
550
|
+
exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
|
|
551
|
+
exports.useTheme = index$i.useTheme;
|
|
528
552
|
exports.PrefixContext = usePrefix.PrefixContext;
|
|
529
553
|
exports.usePrefix = usePrefix.usePrefix;
|
|
530
554
|
exports.useIdPrefix = useIdPrefix.useIdPrefix;
|
|
@@ -532,6 +556,5 @@ exports.unstable_PageSelector = PageSelector.default;
|
|
|
532
556
|
exports.unstable_Pagination = Pagination.default;
|
|
533
557
|
exports.ContainedListItem = ContainedListItem.default;
|
|
534
558
|
exports.ContainedList = ContainedList.default;
|
|
535
|
-
exports.SliderSkeleton = Slider_Skeleton.default;
|
|
536
559
|
exports.unstable_Text = Text.Text;
|
|
537
560
|
exports.unstable_TextDirection = TextDirection.TextDirection;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export declare const defaultItemToString: <ItemType>(item: ItemType | null) => string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
const defaultItemToString = item => {
|
|
11
|
+
if (typeof item === 'string') return item;
|
|
12
|
+
if (typeof item === 'number') return `${item}`;
|
|
13
|
+
if (item && typeof item === 'object' && 'label' in item && typeof item.label === 'string') {
|
|
14
|
+
return item.label;
|
|
15
|
+
}
|
|
16
|
+
return '';
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.defaultItemToString = defaultItemToString;
|
package/lib/internal/index.d.ts
CHANGED
|
@@ -1 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import type { Requireable, Validator } from 'prop-types';
|
|
8
|
+
export declare const deprecateValuesWithin: <T>(propType: Requireable<T>, allowedValues?: readonly unknown[], propMappingFunction?: (deprecatedValue: T) => T) => Validator<T> | Requireable<T>;
|
|
@@ -7,15 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var warning = require('../internal/warning.js');
|
|
13
11
|
|
|
14
12
|
const didWarnAboutDeprecation = {};
|
|
15
|
-
|
|
16
|
-
return
|
|
17
|
-
if (props[propName] === undefined) {
|
|
18
|
-
return;
|
|
13
|
+
const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
|
|
14
|
+
return (props, propName, componentName, ...rest) => {
|
|
15
|
+
if (typeof props[propName] === 'undefined') {
|
|
16
|
+
return null;
|
|
19
17
|
}
|
|
20
18
|
if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
|
|
21
19
|
didWarnAboutDeprecation[componentName] = {
|
|
@@ -31,6 +29,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
|
|
|
31
29
|
}
|
|
32
30
|
return propType(props, propName, componentName, ...rest);
|
|
33
31
|
};
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
|
|
36
|
-
exports.
|
|
34
|
+
exports.deprecateValuesWithin = deprecateValuesWithin;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2016,
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
import type { Validator } from 'prop-types';
|
|
7
8
|
/**
|
|
8
|
-
* @param
|
|
9
|
-
*
|
|
10
|
-
* @param
|
|
11
|
-
* @returns
|
|
12
|
-
*
|
|
9
|
+
* @param name The name of the prop that must exist to validate the current
|
|
10
|
+
* prop.
|
|
11
|
+
* @param propType The original prop type checker.
|
|
12
|
+
* @returns The new prop type checker for the current prop that becomes required
|
|
13
|
+
* if the prop corresponding to the provided prop name exists.
|
|
13
14
|
*/
|
|
14
|
-
export
|
|
15
|
+
export declare const requiredIfGivenPropIsTruthy: <T>(name: string, propType: Validator<T>) => Validator<T>;
|
|
@@ -7,22 +7,20 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
/**
|
|
13
|
-
* @param
|
|
14
|
-
*
|
|
15
|
-
* @param
|
|
16
|
-
* @returns
|
|
17
|
-
*
|
|
11
|
+
* @param name The name of the prop that must exist to validate the current
|
|
12
|
+
* prop.
|
|
13
|
+
* @param propType The original prop type checker.
|
|
14
|
+
* @returns The new prop type checker for the current prop that becomes required
|
|
15
|
+
* if the prop corresponding to the provided prop name exists.
|
|
18
16
|
*/
|
|
19
|
-
|
|
20
|
-
return
|
|
21
|
-
if (process.env.NODE_ENV !== 'production' && props[name]
|
|
17
|
+
const requiredIfGivenPropIsTruthy = (name, propType) => {
|
|
18
|
+
return (props, propName, componentName, ...rest) => {
|
|
19
|
+
if (process.env.NODE_ENV !== 'production' && props[name] === true && props[propName] === null) {
|
|
22
20
|
return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
|
|
23
21
|
}
|
|
24
22
|
return propType(props, propName, componentName, ...rest);
|
|
25
23
|
};
|
|
26
|
-
}
|
|
24
|
+
};
|
|
27
25
|
|
|
28
|
-
exports.
|
|
26
|
+
exports.requiredIfGivenPropIsTruthy = requiredIfGivenPropIsTruthy;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/react",
|
|
3
3
|
"description": "React components for the Carbon Design System",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.91.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@babel/runtime": "^7.27.3",
|
|
55
55
|
"@carbon/feature-flags": "^0.30.0",
|
|
56
|
-
"@carbon/icons-react": "^11.
|
|
57
|
-
"@carbon/layout": "^11.
|
|
58
|
-
"@carbon/styles": "^1.
|
|
59
|
-
"@carbon/utilities": "^0.
|
|
56
|
+
"@carbon/icons-react": "^11.67.0-rc.0",
|
|
57
|
+
"@carbon/layout": "^11.41.0-rc.0",
|
|
58
|
+
"@carbon/styles": "^1.90.0-rc.0",
|
|
59
|
+
"@carbon/utilities": "^0.10.0-rc.0",
|
|
60
60
|
"@floating-ui/react": "^0.27.4",
|
|
61
61
|
"@ibm/telemetry-js": "^1.5.0",
|
|
62
62
|
"classnames": "2.5.1",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@babel/preset-react": "^7.27.1",
|
|
81
81
|
"@babel/preset-typescript": "^7.27.1",
|
|
82
82
|
"@carbon/test-utils": "^10.38.0",
|
|
83
|
-
"@carbon/themes": "^11.
|
|
83
|
+
"@carbon/themes": "^11.60.0-rc.0",
|
|
84
84
|
"@figma/code-connect": "^1.3.2",
|
|
85
85
|
"@rollup/plugin-babel": "^6.0.0",
|
|
86
86
|
"@rollup/plugin-commonjs": "^28.0.3",
|
|
@@ -116,6 +116,7 @@
|
|
|
116
116
|
"remark-gfm": "^4.0.0",
|
|
117
117
|
"rimraf": "^6.0.1",
|
|
118
118
|
"rollup": "^4.41.1",
|
|
119
|
+
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
119
120
|
"rollup-plugin-strip-banner": "^3.0.0",
|
|
120
121
|
"sass": "^1.77.7",
|
|
121
122
|
"sass-loader": "^16.0.0",
|
|
@@ -138,5 +139,5 @@
|
|
|
138
139
|
"**/*.scss",
|
|
139
140
|
"**/*.css"
|
|
140
141
|
],
|
|
141
|
-
"gitHead": "
|
|
142
|
+
"gitHead": "d70cdbd45cfce813ce7ec6b396fcfa95ad2a81b6"
|
|
142
143
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function defaultItemToString(item: any): any;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import invariant from 'invariant';
|
|
9
|
-
|
|
10
|
-
const itemToString = item => {
|
|
11
|
-
!(typeof item.label === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, '[MultiSelect] the default `itemToString` method expected to receive ' + 'an item with a `label` field of type `string`. Instead received: `%s`', typeof item.label) : invariant(false) : void 0;
|
|
12
|
-
return item.label || '';
|
|
13
|
-
};
|
|
14
|
-
const defaultItemToString = item => {
|
|
15
|
-
if (Array.isArray(item)) {
|
|
16
|
-
return item.map(itemToString);
|
|
17
|
-
}
|
|
18
|
-
return itemToString(item);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { defaultItemToString };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import Slider$1 from './Slider.js';
|
|
9
|
-
import { createClassWrapper } from '../../internal/createClassWrapper.js';
|
|
10
|
-
export { default as SliderSkeleton } from './Slider.Skeleton.js';
|
|
11
|
-
|
|
12
|
-
const Slider = createClassWrapper(Slider$1);
|
|
13
|
-
|
|
14
|
-
export { Slider, Slider as default };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import React from 'react';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Wrap a class component with a functional component. This prevents an end-user
|
|
12
|
-
* from being able to pass `ref` and access the underlying class instance.
|
|
13
|
-
*/
|
|
14
|
-
const createClassWrapper = Component => {
|
|
15
|
-
const ClassWrapper = props => {
|
|
16
|
-
return /*#__PURE__*/React.createElement(Component, props);
|
|
17
|
-
};
|
|
18
|
-
const name = Component.displayName || Component.name;
|
|
19
|
-
ClassWrapper.displayName = `ClassWrapper(${name})`;
|
|
20
|
-
return ClassWrapper;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { createClassWrapper };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function defaultItemToString(item: any): any;
|