@carbon/react 1.26.0 → 1.27.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.
Files changed (104) hide show
  1. package/es/components/Checkbox/Checkbox.d.ts +20 -0
  2. package/es/components/Checkbox/Checkbox.js +58 -4
  3. package/es/components/CheckboxGroup/CheckboxGroup.js +119 -0
  4. package/es/components/ComboBox/ComboBox.js +11 -2
  5. package/es/components/ContentSwitcher/ContentSwitcher.js +9 -4
  6. package/es/components/Copy/Copy.js +1 -1
  7. package/es/components/DataTable/DataTable.js +44 -2
  8. package/es/components/DataTable/Table.js +1 -2
  9. package/es/components/DataTable/TableCell.js +1 -2
  10. package/es/components/DataTable/TableExpandRow.js +1 -2
  11. package/es/components/DataTable/TableExpandedRow.js +1 -2
  12. package/es/components/DataTable/TableHead.js +1 -2
  13. package/es/components/DataTable/TableHeader.js +1 -2
  14. package/es/components/DataTable/TableRow.js +1 -2
  15. package/es/components/DataTable/TableSelectAll.js +1 -2
  16. package/es/components/DataTable/TableSelectRow.js +1 -2
  17. package/es/components/DataTable/TableToolbar.js +2 -3
  18. package/es/components/DataTable/TableToolbarAction.js +1 -2
  19. package/es/components/DataTable/TableToolbarContent.js +1 -2
  20. package/es/components/DataTable/TableToolbarMenu.js +1 -2
  21. package/es/components/DataTable/index.d.ts +29 -0
  22. package/es/components/DataTable/index.js +70 -0
  23. package/es/components/DatePicker/DatePicker.js +25 -3
  24. package/es/components/DatePicker/plugins/fixEventsPlugin.js +15 -1
  25. package/es/components/DatePickerInput/DatePickerInput.js +7 -2
  26. package/es/components/Dropdown/Dropdown.js +16 -4
  27. package/es/components/ErrorBoundary/ErrorBoundary.js +1 -1
  28. package/es/components/FileUploader/FileUploader.js +1 -1
  29. package/es/components/FluidDatePicker/FluidDatePicker.js +9 -2
  30. package/es/components/IconButton/index.js +19 -5
  31. package/es/components/Modal/Modal.js +4 -2
  32. package/es/components/ModalWrapper/ModalWrapper.js +1 -1
  33. package/es/components/MultiSelect/FilterableMultiSelect.js +9 -1
  34. package/es/components/MultiSelect/MultiSelect.js +2 -1
  35. package/es/components/NumberInput/NumberInput.js +10 -2
  36. package/es/components/ProgressBar/ProgressBar.js +3 -0
  37. package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
  38. package/es/components/Select/Select.d.ts +1 -1
  39. package/es/components/Select/Select.js +10 -1
  40. package/es/components/StructuredList/StructuredList.js +2 -1
  41. package/es/components/Switch/IconSwitch.js +174 -0
  42. package/es/components/TextArea/TextArea.js +16 -1
  43. package/es/components/TextInput/ControlledPasswordInput.js +11 -2
  44. package/es/components/TextInput/PasswordInput.js +4 -1
  45. package/es/components/TextInput/index.js +0 -3
  46. package/es/components/TextInput/util.js +15 -2
  47. package/es/components/Tile/Tile.js +6 -4
  48. package/es/components/Toggle/Toggle.Skeleton.d.ts +58 -0
  49. package/es/components/Toggle/Toggle.Skeleton.js +1 -1
  50. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +1 -1
  51. package/es/components/Tooltip/Tooltip.d.ts +1 -1
  52. package/es/components/UIShell/HeaderMenu.js +1 -1
  53. package/es/index.d.ts +1 -0
  54. package/es/index.js +4 -1
  55. package/lib/components/Checkbox/Checkbox.d.ts +20 -0
  56. package/lib/components/Checkbox/Checkbox.js +58 -4
  57. package/lib/components/CheckboxGroup/CheckboxGroup.js +129 -0
  58. package/lib/components/ComboBox/ComboBox.js +10 -1
  59. package/lib/components/ContentSwitcher/ContentSwitcher.js +9 -4
  60. package/lib/components/Copy/Copy.js +1 -1
  61. package/lib/components/DataTable/DataTable.js +48 -6
  62. package/lib/components/DataTable/Table.js +1 -2
  63. package/lib/components/DataTable/TableCell.js +1 -2
  64. package/lib/components/DataTable/TableExpandRow.js +1 -2
  65. package/lib/components/DataTable/TableExpandedRow.js +1 -2
  66. package/lib/components/DataTable/TableHead.js +1 -2
  67. package/lib/components/DataTable/TableHeader.js +1 -2
  68. package/lib/components/DataTable/TableRow.js +1 -2
  69. package/lib/components/DataTable/TableSelectAll.js +1 -2
  70. package/lib/components/DataTable/TableSelectRow.js +1 -2
  71. package/lib/components/DataTable/TableToolbar.js +1 -2
  72. package/lib/components/DataTable/TableToolbarAction.js +1 -2
  73. package/lib/components/DataTable/TableToolbarContent.js +1 -2
  74. package/lib/components/DataTable/TableToolbarMenu.js +1 -2
  75. package/lib/components/DataTable/index.d.ts +29 -0
  76. package/lib/components/DataTable/index.js +76 -0
  77. package/lib/components/DatePicker/DatePicker.js +25 -3
  78. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +15 -1
  79. package/lib/components/DatePickerInput/DatePickerInput.js +7 -2
  80. package/lib/components/Dropdown/Dropdown.js +15 -3
  81. package/lib/components/FluidDatePicker/FluidDatePicker.js +9 -2
  82. package/lib/components/IconButton/index.js +19 -5
  83. package/lib/components/Modal/Modal.js +4 -2
  84. package/lib/components/MultiSelect/FilterableMultiSelect.js +8 -0
  85. package/lib/components/MultiSelect/MultiSelect.js +2 -1
  86. package/lib/components/NumberInput/NumberInput.js +10 -2
  87. package/lib/components/ProgressBar/ProgressBar.js +3 -0
  88. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
  89. package/lib/components/Select/Select.d.ts +1 -1
  90. package/lib/components/Select/Select.js +9 -0
  91. package/lib/components/StructuredList/StructuredList.js +2 -1
  92. package/lib/components/Switch/IconSwitch.js +184 -0
  93. package/lib/components/TextArea/TextArea.js +16 -1
  94. package/lib/components/TextInput/ControlledPasswordInput.js +10 -1
  95. package/lib/components/TextInput/PasswordInput.js +4 -1
  96. package/lib/components/TextInput/index.js +0 -3
  97. package/lib/components/TextInput/util.js +15 -2
  98. package/lib/components/Tile/Tile.js +6 -4
  99. package/lib/components/Toggle/Toggle.Skeleton.d.ts +58 -0
  100. package/lib/components/Toggle/Toggle.Skeleton.js +1 -1
  101. package/lib/components/Tooltip/Tooltip.d.ts +1 -1
  102. package/lib/index.d.ts +1 -0
  103. package/lib/index.js +6 -1
  104. package/package.json +12 -12
@@ -15,6 +15,8 @@ var React = require('react');
15
15
  var cx = require('classnames');
16
16
  require('../Text/index.js');
17
17
  var usePrefix = require('../../internal/usePrefix.js');
18
+ var iconsReact = require('@carbon/icons-react');
19
+ var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
18
20
  var Text = require('../Text/Text.js');
19
21
 
20
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,27 +25,44 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
26
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
27
 
26
- var _excluded = ["className", "id", "labelText", "onChange", "onClick", "indeterminate", "hideLabel", "readOnly", "title"];
28
+ var _excluded = ["className", "helperText", "id", "labelText", "onChange", "onClick", "indeterminate", "invalid", "invalidText", "hideLabel", "readOnly", "title", "warn", "warnText"];
29
+ var getInstanceId = setupGetInstanceId["default"]();
27
30
  var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, _ref2) {
31
+ var _classNames;
32
+
28
33
  var className = _ref.className,
34
+ helperText = _ref.helperText,
29
35
  id = _ref.id,
30
36
  labelText = _ref.labelText,
31
37
  _onChange = _ref.onChange,
32
38
  _onClick = _ref.onClick,
33
39
  indeterminate = _ref.indeterminate,
40
+ invalid = _ref.invalid,
41
+ invalidText = _ref.invalidText,
34
42
  hideLabel = _ref.hideLabel,
35
43
  readOnly = _ref.readOnly,
36
44
  _ref$title = _ref.title,
37
45
  title = _ref$title === void 0 ? '' : _ref$title,
46
+ warn = _ref.warn,
47
+ warnText = _ref.warnText,
38
48
  other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
39
49
 
40
50
  var prefix = usePrefix.usePrefix();
41
- var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly));
51
+ var showWarning = !readOnly && !invalid && warn;
52
+ var showHelper = !invalid && !warn;
53
+ var checkboxGroupInstanceId = getInstanceId();
54
+ var helperId = !helperText ? undefined : "checkbox-helper-text-".concat(checkboxGroupInstanceId);
55
+ var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
56
+ id: helperId,
57
+ className: "".concat(prefix, "--form__helper-text")
58
+ }, helperText) : null;
59
+ var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--invalid"), !readOnly && invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--warning"), showWarning), _classNames));
42
60
  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
43
61
  return /*#__PURE__*/React__default["default"].createElement("div", {
44
62
  className: wrapperClasses
45
63
  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
46
64
  type: "checkbox",
65
+ "data-invalid": invalid ? true : undefined,
47
66
  onChange: function onChange(evt) {
48
67
  if (!readOnly && _onChange) {
49
68
  _onChange(evt, {
@@ -85,7 +104,17 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
85
104
  title: title
86
105
  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
87
106
  className: innerLabelClasses
88
- }, labelText)));
107
+ }, labelText)), /*#__PURE__*/React__default["default"].createElement("div", {
108
+ className: "".concat(prefix, "--checkbox__validation-msg")
109
+ }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
110
+ className: "".concat(prefix, "--checkbox__invalid-icon")
111
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
112
+ className: "".concat(prefix, "--form-requirement")
113
+ }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
114
+ className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
115
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
116
+ className: "".concat(prefix, "--form-requirement")
117
+ }, warnText))), showHelper && helper);
89
118
  });
90
119
  Checkbox.propTypes = {
91
120
  /**
@@ -108,6 +137,11 @@ Checkbox.propTypes = {
108
137
  */
109
138
  disabled: PropTypes__default["default"].bool,
110
139
 
140
+ /**
141
+ * Provide text for the form group for additional help
142
+ */
143
+ helperText: PropTypes__default["default"].node,
144
+
111
145
  /**
112
146
  * Specify whether the label should be hidden, or not
113
147
  */
@@ -123,6 +157,16 @@ Checkbox.propTypes = {
123
157
  */
124
158
  indeterminate: PropTypes__default["default"].bool,
125
159
 
160
+ /**
161
+ * Specify whether the Checkbox is currently invalid
162
+ */
163
+ invalid: PropTypes__default["default"].bool,
164
+
165
+ /**
166
+ * Provide the text that is displayed when the Checkbox is in an invalid state
167
+ */
168
+ invalidText: PropTypes__default["default"].node,
169
+
126
170
  /**
127
171
  * Provide a label to provide a description of the Checkbox input that you are
128
172
  * exposing to the user
@@ -144,7 +188,17 @@ Checkbox.propTypes = {
144
188
  /**
145
189
  * Specify a title for the <label> node for the Checkbox
146
190
  */
147
- title: PropTypes__default["default"].string
191
+ title: PropTypes__default["default"].string,
192
+
193
+ /**
194
+ * Specify whether the Checkbox is currently in warning state
195
+ */
196
+ warn: PropTypes__default["default"].bool,
197
+
198
+ /**
199
+ * Provide the text that is displayed when the Checkbox is in warning state
200
+ */
201
+ warnText: PropTypes__default["default"].node
148
202
  };
149
203
  Checkbox.defaultProps = {
150
204
  onChange: function onChange() {},
@@ -0,0 +1,129 @@
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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
+ var PropTypes = require('prop-types');
14
+ var React = require('react');
15
+ var cx = require('classnames');
16
+ var usePrefix = require('../../internal/usePrefix.js');
17
+ var iconsReact = require('@carbon/icons-react');
18
+ var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
19
+
20
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
+
22
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
+
26
+ var _excluded = ["children", "className", "helperText", "invalid", "invalidText", "legendId", "legendText", "readOnly", "warn", "warnText"];
27
+ var getInstanceId = setupGetInstanceId["default"]();
28
+
29
+ function CheckboxGroup(_ref) {
30
+ var _cx;
31
+
32
+ var children = _ref.children,
33
+ className = _ref.className,
34
+ helperText = _ref.helperText,
35
+ invalid = _ref.invalid,
36
+ invalidText = _ref.invalidText,
37
+ legendId = _ref.legendId,
38
+ legendText = _ref.legendText,
39
+ readOnly = _ref.readOnly,
40
+ warn = _ref.warn,
41
+ warnText = _ref.warnText,
42
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
43
+
44
+ var prefix = usePrefix.usePrefix();
45
+ var showWarning = !readOnly && !invalid && warn;
46
+ var showHelper = !invalid && !warn;
47
+ var checkboxGroupInstanceId = getInstanceId();
48
+ var helperId = !helperText ? undefined : "checkbox-group-helper-text-".concat(checkboxGroupInstanceId);
49
+ var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
50
+ id: helperId,
51
+ className: "".concat(prefix, "--form__helper-text")
52
+ }, helperText) : null;
53
+ var fieldsetClasses = cx__default["default"]("".concat(prefix, "--checkbox-group"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--invalid"), !readOnly && invalid), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--warning"), showWarning), _cx));
54
+ return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
55
+ className: fieldsetClasses,
56
+ "data-invalid": invalid ? true : undefined,
57
+ "aria-labelledby": rest['aria-labelledby'] || legendId,
58
+ "aria-readonly": readOnly,
59
+ "aria-describedby": !invalid && !warn && helper ? helperId : undefined
60
+ }, rest), /*#__PURE__*/React__default["default"].createElement("legend", {
61
+ className: "".concat(prefix, "--label"),
62
+ id: legendId || rest['aria-labelledby']
63
+ }, legendText), children, /*#__PURE__*/React__default["default"].createElement("div", {
64
+ className: "".concat(prefix, "--checkbox-group__validation-msg")
65
+ }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
66
+ className: "".concat(prefix, "--checkbox__invalid-icon")
67
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
68
+ className: "".concat(prefix, "--form-requirement")
69
+ }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
70
+ className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
71
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
72
+ className: "".concat(prefix, "--form-requirement")
73
+ }, warnText))), showHelper && helper);
74
+ }
75
+
76
+ CheckboxGroup.propTypes = {
77
+ /**
78
+ * Provide the children form elements to be rendered inside of the <fieldset>
79
+ */
80
+ children: PropTypes__default["default"].node,
81
+
82
+ /**
83
+ * Provide a custom className to be applied to the containing <fieldset> node
84
+ */
85
+ className: PropTypes__default["default"].string,
86
+
87
+ /**
88
+ * Provide text for the form group for additional help
89
+ */
90
+ helperText: PropTypes__default["default"].node,
91
+
92
+ /**
93
+ * Specify whether the form group is currently invalid
94
+ */
95
+ invalid: PropTypes__default["default"].bool,
96
+
97
+ /**
98
+ * Provide the text that is displayed when the form group is in an invalid state
99
+ */
100
+ invalidText: PropTypes__default["default"].node,
101
+
102
+ /**
103
+ * Provide id for the fieldset <legend> which corresponds to the fieldset
104
+ * `aria-labelledby`
105
+ */
106
+ legendId: PropTypes__default["default"].node,
107
+
108
+ /**
109
+ * Provide the text to be rendered inside of the fieldset <legend>
110
+ */
111
+ legendText: PropTypes__default["default"].node.isRequired,
112
+
113
+ /**
114
+ * Whether the CheckboxGroup should be read-only
115
+ */
116
+ readOnly: PropTypes__default["default"].bool,
117
+
118
+ /**
119
+ * Specify whether the form group is currently in warning state
120
+ */
121
+ warn: PropTypes__default["default"].bool,
122
+
123
+ /**
124
+ * Provide the text that is displayed when the form group is in warning state
125
+ */
126
+ warnText: PropTypes__default["default"].node
127
+ };
128
+
129
+ exports["default"] = CheckboxGroup;
@@ -326,6 +326,14 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
326
326
  event.persist();
327
327
  }
328
328
  }
329
+
330
+ if (match.match(event, keys.Home)) {
331
+ event.target.setSelectionRange(0, 0);
332
+ }
333
+
334
+ if (match.match(event, keys.End)) {
335
+ event.target.setSelectionRange(event.target.value.length, event.target.value.length);
336
+ }
329
337
  }
330
338
  });
331
339
 
@@ -373,7 +381,8 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
373
381
  title: textInput === null || textInput === void 0 ? void 0 : (_textInput$current = textInput.current) === null || _textInput$current === void 0 ? void 0 : _textInput$current.value
374
382
  }, inputProps, rest, readOnlyEventHandlers, {
375
383
  readOnly: readOnly,
376
- ref: mergeRefs["default"](textInput, ref)
384
+ ref: mergeRefs["default"](textInput, ref),
385
+ "aria-describedby": helperText && !invalid && !warn && !isFluid ? comboBoxHelperId : undefined
377
386
  })), invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
378
387
  className: "".concat(prefix, "--list-box__invalid-icon")
379
388
  }), showWarning && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
@@ -116,7 +116,12 @@ var ContentSwitcher = /*#__PURE__*/function (_React$Component) {
116
116
  var size = _this$props.size,
117
117
  other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
118
118
 
119
- var classes = cx__default["default"]("".concat(prefix, "--content-switcher"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--content-switcher--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--content-switcher--").concat(size), size), _classNames));
119
+ var isIconOnly = React__default["default"].Children.map(children, function (child) {
120
+ return child.type.displayName === 'IconSwitch';
121
+ }).every(function (val) {
122
+ return val === true;
123
+ });
124
+ var classes = cx__default["default"]("".concat(prefix, "--content-switcher"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--content-switcher--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--content-switcher--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--content-switcher--icon-only"), isIconOnly), _classNames));
120
125
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
121
126
  className: classes,
122
127
  role: "tablist"
@@ -126,7 +131,8 @@ var ContentSwitcher = /*#__PURE__*/function (_React$Component) {
126
131
  onClick: events.composeEventHandlers([_this2.handleChildChange, child.props.onClick]),
127
132
  onKeyDown: _this2.handleChildChange,
128
133
  selected: index === _this2.state.selectedIndex,
129
- ref: _this2.handleItemRef(index)
134
+ ref: _this2.handleItemRef(index),
135
+ size: size
130
136
  });
131
137
  }));
132
138
  }
@@ -179,9 +185,8 @@ _rollupPluginBabelHelpers.defineProperty(ContentSwitcher, "propTypes", {
179
185
 
180
186
  /**
181
187
  * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
182
- * TODO V11: remove `xl` (replaced with lg)
183
188
  */
184
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl'])
189
+ size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
185
190
  });
186
191
 
187
192
  _rollupPluginBabelHelpers.defineProperty(ContentSwitcher, "contextType", usePrefix.PrefixContext);
@@ -87,13 +87,13 @@ function Copy(_ref) {
87
87
 
88
88
  if (FeatureFlags__namespace.enabled('enable-v11-release')) {
89
89
  return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
90
+ closeOnActivation: false,
90
91
  align: "bottom",
91
92
  className: classNames,
92
93
  label: animation ? feedback : other['aria-label'],
93
94
  onClick: events.composeEventHandlers([onClick, handleClick]),
94
95
  onAnimationEnd: events.composeEventHandlers([onAnimationEnd, handleAnimationEnd])
95
96
  }, other, {
96
- "aria-live": "polite",
97
97
  "aria-label": !children && (animation ? feedback : other['aria-label']) || null
98
98
  }), children);
99
99
  }
@@ -14,13 +14,33 @@ var PropTypes = require('prop-types');
14
14
  var React = require('react');
15
15
  var isEqual = require('lodash.isequal');
16
16
  var getDerivedStateFromProps = require('./state/getDerivedStateFromProps.js');
17
- var sorting$1 = require('./state/sorting.js');
17
+ var sorting = require('./state/sorting.js');
18
18
  var cells = require('./tools/cells.js');
19
19
  var denormalize = require('./tools/denormalize.js');
20
20
  var events = require('../../tools/events.js');
21
21
  var filter = require('./tools/filter.js');
22
- var sorting = require('./tools/sorting.js');
22
+ var sorting$1 = require('./tools/sorting.js');
23
23
  var instanceId = require('./tools/instanceId.js');
24
+ var Table = require('./Table.js');
25
+ var TableActionList = require('./TableActionList.js');
26
+ var TableBatchAction = require('./TableBatchAction.js');
27
+ var TableBatchActions = require('./TableBatchActions.js');
28
+ var TableBody = require('./TableBody.js');
29
+ var TableCell = require('./TableCell.js');
30
+ var TableContainer = require('./TableContainer.js');
31
+ var TableExpandHeader = require('./TableExpandHeader.js');
32
+ var TableExpandRow = require('./TableExpandRow.js');
33
+ var TableExpandedRow = require('./TableExpandedRow.js');
34
+ var TableHead = require('./TableHead.js');
35
+ var TableHeader = require('./TableHeader.js');
36
+ var TableRow = require('./TableRow.js');
37
+ var TableSelectAll = require('./TableSelectAll.js');
38
+ var TableSelectRow = require('./TableSelectRow.js');
39
+ var TableToolbar = require('./TableToolbar.js');
40
+ var TableToolbarAction = require('./TableToolbarAction.js');
41
+ var TableToolbarContent = require('./TableToolbarContent.js');
42
+ var TableToolbarSearch = require('./TableToolbarSearch.js');
43
+ var TableToolbarMenu = require('./TableToolbarMenu.js');
24
44
 
25
45
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
46
 
@@ -90,7 +110,7 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
90
110
  isSortable: isSortable,
91
111
  isSortHeader: sortHeaderKey === header.key,
92
112
  onClick: function onClick(event) {
93
- var nextSortState = sorting$1.getNextSortState(_this.props, _this.state, {
113
+ var nextSortState = sorting.getNextSortState(_this.props, _this.state, {
94
114
  key: header.key
95
115
  });
96
116
 
@@ -388,7 +408,7 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
388
408
  _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleSortBy", function (headerKey) {
389
409
  return function () {
390
410
  _this.setState(function (state) {
391
- return sorting$1.getNextSortState(_this.props, state, {
411
+ return sorting.getNextSortState(_this.props, state, {
392
412
  key: headerKey
393
413
  });
394
414
  });
@@ -627,7 +647,7 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "propTypes", {
627
647
  });
628
648
 
629
649
  _rollupPluginBabelHelpers.defineProperty(DataTable, "defaultProps", {
630
- sortRow: sorting.defaultSortRow,
650
+ sortRow: sorting$1.defaultSortRow,
631
651
  filterRows: filter.defaultFilterRows,
632
652
  locale: 'en',
633
653
  size: 'lg',
@@ -637,4 +657,26 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "defaultProps", {
637
657
 
638
658
  _rollupPluginBabelHelpers.defineProperty(DataTable, "translationKeys", Object.values(translationKeys));
639
659
 
640
- exports["default"] = DataTable;
660
+ DataTable.Table = Table.Table;
661
+ DataTable.TableActionList = TableActionList["default"];
662
+ DataTable.TableBatchAction = TableBatchAction["default"];
663
+ DataTable.TableBatchActions = TableBatchActions["default"];
664
+ DataTable.TableBody = TableBody["default"];
665
+ DataTable.TableCell = TableCell["default"];
666
+ DataTable.TableContainer = TableContainer["default"];
667
+ DataTable.TableExpandHeader = TableExpandHeader["default"];
668
+ DataTable.TableExpandRow = TableExpandRow["default"];
669
+ DataTable.TableExpandedRow = TableExpandedRow["default"];
670
+ DataTable.TableHead = TableHead["default"];
671
+ DataTable.TableHeader = TableHeader["default"];
672
+ DataTable.TableRow = TableRow["default"];
673
+ DataTable.TableSelectAll = TableSelectAll["default"];
674
+ DataTable.TableSelectRow = TableSelectRow["default"];
675
+ DataTable.TableToolbar = TableToolbar["default"];
676
+ DataTable.TableToolbarAction = TableToolbarAction["default"];
677
+ DataTable.TableToolbarContent = TableToolbarContent["default"];
678
+ DataTable.TableToolbarSearch = TableToolbarSearch["default"];
679
+ DataTable.TableToolbarMenu = TableToolbarMenu["default"];
680
+ var DataTable$1 = DataTable;
681
+
682
+ exports["default"] = DataTable$1;
@@ -97,7 +97,6 @@ Table.defaultProps = {
97
97
  isSortable: false,
98
98
  overflowMenuOnHover: true
99
99
  };
100
- var Table$1 = Table;
101
100
 
102
101
  exports.Table = Table;
103
- exports["default"] = Table$1;
102
+ exports["default"] = Table;
@@ -15,6 +15,5 @@ var TableCell = wrapComponent["default"]({
15
15
  name: 'TableCell',
16
16
  type: 'td'
17
17
  });
18
- var TableCell$1 = TableCell;
19
18
 
20
- exports["default"] = TableCell$1;
19
+ exports["default"] = TableCell;
@@ -96,6 +96,5 @@ TableExpandRow.propTypes = {
96
96
  */
97
97
  onExpand: PropTypes__default["default"].func.isRequired
98
98
  };
99
- var TableExpandRow$1 = TableExpandRow;
100
99
 
101
- exports["default"] = TableExpandRow$1;
100
+ exports["default"] = TableExpandRow;
@@ -80,6 +80,5 @@ TableExpandedRow.propTypes = {
80
80
  */
81
81
  colSpan: PropTypes__default["default"].number.isRequired
82
82
  };
83
- var TableExpandedRow$1 = TableExpandedRow;
84
83
 
85
- exports["default"] = TableExpandedRow$1;
84
+ exports["default"] = TableExpandedRow;
@@ -15,6 +15,5 @@ var TableHead = wrapComponent["default"]({
15
15
  name: 'TableHead',
16
16
  type: 'thead'
17
17
  });
18
- var TableHead$1 = TableHead;
19
18
 
20
- exports["default"] = TableHead$1;
19
+ exports["default"] = TableHead;
@@ -185,6 +185,5 @@ TableHeader.defaultProps = {
185
185
  };
186
186
  TableHeader.translationKeys = Object.values(translationKeys);
187
187
  TableHeader.displayName = 'TableHeader';
188
- var TableHeader$1 = TableHeader;
189
188
 
190
- exports["default"] = TableHeader$1;
189
+ exports["default"] = TableHeader;
@@ -47,6 +47,5 @@ TableRow.propTypes = {
47
47
  */
48
48
  isSelected: PropTypes__default["default"].bool
49
49
  };
50
- var TableRow$1 = TableRow;
51
50
 
52
- exports["default"] = TableRow$1;
51
+ exports["default"] = TableRow;
@@ -89,6 +89,5 @@ TableSelectAll.propTypes = {
89
89
  TableSelectAll.defaultProps = {
90
90
  ariaLabel: 'Select all rows in the table'
91
91
  };
92
- var TableSelectAll$1 = TableSelectAll;
93
92
 
94
- exports["default"] = TableSelectAll$1;
93
+ exports["default"] = TableSelectAll;
@@ -98,6 +98,5 @@ TableSelectRow.propTypes = {
98
98
  */
99
99
  radio: PropTypes__default["default"].bool
100
100
  };
101
- var TableSelectRow$1 = TableSelectRow;
102
101
 
103
- exports["default"] = TableSelectRow$1;
102
+ exports["default"] = TableSelectRow;
@@ -52,6 +52,5 @@ TableToolbar.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
52
52
  TableToolbar.defaultProps = {
53
53
  'aria-label': 'data table toolbar'
54
54
  };
55
- var TableToolbar$1 = TableToolbar;
56
55
 
57
- exports["default"] = TableToolbar$1;
56
+ exports["default"] = TableToolbar;
@@ -35,6 +35,5 @@ TableToolbarAction.propTypes = {
35
35
  className: PropTypes__default["default"].string,
36
36
  onClick: PropTypes__default["default"].func.isRequired
37
37
  };
38
- var TableToolbarAction$1 = TableToolbarAction;
39
38
 
40
- exports["default"] = TableToolbarAction$1;
39
+ exports["default"] = TableToolbarAction;
@@ -18,6 +18,5 @@ var TableToolbarContent = wrapComponent["default"]({
18
18
  return "".concat(prefix, "--toolbar-content");
19
19
  }
20
20
  });
21
- var TableToolbarContent$1 = TableToolbarContent;
22
21
 
23
- exports["default"] = TableToolbarContent$1;
22
+ exports["default"] = TableToolbarContent;
@@ -66,6 +66,5 @@ TableToolbarMenu.propTypes = {
66
66
  */
67
67
  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
68
68
  };
69
- var TableToolbarMenu$1 = TableToolbarMenu;
70
69
 
71
- exports["default"] = TableToolbarMenu$1;
70
+ exports["default"] = TableToolbarMenu;
@@ -0,0 +1,29 @@
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
+ import DataTable from './DataTable';
8
+ import Table from './Table';
9
+ import TableActionList from './TableActionList';
10
+ import TableBatchAction from './TableBatchAction';
11
+ import TableBatchActions from './TableBatchActions';
12
+ import TableBody from './TableBody';
13
+ import TableCell from './TableCell';
14
+ import TableContainer from './TableContainer';
15
+ import TableExpandHeader from './TableExpandHeader';
16
+ import TableExpandRow from './TableExpandRow';
17
+ import TableExpandedRow from './TableExpandedRow';
18
+ import TableHead from './TableHead';
19
+ import TableHeader from './TableHeader';
20
+ import TableRow from './TableRow';
21
+ import TableSelectAll from './TableSelectAll';
22
+ import TableSelectRow from './TableSelectRow';
23
+ import TableToolbar from './TableToolbar';
24
+ import TableToolbarAction from './TableToolbarAction';
25
+ import TableToolbarContent from './TableToolbarContent';
26
+ import TableToolbarSearch from './TableToolbarSearch';
27
+ import TableToolbarMenu from './TableToolbarMenu';
28
+ export { DataTable, Table, TableActionList, TableBatchAction, TableBatchActions, TableBody, TableCell, TableContainer, TableExpandHeader, TableExpandRow, TableExpandedRow, TableHead, TableHeader, TableRow, TableSelectAll, TableSelectRow, TableToolbar, TableToolbarAction, TableToolbarContent, TableToolbarSearch, TableToolbarMenu, };
29
+ export default DataTable;
@@ -0,0 +1,76 @@
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 DataTable = require('./DataTable.js');
13
+ var Table = require('./Table.js');
14
+ var TableActionList = require('./TableActionList.js');
15
+ var TableBatchAction = require('./TableBatchAction.js');
16
+ var TableBatchActions = require('./TableBatchActions.js');
17
+ var TableBody = require('./TableBody.js');
18
+ var TableCell = require('./TableCell.js');
19
+ var TableContainer = require('./TableContainer.js');
20
+ var TableExpandHeader = require('./TableExpandHeader.js');
21
+ var TableExpandRow = require('./TableExpandRow.js');
22
+ var TableExpandedRow = require('./TableExpandedRow.js');
23
+ var TableHead = require('./TableHead.js');
24
+ var TableHeader = require('./TableHeader.js');
25
+ var TableRow = require('./TableRow.js');
26
+ var TableSelectAll = require('./TableSelectAll.js');
27
+ var TableSelectRow = require('./TableSelectRow.js');
28
+ var TableToolbar = require('./TableToolbar.js');
29
+ var TableToolbarAction = require('./TableToolbarAction.js');
30
+ var TableToolbarContent = require('./TableToolbarContent.js');
31
+ var TableToolbarSearch = require('./TableToolbarSearch.js');
32
+ var TableToolbarMenu = require('./TableToolbarMenu.js');
33
+
34
+ DataTable["default"].Table = Table.Table;
35
+ DataTable["default"].TableActionList = TableActionList["default"];
36
+ DataTable["default"].TableBatchAction = TableBatchAction["default"];
37
+ DataTable["default"].TableBatchActions = TableBatchActions["default"];
38
+ DataTable["default"].TableBody = TableBody["default"];
39
+ DataTable["default"].TableCell = TableCell["default"];
40
+ DataTable["default"].TableContainer = TableContainer["default"];
41
+ DataTable["default"].TableExpandHeader = TableExpandHeader["default"];
42
+ DataTable["default"].TableExpandRow = TableExpandRow["default"];
43
+ DataTable["default"].TableExpandedRow = TableExpandedRow["default"];
44
+ DataTable["default"].TableHead = TableHead["default"];
45
+ DataTable["default"].TableHeader = TableHeader["default"];
46
+ DataTable["default"].TableRow = TableRow["default"];
47
+ DataTable["default"].TableSelectAll = TableSelectAll["default"];
48
+ DataTable["default"].TableSelectRow = TableSelectRow["default"];
49
+ DataTable["default"].TableToolbar = TableToolbar["default"];
50
+ DataTable["default"].TableToolbarAction = TableToolbarAction["default"];
51
+ DataTable["default"].TableToolbarContent = TableToolbarContent["default"];
52
+ DataTable["default"].TableToolbarSearch = TableToolbarSearch["default"];
53
+ DataTable["default"].TableToolbarMenu = TableToolbarMenu["default"];
54
+
55
+ exports.DataTable = DataTable["default"];
56
+ exports["default"] = DataTable["default"];
57
+ exports.Table = Table.Table;
58
+ exports.TableActionList = TableActionList["default"];
59
+ exports.TableBatchAction = TableBatchAction["default"];
60
+ exports.TableBatchActions = TableBatchActions["default"];
61
+ exports.TableBody = TableBody["default"];
62
+ exports.TableCell = TableCell["default"];
63
+ exports.TableContainer = TableContainer["default"];
64
+ exports.TableExpandHeader = TableExpandHeader["default"];
65
+ exports.TableExpandRow = TableExpandRow["default"];
66
+ exports.TableExpandedRow = TableExpandedRow["default"];
67
+ exports.TableHead = TableHead["default"];
68
+ exports.TableHeader = TableHeader["default"];
69
+ exports.TableRow = TableRow["default"];
70
+ exports.TableSelectAll = TableSelectAll["default"];
71
+ exports.TableSelectRow = TableSelectRow["default"];
72
+ exports.TableToolbar = TableToolbar["default"];
73
+ exports.TableToolbarAction = TableToolbarAction["default"];
74
+ exports.TableToolbarContent = TableToolbarContent["default"];
75
+ exports.TableToolbarSearch = TableToolbarSearch["default"];
76
+ exports.TableToolbarMenu = TableToolbarMenu["default"];