@elliemae/ds-datagrids 2.0.0-alpha.1 → 2.0.0-alpha.13
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/cjs/DSDataGrid.js +247 -244
- package/cjs/DataGridImpl.js +22 -13
- package/cjs/PaginatedDataGrid.js +11 -6
- package/cjs/blockNames.js +2 -2
- package/cjs/columns/IconColumn.js +23 -21
- package/cjs/columns/NumberColumn.js +2 -4
- package/cjs/components/BodyCell.js +23 -15
- package/cjs/components/BodyList.js +11 -4
- package/cjs/components/ColumnVisibilityMenuOption.js +12 -6
- package/cjs/components/ColumnsOptionsMenuSection.js +35 -28
- package/cjs/components/EmptyState.js +23 -21
- package/cjs/components/HeaderCell.js +17 -11
- package/cjs/components/List.js +6 -1
- package/cjs/components/ListItem.js +8 -1
- package/cjs/components/NoResults.js +8 -3
- package/cjs/components/RowsLoader.js +6 -5
- package/cjs/components/Table.js +9 -4
- package/cjs/components/TableBody.js +8 -3
- package/cjs/components/TableHeader.js +6 -1
- package/cjs/components/footer/addOptionalFooterComponents.js +6 -5
- package/cjs/components/header/PrimaryControls.js +20 -15
- package/cjs/components/header/addOptionalHeaderComponents.js +5 -4
- package/cjs/components/renderers/defaultClassedRenderers.js +35 -23
- package/cjs/components/renderers/renderRowsLoader.js +1 -1
- package/cjs/components/tableContext.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +54 -43
- package/cjs/plugins/column-dnd/DndColumnsPlugin.js +13 -9
- package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js +3 -4
- package/cjs/plugins/column-sizing/ColumnSizingPlugin.js +12 -10
- package/cjs/plugins/column-sizing/columnMeasurerTransformer.js +14 -7
- package/cjs/plugins/column-sizing/ext-points/decorateColumn.js +3 -3
- package/cjs/plugins/column-sizing/ext-points/getTableProps.js +24 -18
- package/cjs/plugins/column-sizing/useColumnSizeService.js +14 -4
- package/cjs/plugins/column-sizing/useStylesheetHelpers.js +70 -56
- package/cjs/plugins/column-sizing/utils.js +10 -6
- package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js +2 -2
- package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +11 -6
- package/cjs/plugins/custom-cell-renderer/getRendererComponent.js +24 -25
- package/cjs/plugins/editable/EditableComponents/ComboBox.js +10 -7
- package/cjs/plugins/editable/EditableComponents/TextBox.js +24 -19
- package/cjs/plugins/editable/EditablePlugin.js +17 -16
- package/cjs/plugins/editable/decorateEditable.js +25 -19
- package/cjs/plugins/editable/getEditorComponent.js +46 -35
- package/cjs/plugins/expandable-grid/ExpandableColumn.js +66 -59
- package/cjs/plugins/expandable-grid/ExpandablePlugin.js +42 -30
- package/cjs/plugins/expandable-grid/ExpandedRow.js +41 -31
- package/cjs/plugins/expandable-grid/ExpandedRowExtra.js +22 -16
- package/cjs/plugins/expandable-grid/useExpandGridState.js +4 -8
- package/cjs/plugins/export-data/ExportDataPlugin.js +34 -19
- package/cjs/plugins/filterable/FilterablePlugin.js +9 -8
- package/cjs/plugins/filterable/addFilterToColumn.js +6 -1
- package/cjs/plugins/filterable/components/FilterableHeader.js +39 -30
- package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +52 -45
- package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +38 -33
- package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +127 -161
- package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +38 -29
- package/cjs/plugins/filterable/filterableFormatter.js +16 -11
- package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +18 -6
- package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js +11 -8
- package/cjs/plugins/filterable/helper.js +18 -8
- package/cjs/plugins/filterable/useFilterableState.js +13 -6
- package/cjs/plugins/grouping-by/GroupingByPlugin.js +4 -2
- package/cjs/plugins/grouping-grid/GroupingPlugin.js +14 -5
- package/cjs/plugins/grouping-grid/walkStrategy.js +13 -9
- package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +11 -4
- package/cjs/plugins/pagination/PaginationPlugin.js +17 -10
- package/cjs/plugins/pagination/components/Pagination.js +12 -11
- package/cjs/plugins/pagination/components/Paginator.js +23 -22
- package/cjs/plugins/pagination/components/PerPageDropdown.js +24 -17
- package/cjs/plugins/pagination/helper.js +11 -8
- package/cjs/plugins/pagination/usePaginationState.js +9 -4
- package/cjs/plugins/resizable/ResizablePlugin.js +6 -5
- package/cjs/plugins/resizable/decorateResizable.js +16 -10
- package/cjs/plugins/resizable/useResizeHandle.js +21 -16
- package/cjs/plugins/resizable/utils.js +9 -6
- package/cjs/plugins/row-dnd/DndRowsPlugin.js +27 -19
- package/cjs/plugins/selectable/SelectablePlugin.js +13 -12
- package/cjs/plugins/selectable/addSelectableColumn.js +25 -17
- package/cjs/plugins/selectable/helper.js +13 -4
- package/cjs/plugins/selectable/selectableFormatter.js +83 -74
- package/cjs/plugins/selectable/useSelectableState.js +26 -12
- package/cjs/plugins/sortable/SortablePlugin.js +11 -12
- package/cjs/plugins/sortable/checkIfSortable.js +1 -1
- package/cjs/plugins/sortable/sortHeaderFormatter.js +17 -18
- package/cjs/plugins/sortable/sortTree.js +16 -8
- package/cjs/plugins/sortable/sorter.js +153 -135
- package/cjs/plugins/sortable/useSortableState.js +12 -6
- package/cjs/plugins/toolbar/RowRenderer.js +13 -7
- package/cjs/plugins/toolbar/ToolbarPlugin.js +3 -2
- package/cjs/plugins/toolbar/ToolbarTrigger.js +26 -21
- package/cjs/plugins/virtualization/AutoHeightList.js +12 -10
- package/cjs/plugins/virtualization/VirtualizationPlugin.js +35 -28
- package/cjs/plugins/virtualization/VirtualizedBody.js +23 -13
- package/cjs/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/cjs/renders/CellWithAddons.js +23 -21
- package/cjs/renders/styled.js +7 -18
- package/cjs/utilities/getPluginsFromProps.js +5 -1
- package/cjs/utilities/getScrollbarSize.js +2 -1
- package/cjs/utilities/normalizeData.js +8 -2
- package/esm/DSDataGrid.js +246 -243
- package/esm/DataGridImpl.js +18 -9
- package/esm/PaginatedDataGrid.js +5 -0
- package/esm/blockNames.js +2 -2
- package/esm/columns/IconColumn.js +19 -17
- package/esm/columns/NumberColumn.js +2 -4
- package/esm/components/BodyCell.js +20 -12
- package/esm/components/BodyList.js +7 -0
- package/esm/components/ColumnVisibilityMenuOption.js +12 -6
- package/esm/components/ColumnsOptionsMenuSection.js +35 -28
- package/esm/components/EmptyState.js +18 -15
- package/esm/components/HeaderCell.js +15 -9
- package/esm/components/List.js +5 -0
- package/esm/components/ListItem.js +7 -0
- package/esm/components/NoResults.js +5 -0
- package/esm/components/RowsLoader.js +5 -4
- package/esm/components/Table.js +5 -0
- package/esm/components/TableBody.js +5 -0
- package/esm/components/TableHeader.js +5 -0
- package/esm/components/footer/addOptionalFooterComponents.js +5 -4
- package/esm/components/header/PrimaryControls.js +20 -14
- package/esm/components/header/addOptionalHeaderComponents.js +4 -3
- package/esm/components/renderers/defaultClassedRenderers.js +35 -23
- package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +50 -39
- package/esm/plugins/column-dnd/DndColumnsPlugin.js +8 -4
- package/esm/plugins/column-dnd/decorateGridWithDndColumns.js +1 -1
- package/esm/plugins/column-sizing/ColumnSizingPlugin.js +10 -8
- package/esm/plugins/column-sizing/columnMeasurerTransformer.js +12 -5
- package/esm/plugins/column-sizing/ext-points/decorateColumn.js +1 -1
- package/esm/plugins/column-sizing/ext-points/getTableProps.js +22 -15
- package/esm/plugins/column-sizing/useColumnSizeService.js +13 -3
- package/esm/plugins/column-sizing/useStylesheetHelpers.js +67 -51
- package/esm/plugins/column-sizing/utils.js +8 -4
- package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js +6 -1
- package/esm/plugins/custom-cell-renderer/getRendererComponent.js +15 -11
- package/esm/plugins/editable/EditableComponents/ComboBox.js +8 -4
- package/esm/plugins/editable/EditableComponents/TextBox.js +21 -15
- package/esm/plugins/editable/EditablePlugin.js +14 -12
- package/esm/plugins/editable/decorateEditable.js +18 -9
- package/esm/plugins/editable/getEditorComponent.js +49 -38
- package/esm/plugins/expandable-grid/ExpandableColumn.js +59 -50
- package/esm/plugins/expandable-grid/ExpandablePlugin.js +34 -20
- package/esm/plugins/expandable-grid/ExpandedRow.js +27 -17
- package/esm/plugins/expandable-grid/ExpandedRowExtra.js +17 -11
- package/esm/plugins/expandable-grid/useExpandGridState.js +2 -2
- package/esm/plugins/export-data/ExportDataPlugin.js +31 -16
- package/esm/plugins/filterable/FilterablePlugin.js +5 -4
- package/esm/plugins/filterable/addFilterToColumn.js +5 -0
- package/esm/plugins/filterable/components/FilterableHeader.js +32 -22
- package/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +41 -33
- package/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +28 -22
- package/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +121 -154
- package/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js +28 -18
- package/esm/plugins/filterable/filterableFormatter.js +15 -10
- package/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js +14 -2
- package/esm/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
- package/esm/plugins/filterable/helper.js +11 -1
- package/esm/plugins/filterable/useFilterableState.js +12 -5
- package/esm/plugins/grouping-by/GroupingByPlugin.js +3 -1
- package/esm/plugins/grouping-grid/GroupingPlugin.js +10 -1
- package/esm/plugins/grouping-grid/walkStrategy.js +13 -9
- package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js +8 -1
- package/esm/plugins/pagination/PaginationPlugin.js +8 -1
- package/esm/plugins/pagination/components/Pagination.js +10 -9
- package/esm/plugins/pagination/components/Paginator.js +20 -19
- package/esm/plugins/pagination/components/PerPageDropdown.js +17 -9
- package/esm/plugins/pagination/helper.js +10 -7
- package/esm/plugins/pagination/usePaginationState.js +7 -1
- package/esm/plugins/resizable/ResizablePlugin.js +4 -3
- package/esm/plugins/resizable/decorateResizable.js +14 -8
- package/esm/plugins/resizable/useResizeHandle.js +21 -16
- package/esm/plugins/resizable/utils.js +7 -4
- package/esm/plugins/row-dnd/DndRowsPlugin.js +22 -13
- package/esm/plugins/selectable/SelectablePlugin.js +10 -9
- package/esm/plugins/selectable/addSelectableColumn.js +24 -16
- package/esm/plugins/selectable/helper.js +10 -1
- package/esm/plugins/selectable/selectableFormatter.js +79 -68
- package/esm/plugins/selectable/useSelectableState.js +20 -5
- package/esm/plugins/sortable/SortablePlugin.js +5 -4
- package/esm/plugins/sortable/sortHeaderFormatter.js +12 -11
- package/esm/plugins/sortable/sortTree.js +13 -3
- package/esm/plugins/sortable/sorter.js +152 -134
- package/esm/plugins/sortable/useSortableState.js +8 -0
- package/esm/plugins/toolbar/RowRenderer.js +8 -2
- package/esm/plugins/toolbar/ToolbarPlugin.js +1 -0
- package/esm/plugins/toolbar/ToolbarTrigger.js +17 -11
- package/esm/plugins/virtualization/AutoHeightList.js +6 -3
- package/esm/plugins/virtualization/VirtualizationPlugin.js +31 -24
- package/esm/plugins/virtualization/VirtualizedBody.js +16 -6
- package/esm/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/esm/renders/CellWithAddons.js +15 -14
- package/esm/renders/styled.js +3 -15
- package/esm/utilities/getPluginsFromProps.js +5 -1
- package/esm/utilities/getScrollbarSize.js +2 -1
- package/esm/utilities/normalizeData.js +7 -1
- package/package.json +27 -18
- package/types/DSDataGrid.d.ts +744 -105
- package/types/components/BodyCell.d.ts +1 -1
- package/types/components/HeaderCell.d.ts +1 -1
- package/types/plugins/column-sizing/columnMeasurerTransformer.d.ts +1 -1
- package/types/plugins/column-sizing/ext-points/getTableProps.d.ts +1 -1
- package/types/plugins/expandable-grid/ExpandedRowExtra.d.ts +1 -1
- package/types/plugins/expandable-grid/useExpandGridState.d.ts +4 -4
- package/types/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/components/filterable-menus/TextFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/helper.d.ts +15 -3
- package/types/plugins/pagination/components/Paginator.d.ts +1 -1
- package/types/plugins/pagination/components/PerPageDropdown.d.ts +1 -1
- package/types/plugins/sortable/sorter.d.ts +1 -1
- package/types/renders/styled.d.ts +3 -3
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
|
@@ -3,13 +3,21 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
14
|
var React = require('react');
|
|
7
15
|
var lodash = require('lodash');
|
|
8
16
|
var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
|
|
9
|
-
var DSButton = require('@elliemae/ds-
|
|
10
|
-
var DSPopper = require('@elliemae/ds-
|
|
17
|
+
var DSButton = require('@elliemae/ds-button');
|
|
18
|
+
var DSPopper = require('@elliemae/ds-popper');
|
|
11
19
|
var dsMenu = require('@elliemae/ds-menu');
|
|
12
|
-
var
|
|
20
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
13
21
|
var jsxRuntime = require('react/jsx-runtime');
|
|
14
22
|
|
|
15
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -20,7 +28,6 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
28
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
29
|
var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
|
|
22
30
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
23
|
-
var SearchSmall__default = /*#__PURE__*/_interopDefaultLegacy(SearchSmall);
|
|
24
31
|
|
|
25
32
|
var _SearchSmall;
|
|
26
33
|
|
|
@@ -28,29 +35,31 @@ const _excluded = ["options"];
|
|
|
28
35
|
|
|
29
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
30
37
|
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
32
|
-
|
|
33
|
-
function TextFilterMenu({
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
39
|
+
|
|
40
|
+
function TextFilterMenu(_ref) {
|
|
41
|
+
let {
|
|
42
|
+
column,
|
|
43
|
+
menuStyle = {},
|
|
44
|
+
className,
|
|
45
|
+
filters = [],
|
|
46
|
+
isMenuOpened = false,
|
|
47
|
+
onOpenMenu = () => null,
|
|
48
|
+
onClose = () => null,
|
|
49
|
+
placement = DSPopper.PopperPositions.BOTTOM_END,
|
|
50
|
+
menuProps = {},
|
|
51
|
+
onAddFilter = () => null,
|
|
52
|
+
onRemoveFilter = () => null,
|
|
53
|
+
maxOptions = 10,
|
|
54
|
+
isMulti = false
|
|
55
|
+
} = _ref;
|
|
56
|
+
|
|
48
57
|
const {
|
|
49
58
|
options
|
|
50
59
|
} = menuProps,
|
|
51
|
-
otherMenuProps = _objectWithoutProperties__default[
|
|
60
|
+
otherMenuProps = _objectWithoutProperties__default["default"](menuProps, _excluded);
|
|
52
61
|
|
|
53
|
-
const generateOption = (option, idx) => /*#__PURE__*/_jsx__default[
|
|
62
|
+
const generateOption = (option, idx) => /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.ItemCheckbox, {
|
|
54
63
|
label: option.label,
|
|
55
64
|
name: option.id
|
|
56
65
|
}, idx);
|
|
@@ -60,7 +69,7 @@ function TextFilterMenu({
|
|
|
60
69
|
const filtersForColumn = filters.filter(f => f.group === column.property);
|
|
61
70
|
const initialSelectedOptions = filtersForColumn.map(f => f.value);
|
|
62
71
|
const [selected, setSelected] = React.useState(initialSelectedOptions);
|
|
63
|
-
React__default[
|
|
72
|
+
React__default["default"].useEffect(() => {
|
|
64
73
|
const filtersForColumn2 = filters.filter(f => f.group === column.property);
|
|
65
74
|
setSelected(filtersForColumn2.map(f => f.value));
|
|
66
75
|
}, [filters]);
|
|
@@ -106,16 +115,16 @@ function TextFilterMenu({
|
|
|
106
115
|
onClose();
|
|
107
116
|
};
|
|
108
117
|
|
|
109
|
-
return /*#__PURE__*/_jsx__default[
|
|
118
|
+
return /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
|
|
110
119
|
closeMenuOnItemSelection: true,
|
|
111
120
|
contentStyle: menuStyle,
|
|
112
|
-
customMenu: isMulti ? /*#__PURE__*/_jsx__default[
|
|
121
|
+
customMenu: isMulti ? /*#__PURE__*/_jsx__default["default"](dsMenu.Menu, {
|
|
113
122
|
containerProps: {
|
|
114
123
|
id: 'text-filter-menu-multiple'
|
|
115
124
|
},
|
|
116
125
|
className: "dg-multiple-filter",
|
|
117
126
|
visible: true
|
|
118
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
127
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
|
|
119
128
|
active: selected,
|
|
120
129
|
onSelect: newValues => {
|
|
121
130
|
setSelected(newValues);
|
|
@@ -153,9 +162,9 @@ function TextFilterMenu({
|
|
|
153
162
|
onClose: isMulti ? onCloseMulti : onClose,
|
|
154
163
|
options: lodash.compact(options),
|
|
155
164
|
placement: placement,
|
|
156
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
165
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
157
166
|
buttonType: "text",
|
|
158
|
-
icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default[
|
|
167
|
+
icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchSmall, {})),
|
|
159
168
|
onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
|
|
160
169
|
size: "s"
|
|
161
170
|
})
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
4
7
|
require('react');
|
|
5
8
|
var FilterableHeader = require('./components/FilterableHeader.js');
|
|
6
9
|
var helper = require('./helper.js');
|
|
@@ -9,16 +12,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
12
|
|
|
10
13
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
14
|
|
|
12
|
-
function FilterableFormatter({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
function FilterableFormatter(_ref) {
|
|
16
|
+
let {
|
|
17
|
+
grid,
|
|
18
|
+
onAddFilter,
|
|
19
|
+
onRemoveFilter,
|
|
20
|
+
query,
|
|
21
|
+
filterMenuRef
|
|
22
|
+
} = _ref;
|
|
23
|
+
return (value, _ref2) => {
|
|
24
|
+
let {
|
|
25
|
+
column
|
|
26
|
+
} = _ref2;
|
|
22
27
|
const {
|
|
23
28
|
rows,
|
|
24
29
|
composedRows,
|
|
@@ -40,7 +45,7 @@ function FilterableFormatter({
|
|
|
40
45
|
|
|
41
46
|
const filteredLabels = groupedRows && !groupedBy ? helper.getFilterLabelsGroup(column, rows) : helper.getFilterLabels(column, rowsToUse.rows || rowsToUse);
|
|
42
47
|
const columnData = column.filterOptions || filteredLabels;
|
|
43
|
-
return /*#__PURE__*/_jsx__default[
|
|
48
|
+
return /*#__PURE__*/_jsx__default["default"](FilterableHeader, {
|
|
44
49
|
column: column,
|
|
45
50
|
columnData: columnData,
|
|
46
51
|
filters: filters,
|
|
@@ -3,7 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
16
|
var strategiesOperators = require('./strategiesOperators.js');
|
|
8
17
|
|
|
9
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -12,7 +21,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
12
21
|
|
|
13
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
14
23
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
25
|
|
|
17
26
|
const getRuleStrategyOperator = rule => rule.strategy || strategiesOperators(rule.operator);
|
|
18
27
|
|
|
@@ -25,13 +34,16 @@ const executeFilterStrategy = (rule, row) => {
|
|
|
25
34
|
} = rule;
|
|
26
35
|
if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
|
|
27
36
|
const rowValue = row[field];
|
|
28
|
-
const transformedValue =
|
|
29
|
-
const transformedRowValue =
|
|
37
|
+
const transformedValue = dsUtilities.isFunction(transform) ? transform(value) : value;
|
|
38
|
+
const transformedRowValue = dsUtilities.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
|
|
30
39
|
const filterStrategy = getRuleStrategyOperator(rule);
|
|
31
40
|
return filterStrategy(transformedRowValue, transformedValue);
|
|
32
41
|
};
|
|
33
42
|
|
|
34
|
-
const filterByRules =
|
|
43
|
+
const filterByRules = function (rules) {
|
|
44
|
+
let condition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'AND';
|
|
45
|
+
return row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
|
|
46
|
+
};
|
|
35
47
|
|
|
36
48
|
function filterRowsByQueryGroup(rows, query, composedRows) {
|
|
37
49
|
if (query && query.rules && query.rules.length === 0) return rows;
|
|
@@ -58,5 +70,5 @@ function filterRowsByQuery(rows, query) {
|
|
|
58
70
|
return rows.filter(filterByRules(query.rules, query.condition));
|
|
59
71
|
}
|
|
60
72
|
|
|
61
|
-
exports[
|
|
73
|
+
exports["default"] = filterRowsByQuery;
|
|
62
74
|
exports.filterRowsByQueryGroup = filterRowsByQueryGroup;
|
|
@@ -7,14 +7,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
7
7
|
var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
|
|
8
8
|
|
|
9
9
|
var strategiesOperators = (op => ({
|
|
10
|
-
range: (rowValue, {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
range: (rowValue, _ref) => {
|
|
11
|
+
let {
|
|
12
|
+
start,
|
|
13
|
+
end
|
|
14
|
+
} = _ref;
|
|
15
|
+
return start <= rowValue && end >= rowValue;
|
|
16
|
+
},
|
|
17
|
+
equal: (value1, value2) => compare__default["default"].id(value1, value2),
|
|
18
|
+
greaterThan: compare__default["default"].gt,
|
|
19
|
+
lessThan: compare__default["default"].lt,
|
|
17
20
|
contains: (rowValue, value) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1
|
|
18
|
-
})[op] || compare__default[
|
|
21
|
+
})[op] || compare__default["default"].id);
|
|
19
22
|
|
|
20
23
|
module.exports = strategiesOperators;
|
|
@@ -3,7 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
14
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
15
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
17
|
|
|
8
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
19
|
|
|
@@ -11,14 +21,14 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
11
21
|
|
|
12
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
13
23
|
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15
25
|
const getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
|
|
16
|
-
const getFilterLabels = (column, rows) =>
|
|
17
|
-
const value =
|
|
26
|
+
const getFilterLabels = (column, rows) => dsUtilities.uniqBy(rows, dsUtilities.property(column.searchBy || column.property)).map(row => {
|
|
27
|
+
const value = dsUtilities.get(row, column.searchBy || column.property);
|
|
18
28
|
if (value === undefined) return {};
|
|
19
|
-
const rowColumnValue = String(
|
|
29
|
+
const rowColumnValue = String(dsUtilities.get(row, column.searchBy || column.property));
|
|
20
30
|
|
|
21
|
-
if (
|
|
31
|
+
if (dsUtilities.isFunction(column.valueTransformation)) {
|
|
22
32
|
const nextValue = column.valueTransformation(rowColumnValue);
|
|
23
33
|
return {
|
|
24
34
|
id: nextValue,
|
|
@@ -68,7 +78,7 @@ function getFilterValue(filter, column) {
|
|
|
68
78
|
}
|
|
69
79
|
function buildFilterArray(newFilter, filters) {
|
|
70
80
|
// if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
|
|
71
|
-
return
|
|
81
|
+
return dsUtilities.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
|
|
72
82
|
}
|
|
73
83
|
const groupFilters = filters => filters.filter(filter => !filter.fixed);
|
|
74
84
|
|
|
@@ -80,7 +90,7 @@ function parseFilterToRule(filter) {
|
|
|
80
90
|
}
|
|
81
91
|
|
|
82
92
|
function parseFiltersToQuery(filters) {
|
|
83
|
-
const groupedFilters =
|
|
93
|
+
const groupedFilters = dsUtilities.groupBy(groupFilters(filters), filter => filter.group);
|
|
84
94
|
return Object.keys(groupedFilters).reduce((queryResult, field) => {
|
|
85
95
|
const filter = groupedFilters[field];
|
|
86
96
|
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
12
|
var React = require('react');
|
|
7
13
|
var uuid = require('uuid');
|
|
8
14
|
var helper = require('./helper.js');
|
|
@@ -13,7 +19,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
13
19
|
|
|
14
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
15
21
|
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
17
23
|
|
|
18
24
|
const noop = () => null;
|
|
19
25
|
|
|
@@ -80,11 +86,12 @@ function useFilterableState(grid) {
|
|
|
80
86
|
});
|
|
81
87
|
};
|
|
82
88
|
|
|
83
|
-
const removeFilter =
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
89
|
+
const removeFilter = _ref => {
|
|
90
|
+
let {
|
|
91
|
+
group,
|
|
92
|
+
pill,
|
|
93
|
+
nextFilters
|
|
94
|
+
} = _ref;
|
|
88
95
|
onRemoveFilter(group, pill.value, nextFilters);
|
|
89
96
|
handleFiltersChange(nextFilters);
|
|
90
97
|
};
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
5
7
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
6
8
|
var lodash = require('lodash');
|
|
7
9
|
|
|
@@ -12,7 +14,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
|
|
|
12
14
|
const groupedByData = (groupedBy, composedRows) => {
|
|
13
15
|
const grouped = lodash.groupBy(composedRows, groupedBy);
|
|
14
16
|
return Object.keys(grouped).map((c, key) => ({
|
|
15
|
-
id:
|
|
17
|
+
id: "grouped-by-".concat(groupedBy, "-").concat(key),
|
|
16
18
|
key: groupedBy,
|
|
17
19
|
value: c,
|
|
18
20
|
children: grouped[c],
|
|
@@ -21,7 +23,7 @@ const groupedByData = (groupedBy, composedRows) => {
|
|
|
21
23
|
}));
|
|
22
24
|
};
|
|
23
25
|
|
|
24
|
-
const GroupingByPlugin = createInstancePlugin__default[
|
|
26
|
+
const GroupingByPlugin = createInstancePlugin__default["default"]('groupedByRows', {
|
|
25
27
|
decorateGrid(grid) {
|
|
26
28
|
const {
|
|
27
29
|
composedRows,
|
|
@@ -5,6 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
15
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
16
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
17
|
var React = require('react');
|
|
9
18
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
10
19
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -25,11 +34,11 @@ const _excluded = ["isExpanded"];
|
|
|
25
34
|
|
|
26
35
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
27
36
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
29
|
-
const blockName =
|
|
37
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
38
|
+
const blockName = "".concat(blockNames.dataGridBlockName, "-group-row-header");
|
|
30
39
|
const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
|
|
31
40
|
const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
|
|
32
|
-
const GroupingPlugin = createInstancePlugin__default[
|
|
41
|
+
const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {
|
|
33
42
|
decorateGrid(grid) {
|
|
34
43
|
const {
|
|
35
44
|
columns,
|
|
@@ -111,7 +120,7 @@ const GroupingPlugin = createInstancePlugin__default['default']('groupedRows', {
|
|
|
111
120
|
renderers.body.row = React.useMemo(() => // eslint-disable-next-line react/display-name
|
|
112
121
|
// eslint-disable-next-line react/prop-types
|
|
113
122
|
_ref => {
|
|
114
|
-
let rowProps = _objectWithoutProperties__default[
|
|
123
|
+
let rowProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
115
124
|
|
|
116
125
|
const {
|
|
117
126
|
composedRows
|
|
@@ -125,7 +134,7 @@ const GroupingPlugin = createInstancePlugin__default['default']('groupedRows', {
|
|
|
125
134
|
if (node && node._isGroup) {
|
|
126
135
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
127
136
|
children: /*#__PURE__*/jsxRuntime.jsx(GroupRowHeaderWrapper, _objectSpread(_objectSpread({}, rowProps), {}, {
|
|
128
|
-
children: /*#__PURE__*/_jsx__default[
|
|
137
|
+
children: /*#__PURE__*/_jsx__default["default"](GroupRowHeaderTitle, {}, void 0, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group')
|
|
129
138
|
}))
|
|
130
139
|
});
|
|
131
140
|
}
|
|
@@ -2,20 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
|
|
5
7
|
function getPath(parentNode, index, childrenKey) {
|
|
6
8
|
if (!parentNode) return [index];
|
|
7
9
|
return [...parentNode.path, childrenKey, index];
|
|
8
10
|
}
|
|
9
11
|
|
|
10
|
-
function walkTreeStrategy({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
function walkTreeStrategy(_ref) {
|
|
13
|
+
let {
|
|
14
|
+
data,
|
|
15
|
+
childrenKey = 'children',
|
|
16
|
+
level = 0,
|
|
17
|
+
getId = item => item.id,
|
|
18
|
+
parentNode,
|
|
19
|
+
shouldWalkChildren = () => true,
|
|
20
|
+
cb
|
|
21
|
+
} = _ref;
|
|
22
|
+
|
|
19
23
|
// eslint-disable-next-line no-loops/no-loops,no-plusplus
|
|
20
24
|
for (let i = 0; i < data.length; i++) {
|
|
21
25
|
const currLevel = level + 1;
|
|
@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
13
|
var React = require('react');
|
|
8
14
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
9
15
|
|
|
@@ -17,7 +23,7 @@ const _excluded = ["children"];
|
|
|
17
23
|
|
|
18
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
25
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
27
|
|
|
22
28
|
const registerStateHook = grid => {
|
|
23
29
|
const {
|
|
@@ -31,7 +37,8 @@ const registerStateHook = grid => {
|
|
|
31
37
|
} = grid;
|
|
32
38
|
const loading = React.useRef(false);
|
|
33
39
|
|
|
34
|
-
const addMoreData = (
|
|
40
|
+
const addMoreData = function () {
|
|
41
|
+
let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
35
42
|
loading.current = false;
|
|
36
43
|
updateRows(prevRows => prevRows.concat(data || []));
|
|
37
44
|
};
|
|
@@ -55,7 +62,7 @@ const registerStateHook = grid => {
|
|
|
55
62
|
};
|
|
56
63
|
|
|
57
64
|
const getBodyProps = (_ref, grid) => {
|
|
58
|
-
let props = _objectWithoutProperties__default[
|
|
65
|
+
let props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
59
66
|
|
|
60
67
|
const {
|
|
61
68
|
loadMoreData
|
|
@@ -109,7 +116,7 @@ const getBodyProps = (_ref, grid) => {
|
|
|
109
116
|
});
|
|
110
117
|
};
|
|
111
118
|
|
|
112
|
-
const InfiniteScrollPlugin = createInstancePlugin__default[
|
|
119
|
+
const InfiniteScrollPlugin = createInstancePlugin__default["default"]('infinite-scroll', {
|
|
113
120
|
registerStateHook,
|
|
114
121
|
getBodyProps
|
|
115
122
|
});
|
|
@@ -5,8 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
15
|
var React = require('react');
|
|
9
|
-
var
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
17
|
var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
|
|
11
18
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
12
19
|
var helper = require('./helper.js');
|
|
@@ -27,7 +34,7 @@ const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "
|
|
|
27
34
|
|
|
28
35
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
29
36
|
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
37
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
31
38
|
|
|
32
39
|
const composeRows = (rows, grid) => {
|
|
33
40
|
const {
|
|
@@ -42,15 +49,15 @@ const composeRows = (rows, grid) => {
|
|
|
42
49
|
|
|
43
50
|
if (groupedRows) {
|
|
44
51
|
const filterIds = rows.map(r => r.id);
|
|
45
|
-
return helper[
|
|
52
|
+
return helper["default"](rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
|
|
46
53
|
_isGroup: r.isGroup
|
|
47
54
|
})), pagination);
|
|
48
55
|
}
|
|
49
56
|
|
|
50
|
-
return helper[
|
|
57
|
+
return helper["default"](rows, pagination);
|
|
51
58
|
};
|
|
52
59
|
|
|
53
|
-
const Body = /*#__PURE__*/React__default[
|
|
60
|
+
const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
|
|
54
61
|
let {
|
|
55
62
|
component: Component,
|
|
56
63
|
rows,
|
|
@@ -61,14 +68,14 @@ const Body = /*#__PURE__*/React__default['default'].memo(_ref => {
|
|
|
61
68
|
// depends on body-header-scroll-sync
|
|
62
69
|
isPlaceholderActive = false
|
|
63
70
|
} = _ref,
|
|
64
|
-
otherBodyProps = _objectWithoutProperties__default[
|
|
71
|
+
otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
65
72
|
|
|
66
73
|
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
|
|
67
|
-
innerRef:
|
|
74
|
+
innerRef: dsUtilities.mergeRefs(innerRef),
|
|
68
75
|
children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
|
|
69
76
|
index,
|
|
70
77
|
rowIndex: index
|
|
71
|
-
}, {})) : /*#__PURE__*/_jsx__default[
|
|
78
|
+
}, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
|
|
72
79
|
innerRef: innerRef,
|
|
73
80
|
rowRenderer: rowRenderer
|
|
74
81
|
}, void 0, noResultsPlaceholder)
|
|
@@ -83,7 +90,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
83
90
|
shouldRefocus,
|
|
84
91
|
state
|
|
85
92
|
} = grid.getInstance();
|
|
86
|
-
return /*#__PURE__*/_jsx__default[
|
|
93
|
+
return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
|
|
87
94
|
hotKeys: hotKeys,
|
|
88
95
|
shouldRefocus: false
|
|
89
96
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -93,7 +100,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
93
100
|
return renderers;
|
|
94
101
|
};
|
|
95
102
|
|
|
96
|
-
const PaginationPlugin = createInstancePlugin__default[
|
|
103
|
+
const PaginationPlugin = createInstancePlugin__default["default"]('pagination', {
|
|
97
104
|
registerStateHook: usePaginationState.usePaginationState,
|
|
98
105
|
decorateRenderers,
|
|
99
106
|
composeRows
|