@carbon/react 1.14.0 → 1.15.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/es/components/ContainedList/ContainedList.js +67 -0
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +76 -0
- package/es/components/ContainedList/index.js +13 -0
- package/es/components/DataTable/DataTable.js +3 -2
- package/es/components/DataTable/TableExpandHeader.js +10 -2
- package/es/components/DataTable/TableExpandRow.js +2 -4
- package/es/components/DataTable/state/getDerivedStateFromProps.js +3 -0
- package/es/components/Dropdown/Dropdown.js +22 -4
- package/es/components/ExpandableSearch/ExpandableSearch.js +25 -12
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +41 -0
- package/es/components/FluidDropdown/FluidDropdown.js +140 -0
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +42 -0
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +42 -0
- package/es/components/ListBox/ListBox.js +10 -3
- package/es/components/Loading/Loading.js +8 -10
- package/es/components/ModalWrapper/ModalWrapper.js +8 -0
- package/es/components/MultiSelect/FilterableMultiSelect.js +5 -1
- package/es/components/Search/Search.js +2 -1
- package/es/components/Search/next/Search.js +11 -15
- package/es/components/Slider/Slider.js +25 -24
- package/es/components/TextInput/TextInput.js +1 -1
- package/es/index.js +8 -1
- package/lib/components/ContainedList/ContainedList.js +77 -0
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +86 -0
- package/lib/components/ContainedList/index.js +18 -0
- package/lib/components/DataTable/DataTable.js +3 -2
- package/lib/components/DataTable/TableExpandHeader.js +10 -2
- package/lib/components/DataTable/TableExpandRow.js +2 -4
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +3 -0
- package/lib/components/Dropdown/Dropdown.js +20 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +24 -11
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +51 -0
- package/lib/components/FluidDropdown/FluidDropdown.js +150 -0
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +52 -0
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +52 -0
- package/lib/components/ListBox/ListBox.js +9 -2
- package/lib/components/Loading/Loading.js +8 -10
- package/lib/components/ModalWrapper/ModalWrapper.js +8 -0
- package/lib/components/MultiSelect/FilterableMultiSelect.js +4 -0
- package/lib/components/Search/Search.js +2 -1
- package/lib/components/Search/next/Search.js +11 -15
- package/lib/components/Slider/Slider.js +25 -24
- package/lib/components/TextInput/TextInput.js +1 -1
- package/lib/index.js +15 -2
- package/package.json +4 -4
- package/scss/components/fluid-dropdown/_fluid-dropdown.scss +9 -0
- package/scss/components/fluid-dropdown/_index.scss +9 -0
- package/scss/components/fluid-list-box/_fluid-list-box.scss +9 -0
- package/scss/components/fluid-list-box/_index.scss +9 -0
- package/scss/components/fluid-text-area/_fluid-text-area.scss +9 -0
- package/scss/components/fluid-text-area/_index.scss +9 -0
- package/scss/components/fluid-text-input/_fluid-text-input.scss +9 -0
- package/scss/components/fluid-text-input/_index.scss +9 -0
|
@@ -236,13 +236,14 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
|
|
|
236
236
|
|
|
237
237
|
_this.setState({
|
|
238
238
|
value: value,
|
|
239
|
-
left: left
|
|
240
|
-
needsOnRelease: true
|
|
239
|
+
left: left
|
|
241
240
|
});
|
|
242
241
|
}
|
|
243
242
|
});
|
|
244
243
|
|
|
245
244
|
_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onBlur", function (evt) {
|
|
245
|
+
var _this$props$onBlur, _this$props;
|
|
246
|
+
|
|
246
247
|
// Do nothing if we have no valid event, target, or value
|
|
247
248
|
if (!evt || !('target' in evt) || typeof evt.target.value !== 'string') {
|
|
248
249
|
return;
|
|
@@ -256,7 +257,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
|
|
|
256
257
|
isValid: validity
|
|
257
258
|
});
|
|
258
259
|
|
|
259
|
-
_this.props.onBlur({
|
|
260
|
+
(_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, {
|
|
260
261
|
value: value
|
|
261
262
|
});
|
|
262
263
|
});
|
|
@@ -407,27 +408,27 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
|
|
|
407
408
|
value: function render() {
|
|
408
409
|
var _this2 = this;
|
|
409
410
|
|
|
410
|
-
var _this$
|
|
411
|
-
ariaLabelInput = _this$
|
|
412
|
-
className = _this$
|
|
413
|
-
hideTextInput = _this$
|
|
414
|
-
_this$
|
|
415
|
-
id = _this$
|
|
416
|
-
min = _this$
|
|
417
|
-
minLabel = _this$
|
|
418
|
-
max = _this$
|
|
419
|
-
maxLabel = _this$
|
|
420
|
-
_this$
|
|
421
|
-
formatLabel = _this$
|
|
422
|
-
labelText = _this$
|
|
423
|
-
step = _this$
|
|
424
|
-
_this$
|
|
425
|
-
var inputType = _this$
|
|
426
|
-
required = _this$
|
|
427
|
-
disabled = _this$
|
|
428
|
-
name = _this$
|
|
429
|
-
light = _this$
|
|
430
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$
|
|
411
|
+
var _this$props2 = this.props,
|
|
412
|
+
ariaLabelInput = _this$props2.ariaLabelInput,
|
|
413
|
+
className = _this$props2.className,
|
|
414
|
+
hideTextInput = _this$props2.hideTextInput,
|
|
415
|
+
_this$props2$id = _this$props2.id,
|
|
416
|
+
id = _this$props2$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props2$id,
|
|
417
|
+
min = _this$props2.min,
|
|
418
|
+
minLabel = _this$props2.minLabel,
|
|
419
|
+
max = _this$props2.max,
|
|
420
|
+
maxLabel = _this$props2.maxLabel,
|
|
421
|
+
_this$props2$formatLa = _this$props2.formatLabel,
|
|
422
|
+
formatLabel = _this$props2$formatLa === void 0 ? defaultFormatLabel : _this$props2$formatLa,
|
|
423
|
+
labelText = _this$props2.labelText,
|
|
424
|
+
step = _this$props2.step;
|
|
425
|
+
_this$props2.stepMultiplier;
|
|
426
|
+
var inputType = _this$props2.inputType,
|
|
427
|
+
required = _this$props2.required,
|
|
428
|
+
disabled = _this$props2.disabled,
|
|
429
|
+
name = _this$props2.name,
|
|
430
|
+
light = _this$props2.light,
|
|
431
|
+
other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props2, _excluded);
|
|
431
432
|
|
|
432
433
|
delete other.onRelease;
|
|
433
434
|
delete other.invalid;
|
|
@@ -248,7 +248,7 @@ TextInput.propTypes = {
|
|
|
248
248
|
light: PropTypes__default["default"].bool,
|
|
249
249
|
|
|
250
250
|
/**
|
|
251
|
-
* Max character count allowed for the
|
|
251
|
+
* Max character count allowed for the input. This is needed in order for enableCounter to display
|
|
252
252
|
*/
|
|
253
253
|
maxCount: PropTypes__default["default"].number,
|
|
254
254
|
|
package/lib/index.js
CHANGED
|
@@ -96,6 +96,7 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
|
|
|
96
96
|
var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
|
|
97
97
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
98
98
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
99
|
+
require('./components/ContainedList/index.js');
|
|
99
100
|
var index$i = require('./components/FeatureFlags/index.js');
|
|
100
101
|
var index$j = require('./components/Heading/index.js');
|
|
101
102
|
var index$k = require('./components/IconButton/index.js');
|
|
@@ -124,9 +125,12 @@ var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
|
|
|
124
125
|
var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
|
|
125
126
|
var SideNavItem = require('./components/UIShell/SideNavItem.js');
|
|
126
127
|
var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
|
|
128
|
+
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
127
129
|
var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
128
|
-
var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
|
|
129
130
|
var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
|
|
131
|
+
var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
|
|
132
|
+
var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
|
|
133
|
+
var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
|
|
130
134
|
var MenuDivider = require('./components/Menu/MenuDivider.js');
|
|
131
135
|
var MenuGroup = require('./components/Menu/MenuGroup.js');
|
|
132
136
|
var MenuItem = require('./components/Menu/MenuItem.js');
|
|
@@ -138,6 +142,7 @@ var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
|
138
142
|
var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
|
|
139
143
|
var TextInput = require('./components/TextInput/TextInput.js');
|
|
140
144
|
var TreeView = require('./components/TreeView/TreeView.js');
|
|
145
|
+
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
141
146
|
var Menu = require('./components/Menu/Menu.js');
|
|
142
147
|
var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
|
|
143
148
|
var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
|
|
@@ -198,6 +203,8 @@ var SideNavLink = require('./components/UIShell/SideNavLink.js');
|
|
|
198
203
|
var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
|
|
199
204
|
var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
|
|
200
205
|
var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
|
|
206
|
+
var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
|
|
207
|
+
var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
|
|
201
208
|
var LayoutDirection = require('./components/Layout/LayoutDirection.js');
|
|
202
209
|
var useLayoutDirection = require('./components/Layout/useLayoutDirection.js');
|
|
203
210
|
var Stack = require('./components/Stack/Stack.js');
|
|
@@ -339,9 +346,12 @@ exports.SideNavFooter = SideNavFooter["default"];
|
|
|
339
346
|
exports.SideNavIcon = SideNavIcon["default"];
|
|
340
347
|
exports.SideNavItem = SideNavItem["default"];
|
|
341
348
|
exports.SideNavLinkText = SideNavLinkText["default"];
|
|
349
|
+
exports.unstable_ContainedListItem = ContainedListItem["default"];
|
|
342
350
|
exports.unstable_useContextMenu = useContextMenu["default"];
|
|
343
|
-
exports.unstable__FluidTextInput = FluidTextInput["default"];
|
|
344
351
|
exports.unstable__FluidTextArea = FluidTextArea["default"];
|
|
352
|
+
exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
|
|
353
|
+
exports.unstable__FluidTextInput = FluidTextInput["default"];
|
|
354
|
+
exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
|
|
345
355
|
exports.unstable_MenuDivider = MenuDivider["default"];
|
|
346
356
|
exports.unstable_MenuGroup = MenuGroup["default"];
|
|
347
357
|
exports.unstable_MenuItem = MenuItem["default"];
|
|
@@ -353,6 +363,7 @@ exports.ProgressBar = ProgressBar["default"];
|
|
|
353
363
|
exports.MultiSelect = MultiSelect["default"];
|
|
354
364
|
exports.TextInput = TextInput["default"];
|
|
355
365
|
exports.TreeView = TreeView["default"];
|
|
366
|
+
exports.unstable_ContainedList = ContainedList["default"];
|
|
356
367
|
exports.unstable_Menu = Menu["default"];
|
|
357
368
|
exports.Breadcrumb = Breadcrumb["default"];
|
|
358
369
|
exports.BreadcrumbItem = BreadcrumbItem["default"];
|
|
@@ -422,6 +433,8 @@ exports.SideNavLink = SideNavLink["default"];
|
|
|
422
433
|
exports.SideNavMenu = SideNavMenu.SideNavMenu;
|
|
423
434
|
exports.SideNavMenuItem = SideNavMenuItem["default"];
|
|
424
435
|
exports.SideNavSwitcher = SideNavSwitcher["default"];
|
|
436
|
+
exports.unstable__FluidDropdown = FluidDropdown["default"];
|
|
437
|
+
exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
|
|
425
438
|
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
426
439
|
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
427
440
|
exports.Stack = Stack.Stack;
|
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.15.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@babel/runtime": "^7.18.3",
|
|
46
46
|
"@carbon/feature-flags": "^0.9.0",
|
|
47
|
-
"@carbon/icons-react": "^11.
|
|
47
|
+
"@carbon/icons-react": "^11.10.0",
|
|
48
48
|
"@carbon/layout": "^11.7.0",
|
|
49
|
-
"@carbon/styles": "^1.
|
|
49
|
+
"@carbon/styles": "^1.15.0",
|
|
50
50
|
"@carbon/telemetry": "0.1.0",
|
|
51
51
|
"classnames": "2.3.2",
|
|
52
52
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"**/*.scss",
|
|
132
132
|
"**/*.css"
|
|
133
133
|
],
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "054a150b280bdebff03047535ffe48353d7d5008"
|
|
135
135
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-dropdown/fluid-dropdown';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-dropdown';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-list-box/fluid-list-box';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-list-box';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-text-area/fluid-text-area';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-text-area';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-text-input/fluid-text-input';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2018
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/fluid-text-input';
|