@elliemae/ds-data-table 2.0.0-rc.3 → 2.0.0-rc.7
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/DataTableSchema.js +1 -1
- package/cjs/addons/Filters/Components/index.js +0 -2
- package/cjs/addons/Filters/index.js +0 -2
- package/cjs/exported-related/FilterPopover.js +17 -3
- package/cjs/exported-related/FilterTypes.js +0 -1
- package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +0 -2
- package/cjs/exported-related/Filters/index.js +0 -2
- package/cjs/exported-related/index.js +0 -2
- package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js +27 -14
- package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js +22 -20
- package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js +5 -3
- package/cjs/helpers/dndkit/tree/customCollisionDetection.js +45 -25
- package/cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js +25 -30
- package/cjs/helpers/dndkit/tree/useTreeDndkitConfig.js +5 -3
- package/cjs/helpers/refs-helpers.js +2 -2
- package/cjs/index.js +0 -2
- package/cjs/parts/FilterBar/FiltersBar.js +0 -2
- package/cjs/parts/FilterBar/components/index.js +0 -2
- package/cjs/parts/Filters/index.js +10 -12
- package/cjs/parts/Headers/HeaderCellGroup.js +4 -3
- package/cjs/parts/Headers/index.js +1 -1
- package/cjs/parts/HoC/withConditionalDnDColumnContext.js +17 -13
- package/cjs/parts/HoC/withConditionalDnDRowContext.js +9 -10
- package/cjs/parts/HoC/withConditionalDnDSortableContext.js +1 -1
- package/cjs/parts/HoC/withDnDSortableColumnContext.js +5 -19
- package/cjs/parts/HoC/withDnDSortableRowContext.js +3 -17
- package/cjs/parts/Row.js +10 -10
- package/cjs/parts/Rows.js +1 -1
- package/cjs/parts/index.js +1 -1
- package/cjs/styled.js +1 -1
- package/esm/DataTableSchema.js +1 -1
- package/esm/addons/Filters/Components/index.js +0 -1
- package/esm/addons/Filters/index.js +0 -1
- package/esm/exported-related/FilterPopover.js +17 -3
- package/esm/exported-related/FilterTypes.js +0 -1
- package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +0 -2
- package/esm/exported-related/Filters/index.js +0 -1
- package/esm/exported-related/index.js +0 -1
- package/esm/helpers/dndkit/hierarchy/customCollisionDetection.js +27 -14
- package/esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js +22 -20
- package/esm/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js +6 -4
- package/esm/helpers/dndkit/tree/customCollisionDetection.js +45 -25
- package/esm/helpers/dndkit/tree/getTreeKeyboardCoordinates.js +26 -31
- package/esm/helpers/dndkit/tree/useTreeDndkitConfig.js +6 -4
- package/esm/helpers/refs-helpers.js +2 -2
- package/esm/index.js +0 -1
- package/esm/parts/FilterBar/FiltersBar.js +0 -2
- package/esm/parts/FilterBar/components/index.js +0 -1
- package/esm/parts/Filters/index.js +0 -2
- package/esm/parts/Headers/HeaderCellGroup.js +4 -4
- package/esm/parts/Headers/index.js +2 -2
- package/esm/parts/HoC/withConditionalDnDColumnContext.js +19 -15
- package/esm/parts/HoC/withConditionalDnDRowContext.js +11 -12
- package/esm/parts/HoC/withConditionalDnDSortableContext.js +1 -1
- package/esm/parts/HoC/withDnDSortableColumnContext.js +6 -20
- package/esm/parts/HoC/withDnDSortableRowContext.js +4 -18
- package/esm/parts/Row.js +7 -10
- package/esm/styled.js +1 -1
- package/package.json +17 -33
- package/types/addons/Filters/Components/SelectFilter/components.d.ts +6 -6
- package/types/addons/Filters/Components/index.d.ts +0 -1
- package/types/exported-related/FilterTypes.d.ts +0 -1
- package/types/exported-related/Filters/index.d.ts +0 -1
- package/types/helpers/dndkit/hierarchy/types.d.ts +3 -3
- package/types/helpers/dndkit/tree/types.d.ts +3 -4
- package/types/helpers/dndkit/types.d.ts +2 -2
- package/types/helpers/refs-helpers.d.ts +1 -1
- package/types/parts/FilterBar/components/index.d.ts +0 -1
- package/types/parts/FilterBar/styled.d.ts +2 -2
- package/types/parts/Headers/HeaderCellGroup.d.ts +4 -3
- package/types/parts/Row.d.ts +2 -1
- package/types/styled.d.ts +19 -19
- package/types/types/props.d.ts +2 -2
- package/cjs/addons/Filters/Components/TextInputFilter/index.js +0 -92
- package/cjs/exported-related/Filters/textFilterFn.js +0 -14
- package/cjs/parts/FilterBar/components/TextPill.js +0 -42
- package/cjs/parts/HoC/DragOverlayContext.js +0 -11
- package/esm/addons/Filters/Components/TextInputFilter/index.js +0 -84
- package/esm/exported-related/Filters/textFilterFn.js +0 -10
- package/esm/parts/FilterBar/components/TextPill.js +0 -34
- package/esm/parts/HoC/DragOverlayContext.js +0 -7
- package/types/addons/Filters/Components/TextInputFilter/index.d.ts +0 -3
- package/types/exported-related/Filters/textFilterFn.d.ts +0 -2
- package/types/parts/FilterBar/components/TextPill.d.ts +0 -2
- package/types/parts/HoC/DragOverlayContext.d.ts +0 -6
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('react');
|
|
7
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
-
var FilterPopover = require('../../../../exported-related/FilterPopover.js');
|
|
9
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
10
|
-
require('../../../../styled.js');
|
|
11
|
-
require('../../../../DataTableContext.js');
|
|
12
|
-
require('react/jsx-runtime');
|
|
13
|
-
require('styled-components');
|
|
14
|
-
require('@elliemae/ds-button');
|
|
15
|
-
require('@elliemae/ds-utilities');
|
|
16
|
-
require('../../../../configs/constants.js');
|
|
17
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
18
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
19
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
20
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
21
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
22
|
-
require('react-virtual');
|
|
23
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
24
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
25
|
-
require('../../../../configs/useRowFlattenization.js');
|
|
26
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
27
|
-
require('core-js/modules/esnext.async-iterator.map.js');
|
|
28
|
-
require('core-js/modules/esnext.iterator.map.js');
|
|
29
|
-
require('@elliemae/ds-form');
|
|
30
|
-
require('../../../../parts/TableContent.js');
|
|
31
|
-
require('@elliemae/ds-grid');
|
|
32
|
-
require('@elliemae/ds-circular-progress-indicator');
|
|
33
|
-
require('@elliemae/ds-system');
|
|
34
|
-
require('../../../../parts/Row.js');
|
|
35
|
-
require('../../../../parts/Footer.js');
|
|
36
|
-
require('../../../../parts/HoC/SortableItemContext.js');
|
|
37
|
-
require('uid');
|
|
38
|
-
var FilterTypes = require('../../../../exported-related/FilterTypes.js');
|
|
39
|
-
require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
|
|
40
|
-
require('moment');
|
|
41
|
-
require('core-js/modules/esnext.async-iterator.some.js');
|
|
42
|
-
require('core-js/modules/esnext.iterator.some.js');
|
|
43
|
-
|
|
44
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
45
|
-
|
|
46
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
47
|
-
|
|
48
|
-
var _SearchXsmall;
|
|
49
|
-
const TextInputFilter = props => {
|
|
50
|
-
const {
|
|
51
|
-
column,
|
|
52
|
-
filterValue = '',
|
|
53
|
-
reduxHeader,
|
|
54
|
-
onValueChange,
|
|
55
|
-
ctx: {
|
|
56
|
-
tableProps: {
|
|
57
|
-
data
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
innerRef
|
|
61
|
-
} = props;
|
|
62
|
-
const count = data.length;
|
|
63
|
-
|
|
64
|
-
const handleChange = event => {
|
|
65
|
-
var _event$target;
|
|
66
|
-
|
|
67
|
-
const newText = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '';
|
|
68
|
-
onValueChange(FilterTypes.FILTER_TYPES.TEXT, newText);
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
|
|
72
|
-
reduxHeader: reduxHeader,
|
|
73
|
-
column: column,
|
|
74
|
-
columnId: column.id,
|
|
75
|
-
menuContent:
|
|
76
|
-
/*#__PURE__*/
|
|
77
|
-
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
78
|
-
_jsx__default["default"]("input", {
|
|
79
|
-
value: filterValue,
|
|
80
|
-
onChange: handleChange,
|
|
81
|
-
placeholder: "Search ".concat(count, " records..."),
|
|
82
|
-
autoFocus: true
|
|
83
|
-
}),
|
|
84
|
-
triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchXsmall, {})),
|
|
85
|
-
removeWrapperStyles: true,
|
|
86
|
-
innerRef: innerRef,
|
|
87
|
-
ariaLabel: "Open Text Input Filter",
|
|
88
|
-
"data-testid": "filter-popover"
|
|
89
|
-
});
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
exports.TextInputFilter = TextInputFilter;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
|
|
9
|
-
const textFilterFn = (unfilteredData, filterKey, filterValue) => {
|
|
10
|
-
if (filterValue.length < 3) return unfilteredData;
|
|
11
|
-
return unfilteredData.filter(datum => datum[filterKey].includes(filterValue));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.textFilterFn = textFilterFn;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
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
|
-
var React = require('react');
|
|
10
|
-
var dsPills = require('@elliemae/ds-pills');
|
|
11
|
-
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
-
|
|
14
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
|
|
16
|
-
const TextPill = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
columnHeader,
|
|
19
|
-
column,
|
|
20
|
-
value,
|
|
21
|
-
filters,
|
|
22
|
-
onFiltersChange,
|
|
23
|
-
prevRef,
|
|
24
|
-
innerRef,
|
|
25
|
-
nextRef
|
|
26
|
-
} = _ref;
|
|
27
|
-
const handleOnRemove = React.useCallback(() => {
|
|
28
|
-
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
|
|
29
|
-
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
30
|
-
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
31
|
-
return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
32
|
-
type: "label",
|
|
33
|
-
label: columnHeader
|
|
34
|
-
}), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
|
|
35
|
-
type: "removable",
|
|
36
|
-
label: value,
|
|
37
|
-
onRemove: handleOnRemove,
|
|
38
|
-
innerRef: innerRef
|
|
39
|
-
})) : null;
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
exports.TextPill = TextPill;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
const DragOverlayContext = /*#__PURE__*/React.createContext({
|
|
8
|
-
setPureDraggedJSX: () => null
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
exports.DragOverlayContext = DragOverlayContext;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { SearchXsmall } from '@elliemae/ds-icons';
|
|
4
|
-
import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
|
|
5
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
6
|
-
import '../../../../styled.js';
|
|
7
|
-
import '../../../../DataTableContext.js';
|
|
8
|
-
import 'react/jsx-runtime';
|
|
9
|
-
import 'styled-components';
|
|
10
|
-
import '@elliemae/ds-button';
|
|
11
|
-
import '@elliemae/ds-utilities';
|
|
12
|
-
import '../../../../configs/constants.js';
|
|
13
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
14
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
15
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
16
|
-
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
17
|
-
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
18
|
-
import 'react-virtual';
|
|
19
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
20
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
21
|
-
import '../../../../configs/useRowFlattenization.js';
|
|
22
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
23
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
24
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
25
|
-
import '@elliemae/ds-form';
|
|
26
|
-
import '../../../../parts/TableContent.js';
|
|
27
|
-
import '@elliemae/ds-grid';
|
|
28
|
-
import '@elliemae/ds-circular-progress-indicator';
|
|
29
|
-
import '@elliemae/ds-system';
|
|
30
|
-
import '../../../../parts/Row.js';
|
|
31
|
-
import '../../../../parts/Footer.js';
|
|
32
|
-
import '../../../../parts/HoC/SortableItemContext.js';
|
|
33
|
-
import 'uid';
|
|
34
|
-
import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
|
|
35
|
-
import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
|
|
36
|
-
import 'moment';
|
|
37
|
-
import 'core-js/modules/esnext.async-iterator.some.js';
|
|
38
|
-
import 'core-js/modules/esnext.iterator.some.js';
|
|
39
|
-
|
|
40
|
-
var _SearchXsmall;
|
|
41
|
-
const TextInputFilter = props => {
|
|
42
|
-
const {
|
|
43
|
-
column,
|
|
44
|
-
filterValue = '',
|
|
45
|
-
reduxHeader,
|
|
46
|
-
onValueChange,
|
|
47
|
-
ctx: {
|
|
48
|
-
tableProps: {
|
|
49
|
-
data
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
innerRef
|
|
53
|
-
} = props;
|
|
54
|
-
const count = data.length;
|
|
55
|
-
|
|
56
|
-
const handleChange = event => {
|
|
57
|
-
var _event$target;
|
|
58
|
-
|
|
59
|
-
const newText = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '';
|
|
60
|
-
onValueChange(FILTER_TYPES.TEXT, newText);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
return /*#__PURE__*/_jsx(FilterPopover, {
|
|
64
|
-
reduxHeader: reduxHeader,
|
|
65
|
-
column: column,
|
|
66
|
-
columnId: column.id,
|
|
67
|
-
menuContent:
|
|
68
|
-
/*#__PURE__*/
|
|
69
|
-
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
70
|
-
_jsx("input", {
|
|
71
|
-
value: filterValue,
|
|
72
|
-
onChange: handleChange,
|
|
73
|
-
placeholder: "Search ".concat(count, " records..."),
|
|
74
|
-
autoFocus: true
|
|
75
|
-
}),
|
|
76
|
-
triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
|
|
77
|
-
removeWrapperStyles: true,
|
|
78
|
-
innerRef: innerRef,
|
|
79
|
-
ariaLabel: "Open Text Input Filter",
|
|
80
|
-
"data-testid": "filter-popover"
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
export { TextInputFilter };
|
|
@@ -1,10 +0,0 @@
|
|
|
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
|
-
|
|
5
|
-
const textFilterFn = (unfilteredData, filterKey, filterValue) => {
|
|
6
|
-
if (filterValue.length < 3) return unfilteredData;
|
|
7
|
-
return unfilteredData.filter(datum => datum[filterKey].includes(filterValue));
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { textFilterFn };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
5
|
-
import { useCallback } from 'react';
|
|
6
|
-
import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
|
|
7
|
-
|
|
8
|
-
const TextPill = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
columnHeader,
|
|
11
|
-
column,
|
|
12
|
-
value,
|
|
13
|
-
filters,
|
|
14
|
-
onFiltersChange,
|
|
15
|
-
prevRef,
|
|
16
|
-
innerRef,
|
|
17
|
-
nextRef
|
|
18
|
-
} = _ref;
|
|
19
|
-
const handleOnRemove = useCallback(() => {
|
|
20
|
-
if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
|
|
21
|
-
onFiltersChange(filters.filter(filter => filter.id !== column));
|
|
22
|
-
}, [onFiltersChange, filters, prevRef, nextRef, column]);
|
|
23
|
-
return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
|
|
24
|
-
type: "label",
|
|
25
|
-
label: columnHeader
|
|
26
|
-
}), /*#__PURE__*/_jsx(DSPillV2, {
|
|
27
|
-
type: "removable",
|
|
28
|
-
label: value,
|
|
29
|
-
onRemove: handleOnRemove,
|
|
30
|
-
innerRef: innerRef
|
|
31
|
-
})) : null;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export { TextPill };
|