carbon-addons-iot-react 5.5.0 → 5.5.2
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/EmptyState/EmptyState.js +76 -57
- package/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js +5 -5
- package/lib/components/EmptyState/EmptyState.js +76 -57
- package/lib/components/Table/TableBody/TableBodyRow/TableBodyRow.js +5 -5
- package/package.json +2 -2
- package/umd/carbon-addons-iot-react.js +93 -74
|
@@ -68,16 +68,11 @@ var props = {
|
|
|
68
68
|
/** Size of the empty state */
|
|
69
69
|
size: PropTypes.oneOf([DEFAULT_SIZE, SMALL_SIZE]),
|
|
70
70
|
/** Arrangement of the empty state */
|
|
71
|
-
arrangement: PropTypes.oneOf(['stacked', 'inline'])
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
icon: '',
|
|
77
|
-
className: '',
|
|
78
|
-
testId: 'EmptyState',
|
|
79
|
-
size: 'default',
|
|
80
|
-
arrangement: 'stacked'
|
|
71
|
+
arrangement: PropTypes.oneOf(['stacked', 'inline']),
|
|
72
|
+
/** aria-labe to be passed to the empty state icon */
|
|
73
|
+
iconAriaLabel: PropTypes.string,
|
|
74
|
+
/** aria-hidden to be passed to the empty state icon */
|
|
75
|
+
iconAriaHidden: PropTypes.bool
|
|
81
76
|
};
|
|
82
77
|
|
|
83
78
|
/**
|
|
@@ -86,15 +81,24 @@ var defaultProps = {
|
|
|
86
81
|
*/
|
|
87
82
|
var EmptyState = function EmptyState(_ref) {
|
|
88
83
|
var title = _ref.title,
|
|
89
|
-
icon = _ref.icon,
|
|
84
|
+
_ref$icon = _ref.icon,
|
|
85
|
+
icon = _ref$icon === void 0 ? '' : _ref$icon,
|
|
90
86
|
body = _ref.body,
|
|
91
|
-
action = _ref.action,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
87
|
+
_ref$action = _ref.action,
|
|
88
|
+
action = _ref$action === void 0 ? null : _ref$action,
|
|
89
|
+
_ref$secondaryAction = _ref.secondaryAction,
|
|
90
|
+
secondaryAction = _ref$secondaryAction === void 0 ? null : _ref$secondaryAction,
|
|
91
|
+
_ref$className = _ref.className,
|
|
92
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
93
|
+
_ref$testId = _ref.testId,
|
|
94
|
+
testId = _ref$testId === void 0 ? 'EmptyState' : _ref$testId,
|
|
95
95
|
testID = _ref.testID,
|
|
96
|
-
size = _ref.size,
|
|
97
|
-
|
|
96
|
+
_ref$size = _ref.size,
|
|
97
|
+
size = _ref$size === void 0 ? 'default' : _ref$size,
|
|
98
|
+
_ref$arrangement = _ref.arrangement,
|
|
99
|
+
arrangement = _ref$arrangement === void 0 ? 'stacked' : _ref$arrangement,
|
|
100
|
+
iconAriaLabel = _ref.iconAriaLabel,
|
|
101
|
+
iconAriaHidden = _ref.iconAriaHidden;
|
|
98
102
|
var isSmall = size === SMALL_SIZE;
|
|
99
103
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
100
104
|
className: classnames("".concat(iotPrefix, "--empty-state"), className, _defineProperty({}, "".concat(iotPrefix, "--empty-state--inline"), arrangement === 'inline'))
|
|
@@ -106,7 +110,9 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
106
110
|
}, icon && /*#__PURE__*/React__default.createElement(typeof icon === 'string' ? icons[icon] : icon, _objectSpread({
|
|
107
111
|
className: classnames("".concat(iotPrefix, "--empty-state--icon"), _defineProperty({}, "".concat(iotPrefix, "--empty-state--icon--sm"), isSmall)),
|
|
108
112
|
alt: '',
|
|
109
|
-
'data-testid': "".concat(testID || testId, "-icon")
|
|
113
|
+
'data-testid': "".concat(testID || testId, "-icon"),
|
|
114
|
+
'aria-label': iconAriaLabel,
|
|
115
|
+
'aria-hidden': iconAriaHidden
|
|
110
116
|
}, isSmall && smallIconProps)), /*#__PURE__*/React__default.createElement("h3", {
|
|
111
117
|
className: classnames("".concat(iotPrefix, "--empty-state--title"), _defineProperty({}, "".concat(iotPrefix, "--empty-state--title--sm"), isSmall))
|
|
112
118
|
// TODO: remove deprecated testID in v3.
|
|
@@ -139,12 +145,49 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
139
145
|
}, secondaryAction.label))));
|
|
140
146
|
};
|
|
141
147
|
EmptyState.propTypes = props;
|
|
142
|
-
EmptyState.defaultProps = defaultProps;
|
|
143
148
|
EmptyState.__docgenInfo = {
|
|
144
149
|
"description": "Component to set empty states\nFor reference, visit https://pages.github.ibm.com/ai-applications/design/components/empty-states/usage/",
|
|
145
150
|
"methods": [],
|
|
146
151
|
"displayName": "EmptyState",
|
|
147
152
|
"props": {
|
|
153
|
+
"icon": {
|
|
154
|
+
"defaultValue": {
|
|
155
|
+
"value": "''",
|
|
156
|
+
"computed": false
|
|
157
|
+
},
|
|
158
|
+
"description": "Optional image of state",
|
|
159
|
+
"type": {
|
|
160
|
+
"name": "union",
|
|
161
|
+
"value": [{
|
|
162
|
+
"name": "func"
|
|
163
|
+
}, {
|
|
164
|
+
"name": "enum",
|
|
165
|
+
"value": [{
|
|
166
|
+
"value": "'error'",
|
|
167
|
+
"computed": false
|
|
168
|
+
}, {
|
|
169
|
+
"value": "'error404'",
|
|
170
|
+
"computed": false
|
|
171
|
+
}, {
|
|
172
|
+
"value": "'empty'",
|
|
173
|
+
"computed": false
|
|
174
|
+
}, {
|
|
175
|
+
"value": "'not-authorized'",
|
|
176
|
+
"computed": false
|
|
177
|
+
}, {
|
|
178
|
+
"value": "'no-result'",
|
|
179
|
+
"computed": false
|
|
180
|
+
}, {
|
|
181
|
+
"value": "'success'",
|
|
182
|
+
"computed": false
|
|
183
|
+
}, {
|
|
184
|
+
"value": "''",
|
|
185
|
+
"computed": false
|
|
186
|
+
}]
|
|
187
|
+
}]
|
|
188
|
+
},
|
|
189
|
+
"required": false
|
|
190
|
+
},
|
|
148
191
|
"action": {
|
|
149
192
|
"defaultValue": {
|
|
150
193
|
"value": "null",
|
|
@@ -204,44 +247,6 @@ EmptyState.__docgenInfo = {
|
|
|
204
247
|
},
|
|
205
248
|
"required": false
|
|
206
249
|
},
|
|
207
|
-
"icon": {
|
|
208
|
-
"defaultValue": {
|
|
209
|
-
"value": "''",
|
|
210
|
-
"computed": false
|
|
211
|
-
},
|
|
212
|
-
"description": "Optional image of state",
|
|
213
|
-
"type": {
|
|
214
|
-
"name": "union",
|
|
215
|
-
"value": [{
|
|
216
|
-
"name": "func"
|
|
217
|
-
}, {
|
|
218
|
-
"name": "enum",
|
|
219
|
-
"value": [{
|
|
220
|
-
"value": "'error'",
|
|
221
|
-
"computed": false
|
|
222
|
-
}, {
|
|
223
|
-
"value": "'error404'",
|
|
224
|
-
"computed": false
|
|
225
|
-
}, {
|
|
226
|
-
"value": "'empty'",
|
|
227
|
-
"computed": false
|
|
228
|
-
}, {
|
|
229
|
-
"value": "'not-authorized'",
|
|
230
|
-
"computed": false
|
|
231
|
-
}, {
|
|
232
|
-
"value": "'no-result'",
|
|
233
|
-
"computed": false
|
|
234
|
-
}, {
|
|
235
|
-
"value": "'success'",
|
|
236
|
-
"computed": false
|
|
237
|
-
}, {
|
|
238
|
-
"value": "''",
|
|
239
|
-
"computed": false
|
|
240
|
-
}]
|
|
241
|
-
}]
|
|
242
|
-
},
|
|
243
|
-
"required": false
|
|
244
|
-
},
|
|
245
250
|
"className": {
|
|
246
251
|
"defaultValue": {
|
|
247
252
|
"value": "''",
|
|
@@ -331,6 +336,20 @@ EmptyState.__docgenInfo = {
|
|
|
331
336
|
"raw": "deprecate(\n PropTypes.string,\n `The 'testID' prop has been deprecated. Please use 'testId' instead.`\n)"
|
|
332
337
|
},
|
|
333
338
|
"required": false
|
|
339
|
+
},
|
|
340
|
+
"iconAriaLabel": {
|
|
341
|
+
"description": "aria-labe to be passed to the empty state icon",
|
|
342
|
+
"type": {
|
|
343
|
+
"name": "string"
|
|
344
|
+
},
|
|
345
|
+
"required": false
|
|
346
|
+
},
|
|
347
|
+
"iconAriaHidden": {
|
|
348
|
+
"description": "aria-hidden to be passed to the empty state icon",
|
|
349
|
+
"type": {
|
|
350
|
+
"name": "bool"
|
|
351
|
+
},
|
|
352
|
+
"required": false
|
|
334
353
|
}
|
|
335
354
|
}
|
|
336
355
|
};
|
|
@@ -374,7 +374,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
374
374
|
key: id
|
|
375
375
|
}, /*#__PURE__*/React__default.createElement(TableExpandRow, _extends({
|
|
376
376
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
377
|
-
className: classnames("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
377
|
+
className: classnames("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
378
378
|
ariaLabel: clickToCollapseAria,
|
|
379
379
|
expandIconDescription: clickToCollapseAria,
|
|
380
380
|
isExpanded: true,
|
|
@@ -402,13 +402,13 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
402
402
|
rowId: id,
|
|
403
403
|
langDir: langDir
|
|
404
404
|
}, dragEnterLeaveHandlers), tableCells), !hasRowNesting && /*#__PURE__*/React__default.createElement(TableRow, _extends({
|
|
405
|
-
className: classnames("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow))
|
|
405
|
+
className: classnames("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted))
|
|
406
406
|
}, dragEnterLeaveHandlers), /*#__PURE__*/React__default.createElement(TableCell, {
|
|
407
407
|
colSpan: totalColumns
|
|
408
408
|
}, rowDetails))) : /*#__PURE__*/React__default.createElement(TableExpandRow, _extends({
|
|
409
409
|
key: id,
|
|
410
410
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
411
|
-
className: classnames("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
411
|
+
className: classnames("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
412
412
|
"data-row-nesting": hasRowNesting,
|
|
413
413
|
"data-child-count": nestingChildCount,
|
|
414
414
|
"data-nesting-offset": nestingOffset,
|
|
@@ -437,7 +437,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
437
437
|
rowId: id,
|
|
438
438
|
langDir: langDir
|
|
439
439
|
}, dragEnterLeaveHandlers), tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default.createElement(TableRow, _extends({
|
|
440
|
-
className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected)),
|
|
440
|
+
className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
441
441
|
key: id,
|
|
442
442
|
onClick: function onClick() {
|
|
443
443
|
if (isSelectable !== false) {
|
|
@@ -448,7 +448,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
}, dragEnterLeaveHandlers), tableCells) : /*#__PURE__*/React__default.createElement(TableRow, _extends({
|
|
451
|
-
className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
451
|
+
className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
452
452
|
key: id,
|
|
453
453
|
onClick: function onClick() {
|
|
454
454
|
if (isSelectable !== false) {
|
|
@@ -78,16 +78,11 @@ var props = {
|
|
|
78
78
|
/** Size of the empty state */
|
|
79
79
|
size: PropTypes__default.default.oneOf([DEFAULT_SIZE, SMALL_SIZE]),
|
|
80
80
|
/** Arrangement of the empty state */
|
|
81
|
-
arrangement: PropTypes__default.default.oneOf(['stacked', 'inline'])
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
icon: '',
|
|
87
|
-
className: '',
|
|
88
|
-
testId: 'EmptyState',
|
|
89
|
-
size: 'default',
|
|
90
|
-
arrangement: 'stacked'
|
|
81
|
+
arrangement: PropTypes__default.default.oneOf(['stacked', 'inline']),
|
|
82
|
+
/** aria-labe to be passed to the empty state icon */
|
|
83
|
+
iconAriaLabel: PropTypes__default.default.string,
|
|
84
|
+
/** aria-hidden to be passed to the empty state icon */
|
|
85
|
+
iconAriaHidden: PropTypes__default.default.bool
|
|
91
86
|
};
|
|
92
87
|
|
|
93
88
|
/**
|
|
@@ -96,15 +91,24 @@ var defaultProps = {
|
|
|
96
91
|
*/
|
|
97
92
|
var EmptyState = function EmptyState(_ref) {
|
|
98
93
|
var title = _ref.title,
|
|
99
|
-
icon = _ref.icon,
|
|
94
|
+
_ref$icon = _ref.icon,
|
|
95
|
+
icon = _ref$icon === void 0 ? '' : _ref$icon,
|
|
100
96
|
body = _ref.body,
|
|
101
|
-
action = _ref.action,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
_ref$action = _ref.action,
|
|
98
|
+
action = _ref$action === void 0 ? null : _ref$action,
|
|
99
|
+
_ref$secondaryAction = _ref.secondaryAction,
|
|
100
|
+
secondaryAction = _ref$secondaryAction === void 0 ? null : _ref$secondaryAction,
|
|
101
|
+
_ref$className = _ref.className,
|
|
102
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
103
|
+
_ref$testId = _ref.testId,
|
|
104
|
+
testId = _ref$testId === void 0 ? 'EmptyState' : _ref$testId,
|
|
105
105
|
testID = _ref.testID,
|
|
106
|
-
size = _ref.size,
|
|
107
|
-
|
|
106
|
+
_ref$size = _ref.size,
|
|
107
|
+
size = _ref$size === void 0 ? 'default' : _ref$size,
|
|
108
|
+
_ref$arrangement = _ref.arrangement,
|
|
109
|
+
arrangement = _ref$arrangement === void 0 ? 'stacked' : _ref$arrangement,
|
|
110
|
+
iconAriaLabel = _ref.iconAriaLabel,
|
|
111
|
+
iconAriaHidden = _ref.iconAriaHidden;
|
|
108
112
|
var isSmall = size === SMALL_SIZE;
|
|
109
113
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
110
114
|
className: classnames__default.default("".concat(iotPrefix, "--empty-state"), className, _defineProperty__default.default({}, "".concat(iotPrefix, "--empty-state--inline"), arrangement === 'inline'))
|
|
@@ -116,7 +120,9 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
116
120
|
}, icon && /*#__PURE__*/React__default.default.createElement(typeof icon === 'string' ? icons[icon] : icon, _objectSpread({
|
|
117
121
|
className: classnames__default.default("".concat(iotPrefix, "--empty-state--icon"), _defineProperty__default.default({}, "".concat(iotPrefix, "--empty-state--icon--sm"), isSmall)),
|
|
118
122
|
alt: '',
|
|
119
|
-
'data-testid': "".concat(testID || testId, "-icon")
|
|
123
|
+
'data-testid': "".concat(testID || testId, "-icon"),
|
|
124
|
+
'aria-label': iconAriaLabel,
|
|
125
|
+
'aria-hidden': iconAriaHidden
|
|
120
126
|
}, isSmall && smallIconProps)), /*#__PURE__*/React__default.default.createElement("h3", {
|
|
121
127
|
className: classnames__default.default("".concat(iotPrefix, "--empty-state--title"), _defineProperty__default.default({}, "".concat(iotPrefix, "--empty-state--title--sm"), isSmall))
|
|
122
128
|
// TODO: remove deprecated testID in v3.
|
|
@@ -149,12 +155,49 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
149
155
|
}, secondaryAction.label))));
|
|
150
156
|
};
|
|
151
157
|
EmptyState.propTypes = props;
|
|
152
|
-
EmptyState.defaultProps = defaultProps;
|
|
153
158
|
EmptyState.__docgenInfo = {
|
|
154
159
|
"description": "Component to set empty states\nFor reference, visit https://pages.github.ibm.com/ai-applications/design/components/empty-states/usage/",
|
|
155
160
|
"methods": [],
|
|
156
161
|
"displayName": "EmptyState",
|
|
157
162
|
"props": {
|
|
163
|
+
"icon": {
|
|
164
|
+
"defaultValue": {
|
|
165
|
+
"value": "''",
|
|
166
|
+
"computed": false
|
|
167
|
+
},
|
|
168
|
+
"description": "Optional image of state",
|
|
169
|
+
"type": {
|
|
170
|
+
"name": "union",
|
|
171
|
+
"value": [{
|
|
172
|
+
"name": "func"
|
|
173
|
+
}, {
|
|
174
|
+
"name": "enum",
|
|
175
|
+
"value": [{
|
|
176
|
+
"value": "'error'",
|
|
177
|
+
"computed": false
|
|
178
|
+
}, {
|
|
179
|
+
"value": "'error404'",
|
|
180
|
+
"computed": false
|
|
181
|
+
}, {
|
|
182
|
+
"value": "'empty'",
|
|
183
|
+
"computed": false
|
|
184
|
+
}, {
|
|
185
|
+
"value": "'not-authorized'",
|
|
186
|
+
"computed": false
|
|
187
|
+
}, {
|
|
188
|
+
"value": "'no-result'",
|
|
189
|
+
"computed": false
|
|
190
|
+
}, {
|
|
191
|
+
"value": "'success'",
|
|
192
|
+
"computed": false
|
|
193
|
+
}, {
|
|
194
|
+
"value": "''",
|
|
195
|
+
"computed": false
|
|
196
|
+
}]
|
|
197
|
+
}]
|
|
198
|
+
},
|
|
199
|
+
"required": false
|
|
200
|
+
},
|
|
158
201
|
"action": {
|
|
159
202
|
"defaultValue": {
|
|
160
203
|
"value": "null",
|
|
@@ -214,44 +257,6 @@ EmptyState.__docgenInfo = {
|
|
|
214
257
|
},
|
|
215
258
|
"required": false
|
|
216
259
|
},
|
|
217
|
-
"icon": {
|
|
218
|
-
"defaultValue": {
|
|
219
|
-
"value": "''",
|
|
220
|
-
"computed": false
|
|
221
|
-
},
|
|
222
|
-
"description": "Optional image of state",
|
|
223
|
-
"type": {
|
|
224
|
-
"name": "union",
|
|
225
|
-
"value": [{
|
|
226
|
-
"name": "func"
|
|
227
|
-
}, {
|
|
228
|
-
"name": "enum",
|
|
229
|
-
"value": [{
|
|
230
|
-
"value": "'error'",
|
|
231
|
-
"computed": false
|
|
232
|
-
}, {
|
|
233
|
-
"value": "'error404'",
|
|
234
|
-
"computed": false
|
|
235
|
-
}, {
|
|
236
|
-
"value": "'empty'",
|
|
237
|
-
"computed": false
|
|
238
|
-
}, {
|
|
239
|
-
"value": "'not-authorized'",
|
|
240
|
-
"computed": false
|
|
241
|
-
}, {
|
|
242
|
-
"value": "'no-result'",
|
|
243
|
-
"computed": false
|
|
244
|
-
}, {
|
|
245
|
-
"value": "'success'",
|
|
246
|
-
"computed": false
|
|
247
|
-
}, {
|
|
248
|
-
"value": "''",
|
|
249
|
-
"computed": false
|
|
250
|
-
}]
|
|
251
|
-
}]
|
|
252
|
-
},
|
|
253
|
-
"required": false
|
|
254
|
-
},
|
|
255
260
|
"className": {
|
|
256
261
|
"defaultValue": {
|
|
257
262
|
"value": "''",
|
|
@@ -341,6 +346,20 @@ EmptyState.__docgenInfo = {
|
|
|
341
346
|
"raw": "deprecate(\n PropTypes.string,\n `The 'testID' prop has been deprecated. Please use 'testId' instead.`\n)"
|
|
342
347
|
},
|
|
343
348
|
"required": false
|
|
349
|
+
},
|
|
350
|
+
"iconAriaLabel": {
|
|
351
|
+
"description": "aria-labe to be passed to the empty state icon",
|
|
352
|
+
"type": {
|
|
353
|
+
"name": "string"
|
|
354
|
+
},
|
|
355
|
+
"required": false
|
|
356
|
+
},
|
|
357
|
+
"iconAriaHidden": {
|
|
358
|
+
"description": "aria-hidden to be passed to the empty state icon",
|
|
359
|
+
"type": {
|
|
360
|
+
"name": "bool"
|
|
361
|
+
},
|
|
362
|
+
"required": false
|
|
344
363
|
}
|
|
345
364
|
}
|
|
346
365
|
};
|
|
@@ -384,7 +384,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
384
384
|
key: id
|
|
385
385
|
}, /*#__PURE__*/React__default.default.createElement(TableExpandRow, _extends__default.default({
|
|
386
386
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
387
|
-
className: classnames__default.default("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
387
|
+
className: classnames__default.default("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
388
388
|
ariaLabel: clickToCollapseAria,
|
|
389
389
|
expandIconDescription: clickToCollapseAria,
|
|
390
390
|
isExpanded: true,
|
|
@@ -412,13 +412,13 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
412
412
|
rowId: id,
|
|
413
413
|
langDir: langDir
|
|
414
414
|
}, dragEnterLeaveHandlers), tableCells), !hasRowNesting && /*#__PURE__*/React__default.default.createElement(react.TableRow, _extends__default.default({
|
|
415
|
-
className: classnames__default.default("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow))
|
|
415
|
+
className: classnames__default.default("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted))
|
|
416
416
|
}, dragEnterLeaveHandlers), /*#__PURE__*/React__default.default.createElement(react.TableCell, {
|
|
417
417
|
colSpan: totalColumns
|
|
418
418
|
}, rowDetails))) : /*#__PURE__*/React__default.default.createElement(TableExpandRow, _extends__default.default({
|
|
419
419
|
key: id,
|
|
420
420
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
421
|
-
className: classnames__default.default("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
421
|
+
className: classnames__default.default("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
422
422
|
"data-row-nesting": hasRowNesting,
|
|
423
423
|
"data-child-count": nestingChildCount,
|
|
424
424
|
"data-nesting-offset": nestingOffset,
|
|
@@ -447,7 +447,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
447
447
|
rowId: id,
|
|
448
448
|
langDir: langDir
|
|
449
449
|
}, dragEnterLeaveHandlers), tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default.default.createElement(react.TableRow, _extends__default.default({
|
|
450
|
-
className: classnames__default.default("".concat(iotPrefix, "--table__row"), _defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected)),
|
|
450
|
+
className: classnames__default.default("".concat(iotPrefix, "--table__row"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
451
451
|
key: id,
|
|
452
452
|
onClick: function onClick() {
|
|
453
453
|
if (isSelectable !== false) {
|
|
@@ -458,7 +458,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
|
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
}, dragEnterLeaveHandlers), tableCells) : /*#__PURE__*/React__default.default.createElement(react.TableRow, _extends__default.default({
|
|
461
|
-
className: classnames__default.default("".concat(iotPrefix, "--table__row"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow)),
|
|
461
|
+
className: classnames__default.default("".concat(iotPrefix, "--table__row"), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
462
462
|
key: id,
|
|
463
463
|
onClick: function onClick() {
|
|
464
464
|
if (isSelectable !== false) {
|
package/package.json
CHANGED
|
@@ -353,11 +353,11 @@
|
|
|
353
353
|
"whatwg-fetch": "^3.0.0"
|
|
354
354
|
},
|
|
355
355
|
"sideEffects": false,
|
|
356
|
-
"version": "5.5.
|
|
356
|
+
"version": "5.5.2",
|
|
357
357
|
"resolutions": {
|
|
358
358
|
"chokidar": "3.3.1",
|
|
359
359
|
"react-grid-layout": "1.2.2",
|
|
360
360
|
"got": "11.8.5"
|
|
361
361
|
},
|
|
362
|
-
"gitHead": "
|
|
362
|
+
"gitHead": "23041e92b415f8acd1b97d522a7bea1725239710"
|
|
363
363
|
}
|
|
@@ -2163,7 +2163,7 @@
|
|
|
2163
2163
|
/** Id that can be used for testing */
|
|
2164
2164
|
testId: PropTypes.string
|
|
2165
2165
|
};
|
|
2166
|
-
var defaultProps$
|
|
2166
|
+
var defaultProps$2v = {
|
|
2167
2167
|
loading: false,
|
|
2168
2168
|
disabled: false,
|
|
2169
2169
|
className: null,
|
|
@@ -2205,7 +2205,7 @@
|
|
|
2205
2205
|
}) : null, children);
|
|
2206
2206
|
});
|
|
2207
2207
|
Button$1.propTypes = propTypes$2p;
|
|
2208
|
-
Button$1.defaultProps = defaultProps$
|
|
2208
|
+
Button$1.defaultProps = defaultProps$2v;
|
|
2209
2209
|
Button$1.__docgenInfo = {
|
|
2210
2210
|
"description": "",
|
|
2211
2211
|
"methods": [],
|
|
@@ -14713,7 +14713,7 @@
|
|
|
14713
14713
|
disableTruncation: PropTypes.oneOf(['first', 'last', 'none']),
|
|
14714
14714
|
testId: PropTypes.string
|
|
14715
14715
|
};
|
|
14716
|
-
var defaultProps$
|
|
14716
|
+
var defaultProps$2u = {
|
|
14717
14717
|
className: null,
|
|
14718
14718
|
noTrailingSlash: false,
|
|
14719
14719
|
children: null,
|
|
@@ -14813,7 +14813,7 @@
|
|
|
14813
14813
|
}, other), children));
|
|
14814
14814
|
};
|
|
14815
14815
|
Breadcrumb.propTypes = propTypes$2o;
|
|
14816
|
-
Breadcrumb.defaultProps = defaultProps$
|
|
14816
|
+
Breadcrumb.defaultProps = defaultProps$2u;
|
|
14817
14817
|
Breadcrumb.__docgenInfo = {
|
|
14818
14818
|
"description": "",
|
|
14819
14819
|
"methods": [],
|
|
@@ -15085,7 +15085,7 @@
|
|
|
15085
15085
|
*/
|
|
15086
15086
|
selectorPrimaryFocus: PropTypes.string
|
|
15087
15087
|
};
|
|
15088
|
-
var defaultProps$
|
|
15088
|
+
var defaultProps$2t = {
|
|
15089
15089
|
open: true,
|
|
15090
15090
|
error: null,
|
|
15091
15091
|
isFetchingData: false,
|
|
@@ -15244,7 +15244,7 @@
|
|
|
15244
15244
|
}, footer && footer.primaryButtonLabel || 'Save') : null)) : null);
|
|
15245
15245
|
};
|
|
15246
15246
|
ComposedModal.propTypes = ComposedModalPropTypes;
|
|
15247
|
-
ComposedModal.defaultProps = defaultProps$
|
|
15247
|
+
ComposedModal.defaultProps = defaultProps$2t;
|
|
15248
15248
|
ComposedModal.__docgenInfo = {
|
|
15249
15249
|
"description": "Renders a carbon modal dialog. This dialog adds these additional features on top of the base carbon dialog:\n adds header.helpText prop to explain dialog\n adds type prop for warning and error type dialogs\n adds isFullScreen prop to have the modal appear in full width using class styling\n adds isLarge prop for large and small class styling dialogs\n adds isFetchingData props for loading state\n adds error and dataError prop to display notification about error at bottom of dialog\n if submitFailed prop, it will find and scroll the failing carbon element into view\n shows spinner on primary dialog button if sendingData prop is true\n\nWe also prevent the dialog from closing if you click outside it.",
|
|
15250
15250
|
"methods": [],
|
|
@@ -195291,7 +195291,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195291
195291
|
}),
|
|
195292
195292
|
testId: PropTypes.string
|
|
195293
195293
|
};
|
|
195294
|
-
var defaultProps$
|
|
195294
|
+
var defaultProps$2s = {
|
|
195295
195295
|
initialValue: null,
|
|
195296
195296
|
language: 'css',
|
|
195297
195297
|
onCopy: null,
|
|
@@ -195319,7 +195319,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195319
195319
|
i18n = _ref.i18n,
|
|
195320
195320
|
testId = _ref.testId;
|
|
195321
195321
|
var mergedI18n = React$1.useMemo(function () {
|
|
195322
|
-
return _objectSpread$24(_objectSpread$24({}, defaultProps$
|
|
195322
|
+
return _objectSpread$24(_objectSpread$24({}, defaultProps$2s.i18n), i18n);
|
|
195323
195323
|
}, [i18n]);
|
|
195324
195324
|
var editorValue = React$1.useRef();
|
|
195325
195325
|
var inputNode = React$1.useRef(null);
|
|
@@ -195437,7 +195437,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195437
195437
|
}));
|
|
195438
195438
|
};
|
|
195439
195439
|
CodeEditor.propTypes = propTypes$2n;
|
|
195440
|
-
CodeEditor.defaultProps = defaultProps$
|
|
195440
|
+
CodeEditor.defaultProps = defaultProps$2s;
|
|
195441
195441
|
CodeEditor.__docgenInfo = {
|
|
195442
195442
|
"description": "",
|
|
195443
195443
|
"methods": [],
|
|
@@ -195612,7 +195612,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195612
195612
|
testID: deprecate$2(PropTypes.string, "The 'testID' prop has been deprecated. Please use 'testId' instead."),
|
|
195613
195613
|
testId: PropTypes.string
|
|
195614
195614
|
});
|
|
195615
|
-
var defaultProps$
|
|
195615
|
+
var defaultProps$2r = {
|
|
195616
195616
|
i18n: {
|
|
195617
195617
|
errorTitle: 'Error:',
|
|
195618
195618
|
modalTitle: 'Edit the JSONs',
|
|
@@ -195653,7 +195653,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195653
195653
|
error = _useState6[0],
|
|
195654
195654
|
setError = _useState6[1];
|
|
195655
195655
|
var mergedI18n = React$1.useMemo(function () {
|
|
195656
|
-
return _objectSpread$23(_objectSpread$23({}, defaultProps$
|
|
195656
|
+
return _objectSpread$23(_objectSpread$23({}, defaultProps$2r.i18n), i18n);
|
|
195657
195657
|
}, [i18n]);
|
|
195658
195658
|
var handleOnSubmit = function handleOnSubmit() {
|
|
195659
195659
|
onSubmit(editorValue, setError);
|
|
@@ -195714,7 +195714,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
195714
195714
|
}));
|
|
195715
195715
|
};
|
|
195716
195716
|
CardCodeEditor.propTypes = propTypes$2m;
|
|
195717
|
-
CardCodeEditor.defaultProps = defaultProps$
|
|
195717
|
+
CardCodeEditor.defaultProps = defaultProps$2r;
|
|
195718
195718
|
CardCodeEditor.__docgenInfo = {
|
|
195719
195719
|
"description": "",
|
|
195720
195720
|
"methods": [],
|
|
@@ -196931,16 +196931,11 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
196931
196931
|
/** Size of the empty state */
|
|
196932
196932
|
size: PropTypes.oneOf([DEFAULT_SIZE, SMALL_SIZE]),
|
|
196933
196933
|
/** Arrangement of the empty state */
|
|
196934
|
-
arrangement: PropTypes.oneOf(['stacked', 'inline'])
|
|
196935
|
-
|
|
196936
|
-
|
|
196937
|
-
|
|
196938
|
-
|
|
196939
|
-
icon: '',
|
|
196940
|
-
className: '',
|
|
196941
|
-
testId: 'EmptyState',
|
|
196942
|
-
size: 'default',
|
|
196943
|
-
arrangement: 'stacked'
|
|
196934
|
+
arrangement: PropTypes.oneOf(['stacked', 'inline']),
|
|
196935
|
+
/** aria-labe to be passed to the empty state icon */
|
|
196936
|
+
iconAriaLabel: PropTypes.string,
|
|
196937
|
+
/** aria-hidden to be passed to the empty state icon */
|
|
196938
|
+
iconAriaHidden: PropTypes.bool
|
|
196944
196939
|
};
|
|
196945
196940
|
|
|
196946
196941
|
/**
|
|
@@ -196949,15 +196944,24 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
196949
196944
|
*/
|
|
196950
196945
|
var EmptyState = function EmptyState(_ref) {
|
|
196951
196946
|
var title = _ref.title,
|
|
196952
|
-
icon = _ref.icon,
|
|
196947
|
+
_ref$icon = _ref.icon,
|
|
196948
|
+
icon = _ref$icon === void 0 ? '' : _ref$icon,
|
|
196953
196949
|
body = _ref.body,
|
|
196954
|
-
action = _ref.action,
|
|
196955
|
-
|
|
196956
|
-
|
|
196957
|
-
|
|
196950
|
+
_ref$action = _ref.action,
|
|
196951
|
+
action = _ref$action === void 0 ? null : _ref$action,
|
|
196952
|
+
_ref$secondaryAction = _ref.secondaryAction,
|
|
196953
|
+
secondaryAction = _ref$secondaryAction === void 0 ? null : _ref$secondaryAction,
|
|
196954
|
+
_ref$className = _ref.className,
|
|
196955
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
196956
|
+
_ref$testId = _ref.testId,
|
|
196957
|
+
testId = _ref$testId === void 0 ? 'EmptyState' : _ref$testId,
|
|
196958
196958
|
testID = _ref.testID,
|
|
196959
|
-
size = _ref.size,
|
|
196960
|
-
|
|
196959
|
+
_ref$size = _ref.size,
|
|
196960
|
+
size = _ref$size === void 0 ? 'default' : _ref$size,
|
|
196961
|
+
_ref$arrangement = _ref.arrangement,
|
|
196962
|
+
arrangement = _ref$arrangement === void 0 ? 'stacked' : _ref$arrangement,
|
|
196963
|
+
iconAriaLabel = _ref.iconAriaLabel,
|
|
196964
|
+
iconAriaHidden = _ref.iconAriaHidden;
|
|
196961
196965
|
var isSmall = size === SMALL_SIZE;
|
|
196962
196966
|
return /*#__PURE__*/React$1.createElement("div", {
|
|
196963
196967
|
className: classnames("".concat(iotPrefix$2n, "--empty-state"), className, _defineProperty$c({}, "".concat(iotPrefix$2n, "--empty-state--inline"), arrangement === 'inline'))
|
|
@@ -196969,7 +196973,9 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
196969
196973
|
}, icon && /*#__PURE__*/React$1.createElement(typeof icon === 'string' ? icons$1[icon] : icon, _objectSpread$22({
|
|
196970
196974
|
className: classnames("".concat(iotPrefix$2n, "--empty-state--icon"), _defineProperty$c({}, "".concat(iotPrefix$2n, "--empty-state--icon--sm"), isSmall)),
|
|
196971
196975
|
alt: '',
|
|
196972
|
-
'data-testid': "".concat(testID || testId, "-icon")
|
|
196976
|
+
'data-testid': "".concat(testID || testId, "-icon"),
|
|
196977
|
+
'aria-label': iconAriaLabel,
|
|
196978
|
+
'aria-hidden': iconAriaHidden
|
|
196973
196979
|
}, isSmall && smallIconProps)), /*#__PURE__*/React$1.createElement("h3", {
|
|
196974
196980
|
className: classnames("".concat(iotPrefix$2n, "--empty-state--title"), _defineProperty$c({}, "".concat(iotPrefix$2n, "--empty-state--title--sm"), isSmall))
|
|
196975
196981
|
// TODO: remove deprecated testID in v3.
|
|
@@ -197002,12 +197008,49 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
197002
197008
|
}, secondaryAction.label))));
|
|
197003
197009
|
};
|
|
197004
197010
|
EmptyState.propTypes = props;
|
|
197005
|
-
EmptyState.defaultProps = defaultProps$2r;
|
|
197006
197011
|
EmptyState.__docgenInfo = {
|
|
197007
197012
|
"description": "Component to set empty states\nFor reference, visit https://pages.github.ibm.com/ai-applications/design/components/empty-states/usage/",
|
|
197008
197013
|
"methods": [],
|
|
197009
197014
|
"displayName": "EmptyState",
|
|
197010
197015
|
"props": {
|
|
197016
|
+
"icon": {
|
|
197017
|
+
"defaultValue": {
|
|
197018
|
+
"value": "''",
|
|
197019
|
+
"computed": false
|
|
197020
|
+
},
|
|
197021
|
+
"description": "Optional image of state",
|
|
197022
|
+
"type": {
|
|
197023
|
+
"name": "union",
|
|
197024
|
+
"value": [{
|
|
197025
|
+
"name": "func"
|
|
197026
|
+
}, {
|
|
197027
|
+
"name": "enum",
|
|
197028
|
+
"value": [{
|
|
197029
|
+
"value": "'error'",
|
|
197030
|
+
"computed": false
|
|
197031
|
+
}, {
|
|
197032
|
+
"value": "'error404'",
|
|
197033
|
+
"computed": false
|
|
197034
|
+
}, {
|
|
197035
|
+
"value": "'empty'",
|
|
197036
|
+
"computed": false
|
|
197037
|
+
}, {
|
|
197038
|
+
"value": "'not-authorized'",
|
|
197039
|
+
"computed": false
|
|
197040
|
+
}, {
|
|
197041
|
+
"value": "'no-result'",
|
|
197042
|
+
"computed": false
|
|
197043
|
+
}, {
|
|
197044
|
+
"value": "'success'",
|
|
197045
|
+
"computed": false
|
|
197046
|
+
}, {
|
|
197047
|
+
"value": "''",
|
|
197048
|
+
"computed": false
|
|
197049
|
+
}]
|
|
197050
|
+
}]
|
|
197051
|
+
},
|
|
197052
|
+
"required": false
|
|
197053
|
+
},
|
|
197011
197054
|
"action": {
|
|
197012
197055
|
"defaultValue": {
|
|
197013
197056
|
"value": "null",
|
|
@@ -197067,44 +197110,6 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
197067
197110
|
},
|
|
197068
197111
|
"required": false
|
|
197069
197112
|
},
|
|
197070
|
-
"icon": {
|
|
197071
|
-
"defaultValue": {
|
|
197072
|
-
"value": "''",
|
|
197073
|
-
"computed": false
|
|
197074
|
-
},
|
|
197075
|
-
"description": "Optional image of state",
|
|
197076
|
-
"type": {
|
|
197077
|
-
"name": "union",
|
|
197078
|
-
"value": [{
|
|
197079
|
-
"name": "func"
|
|
197080
|
-
}, {
|
|
197081
|
-
"name": "enum",
|
|
197082
|
-
"value": [{
|
|
197083
|
-
"value": "'error'",
|
|
197084
|
-
"computed": false
|
|
197085
|
-
}, {
|
|
197086
|
-
"value": "'error404'",
|
|
197087
|
-
"computed": false
|
|
197088
|
-
}, {
|
|
197089
|
-
"value": "'empty'",
|
|
197090
|
-
"computed": false
|
|
197091
|
-
}, {
|
|
197092
|
-
"value": "'not-authorized'",
|
|
197093
|
-
"computed": false
|
|
197094
|
-
}, {
|
|
197095
|
-
"value": "'no-result'",
|
|
197096
|
-
"computed": false
|
|
197097
|
-
}, {
|
|
197098
|
-
"value": "'success'",
|
|
197099
|
-
"computed": false
|
|
197100
|
-
}, {
|
|
197101
|
-
"value": "''",
|
|
197102
|
-
"computed": false
|
|
197103
|
-
}]
|
|
197104
|
-
}]
|
|
197105
|
-
},
|
|
197106
|
-
"required": false
|
|
197107
|
-
},
|
|
197108
197113
|
"className": {
|
|
197109
197114
|
"defaultValue": {
|
|
197110
197115
|
"value": "''",
|
|
@@ -197194,6 +197199,20 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
197194
197199
|
"raw": "deprecate(\n PropTypes.string,\n `The 'testID' prop has been deprecated. Please use 'testId' instead.`\n)"
|
|
197195
197200
|
},
|
|
197196
197201
|
"required": false
|
|
197202
|
+
},
|
|
197203
|
+
"iconAriaLabel": {
|
|
197204
|
+
"description": "aria-labe to be passed to the empty state icon",
|
|
197205
|
+
"type": {
|
|
197206
|
+
"name": "string"
|
|
197207
|
+
},
|
|
197208
|
+
"required": false
|
|
197209
|
+
},
|
|
197210
|
+
"iconAriaHidden": {
|
|
197211
|
+
"description": "aria-hidden to be passed to the empty state icon",
|
|
197212
|
+
"type": {
|
|
197213
|
+
"name": "bool"
|
|
197214
|
+
},
|
|
197215
|
+
"required": false
|
|
197197
197216
|
}
|
|
197198
197217
|
}
|
|
197199
197218
|
};
|
|
@@ -219385,7 +219404,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
219385
219404
|
key: id
|
|
219386
219405
|
}, /*#__PURE__*/React$1.createElement(TableExpandRow$1, _extends$3({
|
|
219387
219406
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
219388
|
-
className: classnames("".concat(iotPrefix$1_, "--expandable-tablerow--expanded"), _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow)),
|
|
219407
|
+
className: classnames("".concat(iotPrefix$1_, "--expandable-tablerow--expanded"), _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow), "".concat(iotPrefix$1_, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
219389
219408
|
ariaLabel: clickToCollapseAria,
|
|
219390
219409
|
expandIconDescription: clickToCollapseAria,
|
|
219391
219410
|
isExpanded: true,
|
|
@@ -219413,13 +219432,13 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
219413
219432
|
rowId: id,
|
|
219414
219433
|
langDir: langDir
|
|
219415
219434
|
}, dragEnterLeaveHandlers), tableCells), !hasRowNesting && /*#__PURE__*/React$1.createElement(react.TableRow, _extends$3({
|
|
219416
|
-
className: classnames("".concat(iotPrefix$1_, "--expanded-tablerow"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow))
|
|
219435
|
+
className: classnames("".concat(iotPrefix$1_, "--expanded-tablerow"), _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow), "".concat(iotPrefix$1_, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted))
|
|
219417
219436
|
}, dragEnterLeaveHandlers), /*#__PURE__*/React$1.createElement(react.TableCell, {
|
|
219418
219437
|
colSpan: totalColumns
|
|
219419
219438
|
}, rowDetails))) : /*#__PURE__*/React$1.createElement(TableExpandRow$1, _extends$3({
|
|
219420
219439
|
key: id,
|
|
219421
219440
|
expandHeaderId: "".concat(tableId, "-expand"),
|
|
219422
|
-
className: classnames("".concat(iotPrefix$1_, "--expandable-tablerow"), _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix$1_, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow)),
|
|
219441
|
+
className: classnames("".concat(iotPrefix$1_, "--expandable-tablerow"), _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix$1_, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix$1_, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow), "".concat(iotPrefix$1_, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
219423
219442
|
"data-row-nesting": hasRowNesting,
|
|
219424
219443
|
"data-child-count": nestingChildCount,
|
|
219425
219444
|
"data-nesting-offset": nestingOffset,
|
|
@@ -219448,7 +219467,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
219448
219467
|
rowId: id,
|
|
219449
219468
|
langDir: langDir
|
|
219450
219469
|
}, dragEnterLeaveHandlers), tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React$1.createElement(react.TableRow, _extends$3({
|
|
219451
|
-
className: classnames("".concat(iotPrefix$1_, "--table__row"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--table__row--background"), isSelected)),
|
|
219470
|
+
className: classnames("".concat(iotPrefix$1_, "--table__row"), _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix$1_, "--table__row--background"), isSelected), "".concat(iotPrefix$1_, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
219452
219471
|
key: id,
|
|
219453
219472
|
onClick: function onClick() {
|
|
219454
219473
|
if (isSelectable !== false) {
|
|
@@ -219459,7 +219478,7 @@ ${formatRule(Codicon.menuSubmenu)}
|
|
|
219459
219478
|
}
|
|
219460
219479
|
}
|
|
219461
219480
|
}, dragEnterLeaveHandlers), tableCells) : /*#__PURE__*/React$1.createElement(react.TableRow, _extends$3({
|
|
219462
|
-
className: classnames("".concat(iotPrefix$1_, "--table__row"), _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix$1_, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix$1_, "--table__row--editing"), isEditMode), "".concat(iotPrefix$1_, "--table__row--selected"), isSelected), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow)),
|
|
219481
|
+
className: classnames("".concat(iotPrefix$1_, "--table__row"), _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1_, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix$1_, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix$1_, "--table__row--editing"), isEditMode), "".concat(iotPrefix$1_, "--table__row--selected"), isSelected), "".concat(iotPrefix$1_, "--table__row--dragging"), isDragRow), "".concat(iotPrefix$1_, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
|
|
219463
219482
|
key: id,
|
|
219464
219483
|
onClick: function onClick() {
|
|
219465
219484
|
if (isSelectable !== false) {
|