@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSDataGrid.js +246 -243
- package/cjs/DataGridImpl.js +16 -8
- package/cjs/PaginatedDataGrid.js +5 -0
- package/cjs/columns/IconColumn.js +19 -17
- package/cjs/columns/NumberColumn.js +2 -4
- package/cjs/components/BodyCell.js +17 -10
- package/cjs/components/BodyList.js +7 -0
- package/cjs/components/ColumnVisibilityMenuOption.js +10 -6
- package/cjs/components/ColumnsOptionsMenuSection.js +34 -28
- package/cjs/components/EmptyState.js +19 -17
- package/cjs/components/HeaderCell.js +14 -8
- package/cjs/components/List.js +5 -0
- package/cjs/components/ListItem.js +7 -0
- package/cjs/components/NoResults.js +5 -0
- package/cjs/components/RowsLoader.js +5 -4
- package/cjs/components/Table.js +5 -0
- package/cjs/components/TableBody.js +5 -0
- package/cjs/components/TableHeader.js +5 -0
- package/cjs/components/footer/addOptionalFooterComponents.js +5 -4
- package/cjs/components/header/PrimaryControls.js +20 -15
- package/cjs/components/header/addOptionalHeaderComponents.js +4 -3
- package/cjs/components/renderers/defaultClassedRenderers.js +33 -21
- package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +46 -35
- package/cjs/plugins/column-dnd/DndColumnsPlugin.js +9 -5
- package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js +2 -3
- package/cjs/plugins/column-sizing/ColumnSizingPlugin.js +10 -8
- package/cjs/plugins/column-sizing/columnMeasurerTransformer.js +13 -6
- package/cjs/plugins/column-sizing/ext-points/decorateColumn.js +3 -3
- package/cjs/plugins/column-sizing/ext-points/getTableProps.js +22 -17
- package/cjs/plugins/column-sizing/useColumnSizeService.js +9 -0
- package/cjs/plugins/column-sizing/useStylesheetHelpers.js +56 -40
- package/cjs/plugins/column-sizing/utils.js +10 -6
- package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +9 -4
- package/cjs/plugins/custom-cell-renderer/getRendererComponent.js +20 -21
- package/cjs/plugins/editable/EditableComponents/ComboBox.js +7 -3
- package/cjs/plugins/editable/EditableComponents/TextBox.js +20 -14
- package/cjs/plugins/editable/EditablePlugin.js +15 -15
- package/cjs/plugins/editable/decorateEditable.js +18 -11
- package/cjs/plugins/editable/getEditorComponent.js +45 -34
- package/cjs/plugins/expandable-grid/ExpandableColumn.js +57 -50
- package/cjs/plugins/expandable-grid/ExpandablePlugin.js +37 -26
- package/cjs/plugins/expandable-grid/ExpandedRow.js +28 -18
- package/cjs/plugins/expandable-grid/ExpandedRowExtra.js +16 -10
- package/cjs/plugins/expandable-grid/useExpandGridState.js +3 -8
- package/cjs/plugins/export-data/ExportDataPlugin.js +23 -10
- package/cjs/plugins/filterable/FilterablePlugin.js +7 -6
- package/cjs/plugins/filterable/addFilterToColumn.js +5 -0
- package/cjs/plugins/filterable/components/FilterableHeader.js +35 -27
- package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +38 -32
- package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +26 -22
- package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +119 -154
- package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +28 -20
- package/cjs/plugins/filterable/filterableFormatter.js +15 -10
- package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +16 -4
- package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
- package/cjs/plugins/filterable/helper.js +16 -7
- package/cjs/plugins/filterable/useFilterableState.js +11 -5
- package/cjs/plugins/grouping-by/GroupingByPlugin.js +2 -0
- package/cjs/plugins/grouping-grid/GroupingPlugin.js +9 -0
- package/cjs/plugins/grouping-grid/walkStrategy.js +11 -9
- package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +7 -1
- package/cjs/plugins/pagination/PaginationPlugin.js +9 -2
- package/cjs/plugins/pagination/components/Pagination.js +10 -9
- package/cjs/plugins/pagination/components/Paginator.js +8 -7
- package/cjs/plugins/pagination/components/PerPageDropdown.js +20 -13
- package/cjs/plugins/pagination/helper.js +10 -7
- package/cjs/plugins/pagination/usePaginationState.js +7 -3
- package/cjs/plugins/resizable/ResizablePlugin.js +5 -4
- package/cjs/plugins/resizable/decorateResizable.js +14 -8
- package/cjs/plugins/resizable/useResizeHandle.js +21 -16
- package/cjs/plugins/resizable/utils.js +8 -5
- package/cjs/plugins/row-dnd/DndRowsPlugin.js +23 -16
- package/cjs/plugins/selectable/SelectablePlugin.js +10 -8
- package/cjs/plugins/selectable/addSelectableColumn.js +24 -16
- package/cjs/plugins/selectable/helper.js +12 -3
- package/cjs/plugins/selectable/selectableFormatter.js +80 -71
- package/cjs/plugins/selectable/useSelectableState.js +24 -11
- package/cjs/plugins/sortable/SortablePlugin.js +8 -7
- package/cjs/plugins/sortable/sortHeaderFormatter.js +14 -15
- package/cjs/plugins/sortable/sortTree.js +13 -3
- package/cjs/plugins/sortable/sorter.js +151 -134
- package/cjs/plugins/sortable/useSortableState.js +7 -0
- package/cjs/plugins/toolbar/RowRenderer.js +7 -2
- package/cjs/plugins/toolbar/ToolbarTrigger.js +15 -10
- package/cjs/plugins/virtualization/AutoHeightList.js +10 -8
- package/cjs/plugins/virtualization/VirtualizationPlugin.js +32 -25
- package/cjs/plugins/virtualization/VirtualizedBody.js +18 -9
- package/cjs/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/cjs/renders/CellWithAddons.js +20 -18
- package/cjs/renders/styled.js +3 -2
- package/cjs/utilities/getPluginsFromProps.js +5 -1
- package/cjs/utilities/getScrollbarSize.js +2 -1
- package/cjs/utilities/normalizeData.js +7 -1
- package/esm/DSDataGrid.js +246 -243
- package/esm/DataGridImpl.js +16 -8
- package/esm/PaginatedDataGrid.js +5 -0
- package/esm/columns/IconColumn.js +18 -16
- package/esm/columns/NumberColumn.js +2 -4
- package/esm/components/BodyCell.js +17 -10
- package/esm/components/BodyList.js +7 -0
- package/esm/components/ColumnVisibilityMenuOption.js +10 -6
- package/esm/components/ColumnsOptionsMenuSection.js +34 -28
- package/esm/components/EmptyState.js +18 -15
- package/esm/components/HeaderCell.js +14 -8
- 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 +33 -21
- package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +46 -35
- package/esm/plugins/column-dnd/DndColumnsPlugin.js +6 -2
- package/esm/plugins/column-dnd/decorateGridWithDndColumns.js +1 -1
- package/esm/plugins/column-sizing/ColumnSizingPlugin.js +9 -7
- 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 +21 -15
- package/esm/plugins/column-sizing/useColumnSizeService.js +9 -0
- package/esm/plugins/column-sizing/useStylesheetHelpers.js +54 -38
- 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 +6 -1
- package/esm/plugins/editable/EditableComponents/TextBox.js +19 -12
- package/esm/plugins/editable/EditablePlugin.js +13 -12
- package/esm/plugins/editable/decorateEditable.js +16 -8
- package/esm/plugins/editable/getEditorComponent.js +49 -38
- package/esm/plugins/expandable-grid/ExpandableColumn.js +56 -47
- package/esm/plugins/expandable-grid/ExpandablePlugin.js +33 -20
- package/esm/plugins/expandable-grid/ExpandedRow.js +27 -17
- package/esm/plugins/expandable-grid/ExpandedRowExtra.js +15 -9
- package/esm/plugins/expandable-grid/useExpandGridState.js +1 -2
- package/esm/plugins/export-data/ExportDataPlugin.js +22 -9
- package/esm/plugins/filterable/FilterablePlugin.js +5 -4
- package/esm/plugins/filterable/addFilterToColumn.js +5 -0
- package/esm/plugins/filterable/components/FilterableHeader.js +31 -22
- package/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +38 -31
- package/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +26 -21
- package/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +118 -152
- package/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js +27 -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 +10 -1
- package/esm/plugins/filterable/useFilterableState.js +11 -5
- package/esm/plugins/grouping-by/GroupingByPlugin.js +2 -0
- package/esm/plugins/grouping-grid/GroupingPlugin.js +9 -0
- package/esm/plugins/grouping-grid/walkStrategy.js +11 -9
- package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js +7 -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 +8 -7
- package/esm/plugins/pagination/components/PerPageDropdown.js +17 -9
- package/esm/plugins/pagination/helper.js +10 -7
- package/esm/plugins/pagination/usePaginationState.js +6 -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 +6 -3
- package/esm/plugins/row-dnd/DndRowsPlugin.js +21 -13
- package/esm/plugins/selectable/SelectablePlugin.js +9 -7
- 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 +19 -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 +151 -134
- package/esm/plugins/sortable/useSortableState.js +7 -0
- package/esm/plugins/toolbar/RowRenderer.js +6 -1
- package/esm/plugins/toolbar/ToolbarTrigger.js +14 -8
- package/esm/plugins/virtualization/AutoHeightList.js +6 -3
- package/esm/plugins/virtualization/VirtualizationPlugin.js +31 -24
- package/esm/plugins/virtualization/VirtualizedBody.js +14 -5
- package/esm/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/esm/renders/CellWithAddons.js +15 -14
- package/esm/renders/styled.js +1 -1
- package/esm/utilities/getPluginsFromProps.js +5 -1
- package/esm/utilities/getScrollbarSize.js +2 -1
- package/esm/utilities/normalizeData.js +7 -1
- package/package.json +19 -18
- 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/PerPageDropdown.d.ts +1 -1
package/esm/DataGridImpl.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
3
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
4
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
5
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
@@ -18,6 +20,11 @@ import 'core-js/modules/esnext.set.some.js';
|
|
|
18
20
|
import 'core-js/modules/esnext.set.symmetric-difference.js';
|
|
19
21
|
import 'core-js/modules/esnext.set.union.js';
|
|
20
22
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
23
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
24
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
25
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
26
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
27
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
21
28
|
import { useMemo } from 'react';
|
|
22
29
|
import { isFunction } from '@elliemae/ds-shared/utils';
|
|
23
30
|
import useDataGrid from '@elliemae/ds-shared/useDataGrid';
|
|
@@ -43,17 +50,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
43
50
|
|
|
44
51
|
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(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; }
|
|
45
52
|
|
|
46
|
-
const isFluid =
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
53
|
+
const isFluid = _ref => {
|
|
54
|
+
let {
|
|
55
|
+
autoHeight,
|
|
56
|
+
paginated,
|
|
57
|
+
numRowsVisible
|
|
58
|
+
} = _ref;
|
|
51
59
|
if (autoHeight) return false;
|
|
52
60
|
if (paginated) return false;
|
|
53
61
|
return !numRowsVisible;
|
|
54
62
|
};
|
|
55
63
|
|
|
56
|
-
function DataGridImpl(
|
|
64
|
+
function DataGridImpl(_ref2) {
|
|
57
65
|
let {
|
|
58
66
|
className,
|
|
59
67
|
renderers,
|
|
@@ -62,8 +70,8 @@ function DataGridImpl(_ref) {
|
|
|
62
70
|
containerProps,
|
|
63
71
|
plugins: pluginsProp,
|
|
64
72
|
normalizeDataKeys
|
|
65
|
-
} =
|
|
66
|
-
otherProps = _objectWithoutProperties(
|
|
73
|
+
} = _ref2,
|
|
74
|
+
otherProps = _objectWithoutProperties(_ref2, _excluded);
|
|
67
75
|
|
|
68
76
|
const {
|
|
69
77
|
noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx(EmptyState, {})),
|
package/esm/PaginatedDataGrid.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { cx } from '@elliemae/ds-utilities
|
|
4
|
-
import DSButton from '@elliemae/ds-
|
|
3
|
+
import { cx } from '@elliemae/ds-utilities';
|
|
4
|
+
import DSButton from '@elliemae/ds-button';
|
|
5
5
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
6
6
|
|
|
7
7
|
const Intents = {
|
|
@@ -28,20 +28,22 @@ const addColorToIcon = (icon, intentColor) => {
|
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
function createColumn({
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
function createColumn(_ref) {
|
|
32
|
+
let {
|
|
33
|
+
property,
|
|
34
|
+
label,
|
|
35
|
+
headerIcon,
|
|
36
|
+
getRowIcon = () => null,
|
|
37
|
+
isVisited = () => null,
|
|
38
|
+
intent = Intents.SUCCESS,
|
|
39
|
+
width = 60,
|
|
40
|
+
onClick,
|
|
41
|
+
visible,
|
|
42
|
+
resizable,
|
|
43
|
+
sortable,
|
|
44
|
+
searchable
|
|
45
|
+
} = _ref;
|
|
46
|
+
|
|
45
47
|
const formatter = (value, extraParams) => {
|
|
46
48
|
const icon = getRowIcon(value, extraParams);
|
|
47
49
|
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
@@ -5,7 +10,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
|
5
10
|
import { useRef, useContext, useCallback, useEffect } from 'react';
|
|
6
11
|
import { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';
|
|
7
12
|
import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
|
|
8
|
-
import DSTruncatedTooltipText from '@elliemae/ds-
|
|
13
|
+
import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
|
|
9
14
|
import { jsx } from 'react/jsx-runtime';
|
|
10
15
|
|
|
11
16
|
const _excluded = ["rowData", "rowKey", "isScrolling"];
|
|
@@ -14,15 +19,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
14
19
|
|
|
15
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(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
21
|
|
|
17
|
-
function BodyCell({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
function BodyCell(_ref) {
|
|
23
|
+
let {
|
|
24
|
+
component: Component,
|
|
25
|
+
classProps,
|
|
26
|
+
rowProps,
|
|
27
|
+
column,
|
|
28
|
+
columnIndex,
|
|
29
|
+
rowIndex,
|
|
30
|
+
grid
|
|
31
|
+
} = _ref;
|
|
32
|
+
|
|
26
33
|
const {
|
|
27
34
|
rowData,
|
|
28
35
|
rowKey,
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
9
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
10
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
11
|
import React from 'react';
|
|
5
12
|
import NoResults from './NoResults.js';
|
|
6
13
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
function getColumnVisibilityMenuOption({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function getColumnVisibilityMenuOption(_ref) {
|
|
7
|
+
let {
|
|
8
|
+
columns,
|
|
9
|
+
onColumnVisibilityChange,
|
|
10
|
+
searchable,
|
|
11
|
+
height
|
|
12
|
+
} = _ref;
|
|
9
13
|
const {
|
|
10
14
|
items,
|
|
11
15
|
active
|
|
@@ -1,37 +1,43 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
2
5
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
6
|
import 'react';
|
|
4
7
|
import { Menu } from '@elliemae/ds-menu';
|
|
5
8
|
|
|
6
|
-
const ColumnsOptionsMenuSection =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
const ColumnsOptionsMenuSection = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
columns,
|
|
12
|
+
onColumnVisibilityChange,
|
|
13
|
+
searchable = false,
|
|
14
|
+
height // eslint-disable-next-line react/display-name
|
|
11
15
|
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
16
|
+
} = _ref;
|
|
17
|
+
return () => {
|
|
18
|
+
const {
|
|
19
|
+
items,
|
|
20
|
+
active
|
|
21
|
+
} = columns.reduce((result, column, index) => ({
|
|
22
|
+
items: [...result.items, {
|
|
23
|
+
id: column.property,
|
|
24
|
+
label: column.label,
|
|
25
|
+
checked: column.visible,
|
|
26
|
+
onClick: () => onColumnVisibilityChange(column, index)
|
|
27
|
+
}],
|
|
28
|
+
active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
|
|
29
|
+
}), {
|
|
30
|
+
items: [],
|
|
31
|
+
active: []
|
|
32
|
+
});
|
|
33
|
+
return /*#__PURE__*/_jsx(Menu.SelectionGroup, {
|
|
34
|
+
active: active,
|
|
35
|
+
height: height,
|
|
36
|
+
items: items,
|
|
37
|
+
multi: true,
|
|
38
|
+
searchable: searchable
|
|
39
|
+
});
|
|
40
|
+
};
|
|
35
41
|
};
|
|
36
42
|
|
|
37
43
|
export { ColumnsOptionsMenuSection as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
|
-
import { Grid } from '@elliemae/ds-
|
|
4
|
-
import WarningTriangle from '@elliemae/ds-icons
|
|
3
|
+
import { Grid } from '@elliemae/ds-grid';
|
|
4
|
+
import { WarningTriangle } from '@elliemae/ds-icons';
|
|
5
5
|
import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
|
|
6
|
-
import DSButton from '@elliemae/ds-
|
|
6
|
+
import DSButton from '@elliemae/ds-button';
|
|
7
7
|
import styled from 'styled-components';
|
|
8
8
|
|
|
9
9
|
var _Icon;
|
|
@@ -22,17 +22,20 @@ const SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
|
|
|
22
22
|
const Button = /*#__PURE__*/styled(DSButton).withConfig({
|
|
23
23
|
componentId: "sc-1ddwbs7-4"
|
|
24
24
|
})(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
|
|
25
|
-
const EmptyState =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
const EmptyState = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
primaryMessage = 'No Results Found',
|
|
28
|
+
secondaryMessage,
|
|
29
|
+
buttonLabel,
|
|
30
|
+
onButtonClick = () => {}
|
|
31
|
+
} = _ref;
|
|
32
|
+
return /*#__PURE__*/_jsx(EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
|
|
33
|
+
size: "xxl"
|
|
34
|
+
})), primaryMessage && /*#__PURE__*/_jsx(PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx(SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx(Button, {
|
|
35
|
+
buttonType: "secondary",
|
|
36
|
+
labelText: buttonLabel,
|
|
37
|
+
onClick: onButtonClick
|
|
38
|
+
}));
|
|
39
|
+
};
|
|
37
40
|
|
|
38
41
|
export { EmptyState };
|
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
8
|
import 'react';
|
|
4
9
|
import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
|
|
5
|
-
import DSTruncatedTooltipText from '@elliemae/ds-
|
|
10
|
+
import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
|
|
6
11
|
import { jsx } from 'react/jsx-runtime';
|
|
7
12
|
|
|
8
13
|
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; }
|
|
9
14
|
|
|
10
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(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; }
|
|
11
16
|
|
|
12
|
-
function HeaderCell({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
function HeaderCell(_ref) {
|
|
18
|
+
let {
|
|
19
|
+
column,
|
|
20
|
+
columnIndex,
|
|
21
|
+
component: Component,
|
|
22
|
+
classProps,
|
|
23
|
+
grid
|
|
24
|
+
} = _ref;
|
|
19
25
|
const {
|
|
20
26
|
property,
|
|
21
27
|
header = {},
|
package/esm/components/List.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import 'react';
|
|
3
8
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
2
9
|
import 'react';
|
|
3
10
|
import { jsx } from 'react/jsx-runtime';
|
|
4
11
|
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
|
-
import DSSpinner from '@elliemae/ds-
|
|
3
|
+
import DSSpinner from '@elliemae/ds-spinner';
|
|
4
4
|
import { SpinnerContainer } from './renderers/defaultClassedRenderers.js';
|
|
5
5
|
|
|
6
|
-
function RowsLoader({
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function RowsLoader(_ref) {
|
|
7
|
+
let {
|
|
8
|
+
size = 'm'
|
|
9
|
+
} = _ref;
|
|
9
10
|
return /*#__PURE__*/_jsx(SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx(DSSpinner, {
|
|
10
11
|
size: size
|
|
11
12
|
}));
|
package/esm/components/Table.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
8
|
import { useEffect, useCallback } from 'react';
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import React, { useContext } from 'react';
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import { useContext } from 'react';
|
|
3
8
|
import { TableContext } from './tableContext.js';
|
|
@@ -3,10 +3,11 @@ import 'react';
|
|
|
3
3
|
import { Pagination } from '../../plugins/pagination/components/Pagination.js';
|
|
4
4
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
const addOptionalFooterComponents =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
const addOptionalFooterComponents = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
grid,
|
|
9
|
+
rows
|
|
10
|
+
} = _ref;
|
|
10
11
|
const {
|
|
11
12
|
props: {
|
|
12
13
|
maxPerPage,
|
|
@@ -1,24 +1,30 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
|
-
import DSSearchBox from '@elliemae/ds-
|
|
3
|
+
import { DSSearchBox } from '@elliemae/ds-form';
|
|
4
4
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
5
5
|
|
|
6
6
|
const blockName = 'data-grid';
|
|
7
7
|
const Container = aggregatedClasses('div')(blockName, 'controls');
|
|
8
8
|
const SearchContainer = aggregatedClasses('div')(blockName, 'search-container');
|
|
9
9
|
|
|
10
|
-
const PrimaryControls =
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
10
|
+
const PrimaryControls = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
onAddFilter = () => null
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/_jsx(Container, {}, void 0, /*#__PURE__*/_jsx(SearchContainer, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
|
|
15
|
+
onSearch: _ref2 => {
|
|
16
|
+
let {
|
|
17
|
+
property,
|
|
18
|
+
value
|
|
19
|
+
} = _ref2;
|
|
20
|
+
return onAddFilter({
|
|
21
|
+
filterId: property,
|
|
22
|
+
label: 'All',
|
|
23
|
+
value
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
placeholder: "Search all"
|
|
27
|
+
})));
|
|
28
|
+
};
|
|
23
29
|
|
|
24
30
|
export { PrimaryControls as default };
|
|
@@ -3,9 +3,10 @@ import 'react';
|
|
|
3
3
|
import DSFilterBar from '@elliemae/ds-filterbar';
|
|
4
4
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
const addOptionalHeaderComponents =
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const addOptionalHeaderComponents = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
grid
|
|
9
|
+
} = _ref;
|
|
9
10
|
const {
|
|
10
11
|
props: {
|
|
11
12
|
showFilterBar,
|
|
@@ -3,32 +3,44 @@ import { dataGridBlockName, headerBlockName, bodyBlockName } from '../../blockNa
|
|
|
3
3
|
|
|
4
4
|
const NoResultsContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-no-results"));
|
|
5
5
|
const SpinnerContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-spinner"));
|
|
6
|
-
const DatagridWrapper = aggregatedClasses('div')("".concat(dataGridBlockName, "-wrapper"), null,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
const DatagridWrapper = aggregatedClasses('div')("".concat(dataGridBlockName, "-wrapper"), null, _ref => {
|
|
7
|
+
let {
|
|
8
|
+
fluidHeight
|
|
9
|
+
} = _ref;
|
|
10
|
+
return {
|
|
11
|
+
fluid: fluidHeight
|
|
12
|
+
};
|
|
13
|
+
});
|
|
11
14
|
const TableWrapper = aggregatedClasses('div')(dataGridBlockName);
|
|
12
15
|
const HeaderWrapper = aggregatedClasses('div')(headerBlockName);
|
|
13
16
|
const HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');
|
|
14
|
-
const HeaderCell = aggregatedClasses('div')(headerBlockName, 'cell',
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
const HeaderCell = aggregatedClasses('div')(headerBlockName, 'cell', _ref2 => {
|
|
18
|
+
let {
|
|
19
|
+
wrapText
|
|
20
|
+
} = _ref2;
|
|
21
|
+
return {
|
|
22
|
+
wrapText
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
const BodyWrapper = aggregatedClasses('div')(bodyBlockName, null, _ref3 => {
|
|
26
|
+
let {
|
|
27
|
+
grouped
|
|
28
|
+
} = _ref3;
|
|
29
|
+
return {
|
|
30
|
+
'ie-flex-basis-auto': true,
|
|
31
|
+
'is-grouped': grouped
|
|
32
|
+
};
|
|
33
|
+
});
|
|
25
34
|
const BodyRow = aggregatedClasses('div', {
|
|
26
35
|
'data-testid': 'datagrid-row'
|
|
27
36
|
})(bodyBlockName, 'row');
|
|
28
|
-
const BodyCell = aggregatedClasses('div')(bodyBlockName, 'cell',
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
37
|
+
const BodyCell = aggregatedClasses('div')(bodyBlockName, 'cell', _ref4 => {
|
|
38
|
+
let {
|
|
39
|
+
wrapText
|
|
40
|
+
} = _ref4;
|
|
41
|
+
return {
|
|
42
|
+
wrapText
|
|
43
|
+
};
|
|
44
|
+
});
|
|
33
45
|
|
|
34
46
|
export { BodyCell, BodyRow, BodyWrapper, DatagridWrapper, HeaderCell, HeaderRow, HeaderWrapper, NoResultsContainer, SpinnerContainer, TableWrapper };
|