@elliemae/ds-datagrids 3.1.0-next.2 → 3.1.0-next.3
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/dist/cjs/DSDataGrid.js +126 -126
- package/dist/cjs/DSDataGrid.js.map +2 -2
- package/dist/cjs/components/EmptyState.js +6 -6
- package/dist/cjs/components/EmptyState.js.map +2 -2
- package/dist/cjs/components/NoResults.js +1 -2
- package/dist/cjs/components/NoResults.js.map +2 -2
- package/dist/cjs/plugins/expandable-grid/ExpandedRow.js +6 -6
- package/dist/cjs/plugins/expandable-grid/ExpandedRow.js.map +2 -2
- package/dist/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +2 -2
- package/dist/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js.map +2 -2
- package/dist/cjs/plugins/toolbar/ToolbarTrigger.js +4 -4
- package/dist/cjs/plugins/toolbar/ToolbarTrigger.js.map +2 -2
- package/dist/cjs/renders/styled.js +4 -4
- package/dist/cjs/renders/styled.js.map +2 -2
- package/dist/esm/DSDataGrid.js +6 -6
- package/dist/esm/DSDataGrid.js.map +2 -2
- package/dist/esm/components/EmptyState.js +1 -1
- package/dist/esm/components/EmptyState.js.map +1 -1
- package/dist/esm/components/NoResults.js +1 -2
- package/dist/esm/components/NoResults.js.map +2 -2
- package/dist/esm/plugins/expandable-grid/ExpandedRow.js +4 -4
- package/dist/esm/plugins/expandable-grid/ExpandedRow.js.map +2 -2
- package/dist/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +1 -1
- package/dist/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js.map +1 -1
- package/dist/esm/plugins/toolbar/ToolbarTrigger.js +1 -1
- package/dist/esm/plugins/toolbar/ToolbarTrigger.js.map +1 -1
- package/dist/esm/renders/styled.js +1 -1
- package/dist/esm/renders/styled.js.map +1 -1
- package/package.json +28 -28
package/dist/cjs/DSDataGrid.js
CHANGED
|
@@ -28,7 +28,7 @@ __export(DSDataGrid_exports, {
|
|
|
28
28
|
module.exports = __toCommonJS(DSDataGrid_exports);
|
|
29
29
|
var React = __toESM(require("react"));
|
|
30
30
|
var import_react = __toESM(require("react"));
|
|
31
|
-
var
|
|
31
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
32
32
|
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
33
33
|
var import_DataGridImpl = require("./DataGridImpl");
|
|
34
34
|
var import_rowSizes = require("./rowSizes");
|
|
@@ -256,138 +256,138 @@ const DSDataGrids = ({
|
|
|
256
256
|
wrapText
|
|
257
257
|
}));
|
|
258
258
|
const props = {
|
|
259
|
-
instanceRef:
|
|
260
|
-
className:
|
|
261
|
-
containerProps:
|
|
262
|
-
filterBarOptions:
|
|
263
|
-
minWidth:
|
|
264
|
-
maxWidth:
|
|
259
|
+
instanceRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description("ref to the instance of the datagrid, handle it imperatively"),
|
|
260
|
+
className: import_ds_utilities.PropTypes.string.description("class for data grid wrapper"),
|
|
261
|
+
containerProps: import_ds_utilities.PropTypes.object.description("inject props to datagrid wrapper"),
|
|
262
|
+
filterBarOptions: import_ds_utilities.PropTypes.shape({
|
|
263
|
+
minWidth: import_ds_utilities.PropTypes.number,
|
|
264
|
+
maxWidth: import_ds_utilities.PropTypes.number
|
|
265
265
|
}).description("FilterBar props passed down to FilterBar"),
|
|
266
|
-
columns:
|
|
267
|
-
property:
|
|
268
|
-
label:
|
|
269
|
-
width:
|
|
270
|
-
minWidth:
|
|
271
|
-
customEditor:
|
|
272
|
-
customRenderer:
|
|
273
|
-
searchable:
|
|
274
|
-
sortable:
|
|
275
|
-
resizable:
|
|
276
|
-
editable:
|
|
277
|
-
visible:
|
|
266
|
+
columns: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
|
|
267
|
+
property: import_ds_utilities.PropTypes.string.isRequired,
|
|
268
|
+
label: import_ds_utilities.PropTypes.string,
|
|
269
|
+
width: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]),
|
|
270
|
+
minWidth: import_ds_utilities.PropTypes.number,
|
|
271
|
+
customEditor: import_ds_utilities.PropTypes.func,
|
|
272
|
+
customRenderer: import_ds_utilities.PropTypes.func,
|
|
273
|
+
searchable: import_ds_utilities.PropTypes.bool,
|
|
274
|
+
sortable: import_ds_utilities.PropTypes.bool,
|
|
275
|
+
resizable: import_ds_utilities.PropTypes.bool,
|
|
276
|
+
editable: import_ds_utilities.PropTypes.bool,
|
|
277
|
+
visible: import_ds_utilities.PropTypes.bool
|
|
278
278
|
})).description("datagrid columns"),
|
|
279
|
-
rows:
|
|
280
|
-
rowKey:
|
|
281
|
-
infiniteScrolling:
|
|
282
|
-
overscanCount:
|
|
283
|
-
editable:
|
|
284
|
-
sortable:
|
|
285
|
-
sortEmptyLast:
|
|
286
|
-
paginated:
|
|
287
|
-
paginationStep:
|
|
288
|
-
dragAndDropRows:
|
|
289
|
-
selectable:
|
|
290
|
-
resizeableColumns:
|
|
291
|
-
noResultsPlaceholder:
|
|
292
|
-
searchFilters:
|
|
293
|
-
dragAndDropColumns:
|
|
294
|
-
useTreeData:
|
|
295
|
-
autoScrollToId:
|
|
296
|
-
selectAll:
|
|
297
|
-
selectedRows:
|
|
298
|
-
filters:
|
|
299
|
-
onExpandRow:
|
|
300
|
-
onExpandChange:
|
|
301
|
-
onToggleExpand:
|
|
302
|
-
onAddFilter:
|
|
303
|
-
onRemoveFilter:
|
|
304
|
-
onFiltersChange:
|
|
305
|
-
onDefaultFiltersLoad:
|
|
306
|
-
onMoveColumnOver:
|
|
307
|
-
onMoveColumnStart:
|
|
308
|
-
onMoveColumnEnd:
|
|
309
|
-
showFilterBar:
|
|
310
|
-
multiSelectFilterOptions:
|
|
311
|
-
multiSelectFilterLabel:
|
|
312
|
-
multiSelectFilterLabels:
|
|
313
|
-
aggregations:
|
|
314
|
-
groupingColumn:
|
|
315
|
-
groupedBy:
|
|
316
|
-
sortingColumns:
|
|
317
|
-
direction:
|
|
318
|
-
position:
|
|
279
|
+
rows: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("datagrid rows"),
|
|
280
|
+
rowKey: import_ds_utilities.PropTypes.string.description("key for each row"),
|
|
281
|
+
infiniteScrolling: import_ds_utilities.PropTypes.bool.description("toggle infinite scroll loading behavior"),
|
|
282
|
+
overscanCount: import_ds_utilities.PropTypes.number.description("Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well"),
|
|
283
|
+
editable: import_ds_utilities.PropTypes.bool.description("turn datagrid to editable mode"),
|
|
284
|
+
sortable: import_ds_utilities.PropTypes.bool.description("Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well"),
|
|
285
|
+
sortEmptyLast: import_ds_utilities.PropTypes.bool.description("Put empty values always last on the column after sorting"),
|
|
286
|
+
paginated: import_ds_utilities.PropTypes.bool.description("Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
287
|
+
paginationStep: import_ds_utilities.PropTypes.number.description("Pagination step for clicking the next pages"),
|
|
288
|
+
dragAndDropRows: import_ds_utilities.PropTypes.bool.description("Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
289
|
+
selectable: import_ds_utilities.PropTypes.bool.description("Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
290
|
+
resizeableColumns: import_ds_utilities.PropTypes.bool.description("Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
291
|
+
noResultsPlaceholder: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("Placeholder rendered when no rows are visible"),
|
|
292
|
+
searchFilters: import_ds_utilities.PropTypes.bool.description("activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
293
|
+
dragAndDropColumns: import_ds_utilities.PropTypes.bool.description("Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
294
|
+
useTreeData: import_ds_utilities.PropTypes.bool.description("activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well"),
|
|
295
|
+
autoScrollToId: import_ds_utilities.PropTypes.any.description("AutoScroll to row ID"),
|
|
296
|
+
selectAll: import_ds_utilities.PropTypes.bool.description("Whether all rows are selected or not"),
|
|
297
|
+
selectedRows: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description(" Defines the selected rows"),
|
|
298
|
+
filters: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Filters to be applied to the grid"),
|
|
299
|
+
onExpandRow: import_ds_utilities.PropTypes.func.description("Handler when user expands a row"),
|
|
300
|
+
onExpandChange: import_ds_utilities.PropTypes.func.description("Handler when user expands a row with full expand state"),
|
|
301
|
+
onToggleExpand: import_ds_utilities.PropTypes.func.description("Handler when user expands a row (old API)"),
|
|
302
|
+
onAddFilter: import_ds_utilities.PropTypes.func.description("Handler when user adds a filter"),
|
|
303
|
+
onRemoveFilter: import_ds_utilities.PropTypes.func.description("Handler when user removes a filter"),
|
|
304
|
+
onFiltersChange: import_ds_utilities.PropTypes.func.description("Handler when the filters state has changed "),
|
|
305
|
+
onDefaultFiltersLoad: import_ds_utilities.PropTypes.func.description("Handler when the default filters load. Returns the rows rendered"),
|
|
306
|
+
onMoveColumnOver: import_ds_utilities.PropTypes.func.description("Handler when column move is over another column"),
|
|
307
|
+
onMoveColumnStart: import_ds_utilities.PropTypes.func.description(" Handler when column move starts"),
|
|
308
|
+
onMoveColumnEnd: import_ds_utilities.PropTypes.func.description("Handler when column move ends"),
|
|
309
|
+
showFilterBar: import_ds_utilities.PropTypes.bool.description("Whether to show the filter bar or not"),
|
|
310
|
+
multiSelectFilterOptions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Custom option for the header with multi select"),
|
|
311
|
+
multiSelectFilterLabel: import_ds_utilities.PropTypes.string.description("Label to the header column for multi select"),
|
|
312
|
+
multiSelectFilterLabels: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string).description("Labels for multi selects"),
|
|
313
|
+
aggregations: import_ds_utilities.PropTypes.object.description("").deprecated(""),
|
|
314
|
+
groupingColumn: import_ds_utilities.PropTypes.string.description("Column which rows would be grouped by").deprecated(""),
|
|
315
|
+
groupedBy: import_ds_utilities.PropTypes.string.description("group by"),
|
|
316
|
+
sortingColumns: import_ds_utilities.PropTypes.objectOf(import_ds_utilities.PropTypes.shape({
|
|
317
|
+
direction: import_ds_utilities.PropTypes.oneOf(["asc", "desc"]),
|
|
318
|
+
position: import_ds_utilities.PropTypes.number
|
|
319
319
|
})).description("Defines the sorting state"),
|
|
320
|
-
visibleColumns:
|
|
321
|
-
minPerPage:
|
|
322
|
-
maxPerPage:
|
|
323
|
-
onPerPageChange:
|
|
324
|
-
onPageChange:
|
|
325
|
-
pagination:
|
|
326
|
-
page:
|
|
327
|
-
perPage:
|
|
320
|
+
visibleColumns: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string).description("Visible columns property"),
|
|
321
|
+
minPerPage: import_ds_utilities.PropTypes.string.description("Pagination: Minimum number of rows per page"),
|
|
322
|
+
maxPerPage: import_ds_utilities.PropTypes.string.description("Pagination: Maximum number of rows per page"),
|
|
323
|
+
onPerPageChange: import_ds_utilities.PropTypes.string.description("Pagination: Handler when user changes the amount of rows per page"),
|
|
324
|
+
onPageChange: import_ds_utilities.PropTypes.string.description("Pagination: Handler when user changes the page"),
|
|
325
|
+
pagination: import_ds_utilities.PropTypes.shape({
|
|
326
|
+
page: import_ds_utilities.PropTypes.number,
|
|
327
|
+
perPage: import_ds_utilities.PropTypes.number
|
|
328
328
|
}).description("pagination state"),
|
|
329
|
-
showHeader:
|
|
330
|
-
fixedHeader:
|
|
331
|
-
height:
|
|
332
|
-
minColumnWidth:
|
|
333
|
-
showRowsLoader:
|
|
334
|
-
showSelectHighlight:
|
|
335
|
-
showSelectColumn:
|
|
336
|
-
selectColumnSortable:
|
|
337
|
-
selectColumnFilterable:
|
|
338
|
-
selectionColumnDefinition:
|
|
339
|
-
renderToolbar:
|
|
340
|
-
toolbarDelayClose:
|
|
341
|
-
renderFilterToolbar:
|
|
342
|
-
multiSelectComponent:
|
|
343
|
-
normalizeDataKeys:
|
|
344
|
-
noResultsRender:
|
|
345
|
-
fluidHeight:
|
|
346
|
-
customHandlers:
|
|
347
|
-
onFilterMenuClose:
|
|
348
|
-
onFilterMenuOpen:
|
|
349
|
-
onReorder:
|
|
350
|
-
onMoveRowEnd:
|
|
351
|
-
onMoveRowStart:
|
|
352
|
-
onColumnResize:
|
|
353
|
-
onFilter:
|
|
354
|
-
onSort:
|
|
355
|
-
onColumnRowEdited:
|
|
356
|
-
onColumnRowEdit:
|
|
357
|
-
onSelectRow:
|
|
358
|
-
onSelectAll:
|
|
359
|
-
getData:
|
|
360
|
-
onInfiniteScrolling:
|
|
361
|
-
serverSideData:
|
|
362
|
-
virtualized:
|
|
363
|
-
numRowsVisible:
|
|
364
|
-
isColumnEditable:
|
|
365
|
-
groupedRows:
|
|
366
|
-
groupedRowsRenderHeader:
|
|
367
|
-
isDataSorted:
|
|
368
|
-
isDataFiltered:
|
|
369
|
-
rowSize:
|
|
370
|
-
wrapText:
|
|
371
|
-
renderExpandedDetails:
|
|
372
|
-
detailColumns:
|
|
373
|
-
expandable:
|
|
374
|
-
getChildrenRows:
|
|
375
|
-
expandableSubrowsVisible:
|
|
376
|
-
renderRowDetails:
|
|
377
|
-
getExpandedRowSize:
|
|
378
|
-
getExpandedRowMinSize:
|
|
379
|
-
subRowSize:
|
|
380
|
-
bindColumnsSizeTo:
|
|
381
|
-
bindRowSizeTo:
|
|
382
|
-
onToggleShowAllRows:
|
|
383
|
-
expandedRows:
|
|
384
|
-
autoHeight:
|
|
385
|
-
noColumnsPlaceholder:
|
|
386
|
-
plugins:
|
|
329
|
+
showHeader: import_ds_utilities.PropTypes.bool.description("Whether to show the header or not"),
|
|
330
|
+
fixedHeader: import_ds_utilities.PropTypes.bool.description("Whether to header is fixed or not"),
|
|
331
|
+
height: import_ds_utilities.PropTypes.number.description("Defines the height of the DataGrid"),
|
|
332
|
+
minColumnWidth: import_ds_utilities.PropTypes.number.description("General min column width for all the columns "),
|
|
333
|
+
showRowsLoader: import_ds_utilities.PropTypes.bool.description("Whether to show a loader instead of the rows or not"),
|
|
334
|
+
showSelectHighlight: import_ds_utilities.PropTypes.bool.description("When a user selects a row, that row get highlighted"),
|
|
335
|
+
showSelectColumn: import_ds_utilities.PropTypes.bool.description("Whether to show the select column when the selection feature is active"),
|
|
336
|
+
selectColumnSortable: import_ds_utilities.PropTypes.bool.description("activates sortable feature to selection column"),
|
|
337
|
+
selectColumnFilterable: import_ds_utilities.PropTypes.bool.description("Activates filterable feature to selection column"),
|
|
338
|
+
selectionColumnDefinition: import_ds_utilities.PropTypes.object.description("Define the definition for the selection column"),
|
|
339
|
+
renderToolbar: import_ds_utilities.PropTypes.func.description("Function that returns a toolbar to show when the user hovers the row"),
|
|
340
|
+
toolbarDelayClose: import_ds_utilities.PropTypes.number.description(" Timeout to close the toolbar"),
|
|
341
|
+
renderFilterToolbar: import_ds_utilities.PropTypes.func.description("Function that returns a toolbar in the FilterBar component"),
|
|
342
|
+
multiSelectComponent: import_ds_utilities.PropTypes.element.description("Custom component for the selection"),
|
|
343
|
+
normalizeDataKeys: import_ds_utilities.PropTypes.bool.description("Normalize the keys of the data received and the columns"),
|
|
344
|
+
noResultsRender: import_ds_utilities.PropTypes.func.description("Function that returns an Element when there are no rows"),
|
|
345
|
+
fluidHeight: import_ds_utilities.PropTypes.bool.description("The height of the DataGrid will expand to its container"),
|
|
346
|
+
customHandlers: import_ds_utilities.PropTypes.object.description("").deprecated(""),
|
|
347
|
+
onFilterMenuClose: import_ds_utilities.PropTypes.func.description("Handler when user closes the filter menu"),
|
|
348
|
+
onFilterMenuOpen: import_ds_utilities.PropTypes.func.description("Handler when user opens the filter menu"),
|
|
349
|
+
onReorder: import_ds_utilities.PropTypes.func.description("handler when user drags a row "),
|
|
350
|
+
onMoveRowEnd: import_ds_utilities.PropTypes.func.description("Handler when user stops dragging a row "),
|
|
351
|
+
onMoveRowStart: import_ds_utilities.PropTypes.func.description("Handler when user starts dragging a row"),
|
|
352
|
+
onColumnResize: import_ds_utilities.PropTypes.func.description("Handler when user has resized a column"),
|
|
353
|
+
onFilter: import_ds_utilities.PropTypes.func.description("Handler when user filters by a column"),
|
|
354
|
+
onSort: import_ds_utilities.PropTypes.func.description("Handler when user sorts by a column "),
|
|
355
|
+
onColumnRowEdited: import_ds_utilities.PropTypes.func.description("Handler when user has edited a cell row"),
|
|
356
|
+
onColumnRowEdit: import_ds_utilities.PropTypes.func.description(" Handler when user activates the cell row editing functionality"),
|
|
357
|
+
onSelectRow: import_ds_utilities.PropTypes.func.description("Handler when user selects a row"),
|
|
358
|
+
onSelectAll: import_ds_utilities.PropTypes.func.description("Handler when user checks the selection header controller"),
|
|
359
|
+
getData: import_ds_utilities.PropTypes.func.description("Handler to get more data when infinite scroll is activated"),
|
|
360
|
+
onInfiniteScrolling: import_ds_utilities.PropTypes.func.description("Handler to get more data when infinite scroll is activated without side-effect"),
|
|
361
|
+
serverSideData: import_ds_utilities.PropTypes.bool.description("Flag to override empty sort when data is from server"),
|
|
362
|
+
virtualized: import_ds_utilities.PropTypes.bool.description("Flag to force virtualization. Not used"),
|
|
363
|
+
numRowsVisible: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.oneOf(["all"])]).description("Number of rows visible. Not used"),
|
|
364
|
+
isColumnEditable: import_ds_utilities.PropTypes.func.description("Callback to check if column is editable"),
|
|
365
|
+
groupedRows: import_ds_utilities.PropTypes.bool.description("Flag for groupedRows"),
|
|
366
|
+
groupedRowsRenderHeader: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Header for grouped rows"),
|
|
367
|
+
isDataSorted: import_ds_utilities.PropTypes.bool.description("Once activated will disable the internal logic for sorting"),
|
|
368
|
+
isDataFiltered: import_ds_utilities.PropTypes.bool.description("Once activated will disable the internal logic for filtering"),
|
|
369
|
+
rowSize: import_ds_utilities.PropTypes.oneOf(import_rowSizes.RowSizesOptionsArr).description("Change row size"),
|
|
370
|
+
wrapText: import_ds_utilities.PropTypes.bool.description("Whether to wrap the text of the data grid or not"),
|
|
371
|
+
renderExpandedDetails: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Element to render expanded details"),
|
|
372
|
+
detailColumns: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Columns to render on the details of an expanded row"),
|
|
373
|
+
expandable: import_ds_utilities.PropTypes.bool.description("Flag to enable the expandable feature "),
|
|
374
|
+
getChildrenRows: import_ds_utilities.PropTypes.func.description("Callback to get the row children"),
|
|
375
|
+
expandableSubrowsVisible: import_ds_utilities.PropTypes.number.description("Number of rows visible on the details of an expanded row"),
|
|
376
|
+
renderRowDetails: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Element to render inside expanded row"),
|
|
377
|
+
getExpandedRowSize: import_ds_utilities.PropTypes.func.description("Callback to get the expanded row size"),
|
|
378
|
+
getExpandedRowMinSize: import_ds_utilities.PropTypes.func.description("Callback to get the expanded row minimum size"),
|
|
379
|
+
subRowSize: import_ds_utilities.PropTypes.oneOf(import_rowSizes.RowSizesOptionsArr).description("Change expanded/details rows size"),
|
|
380
|
+
bindColumnsSizeTo: import_ds_utilities.PropTypes.string.description("Bind the column size to another grid instance"),
|
|
381
|
+
bindRowSizeTo: import_ds_utilities.PropTypes.string.description("Bind the row size to another grid instance"),
|
|
382
|
+
onToggleShowAllRows: import_ds_utilities.PropTypes.func.description("Handler when toggle show all is clicked"),
|
|
383
|
+
expandedRows: import_ds_utilities.PropTypes.object.description("Expanded row state"),
|
|
384
|
+
autoHeight: import_ds_utilities.PropTypes.bool.description("Flag to enable autoheight"),
|
|
385
|
+
noColumnsPlaceholder: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("Placeholder rendered when no columns are visible"),
|
|
386
|
+
plugins: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.any).description("Plugin additional array")
|
|
387
387
|
};
|
|
388
388
|
DSDataGrids.propTypes = props;
|
|
389
389
|
DSDataGrids.displayName = "DSDataGrids";
|
|
390
|
-
const DSDataGridsWithSchema = (0,
|
|
390
|
+
const DSDataGridsWithSchema = (0, import_ds_utilities.describe)(DSDataGrids);
|
|
391
391
|
DSDataGridsWithSchema.propTypes = props;
|
|
392
392
|
var DSDataGrid_default = DSDataGrids;
|
|
393
393
|
//# sourceMappingURL=DSDataGrid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataGrid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { DataGridImpl } from './DataGridImpl';\nimport { RowSizesOptions, RowSizesOptionsArr } from './rowSizes';\n\nconst DSDataGrids = ({\n containerProps = {},\n instanceRef,\n className = '',\n\n // data\n columns = [],\n rows = [],\n rowKey = 'id',\n\n // features\n infiniteScrolling = false,\n editable = false,\n sortable = false,\n sortEmptyLast = false,\n paginated = false,\n dragAndDropRows = false,\n selectable = false,\n resizeableColumns = false,\n searchFilters = false,\n dragAndDropColumns = false,\n useTreeData = false,\n autoScrollToId,\n\n // virtualization props\n overscanCount = 10,\n\n // feature state\n selectAll = false, // todo: change to isAllSelected\n selectedRows = [],\n filters = undefined,\n onAddFilter = () => null,\n onRemoveFilter = () => null,\n onFiltersChange = () => null,\n showFilterBar = true,\n multiSelectFilterOptions = [\n { id: 'true', label: 'Selected' },\n { id: 'false', label: 'Not selected' },\n ],\n multiSelectFilterLabels = undefined,\n multiSelectFilterLabel = 'Selection',\n\n aggregations = {},\n groupingColumn = undefined,\n\n sortingColumns = {},\n\n // pagination\n minPerPage = 0,\n maxPerPage = 50,\n onPerPageChange = () => null,\n onPageChange = () => null,\n paginationStep = 2,\n pagination = {\n page: 1,\n perPage: 10,\n },\n // visual\n showHeader = true,\n fixedHeader = true,\n wrapText = false,\n height = undefined,\n minColumnWidth = 100,\n showRowsLoader = false,\n visibleColumns = undefined, // this enforces visibility of columns\n showSelectHighlight = false,\n showSelectColumn = true,\n selectColumnSortable = true,\n selectColumnFilterable = false,\n selectionColumnDefinition = {},\n filterBarOptions = undefined,\n // searchGrid = false,\n renderToolbar = undefined,\n toolbarDelayClose = 400,\n renderFilterToolbar = undefined,\n multiSelectComponent = undefined,\n // todo: deprecate this\n noResultsRender,\n noResultsPlaceholder,\n fluidHeight = false,\n\n customHandlers = {},\n\n // grouping feature\n groupedBy = undefined,\n\n // callbacks\n onDefaultFiltersLoad = () => null,\n onReorder = () => null,\n onMoveRowEnd = () => null,\n onMoveRowStart = () => null,\n onMoveColumnOver = () => null,\n onMoveColumnStart = () => null,\n onMoveColumnEnd = () => null,\n onColumnResize = () => null,\n onExpandChange = () => null,\n onToggleExpand = () => null,\n onExpandRow = () => null,\n onFilter = () => null,\n onSort = () => null,\n onColumnRowEdited = () => null,\n onColumnRowEdit = () => null,\n onSelectRow = () => null,\n onSelectAll = () => null,\n onInfiniteScrolling = () => null,\n onFilterMenuClose = () => null,\n onFilterMenuOpen = () => null,\n getData = undefined, // todo: change to onGetMoreData\n serverSideData = false,\n isDataSorted = false,\n isDataFiltered = false,\n virtualized = true,\n numRowsVisible = undefined,\n isColumnEditable = (column) => column.editable,\n\n // grouped props\n groupedRows = false,\n groupedRowsRenderHeader = undefined,\n // expandable props\n renderExpandedDetails = () => null,\n detailColumns,\n expandable = false,\n getChildrenRows = (row) => row.children,\n expandableSubrowsVisible = 7,\n renderRowDetails = () => null,\n getExpandedRowSize = undefined,\n getExpandedRowMinSize,\n rowSize = RowSizesOptions.normal,\n subRowSize = RowSizesOptions.normal,\n bindColumnsSizeTo = undefined,\n bindRowSizeTo = undefined,\n onToggleShowAllRows,\n expandedRows,\n autoHeight = false,\n noColumnsPlaceholder,\n plugins = [],\n normalizeDataKeys = false,\n}) => (\n <TooltipTextProvider>\n <DataGridImpl\n aggregations={aggregations}\n autoHeight={autoHeight && !fluidHeight}\n autoScrollToId={autoScrollToId}\n bindColumnsSizeTo={bindColumnsSizeTo}\n bindRowSizeTo={bindRowSizeTo}\n className={className}\n columns={columns}\n containerProps={containerProps}\n customHandlers={customHandlers}\n detailColumns={detailColumns}\n dragAndDropColumns={dragAndDropColumns}\n dragAndDropRows={dragAndDropRows}\n editable={editable}\n expandable={expandable}\n expandableSubrowsVisible={expandableSubrowsVisible}\n expandedRows={expandedRows}\n filterBarOptions={filterBarOptions}\n filters={filters}\n fixedHeader={fixedHeader}\n fluidHeight={fluidHeight}\n getChildrenRows={getChildrenRows}\n getData={getData}\n getExpandedRowMinSize={getExpandedRowMinSize}\n getExpandedRowSize={getExpandedRowSize}\n groupedBy={groupedBy}\n groupedRows={groupedRows}\n groupedRowsRenderHeader={groupedRowsRenderHeader}\n groupingColumn={groupingColumn}\n height={height}\n infiniteScrolling={infiniteScrolling}\n instanceRef={instanceRef}\n isColumnEditable={isColumnEditable}\n isDataFiltered={isDataFiltered}\n isDataSorted={isDataSorted}\n maxPerPage={maxPerPage}\n minColumnWidth={minColumnWidth}\n minPerPage={minPerPage}\n multiSelectComponent={multiSelectComponent}\n multiSelectFilterLabel={multiSelectFilterLabel}\n multiSelectFilterLabels={multiSelectFilterLabels}\n multiSelectFilterOptions={multiSelectFilterOptions}\n noColumnsPlaceholder={noColumnsPlaceholder}\n noResultsPlaceholder={noResultsPlaceholder}\n noResultsRender={noResultsRender}\n normalizeDataKeys={normalizeDataKeys}\n numRowsVisible={numRowsVisible} // if defined, fluidHeight is disabled\n onAddFilter={onAddFilter}\n onColumnResize={onColumnResize}\n onColumnRowEdit={onColumnRowEdit}\n onColumnRowEdited={onColumnRowEdited}\n onExpandRow={onExpandRow}\n onExpandChange={onExpandChange}\n onFilter={onFilter}\n onFiltersChange={onFiltersChange}\n onFilterMenuClose={onFilterMenuClose}\n onFilterMenuOpen={onFilterMenuOpen}\n onDefaultFiltersLoad={onDefaultFiltersLoad}\n onInfiniteScrolling={onInfiniteScrolling}\n onMoveColumnEnd={onMoveColumnEnd}\n onMoveColumnOver={onMoveColumnOver}\n onMoveColumnStart={onMoveColumnStart}\n onMoveRowEnd={onMoveRowEnd}\n onMoveRowStart={onMoveRowStart}\n onPageChange={onPageChange}\n onPerPageChange={onPerPageChange}\n onRemoveFilter={onRemoveFilter}\n onReorder={onReorder}\n onSelectAll={onSelectAll}\n onSelectRow={onSelectRow}\n onSort={onSort}\n onToggleExpand={onToggleExpand}\n onToggleShowAllRows={onToggleShowAllRows}\n overscanCount={overscanCount}\n paginated={paginated}\n pagination={pagination}\n paginationStep={paginationStep}\n plugins={plugins}\n renderExpandedDetails={renderExpandedDetails}\n renderFilterToolbar={renderFilterToolbar}\n renderRowDetails={renderRowDetails}\n renderToolbar={renderToolbar}\n resizeableColumns={resizeableColumns}\n rowKey={rowKey}\n rows={rows}\n rowSize={rowSize}\n searchFilters={searchFilters}\n selectable={selectable}\n selectAll={selectAll}\n selectColumnFilterable={selectColumnFilterable}\n selectColumnSortable={selectColumnSortable}\n selectedRows={selectedRows}\n selectionColumnDefinition={selectionColumnDefinition}\n serverSideData={serverSideData}\n showFilterBar={showFilterBar}\n showHeader={showHeader}\n showRowsLoader={showRowsLoader}\n showSelectColumn={showSelectColumn}\n showSelectHighlight={showSelectHighlight}\n sortable={sortable}\n sortEmptyLast={sortEmptyLast}\n sortingColumns={sortingColumns}\n subrowSize={subRowSize}\n toolbarDelayClose={toolbarDelayClose}\n useTreeData={useTreeData}\n virtualized={virtualized}\n visibleColumns={visibleColumns}\n wrapText={wrapText}\n />\n </TooltipTextProvider>\n);\n\nconst props = {\n /** ref to the instance of the datagrid, handle it imperatively */\n instanceRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'ref to the instance of the datagrid, handle it imperatively',\n ),\n /** class for data grid wrapper */\n className: PropTypes.string.description('class for data grid wrapper'),\n /** inject props to datagrid wrapper */\n containerProps: PropTypes.object.description('inject props to datagrid wrapper'),\n /** FilterBar props passed down to FilterBar */\n filterBarOptions: PropTypes.shape({\n minWidth: PropTypes.number,\n maxWidth: PropTypes.number,\n }).description('FilterBar props passed down to FilterBar'),\n /** datagrid columns */\n columns: PropTypes.arrayOf(\n PropTypes.shape({\n /** Column property as an identifier */\n property: PropTypes.string.isRequired,\n /** Label in the header */\n label: PropTypes.string,\n /** Defines the width of the column, can be a string with percentages (\"50%\"), if not defined the width is flexible */\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /** Min width for this column. NOTE: Has prevalence over the general minColumnWidth */\n minWidth: PropTypes.number,\n /** Function returning a custom editor for that cell ({ value, onValue, rowData }) => Element */\n customEditor: PropTypes.func,\n /** Function returning an element to render in the cell ({ value, customHandlers, metaData: { rowData } }) => Element */\n customRenderer: PropTypes.func,\n /** Activates 'searchable' feature for this column */\n searchable: PropTypes.bool,\n /** Activates 'sortable' feature for this column */\n sortable: PropTypes.bool,\n /** Activates 'resizable' feature for this column */\n resizable: PropTypes.bool,\n /** Activates 'editable' feature for this column */\n editable: PropTypes.bool,\n /** Whether this column is visible or not */\n visible: PropTypes.bool,\n }),\n ).description('datagrid columns'),\n /** datagrid rows */\n rows: PropTypes.arrayOf(PropTypes.object).description('datagrid rows'),\n /** key for each row */\n rowKey: PropTypes.string.description('key for each row'),\n /** toggle infinite scroll loading behavior */\n infiniteScrolling: PropTypes.bool.description('toggle infinite scroll loading behavior'),\n /** Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well */\n overscanCount: PropTypes.number.description(\n \"Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** turn datagrid to editable mode */\n editable: PropTypes.bool.description('turn datagrid to editable mode'),\n /** Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well */\n sortable: PropTypes.bool.description(\n \"Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Put empty values always last on the column after sorting */\n sortEmptyLast: PropTypes.bool.description('Put empty values always last on the column after sorting'),\n /** Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n paginated: PropTypes.bool.description(\n \"Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Pagination step for clicking the next pages */\n paginationStep: PropTypes.number.description('Pagination step for clicking the next pages'),\n /** Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n dragAndDropRows: PropTypes.bool.description(\n \"Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n selectable: PropTypes.bool.description(\n \"Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n resizeableColumns: PropTypes.bool.description(\n \"Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Placeholder rendered when no rows are visible */\n noResultsPlaceholder: PropTypes.oneOf([PropTypes.string, PropTypes.element]).description(\n 'Placeholder rendered when no rows are visible',\n ),\n /** Activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n searchFilters: PropTypes.bool.description(\n \"activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n dragAndDropColumns: PropTypes.bool.description(\n \"Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n useTreeData: PropTypes.bool.description(\n \"activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** AutoScroll to row ID */\n autoScrollToId: PropTypes.any.description('AutoScroll to row ID'),\n /** Whether all rows are selected or not */\n selectAll: PropTypes.bool.description('Whether all rows are selected or not'),\n /** Defines the selected rows */\n selectedRows: PropTypes.arrayOf(PropTypes.object).description(' Defines the selected rows'),\n /** Filters to be applied to the grid */\n filters: PropTypes.arrayOf(PropTypes.object).description('Filters to be applied to the grid'),\n // todo: define params for handlers\n /** Handler when user expands a row */\n onExpandRow: PropTypes.func.description('Handler when user expands a row'),\n /** Handler when user expands a row with full expand state */\n onExpandChange: PropTypes.func.description('Handler when user expands a row with full expand state'),\n /** Handler when user expands a row (old API) */\n onToggleExpand: PropTypes.func.description('Handler when user expands a row (old API)'),\n /** Handler when user adds a filter */\n onAddFilter: PropTypes.func.description('Handler when user adds a filter'),\n /** Handler when user removes a filter */\n onRemoveFilter: PropTypes.func.description('Handler when user removes a filter'),\n /** Handler when the filters state has changed */\n onFiltersChange: PropTypes.func.description('Handler when the filters state has changed '),\n /** Handler when the default filters load. Returns the rows rendered */\n onDefaultFiltersLoad: PropTypes.func.description('Handler when the default filters load. Returns the rows rendered'),\n /** Handler when column move is over another column */\n onMoveColumnOver: PropTypes.func.description('Handler when column move is over another column'),\n /** Handler when column move starts */\n onMoveColumnStart: PropTypes.func.description(' Handler when column move starts'),\n /** Handler when column move ends */\n onMoveColumnEnd: PropTypes.func.description('Handler when column move ends'),\n /** Whether to show the filter bar or not */\n showFilterBar: PropTypes.bool.description('Whether to show the filter bar or not'),\n /** Custom option for the header with multi select */\n multiSelectFilterOptions: PropTypes.arrayOf(PropTypes.object).description(\n 'Custom option for the header with multi select',\n ),\n /** Label to the header column for multi select */\n multiSelectFilterLabel: PropTypes.string.description('Label to the header column for multi select'),\n /** Labels for multi selects */\n multiSelectFilterLabels: PropTypes.arrayOf(PropTypes.string).description('Labels for multi selects'),\n /** unstable */\n aggregations: PropTypes.object.description('').deprecated(''),\n /** unstable */\n /** Column which rows would be grouped by */\n groupingColumn: PropTypes.string.description('Column which rows would be grouped by').deprecated(''),\n /** group by */\n groupedBy: PropTypes.string.description('group by'),\n /** Defines the sorting state */\n sortingColumns: PropTypes.objectOf(\n PropTypes.shape({\n // eslint-disable-next-line react/no-unused-prop-types\n direction: PropTypes.oneOf(['asc', 'desc']),\n // eslint-disable-next-line react/no-unused-prop-types\n position: PropTypes.number,\n }),\n ).description('Defines the sorting state'),\n /** Visible columns property */\n visibleColumns: PropTypes.arrayOf(PropTypes.string).description('Visible columns property'),\n /** Pagination: Minimum number of rows per page */\n minPerPage: PropTypes.string.description('Pagination: Minimum number of rows per page'),\n /** Pagination: Maximum number of rows per page */\n maxPerPage: PropTypes.string.description('Pagination: Maximum number of rows per page'),\n /** Pagination: Handler when user changes the amount of rows per page */\n onPerPageChange: PropTypes.string.description('Pagination: Handler when user changes the amount of rows per page'),\n /** Pagination: Handler when user changes the page */\n onPageChange: PropTypes.string.description('Pagination: Handler when user changes the page'),\n /** Pagination state */\n pagination: PropTypes.shape({\n // eslint-disable-next-line react/no-unused-prop-types\n page: PropTypes.number,\n // eslint-disable-next-line react/no-unused-prop-types\n perPage: PropTypes.number,\n }).description('pagination state'),\n /** Whether to show the header or not */\n showHeader: PropTypes.bool.description('Whether to show the header or not'),\n /** Whether to header is fixed or not */\n fixedHeader: PropTypes.bool.description('Whether to header is fixed or not'),\n /** Defines the height of the DataGrid */\n height: PropTypes.number.description('Defines the height of the DataGrid'),\n /** General min column width for all the columns */\n minColumnWidth: PropTypes.number.description('General min column width for all the columns '),\n /** Whether to show a loader instead of the rows or not */\n showRowsLoader: PropTypes.bool.description('Whether to show a loader instead of the rows or not'),\n /** When a user selects a row, that row get highlighted */\n showSelectHighlight: PropTypes.bool.description('When a user selects a row, that row get highlighted'),\n /** Whether to show the select column when the selection feature is active */\n showSelectColumn: PropTypes.bool.description(\n 'Whether to show the select column when the selection feature is active',\n ),\n /** Activates sortable feature to selection column */\n selectColumnSortable: PropTypes.bool.description('activates sortable feature to selection column'),\n /** Activates filterable feature to selection column */\n selectColumnFilterable: PropTypes.bool.description('Activates filterable feature to selection column'),\n /** Define the definition for the selection column */\n selectionColumnDefinition: PropTypes.object.description('Define the definition for the selection column'),\n /** Function that returns a toolbar to show when the user hovers the row */\n renderToolbar: PropTypes.func.description('Function that returns a toolbar to show when the user hovers the row'),\n /** Timeout to close the toolbar */\n toolbarDelayClose: PropTypes.number.description(' Timeout to close the toolbar'),\n /** Function that returns a toolbar in the FilterBar component */\n renderFilterToolbar: PropTypes.func.description('Function that returns a toolbar in the FilterBar component'),\n /** Custom component for the selection */\n multiSelectComponent: PropTypes.element.description('Custom component for the selection'),\n /** Normalize the keys of the data received and the columns */\n normalizeDataKeys: PropTypes.bool.description('Normalize the keys of the data received and the columns'),\n /** Function that returns an Element when there are no rows */\n noResultsRender: PropTypes.func.description('Function that returns an Element when there are no rows'),\n /** The height of the DataGrid will expand to its container */\n fluidHeight: PropTypes.bool.description('The height of the DataGrid will expand to its container'),\n /** @deprecated */\n customHandlers: PropTypes.object.description('').deprecated(''),\n /** Handler when user closes the filter menu */\n onFilterMenuClose: PropTypes.func.description('Handler when user closes the filter menu'),\n /** Handler when user opens the filter menu */\n onFilterMenuOpen: PropTypes.func.description('Handler when user opens the filter menu'),\n /** Handler when user drags a row */\n onReorder: PropTypes.func.description('handler when user drags a row '),\n /** Handler when user stops dragging a row */\n onMoveRowEnd: PropTypes.func.description('Handler when user stops dragging a row '),\n /** Handler when user starts dragging a row */\n onMoveRowStart: PropTypes.func.description('Handler when user starts dragging a row'),\n /** Handler when user has resized a column */\n onColumnResize: PropTypes.func.description('Handler when user has resized a column'),\n /** Handler when user filters by a column */\n onFilter: PropTypes.func.description('Handler when user filters by a column'),\n /** Handler when user sorts by a column */\n onSort: PropTypes.func.description('Handler when user sorts by a column '),\n /** Handler when user has edited a cell row */\n onColumnRowEdited: PropTypes.func.description('Handler when user has edited a cell row'),\n /** Handler when user activates the cell row editing functionality */\n onColumnRowEdit: PropTypes.func.description(' Handler when user activates the cell row editing functionality'),\n /** Handler when user selects a row */\n onSelectRow: PropTypes.func.description('Handler when user selects a row'),\n /** Handler when user checks the selection header controller */\n onSelectAll: PropTypes.func.description('Handler when user checks the selection header controller'),\n /** Handler to get more data when infinite scroll is activated */\n getData: PropTypes.func.description('Handler to get more data when infinite scroll is activated'),\n /** Handler to get more data when infinite scroll is activated without side-effect */\n onInfiniteScrolling: PropTypes.func.description(\n 'Handler to get more data when infinite scroll is activated without side-effect',\n ),\n /** Flag to override empty sort when data is from server */\n serverSideData: PropTypes.bool.description('Flag to override empty sort when data is from server'),\n /** Flag to force virtualization. Not used */\n virtualized: PropTypes.bool.description('Flag to force virtualization. Not used'),\n /** Number of rows visible. Not used */\n numRowsVisible: PropTypes.oneOf([PropTypes.number, 'all']).description('Number of rows visible. Not used'),\n /** Callback to check if column is editable */\n isColumnEditable: PropTypes.func.description('Callback to check if column is editable'),\n /** Flag for groupedRows */\n groupedRows: PropTypes.bool.description('Flag for groupedRows'),\n /** Header for grouped rows */\n groupedRowsRenderHeader: PropTypes.oneOf([PropTypes.func, PropTypes.element]).description('Header for grouped rows'),\n /** Once activated will disable the internal logic for sorting */\n isDataSorted: PropTypes.bool.description('Once activated will disable the internal logic for sorting'),\n /** Once activated will disable the internal logic for filtering */\n isDataFiltered: PropTypes.bool.description('Once activated will disable the internal logic for filtering'),\n /** Change row size */\n rowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change row size'),\n /** Whether to wrap the text of the data grid or not */\n wrapText: PropTypes.bool.description('Whether to wrap the text of the data grid or not'),\n /** Element to render expanded details */\n renderExpandedDetails: PropTypes.oneOf([PropTypes.func, PropTypes.element]).description(\n 'Element to render expanded details',\n ),\n /** Columns to render on the details of an expanded row */\n detailColumns: PropTypes.arrayOf(PropTypes.object).description('Columns to render on the details of an expanded row'),\n /** Flag to enable the expandable feature */\n expandable: PropTypes.bool.description('Flag to enable the expandable feature '),\n /** Callback to get the row children */\n getChildrenRows: PropTypes.func.description('Callback to get the row children'),\n /** Number of rows visible on the details of an expanded row */\n expandableSubrowsVisible: PropTypes.number.description('Number of rows visible on the details of an expanded row'),\n /** Element to render inside expanded row */\n renderRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Element to render inside expanded row',\n ),\n /** Callback to get the expanded row size */\n getExpandedRowSize: PropTypes.func.description('Callback to get the expanded row size'),\n /** Callback to get the expanded row minimum size */\n getExpandedRowMinSize: PropTypes.func.description('Callback to get the expanded row minimum size'),\n /** Change expanded/details rows size */\n subRowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change expanded/details rows size'),\n /** Bind the column size to another grid instance */\n bindColumnsSizeTo: PropTypes.string.description('Bind the column size to another grid instance'),\n /** Bind the row size to another grid instance */\n bindRowSizeTo: PropTypes.string.description('Bind the row size to another grid instance'),\n /** Handler when toggle show all is clicked */\n onToggleShowAllRows: PropTypes.func.description('Handler when toggle show all is clicked'),\n /** Expanded row state */\n expandedRows: PropTypes.object.description('Expanded row state'),\n /** Flag to enable autoheight */\n autoHeight: PropTypes.bool.description('Flag to enable autoheight'),\n /** Placeholder rendered when no columns are visible */\n noColumnsPlaceholder: PropTypes.oneOf([PropTypes.string, PropTypes.element]).description(\n 'Placeholder rendered when no columns are visible',\n ),\n /** Plugin additional array */\n plugins: PropTypes.arrayOf(PropTypes.any).description('Plugin additional array'),\n};\n\nDSDataGrids.propTypes = props;\nDSDataGrids.displayName = 'DSDataGrids';\nconst DSDataGridsWithSchema = describe(DSDataGrids);\nDSDataGridsWithSchema.propTypes = props;\n\nexport { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };\nexport default DSDataGrids;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { DataGridImpl } from './DataGridImpl';\nimport { RowSizesOptions, RowSizesOptionsArr } from './rowSizes';\n\nconst DSDataGrids = ({\n containerProps = {},\n instanceRef,\n className = '',\n\n // data\n columns = [],\n rows = [],\n rowKey = 'id',\n\n // features\n infiniteScrolling = false,\n editable = false,\n sortable = false,\n sortEmptyLast = false,\n paginated = false,\n dragAndDropRows = false,\n selectable = false,\n resizeableColumns = false,\n searchFilters = false,\n dragAndDropColumns = false,\n useTreeData = false,\n autoScrollToId,\n\n // virtualization props\n overscanCount = 10,\n\n // feature state\n selectAll = false, // todo: change to isAllSelected\n selectedRows = [],\n filters = undefined,\n onAddFilter = () => null,\n onRemoveFilter = () => null,\n onFiltersChange = () => null,\n showFilterBar = true,\n multiSelectFilterOptions = [\n { id: 'true', label: 'Selected' },\n { id: 'false', label: 'Not selected' },\n ],\n multiSelectFilterLabels = undefined,\n multiSelectFilterLabel = 'Selection',\n\n aggregations = {},\n groupingColumn = undefined,\n\n sortingColumns = {},\n\n // pagination\n minPerPage = 0,\n maxPerPage = 50,\n onPerPageChange = () => null,\n onPageChange = () => null,\n paginationStep = 2,\n pagination = {\n page: 1,\n perPage: 10,\n },\n // visual\n showHeader = true,\n fixedHeader = true,\n wrapText = false,\n height = undefined,\n minColumnWidth = 100,\n showRowsLoader = false,\n visibleColumns = undefined, // this enforces visibility of columns\n showSelectHighlight = false,\n showSelectColumn = true,\n selectColumnSortable = true,\n selectColumnFilterable = false,\n selectionColumnDefinition = {},\n filterBarOptions = undefined,\n // searchGrid = false,\n renderToolbar = undefined,\n toolbarDelayClose = 400,\n renderFilterToolbar = undefined,\n multiSelectComponent = undefined,\n // todo: deprecate this\n noResultsRender,\n noResultsPlaceholder,\n fluidHeight = false,\n\n customHandlers = {},\n\n // grouping feature\n groupedBy = undefined,\n\n // callbacks\n onDefaultFiltersLoad = () => null,\n onReorder = () => null,\n onMoveRowEnd = () => null,\n onMoveRowStart = () => null,\n onMoveColumnOver = () => null,\n onMoveColumnStart = () => null,\n onMoveColumnEnd = () => null,\n onColumnResize = () => null,\n onExpandChange = () => null,\n onToggleExpand = () => null,\n onExpandRow = () => null,\n onFilter = () => null,\n onSort = () => null,\n onColumnRowEdited = () => null,\n onColumnRowEdit = () => null,\n onSelectRow = () => null,\n onSelectAll = () => null,\n onInfiniteScrolling = () => null,\n onFilterMenuClose = () => null,\n onFilterMenuOpen = () => null,\n getData = undefined, // todo: change to onGetMoreData\n serverSideData = false,\n isDataSorted = false,\n isDataFiltered = false,\n virtualized = true,\n numRowsVisible = undefined,\n isColumnEditable = (column) => column.editable,\n\n // grouped props\n groupedRows = false,\n groupedRowsRenderHeader = undefined,\n // expandable props\n renderExpandedDetails = () => null,\n detailColumns,\n expandable = false,\n getChildrenRows = (row) => row.children,\n expandableSubrowsVisible = 7,\n renderRowDetails = () => null,\n getExpandedRowSize = undefined,\n getExpandedRowMinSize,\n rowSize = RowSizesOptions.normal,\n subRowSize = RowSizesOptions.normal,\n bindColumnsSizeTo = undefined,\n bindRowSizeTo = undefined,\n onToggleShowAllRows,\n expandedRows,\n autoHeight = false,\n noColumnsPlaceholder,\n plugins = [],\n normalizeDataKeys = false,\n}) => (\n <TooltipTextProvider>\n <DataGridImpl\n aggregations={aggregations}\n autoHeight={autoHeight && !fluidHeight}\n autoScrollToId={autoScrollToId}\n bindColumnsSizeTo={bindColumnsSizeTo}\n bindRowSizeTo={bindRowSizeTo}\n className={className}\n columns={columns}\n containerProps={containerProps}\n customHandlers={customHandlers}\n detailColumns={detailColumns}\n dragAndDropColumns={dragAndDropColumns}\n dragAndDropRows={dragAndDropRows}\n editable={editable}\n expandable={expandable}\n expandableSubrowsVisible={expandableSubrowsVisible}\n expandedRows={expandedRows}\n filterBarOptions={filterBarOptions}\n filters={filters}\n fixedHeader={fixedHeader}\n fluidHeight={fluidHeight}\n getChildrenRows={getChildrenRows}\n getData={getData}\n getExpandedRowMinSize={getExpandedRowMinSize}\n getExpandedRowSize={getExpandedRowSize}\n groupedBy={groupedBy}\n groupedRows={groupedRows}\n groupedRowsRenderHeader={groupedRowsRenderHeader}\n groupingColumn={groupingColumn}\n height={height}\n infiniteScrolling={infiniteScrolling}\n instanceRef={instanceRef}\n isColumnEditable={isColumnEditable}\n isDataFiltered={isDataFiltered}\n isDataSorted={isDataSorted}\n maxPerPage={maxPerPage}\n minColumnWidth={minColumnWidth}\n minPerPage={minPerPage}\n multiSelectComponent={multiSelectComponent}\n multiSelectFilterLabel={multiSelectFilterLabel}\n multiSelectFilterLabels={multiSelectFilterLabels}\n multiSelectFilterOptions={multiSelectFilterOptions}\n noColumnsPlaceholder={noColumnsPlaceholder}\n noResultsPlaceholder={noResultsPlaceholder}\n noResultsRender={noResultsRender}\n normalizeDataKeys={normalizeDataKeys}\n numRowsVisible={numRowsVisible} // if defined, fluidHeight is disabled\n onAddFilter={onAddFilter}\n onColumnResize={onColumnResize}\n onColumnRowEdit={onColumnRowEdit}\n onColumnRowEdited={onColumnRowEdited}\n onExpandRow={onExpandRow}\n onExpandChange={onExpandChange}\n onFilter={onFilter}\n onFiltersChange={onFiltersChange}\n onFilterMenuClose={onFilterMenuClose}\n onFilterMenuOpen={onFilterMenuOpen}\n onDefaultFiltersLoad={onDefaultFiltersLoad}\n onInfiniteScrolling={onInfiniteScrolling}\n onMoveColumnEnd={onMoveColumnEnd}\n onMoveColumnOver={onMoveColumnOver}\n onMoveColumnStart={onMoveColumnStart}\n onMoveRowEnd={onMoveRowEnd}\n onMoveRowStart={onMoveRowStart}\n onPageChange={onPageChange}\n onPerPageChange={onPerPageChange}\n onRemoveFilter={onRemoveFilter}\n onReorder={onReorder}\n onSelectAll={onSelectAll}\n onSelectRow={onSelectRow}\n onSort={onSort}\n onToggleExpand={onToggleExpand}\n onToggleShowAllRows={onToggleShowAllRows}\n overscanCount={overscanCount}\n paginated={paginated}\n pagination={pagination}\n paginationStep={paginationStep}\n plugins={plugins}\n renderExpandedDetails={renderExpandedDetails}\n renderFilterToolbar={renderFilterToolbar}\n renderRowDetails={renderRowDetails}\n renderToolbar={renderToolbar}\n resizeableColumns={resizeableColumns}\n rowKey={rowKey}\n rows={rows}\n rowSize={rowSize}\n searchFilters={searchFilters}\n selectable={selectable}\n selectAll={selectAll}\n selectColumnFilterable={selectColumnFilterable}\n selectColumnSortable={selectColumnSortable}\n selectedRows={selectedRows}\n selectionColumnDefinition={selectionColumnDefinition}\n serverSideData={serverSideData}\n showFilterBar={showFilterBar}\n showHeader={showHeader}\n showRowsLoader={showRowsLoader}\n showSelectColumn={showSelectColumn}\n showSelectHighlight={showSelectHighlight}\n sortable={sortable}\n sortEmptyLast={sortEmptyLast}\n sortingColumns={sortingColumns}\n subrowSize={subRowSize}\n toolbarDelayClose={toolbarDelayClose}\n useTreeData={useTreeData}\n virtualized={virtualized}\n visibleColumns={visibleColumns}\n wrapText={wrapText}\n />\n </TooltipTextProvider>\n);\n\nconst props = {\n /** ref to the instance of the datagrid, handle it imperatively */\n instanceRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'ref to the instance of the datagrid, handle it imperatively',\n ),\n /** class for data grid wrapper */\n className: PropTypes.string.description('class for data grid wrapper'),\n /** inject props to datagrid wrapper */\n containerProps: PropTypes.object.description('inject props to datagrid wrapper'),\n /** FilterBar props passed down to FilterBar */\n filterBarOptions: PropTypes.shape({\n minWidth: PropTypes.number,\n maxWidth: PropTypes.number,\n }).description('FilterBar props passed down to FilterBar'),\n /** datagrid columns */\n columns: PropTypes.arrayOf(\n PropTypes.shape({\n /** Column property as an identifier */\n property: PropTypes.string.isRequired,\n /** Label in the header */\n label: PropTypes.string,\n /** Defines the width of the column, can be a string with percentages (\"50%\"), if not defined the width is flexible */\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /** Min width for this column. NOTE: Has prevalence over the general minColumnWidth */\n minWidth: PropTypes.number,\n /** Function returning a custom editor for that cell ({ value, onValue, rowData }) => Element */\n customEditor: PropTypes.func,\n /** Function returning an element to render in the cell ({ value, customHandlers, metaData: { rowData } }) => Element */\n customRenderer: PropTypes.func,\n /** Activates 'searchable' feature for this column */\n searchable: PropTypes.bool,\n /** Activates 'sortable' feature for this column */\n sortable: PropTypes.bool,\n /** Activates 'resizable' feature for this column */\n resizable: PropTypes.bool,\n /** Activates 'editable' feature for this column */\n editable: PropTypes.bool,\n /** Whether this column is visible or not */\n visible: PropTypes.bool,\n }),\n ).description('datagrid columns'),\n /** datagrid rows */\n rows: PropTypes.arrayOf(PropTypes.object).description('datagrid rows'),\n /** key for each row */\n rowKey: PropTypes.string.description('key for each row'),\n /** toggle infinite scroll loading behavior */\n infiniteScrolling: PropTypes.bool.description('toggle infinite scroll loading behavior'),\n /** Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well */\n overscanCount: PropTypes.number.description(\n \"Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** turn datagrid to editable mode */\n editable: PropTypes.bool.description('turn datagrid to editable mode'),\n /** Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well */\n sortable: PropTypes.bool.description(\n \"Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Put empty values always last on the column after sorting */\n sortEmptyLast: PropTypes.bool.description('Put empty values always last on the column after sorting'),\n /** Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n paginated: PropTypes.bool.description(\n \"Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Pagination step for clicking the next pages */\n paginationStep: PropTypes.number.description('Pagination step for clicking the next pages'),\n /** Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n dragAndDropRows: PropTypes.bool.description(\n \"Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n selectable: PropTypes.bool.description(\n \"Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n resizeableColumns: PropTypes.bool.description(\n \"Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Placeholder rendered when no rows are visible */\n noResultsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Placeholder rendered when no rows are visible',\n ),\n /** Activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n searchFilters: PropTypes.bool.description(\n \"activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n dragAndDropColumns: PropTypes.bool.description(\n \"Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** Activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n useTreeData: PropTypes.bool.description(\n \"activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n ),\n /** AutoScroll to row ID */\n autoScrollToId: PropTypes.any.description('AutoScroll to row ID'),\n /** Whether all rows are selected or not */\n selectAll: PropTypes.bool.description('Whether all rows are selected or not'),\n /** Defines the selected rows */\n selectedRows: PropTypes.arrayOf(PropTypes.object).description(' Defines the selected rows'),\n /** Filters to be applied to the grid */\n filters: PropTypes.arrayOf(PropTypes.object).description('Filters to be applied to the grid'),\n // todo: define params for handlers\n /** Handler when user expands a row */\n onExpandRow: PropTypes.func.description('Handler when user expands a row'),\n /** Handler when user expands a row with full expand state */\n onExpandChange: PropTypes.func.description('Handler when user expands a row with full expand state'),\n /** Handler when user expands a row (old API) */\n onToggleExpand: PropTypes.func.description('Handler when user expands a row (old API)'),\n /** Handler when user adds a filter */\n onAddFilter: PropTypes.func.description('Handler when user adds a filter'),\n /** Handler when user removes a filter */\n onRemoveFilter: PropTypes.func.description('Handler when user removes a filter'),\n /** Handler when the filters state has changed */\n onFiltersChange: PropTypes.func.description('Handler when the filters state has changed '),\n /** Handler when the default filters load. Returns the rows rendered */\n onDefaultFiltersLoad: PropTypes.func.description('Handler when the default filters load. Returns the rows rendered'),\n /** Handler when column move is over another column */\n onMoveColumnOver: PropTypes.func.description('Handler when column move is over another column'),\n /** Handler when column move starts */\n onMoveColumnStart: PropTypes.func.description(' Handler when column move starts'),\n /** Handler when column move ends */\n onMoveColumnEnd: PropTypes.func.description('Handler when column move ends'),\n /** Whether to show the filter bar or not */\n showFilterBar: PropTypes.bool.description('Whether to show the filter bar or not'),\n /** Custom option for the header with multi select */\n multiSelectFilterOptions: PropTypes.arrayOf(PropTypes.object).description(\n 'Custom option for the header with multi select',\n ),\n /** Label to the header column for multi select */\n multiSelectFilterLabel: PropTypes.string.description('Label to the header column for multi select'),\n /** Labels for multi selects */\n multiSelectFilterLabels: PropTypes.arrayOf(PropTypes.string).description('Labels for multi selects'),\n /** unstable */\n aggregations: PropTypes.object.description('').deprecated(''),\n /** unstable */\n /** Column which rows would be grouped by */\n groupingColumn: PropTypes.string.description('Column which rows would be grouped by').deprecated(''),\n /** group by */\n groupedBy: PropTypes.string.description('group by'),\n /** Defines the sorting state */\n sortingColumns: PropTypes.objectOf(\n PropTypes.shape({\n // eslint-disable-next-line react/no-unused-prop-types\n direction: PropTypes.oneOf(['asc', 'desc']),\n // eslint-disable-next-line react/no-unused-prop-types\n position: PropTypes.number,\n }),\n ).description('Defines the sorting state'),\n /** Visible columns property */\n visibleColumns: PropTypes.arrayOf(PropTypes.string).description('Visible columns property'),\n /** Pagination: Minimum number of rows per page */\n minPerPage: PropTypes.string.description('Pagination: Minimum number of rows per page'),\n /** Pagination: Maximum number of rows per page */\n maxPerPage: PropTypes.string.description('Pagination: Maximum number of rows per page'),\n /** Pagination: Handler when user changes the amount of rows per page */\n onPerPageChange: PropTypes.string.description('Pagination: Handler when user changes the amount of rows per page'),\n /** Pagination: Handler when user changes the page */\n onPageChange: PropTypes.string.description('Pagination: Handler when user changes the page'),\n /** Pagination state */\n pagination: PropTypes.shape({\n // eslint-disable-next-line react/no-unused-prop-types\n page: PropTypes.number,\n // eslint-disable-next-line react/no-unused-prop-types\n perPage: PropTypes.number,\n }).description('pagination state'),\n /** Whether to show the header or not */\n showHeader: PropTypes.bool.description('Whether to show the header or not'),\n /** Whether to header is fixed or not */\n fixedHeader: PropTypes.bool.description('Whether to header is fixed or not'),\n /** Defines the height of the DataGrid */\n height: PropTypes.number.description('Defines the height of the DataGrid'),\n /** General min column width for all the columns */\n minColumnWidth: PropTypes.number.description('General min column width for all the columns '),\n /** Whether to show a loader instead of the rows or not */\n showRowsLoader: PropTypes.bool.description('Whether to show a loader instead of the rows or not'),\n /** When a user selects a row, that row get highlighted */\n showSelectHighlight: PropTypes.bool.description('When a user selects a row, that row get highlighted'),\n /** Whether to show the select column when the selection feature is active */\n showSelectColumn: PropTypes.bool.description(\n 'Whether to show the select column when the selection feature is active',\n ),\n /** Activates sortable feature to selection column */\n selectColumnSortable: PropTypes.bool.description('activates sortable feature to selection column'),\n /** Activates filterable feature to selection column */\n selectColumnFilterable: PropTypes.bool.description('Activates filterable feature to selection column'),\n /** Define the definition for the selection column */\n selectionColumnDefinition: PropTypes.object.description('Define the definition for the selection column'),\n /** Function that returns a toolbar to show when the user hovers the row */\n renderToolbar: PropTypes.func.description('Function that returns a toolbar to show when the user hovers the row'),\n /** Timeout to close the toolbar */\n toolbarDelayClose: PropTypes.number.description(' Timeout to close the toolbar'),\n /** Function that returns a toolbar in the FilterBar component */\n renderFilterToolbar: PropTypes.func.description('Function that returns a toolbar in the FilterBar component'),\n /** Custom component for the selection */\n multiSelectComponent: PropTypes.element.description('Custom component for the selection'),\n /** Normalize the keys of the data received and the columns */\n normalizeDataKeys: PropTypes.bool.description('Normalize the keys of the data received and the columns'),\n /** Function that returns an Element when there are no rows */\n noResultsRender: PropTypes.func.description('Function that returns an Element when there are no rows'),\n /** The height of the DataGrid will expand to its container */\n fluidHeight: PropTypes.bool.description('The height of the DataGrid will expand to its container'),\n /** @deprecated */\n customHandlers: PropTypes.object.description('').deprecated(''),\n /** Handler when user closes the filter menu */\n onFilterMenuClose: PropTypes.func.description('Handler when user closes the filter menu'),\n /** Handler when user opens the filter menu */\n onFilterMenuOpen: PropTypes.func.description('Handler when user opens the filter menu'),\n /** Handler when user drags a row */\n onReorder: PropTypes.func.description('handler when user drags a row '),\n /** Handler when user stops dragging a row */\n onMoveRowEnd: PropTypes.func.description('Handler when user stops dragging a row '),\n /** Handler when user starts dragging a row */\n onMoveRowStart: PropTypes.func.description('Handler when user starts dragging a row'),\n /** Handler when user has resized a column */\n onColumnResize: PropTypes.func.description('Handler when user has resized a column'),\n /** Handler when user filters by a column */\n onFilter: PropTypes.func.description('Handler when user filters by a column'),\n /** Handler when user sorts by a column */\n onSort: PropTypes.func.description('Handler when user sorts by a column '),\n /** Handler when user has edited a cell row */\n onColumnRowEdited: PropTypes.func.description('Handler when user has edited a cell row'),\n /** Handler when user activates the cell row editing functionality */\n onColumnRowEdit: PropTypes.func.description(' Handler when user activates the cell row editing functionality'),\n /** Handler when user selects a row */\n onSelectRow: PropTypes.func.description('Handler when user selects a row'),\n /** Handler when user checks the selection header controller */\n onSelectAll: PropTypes.func.description('Handler when user checks the selection header controller'),\n /** Handler to get more data when infinite scroll is activated */\n getData: PropTypes.func.description('Handler to get more data when infinite scroll is activated'),\n /** Handler to get more data when infinite scroll is activated without side-effect */\n onInfiniteScrolling: PropTypes.func.description(\n 'Handler to get more data when infinite scroll is activated without side-effect',\n ),\n /** Flag to override empty sort when data is from server */\n serverSideData: PropTypes.bool.description('Flag to override empty sort when data is from server'),\n /** Flag to force virtualization. Not used */\n virtualized: PropTypes.bool.description('Flag to force virtualization. Not used'),\n /** Number of rows visible. Not used */\n numRowsVisible: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['all'])]).description('Number of rows visible. Not used'),\n /** Callback to check if column is editable */\n isColumnEditable: PropTypes.func.description('Callback to check if column is editable'),\n /** Flag for groupedRows */\n groupedRows: PropTypes.bool.description('Flag for groupedRows'),\n /** Header for grouped rows */\n groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Header for grouped rows'),\n /** Once activated will disable the internal logic for sorting */\n isDataSorted: PropTypes.bool.description('Once activated will disable the internal logic for sorting'),\n /** Once activated will disable the internal logic for filtering */\n isDataFiltered: PropTypes.bool.description('Once activated will disable the internal logic for filtering'),\n /** Change row size */\n rowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change row size'),\n /** Whether to wrap the text of the data grid or not */\n wrapText: PropTypes.bool.description('Whether to wrap the text of the data grid or not'),\n /** Element to render expanded details */\n renderExpandedDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Element to render expanded details',\n ),\n /** Columns to render on the details of an expanded row */\n detailColumns: PropTypes.arrayOf(PropTypes.object).description('Columns to render on the details of an expanded row'),\n /** Flag to enable the expandable feature */\n expandable: PropTypes.bool.description('Flag to enable the expandable feature '),\n /** Callback to get the row children */\n getChildrenRows: PropTypes.func.description('Callback to get the row children'),\n /** Number of rows visible on the details of an expanded row */\n expandableSubrowsVisible: PropTypes.number.description('Number of rows visible on the details of an expanded row'),\n /** Element to render inside expanded row */\n renderRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Element to render inside expanded row',\n ),\n /** Callback to get the expanded row size */\n getExpandedRowSize: PropTypes.func.description('Callback to get the expanded row size'),\n /** Callback to get the expanded row minimum size */\n getExpandedRowMinSize: PropTypes.func.description('Callback to get the expanded row minimum size'),\n /** Change expanded/details rows size */\n subRowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change expanded/details rows size'),\n /** Bind the column size to another grid instance */\n bindColumnsSizeTo: PropTypes.string.description('Bind the column size to another grid instance'),\n /** Bind the row size to another grid instance */\n bindRowSizeTo: PropTypes.string.description('Bind the row size to another grid instance'),\n /** Handler when toggle show all is clicked */\n onToggleShowAllRows: PropTypes.func.description('Handler when toggle show all is clicked'),\n /** Expanded row state */\n expandedRows: PropTypes.object.description('Expanded row state'),\n /** Flag to enable autoheight */\n autoHeight: PropTypes.bool.description('Flag to enable autoheight'),\n /** Placeholder rendered when no columns are visible */\n noColumnsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Placeholder rendered when no columns are visible',\n ),\n /** Plugin additional array */\n plugins: PropTypes.arrayOf(PropTypes.any).description('Plugin additional array'),\n};\n\nDSDataGrids.propTypes = props;\nDSDataGrids.displayName = 'DSDataGrids';\nconst DSDataGridsWithSchema = describe(DSDataGrids);\nDSDataGridsWithSchema.propTypes = props;\n\nexport { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };\nexport default DSDataGrids;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -29,18 +29,18 @@ var import_ds_grid = require("@elliemae/ds-grid");
|
|
|
29
29
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
30
30
|
var import_ds_system = require("@elliemae/ds-system");
|
|
31
31
|
var import_ds_button = require("@elliemae/ds-button");
|
|
32
|
-
var
|
|
33
|
-
const EmptyStateWrapper = (0,
|
|
32
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
33
|
+
const EmptyStateWrapper = (0, import_ds_system2.styled)(import_ds_grid.Grid)`
|
|
34
34
|
min-width: 132px; /* fixed size in px according to specs */
|
|
35
35
|
max-width: 384px; /* fixed size in px according to specs */
|
|
36
36
|
height: fit-content;
|
|
37
37
|
`;
|
|
38
|
-
const Icon = (0,
|
|
38
|
+
const Icon = (0, import_ds_system2.styled)(import_ds_icons.WarningTriangle)`
|
|
39
39
|
fill: ${(props) => props.theme.colors.neutral[300]};
|
|
40
40
|
color: ${(props) => props.theme.colors.neutral[300]};
|
|
41
41
|
justify-self: center;
|
|
42
42
|
`;
|
|
43
|
-
const PrimaryMessage =
|
|
43
|
+
const PrimaryMessage = import_ds_system2.styled.p`
|
|
44
44
|
text-align: center;
|
|
45
45
|
font-weight: bold;
|
|
46
46
|
font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])};
|
|
@@ -48,13 +48,13 @@ const PrimaryMessage = import_styled_components.default.p`
|
|
|
48
48
|
margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
|
|
49
49
|
margin-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
|
|
50
50
|
`;
|
|
51
|
-
const SecondaryMessage =
|
|
51
|
+
const SecondaryMessage = import_ds_system2.styled.p`
|
|
52
52
|
text-align: center;
|
|
53
53
|
font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])}; /* 13px */
|
|
54
54
|
color: ${(props) => props.theme.colors.neutral[500]};
|
|
55
55
|
margin: 0;
|
|
56
56
|
`;
|
|
57
|
-
const Button = (0,
|
|
57
|
+
const Button = (0, import_ds_system2.styled)(import_ds_button.DSButton)`
|
|
58
58
|
margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
|
|
59
59
|
justify-self: center;
|
|
60
60
|
width: fit-content;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/EmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n min-width: 132px; /* fixed size in px according to specs */\n max-width: 384px; /* fixed size in px according to specs */\n height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n fill: ${(props) => props.theme.colors.neutral[300]};\n color: ${(props) => props.theme.colors.neutral[300]};\n justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n text-align: center;\n font-weight: bold;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n color: ${(props) => props.theme.colors.neutral[600]};\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n text-align: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n color: ${(props) => props.theme.colors.neutral[500]};\n margin: 0;\n`;\nconst Button = styled(DSButton)`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n justify-self: center;\n width: fit-content;\n`;\n\nexport const EmptyState = ({\n primaryMessage = 'No Results Found',\n secondaryMessage,\n buttonLabel,\n onButtonClick = () => {},\n}) => (\n <EmptyStateWrapper>\n <Icon size=\"xxl\" />\n {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n </EmptyStateWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,wBAAuB;AAEvB,MAAM,oBAAoB,8BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKrC,MAAM,OAAO,8BAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,yBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,yBAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,8BAAO,yBAAQ;AAAA,gBACd,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AAAA,MAEvB,mDAAC,yBACC,mDAAC;AAAA,EAAK,MAAK;AAAA,CAAM,GAChB,kBAAkB,mDAAC,sBAAgB,cAAe,GAClD,oBAAoB,mDAAC,wBAAkB,gBAAiB,GACxD,eAAe,mDAAC;AAAA,EAAO,YAAW;AAAA,EAAY,WAAW;AAAA,EAAa,SAAS;AAAA,CAAe,CACjG;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -55,9 +55,8 @@ __export(NoResults_exports, {
|
|
|
55
55
|
module.exports = __toCommonJS(NoResults_exports);
|
|
56
56
|
var React = __toESM(require("react"));
|
|
57
57
|
var import_react = __toESM(require("react"));
|
|
58
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
59
58
|
var import_ds_system = require("@elliemae/ds-system");
|
|
60
|
-
const NoResultsContainer =
|
|
59
|
+
const NoResultsContainer = import_ds_system.styled.div`
|
|
61
60
|
display: flex;
|
|
62
61
|
flex-direction: column;
|
|
63
62
|
justify-content: center;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/NoResults.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n padding-bottom: 0;\n height: calc(100% - 36px);\n overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n return (\n <>\n <NoResultsContainer {...rest} innerRef={innerRef}>\n {children}\n </NoResultsContainer>\n {/* Hack to expand to the width of the row so we can scroll\n if the columns are bigger than the grid */}\n {rowRenderer(\n {},\n { style: { visibility: 'hidden', marginBottom: 0 } },\n {},\n )}\n </>\n );\n}\n\nexport default NoResults;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAiD;AAEjD,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,OAAiD;AAAjD,eAAE,YAAU,aAAa,aAAzB,IAAsC,iBAAtC,IAAsC,CAApC,YAAU,eAAa;AACjD,SACE,wFACE,mDAAC,qDAAuB,OAAvB;AAAA,IAA6B;AAAA,MAC3B,QACH,GAGC,YACC,CAAC,GACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE,GACnD,CAAC,CACH,CACF;AAEJ;AAEA,IAAO,oBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|