@elliemae/ds-datagrids 3.3.0-next.2 → 3.3.0-next.5
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/DataGridImpl.js +23 -56
- package/dist/cjs/DataGridImpl.js.map +1 -1
- package/dist/cjs/PaginatedDataGrid.js +19 -56
- package/dist/cjs/PaginatedDataGrid.js.map +1 -1
- package/dist/cjs/components/BodyCell.js +11 -33
- package/dist/cjs/components/BodyCell.js.map +1 -1
- package/dist/cjs/components/BodyList.js +12 -47
- package/dist/cjs/components/BodyList.js.map +1 -1
- package/dist/cjs/components/HeaderCell.js +6 -17
- package/dist/cjs/components/HeaderCell.js.map +1 -1
- package/dist/cjs/components/List.js +3 -15
- package/dist/cjs/components/List.js.map +1 -1
- package/dist/cjs/components/ListItem.js +4 -17
- package/dist/cjs/components/ListItem.js.map +1 -1
- package/dist/cjs/components/NoResults.js +4 -33
- package/dist/cjs/components/NoResults.js.map +1 -1
- package/dist/cjs/components/Table.js +15 -27
- package/dist/cjs/components/Table.js.map +1 -1
- package/dist/cjs/components/TableBody.js +21 -52
- package/dist/cjs/components/TableBody.js.map +1 -1
- package/dist/cjs/components/TableHeader.js +6 -20
- package/dist/cjs/components/TableHeader.js.map +1 -1
- package/dist/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +34 -81
- package/dist/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js.map +1 -1
- package/dist/cjs/plugins/column-dnd/DndColumnsPlugin.js +9 -22
- package/dist/cjs/plugins/column-dnd/DndColumnsPlugin.js.map +1 -1
- package/dist/cjs/plugins/column-sizing/columnMeasurerTransformer.js +3 -19
- package/dist/cjs/plugins/column-sizing/columnMeasurerTransformer.js.map +1 -1
- package/dist/cjs/plugins/column-sizing/ext-points/getTableProps.js +3 -19
- package/dist/cjs/plugins/column-sizing/ext-points/getTableProps.js.map +1 -1
- package/dist/cjs/plugins/column-sizing/useColumnSizeService.js +1 -18
- package/dist/cjs/plugins/column-sizing/useColumnSizeService.js.map +1 -1
- package/dist/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +2 -19
- package/dist/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js.map +1 -1
- package/dist/cjs/plugins/custom-cell-renderer/getRendererComponent.js +6 -29
- package/dist/cjs/plugins/custom-cell-renderer/getRendererComponent.js.map +1 -1
- package/dist/cjs/plugins/editable/EditableComponents/ComboBox.js +3 -19
- package/dist/cjs/plugins/editable/EditableComponents/ComboBox.js.map +1 -1
- package/dist/cjs/plugins/editable/EditableComponents/TextBox.js +4 -21
- package/dist/cjs/plugins/editable/EditableComponents/TextBox.js.map +1 -1
- package/dist/cjs/plugins/editable/decorateEditable.js +5 -31
- package/dist/cjs/plugins/editable/decorateEditable.js.map +1 -1
- package/dist/cjs/plugins/editable/getEditorComponent.js +13 -36
- package/dist/cjs/plugins/editable/getEditorComponent.js.map +1 -1
- package/dist/cjs/plugins/expandable-grid/ExpandableColumn.js +16 -55
- package/dist/cjs/plugins/expandable-grid/ExpandableColumn.js.map +1 -1
- package/dist/cjs/plugins/expandable-grid/ExpandablePlugin.js +16 -40
- package/dist/cjs/plugins/expandable-grid/ExpandablePlugin.js.map +1 -1
- package/dist/cjs/plugins/expandable-grid/ExpandedRow.js +14 -39
- package/dist/cjs/plugins/expandable-grid/ExpandedRow.js.map +1 -1
- package/dist/cjs/plugins/expandable-grid/ExpandedRowExtra.js +3 -19
- package/dist/cjs/plugins/expandable-grid/ExpandedRowExtra.js.map +1 -1
- package/dist/cjs/plugins/export-data/ExportDataPlugin.js +4 -15
- package/dist/cjs/plugins/export-data/ExportDataPlugin.js.map +1 -1
- package/dist/cjs/plugins/filterable/addFilterToColumn.js +1 -18
- package/dist/cjs/plugins/filterable/addFilterToColumn.js.map +1 -1
- package/dist/cjs/plugins/filterable/components/FilterableHeader.js +4 -17
- package/dist/cjs/plugins/filterable/components/FilterableHeader.js.map +1 -1
- package/dist/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +10 -36
- package/dist/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js.map +1 -1
- package/dist/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +6 -21
- package/dist/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js.map +1 -1
- package/dist/cjs/plugins/filterable/helper.js +3 -19
- package/dist/cjs/plugins/filterable/helper.js.map +1 -1
- package/dist/cjs/plugins/filterable/useFilterableState.js +8 -22
- package/dist/cjs/plugins/filterable/useFilterableState.js.map +1 -1
- package/dist/cjs/plugins/grouping-grid/GroupingPlugin.js +21 -41
- package/dist/cjs/plugins/grouping-grid/GroupingPlugin.js.map +1 -1
- package/dist/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +4 -33
- package/dist/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js.map +1 -1
- package/dist/cjs/plugins/pagination/PaginationPlugin.js +21 -57
- package/dist/cjs/plugins/pagination/PaginationPlugin.js.map +1 -1
- package/dist/cjs/plugins/pagination/components/PerPageDropdown.js +3 -30
- package/dist/cjs/plugins/pagination/components/PerPageDropdown.js.map +1 -1
- package/dist/cjs/plugins/pagination/usePaginationState.js +3 -19
- package/dist/cjs/plugins/pagination/usePaginationState.js.map +1 -1
- package/dist/cjs/plugins/resizable/decorateResizable.js +3 -19
- package/dist/cjs/plugins/resizable/decorateResizable.js.map +1 -1
- package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js +12 -24
- package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js.map +1 -1
- package/dist/cjs/plugins/selectable/addSelectableColumn.js +14 -51
- package/dist/cjs/plugins/selectable/addSelectableColumn.js.map +1 -1
- package/dist/cjs/plugins/selectable/helper.js +2 -18
- package/dist/cjs/plugins/selectable/helper.js.map +1 -1
- package/dist/cjs/plugins/selectable/selectableFormatter.js +4 -21
- package/dist/cjs/plugins/selectable/selectableFormatter.js.map +1 -1
- package/dist/cjs/plugins/selectable/useSelectableState.js +5 -19
- package/dist/cjs/plugins/selectable/useSelectableState.js.map +1 -1
- package/dist/cjs/plugins/sortable/sortTree.js +3 -19
- package/dist/cjs/plugins/sortable/sortTree.js.map +1 -1
- package/dist/cjs/plugins/sortable/sorter.js +9 -19
- package/dist/cjs/plugins/sortable/sorter.js.map +1 -1
- package/dist/cjs/plugins/sortable/useSortableState.js +3 -19
- package/dist/cjs/plugins/sortable/useSortableState.js.map +1 -1
- package/dist/cjs/plugins/toolbar/RowRenderer.js +9 -23
- package/dist/cjs/plugins/toolbar/RowRenderer.js.map +1 -1
- package/dist/cjs/plugins/toolbar/ToolbarTrigger.js +3 -19
- package/dist/cjs/plugins/toolbar/ToolbarTrigger.js.map +1 -1
- package/dist/cjs/plugins/virtualization/AutoHeightList.js +14 -51
- package/dist/cjs/plugins/virtualization/AutoHeightList.js.map +1 -1
- package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js +8 -22
- package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js.map +1 -1
- package/dist/cjs/plugins/virtualization/VirtualizedBody.js +7 -22
- package/dist/cjs/plugins/virtualization/VirtualizedBody.js.map +1 -1
- package/dist/cjs/utilities/normalizeData.js +3 -19
- package/dist/cjs/utilities/normalizeData.js.map +1 -1
- package/dist/esm/DataGridImpl.js +23 -58
- package/dist/esm/DataGridImpl.js.map +1 -1
- package/dist/esm/PaginatedDataGrid.js +19 -58
- package/dist/esm/PaginatedDataGrid.js.map +1 -1
- package/dist/esm/components/BodyCell.js +11 -35
- package/dist/esm/components/BodyCell.js.map +1 -1
- package/dist/esm/components/BodyList.js +12 -49
- package/dist/esm/components/BodyList.js.map +1 -1
- package/dist/esm/components/HeaderCell.js +6 -19
- package/dist/esm/components/HeaderCell.js.map +1 -1
- package/dist/esm/components/List.js +3 -17
- package/dist/esm/components/List.js.map +1 -1
- package/dist/esm/components/ListItem.js +4 -19
- package/dist/esm/components/ListItem.js.map +1 -1
- package/dist/esm/components/NoResults.js +4 -35
- package/dist/esm/components/NoResults.js.map +1 -1
- package/dist/esm/components/Table.js +15 -29
- package/dist/esm/components/Table.js.map +1 -1
- package/dist/esm/components/TableBody.js +21 -54
- package/dist/esm/components/TableBody.js.map +1 -1
- package/dist/esm/components/TableHeader.js +6 -22
- package/dist/esm/components/TableHeader.js.map +1 -1
- package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +34 -83
- package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js.map +1 -1
- package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js +9 -24
- package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js.map +1 -1
- package/dist/esm/plugins/column-sizing/columnMeasurerTransformer.js +3 -21
- package/dist/esm/plugins/column-sizing/columnMeasurerTransformer.js.map +1 -1
- package/dist/esm/plugins/column-sizing/ext-points/getTableProps.js +3 -21
- package/dist/esm/plugins/column-sizing/ext-points/getTableProps.js.map +1 -1
- package/dist/esm/plugins/column-sizing/useColumnSizeService.js +1 -20
- package/dist/esm/plugins/column-sizing/useColumnSizeService.js.map +1 -1
- package/dist/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js +2 -21
- package/dist/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js.map +1 -1
- package/dist/esm/plugins/custom-cell-renderer/getRendererComponent.js +6 -31
- package/dist/esm/plugins/custom-cell-renderer/getRendererComponent.js.map +1 -1
- package/dist/esm/plugins/editable/EditableComponents/ComboBox.js +3 -21
- package/dist/esm/plugins/editable/EditableComponents/ComboBox.js.map +1 -1
- package/dist/esm/plugins/editable/EditableComponents/TextBox.js +4 -23
- package/dist/esm/plugins/editable/EditableComponents/TextBox.js.map +1 -1
- package/dist/esm/plugins/editable/decorateEditable.js +5 -33
- package/dist/esm/plugins/editable/decorateEditable.js.map +1 -1
- package/dist/esm/plugins/editable/getEditorComponent.js +13 -38
- package/dist/esm/plugins/editable/getEditorComponent.js.map +1 -1
- package/dist/esm/plugins/expandable-grid/ExpandableColumn.js +16 -57
- package/dist/esm/plugins/expandable-grid/ExpandableColumn.js.map +1 -1
- package/dist/esm/plugins/expandable-grid/ExpandablePlugin.js +16 -42
- package/dist/esm/plugins/expandable-grid/ExpandablePlugin.js.map +1 -1
- package/dist/esm/plugins/expandable-grid/ExpandedRow.js +14 -41
- package/dist/esm/plugins/expandable-grid/ExpandedRow.js.map +1 -1
- package/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js +3 -21
- package/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js.map +1 -1
- package/dist/esm/plugins/export-data/ExportDataPlugin.js +4 -17
- package/dist/esm/plugins/export-data/ExportDataPlugin.js.map +1 -1
- package/dist/esm/plugins/filterable/addFilterToColumn.js +1 -20
- package/dist/esm/plugins/filterable/addFilterToColumn.js.map +1 -1
- package/dist/esm/plugins/filterable/components/FilterableHeader.js +4 -19
- package/dist/esm/plugins/filterable/components/FilterableHeader.js.map +1 -1
- package/dist/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js +10 -38
- package/dist/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js.map +1 -1
- package/dist/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js +6 -23
- package/dist/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js.map +1 -1
- package/dist/esm/plugins/filterable/helper.js +3 -21
- package/dist/esm/plugins/filterable/helper.js.map +1 -1
- package/dist/esm/plugins/filterable/useFilterableState.js +8 -24
- package/dist/esm/plugins/filterable/useFilterableState.js.map +1 -1
- package/dist/esm/plugins/grouping-grid/GroupingPlugin.js +21 -43
- package/dist/esm/plugins/grouping-grid/GroupingPlugin.js.map +1 -1
- package/dist/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js +4 -35
- package/dist/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js.map +1 -1
- package/dist/esm/plugins/pagination/PaginationPlugin.js +21 -59
- package/dist/esm/plugins/pagination/PaginationPlugin.js.map +1 -1
- package/dist/esm/plugins/pagination/components/PerPageDropdown.js +3 -32
- package/dist/esm/plugins/pagination/components/PerPageDropdown.js.map +1 -1
- package/dist/esm/plugins/pagination/usePaginationState.js +3 -21
- package/dist/esm/plugins/pagination/usePaginationState.js.map +1 -1
- package/dist/esm/plugins/resizable/decorateResizable.js +3 -21
- package/dist/esm/plugins/resizable/decorateResizable.js.map +1 -1
- package/dist/esm/plugins/row-dnd/DndRowsPlugin.js +12 -26
- package/dist/esm/plugins/row-dnd/DndRowsPlugin.js.map +1 -1
- package/dist/esm/plugins/selectable/addSelectableColumn.js +14 -53
- package/dist/esm/plugins/selectable/addSelectableColumn.js.map +1 -1
- package/dist/esm/plugins/selectable/helper.js +2 -20
- package/dist/esm/plugins/selectable/helper.js.map +1 -1
- package/dist/esm/plugins/selectable/selectableFormatter.js +4 -23
- package/dist/esm/plugins/selectable/selectableFormatter.js.map +1 -1
- package/dist/esm/plugins/selectable/useSelectableState.js +5 -21
- package/dist/esm/plugins/selectable/useSelectableState.js.map +1 -1
- package/dist/esm/plugins/sortable/sortTree.js +3 -21
- package/dist/esm/plugins/sortable/sortTree.js.map +1 -1
- package/dist/esm/plugins/sortable/sorter.js +9 -21
- package/dist/esm/plugins/sortable/sorter.js.map +1 -1
- package/dist/esm/plugins/sortable/useSortableState.js +3 -21
- package/dist/esm/plugins/sortable/useSortableState.js.map +1 -1
- package/dist/esm/plugins/toolbar/RowRenderer.js +9 -25
- package/dist/esm/plugins/toolbar/RowRenderer.js.map +1 -1
- package/dist/esm/plugins/toolbar/ToolbarTrigger.js +3 -21
- package/dist/esm/plugins/toolbar/ToolbarTrigger.js.map +1 -1
- package/dist/esm/plugins/virtualization/AutoHeightList.js +14 -53
- package/dist/esm/plugins/virtualization/AutoHeightList.js.map +1 -1
- package/dist/esm/plugins/virtualization/VirtualizationPlugin.js +8 -24
- package/dist/esm/plugins/virtualization/VirtualizationPlugin.js.map +1 -1
- package/dist/esm/plugins/virtualization/VirtualizedBody.js +7 -24
- package/dist/esm/plugins/virtualization/VirtualizedBody.js.map +1 -1
- package/dist/esm/utilities/normalizeData.js +3 -21
- package/dist/esm/utilities/normalizeData.js.map +1 -1
- package/package.json +19 -19
package/dist/cjs/DataGridImpl.js
CHANGED
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __objRest = (source, exclude) => {
|
|
26
|
-
var target = {};
|
|
27
|
-
for (var prop in source)
|
|
28
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
if (source != null && __getOwnPropSymbols)
|
|
31
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
}
|
|
35
|
-
return target;
|
|
36
|
-
};
|
|
37
8
|
var __export = (target, all) => {
|
|
38
9
|
for (var name in all)
|
|
39
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -75,24 +46,16 @@ const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
|
|
|
75
46
|
return false;
|
|
76
47
|
return !numRowsVisible;
|
|
77
48
|
};
|
|
78
|
-
const DataGridImpl = (
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
"className",
|
|
89
|
-
"renderers",
|
|
90
|
-
"columns",
|
|
91
|
-
"rows",
|
|
92
|
-
"containerProps",
|
|
93
|
-
"plugins",
|
|
94
|
-
"normalizeDataKeys"
|
|
95
|
-
]);
|
|
49
|
+
const DataGridImpl = ({
|
|
50
|
+
className,
|
|
51
|
+
renderers,
|
|
52
|
+
columns,
|
|
53
|
+
rows,
|
|
54
|
+
containerProps,
|
|
55
|
+
plugins: pluginsProp,
|
|
56
|
+
normalizeDataKeys,
|
|
57
|
+
...otherProps
|
|
58
|
+
}) => {
|
|
96
59
|
const {
|
|
97
60
|
noResultsPlaceholder = /* @__PURE__ */ import_react.default.createElement(import_EmptyState.EmptyState, null),
|
|
98
61
|
noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
|
|
@@ -119,20 +82,22 @@ const DataGridImpl = (_a) => {
|
|
|
119
82
|
});
|
|
120
83
|
if (rowsIds.length !== rowsIdsSet.size)
|
|
121
84
|
throw new Error("Repeated id: each row must have an unique id");
|
|
122
|
-
const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(
|
|
85
|
+
const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)({
|
|
86
|
+
...otherProps,
|
|
123
87
|
virtualized: (!paginated || groupedRows) && !wrapText,
|
|
124
88
|
paginated: paginated && !groupedRows || wrapText,
|
|
125
89
|
sortable: sortable && !groupedRows
|
|
126
|
-
})
|
|
90
|
+
});
|
|
127
91
|
if (normalizeDataKeys) {
|
|
128
92
|
(0, import_normalizeData.normalizeRows)(rows);
|
|
129
93
|
}
|
|
130
|
-
const grid = (0, import_ds_shared.useDataGrid)(
|
|
94
|
+
const grid = (0, import_ds_shared.useDataGrid)({
|
|
131
95
|
columns,
|
|
132
96
|
rows,
|
|
133
97
|
renderers: import_renderers.defaultRenderers,
|
|
134
|
-
plugins: [...plugins, ...pluginsProp, ...import_defaultPlugins.defaultPlugins]
|
|
135
|
-
|
|
98
|
+
plugins: [...plugins, ...pluginsProp, ...import_defaultPlugins.defaultPlugins],
|
|
99
|
+
...otherProps
|
|
100
|
+
});
|
|
136
101
|
const noColumnsVisible = (0, import_react.useMemo)(() => {
|
|
137
102
|
const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === "undefined");
|
|
138
103
|
return visibleUserColumns.length === 0;
|
|
@@ -146,7 +111,7 @@ const DataGridImpl = (_a) => {
|
|
|
146
111
|
const { pagination } = otherProps;
|
|
147
112
|
const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
|
|
148
113
|
const usePagination = paginated && !conditionalPagination;
|
|
149
|
-
return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper,
|
|
114
|
+
return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, {
|
|
150
115
|
className: `${className} ds-row-size-${rowSize}`,
|
|
151
116
|
classProps: {
|
|
152
117
|
fluidHeight: isFluid({
|
|
@@ -155,10 +120,12 @@ const DataGridImpl = (_a) => {
|
|
|
155
120
|
paginated: usePagination
|
|
156
121
|
})
|
|
157
122
|
},
|
|
158
|
-
style: { height }
|
|
159
|
-
|
|
123
|
+
style: { height },
|
|
124
|
+
...containerProps
|
|
125
|
+
}, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
|
|
126
|
+
...grid,
|
|
160
127
|
onDefaultFiltersLoad
|
|
161
|
-
}
|
|
128
|
+
}, showHeader && /* @__PURE__ */ import_react.default.createElement(import_TableHeader.TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_TableBody.TableBody, {
|
|
162
129
|
isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
|
|
163
130
|
noResultsPlaceholder: bodyPlaceholder
|
|
164
131
|
})), (0, import_addOptionalFooterComponents.addOptionalFooterComponents)({
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DataGridImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useMemo } from 'react';\nimport { isFunction, useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n if (autoHeight) return false;\n if (paginated) return false;\n return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n className,\n renderers,\n columns,\n rows,\n containerProps,\n plugins: pluginsProp,\n normalizeDataKeys,\n ...otherProps\n}) => {\n const {\n noResultsPlaceholder = <EmptyState />,\n noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n noResultsRender,\n paginated,\n height,\n showHeader,\n showRowsLoader,\n rowsLoaderRenderer = renderRowsLoader,\n groupedRows,\n sortable,\n rowSize,\n wrapText,\n onDefaultFiltersLoad,\n rowKey,\n } = otherProps;\n\n const idKey = rowKey || 'id';\n const rowsIdsSet = new Set();\n const rowsIds = rows.map((row) => {\n if (row[idKey] === undefined) throw new Error('Missing id: each row must have an unique id');\n rowsIdsSet.add(row[idKey]);\n return row[idKey];\n });\n if (rowsIds.length !== rowsIdsSet.size) throw new Error('Repeated id: each row must have an unique id');\n\n const plugins = getPluginsFromProps({\n ...otherProps,\n virtualized: (!paginated || groupedRows) && !wrapText,\n paginated: (paginated && !groupedRows) || wrapText,\n sortable: sortable && !groupedRows,\n });\n\n if (normalizeDataKeys) {\n normalizeRows(rows);\n }\n\n const grid = useDataGrid({\n columns,\n rows,\n renderers: defaultRenderers,\n plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n ...otherProps,\n });\n\n const noColumnsVisible = useMemo(() => {\n const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === 'undefined');\n return visibleUserColumns.length === 0;\n }, [grid.columns]);\n\n const bodyPlaceholder = useMemo(() => {\n if (noColumnsVisible) {\n return noColumnsPlaceholder;\n }\n return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;\n }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n const { pagination } = otherProps;\n const conditionalPagination =\n pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;\n const usePagination = paginated && !conditionalPagination;\n return (\n <DatagridWrapper\n className={`${className} ds-row-size-${rowSize}`}\n classProps={{\n fluidHeight: isFluid({\n autoHeight: otherProps.autoHeight,\n numRowsVisible: otherProps.numRowsVisible,\n paginated: usePagination,\n }),\n }}\n style={{ height }}\n {...containerProps}\n >\n {addOptionalHeaderComponents({ grid })}\n <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n {showHeader && <TableHeader />}\n {showRowsLoader ? (\n rowsLoaderRenderer()\n ) : (\n <TableBody\n isPlaceholderActive={\n noColumnsVisible ||\n (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n grid.composedRows.length === 0\n }\n noResultsPlaceholder={bodyPlaceholder}\n />\n )}\n </Table>\n {addOptionalFooterComponents({\n grid,\n rows: grid.composedRows,\n })}\n </DatagridWrapper>\n );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,uBAAwC;AACxC,mBAAsB;AACtB,uBAA0B;AAC1B,yBAA4B;AAC5B,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,yCAA4C;AAC5C,wBAA2B;AAC3B,iCAAoC;AACpC,4BAA+B;AAC/B,2BAA8B;AAE9B,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AACV;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,KACG;AAAA,MACC;AACJ,QAAM;AAAA,IACJ,uBAAuB,mDAAC,kCAAW;AAAA,IACnC,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI,IAAI;AAC3B,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AAAW,YAAM,IAAI,MAAM,6CAA6C;AAC3F,eAAW,IAAI,IAAI,MAAM;AACzB,WAAO,IAAI;AAAA,EACb,CAAC;AACD,MAAI,QAAQ,WAAW,WAAW;AAAM,UAAM,IAAI,MAAM,8CAA8C;AAEtG,QAAM,UAAU,oDAAoB;AAAA,IAClC,GAAG;AAAA,IACH,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA,EACzB,CAAC;AAED,MAAI,mBAAmB;AACrB,4CAAc,IAAI;AAAA,EACpB;AAEA,QAAM,OAAO,kCAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG,oCAAc;AAAA,IACvD,GAAG;AAAA,EACL,CAAC;AAED,QAAM,mBAAmB,0BAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OAAO,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY,WAAW;AAClH,WAAO,mBAAmB,WAAW;AAAA,EACvC,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAM,kBAAkB,0BAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA,IACT;AACA,WAAO,iCAAW,eAAe,IAAI,gBAAgB,IAAI;AAAA,EAC3D,GAAG,CAAC,sBAAsB,sBAAsB,gBAAgB,CAAC;AAEjE,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cAAc,WAAW,0BAA0B,QAAQ,KAAK,UAAU,WAAW,WAAW;AAClG,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,mDAAC;AAAA,IACC,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAAA,IACA,OAAO,EAAE,OAAO;AAAA,IACf,GAAG;AAAA,KAEH,oEAA4B,EAAE,KAAK,CAAC,GACrC,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAM;AAAA,KACd,cAAc,mDAAC,oCAAY,GAC3B,iBACC,mBAAmB,IAEnB,mDAAC;AAAA,IACC,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,GACxB,CAEJ,GACC,oEAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA,EACb,CAAC,CACH;AAEJ;AAIA,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __objRest = (source, exclude) => {
|
|
26
|
-
var target = {};
|
|
27
|
-
for (var prop in source)
|
|
28
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
if (source != null && __getOwnPropSymbols)
|
|
31
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
}
|
|
35
|
-
return target;
|
|
36
|
-
};
|
|
37
8
|
var __export = (target, all) => {
|
|
38
9
|
for (var name in all)
|
|
39
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -62,38 +33,30 @@ var import_defaultClassedRenderers = require("./components/renderers/defaultClas
|
|
|
62
33
|
var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
|
|
63
34
|
var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
|
|
64
35
|
var import_Pagination = require("./plugins/pagination/components/Pagination");
|
|
65
|
-
function PaginatedDataGrid(
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"columns",
|
|
79
|
-
"rows",
|
|
80
|
-
"showRowsLoader",
|
|
81
|
-
"noResultsPlaceholder",
|
|
82
|
-
"rowsLoaderRenderer",
|
|
83
|
-
"maxPerPage",
|
|
84
|
-
"minPerPage",
|
|
85
|
-
"onPageSelect",
|
|
86
|
-
"onPerPage",
|
|
87
|
-
"pagination"
|
|
88
|
-
]);
|
|
36
|
+
function PaginatedDataGrid({
|
|
37
|
+
columns,
|
|
38
|
+
rows,
|
|
39
|
+
showRowsLoader,
|
|
40
|
+
noResultsPlaceholder,
|
|
41
|
+
rowsLoaderRenderer = import_renderers.renderRowsLoader,
|
|
42
|
+
maxPerPage,
|
|
43
|
+
minPerPage,
|
|
44
|
+
onPageSelect,
|
|
45
|
+
onPerPage,
|
|
46
|
+
pagination,
|
|
47
|
+
...otherProps
|
|
48
|
+
}) {
|
|
89
49
|
const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(otherProps, { infiniteScrolling: true });
|
|
90
|
-
const grid = (0, import_ds_shared.useDataGrid)(
|
|
50
|
+
const grid = (0, import_ds_shared.useDataGrid)({
|
|
51
|
+
...otherProps,
|
|
91
52
|
columns,
|
|
92
53
|
rows,
|
|
93
54
|
renderers: import_renderers.defaultRenderers,
|
|
94
55
|
plugins
|
|
95
|
-
})
|
|
96
|
-
return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, null, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table,
|
|
56
|
+
});
|
|
57
|
+
return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, null, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
|
|
58
|
+
...grid
|
|
59
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Body, {
|
|
97
60
|
rows: grid.composedRows.rows || grid.composedRows
|
|
98
61
|
})), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, {
|
|
99
62
|
maxPerPage,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PaginatedDataGrid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n columns,\n rows,\n showRowsLoader,\n noResultsPlaceholder,\n rowsLoaderRenderer = renderRowsLoader,\n maxPerPage,\n minPerPage,\n onPageSelect,\n onPerPage,\n pagination,\n ...otherProps\n}) {\n const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n const grid = useDataGrid({\n ...otherProps,\n columns,\n rows,\n renderers: defaultRenderers,\n plugins,\n });\n\n return (\n <DatagridWrapper>\n {addOptionalHeaderComponents({ grid })}\n <Table {...grid}>\n <Table.Header />\n {showRowsLoader ? rowsLoaderRenderer() : <Table.Body rows={grid.composedRows.rows || grid.composedRows} />}\n </Table>\n <Pagination\n maxPerPage={maxPerPage}\n minPerPage={minPerPage}\n onPageSelect={onPageSelect}\n onPerPage={onPerPage}\n paginated={rows}\n pagination={pagination}\n />\n </DatagridWrapper>\n );\n}\n\nexport default PaginatedDataGrid;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;AAE3B,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oDAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,OAAO,kCAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,mDAAC,sDACE,oEAA4B,EAAE,KAAK,CAAC,GACrC,mDAAC;AAAA,IAAO,GAAG;AAAA,KACT,mDAAC,mBAAM,QAAN,IAAa,GACb,iBAAiB,mBAAmB,IAAI,mDAAC,mBAAM,MAAN;AAAA,IAAW,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,GAAc,CAC1G,GACA,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,GACF,CACF;AAEJ;AAEA,IAAO,4BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,34 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
|
-
var __objRest = (source, exclude) => {
|
|
23
|
-
var target = {};
|
|
24
|
-
for (var prop in source)
|
|
25
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
};
|
|
34
8
|
var __export = (target, all) => {
|
|
35
9
|
for (var name in all)
|
|
36
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -57,7 +31,7 @@ var import_prop_types = __toESM(require("prop-types"));
|
|
|
57
31
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
58
32
|
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
59
33
|
const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
|
|
60
|
-
const
|
|
34
|
+
const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
|
|
61
35
|
const { property, cell, props } = column;
|
|
62
36
|
const evaluatedProperty = property || cell && cell.property;
|
|
63
37
|
const ref = (0, import_react.useRef)(null);
|
|
@@ -74,7 +48,7 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
|
|
|
74
48
|
fixedFormatters = [],
|
|
75
49
|
scrollingFormatters = []
|
|
76
50
|
} = cell || {};
|
|
77
|
-
const extraParameters =
|
|
51
|
+
const extraParameters = {
|
|
78
52
|
columnIndex,
|
|
79
53
|
property: evaluatedProperty,
|
|
80
54
|
column,
|
|
@@ -82,19 +56,23 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
|
|
|
82
56
|
rowIndex,
|
|
83
57
|
rowKey,
|
|
84
58
|
isScrolling,
|
|
85
|
-
registerFocus
|
|
86
|
-
|
|
59
|
+
registerFocus,
|
|
60
|
+
...extraRowProps
|
|
61
|
+
};
|
|
87
62
|
const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
|
|
88
63
|
value: v
|
|
89
64
|
});
|
|
90
65
|
const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
|
|
91
66
|
const transformed = (0, import_ds_shared.evaluateTransforms)(transforms, value, extraParameters);
|
|
92
|
-
return /* @__PURE__ */ import_react.default.createElement(Component,
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(Component, {
|
|
93
68
|
ref,
|
|
94
69
|
"data-testid": `column-${property}`,
|
|
95
70
|
tabIndex: -1,
|
|
96
|
-
classProps
|
|
97
|
-
|
|
71
|
+
classProps,
|
|
72
|
+
...props,
|
|
73
|
+
...cell && cell.props,
|
|
74
|
+
...transformed
|
|
75
|
+
}, transformed.children || (0, import_ds_shared.evaluateFormatters)(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
|
|
98
76
|
};
|
|
99
77
|
BodyCell.propTypes = {
|
|
100
78
|
component: import_prop_types.default.element,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/BodyCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext, evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n const { property, cell, props } = column;\n const evaluatedProperty = property || (cell && cell.property);\n\n const ref = useRef(null);\n const { register } = useContext(FocusGridContext);\n\n const registerFocus = useCallback((node) => {\n register(node, rowIndex, columnIndex);\n }, []);\n\n useEffect(() => {\n registerFocus(ref.current);\n }, [ref.current]);\n\n const {\n transforms = [],\n formatters = [],\n fixedFormatters = [], // useful for the toolbar trigger at the last column\n scrollingFormatters = [],\n } = cell || {};\n\n const extraParameters = {\n columnIndex,\n property: evaluatedProperty,\n column,\n rowData,\n rowIndex,\n rowKey,\n isScrolling, // improve performance on scroll rendering a lightweight component instead\n registerFocus,\n ...extraRowProps,\n };\n const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n const transformed = evaluateTransforms(transforms, value, extraParameters);\n return (\n <Component\n ref={ref}\n data-testid={`column-${property}`}\n tabIndex={-1}\n classProps={classProps}\n {...props}\n {...(cell && cell.props)}\n {...transformed}\n >\n {transformed.children ||\n evaluateFormatters(\n !isScrolling\n ? [withTooltip, ...formatters, ...fixedFormatters]\n : [...scrollingFormatters, ...fixedFormatters],\n value,\n extraParameters,\n grid,\n )}\n </Component>\n );\n};\n\nBodyCell.propTypes = {\n component: PropTypes.element,\n classProps: PropTypes.shape({\n wrapText: PropTypes.bool,\n }),\n rowProps: PropTypes.shape({\n rowData: PropTypes.shape({}),\n rowKey: PropTypes.string,\n isScrolling: PropTypes.bool,\n }),\n column: PropTypes.shape({\n property: PropTypes.string,\n cell: PropTypes.any,\n props: PropTypes.shape({}),\n }),\n columnIndex: PropTypes.number,\n rowIndex: PropTypes.number,\n grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAsB;AACtB,uBAAyE;AACzE,uCAAuC;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,yBAAO,IAAI;AACvB,QAAM,EAAE,aAAa,6BAAW,iCAAgB;AAEhD,QAAM,gBAAgB,8BAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,kBAAc,IAAI,OAAO;AAAA,EAC3B,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM;AAAA,IACJ,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,kBAAkB,CAAC;AAAA,IACnB,sBAAsB,CAAC;AAAA,MACrB,QAAQ,CAAC;AAEb,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,yCAAmB,YAAY,OAAO,eAAe;AACzE,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACC,GAAG;AAAA,IACH,GAAI,QAAQ,KAAK;AAAA,IACjB,GAAG;AAAA,KAEH,YAAY,YACX,yCACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,eAAe,IAC/C,CAAC,GAAG,qBAAqB,GAAG,eAAe,GAC/C,OACA,iBACA,IACF,CACJ;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU,MAAM;AAAA,IAC1B,UAAU,0BAAU;AAAA,EACtB,CAAC;AAAA,EACD,UAAU,0BAAU,MAAM;AAAA,IACxB,SAAS,0BAAU,MAAM,CAAC,CAAC;AAAA,IAC3B,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA,EACzB,CAAC;AAAA,EACD,QAAQ,0BAAU,MAAM;AAAA,IACtB,UAAU,0BAAU;AAAA,IACpB,MAAM,0BAAU;AAAA,IAChB,OAAO,0BAAU,MAAM,CAAC,CAAC;AAAA,EAC3B,CAAC;AAAA,EACD,aAAa,0BAAU;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAClB;AAGA,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __objRest = (source, exclude) => {
|
|
26
|
-
var target = {};
|
|
27
|
-
for (var prop in source)
|
|
28
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
if (source != null && __getOwnPropSymbols)
|
|
31
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
}
|
|
35
|
-
return target;
|
|
36
|
-
};
|
|
37
8
|
var __export = (target, all) => {
|
|
38
9
|
for (var name in all)
|
|
39
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -56,25 +27,19 @@ module.exports = __toCommonJS(BodyList_exports);
|
|
|
56
27
|
var React = __toESM(require("react"));
|
|
57
28
|
var import_react = __toESM(require("react"));
|
|
58
29
|
var import_NoResults = require("./NoResults");
|
|
59
|
-
function BodyWrapperDefaultRenderer(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"rowRenderer",
|
|
71
|
-
"noResultsPlaceholder",
|
|
72
|
-
"innerRef",
|
|
73
|
-
"innerBodyRef"
|
|
74
|
-
]);
|
|
75
|
-
return /* @__PURE__ */ import_react.default.createElement(Component, __spreadProps(__spreadValues({}, otherBodyProps), {
|
|
30
|
+
function BodyWrapperDefaultRenderer({
|
|
31
|
+
component: Component,
|
|
32
|
+
rows,
|
|
33
|
+
rowRenderer,
|
|
34
|
+
noResultsPlaceholder,
|
|
35
|
+
innerRef,
|
|
36
|
+
innerBodyRef,
|
|
37
|
+
...otherBodyProps
|
|
38
|
+
}) {
|
|
39
|
+
return /* @__PURE__ */ import_react.default.createElement(Component, {
|
|
40
|
+
...otherBodyProps,
|
|
76
41
|
innerRef
|
|
77
|
-
}
|
|
42
|
+
}, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
|
|
78
43
|
innerRef,
|
|
79
44
|
rowRenderer
|
|
80
45
|
}, noResultsPlaceholder));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/BodyList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n component: Component,\n rows,\n rowRenderer,\n noResultsPlaceholder,\n innerRef,\n innerBodyRef,\n ...otherBodyProps\n}) {\n return (\n <Component {...otherBodyProps} innerRef={innerRef}>\n {rows.length ? (\n rows.map((row, index) => rowRenderer(row, { index }, {}))\n ) : (\n <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n {noResultsPlaceholder}\n </NoResults>\n )}\n </Component>\n );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0B;AAE1B,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,mDAAC;AAAA,IAAW,GAAG;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,mDAAC;AAAA,IAAU;AAAA,IAAoB;AAAA,KAC5B,oBACH,CAEJ;AAEJ;AAEA,IAAO,mBAAQ,qBAAM,KAAK,0BAA0B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -63,12 +49,15 @@ const HeaderCell = ({ column, columnIndex, component: Component, classProps, gri
|
|
|
63
49
|
const transformedProps = (0, import_ds_shared.evaluateTransforms)(transforms, value, extraParameters);
|
|
64
50
|
const formattedValue = (0, import_ds_shared.evaluateFormatters)(formatters, value, extraParameters);
|
|
65
51
|
const testId = column.headerDataId || "data-grid-header__cell";
|
|
66
|
-
return /* @__PURE__ */ import_react.default.createElement(Component,
|
|
52
|
+
return /* @__PURE__ */ import_react.default.createElement(Component, {
|
|
67
53
|
key: `${evaluatedProperty}-header`,
|
|
68
54
|
"data-testid": testId,
|
|
69
55
|
index: columnIndex,
|
|
70
|
-
classProps
|
|
71
|
-
|
|
56
|
+
classProps,
|
|
57
|
+
...props,
|
|
58
|
+
...header && header.props,
|
|
59
|
+
...transformedProps
|
|
60
|
+
}, transformedProps.children || formattedValue);
|
|
72
61
|
};
|
|
73
62
|
HeaderCell.propTypes = {
|
|
74
63
|
column: import_prop_types.default.any,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/HeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n const { property, header = {}, props = {} } = column;\n\n const evaluatedProperty = property || (header && header.property);\n\n const { label, transforms = [], formatters = [] } = header;\n\n // subscribe hook effects into header cell\n if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n const extraParameters = {\n columnIndex,\n property: evaluatedProperty,\n column,\n grid,\n };\n\n const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n const value = withTooltip(label);\n const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n const testId = column.headerDataId || 'data-grid-header__cell';\n\n return (\n <Component\n key={`${evaluatedProperty}-header`}\n data-testid={testId}\n index={columnIndex}\n classProps={classProps}\n {...props}\n {...(header && header.props)}\n {...transformedProps}\n >\n {transformedProps.children || formattedValue}\n </Component>\n );\n};\n\nHeaderCell.propTypes = {\n column: PropTypes.any,\n columnIndex: PropTypes.number,\n component: PropTypes.any,\n classProps: PropTypes.any,\n grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuD;AACvD,uCAAuC;AAEhC,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,CAAC,GAAG,aAAa,CAAC,MAAM;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS,KAAK,CAAC;AAE/E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,YAAY,KAAK;AAC/B,QAAM,mBAAmB,yCAAmB,YAAY,OAAO,eAAe;AAC9E,QAAM,iBAAiB,yCAAmB,YAAY,OAAO,eAAe;AAE5E,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,mDAAC;AAAA,IACC,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,IACC,GAAG;AAAA,IACH,GAAI,UAAU,OAAO;AAAA,IACrB,GAAG;AAAA,KAEH,iBAAiB,YAAY,cAChC;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU;AAAA,EACvB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU;AAAA,EACtB,MAAM,0BAAU;AAClB;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -44,7 +30,9 @@ function List(props, instance) {
|
|
|
44
30
|
const { renderers, getListProps } = instance.getInstance();
|
|
45
31
|
const ListComponent = renderers.list;
|
|
46
32
|
const mixedProps = getListProps(props);
|
|
47
|
-
return /* @__PURE__ */ import_react.default.createElement(ListComponent,
|
|
33
|
+
return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
|
|
34
|
+
...mixedProps
|
|
35
|
+
});
|
|
48
36
|
}
|
|
49
37
|
var List_default = List;
|
|
50
38
|
//# sourceMappingURL=List.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/List.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\n\nfunction List(props, instance) {\n // todo: add should list update to memoize this\n const { renderers, getListProps } = instance.getInstance();\n const ListComponent = renderers.list;\n\n // props from component props and plugins\n const mixedProps = getListProps(props);\n return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,mDAAC;AAAA,IAAe,GAAG;AAAA,GAAY;AACxC;AAEA,IAAO,eAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -50,9 +36,10 @@ function ListItem(props, instance) {
|
|
|
50
36
|
const mixedProps = getItemProps(props);
|
|
51
37
|
const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
|
|
52
38
|
const ItemComponent = renderers.list;
|
|
53
|
-
return /* @__PURE__ */ import_react.default.createElement(ItemComponent,
|
|
54
|
-
record
|
|
55
|
-
|
|
39
|
+
return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
|
|
40
|
+
record,
|
|
41
|
+
...mixedProps
|
|
42
|
+
}, children);
|
|
56
43
|
}
|
|
57
44
|
var ListItem_default = ListItem;
|
|
58
45
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\n\nfunction ListItem(props, instance) {\n const { record } = props;\n const {\n renderers,\n getItemProps,\n decorators: { itemRenderer },\n } = instance.getInstance();\n\n // props from component props and plugins\n const mixedProps = getItemProps(props);\n\n const children = itemRenderer.reduce(\n (result, formatter) => formatter(result, record, instance),\n record.data.name,\n );\n\n const ItemComponent = renderers.list;\n return (\n <ItemComponent record={record} {...mixedProps}>\n {children}\n </ItemComponent>\n );\n}\n\nexport default ListItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ,GACzD,OAAO,KAAK,IACd;AAEA,QAAM,gBAAgB,UAAU;AAChC,SACE,mDAAC;AAAA,IAAc;AAAA,IAAiB,GAAG;AAAA,KAChC,QACH;AAEJ;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|