@elliemae/ds-data-table 2.0.0-rc.2 → 2.0.0-rc.6

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.
Files changed (85) hide show
  1. package/cjs/DataTableSchema.js +1 -1
  2. package/cjs/addons/Filters/Components/index.js +0 -2
  3. package/cjs/addons/Filters/index.js +0 -2
  4. package/cjs/exported-related/FilterPopover.js +17 -3
  5. package/cjs/exported-related/FilterTypes.js +0 -1
  6. package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +0 -2
  7. package/cjs/exported-related/Filters/index.js +0 -2
  8. package/cjs/exported-related/index.js +0 -2
  9. package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js +27 -14
  10. package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js +22 -20
  11. package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js +5 -3
  12. package/cjs/helpers/dndkit/tree/customCollisionDetection.js +45 -25
  13. package/cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js +25 -30
  14. package/cjs/helpers/dndkit/tree/useTreeDndkitConfig.js +5 -3
  15. package/cjs/helpers/refs-helpers.js +2 -2
  16. package/cjs/index.js +0 -2
  17. package/cjs/parts/FilterBar/FiltersBar.js +0 -2
  18. package/cjs/parts/FilterBar/components/index.js +0 -2
  19. package/cjs/parts/Filters/index.js +10 -12
  20. package/cjs/parts/Headers/HeaderCellGroup.js +4 -3
  21. package/cjs/parts/Headers/index.js +1 -1
  22. package/cjs/parts/HoC/withConditionalDnDColumnContext.js +17 -13
  23. package/cjs/parts/HoC/withConditionalDnDRowContext.js +9 -10
  24. package/cjs/parts/HoC/withConditionalDnDSortableContext.js +1 -1
  25. package/cjs/parts/HoC/withDnDSortableColumnContext.js +5 -19
  26. package/cjs/parts/HoC/withDnDSortableRowContext.js +3 -17
  27. package/cjs/parts/Row.js +10 -10
  28. package/cjs/parts/Rows.js +1 -1
  29. package/cjs/parts/index.js +1 -1
  30. package/cjs/styled.js +1 -1
  31. package/esm/DataTableSchema.js +1 -1
  32. package/esm/addons/Filters/Components/index.js +0 -1
  33. package/esm/addons/Filters/index.js +0 -1
  34. package/esm/exported-related/FilterPopover.js +17 -3
  35. package/esm/exported-related/FilterTypes.js +0 -1
  36. package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +0 -2
  37. package/esm/exported-related/Filters/index.js +0 -1
  38. package/esm/exported-related/index.js +0 -1
  39. package/esm/helpers/dndkit/hierarchy/customCollisionDetection.js +27 -14
  40. package/esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js +22 -20
  41. package/esm/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js +6 -4
  42. package/esm/helpers/dndkit/tree/customCollisionDetection.js +45 -25
  43. package/esm/helpers/dndkit/tree/getTreeKeyboardCoordinates.js +26 -31
  44. package/esm/helpers/dndkit/tree/useTreeDndkitConfig.js +6 -4
  45. package/esm/helpers/refs-helpers.js +2 -2
  46. package/esm/index.js +0 -1
  47. package/esm/parts/FilterBar/FiltersBar.js +0 -2
  48. package/esm/parts/FilterBar/components/index.js +0 -1
  49. package/esm/parts/Filters/index.js +0 -2
  50. package/esm/parts/Headers/HeaderCellGroup.js +4 -4
  51. package/esm/parts/Headers/index.js +2 -2
  52. package/esm/parts/HoC/withConditionalDnDColumnContext.js +19 -15
  53. package/esm/parts/HoC/withConditionalDnDRowContext.js +11 -12
  54. package/esm/parts/HoC/withConditionalDnDSortableContext.js +1 -1
  55. package/esm/parts/HoC/withDnDSortableColumnContext.js +6 -20
  56. package/esm/parts/HoC/withDnDSortableRowContext.js +4 -18
  57. package/esm/parts/Row.js +7 -10
  58. package/esm/styled.js +1 -1
  59. package/package.json +17 -33
  60. package/types/addons/Filters/Components/SelectFilter/components.d.ts +6 -6
  61. package/types/addons/Filters/Components/index.d.ts +0 -1
  62. package/types/exported-related/FilterTypes.d.ts +0 -1
  63. package/types/exported-related/Filters/index.d.ts +0 -1
  64. package/types/helpers/dndkit/hierarchy/types.d.ts +3 -3
  65. package/types/helpers/dndkit/tree/types.d.ts +3 -4
  66. package/types/helpers/dndkit/types.d.ts +2 -2
  67. package/types/helpers/refs-helpers.d.ts +1 -1
  68. package/types/parts/FilterBar/components/index.d.ts +0 -1
  69. package/types/parts/FilterBar/styled.d.ts +2 -2
  70. package/types/parts/Headers/HeaderCellGroup.d.ts +4 -3
  71. package/types/parts/Row.d.ts +2 -1
  72. package/types/styled.d.ts +19 -19
  73. package/types/types/props.d.ts +2 -2
  74. package/cjs/addons/Filters/Components/TextInputFilter/index.js +0 -92
  75. package/cjs/exported-related/Filters/textFilterFn.js +0 -14
  76. package/cjs/parts/FilterBar/components/TextPill.js +0 -42
  77. package/cjs/parts/HoC/DragOverlayContext.js +0 -11
  78. package/esm/addons/Filters/Components/TextInputFilter/index.js +0 -84
  79. package/esm/exported-related/Filters/textFilterFn.js +0 -10
  80. package/esm/parts/FilterBar/components/TextPill.js +0 -34
  81. package/esm/parts/HoC/DragOverlayContext.js +0 -7
  82. package/types/addons/Filters/Components/TextInputFilter/index.d.ts +0 -3
  83. package/types/exported-related/Filters/textFilterFn.d.ts +0 -2
  84. package/types/parts/FilterBar/components/TextPill.d.ts +0 -2
  85. 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 };
@@ -1,7 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- const DragOverlayContext = /*#__PURE__*/createContext({
4
- setPureDraggedJSX: () => null
5
- });
6
-
7
- export { DragOverlayContext };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FilterProps } from '../../../../types/props';
3
- export declare const TextInputFilter: React.ComponentType<FilterProps>;
@@ -1,2 +0,0 @@
1
- import { FilterFn } from './types';
2
- export declare const textFilterFn: FilterFn<string>;
@@ -1,2 +0,0 @@
1
- import { FilterPillComponent } from '../types';
2
- export declare const TextPill: FilterPillComponent<string>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type DragOverlayContextType = {
3
- setPureDraggedJSX: (PureJSX: JSX.Element) => void;
4
- };
5
- export declare const DragOverlayContext: import("react").Context<DragOverlayContextType>;
6
- export {};