virtua 0.30.4 → 0.31.0
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/README.md +30 -4
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +1 -1
- package/lib/index.mjs.map +1 -1
- package/lib/react/Virtualizer.d.ts +2 -0
- package/lib/react/WindowVirtualizer.d.ts +2 -0
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.mjs.map +1 -1
- package/lib/svelte/ListItem.svelte +42 -0
- package/lib/svelte/ListItem.svelte.d.ts +23 -0
- package/lib/svelte/VList.svelte +238 -0
- package/lib/svelte/VList.svelte.d.ts +91 -0
- package/lib/svelte/core.d.ts +45 -0
- package/lib/svelte/core.js +1 -0
- package/lib/svelte/index.d.ts +4 -0
- package/lib/svelte/index.js +4 -0
- package/lib/svelte/utils.d.ts +10 -0
- package/lib/svelte/utils.js +17 -0
- package/lib/vue/index.js.map +1 -1
- package/lib/vue/index.mjs.map +1 -1
- package/package.json +101 -82
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "virtua",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue and
|
|
3
|
+
"version": "0.31.0",
|
|
4
|
+
"description": "A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib/index.mjs",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -21,6 +21,11 @@
|
|
|
21
21
|
"types": "./lib/solid/index.d.ts",
|
|
22
22
|
"import": "./lib/solid/index.mjs",
|
|
23
23
|
"default": "./lib/solid/index.js"
|
|
24
|
+
},
|
|
25
|
+
"./svelte": {
|
|
26
|
+
"types": "./lib/svelte/index.d.ts",
|
|
27
|
+
"svelte": "./lib/svelte/index.js",
|
|
28
|
+
"default": "./lib/svelte/index.js"
|
|
24
29
|
}
|
|
25
30
|
},
|
|
26
31
|
"files": [
|
|
@@ -32,12 +37,14 @@
|
|
|
32
37
|
"tsc": "tsc -p . --noEmit",
|
|
33
38
|
"test": "vitest run --silent",
|
|
34
39
|
"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
|
|
40
|
+
"svelte-check": "svelte-check --tsconfig ./tsconfig.svelte.json",
|
|
35
41
|
"storybook": "storybook dev -p 6006",
|
|
36
42
|
"storybook:rtl": "STORYBOOK_RTL=1 npm run storybook",
|
|
37
43
|
"storybook:vue": "STORYBOOK_VUE=1 npm run storybook",
|
|
38
44
|
"storybook:solid": "STORYBOOK_SOLID=1 npm run storybook",
|
|
45
|
+
"storybook:svelte": "STORYBOOK_SVELTE=1 npm run storybook",
|
|
39
46
|
"storybook:build": "storybook build",
|
|
40
|
-
"storybook:deploy": "STORYBOOK_DEPLOY=1 npm run storybook:build && STORYBOOK_VUE=1 npm run storybook:build -- -o storybook-static/vue && STORYBOOK_SOLID=1 npm run storybook:build -- -o storybook-static/solid",
|
|
47
|
+
"storybook:deploy": "STORYBOOK_DEPLOY=1 npm run storybook:build && STORYBOOK_VUE=1 npm run storybook:build -- -o storybook-static/vue && STORYBOOK_SOLID=1 npm run storybook:build -- -o storybook-static/solid && STORYBOOK_SVELTE=1 npm run storybook:build -- -o storybook-static/svelte",
|
|
41
48
|
"storybook:test": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npm run storybook -- --no-open\" \"wait-on tcp:6006 && test-storybook\"",
|
|
42
49
|
"e2e": "npx playwright test",
|
|
43
50
|
"typedoc": "typedoc",
|
|
@@ -45,91 +52,99 @@
|
|
|
45
52
|
"prepublishOnly": "npm run typedoc && rimraf lib && npm run build"
|
|
46
53
|
},
|
|
47
54
|
"devDependencies": {
|
|
48
|
-
"@atlaskit/pragmatic-drag-and-drop": "1.1.6",
|
|
49
|
-
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "1.0.3",
|
|
50
|
-
"@atlaskit/pragmatic-drag-and-drop-hitbox": "1.0.3",
|
|
51
|
-
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "1.1.1",
|
|
52
|
-
"@babel/plugin-transform-react-pure-annotations": "7.23.3",
|
|
53
|
-
"@dnd-kit/core": "6.1.0",
|
|
54
|
-
"@dnd-kit/sortable": "8.0.0",
|
|
55
|
-
"@emotion/react": "11.10.8",
|
|
56
|
-
"@emotion/styled": "11.10.8",
|
|
57
|
-
"@faker-js/faker": "8.4.1",
|
|
58
|
-
"@formkit/auto-animate": "0.8.2",
|
|
59
|
-
"@mui/material": "5.15.15",
|
|
60
|
-
"@playwright/test": "1.41.1",
|
|
61
|
-
"@radix-ui/colors": "3.0.0",
|
|
62
|
-
"@radix-ui/react-icons": "1.3.0",
|
|
63
|
-
"@radix-ui/react-scroll-area": "1.0.5",
|
|
64
|
-
"@radix-ui/react-select": "2.0.0",
|
|
65
|
-
"@rollup/plugin-babel": "6.0.4",
|
|
66
|
-
"@rollup/plugin-terser": "0.4.4",
|
|
67
|
-
"@rollup/plugin-typescript": "11.1.6",
|
|
68
|
-
"@size-limit/preset-small-lib": "11.0.2",
|
|
69
|
-
"@storybook/addon-storysource": "8.0.9",
|
|
70
|
-
"@storybook/react": "8.0.9",
|
|
71
|
-
"@storybook/react-vite": "8.0.9",
|
|
72
|
-
"@storybook/source-loader": "8.0.9",
|
|
73
|
-
"@storybook/
|
|
74
|
-
"@storybook/
|
|
75
|
-
"@storybook/
|
|
76
|
-
"@
|
|
77
|
-
"@
|
|
78
|
-
"@
|
|
79
|
-
"@
|
|
80
|
-
"@
|
|
81
|
-
"@
|
|
82
|
-
"@types/
|
|
83
|
-
"@types/react
|
|
84
|
-
"@
|
|
85
|
-
"@
|
|
86
|
-
"@
|
|
87
|
-
"@
|
|
88
|
-
"@
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"eslint
|
|
96
|
-
"eslint-
|
|
97
|
-
"eslint-plugin-
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"react
|
|
105
|
-
"react-
|
|
106
|
-
"react-
|
|
107
|
-
"react-
|
|
108
|
-
"react-
|
|
109
|
-
"
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
"
|
|
55
|
+
"@atlaskit/pragmatic-drag-and-drop": "^1.1.6",
|
|
56
|
+
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.3",
|
|
57
|
+
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
|
|
58
|
+
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.1",
|
|
59
|
+
"@babel/plugin-transform-react-pure-annotations": "^7.23.3",
|
|
60
|
+
"@dnd-kit/core": "^6.1.0",
|
|
61
|
+
"@dnd-kit/sortable": "^8.0.0",
|
|
62
|
+
"@emotion/react": "^11.10.8",
|
|
63
|
+
"@emotion/styled": "^11.10.8",
|
|
64
|
+
"@faker-js/faker": "^8.4.1",
|
|
65
|
+
"@formkit/auto-animate": "^0.8.2",
|
|
66
|
+
"@mui/material": "^5.15.15",
|
|
67
|
+
"@playwright/test": "^1.41.1",
|
|
68
|
+
"@radix-ui/colors": "^3.0.0",
|
|
69
|
+
"@radix-ui/react-icons": "^1.3.0",
|
|
70
|
+
"@radix-ui/react-scroll-area": "^1.0.5",
|
|
71
|
+
"@radix-ui/react-select": "^2.0.0",
|
|
72
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
73
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
74
|
+
"@rollup/plugin-typescript": "^11.1.6",
|
|
75
|
+
"@size-limit/preset-small-lib": "^11.0.2",
|
|
76
|
+
"@storybook/addon-storysource": "^8.0.9",
|
|
77
|
+
"@storybook/react": "^8.0.9",
|
|
78
|
+
"@storybook/react-vite": "^8.0.9",
|
|
79
|
+
"@storybook/source-loader": "^8.0.9",
|
|
80
|
+
"@storybook/svelte": "^8.0.9",
|
|
81
|
+
"@storybook/svelte-vite": "^8.0.9",
|
|
82
|
+
"@storybook/test-runner": "^0.17.1--canary.445.f7d2785.0",
|
|
83
|
+
"@storybook/vue3": "^8.0.9",
|
|
84
|
+
"@storybook/vue3-vite": "^8.0.9",
|
|
85
|
+
"@sveltejs/vite-plugin-svelte": "^3.1.0",
|
|
86
|
+
"@tanstack/react-virtual": "^3.0.4",
|
|
87
|
+
"@testing-library/react": "^14.2.0",
|
|
88
|
+
"@testing-library/vue": "^8.0.2",
|
|
89
|
+
"@types/jsdom": "^21.1.6",
|
|
90
|
+
"@types/react": "^18.3.1",
|
|
91
|
+
"@types/react-beautiful-dnd": "^13.1.8",
|
|
92
|
+
"@types/react-virtualized": "^9.21.29",
|
|
93
|
+
"@types/react-window": "^1.8.8",
|
|
94
|
+
"@typescript-eslint/parser": "^6.20.0",
|
|
95
|
+
"@vitejs/plugin-react": "^4.2.1",
|
|
96
|
+
"@vitejs/plugin-vue": "^5.0.4",
|
|
97
|
+
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
|
98
|
+
"@vue/babel-plugin-jsx": "^1.2.2",
|
|
99
|
+
"babel-preset-solid": "^1.8.12",
|
|
100
|
+
"cmdk": "^1.0.0",
|
|
101
|
+
"concurrently": "^8.2.2",
|
|
102
|
+
"eslint": "^8.56.0",
|
|
103
|
+
"eslint-import-resolver-typescript": "^3.6.1",
|
|
104
|
+
"eslint-plugin-import": "^2.29.1",
|
|
105
|
+
"eslint-plugin-react-hooks": "^4.6.2",
|
|
106
|
+
"eslint-plugin-solid": "^0.14.0",
|
|
107
|
+
"eslint-plugin-vue": "^9.25.0",
|
|
108
|
+
"glob": "^10.3.12",
|
|
109
|
+
"jsdom": "^24.0.0",
|
|
110
|
+
"re-resizable": "^6.9.11",
|
|
111
|
+
"react": "^18.3.1",
|
|
112
|
+
"react-beautiful-dnd": "^13.1.1",
|
|
113
|
+
"react-content-loader": "^7.0.0",
|
|
114
|
+
"react-dom": "^18.3.1",
|
|
115
|
+
"react-is": "^18.3.1",
|
|
116
|
+
"react-merge-refs": "^2.1.1",
|
|
117
|
+
"react-virtualized": "^9.22.5",
|
|
118
|
+
"react-virtuoso": "^4.7.10",
|
|
119
|
+
"react-window": "^1.8.10",
|
|
120
|
+
"rimraf": "^5.0.5",
|
|
121
|
+
"rollup": "^4.17.2",
|
|
122
|
+
"rollup-plugin-banner2": "^1.2.3",
|
|
123
|
+
"size-limit": "^11.0.2",
|
|
124
|
+
"solid-js": "^1.8.17",
|
|
125
|
+
"storybook": "^8.0.9",
|
|
126
|
+
"storybook-solidjs": "^1.0.0-beta.2",
|
|
127
|
+
"storybook-solidjs-vite": "^1.0.0-beta.2",
|
|
128
|
+
"svelte": "^4.2.15",
|
|
129
|
+
"svelte-check": "^3.7.1",
|
|
130
|
+
"svelte2tsx": "^0.7.8",
|
|
131
|
+
"typedoc": "^0.25.13",
|
|
132
|
+
"typedoc-plugin-markdown": "^3.17.1",
|
|
133
|
+
"typedoc-plugin-vue": "^1.1.0",
|
|
134
|
+
"typescript": "^5.4.5",
|
|
135
|
+
"virtua": "^0.30.2",
|
|
122
136
|
"vite": "5.1.7",
|
|
123
|
-
"vite-plugin-solid": "2.10.2",
|
|
124
|
-
"vitest": "1.5.2",
|
|
125
|
-
"vue": "3.4.25",
|
|
126
|
-
"vue-eslint-parser": "9.4.2",
|
|
127
|
-
"wait-on": "7.2.0"
|
|
137
|
+
"vite-plugin-solid": "^2.10.2",
|
|
138
|
+
"vitest": "^1.5.2",
|
|
139
|
+
"vue": "^3.4.25",
|
|
140
|
+
"vue-eslint-parser": "^9.4.2",
|
|
141
|
+
"wait-on": "^7.2.0"
|
|
128
142
|
},
|
|
129
143
|
"peerDependencies": {
|
|
130
144
|
"react": ">=16.14.0",
|
|
131
145
|
"react-dom": ">=16.14.0",
|
|
132
146
|
"solid-js": ">=1.0",
|
|
147
|
+
"svelte": ">=4.0",
|
|
133
148
|
"vue": ">=3.2"
|
|
134
149
|
},
|
|
135
150
|
"peerDependenciesMeta": {
|
|
@@ -144,6 +159,9 @@
|
|
|
144
159
|
},
|
|
145
160
|
"solid-js": {
|
|
146
161
|
"optional": true
|
|
162
|
+
},
|
|
163
|
+
"svelte": {
|
|
164
|
+
"optional": true
|
|
147
165
|
}
|
|
148
166
|
},
|
|
149
167
|
"repository": {
|
|
@@ -155,6 +173,7 @@
|
|
|
155
173
|
"react-component",
|
|
156
174
|
"vue",
|
|
157
175
|
"solid",
|
|
176
|
+
"svelte",
|
|
158
177
|
"ui",
|
|
159
178
|
"headless",
|
|
160
179
|
"list",
|