@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.
Files changed (53) hide show
  1. package/es/components/ContainedList/ContainedList.js +67 -0
  2. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +76 -0
  3. package/es/components/ContainedList/index.js +13 -0
  4. package/es/components/DataTable/DataTable.js +3 -2
  5. package/es/components/DataTable/TableExpandHeader.js +10 -2
  6. package/es/components/DataTable/TableExpandRow.js +2 -4
  7. package/es/components/DataTable/state/getDerivedStateFromProps.js +3 -0
  8. package/es/components/Dropdown/Dropdown.js +22 -4
  9. package/es/components/ExpandableSearch/ExpandableSearch.js +25 -12
  10. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +41 -0
  11. package/es/components/FluidDropdown/FluidDropdown.js +140 -0
  12. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +42 -0
  13. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +42 -0
  14. package/es/components/ListBox/ListBox.js +10 -3
  15. package/es/components/Loading/Loading.js +8 -10
  16. package/es/components/ModalWrapper/ModalWrapper.js +8 -0
  17. package/es/components/MultiSelect/FilterableMultiSelect.js +5 -1
  18. package/es/components/Search/Search.js +2 -1
  19. package/es/components/Search/next/Search.js +11 -15
  20. package/es/components/Slider/Slider.js +25 -24
  21. package/es/components/TextInput/TextInput.js +1 -1
  22. package/es/index.js +8 -1
  23. package/lib/components/ContainedList/ContainedList.js +77 -0
  24. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +86 -0
  25. package/lib/components/ContainedList/index.js +18 -0
  26. package/lib/components/DataTable/DataTable.js +3 -2
  27. package/lib/components/DataTable/TableExpandHeader.js +10 -2
  28. package/lib/components/DataTable/TableExpandRow.js +2 -4
  29. package/lib/components/DataTable/state/getDerivedStateFromProps.js +3 -0
  30. package/lib/components/Dropdown/Dropdown.js +20 -2
  31. package/lib/components/ExpandableSearch/ExpandableSearch.js +24 -11
  32. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +51 -0
  33. package/lib/components/FluidDropdown/FluidDropdown.js +150 -0
  34. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +52 -0
  35. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +52 -0
  36. package/lib/components/ListBox/ListBox.js +9 -2
  37. package/lib/components/Loading/Loading.js +8 -10
  38. package/lib/components/ModalWrapper/ModalWrapper.js +8 -0
  39. package/lib/components/MultiSelect/FilterableMultiSelect.js +4 -0
  40. package/lib/components/Search/Search.js +2 -1
  41. package/lib/components/Search/next/Search.js +11 -15
  42. package/lib/components/Slider/Slider.js +25 -24
  43. package/lib/components/TextInput/TextInput.js +1 -1
  44. package/lib/index.js +15 -2
  45. package/package.json +4 -4
  46. package/scss/components/fluid-dropdown/_fluid-dropdown.scss +9 -0
  47. package/scss/components/fluid-dropdown/_index.scss +9 -0
  48. package/scss/components/fluid-list-box/_fluid-list-box.scss +9 -0
  49. package/scss/components/fluid-list-box/_index.scss +9 -0
  50. package/scss/components/fluid-text-area/_fluid-text-area.scss +9 -0
  51. package/scss/components/fluid-text-area/_index.scss +9 -0
  52. package/scss/components/fluid-text-input/_fluid-text-input.scss +9 -0
  53. 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$props = this.props,
411
- ariaLabelInput = _this$props.ariaLabelInput,
412
- className = _this$props.className,
413
- hideTextInput = _this$props.hideTextInput,
414
- _this$props$id = _this$props.id,
415
- id = _this$props$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props$id,
416
- min = _this$props.min,
417
- minLabel = _this$props.minLabel,
418
- max = _this$props.max,
419
- maxLabel = _this$props.maxLabel,
420
- _this$props$formatLab = _this$props.formatLabel,
421
- formatLabel = _this$props$formatLab === void 0 ? defaultFormatLabel : _this$props$formatLab,
422
- labelText = _this$props.labelText,
423
- step = _this$props.step;
424
- _this$props.stepMultiplier;
425
- var inputType = _this$props.inputType,
426
- required = _this$props.required,
427
- disabled = _this$props.disabled,
428
- name = _this$props.name,
429
- light = _this$props.light,
430
- other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
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 textarea. This is needed in order for enableCounter to display
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.14.0",
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.9.0",
47
+ "@carbon/icons-react": "^11.10.0",
48
48
  "@carbon/layout": "^11.7.0",
49
- "@carbon/styles": "^1.14.0",
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": "dcf802a75caf0201ac831826f611d24dbe508859"
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';