@elliemae/ds-virtual-list 3.53.0-beta.0 → 3.53.0-beta.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.
|
@@ -32,10 +32,10 @@ __export(useVirtualList_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
module.exports = __toCommonJS(useVirtualList_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
+
var import_react_virtual = require("@tanstack/react-virtual");
|
|
35
37
|
var import_react = __toESM(require("react"));
|
|
36
38
|
var import_uid = require("uid");
|
|
37
|
-
var import_react_virtual = require("@tanstack/react-virtual");
|
|
38
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
39
|
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
40
40
|
var import_useValidateProps = require("./useValidateProps.js");
|
|
41
41
|
const estimateSize = () => 50;
|
|
@@ -63,13 +63,13 @@ const useVirtualListV3 = (propsFromUser) => {
|
|
|
63
63
|
const instanceUid = import_react.default.useMemo(() => `ds-virtual-list-${(0, import_uid.uid)(6)}`, []);
|
|
64
64
|
return import_react.default.useMemo(
|
|
65
65
|
() => ({
|
|
66
|
+
instanceUid,
|
|
67
|
+
filteredChildren,
|
|
68
|
+
propsWithDefault,
|
|
66
69
|
parentRef,
|
|
67
70
|
getVirtualItems: useVirtualHelpers.getVirtualItems,
|
|
68
|
-
filteredChildren,
|
|
69
71
|
totalSize,
|
|
70
|
-
|
|
71
|
-
measureElement: useVirtualHelpers.measureElement,
|
|
72
|
-
propsWithDefault
|
|
72
|
+
measureElement: useVirtualHelpers.measureElement
|
|
73
73
|
}),
|
|
74
74
|
[
|
|
75
75
|
useVirtualHelpers.getVirtualItems,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useVirtualList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,
|
|
4
|
+
"sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { DSVirtualListPropTypes, defaultProps, type DSVirtualListT } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nconst estimateSize = () => 50;\n\nexport type VirtualListCTX = {\n instanceUid: string;\n filteredChildren: React.ReactNode[];\n propsWithDefault: DSVirtualListT.InternalProps;\n parentRef: React.MutableRefObject<HTMLDivElement | null>;\n getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];\n totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;\n measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];\n};\nexport const useVirtualListV3 = (propsFromUser: DSVirtualListT.Props): VirtualListCTX => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSVirtualListT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSVirtualListPropTypes);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n const { children, actionRef } = propsWithDefault;\n const parentRef = React.useRef<HTMLDivElement>(null);\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child !== undefined && child !== null),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtualizer({\n count: filteredChildren.length,\n getScrollElement: () => parentRef.current,\n overscan: 15,\n estimateSize,\n });\n const totalSize = useVirtualHelpers.getTotalSize();\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n const instanceUid = React.useMemo(() => `ds-virtual-list-${uid(6)}`, []);\n return React.useMemo(\n () => ({\n instanceUid,\n filteredChildren,\n propsWithDefault,\n parentRef,\n getVirtualItems: useVirtualHelpers.getVirtualItems,\n totalSize,\n measureElement: useVirtualHelpers.measureElement,\n }),\n [\n useVirtualHelpers.getVirtualItems,\n useVirtualHelpers.measureElement,\n filteredChildren,\n totalSize,\n instanceUid,\n propsWithDefault,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAC7C,2BAAiD;AACjD,mBAAkB;AAClB,iBAAoB;AACpB,mCAA0E;AAC1E,8BAAiC;AAEjC,MAAM,eAAe,MAAM;AAWpB,MAAM,mBAAmB,CAAC,kBAAwD;AAIvF,QAAM,uBAAmB,sDAA2D,eAAe,yCAAY;AAC/G,gDAAiB,kBAAkB,mDAAsB;AAIzD,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,YAAY,aAAAA,QAAM,OAAuB,IAAI;AACnD,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,UAAU,UAAU,UAAa,UAAU,IAAI;AAAA,IAC9F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,wBAAoB,qCAAe;AAAA,IACvC,OAAO,iBAAiB;AAAA,IACxB,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,uBAAmB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AACvE,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
3
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
2
4
|
import React2 from "react";
|
|
3
5
|
import { uid } from "uid";
|
|
4
|
-
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
5
|
-
import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
6
6
|
import { DSVirtualListPropTypes, defaultProps } from "../react-desc-prop-types.js";
|
|
7
7
|
import { useValidateProps } from "./useValidateProps.js";
|
|
8
8
|
const estimateSize = () => 50;
|
|
@@ -30,13 +30,13 @@ const useVirtualListV3 = (propsFromUser) => {
|
|
|
30
30
|
const instanceUid = React2.useMemo(() => `ds-virtual-list-${uid(6)}`, []);
|
|
31
31
|
return React2.useMemo(
|
|
32
32
|
() => ({
|
|
33
|
+
instanceUid,
|
|
34
|
+
filteredChildren,
|
|
35
|
+
propsWithDefault,
|
|
33
36
|
parentRef,
|
|
34
37
|
getVirtualItems: useVirtualHelpers.getVirtualItems,
|
|
35
|
-
filteredChildren,
|
|
36
38
|
totalSize,
|
|
37
|
-
|
|
38
|
-
measureElement: useVirtualHelpers.measureElement,
|
|
39
|
-
propsWithDefault
|
|
39
|
+
measureElement: useVirtualHelpers.measureElement
|
|
40
40
|
}),
|
|
41
41
|
[
|
|
42
42
|
useVirtualHelpers.getVirtualItems,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useVirtualList.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { DSVirtualListPropTypes, defaultProps, type DSVirtualListT } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nconst estimateSize = () => 50;\n\nexport type VirtualListCTX = {\n instanceUid: string;\n filteredChildren: React.ReactNode[];\n propsWithDefault: DSVirtualListT.InternalProps;\n parentRef: React.MutableRefObject<HTMLDivElement | null>;\n getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];\n totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;\n measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];\n};\nexport const useVirtualListV3 = (propsFromUser: DSVirtualListT.Props): VirtualListCTX => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSVirtualListT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSVirtualListPropTypes);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n const { children, actionRef } = propsWithDefault;\n const parentRef = React.useRef<HTMLDivElement>(null);\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child !== undefined && child !== null),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtualizer({\n count: filteredChildren.length,\n getScrollElement: () => parentRef.current,\n overscan: 15,\n estimateSize,\n });\n const totalSize = useVirtualHelpers.getTotalSize();\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n const instanceUid = React.useMemo(() => `ds-virtual-list-${uid(6)}`, []);\n return React.useMemo(\n () => ({\n instanceUid,\n filteredChildren,\n propsWithDefault,\n parentRef,\n getVirtualItems: useVirtualHelpers.getVirtualItems,\n totalSize,\n measureElement: useVirtualHelpers.measureElement,\n }),\n [\n useVirtualHelpers.getVirtualItems,\n useVirtualHelpers.measureElement,\n filteredChildren,\n totalSize,\n instanceUid,\n propsWithDefault,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,sBAAwC;AACjD,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,wBAAwB,oBAAyC;AAC1E,SAAS,wBAAwB;AAEjC,MAAM,eAAe,MAAM;AAWpB,MAAM,mBAAmB,CAAC,kBAAwD;AAIvF,QAAM,mBAAmB,6BAA2D,eAAe,YAAY;AAC/G,mBAAiB,kBAAkB,sBAAsB;AAIzD,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,YAAYA,OAAM,OAAuB,IAAI;AACnD,QAAM,mBAAmBA,OAAM;AAAA,IAC7B,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,UAAU,UAAU,UAAa,UAAU,IAAI;AAAA,IAC9F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,oBAAoB,eAAe;AAAA,IACvC,OAAO,iBAAiB;AAAA,IACxB,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAcA,OAAM,QAAQ,MAAM,mBAAmB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AACvE,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,21 +1,13 @@
|
|
|
1
|
+
import { type Virtualizer } from '@tanstack/react-virtual';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { type DSVirtualListT } from '../react-desc-prop-types.js';
|
|
3
|
-
interface VirtualItem {
|
|
4
|
-
key: string | number;
|
|
5
|
-
index: number;
|
|
6
|
-
start: number;
|
|
7
|
-
end: number;
|
|
8
|
-
size: number;
|
|
9
|
-
}
|
|
10
|
-
type MeasureElement = ((element: HTMLElement) => number) | ((node: Element | null) => void);
|
|
11
4
|
export type VirtualListCTX = {
|
|
12
|
-
parentRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
13
|
-
getVirtualItems: () => VirtualItem[];
|
|
14
|
-
filteredChildren: React.ReactNode[];
|
|
15
|
-
totalSize: number;
|
|
16
5
|
instanceUid: string;
|
|
17
|
-
|
|
6
|
+
filteredChildren: React.ReactNode[];
|
|
18
7
|
propsWithDefault: DSVirtualListT.InternalProps;
|
|
8
|
+
parentRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
9
|
+
getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];
|
|
10
|
+
totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;
|
|
11
|
+
measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];
|
|
19
12
|
};
|
|
20
13
|
export declare const useVirtualListV3: (propsFromUser: DSVirtualListT.Props) => VirtualListCTX;
|
|
21
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-virtual-list",
|
|
3
|
-
"version": "3.53.0-beta.
|
|
3
|
+
"version": "3.53.0-beta.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Virtual List",
|
|
6
6
|
"files": [
|
|
@@ -36,19 +36,19 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@tanstack/react-virtual": "3.
|
|
39
|
+
"@tanstack/react-virtual": "3.13.9",
|
|
40
40
|
"@xstyled/system": "~3.7.3",
|
|
41
41
|
"uid": "^2.0.1",
|
|
42
|
-
"@elliemae/ds-props-helpers": "3.53.0-beta.
|
|
43
|
-
"@elliemae/ds-system": "3.53.0-beta.
|
|
44
|
-
"@elliemae/ds-typescript-helpers": "3.53.0-beta.
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.53.0-beta.10",
|
|
43
|
+
"@elliemae/ds-system": "3.53.0-beta.10",
|
|
44
|
+
"@elliemae/ds-typescript-helpers": "3.53.0-beta.10"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
47
|
+
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
48
48
|
"jest": "~29.7.0",
|
|
49
49
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.53.0-beta.
|
|
51
|
-
"@elliemae/ds-test-utils": "3.53.0-beta.
|
|
50
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-beta.10",
|
|
51
|
+
"@elliemae/ds-test-utils": "3.53.0-beta.10"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"lodash-es": "^4.17.21",
|