@carbon/react 1.79.0 → 1.80.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 +960 -904
- package/es/components/CodeSnippet/CodeSnippet.js +1 -1
- package/es/components/ComposedModal/ComposedModal.d.ts +6 -0
- package/es/components/ComposedModal/ModalFooter.d.ts +6 -0
- package/es/components/ContainedList/index.js +1 -1
- package/es/components/DataTable/DataTable.d.ts +3 -1
- package/es/components/DatePicker/DatePicker.d.ts +1 -1
- package/es/components/DatePicker/DatePicker.js +1 -1
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.d.ts +6 -0
- package/es/components/Layer/LayerLevel.d.ts +6 -0
- package/es/components/Menu/Menu.d.ts +1 -1
- package/es/components/Menu/MenuItem.d.ts +1 -1
- package/es/components/Modal/Modal.js +1 -1
- package/es/components/ModalWrapper/ModalWrapper.d.ts +1 -1
- package/es/components/ModalWrapper/ModalWrapper.js +2 -1
- package/es/components/Notification/Notification.js +1 -1
- package/es/components/NumberInput/NumberInput.d.ts +1 -1
- package/es/components/OverflowMenu/OverflowMenu.js +1 -1
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +1 -3
- package/es/components/OverflowMenuV2/index.js +1 -1
- package/es/components/PageHeader/PageHeader.d.ts +101 -0
- package/es/components/PageHeader/PageHeader.js +241 -0
- package/es/components/PageHeader/index.d.ts +8 -0
- package/es/components/PageHeader/index.js +8 -0
- package/es/components/PasswordInput/index.d.ts +6 -0
- package/es/components/Popover/index.js +1 -1
- package/es/components/Slider/SliderHandles.d.ts +6 -0
- package/es/components/Tag/Tag.js +2 -2
- package/es/components/Text/createTextComponent.js +1 -1
- package/es/components/TextArea/TextArea.d.ts +3 -3
- package/es/components/TextArea/TextArea.js +5 -2
- package/es/components/TextInput/ControlledPasswordInput.d.ts +6 -0
- package/es/components/TextInput/ControlledPasswordInput.js +1 -1
- package/es/components/TextInput/PasswordInput.d.ts +6 -0
- package/es/components/TextInput/index.js +1 -1
- package/es/components/Tile/Tile.d.ts +1 -1
- package/es/components/Tile/Tile.js +1 -4
- package/es/components/UIShell/Switcher.d.ts +1 -7
- package/es/components/UIShell/SwitcherDivider.d.ts +6 -0
- package/es/components/UIShell/SwitcherItem.d.ts +6 -0
- package/es/index.d.ts +5 -1
- package/es/index.js +3 -1
- package/es/internal/FloatingMenu.js +2 -2
- package/es/internal/PolymorphicProps.d.ts +6 -0
- package/es/internal/deprecateFieldOnObject.d.ts +12 -0
- package/es/internal/deprecateFieldOnObject.js +4 -4
- package/es/internal/useControllableState.js +2 -2
- package/es/internal/useEvent.js +1 -1
- package/es/internal/useMergedRefs.d.ts +9 -6
- package/es/internal/useMergedRefs.js +8 -9
- package/es/internal/useNoInteractiveChildren.js +2 -2
- package/es/internal/useSavedCallback.d.ts +15 -0
- package/es/internal/useSavedCallback.js +9 -12
- package/es/internal/warning.d.ts +17 -0
- package/es/internal/warning.js +16 -12
- package/es/internal/wrapFocus.js +1 -1
- package/es/prop-types/isRequiredOneOf.js +1 -1
- package/es/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
- package/es/tools/events.js +1 -6
- package/es/tools/toggleClass.js +6 -0
- package/es/types/common.d.ts +6 -0
- package/lib/components/CodeSnippet/CodeSnippet.js +1 -1
- package/lib/components/ComposedModal/ComposedModal.d.ts +6 -0
- package/lib/components/ComposedModal/ModalFooter.d.ts +6 -0
- package/lib/components/ContainedList/index.js +1 -1
- package/lib/components/DataTable/DataTable.d.ts +3 -1
- package/lib/components/DatePicker/DatePicker.d.ts +1 -1
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.d.ts +6 -0
- package/lib/components/Layer/LayerLevel.d.ts +6 -0
- package/lib/components/Menu/Menu.d.ts +1 -1
- package/lib/components/Menu/MenuItem.d.ts +1 -1
- package/lib/components/Modal/Modal.js +1 -1
- package/lib/components/ModalWrapper/ModalWrapper.d.ts +1 -1
- package/lib/components/ModalWrapper/ModalWrapper.js +2 -1
- package/lib/components/Notification/Notification.js +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts +1 -1
- package/lib/components/OverflowMenu/OverflowMenu.js +1 -1
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +1 -3
- package/lib/components/OverflowMenuV2/index.js +1 -1
- package/lib/components/PageHeader/PageHeader.d.ts +101 -0
- package/lib/components/PageHeader/PageHeader.js +260 -0
- package/lib/components/PageHeader/index.d.ts +8 -0
- package/lib/components/PageHeader/index.js +25 -0
- package/lib/components/PasswordInput/index.d.ts +6 -0
- package/lib/components/Popover/index.js +1 -1
- package/lib/components/Slider/SliderHandles.d.ts +6 -0
- package/lib/components/Tag/Tag.js +2 -2
- package/lib/components/Text/createTextComponent.js +1 -1
- package/lib/components/TextArea/TextArea.d.ts +3 -3
- package/lib/components/TextArea/TextArea.js +4 -1
- package/lib/components/TextInput/ControlledPasswordInput.d.ts +6 -0
- package/lib/components/TextInput/ControlledPasswordInput.js +1 -1
- package/lib/components/TextInput/PasswordInput.d.ts +6 -0
- package/lib/components/TextInput/index.js +1 -1
- package/lib/components/Tile/Tile.d.ts +1 -1
- package/lib/components/Tile/Tile.js +1 -4
- package/lib/components/UIShell/Switcher.d.ts +1 -7
- package/lib/components/UIShell/SwitcherDivider.d.ts +6 -0
- package/lib/components/UIShell/SwitcherItem.d.ts +6 -0
- package/lib/index.d.ts +5 -1
- package/lib/index.js +62 -57
- package/lib/internal/FloatingMenu.js +2 -2
- package/lib/internal/PolymorphicProps.d.ts +6 -0
- package/lib/internal/deprecateFieldOnObject.d.ts +12 -0
- package/lib/internal/deprecateFieldOnObject.js +4 -4
- package/lib/internal/useControllableState.js +2 -2
- package/lib/internal/useEvent.js +1 -1
- package/lib/internal/useMergedRefs.d.ts +9 -6
- package/lib/internal/useMergedRefs.js +8 -9
- package/lib/internal/useNoInteractiveChildren.js +2 -2
- package/lib/internal/useSavedCallback.d.ts +15 -0
- package/lib/internal/useSavedCallback.js +9 -12
- package/lib/internal/warning.d.ts +17 -0
- package/lib/internal/warning.js +16 -12
- package/lib/internal/wrapFocus.js +1 -1
- package/lib/prop-types/isRequiredOneOf.js +1 -1
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
- package/lib/tools/events.js +1 -6
- package/lib/tools/toggleClass.js +6 -0
- package/lib/types/common.d.ts +6 -0
- package/package.json +7 -7
- package/scss/components/page-header/_index.scss +9 -0
- package/scss/components/page-header/_page-header.scss +9 -0
- package/telemetry.yml +62 -23
|
@@ -15,7 +15,7 @@ var PasswordInput = require('./PasswordInput.js');
|
|
|
15
15
|
var TextInput = require('./TextInput.js');
|
|
16
16
|
var TextInput_Skeleton = require('./TextInput.Skeleton.js');
|
|
17
17
|
|
|
18
|
-
if (process.env.NODE_ENV !==
|
|
18
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
19
19
|
deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'ControlledPasswordInput', ControlledPasswordInput["default"]);
|
|
20
20
|
deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'PasswordInput', PasswordInput["default"]);
|
|
21
21
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
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 React, { type
|
|
7
|
+
import React, { type ChangeEvent, type HTMLAttributes, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
|
|
8
8
|
export interface TileProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
className?: string;
|
|
@@ -527,7 +527,6 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
|
|
|
527
527
|
});
|
|
528
528
|
}
|
|
529
529
|
return interactive ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
530
|
-
// @ts-expect-error: Needlesly strict & deep typing for the element type
|
|
531
530
|
ref: ref,
|
|
532
531
|
className: interactiveClassNames
|
|
533
532
|
}, rest), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -551,9 +550,7 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
|
|
|
551
550
|
className: `${prefix}--tile-content`,
|
|
552
551
|
id: belowTheFoldId
|
|
553
552
|
}, childrenAsArray[1]))) : /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
|
|
554
|
-
type: "button"
|
|
555
|
-
// @ts-expect-error: Needlesly strict & deep typing for the element type
|
|
556
|
-
,
|
|
553
|
+
type: "button",
|
|
557
554
|
ref: ref,
|
|
558
555
|
className: classNames,
|
|
559
556
|
"aria-expanded": isExpanded,
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2016,
|
|
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
|
-
* Copyright IBM Corp. 2016, 2023
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
9
3
|
*
|
|
10
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
11
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2023, 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
|
+
*/
|
|
1
7
|
import React, { HTMLAttributeAnchorTarget, KeyboardEvent } from 'react';
|
|
2
8
|
export interface BaseSwitcherItemProps {
|
|
3
9
|
/**
|
package/lib/index.d.ts
CHANGED
|
@@ -31,6 +31,9 @@ export * from './components/DatePickerInput';
|
|
|
31
31
|
export * from './components/Dropdown';
|
|
32
32
|
export * from './components/ErrorBoundary';
|
|
33
33
|
export * from './components/ExpandableSearch';
|
|
34
|
+
export { FeatureFlags, useFeatureFlag, useFeatureFlags, FeatureFlags as unstable_FeatureFlags, // this export can be removed in v12
|
|
35
|
+
useFeatureFlag as unstable_useFeatureFlag, // this export can be removed in v12
|
|
36
|
+
useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
|
|
34
37
|
export * from './components/FileUploader';
|
|
35
38
|
export * from './components/FilterableMultiSelect';
|
|
36
39
|
export * from './components/FluidForm';
|
|
@@ -55,6 +58,7 @@ export * from './components/NumberInput';
|
|
|
55
58
|
export * from './components/OrderedList';
|
|
56
59
|
export * from './components/OverflowMenu';
|
|
57
60
|
export * from './components/OverflowMenuItem';
|
|
61
|
+
export * as unstable__PageHeader from './components/PageHeader';
|
|
58
62
|
export * from './components/Pagination';
|
|
59
63
|
export * from './components/Pagination/Pagination.Skeleton';
|
|
60
64
|
export * from './components/PaginationNav';
|
|
@@ -95,7 +99,6 @@ export * from './components/Toggletip';
|
|
|
95
99
|
export * from './components/TreeView';
|
|
96
100
|
export * from './components/UIShell';
|
|
97
101
|
export * from './components/UnorderedList';
|
|
98
|
-
export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
|
|
99
102
|
export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
|
|
100
103
|
export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
|
|
101
104
|
export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
|
|
@@ -263,6 +266,7 @@ export type { NumberInputSkeletonProps } from './components/NumberInput/NumberIn
|
|
|
263
266
|
export type { OrderedListProps } from './components/OrderedList/OrderedList';
|
|
264
267
|
export type { OverflowMenuProps } from './components/OverflowMenu/OverflowMenu';
|
|
265
268
|
export type { OverflowMenuItemProps } from './components/OverflowMenuItem/OverflowMenuItem';
|
|
269
|
+
export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, } from './components/PageHeader';
|
|
266
270
|
export type { PaginationProps } from './components/Pagination/Pagination';
|
|
267
271
|
export type { PaginationSkeletonProps } from './components/Pagination/Pagination.Skeleton';
|
|
268
272
|
export type { DirectionButtonProps } from './components/PaginationNav/PaginationNav';
|
package/lib/index.js
CHANGED
|
@@ -23,16 +23,16 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
|
|
|
23
23
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
24
24
|
var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
|
|
25
25
|
var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
|
|
26
|
-
var index$
|
|
26
|
+
var index$7 = require('./components/ClassPrefix/index.js');
|
|
27
27
|
var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
|
|
28
28
|
var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
|
|
29
29
|
var ComboBox = require('./components/ComboBox/ComboBox.js');
|
|
30
|
-
var index$
|
|
30
|
+
var index$8 = require('./components/ComboButton/index.js');
|
|
31
31
|
var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
|
|
32
32
|
var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
|
|
33
33
|
var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
|
|
34
34
|
require('./components/ContainedList/index.js');
|
|
35
|
-
var index$
|
|
35
|
+
var index$9 = require('./components/ContentSwitcher/index.js');
|
|
36
36
|
var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
37
37
|
var Copy = require('./components/Copy/Copy.js');
|
|
38
38
|
var CopyButton = require('./components/CopyButton/CopyButton.js');
|
|
@@ -47,6 +47,7 @@ var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
|
|
|
47
47
|
var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
|
|
48
48
|
var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
|
|
49
49
|
var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
|
|
50
|
+
var index$1 = require('./components/FeatureFlags/index.js');
|
|
50
51
|
var FileUploader = require('./components/FileUploader/FileUploader.js');
|
|
51
52
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
52
53
|
var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
|
|
@@ -66,14 +67,14 @@ var Column = require('./components/Grid/Column.js');
|
|
|
66
67
|
var ColumnHang = require('./components/Grid/ColumnHang.js');
|
|
67
68
|
var GridContext = require('./components/Grid/GridContext.js');
|
|
68
69
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
69
|
-
var index$
|
|
70
|
+
var index$a = require('./components/IdPrefix/index.js');
|
|
70
71
|
var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
71
72
|
var Link = require('./components/Link/Link.js');
|
|
72
73
|
var ListItem = require('./components/ListItem/ListItem.js');
|
|
73
74
|
var Loading = require('./components/Loading/Loading.js');
|
|
74
75
|
var Menu = require('./components/Menu/Menu.js');
|
|
75
76
|
var MenuItem = require('./components/Menu/MenuItem.js');
|
|
76
|
-
var index$
|
|
77
|
+
var index$b = require('./components/MenuButton/index.js');
|
|
77
78
|
var Modal = require('./components/Modal/Modal.js');
|
|
78
79
|
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
79
80
|
require('./components/MultiSelect/index.js');
|
|
@@ -81,8 +82,9 @@ var Notification = require('./components/Notification/Notification.js');
|
|
|
81
82
|
var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
|
|
82
83
|
var NumberInput = require('./components/NumberInput/NumberInput.js');
|
|
83
84
|
var OrderedList = require('./components/OrderedList/OrderedList.js');
|
|
84
|
-
var index$
|
|
85
|
+
var index$c = require('./components/OverflowMenu/index.js');
|
|
85
86
|
var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
|
|
87
|
+
var index = require('./components/PageHeader/index.js');
|
|
86
88
|
var Pagination$1 = require('./components/Pagination/Pagination.js');
|
|
87
89
|
var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
|
|
88
90
|
var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
|
|
@@ -105,7 +107,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
|
|
|
105
107
|
var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
|
|
106
108
|
var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
|
|
107
109
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
108
|
-
var index$
|
|
110
|
+
var index$d = require('./components/Slider/index.js');
|
|
109
111
|
var HStack = require('./components/Stack/HStack.js');
|
|
110
112
|
var VStack = require('./components/Stack/VStack.js');
|
|
111
113
|
var Stack = require('./components/Stack/Stack.js');
|
|
@@ -131,7 +133,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
|
|
|
131
133
|
var Toggle = require('./components/Toggle/Toggle.js');
|
|
132
134
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
133
135
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
134
|
-
var index$
|
|
136
|
+
var index$e = require('./components/Toggletip/index.js');
|
|
135
137
|
var TreeNode = require('./components/TreeView/TreeNode.js');
|
|
136
138
|
var TreeView = require('./components/TreeView/TreeView.js');
|
|
137
139
|
var Content = require('./components/UIShell/Content.js');
|
|
@@ -164,7 +166,6 @@ var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
|
|
|
164
166
|
var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
|
|
165
167
|
var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
|
|
166
168
|
var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
|
|
167
|
-
var index = require('./components/FeatureFlags/index.js');
|
|
168
169
|
var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
|
|
169
170
|
var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
|
|
170
171
|
var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
|
|
@@ -186,16 +187,16 @@ var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInpu
|
|
|
186
187
|
var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
|
|
187
188
|
var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
|
|
188
189
|
var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
|
|
189
|
-
var index$
|
|
190
|
-
var index$
|
|
191
|
-
var index$
|
|
192
|
-
var index$
|
|
193
|
-
var index$
|
|
194
|
-
var index$
|
|
190
|
+
var index$f = require('./components/Heading/index.js');
|
|
191
|
+
var index$g = require('./components/IconButton/index.js');
|
|
192
|
+
var index$h = require('./components/Layer/index.js');
|
|
193
|
+
var index$2 = require('./components/Layout/index.js');
|
|
194
|
+
var index$3 = require('./components/OverflowMenuV2/index.js');
|
|
195
|
+
var index$i = require('./components/Popover/index.js');
|
|
195
196
|
var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
196
|
-
var index$
|
|
197
|
-
var index$
|
|
198
|
-
var index$
|
|
197
|
+
var index$4 = require('./components/AILabel/index.js');
|
|
198
|
+
var index$5 = require('./components/IconIndicator/index.js');
|
|
199
|
+
var index$6 = require('./components/ShapeIndicator/index.js');
|
|
199
200
|
var ChatButton = require('./components/ChatButton/ChatButton.js');
|
|
200
201
|
var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
|
|
201
202
|
var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
|
|
@@ -204,7 +205,7 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
|
|
|
204
205
|
var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
|
|
205
206
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
206
207
|
require('./components/Text/index.js');
|
|
207
|
-
var index$
|
|
208
|
+
var index$j = require('./components/Theme/index.js');
|
|
208
209
|
var usePrefix = require('./internal/usePrefix.js');
|
|
209
210
|
var useIdPrefix = require('./internal/useIdPrefix.js');
|
|
210
211
|
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
@@ -263,16 +264,16 @@ exports.ButtonSet = ButtonSet["default"];
|
|
|
263
264
|
exports.Checkbox = Checkbox["default"];
|
|
264
265
|
exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
|
|
265
266
|
exports.CheckboxGroup = CheckboxGroup["default"];
|
|
266
|
-
exports.ClassPrefix = index$
|
|
267
|
+
exports.ClassPrefix = index$7.ClassPrefix;
|
|
267
268
|
exports.CodeSnippet = CodeSnippet["default"];
|
|
268
269
|
exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
|
|
269
270
|
exports.ComboBox = ComboBox["default"];
|
|
270
|
-
exports.ComboButton = index$
|
|
271
|
+
exports.ComboButton = index$8.ComboButton;
|
|
271
272
|
exports.ComposedModal = ComposedModal["default"];
|
|
272
273
|
exports.ModalBody = ComposedModal.ModalBody;
|
|
273
274
|
exports.ModalHeader = ModalHeader.ModalHeader;
|
|
274
275
|
exports.ModalFooter = ModalFooter.ModalFooter;
|
|
275
|
-
exports.ContentSwitcher = index$
|
|
276
|
+
exports.ContentSwitcher = index$9["default"];
|
|
276
277
|
exports.useContextMenu = useContextMenu["default"];
|
|
277
278
|
exports.Copy = Copy["default"];
|
|
278
279
|
exports.CopyButton = CopyButton["default"];
|
|
@@ -286,6 +287,12 @@ exports.DropdownSkeleton = Dropdown_Skeleton["default"];
|
|
|
286
287
|
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
287
288
|
exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
|
|
288
289
|
exports.ExpandableSearch = ExpandableSearch["default"];
|
|
290
|
+
exports.FeatureFlags = index$1.FeatureFlags;
|
|
291
|
+
exports.unstable_FeatureFlags = index$1.FeatureFlags;
|
|
292
|
+
exports.unstable_useFeatureFlag = index$1.useFeatureFlag;
|
|
293
|
+
exports.unstable_useFeatureFlags = index$1.useFeatureFlags;
|
|
294
|
+
exports.useFeatureFlag = index$1.useFeatureFlag;
|
|
295
|
+
exports.useFeatureFlags = index$1.useFeatureFlags;
|
|
289
296
|
exports.FileUploader = FileUploader["default"];
|
|
290
297
|
exports.Filename = Filename["default"];
|
|
291
298
|
exports.FileUploaderSkeleton = FileUploader_Skeleton["default"];
|
|
@@ -305,7 +312,7 @@ exports.Column = Column["default"];
|
|
|
305
312
|
exports.ColumnHang = ColumnHang.ColumnHang;
|
|
306
313
|
exports.GridSettings = GridContext.GridSettings;
|
|
307
314
|
exports.IconSkeleton = Icon_Skeleton["default"];
|
|
308
|
-
exports.IdPrefix = index$
|
|
315
|
+
exports.IdPrefix = index$a.IdPrefix;
|
|
309
316
|
exports.InlineLoading = InlineLoading["default"];
|
|
310
317
|
exports.Link = Link["default"];
|
|
311
318
|
exports.ListItem = ListItem["default"];
|
|
@@ -316,7 +323,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
|
|
|
316
323
|
exports.MenuItemGroup = MenuItem.MenuItemGroup;
|
|
317
324
|
exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
|
|
318
325
|
exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
|
|
319
|
-
exports.MenuButton = index$
|
|
326
|
+
exports.MenuButton = index$b.MenuButton;
|
|
320
327
|
exports.Modal = Modal["default"];
|
|
321
328
|
exports.ModalWrapper = ModalWrapper["default"];
|
|
322
329
|
exports.ActionableNotification = Notification.ActionableNotification;
|
|
@@ -329,8 +336,9 @@ exports.ToastNotification = Notification.ToastNotification;
|
|
|
329
336
|
exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
|
|
330
337
|
exports.NumberInput = NumberInput.NumberInput;
|
|
331
338
|
exports.OrderedList = OrderedList["default"];
|
|
332
|
-
exports.OverflowMenu = index$
|
|
339
|
+
exports.OverflowMenu = index$c["default"];
|
|
333
340
|
exports.OverflowMenuItem = OverflowMenuItem["default"];
|
|
341
|
+
exports.unstable__PageHeader = index;
|
|
334
342
|
exports.Pagination = Pagination$1["default"];
|
|
335
343
|
exports.PaginationSkeleton = Pagination_Skeleton["default"];
|
|
336
344
|
exports.PaginationNav = PaginationNav["default"];
|
|
@@ -354,7 +362,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
|
|
|
354
362
|
exports.SkeletonIcon = SkeletonIcon["default"];
|
|
355
363
|
exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
|
|
356
364
|
exports.SkeletonText = SkeletonText["default"];
|
|
357
|
-
exports.Slider = index$
|
|
365
|
+
exports.Slider = index$d["default"];
|
|
358
366
|
exports.HStack = HStack.HStack;
|
|
359
367
|
exports.VStack = VStack.VStack;
|
|
360
368
|
exports.Stack = Stack.Stack;
|
|
@@ -396,11 +404,11 @@ exports.TimePickerSelect = TimePickerSelect["default"];
|
|
|
396
404
|
exports.Toggle = Toggle.Toggle;
|
|
397
405
|
exports.ToggleSkeleton = Toggle_Skeleton["default"];
|
|
398
406
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
|
|
399
|
-
exports.Toggletip = index$
|
|
400
|
-
exports.ToggletipActions = index$
|
|
401
|
-
exports.ToggletipButton = index$
|
|
402
|
-
exports.ToggletipContent = index$
|
|
403
|
-
exports.ToggletipLabel = index$
|
|
407
|
+
exports.Toggletip = index$e.Toggletip;
|
|
408
|
+
exports.ToggletipActions = index$e.ToggletipActions;
|
|
409
|
+
exports.ToggletipButton = index$e.ToggletipButton;
|
|
410
|
+
exports.ToggletipContent = index$e.ToggletipContent;
|
|
411
|
+
exports.ToggletipLabel = index$e.ToggletipLabel;
|
|
404
412
|
exports.TreeNode = TreeNode["default"];
|
|
405
413
|
exports.TreeView = TreeView["default"];
|
|
406
414
|
exports.Content = Content["default"];
|
|
@@ -433,9 +441,6 @@ exports.SideNavMenu = SideNavMenu["default"];
|
|
|
433
441
|
exports.SideNavMenuItem = SideNavMenuItem["default"];
|
|
434
442
|
exports.SideNavSwitcher = SideNavSwitcher["default"];
|
|
435
443
|
exports.UnorderedList = UnorderedList["default"];
|
|
436
|
-
exports.unstable_FeatureFlags = index.FeatureFlags;
|
|
437
|
-
exports.unstable_useFeatureFlag = index.useFeatureFlag;
|
|
438
|
-
exports.unstable_useFeatureFlags = index.useFeatureFlags;
|
|
439
444
|
exports.unstable__FluidComboBox = FluidComboBox["default"];
|
|
440
445
|
exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
|
|
441
446
|
exports.unstable__FluidDatePicker = FluidDatePicker["default"];
|
|
@@ -456,25 +461,25 @@ exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
|
|
|
456
461
|
exports.unstable__FluidTimePicker = FluidTimePicker["default"];
|
|
457
462
|
exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
|
|
458
463
|
exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
|
|
459
|
-
exports.Heading = index$
|
|
460
|
-
exports.Section = index$
|
|
461
|
-
exports.IconButton = index$
|
|
462
|
-
exports.IconButtonKinds = index$
|
|
463
|
-
exports.Layer = index$
|
|
464
|
-
exports.useLayer = index$
|
|
465
|
-
exports.unstable_Layout = index$
|
|
466
|
-
exports.unstable_OverflowMenuV2 = index$
|
|
467
|
-
exports.Popover = index$
|
|
468
|
-
exports.PopoverContent = index$
|
|
464
|
+
exports.Heading = index$f.Heading;
|
|
465
|
+
exports.Section = index$f.Section;
|
|
466
|
+
exports.IconButton = index$g.IconButton;
|
|
467
|
+
exports.IconButtonKinds = index$g.IconButtonKinds;
|
|
468
|
+
exports.Layer = index$h.Layer;
|
|
469
|
+
exports.useLayer = index$h.useLayer;
|
|
470
|
+
exports.unstable_Layout = index$2.Layout;
|
|
471
|
+
exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
|
|
472
|
+
exports.Popover = index$i.Popover;
|
|
473
|
+
exports.PopoverContent = index$i.PopoverContent;
|
|
469
474
|
exports.ProgressBar = ProgressBar["default"];
|
|
470
|
-
exports.AILabel = index$
|
|
471
|
-
exports.AILabelActions = index$
|
|
472
|
-
exports.AILabelContent = index$
|
|
473
|
-
exports.unstable__Slug = index$
|
|
474
|
-
exports.unstable__SlugActions = index$
|
|
475
|
-
exports.unstable__SlugContent = index$
|
|
476
|
-
exports.unstable__IconIndicator = index$
|
|
477
|
-
exports.unstable__ShapeIndicator = index$
|
|
475
|
+
exports.AILabel = index$4.AILabel;
|
|
476
|
+
exports.AILabelActions = index$4.AILabelActions;
|
|
477
|
+
exports.AILabelContent = index$4.AILabelContent;
|
|
478
|
+
exports.unstable__Slug = index$4.AILabel;
|
|
479
|
+
exports.unstable__SlugActions = index$4.AILabelActions;
|
|
480
|
+
exports.unstable__SlugContent = index$4.AILabelContent;
|
|
481
|
+
exports.unstable__IconIndicator = index$5.IconIndicator;
|
|
482
|
+
exports.unstable__ShapeIndicator = index$6.ShapeIndicator;
|
|
478
483
|
exports.unstable__ChatButton = ChatButton["default"];
|
|
479
484
|
exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
|
|
480
485
|
exports.AISkeletonPlaceholder = AISkeletonPlaceholder["default"];
|
|
@@ -485,11 +490,11 @@ exports.AISkeletonText = AISkeletonText["default"];
|
|
|
485
490
|
exports.unstable__AiSkeletonText = AISkeletonText["default"];
|
|
486
491
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
487
492
|
exports.Tooltip = Tooltip.Tooltip;
|
|
488
|
-
exports.GlobalTheme = index$
|
|
489
|
-
exports.Theme = index$
|
|
490
|
-
exports.ThemeContext = index$
|
|
491
|
-
exports.usePrefersDarkScheme = index$
|
|
492
|
-
exports.useTheme = index$
|
|
493
|
+
exports.GlobalTheme = index$j.GlobalTheme;
|
|
494
|
+
exports.Theme = index$j.Theme;
|
|
495
|
+
exports.ThemeContext = index$j.ThemeContext;
|
|
496
|
+
exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
|
|
497
|
+
exports.useTheme = index$j.useTheme;
|
|
493
498
|
exports.PrefixContext = usePrefix.PrefixContext;
|
|
494
499
|
exports.usePrefix = usePrefix.usePrefix;
|
|
495
500
|
exports.useIdPrefix = useIdPrefix.useIdPrefix;
|
|
@@ -133,7 +133,7 @@ const FloatingMenu = _ref2 => {
|
|
|
133
133
|
const updateMenuPosition = React.useCallback(isAdjustment => {
|
|
134
134
|
const menuBody = menuBodyRef.current;
|
|
135
135
|
if (!menuBody) {
|
|
136
|
-
process.env.NODE_ENV !== "production" ? warning.warning(menuBody, 'The DOM node for menu body for calculating its position is not available. Skipping...') : void 0;
|
|
136
|
+
process.env.NODE_ENV !== "production" ? warning.warning(!!menuBody, 'The DOM node for menu body for calculating its position is not available. Skipping...') : void 0;
|
|
137
137
|
return;
|
|
138
138
|
}
|
|
139
139
|
const triggerEl = triggerRef.current;
|
|
@@ -203,7 +203,7 @@ const FloatingMenu = _ref2 => {
|
|
|
203
203
|
// First programmatic focusable node
|
|
204
204
|
menuBody;
|
|
205
205
|
focusTarget.focus();
|
|
206
|
-
if (focusTarget === menuBody
|
|
206
|
+
if (focusTarget === menuBody) {
|
|
207
207
|
process.env.NODE_ENV !== "production" ? warning.warning(focusableNode === null, 'Floating Menus must have at least a programmatically focusable child. This can be accomplished by adding tabIndex="-1" to the content element.') : void 0;
|
|
208
208
|
}
|
|
209
209
|
};
|
|
@@ -0,0 +1,12 @@
|
|
|
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 deprecateFieldOnObject: <T extends {
|
|
8
|
+
displayName?: string;
|
|
9
|
+
}>(object: T, field: string, Component: {
|
|
10
|
+
displayName?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
}, message?: string) => void;
|
|
@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var warning = require('./warning.js');
|
|
13
13
|
|
|
14
|
-
const
|
|
15
|
-
|
|
14
|
+
const deprecateFieldOnObject = (object, field, Component, message) => {
|
|
15
|
+
const didWarnAboutDeprecation = {};
|
|
16
16
|
Object.defineProperty(object, field, {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get() {
|
|
18
|
+
get: () => {
|
|
19
19
|
if (!didWarnAboutDeprecation[field]) {
|
|
20
20
|
process.env.NODE_ENV !== "production" ? warning.warning(false, message || `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
|
|
21
21
|
didWarnAboutDeprecation[field] = true;
|
|
@@ -23,6 +23,6 @@ function deprecateFieldOnObject(object, field, Component, message) {
|
|
|
23
23
|
return Component;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
-
}
|
|
26
|
+
};
|
|
27
27
|
|
|
28
28
|
exports.deprecateFieldOnObject = deprecateFieldOnObject;
|
|
@@ -60,13 +60,13 @@ function useControllableState(_ref) {
|
|
|
60
60
|
// Uncontrolled -> Controlled
|
|
61
61
|
// If the component prop is uncontrolled, the prop value should be undefined
|
|
62
62
|
if (controlled.current === false && controlledValue) {
|
|
63
|
-
process.env.NODE_ENV !== "production" ? warning.warning(false,
|
|
63
|
+
process.env.NODE_ENV !== "production" ? warning.warning(false, `A component is changing an uncontrolled ${name} component to be controlled. ` + 'This is likely caused by the value changing to a defined value ' + 'from undefined. Decide between using a controlled or uncontrolled ' + 'value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components') : void 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
// Controlled -> Uncontrolled
|
|
67
67
|
// If the component prop is controlled, the prop value should be defined
|
|
68
68
|
if (controlled.current === true && !controlledValue) {
|
|
69
|
-
process.env.NODE_ENV !== "production" ? warning.warning(false,
|
|
69
|
+
process.env.NODE_ENV !== "production" ? warning.warning(false, `A component is changing a controlled ${name} component to be uncontrolled. ` + 'This is likely caused by the value changing to an undefined value ' + 'from a defined one. Decide between using a controlled or ' + 'uncontrolled value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components') : void 0;
|
|
70
70
|
}
|
|
71
71
|
}, [name, value]);
|
|
72
72
|
if (controlled.current === true) {
|
package/lib/internal/useEvent.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
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 {
|
|
7
|
+
import { type ForwardedRef, type Ref } from 'react';
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
9
|
+
* Merges multiple refs into a single callback ref.
|
|
10
|
+
*
|
|
11
|
+
* This hook is useful when you need to attach multiple refs (for example, a ref
|
|
12
|
+
* passed from `forwardRef` and a local ref from `useRef`) to the same node. It
|
|
13
|
+
* accepts an array of refs and returns a callback ref that, when attached to a
|
|
14
|
+
* node, assigns that node to every ref in the array.
|
|
12
15
|
*/
|
|
13
|
-
export declare const useMergedRefs: <T
|
|
16
|
+
export declare const useMergedRefs: <T>(refs: ForwardedRef<T>[]) => Ref<T>;
|
|
@@ -11,25 +11,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
|
|
14
|
-
// TODO: Investigate updating this hook based on the following code from
|
|
15
|
-
// https://github.com/carbon-design-system/carbon/pull/18611:
|
|
16
|
-
// https://github.com/adamalston/carbon/blob/dd403b6b10de3d8a6ccd8d2e21174c908c1e890a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx#L23-L46
|
|
17
14
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
15
|
+
* Merges multiple refs into a single callback ref.
|
|
16
|
+
*
|
|
17
|
+
* This hook is useful when you need to attach multiple refs (for example, a ref
|
|
18
|
+
* passed from `forwardRef` and a local ref from `useRef`) to the same node. It
|
|
19
|
+
* accepts an array of refs and returns a callback ref that, when attached to a
|
|
20
|
+
* node, assigns that node to every ref in the array.
|
|
21
21
|
*/
|
|
22
22
|
const useMergedRefs = refs => {
|
|
23
23
|
return React.useCallback(node => {
|
|
24
24
|
refs.forEach(ref => {
|
|
25
25
|
if (typeof ref === 'function') {
|
|
26
26
|
ref(node);
|
|
27
|
-
} else if (ref
|
|
27
|
+
} else if (ref) {
|
|
28
28
|
ref.current = node;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
}, refs);
|
|
31
|
+
}, [refs]);
|
|
33
32
|
};
|
|
34
33
|
|
|
35
34
|
exports.useMergedRefs = useMergedRefs;
|
|
@@ -13,7 +13,7 @@ var React = require('react');
|
|
|
13
13
|
|
|
14
14
|
function useNoInteractiveChildren(ref) {
|
|
15
15
|
let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'component should have no interactive child nodes';
|
|
16
|
-
if (process.env.NODE_ENV !==
|
|
16
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
17
17
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
18
18
|
React.useEffect(() => {
|
|
19
19
|
const node = ref.current ? getInteractiveContent(ref.current) : false;
|
|
@@ -25,7 +25,7 @@ function useNoInteractiveChildren(ref) {
|
|
|
25
25
|
}
|
|
26
26
|
function useInteractiveChildrenNeedDescription(ref) {
|
|
27
27
|
let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : `interactive child node(s) should have an \`aria-describedby\` property`;
|
|
28
|
-
if (process.env.NODE_ENV !==
|
|
28
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
29
29
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
30
30
|
React.useEffect(() => {
|
|
31
31
|
const node = ref.current ? getInteractiveContent(ref.current) : false;
|
|
@@ -0,0 +1,15 @@
|
|
|
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
|
+
/**
|
|
8
|
+
* Returns a stable callback reference that always points to the latest version
|
|
9
|
+
* of a callback. This is useful when you want to avoid including the callback
|
|
10
|
+
* in dependency arrays while still ensuring the latest callback implementation
|
|
11
|
+
* is used.
|
|
12
|
+
*
|
|
13
|
+
* @param callback - The callback to track.
|
|
14
|
+
*/
|
|
15
|
+
export declare const useSavedCallback: <T extends (...args: any[]) => any>(callback: T | undefined) => (...args: Parameters<T>) => ReturnType<T> | undefined;
|
|
@@ -12,24 +12,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
15
|
+
* Returns a stable callback reference that always points to the latest version
|
|
16
|
+
* of a callback. This is useful when you want to avoid including the callback
|
|
17
|
+
* in dependency arrays while still ensuring the latest callback implementation
|
|
18
|
+
* is used.
|
|
19
19
|
*
|
|
20
|
-
* @param
|
|
21
|
-
* @returns {Function}
|
|
20
|
+
* @param callback - The callback to track.
|
|
22
21
|
*/
|
|
23
|
-
|
|
22
|
+
const useSavedCallback = callback => {
|
|
24
23
|
const savedCallback = React.useRef(callback);
|
|
25
24
|
React.useEffect(() => {
|
|
26
25
|
savedCallback.current = callback;
|
|
27
|
-
});
|
|
26
|
+
}, [callback]);
|
|
28
27
|
return React.useCallback(function () {
|
|
29
|
-
|
|
30
|
-
return savedCallback.current(...arguments);
|
|
31
|
-
}
|
|
28
|
+
return savedCallback.current ? savedCallback.current(...arguments) : undefined;
|
|
32
29
|
}, []);
|
|
33
|
-
}
|
|
30
|
+
};
|
|
34
31
|
|
|
35
32
|
exports.useSavedCallback = useSavedCallback;
|
|
@@ -0,0 +1,17 @@
|
|
|
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
|
+
/**
|
|
8
|
+
* Logs a warning.
|
|
9
|
+
*
|
|
10
|
+
* The warning is only logged if the condition is not met and
|
|
11
|
+
* `process.env.NODE_ENV !== 'production'` is truthy.
|
|
12
|
+
*
|
|
13
|
+
* @param condition - Condition to evaluate.
|
|
14
|
+
* @param message - Warning message.
|
|
15
|
+
* @throws Error if no `message` is provided.
|
|
16
|
+
*/
|
|
17
|
+
export declare const warning: (condition: boolean, message: string) => void;
|