@carbon/ibm-products 2.43.2-canary.125 → 2.43.2-canary.127

Sign up to get free protection for your applications and to get access to all the features.
Files changed (189) hide show
  1. package/css/index-full-carbon.css +1 -1
  2. package/css/index-full-carbon.min.css +1 -1
  3. package/css/index-full-carbon.min.css.map +1 -1
  4. package/css/index-without-carbon-released-only.css +1 -1
  5. package/css/index-without-carbon-released-only.min.css +1 -1
  6. package/css/index-without-carbon-released-only.min.css.map +1 -1
  7. package/css/index-without-carbon.css +1 -1
  8. package/css/index-without-carbon.min.css +1 -1
  9. package/css/index-without-carbon.min.css.map +1 -1
  10. package/css/index.css +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/APIKeyModal/index.d.ts +2 -1
  14. package/es/components/AboutModal/AboutModal.d.ts +1 -2
  15. package/es/components/AboutModal/index.d.ts +8 -1
  16. package/es/components/ActionSet/ActionSet.d.ts +1 -2
  17. package/es/components/ActionSet/ActionSet.js +2 -2
  18. package/es/components/ActionSet/index.d.ts +8 -1
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/AddSelect/index.d.ts +2 -1
  21. package/es/components/Carousel/index.d.ts +9 -2
  22. package/es/components/Cascade/Cascade.d.ts +1 -2
  23. package/es/components/Cascade/Cascade.js +2 -2
  24. package/es/components/Cascade/index.d.ts +2 -1
  25. package/es/components/Checklist/Checklist.d.ts +2 -2
  26. package/es/components/Checklist/Checklist.js +6 -6
  27. package/es/components/Checklist/index.d.ts +8 -1
  28. package/es/components/Coachmark/Coachmark.d.ts +1 -2
  29. package/es/components/Coachmark/Coachmark.js +5 -5
  30. package/es/components/Coachmark/index.d.ts +10 -3
  31. package/es/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
  32. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +3 -2
  33. package/es/components/CoachmarkBeacon/index.d.ts +8 -1
  34. package/es/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
  35. package/es/components/CoachmarkButton/CoachmarkButton.js +4 -2
  36. package/es/components/CoachmarkButton/index.d.ts +8 -1
  37. package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
  38. package/es/components/CoachmarkFixed/CoachmarkFixed.js +6 -5
  39. package/es/components/CoachmarkFixed/index.d.ts +8 -1
  40. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
  41. package/es/components/CoachmarkOverlayElement/index.d.ts +8 -1
  42. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
  43. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +7 -4
  44. package/es/components/CoachmarkOverlayElements/index.d.ts +8 -1
  45. package/es/components/ComboButton/ComboButton.d.ts +1 -1
  46. package/es/components/ComboButton/ComboButton.js +4 -4
  47. package/es/components/ComboButton/index.d.ts +9 -2
  48. package/es/components/CreateFullPage/CreateFullPage.d.ts +1 -1
  49. package/es/components/CreateFullPage/CreateFullPage.js +5 -5
  50. package/es/components/CreateFullPage/index.d.ts +9 -2
  51. package/es/components/CreateModal/CreateModal.d.ts +2 -3
  52. package/es/components/CreateModal/CreateModal.js +1 -1
  53. package/es/components/CreateModal/index.d.ts +2 -1
  54. package/es/components/CreateSidePanel/index.d.ts +7 -1
  55. package/es/components/CreateTearsheet/CreateTearsheet.d.ts +2 -2
  56. package/es/components/CreateTearsheet/CreateTearsheet.js +4 -4
  57. package/es/components/CreateTearsheet/index.d.ts +10 -3
  58. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
  59. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
  60. package/es/components/CreateTearsheetNarrow/index.d.ts +8 -1
  61. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -4
  62. package/es/components/DataSpreadsheet/DataSpreadsheet.js +11 -10
  63. package/es/components/DataSpreadsheet/index.d.ts +8 -1
  64. package/es/components/Datagrid/Datagrid/DatagridRow.js +7 -5
  65. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
  66. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
  67. package/es/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
  68. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +70 -27
  69. package/es/components/Datagrid/types/index.d.ts +2 -0
  70. package/es/components/Datagrid/useNestedRowExpander.js +65 -16
  71. package/es/components/Datagrid/useRowRenderer.js +44 -2
  72. package/es/components/DelimitedList/DelimitedList.d.ts +1 -2
  73. package/es/components/DelimitedList/index.d.ts +8 -1
  74. package/es/components/EditFullPage/EditFullPage.d.ts +1 -2
  75. package/es/components/EditFullPage/index.d.ts +8 -1
  76. package/es/components/EditInPlace/EditInPlace.d.ts +1 -1
  77. package/es/components/EditInPlace/EditInPlace.js +3 -3
  78. package/es/components/EditInPlace/index.d.ts +8 -1
  79. package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -3
  80. package/es/components/EditSidePanel/EditSidePanel.js +2 -2
  81. package/es/components/EditSidePanel/index.d.ts +8 -1
  82. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
  83. package/es/components/EditTearsheetNarrow/index.d.ts +8 -1
  84. package/es/components/EditUpdateCards/EditUpdateCards.d.ts +1 -1
  85. package/es/components/EditUpdateCards/EditUpdateCards.js +1 -0
  86. package/es/components/EditUpdateCards/index.d.ts +8 -1
  87. package/es/components/ExportModal/ExportModal.d.ts +3 -3
  88. package/es/components/ExportModal/ExportModal.js +3 -3
  89. package/es/components/ExportModal/index.d.ts +2 -1
  90. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
  91. package/es/components/ExpressiveCard/ExpressiveCard.js +1 -1
  92. package/es/components/ExpressiveCard/index.d.ts +2 -1
  93. package/es/components/Guidebanner/Guidebanner.js +2 -1
  94. package/es/components/InterstitialScreen/InterstitialScreen.js +1 -0
  95. package/es/components/MultiAddSelect/MultiAddSelect.js +1 -1
  96. package/es/components/SidePanel/SidePanel.js +1 -1
  97. package/es/components/SingleAddSelect/SingleAddSelect.js +1 -1
  98. package/es/components/Tearsheet/Tearsheet.js +1 -1
  99. package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
  100. package/es/components/Tearsheet/TearsheetShell.js +1 -1
  101. package/lib/components/APIKeyModal/index.d.ts +2 -1
  102. package/lib/components/AboutModal/AboutModal.d.ts +1 -2
  103. package/lib/components/AboutModal/index.d.ts +8 -1
  104. package/lib/components/ActionSet/ActionSet.d.ts +1 -2
  105. package/lib/components/ActionSet/ActionSet.js +2 -2
  106. package/lib/components/ActionSet/index.d.ts +8 -1
  107. package/lib/components/AddSelect/index.d.ts +2 -1
  108. package/lib/components/Carousel/index.d.ts +9 -2
  109. package/lib/components/Cascade/Cascade.d.ts +1 -2
  110. package/lib/components/Cascade/Cascade.js +2 -2
  111. package/lib/components/Cascade/index.d.ts +2 -1
  112. package/lib/components/Checklist/Checklist.d.ts +2 -2
  113. package/lib/components/Checklist/Checklist.js +6 -6
  114. package/lib/components/Checklist/index.d.ts +8 -1
  115. package/lib/components/Coachmark/Coachmark.d.ts +1 -2
  116. package/lib/components/Coachmark/Coachmark.js +5 -5
  117. package/lib/components/Coachmark/index.d.ts +10 -3
  118. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
  119. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +3 -2
  120. package/lib/components/CoachmarkBeacon/index.d.ts +8 -1
  121. package/lib/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
  122. package/lib/components/CoachmarkButton/CoachmarkButton.js +4 -2
  123. package/lib/components/CoachmarkButton/index.d.ts +8 -1
  124. package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
  125. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +6 -5
  126. package/lib/components/CoachmarkFixed/index.d.ts +8 -1
  127. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
  128. package/lib/components/CoachmarkOverlayElement/index.d.ts +8 -1
  129. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
  130. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +7 -4
  131. package/lib/components/CoachmarkOverlayElements/index.d.ts +8 -1
  132. package/lib/components/ComboButton/ComboButton.d.ts +1 -1
  133. package/lib/components/ComboButton/ComboButton.js +5 -5
  134. package/lib/components/ComboButton/index.d.ts +9 -2
  135. package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -1
  136. package/lib/components/CreateFullPage/CreateFullPage.js +5 -5
  137. package/lib/components/CreateFullPage/index.d.ts +9 -2
  138. package/lib/components/CreateModal/CreateModal.d.ts +2 -3
  139. package/lib/components/CreateModal/CreateModal.js +1 -1
  140. package/lib/components/CreateModal/index.d.ts +2 -1
  141. package/lib/components/CreateSidePanel/index.d.ts +7 -1
  142. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +2 -2
  143. package/lib/components/CreateTearsheet/CreateTearsheet.js +4 -4
  144. package/lib/components/CreateTearsheet/index.d.ts +10 -3
  145. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
  146. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
  147. package/lib/components/CreateTearsheetNarrow/index.d.ts +8 -1
  148. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -4
  149. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +11 -10
  150. package/lib/components/DataSpreadsheet/index.d.ts +8 -1
  151. package/lib/components/Datagrid/Datagrid/DatagridRow.js +7 -5
  152. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
  153. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
  154. package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
  155. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +70 -26
  156. package/lib/components/Datagrid/types/index.d.ts +2 -0
  157. package/lib/components/Datagrid/useNestedRowExpander.js +64 -15
  158. package/lib/components/Datagrid/useRowRenderer.js +44 -2
  159. package/lib/components/DelimitedList/DelimitedList.d.ts +1 -2
  160. package/lib/components/DelimitedList/index.d.ts +8 -1
  161. package/lib/components/EditFullPage/EditFullPage.d.ts +1 -2
  162. package/lib/components/EditFullPage/index.d.ts +8 -1
  163. package/lib/components/EditInPlace/EditInPlace.d.ts +1 -1
  164. package/lib/components/EditInPlace/EditInPlace.js +3 -3
  165. package/lib/components/EditInPlace/index.d.ts +8 -1
  166. package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -3
  167. package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
  168. package/lib/components/EditSidePanel/index.d.ts +8 -1
  169. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
  170. package/lib/components/EditTearsheetNarrow/index.d.ts +8 -1
  171. package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +1 -1
  172. package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -0
  173. package/lib/components/EditUpdateCards/index.d.ts +8 -1
  174. package/lib/components/ExportModal/ExportModal.d.ts +3 -3
  175. package/lib/components/ExportModal/ExportModal.js +3 -3
  176. package/lib/components/ExportModal/index.d.ts +2 -1
  177. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
  178. package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -1
  179. package/lib/components/ExpressiveCard/index.d.ts +2 -1
  180. package/lib/components/Guidebanner/Guidebanner.js +2 -1
  181. package/lib/components/InterstitialScreen/InterstitialScreen.js +1 -0
  182. package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -1
  183. package/lib/components/SidePanel/SidePanel.js +1 -1
  184. package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -1
  185. package/lib/components/Tearsheet/Tearsheet.js +1 -1
  186. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
  187. package/lib/components/Tearsheet/TearsheetShell.js +1 -1
  188. package/package.json +2 -2
  189. package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
@@ -18,6 +18,7 @@ var COLUMN_RESIZE_END = 'columnDoneResizing';
18
18
  var INIT = 'init';
19
19
  var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
20
20
  var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
21
+ var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
21
22
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
22
23
  var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
23
24
  dispatch({
@@ -81,15 +82,57 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
81
82
  }
82
83
  });
83
84
  };
85
+ var handleDynamicRowCheck = function handleDynamicRowCheck(_ref3) {
86
+ var dispatch = _ref3.dispatch,
87
+ status = _ref3.status,
88
+ rowId = _ref3.rowId,
89
+ depth = _ref3.depth,
90
+ index = _ref3.index;
91
+ return dispatch({
92
+ type: DYNAMIC_ROW_CHECK,
93
+ payload: {
94
+ status: status,
95
+ rowId: rowId,
96
+ depth: depth,
97
+ index: index
98
+ }
99
+ });
100
+ };
84
101
  var stateReducer = function stateReducer(newState, action) {
85
102
  switch (action.type) {
103
+ case DYNAMIC_ROW_CHECK:
104
+ {
105
+ var _action$payload = action.payload,
106
+ status = _action$payload.status,
107
+ rowId = _action$payload.rowId,
108
+ depth = _action$payload.depth,
109
+ index = _action$payload.index;
110
+ if (status === 'start') {
111
+ var skeletonRow = function skeletonRow(id) {
112
+ return {
113
+ isSkeleton: true,
114
+ values: 'skeleton',
115
+ id: id,
116
+ depth: depth,
117
+ index: index,
118
+ skeletonKey: "".concat(id, "__skeleton")
119
+ };
120
+ };
121
+ return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
122
+ dynamicRowSkeleton: skeletonRow(rowId)
123
+ });
124
+ }
125
+ return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
126
+ dynamicRowSkeleton: null
127
+ });
128
+ }
86
129
  case TOGGLE_ALL_ROWS_SELECTED:
87
130
  {
88
- var _ref3 = action.payload || {},
89
- rows = _ref3.rows,
90
- getRowId = _ref3.getRowId,
91
- indeterminate = _ref3.indeterminate,
92
- isChecked = _ref3.isChecked;
131
+ var _ref4 = action.payload || {},
132
+ rows = _ref4.rows,
133
+ getRowId = _ref4.getRowId,
134
+ indeterminate = _ref4.indeterminate,
135
+ isChecked = _ref4.isChecked;
93
136
  var newSelectedRowIds = {};
94
137
  if (rows) {
95
138
  var newSelectedRowData = {};
@@ -111,10 +154,10 @@ var stateReducer = function stateReducer(newState, action) {
111
154
  }
112
155
  case TOGGLE_ROW_SELECTED:
113
156
  {
114
- var _ref4 = action.payload || {},
115
- rowData = _ref4.rowData,
116
- _isChecked = _ref4.isChecked,
117
- _getRowId = _ref4.getRowId;
157
+ var _ref5 = action.payload || {},
158
+ rowData = _ref5.rowData,
159
+ _isChecked = _ref5.isChecked,
160
+ _getRowId = _ref5.getRowId;
118
161
  if (!rowData) {
119
162
  return;
120
163
  }
@@ -125,9 +168,9 @@ var stateReducer = function stateReducer(newState, action) {
125
168
  }
126
169
  if (rowData && !_isChecked) {
127
170
  var newData = _rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData);
128
- var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref5) {
129
- var _ref6 = _rollupPluginBabelHelpers.slicedToArray(_ref5, 1),
130
- key = _ref6[0];
171
+ var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref6) {
172
+ var _ref7 = _rollupPluginBabelHelpers.slicedToArray(_ref6, 1),
173
+ key = _ref7[0];
131
174
  return parseInt(key) !== parseInt(_getRowId(rowData.original, rowData.index));
132
175
  }));
133
176
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
@@ -144,27 +187,27 @@ var stateReducer = function stateReducer(newState, action) {
144
187
  }
145
188
  case COLUMN_RESIZE_START:
146
189
  {
147
- var _ref7 = action.payload || {},
148
- headerId = _ref7.headerId;
190
+ var _ref8 = action.payload || {},
191
+ headerId = _ref8.headerId;
149
192
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
150
193
  isResizing: headerId
151
194
  });
152
195
  }
153
196
  case COLUMN_RESIZING:
154
197
  {
155
- var _ref8 = action.payload || {},
156
- _headerId = _ref8.headerId,
157
- newWidth = _ref8.newWidth,
158
- defaultWidth = _ref8.defaultWidth;
198
+ var _ref9 = action.payload || {},
199
+ _headerId = _ref9.headerId,
200
+ newWidth = _ref9.newWidth,
201
+ defaultWidth = _ref9.defaultWidth;
159
202
  var newColumnWidth = {};
160
203
  if (typeof _headerId === 'undefined') {
161
204
  return _rollupPluginBabelHelpers.objectSpread2({}, newState);
162
205
  }
163
206
  newColumnWidth[_headerId] = newWidth;
164
- var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref9) {
165
- var _ref10 = _rollupPluginBabelHelpers.slicedToArray(_ref9, 2);
166
- _ref10[0];
167
- var value = _ref10[1];
207
+ var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref10) {
208
+ var _ref11 = _rollupPluginBabelHelpers.slicedToArray(_ref10, 2);
209
+ _ref11[0];
210
+ var value = _ref11[1];
168
211
  return !isNaN(value);
169
212
  }));
170
213
  var headerIdArray = newState.columnResizing.headerIdWidths || [];
@@ -179,10 +222,10 @@ var stateReducer = function stateReducer(newState, action) {
179
222
  }
180
223
  case COLUMN_RESIZE_END:
181
224
  {
182
- var _ref11 = action.payload || {},
183
- onColResizeEnd = _ref11.onColResizeEnd,
184
- _headerId2 = _ref11.headerId,
185
- isKeyEvent = _ref11.isKeyEvent;
225
+ var _ref12 = action.payload || {},
226
+ onColResizeEnd = _ref12.onColResizeEnd,
227
+ _headerId2 = _ref12.headerId,
228
+ isKeyEvent = _ref12.isKeyEvent;
186
229
  var currentColumn = {};
187
230
  currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
188
231
  var allChangedColumns = newState.columnResizing.columnWidths;
@@ -210,6 +253,7 @@ var stateReducer = function stateReducer(newState, action) {
210
253
 
211
254
  exports.handleColumnResizeEndEvent = handleColumnResizeEndEvent;
212
255
  exports.handleColumnResizingEvent = handleColumnResizingEvent;
256
+ exports.handleDynamicRowCheck = handleDynamicRowCheck;
213
257
  exports.handleSelectAllRowData = handleSelectAllRowData;
214
258
  exports.handleToggleRowSelected = handleToggleRowSelected;
215
259
  exports.stateReducer = stateReducer;
@@ -120,6 +120,7 @@ export interface DatagridRow<T extends object = any> extends Omit<Row<T>, 'cells
120
120
  cells: Array<DataGridCell>;
121
121
  isSkeleton?: boolean;
122
122
  hasExpanded?: boolean;
123
+ skeletonKey?: string;
123
124
  }
124
125
  export interface DataGridHeader<T extends object = any> extends ColumnInstance, UseResizeColumnsColumnProps<T>, UseSortByColumnProps<T> {
125
126
  className(className: any, arg1: {
@@ -245,6 +246,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
245
246
  expandedContentHeight?: number;
246
247
  onRowExpand?: (row: DatagridRow, event: React.MouseEvent<HTMLElement>) => void;
247
248
  ExpandedRowContentComponent?: JSXElementConstructor<any>;
249
+ getAsyncSubRows?: (row: DatagridRow) => void;
248
250
  }
249
251
  export interface DataGridData {
250
252
  instance?: DataGridTableInstance;
@@ -15,6 +15,7 @@ var icons = require('@carbon/react/icons');
15
15
  var cx = require('classnames');
16
16
  var settings = require('../../settings.js');
17
17
  var useFocusRowExpander = require('./useFocusRowExpander.js');
18
+ var stateReducer = require('./Datagrid/addons/stateReducer.js');
18
19
 
19
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
21
 
@@ -34,26 +35,74 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
34
35
  blockClass: blockClass,
35
36
  activeElement: typeof document !== 'undefined' && document.activeElement
36
37
  });
37
- var visibleColumns = function visibleColumns(columns) {
38
+ var visibleColumns = function visibleColumns(columns, state) {
39
+ var _ref = state.instance || {},
40
+ getAsyncSubRows = _ref.getAsyncSubRows,
41
+ dispatch = _ref.dispatch,
42
+ tableState = _ref.state;
43
+ var fetchingDynamicSubRows = !!tableState.dynamicRowSkeleton;
38
44
  var expanderColumn = {
39
45
  id: 'expander',
40
- Cell: function Cell(_ref) {
41
- var row = _ref.row;
46
+ Cell: function Cell(_ref2) {
47
+ var row = _ref2.row;
42
48
  var expanderButtonProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, row.getToggleRowExpandedProps()), {}, {
43
- onClick: function onClick(event) {
44
- // Prevents `onRowClick` from being called if `useOnRowClick` is included
45
- event.stopPropagation();
46
- row.toggleRowExpanded();
47
- lastExpandedRowIndex.current = row.id;
48
- }
49
+ disabled: getAsyncSubRows && fetchingDynamicSubRows,
50
+ onClick: function () {
51
+ var _onClick = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
52
+ return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
53
+ while (1) switch (_context.prev = _context.next) {
54
+ case 0:
55
+ // Prevents `onRowClick` from being called if `useOnRowClick` is included
56
+ event.stopPropagation();
57
+ row.toggleRowExpanded();
58
+ lastExpandedRowIndex.current = row.id;
59
+ if (row.isExpanded) {
60
+ _context.next = 14;
61
+ break;
62
+ }
63
+ _context.prev = 4;
64
+ stateReducer.handleDynamicRowCheck({
65
+ dispatch: dispatch,
66
+ status: 'start',
67
+ rowId: row.id,
68
+ depth: row.depth,
69
+ index: row.index
70
+ });
71
+ _context.next = 8;
72
+ return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
73
+ case 8:
74
+ stateReducer.handleDynamicRowCheck({
75
+ dispatch: dispatch,
76
+ status: 'finish',
77
+ rowId: row.id
78
+ });
79
+ _context.next = 14;
80
+ break;
81
+ case 11:
82
+ _context.prev = 11;
83
+ _context.t0 = _context["catch"](4);
84
+ console.log({
85
+ error: _context.t0
86
+ });
87
+ case 14:
88
+ case "end":
89
+ return _context.stop();
90
+ }
91
+ }, _callee, null, [[4, 11]]);
92
+ }));
93
+ function onClick(_x) {
94
+ return _onClick.apply(this, arguments);
95
+ }
96
+ return onClick;
97
+ }()
49
98
  });
50
- var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
51
- _ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
52
- expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
53
- _ref2$expanderButtonT2 = _ref2.expanderButtonTitleCollapsed,
54
- expanderButtonTitleCollapsed = _ref2$expanderButtonT2 === void 0 ? 'Expand row' : _ref2$expanderButtonT2;
99
+ var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
100
+ _ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
101
+ expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
102
+ _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
103
+ expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
55
104
  var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
56
- return row.canExpand && /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
105
+ return (row.canExpand || getAsyncSubRows) && /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
57
106
  type: "button",
58
107
  "aria-label": expanderTitle,
59
108
  className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
@@ -9,18 +9,60 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
12
13
  var DatagridRow = require('./Datagrid/DatagridRow.js');
13
14
 
14
15
  var useRowRenderer = function useRowRenderer(hooks) {
15
16
  var useInstance = function useInstance(instance) {
16
- var rows = instance.rows;
17
+ var _newRows;
18
+ var rows = instance.rows,
19
+ state = instance.state;
20
+ var newRows = null;
21
+ if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
22
+ var _state$dynamicRowSkel;
23
+ var depthIndexArray = state === null || state === void 0 || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === void 0 ? void 0 : _state$dynamicRowSkel.id.split('').filter(function (r) {
24
+ return r !== '.';
25
+ });
26
+ if (depthIndexArray.length > 1) {
27
+ var subRows;
28
+ var finalRow;
29
+ // This will find the subRow that requested to find dynamic rows
30
+ // and will apply the skeleton row after that row
31
+ depthIndexArray.map(function (depthIndex, index) {
32
+ if (index === 0) {
33
+ subRows = rows[depthIndex].subRows;
34
+ return;
35
+ }
36
+ if (depthIndexArray.length - 1 === index) {
37
+ finalRow = subRows.find(function (r) {
38
+ return r.index === parseInt(depthIndex);
39
+ });
40
+ subRows.splice(finalRow.index + 1, 0, state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
41
+ return;
42
+ }
43
+ var foundRow = subRows.find(function (r) {
44
+ return r.index === parseInt(depthIndex);
45
+ });
46
+ subRows = foundRow.subRows;
47
+ });
48
+ }
49
+ var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
50
+ var _state$dynamicRowSkel2;
51
+ return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
52
+ });
53
+ if (rootRowIndexWithDynamicRow > -1) {
54
+ newRows = [].concat(_rollupPluginBabelHelpers.toConsumableArray(rows.slice(0, rootRowIndexWithDynamicRow + 1)), [// + 1 because we want to add the skeleton row after the row initiating the dynamic request
55
+ state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton], _rollupPluginBabelHelpers.toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
56
+ }
57
+ }
58
+ newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
17
59
  var addRowRenderer = function addRowRenderer(row) {
18
60
  return Object.assign(row, {
19
61
  RowRenderer: DatagridRow["default"],
20
62
  subRows: (row.subRows || []).map(addRowRenderer)
21
63
  });
22
64
  };
23
- var rowsWithRenderer = rows.map(addRowRenderer);
65
+ var rowsWithRenderer = newRows.map(addRowRenderer);
24
66
  Object.assign(instance, {
25
67
  rows: rowsWithRenderer
26
68
  });
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import React, { PropsWithChildren } from 'react';
8
- interface DelimitedListProps extends PropsWithChildren {
8
+ export interface DelimitedListProps extends PropsWithChildren {
9
9
  /**
10
10
  * Provide an optional class to be applied to the containing node.
11
11
  */
@@ -28,4 +28,3 @@ interface DelimitedListProps extends PropsWithChildren {
28
28
  * comma-separated values.
29
29
  */
30
30
  export declare let DelimitedList: React.ForwardRefExoticComponent<DelimitedListProps & React.RefAttributes<HTMLDivElement>>;
31
- export {};
@@ -1 +1,8 @@
1
- export { DelimitedList } from "./DelimitedList";
1
+ /**
2
+ * Copyright IBM Corp. 2024, 2024
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
+ export { DelimitedList } from './DelimitedList';
8
+ export type { DelimitedListProps } from './DelimitedList';
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import React, { ReactNode } from 'react';
8
- interface EditFullPageProps {
8
+ export interface EditFullPageProps {
9
9
  /**
10
10
  * Provide an optional class to be applied to the containing node.
11
11
  */
@@ -20,4 +20,3 @@ interface EditFullPageProps {
20
20
  * See usage guidance for further details.
21
21
  */
22
22
  export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
23
- export {};
@@ -1 +1,8 @@
1
- export { EditFullPage } from "./EditFullPage";
1
+ /**
2
+ * Copyright IBM Corp. 2022, 2022
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
+ export { EditFullPage } from './EditFullPage';
8
+ export type { EditFullPageProps } from './EditFullPage';
@@ -13,7 +13,7 @@ type Shape = {
13
13
  edit: AlignPropType;
14
14
  save: AlignPropType;
15
15
  };
16
- interface EditInplaceProps extends PropsWithChildren {
16
+ export interface EditInplaceProps extends PropsWithChildren {
17
17
  /**
18
18
  * label for cancel button
19
19
  */
@@ -10,12 +10,12 @@
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
+ var icons = require('@carbon/react/icons');
13
14
  var React = require('react');
15
+ var settings = require('../../settings.js');
14
16
  var react = require('@carbon/react');
15
- var cx = require('classnames');
16
17
  var index = require('../../node_modules/prop-types/index.js');
17
- var icons = require('@carbon/react/icons');
18
- var settings = require('../../settings.js');
18
+ var cx = require('classnames');
19
19
  var devtools = require('../../global/js/utils/devtools.js');
20
20
 
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1 +1,8 @@
1
- export { EditInPlace } from "./EditInPlace";
1
+ /**
2
+ * Copyright IBM Corp. 2022, 2022
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
+ export { EditInPlace } from './EditInPlace';
8
+ export type { EditInplaceProps } from './EditInPlace';
@@ -4,9 +4,9 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
- import React, { ReactNode } from 'react';
8
7
  import '../../global/js/utils/props-helper';
9
- interface EditSidePanelProps {
8
+ import React, { ReactNode } from 'react';
9
+ export interface EditSidePanelProps {
10
10
  /**
11
11
  * Sets the body content of the create side panel
12
12
  */
@@ -92,4 +92,3 @@ interface EditSidePanelProps {
92
92
  * Use with medium complexity edits if the user needs page context.
93
93
  */
94
94
  export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
95
- export {};
@@ -10,13 +10,13 @@
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
+ require('../../global/js/utils/props-helper.js');
13
14
  var React = require('react');
15
+ var react = require('@carbon/react');
14
16
  var index = require('../../node_modules/prop-types/index.js');
15
17
  var cx = require('classnames');
16
18
  var devtools = require('../../global/js/utils/devtools.js');
17
19
  var settings = require('../../settings.js');
18
- var react = require('@carbon/react');
19
- require('../../global/js/utils/props-helper.js');
20
20
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
21
21
  var SidePanel = require('../SidePanel/SidePanel.js');
22
22
 
@@ -1 +1,8 @@
1
- export { EditSidePanel } from "./EditSidePanel";
1
+ /**
2
+ * Copyright IBM Corp. 2021, 2021
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
+ export { EditSidePanel } from './EditSidePanel';
8
+ export type { EditSidePanelProps } from './EditSidePanel';
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import React, { ReactNode } from 'react';
8
- interface EditTearsheetNarrowProps {
8
+ export interface EditTearsheetNarrowProps {
9
9
  /**
10
10
  * Provide the contents of the EditTearsheetNarrow.
11
11
  */
@@ -19,4 +19,3 @@ interface EditTearsheetNarrowProps {
19
19
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
20
20
  */
21
21
  export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
22
- export {};
@@ -1 +1,8 @@
1
- export { EditTearsheetNarrow } from "./EditTearsheetNarrow";
1
+ /**
2
+ * Copyright IBM Corp. 2022, 2022
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
+ export { EditTearsheetNarrow } from './EditTearsheetNarrow';
8
+ export type { EditTearsheetNarrowProps } from './EditTearsheetNarrow';
@@ -15,7 +15,7 @@ type ActionIcon = {
15
15
  href?: string;
16
16
  };
17
17
  type PlacementType = 'top' | 'bottom';
18
- interface EditUpdateCardsProps {
18
+ export interface EditUpdateCardsProps {
19
19
  /**
20
20
  * Icons that are displayed on card. Refer to design documentation for implementation guidelines
21
21
  */
@@ -23,6 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
24
 
25
25
  var _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
26
+
26
27
  // import { children } from 'cheerio/lib/api/traversing';
27
28
 
28
29
  // Carbon and package components we use.
@@ -1 +1,8 @@
1
- export { EditUpdateCards } from "./EditUpdateCards";
1
+ /**
2
+ * Copyright IBM Corp. 2022, 2022
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
+ export { EditUpdateCards } from './EditUpdateCards';
8
+ export type { EditUpdateCardsProps } from './EditUpdateCards';
@@ -1,12 +1,12 @@
1
1
  /// <reference path="../../../src/custom-typings/index.d.ts" />
2
- import React, { ReactNode } from 'react';
3
2
  import { ComposedModal } from '@carbon/react';
3
+ import React, { ReactNode } from 'react';
4
4
  type InputType = 'text' | 'password';
5
5
  type PreformattedExtensions = {
6
6
  extension?: string;
7
7
  description?: string;
8
8
  };
9
- interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
9
+ export interface ExportModalProps extends React.ComponentProps<typeof ComposedModal> {
10
10
  /**
11
11
  * Body content for the modal
12
12
  */
@@ -107,7 +107,7 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
107
107
  /**
108
108
  * Modal dialog version of the export pattern
109
109
  */
110
- export declare let ExportModal: React.ForwardRefExoticComponent<RemoveModalProps & {
110
+ export declare let ExportModal: React.ForwardRefExoticComponent<ExportModalProps & {
111
111
  children?: React.ReactNode;
112
112
  } & React.RefAttributes<unknown>>;
113
113
  export {};
@@ -10,15 +10,15 @@
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
- var React = require('react');
14
13
  var react = require('@carbon/react');
15
- var cx = require('classnames');
16
14
  var icons = require('@carbon/react/icons');
15
+ var React = require('react');
17
16
  var index = require('../../node_modules/prop-types/index.js');
17
+ var cx = require('classnames');
18
18
  var devtools = require('../../global/js/utils/devtools.js');
19
- var uuidv4 = require('../../global/js/utils/uuidv4.js');
20
19
  var settings = require('../../settings.js');
21
20
  var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
21
+ var uuidv4 = require('../../global/js/utils/uuidv4.js');
22
22
 
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
@@ -1 +1,2 @@
1
- export { ExportModal } from "./ExportModal";
1
+ export { ExportModal } from './ExportModal';
2
+ export type { ExportModalProps } from './ExportModal';
@@ -8,7 +8,7 @@ type ActionIcon = {
8
8
  iconDescription?: string;
9
9
  href?: string;
10
10
  };
11
- interface ExpressiveCardProps extends PropsWithChildren {
11
+ export interface ExpressiveCardProps extends PropsWithChildren {
12
12
  /**
13
13
  * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
14
14
  */
@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
13
13
  var React = require('react');
14
14
  var index = require('../../node_modules/prop-types/index.js');
15
15
  var devtools = require('../../global/js/utils/devtools.js');
16
- var propsHelper = require('../../global/js/utils/props-helper.js');
17
16
  var settings = require('../../settings.js');
17
+ var propsHelper = require('../../global/js/utils/props-helper.js');
18
18
  var Card = require('../Card/Card.js');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1 +1,2 @@
1
- export { ExpressiveCard } from "./ExpressiveCard";
1
+ export { ExpressiveCard } from './ExpressiveCard';
2
+ export type { ExpressiveCardProps } from './ExpressiveCard';
@@ -16,10 +16,11 @@ var cx = require('classnames');
16
16
  var index = require('../../node_modules/@carbon/colors/es/index.js');
17
17
  var icons = require('@carbon/react/icons');
18
18
  var react = require('@carbon/react');
19
+ var Carousel = require('../Carousel/Carousel.js');
20
+ require('../Carousel/CarouselItem.js');
19
21
  var devtools = require('../../global/js/utils/devtools.js');
20
22
  var settings = require('../../settings.js');
21
23
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
22
- var Carousel = require('../Carousel/Carousel.js');
23
24
 
24
25
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
26
 
@@ -19,6 +19,7 @@ var lodash = require('lodash');
19
19
  var icons = require('@carbon/react/icons');
20
20
  var react = require('@carbon/react');
21
21
  var Carousel = require('../Carousel/Carousel.js');
22
+ require('../Carousel/CarouselItem.js');
22
23
  var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
23
24
 
24
25
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,9 +12,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
14
  var index = require('../../node_modules/prop-types/index.js');
15
+ var AddSelect = require('../AddSelect/AddSelect.js');
15
16
  var devtools = require('../../global/js/utils/devtools.js');
16
17
  var settings = require('../../settings.js');
17
- var AddSelect = require('../AddSelect/AddSelect.js');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20