@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.
- package/es/components/Checkbox/Checkbox.d.ts +20 -0
- package/es/components/Checkbox/Checkbox.js +58 -4
- package/es/components/CheckboxGroup/CheckboxGroup.js +119 -0
- package/es/components/ComboBox/ComboBox.js +11 -2
- package/es/components/ContentSwitcher/ContentSwitcher.js +9 -4
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/DataTable/DataTable.js +44 -2
- package/es/components/DataTable/Table.js +1 -2
- package/es/components/DataTable/TableCell.js +1 -2
- package/es/components/DataTable/TableExpandRow.js +1 -2
- package/es/components/DataTable/TableExpandedRow.js +1 -2
- package/es/components/DataTable/TableHead.js +1 -2
- package/es/components/DataTable/TableHeader.js +1 -2
- package/es/components/DataTable/TableRow.js +1 -2
- package/es/components/DataTable/TableSelectAll.js +1 -2
- package/es/components/DataTable/TableSelectRow.js +1 -2
- package/es/components/DataTable/TableToolbar.js +2 -3
- package/es/components/DataTable/TableToolbarAction.js +1 -2
- package/es/components/DataTable/TableToolbarContent.js +1 -2
- package/es/components/DataTable/TableToolbarMenu.js +1 -2
- package/es/components/DataTable/index.d.ts +29 -0
- package/es/components/DataTable/index.js +70 -0
- package/es/components/DatePicker/DatePicker.js +25 -3
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +15 -1
- package/es/components/DatePickerInput/DatePickerInput.js +7 -2
- package/es/components/Dropdown/Dropdown.js +16 -4
- package/es/components/ErrorBoundary/ErrorBoundary.js +1 -1
- package/es/components/FileUploader/FileUploader.js +1 -1
- package/es/components/FluidDatePicker/FluidDatePicker.js +9 -2
- package/es/components/IconButton/index.js +19 -5
- package/es/components/Modal/Modal.js +4 -2
- package/es/components/ModalWrapper/ModalWrapper.js +1 -1
- package/es/components/MultiSelect/FilterableMultiSelect.js +9 -1
- package/es/components/MultiSelect/MultiSelect.js +2 -1
- package/es/components/NumberInput/NumberInput.js +10 -2
- package/es/components/ProgressBar/ProgressBar.js +3 -0
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
- package/es/components/Select/Select.d.ts +1 -1
- package/es/components/Select/Select.js +10 -1
- package/es/components/StructuredList/StructuredList.js +2 -1
- package/es/components/Switch/IconSwitch.js +174 -0
- package/es/components/TextArea/TextArea.js +16 -1
- package/es/components/TextInput/ControlledPasswordInput.js +11 -2
- package/es/components/TextInput/PasswordInput.js +4 -1
- package/es/components/TextInput/index.js +0 -3
- package/es/components/TextInput/util.js +15 -2
- package/es/components/Tile/Tile.js +6 -4
- package/es/components/Toggle/Toggle.Skeleton.d.ts +58 -0
- package/es/components/Toggle/Toggle.Skeleton.js +1 -1
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +1 -1
- package/es/components/Tooltip/Tooltip.d.ts +1 -1
- package/es/components/UIShell/HeaderMenu.js +1 -1
- package/es/index.d.ts +1 -0
- package/es/index.js +4 -1
- package/lib/components/Checkbox/Checkbox.d.ts +20 -0
- package/lib/components/Checkbox/Checkbox.js +58 -4
- package/lib/components/CheckboxGroup/CheckboxGroup.js +129 -0
- package/lib/components/ComboBox/ComboBox.js +10 -1
- package/lib/components/ContentSwitcher/ContentSwitcher.js +9 -4
- package/lib/components/Copy/Copy.js +1 -1
- package/lib/components/DataTable/DataTable.js +48 -6
- package/lib/components/DataTable/Table.js +1 -2
- package/lib/components/DataTable/TableCell.js +1 -2
- package/lib/components/DataTable/TableExpandRow.js +1 -2
- package/lib/components/DataTable/TableExpandedRow.js +1 -2
- package/lib/components/DataTable/TableHead.js +1 -2
- package/lib/components/DataTable/TableHeader.js +1 -2
- package/lib/components/DataTable/TableRow.js +1 -2
- package/lib/components/DataTable/TableSelectAll.js +1 -2
- package/lib/components/DataTable/TableSelectRow.js +1 -2
- package/lib/components/DataTable/TableToolbar.js +1 -2
- package/lib/components/DataTable/TableToolbarAction.js +1 -2
- package/lib/components/DataTable/TableToolbarContent.js +1 -2
- package/lib/components/DataTable/TableToolbarMenu.js +1 -2
- package/lib/components/DataTable/index.d.ts +29 -0
- package/lib/components/DataTable/index.js +76 -0
- package/lib/components/DatePicker/DatePicker.js +25 -3
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +15 -1
- package/lib/components/DatePickerInput/DatePickerInput.js +7 -2
- package/lib/components/Dropdown/Dropdown.js +15 -3
- package/lib/components/FluidDatePicker/FluidDatePicker.js +9 -2
- package/lib/components/IconButton/index.js +19 -5
- package/lib/components/Modal/Modal.js +4 -2
- package/lib/components/MultiSelect/FilterableMultiSelect.js +8 -0
- package/lib/components/MultiSelect/MultiSelect.js +2 -1
- package/lib/components/NumberInput/NumberInput.js +10 -2
- package/lib/components/ProgressBar/ProgressBar.js +3 -0
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
- package/lib/components/Select/Select.d.ts +1 -1
- package/lib/components/Select/Select.js +9 -0
- package/lib/components/StructuredList/StructuredList.js +2 -1
- package/lib/components/Switch/IconSwitch.js +184 -0
- package/lib/components/TextArea/TextArea.js +16 -1
- package/lib/components/TextInput/ControlledPasswordInput.js +10 -1
- package/lib/components/TextInput/PasswordInput.js +4 -1
- package/lib/components/TextInput/index.js +0 -3
- package/lib/components/TextInput/util.js +15 -2
- package/lib/components/Tile/Tile.js +6 -4
- package/lib/components/Toggle/Toggle.Skeleton.d.ts +58 -0
- package/lib/components/Toggle/Toggle.Skeleton.js +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +6 -1
- 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
|
|
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
|
|
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'
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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;
|
|
@@ -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
|
|
189
|
+
exports["default"] = TableHeader;
|
|
@@ -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
|
|
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
|
|
39
|
+
exports["default"] = TableToolbarAction;
|
|
@@ -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
|
|
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"];
|