@elliemae/ds-virtual-list 2.4.2-rc.9 → 2.4.3-rc.10
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/parts/List.js +4 -5
- package/cjs/props.js +4 -1
- package/esm/parts/List.js +4 -5
- package/esm/props.js +4 -1
- package/package.json +2 -2
package/cjs/parts/List.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _jsx2 = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
7
|
require('core-js/modules/esnext.iterator.map.js');
|
|
9
8
|
var React = require('react');
|
|
@@ -33,14 +32,14 @@ const List = props => {
|
|
|
33
32
|
start
|
|
34
33
|
} = virtualItem;
|
|
35
34
|
const style = {
|
|
36
|
-
transform:
|
|
35
|
+
transform: `translateY(${start}px)`
|
|
37
36
|
};
|
|
38
37
|
return /*#__PURE__*/jsxRuntime.jsx(styled.VirtualItemStyled, {
|
|
39
38
|
ref: measureRef,
|
|
40
39
|
style: style,
|
|
41
40
|
role: "listitem",
|
|
42
41
|
children: filteredChildren[index]
|
|
43
|
-
},
|
|
42
|
+
}, `ds-virtual-list-item-${uid.uid(6)}`);
|
|
44
43
|
}), [filteredChildren, virtualItems]);
|
|
45
44
|
React__default["default"].useEffect(() => {
|
|
46
45
|
setDynamicRerenderWorkaround(uid.uid(6));
|
|
@@ -50,9 +49,9 @@ const List = props => {
|
|
|
50
49
|
"data-testid": VirtualListDataTestID.LIST_DATA_TESTID.CONTAINER,
|
|
51
50
|
role: "list",
|
|
52
51
|
children: /*#__PURE__*/_jsx2__default["default"](styled.StyledVirtualList, {
|
|
53
|
-
height:
|
|
52
|
+
height: `${totalSize}px`
|
|
54
53
|
}, void 0, virtualChildren)
|
|
55
|
-
},
|
|
54
|
+
}, `ds-virtual-list-${dynamicRerenderWorkaround}`);
|
|
56
55
|
};
|
|
57
56
|
|
|
58
57
|
exports.List = List;
|
package/cjs/props.js
CHANGED
|
@@ -12,7 +12,10 @@ const DSVirtualListSchema = {
|
|
|
12
12
|
children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.node).description('Children list').defaultValue([]),
|
|
13
13
|
actionRef: reactDesc.PropTypes.shape({
|
|
14
14
|
current: reactDesc.PropTypes.shape(actionRef)
|
|
15
|
-
}).description(
|
|
15
|
+
}).description(`Action reference
|
|
16
|
+
|
|
17
|
+
scrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void
|
|
18
|
+
`)
|
|
16
19
|
};
|
|
17
20
|
const defaultProps = {
|
|
18
21
|
children: [],
|
package/esm/parts/List.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _jsx2 from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
2
|
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
4
3
|
import 'core-js/modules/esnext.iterator.map.js';
|
|
5
4
|
import React from 'react';
|
|
@@ -24,14 +23,14 @@ const List = props => {
|
|
|
24
23
|
start
|
|
25
24
|
} = virtualItem;
|
|
26
25
|
const style = {
|
|
27
|
-
transform:
|
|
26
|
+
transform: `translateY(${start}px)`
|
|
28
27
|
};
|
|
29
28
|
return /*#__PURE__*/jsx(VirtualItemStyled, {
|
|
30
29
|
ref: measureRef,
|
|
31
30
|
style: style,
|
|
32
31
|
role: "listitem",
|
|
33
32
|
children: filteredChildren[index]
|
|
34
|
-
},
|
|
33
|
+
}, `ds-virtual-list-item-${uid(6)}`);
|
|
35
34
|
}), [filteredChildren, virtualItems]);
|
|
36
35
|
React.useEffect(() => {
|
|
37
36
|
setDynamicRerenderWorkaround(uid(6));
|
|
@@ -41,9 +40,9 @@ const List = props => {
|
|
|
41
40
|
"data-testid": LIST_DATA_TESTID.CONTAINER,
|
|
42
41
|
role: "list",
|
|
43
42
|
children: /*#__PURE__*/_jsx2(StyledVirtualList, {
|
|
44
|
-
height:
|
|
43
|
+
height: `${totalSize}px`
|
|
45
44
|
}, void 0, virtualChildren)
|
|
46
|
-
},
|
|
45
|
+
}, `ds-virtual-list-${dynamicRerenderWorkaround}`);
|
|
47
46
|
};
|
|
48
47
|
|
|
49
48
|
export { List };
|
package/esm/props.js
CHANGED
|
@@ -8,7 +8,10 @@ const DSVirtualListSchema = {
|
|
|
8
8
|
children: PropTypes.arrayOf(PropTypes.node).description('Children list').defaultValue([]),
|
|
9
9
|
actionRef: PropTypes.shape({
|
|
10
10
|
current: PropTypes.shape(actionRef)
|
|
11
|
-
}).description(
|
|
11
|
+
}).description(`Action reference
|
|
12
|
+
|
|
13
|
+
scrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void
|
|
14
|
+
`)
|
|
12
15
|
};
|
|
13
16
|
const defaultProps = {
|
|
14
17
|
children: [],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-virtual-list",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.3-rc.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Virtual List",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@elliemae/ds-props-helpers": "2.4.
|
|
59
|
+
"@elliemae/ds-props-helpers": "2.4.3-rc.10",
|
|
60
60
|
"prop-types": "~15.7.2",
|
|
61
61
|
"react-desc": "~4.1.3",
|
|
62
62
|
"react-virtual": "~2.8.2",
|