@carbon/react 1.68.0-rc.0 → 1.68.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 +807 -807
- package/es/components/ComboBox/ComboBox.d.ts +5 -0
- package/es/components/ComboBox/ComboBox.js +135 -45
- package/es/components/DatePicker/DatePicker.js +10 -6
- package/es/components/FileUploader/FileUploaderDropContainer.js +1 -1
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.d.ts +15 -0
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
- package/es/components/FluidComboBox/FluidComboBox.d.ts +102 -0
- package/es/components/FluidComboBox/FluidComboBox.js +2 -3
- package/es/components/FluidComboBox/index.d.ts +13 -0
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.d.ts +19 -0
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +2 -2
- package/es/components/FluidDatePicker/FluidDatePicker.d.ts +39 -0
- package/es/components/FluidDatePicker/FluidDatePicker.js +2 -3
- package/es/components/FluidDatePicker/index.d.ts +13 -0
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.d.ts +10 -0
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
- package/es/components/FluidDatePickerInput/index.d.ts +9 -0
- package/es/components/Tabs/usePressable.js +2 -0
- package/es/index.js +5 -5
- package/lib/components/ComboBox/ComboBox.d.ts +5 -0
- package/lib/components/ComboBox/ComboBox.js +134 -44
- package/lib/components/DatePicker/DatePicker.js +9 -5
- package/lib/components/FileUploader/FileUploaderDropContainer.js +1 -1
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.d.ts +15 -0
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
- package/lib/components/FluidComboBox/FluidComboBox.d.ts +102 -0
- package/lib/components/FluidComboBox/FluidComboBox.js +2 -3
- package/lib/components/FluidComboBox/index.d.ts +13 -0
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.d.ts +19 -0
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +2 -2
- package/lib/components/FluidDatePicker/FluidDatePicker.d.ts +39 -0
- package/lib/components/FluidDatePicker/FluidDatePicker.js +3 -4
- package/lib/components/FluidDatePicker/index.d.ts +13 -0
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.d.ts +10 -0
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
- package/lib/components/FluidDatePickerInput/index.d.ts +9 -0
- package/lib/components/Tabs/usePressable.js +2 -0
- package/lib/index.js +10 -10
- package/package.json +5 -5
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2022
|
|
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 React from 'react';
|
|
8
|
+
export interface FluidDatePickerProps {
|
|
9
|
+
/**
|
|
10
|
+
* The child node(s)
|
|
11
|
+
*/
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Specify an optional className to be applied to the outer FluidForm wrapper
|
|
15
|
+
*/
|
|
16
|
+
className?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Specify whether or not the control is invalid
|
|
19
|
+
*/
|
|
20
|
+
invalid?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Provide the text that is displayed when the control is in error state
|
|
23
|
+
*/
|
|
24
|
+
invalidText?: React.ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* Whether the input should be read-only
|
|
27
|
+
*/
|
|
28
|
+
readOnly?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Specify whether the control is currently in warning state
|
|
31
|
+
*/
|
|
32
|
+
warn?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Provide the text that is displayed when the control is in warning state
|
|
35
|
+
*/
|
|
36
|
+
warnText?: React.ReactNode;
|
|
37
|
+
}
|
|
38
|
+
declare const FluidDatePicker: React.FC<FluidDatePickerProps>;
|
|
39
|
+
export default FluidDatePicker;
|
|
@@ -11,18 +11,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var PropTypes = require('prop-types');
|
|
14
|
-
var React = require('react');
|
|
15
14
|
var cx = require('classnames');
|
|
16
15
|
var DatePicker = require('../DatePicker/DatePicker.js');
|
|
17
16
|
require('../DatePicker/DatePicker.Skeleton.js');
|
|
18
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
18
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
19
|
+
var React = require('react');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
23
23
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
24
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
26
|
|
|
27
27
|
const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidDatePicker(_ref, ref) {
|
|
28
28
|
let {
|
|
@@ -86,6 +86,5 @@ FluidDatePicker.propTypes = {
|
|
|
86
86
|
*/
|
|
87
87
|
warnText: PropTypes__default["default"].node
|
|
88
88
|
};
|
|
89
|
-
var FluidDatePicker$1 = FluidDatePicker;
|
|
90
89
|
|
|
91
|
-
exports["default"] = FluidDatePicker
|
|
90
|
+
exports["default"] = FluidDatePicker;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2022
|
|
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 FluidDatePicker from './FluidDatePicker';
|
|
8
|
+
import type { FluidDatePickerProps } from './FluidDatePicker';
|
|
9
|
+
import { FluidDatePickerSkeletonProps } from './FluidDatePicker.Skeleton';
|
|
10
|
+
export type { FluidDatePickerProps, FluidDatePickerSkeletonProps };
|
|
11
|
+
export { default as FluidDatePickerSkeleton } from './FluidDatePicker.Skeleton';
|
|
12
|
+
export default FluidDatePicker;
|
|
13
|
+
export { FluidDatePicker };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2022
|
|
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 React from 'react';
|
|
8
|
+
import { DatePickerInputProps } from '../DatePickerInput';
|
|
9
|
+
declare const FluidDatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default FluidDatePickerInput;
|
|
@@ -30,6 +30,5 @@ const FluidDatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(f
|
|
|
30
30
|
ref: ref
|
|
31
31
|
}, other)));
|
|
32
32
|
});
|
|
33
|
-
var FluidDatePickerInput$1 = FluidDatePickerInput;
|
|
34
33
|
|
|
35
|
-
exports["default"] = FluidDatePickerInput
|
|
34
|
+
exports["default"] = FluidDatePickerInput;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2022
|
|
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 FluidDatePickerInput from './FluidDatePickerInput';
|
|
8
|
+
export default FluidDatePickerInput;
|
|
9
|
+
export { FluidDatePickerInput };
|
package/lib/index.js
CHANGED
|
@@ -163,6 +163,11 @@ var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
|
|
|
163
163
|
var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
|
|
164
164
|
var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
|
|
165
165
|
var index = require('./components/FeatureFlags/index.js');
|
|
166
|
+
var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
|
|
167
|
+
var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
|
|
168
|
+
var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
|
|
169
|
+
var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
|
|
170
|
+
var FluidDatePickerInput = require('./components/FluidDatePickerInput/FluidDatePickerInput.js');
|
|
166
171
|
var FluidMultiSelect = require('./components/FluidMultiSelect/FluidMultiSelect.js');
|
|
167
172
|
var FluidMultiSelect_Skeleton = require('./components/FluidMultiSelect/FluidMultiSelect.Skeleton.js');
|
|
168
173
|
var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
|
|
@@ -196,7 +201,6 @@ require('./components/Text/index.js');
|
|
|
196
201
|
var index$g = require('./components/Theme/index.js');
|
|
197
202
|
var usePrefix = require('./internal/usePrefix.js');
|
|
198
203
|
var useIdPrefix = require('./internal/useIdPrefix.js');
|
|
199
|
-
var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
|
|
200
204
|
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
201
205
|
var Pagination = require('./components/Pagination/experimental/Pagination.js');
|
|
202
206
|
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
@@ -205,10 +209,6 @@ var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
|
205
209
|
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
206
210
|
var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
|
|
207
211
|
var TextInput = require('./components/TextInput/TextInput.js');
|
|
208
|
-
var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
|
|
209
|
-
var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
|
|
210
|
-
var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
|
|
211
|
-
var FluidDatePickerInput = require('./components/FluidDatePickerInput/FluidDatePickerInput.js');
|
|
212
212
|
var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
|
|
213
213
|
var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
|
|
214
214
|
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
@@ -431,6 +431,11 @@ exports.UnorderedList = UnorderedList["default"];
|
|
|
431
431
|
exports.unstable_FeatureFlags = index.FeatureFlags;
|
|
432
432
|
exports.unstable_useFeatureFlag = index.useFeatureFlag;
|
|
433
433
|
exports.unstable_useFeatureFlags = index.useFeatureFlags;
|
|
434
|
+
exports.unstable__FluidComboBox = FluidComboBox["default"];
|
|
435
|
+
exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
|
|
436
|
+
exports.unstable__FluidDatePicker = FluidDatePicker["default"];
|
|
437
|
+
exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton["default"];
|
|
438
|
+
exports.unstable__FluidDatePickerInput = FluidDatePickerInput["default"];
|
|
434
439
|
exports.unstable__FluidMultiSelect = FluidMultiSelect["default"];
|
|
435
440
|
exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton["default"];
|
|
436
441
|
exports.unstable__FluidSelect = FluidSelect["default"];
|
|
@@ -479,7 +484,6 @@ exports.useTheme = index$g.useTheme;
|
|
|
479
484
|
exports.PrefixContext = usePrefix.PrefixContext;
|
|
480
485
|
exports.usePrefix = usePrefix.usePrefix;
|
|
481
486
|
exports.useIdPrefix = useIdPrefix.useIdPrefix;
|
|
482
|
-
exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton["default"];
|
|
483
487
|
exports.unstable_PageSelector = PageSelector["default"];
|
|
484
488
|
exports.unstable_Pagination = Pagination["default"];
|
|
485
489
|
exports.ContainedListItem = ContainedListItem["default"];
|
|
@@ -488,10 +492,6 @@ exports.useContextMenu = useContextMenu["default"];
|
|
|
488
492
|
exports.SliderSkeleton = Slider_Skeleton["default"];
|
|
489
493
|
exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
490
494
|
exports.TextInput = TextInput["default"];
|
|
491
|
-
exports.unstable__FluidComboBox = FluidComboBox["default"];
|
|
492
|
-
exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
|
|
493
|
-
exports.unstable__FluidDatePicker = FluidDatePicker["default"];
|
|
494
|
-
exports.unstable__FluidDatePickerInput = FluidDatePickerInput["default"];
|
|
495
495
|
exports.unstable__FluidDropdown = FluidDropdown["default"];
|
|
496
496
|
exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
|
|
497
497
|
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
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.68.0
|
|
4
|
+
"version": "1.68.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@babel/runtime": "^7.24.7",
|
|
51
51
|
"@carbon/feature-flags": "^0.23.0",
|
|
52
|
-
"@carbon/icons-react": "^11.51.0
|
|
52
|
+
"@carbon/icons-react": "^11.51.0",
|
|
53
53
|
"@carbon/layout": "^11.27.0",
|
|
54
|
-
"@carbon/styles": "^1.67.0
|
|
54
|
+
"@carbon/styles": "^1.67.0",
|
|
55
55
|
"@floating-ui/react": "^0.26.0",
|
|
56
56
|
"@ibm/telemetry-js": "^1.5.0",
|
|
57
57
|
"classnames": "2.5.1",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@babel/preset-react": "^7.24.7",
|
|
81
81
|
"@babel/preset-typescript": "^7.24.7",
|
|
82
82
|
"@carbon/test-utils": "^10.33.0",
|
|
83
|
-
"@carbon/themes": "^11.42.0
|
|
83
|
+
"@carbon/themes": "^11.42.0",
|
|
84
84
|
"@figma/code-connect": "^1.1.4",
|
|
85
85
|
"@rollup/plugin-babel": "^6.0.0",
|
|
86
86
|
"@rollup/plugin-commonjs": "^26.0.0",
|
|
@@ -144,5 +144,5 @@
|
|
|
144
144
|
"**/*.scss",
|
|
145
145
|
"**/*.css"
|
|
146
146
|
],
|
|
147
|
-
"gitHead": "
|
|
147
|
+
"gitHead": "a4e466817cb1f68711d5691468dd12a6756c275e"
|
|
148
148
|
}
|