@carbon/react 1.72.0 → 1.73.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 +810 -810
- package/es/components/AILabel/index.js +4 -2
- package/es/components/ComposedModal/ComposedModal.js +1 -1
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/DataTable/DataTable.d.ts +8 -2
- package/es/components/DataTable/DataTable.js +6 -1
- package/es/components/DataTable/Table.js +1 -1
- package/es/components/DataTable/TableCell.d.ts +1 -1
- package/es/components/DataTable/TableCell.js +2 -2
- package/es/components/DataTable/TableDecoratorRow.d.ts +33 -0
- package/es/components/DataTable/TableDecoratorRow.js +48 -0
- package/es/components/DataTable/TableExpandRow.js +9 -9
- package/es/components/DataTable/TableHeader.d.ts +6 -1
- package/es/components/DataTable/TableHeader.js +20 -11
- package/es/components/DataTable/TableRow.js +17 -10
- package/es/components/DataTable/TableSlugRow.js +5 -1
- package/es/components/DataTable/index.d.ts +2 -1
- package/es/components/DataTable/index.js +3 -0
- package/es/components/DataTable/tools/normalize.js +3 -2
- package/es/components/Modal/Modal.js +1 -1
- package/es/components/Popover/index.js +6 -2
- package/es/components/Search/Search.js +1 -1
- package/es/components/Slider/Slider.Skeleton.d.ts +17 -1
- package/es/components/Slider/Slider.Skeleton.js +20 -3
- package/es/components/Slider/Slider.d.ts +1 -1
- package/es/components/Slider/Slider.js +20 -4
- package/es/components/Slider/SliderHandles.d.ts +4 -4
- package/es/components/Slider/SliderHandles.js +9 -8
- package/es/components/Stack/Stack.js +3 -1
- package/es/components/Tabs/Tabs.js +1 -1
- package/es/components/Toggletip/index.d.ts +16 -11
- package/es/components/Toggletip/index.js +5 -0
- package/es/index.js +1 -0
- package/es/prop-types/deprecateComponent.js +22 -0
- package/lib/components/AILabel/index.js +4 -2
- package/lib/components/ComposedModal/ComposedModal.js +2 -3
- package/lib/components/Copy/Copy.js +2 -3
- package/lib/components/DataTable/DataTable.d.ts +8 -2
- package/lib/components/DataTable/DataTable.js +6 -1
- package/lib/components/DataTable/Table.js +3 -4
- package/lib/components/DataTable/TableCell.d.ts +1 -1
- package/lib/components/DataTable/TableCell.js +2 -2
- package/lib/components/DataTable/TableDecoratorRow.d.ts +33 -0
- package/lib/components/DataTable/TableDecoratorRow.js +58 -0
- package/lib/components/DataTable/TableExpandRow.js +9 -9
- package/lib/components/DataTable/TableHeader.d.ts +6 -1
- package/lib/components/DataTable/TableHeader.js +20 -11
- package/lib/components/DataTable/TableRow.js +17 -11
- package/lib/components/DataTable/TableSlugRow.js +4 -0
- package/lib/components/DataTable/index.d.ts +2 -1
- package/lib/components/DataTable/index.js +3 -0
- package/lib/components/DataTable/tools/normalize.js +3 -2
- package/lib/components/Modal/Modal.js +2 -3
- package/lib/components/Popover/index.js +6 -2
- package/lib/components/Search/Search.js +1 -1
- package/lib/components/Slider/Slider.Skeleton.d.ts +17 -1
- package/lib/components/Slider/Slider.Skeleton.js +20 -3
- package/lib/components/Slider/Slider.d.ts +1 -1
- package/lib/components/Slider/Slider.js +21 -6
- package/lib/components/Slider/SliderHandles.d.ts +4 -4
- package/lib/components/Slider/SliderHandles.js +9 -8
- package/lib/components/Stack/Stack.js +3 -1
- package/lib/components/Tabs/Tabs.js +3 -4
- package/lib/components/Toggletip/index.d.ts +16 -11
- package/lib/components/Toggletip/index.js +5 -0
- package/lib/index.js +2 -0
- package/lib/prop-types/deprecateComponent.js +26 -0
- package/package.json +6 -8
|
@@ -9,9 +9,9 @@ import React, { type ElementType, type ReactNode } from 'react';
|
|
|
9
9
|
import { type PopoverAlignment } from '../Popover';
|
|
10
10
|
import { PolymorphicProps } from '../../types/common';
|
|
11
11
|
type ToggletipLabelProps<E extends ElementType> = {
|
|
12
|
-
as?: E
|
|
12
|
+
as?: E;
|
|
13
13
|
children?: ReactNode;
|
|
14
|
-
className?: string
|
|
14
|
+
className?: string;
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
17
17
|
* Used to render the label for a Toggletip
|
|
@@ -36,12 +36,13 @@ export declare namespace ToggletipLabel {
|
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
interface ToggletipProps<E extends ElementType> {
|
|
39
|
-
align?: PopoverAlignment
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
align?: PopoverAlignment;
|
|
40
|
+
alignmentAxisOffset?: number;
|
|
41
|
+
as?: E;
|
|
42
|
+
autoAlign?: boolean;
|
|
43
|
+
className?: string;
|
|
43
44
|
children?: ReactNode;
|
|
44
|
-
defaultOpen?: boolean
|
|
45
|
+
defaultOpen?: boolean;
|
|
45
46
|
}
|
|
46
47
|
/**
|
|
47
48
|
* Used as a container for the button and content of a toggletip. This component
|
|
@@ -55,6 +56,10 @@ export declare namespace Toggletip {
|
|
|
55
56
|
* Specify how the toggletip should align with the button
|
|
56
57
|
*/
|
|
57
58
|
align: PropTypes.Requireable<string>;
|
|
59
|
+
/**
|
|
60
|
+
* Provide an offset value for alignment axis.
|
|
61
|
+
*/
|
|
62
|
+
alignmentAxisOffset: PropTypes.Requireable<number>;
|
|
58
63
|
/**
|
|
59
64
|
* Provide a custom element or component to render the top-level node for the
|
|
60
65
|
* component.
|
|
@@ -81,8 +86,8 @@ export declare namespace Toggletip {
|
|
|
81
86
|
}
|
|
82
87
|
interface ToggletipButtonBaseProps {
|
|
83
88
|
children?: ReactNode;
|
|
84
|
-
className?: string
|
|
85
|
-
label?: string
|
|
89
|
+
className?: string;
|
|
90
|
+
label?: string;
|
|
86
91
|
}
|
|
87
92
|
export type ToggleTipButtonProps<T extends React.ElementType> = PolymorphicProps<T, ToggletipButtonBaseProps>;
|
|
88
93
|
/**
|
|
@@ -92,7 +97,7 @@ export type ToggleTipButtonProps<T extends React.ElementType> = PolymorphicProps
|
|
|
92
97
|
export declare const ToggletipButton: React.ForwardRefExoticComponent<Omit<ToggleTipButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
|
|
93
98
|
interface ToggletipContentProps {
|
|
94
99
|
children?: ReactNode;
|
|
95
|
-
className?: string
|
|
100
|
+
className?: string;
|
|
96
101
|
}
|
|
97
102
|
/**
|
|
98
103
|
* `ToggletipContent` is a wrapper around `PopoverContent`. It places the
|
|
@@ -103,7 +108,7 @@ declare const ToggletipContent: React.ForwardRefExoticComponent<ToggletipContent
|
|
|
103
108
|
export { ToggletipContent };
|
|
104
109
|
interface ToggleTipActionsProps {
|
|
105
110
|
children?: ReactNode;
|
|
106
|
-
className?: string
|
|
111
|
+
className?: string;
|
|
107
112
|
}
|
|
108
113
|
/**
|
|
109
114
|
* `ToggletipActions` is a container for one or two actions present at the base
|
|
@@ -183,6 +183,10 @@ Toggletip.propTypes = {
|
|
|
183
183
|
|
|
184
184
|
// new values to match floating-ui
|
|
185
185
|
'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
|
|
186
|
+
/**
|
|
187
|
+
* Provide an offset value for alignment axis.
|
|
188
|
+
*/
|
|
189
|
+
alignmentAxisOffset: PropTypes__default["default"].number,
|
|
186
190
|
/**
|
|
187
191
|
* Provide a custom element or component to render the top-level node for the
|
|
188
192
|
* component.
|
|
@@ -210,6 +214,7 @@ Toggletip.propTypes = {
|
|
|
210
214
|
* `ToggletipButton` controls the visibility of the Toggletip through mouse
|
|
211
215
|
* clicks and keyboard interactions.
|
|
212
216
|
*/
|
|
217
|
+
|
|
213
218
|
const ToggletipButton = /*#__PURE__*/React__default["default"].forwardRef(function ToggletipButton(_ref3, ref) {
|
|
214
219
|
let {
|
|
215
220
|
children,
|
package/lib/index.js
CHANGED
|
@@ -224,6 +224,7 @@ var TableBatchActions = require('./components/DataTable/TableBatchActions.js');
|
|
|
224
224
|
var TableBody = require('./components/DataTable/TableBody.js');
|
|
225
225
|
var TableCell = require('./components/DataTable/TableCell.js');
|
|
226
226
|
var TableContainer = require('./components/DataTable/TableContainer.js');
|
|
227
|
+
var TableDecoratorRow = require('./components/DataTable/TableDecoratorRow.js');
|
|
227
228
|
var TableExpandHeader = require('./components/DataTable/TableExpandHeader.js');
|
|
228
229
|
var TableExpandRow = require('./components/DataTable/TableExpandRow.js');
|
|
229
230
|
var TableExpandedRow = require('./components/DataTable/TableExpandedRow.js');
|
|
@@ -507,6 +508,7 @@ exports.TableBatchActions = TableBatchActions["default"];
|
|
|
507
508
|
exports.TableBody = TableBody["default"];
|
|
508
509
|
exports.TableCell = TableCell["default"];
|
|
509
510
|
exports.TableContainer = TableContainer["default"];
|
|
511
|
+
exports.TableDecoratorRow = TableDecoratorRow["default"];
|
|
510
512
|
exports.TableExpandHeader = TableExpandHeader["default"];
|
|
511
513
|
exports.TableExpandRow = TableExpandRow["default"];
|
|
512
514
|
exports.TableExpandedRow = TableExpandedRow["default"];
|
|
@@ -0,0 +1,26 @@
|
|
|
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
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var warning = require('../internal/warning.js');
|
|
13
|
+
|
|
14
|
+
const didWarnAboutDeprecation = {};
|
|
15
|
+
function deprecateComponent(componentName, message) {
|
|
16
|
+
if (!componentName) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
if (!didWarnAboutDeprecation[componentName]) {
|
|
20
|
+
didWarnAboutDeprecation[componentName] = true;
|
|
21
|
+
process.env.NODE_ENV !== "production" ? warning.warning(false, message || `The ${componentName} component has been deprecated and will be removed in the next major release.`) : void 0;
|
|
22
|
+
}
|
|
23
|
+
return componentName;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
exports["default"] = deprecateComponent;
|
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.73.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -52,17 +52,15 @@
|
|
|
52
52
|
"@carbon/feature-flags": "^0.24.0",
|
|
53
53
|
"@carbon/icons-react": "^11.53.0",
|
|
54
54
|
"@carbon/layout": "^11.28.0",
|
|
55
|
-
"@carbon/styles": "^1.
|
|
55
|
+
"@carbon/styles": "^1.72.0",
|
|
56
56
|
"@floating-ui/react": "^0.26.0",
|
|
57
57
|
"@ibm/telemetry-js": "^1.5.0",
|
|
58
58
|
"classnames": "2.5.1",
|
|
59
59
|
"copy-to-clipboard": "^3.3.1",
|
|
60
60
|
"downshift": "9.0.8",
|
|
61
|
+
"es-toolkit": "^1.27.0",
|
|
61
62
|
"flatpickr": "4.6.13",
|
|
62
63
|
"invariant": "^2.2.3",
|
|
63
|
-
"lodash.debounce": "^4.0.8",
|
|
64
|
-
"lodash.omit": "^4.5.0",
|
|
65
|
-
"lodash.throttle": "^4.1.1",
|
|
66
64
|
"prop-types": "^15.7.2",
|
|
67
65
|
"react-fast-compare": "^3.2.2",
|
|
68
66
|
"react-is": "^18.2.0",
|
|
@@ -80,8 +78,8 @@
|
|
|
80
78
|
"@babel/preset-react": "^7.24.7",
|
|
81
79
|
"@babel/preset-typescript": "^7.24.7",
|
|
82
80
|
"@carbon/test-utils": "^10.34.0",
|
|
83
|
-
"@carbon/themes": "^11.
|
|
84
|
-
"@figma/code-connect": "^1.2.
|
|
81
|
+
"@carbon/themes": "^11.44.0",
|
|
82
|
+
"@figma/code-connect": "^1.2.4",
|
|
85
83
|
"@rollup/plugin-babel": "^6.0.0",
|
|
86
84
|
"@rollup/plugin-commonjs": "^28.0.0",
|
|
87
85
|
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
@@ -145,5 +143,5 @@
|
|
|
145
143
|
"**/*.scss",
|
|
146
144
|
"**/*.css"
|
|
147
145
|
],
|
|
148
|
-
"gitHead": "
|
|
146
|
+
"gitHead": "97fc2e65d5d78f3bc191f036cb669b072db1d85f"
|
|
149
147
|
}
|