Merge pull request #787 from ppiyush13/audit-fix

chore: resolve yarn audit issues
petyosi · Nov 16, 2022 · fbaa3f5 · fbaa3f5
2 parents 7b9cfba + 0113d59
commit fbaa3f5
Show file tree

Hide file tree

Showing 15 changed files with 2,032 additions and 3,450 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,4 +5,4 @@ node_modules
 dist
 examples/__examples.jsx
 examples/__examples.html
-
+.parcel-cache
diff --git a/e2e/grid-scroll-seek-placeholder.test.ts b/e2e/grid-scroll-seek-placeholder.test.ts
@@ -15,7 +15,7 @@ test.describe('list with scroll seek placeholders', () => {
       }, 10)
     })
 
-    await page.waitForTimeout(200)
+    await page.waitForSelector('#test-root div[aria-label=placeholder]')
 
     const [width, height, containerPaddingTop, text, color] = await page.evaluate(() => {
       const container = document.querySelector('#test-root > div > div:first-child > div') as HTMLElement

diff --git a/e2e/initial-scroll-top.test.ts b/e2e/initial-scroll-top.test.ts
@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test.describe('initial scroll top', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto('http://localhost:1234/initial-scroll-top')
-    await page.waitForTimeout(1000) // :(
+    await page.waitForSelector('#test-root > div')
   })
 
   test('starts from 50px', async ({ page }) => {

diff --git a/e2e/scroll-seek-placeholder.test.ts b/e2e/scroll-seek-placeholder.test.ts
@@ -15,7 +15,7 @@ test.describe('list with scroll seek placeholders', () => {
       }, 10)
     })
 
-    await page.waitForTimeout(200)
+    await page.waitForSelector('#test-root div[aria-label=placeholder]')
 
     const color = await page.evaluate(() => {
       const stickyItem = document.querySelector('#test-root > div > div:first-child > div > div') as HTMLElement

diff --git a/examples/auto-prepend-items.tsx b/examples/auto-prepend-items.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react'
 import * as React from 'react'
 import { Virtuoso } from '../src'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 
 function toggleBg(index: number) {
   return index % 2 ? 'var(--ifm-background-color)' : 'var(--ifm-color-emphasis-200)'

diff --git a/examples/chat.tsx b/examples/chat.tsx
@@ -2,7 +2,7 @@ import { useRef, useState } from 'react'
 import * as React from 'react'
 import styled from '@emotion/styled'
 import { Virtuoso } from '../src/'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 
 interface BubbleProps {
   text: string

diff --git a/examples/generate-examples.mjs b/examples/generate-examples.mjs
@@ -87,7 +87,7 @@ const htmlCode = `
   </head>
   <body>
     <div id="root"></div>
-    <script src="./__examples.jsx"></script>
+    <script type="module" src="./__examples.jsx"></script>
   </body>
 </html>
 `

diff --git a/examples/grid-scroll-seek-placeholder.tsx b/examples/grid-scroll-seek-placeholder.tsx
@@ -32,7 +32,11 @@ export default function App() {
       components={{
         Item: ItemContainer,
         List: ListContainer,
-        ScrollSeekPlaceholder: ({ index, width, height }) => <div style={{ height, width, color: 'red' }}>Placeholder {index}</div>,
+        ScrollSeekPlaceholder: ({ index, width, height }) => (
+          <div aria-label="placeholder" style={{ height, width, color: 'red' }}>
+            Placeholder {index}
+          </div>
+        ),
       }}
     />
   )

diff --git a/examples/grouped-endless-scrolling.tsx b/examples/grouped-endless-scrolling.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Components, GroupedVirtuoso } from '../src'
 import { useMemo, useRef, useState, useEffect, useCallback } from 'react'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { groupBy } from 'lodash'
 
 const getUser = () => {

diff --git a/examples/grouped-load-more.tsx b/examples/grouped-load-more.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Components, GroupedVirtuoso } from '../src'
 import { useMemo, useRef, useState, useEffect } from 'react'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { groupBy } from 'lodash'
 
 const getUser = () => {

diff --git a/examples/prepend-as-you-scroll.tsx b/examples/prepend-as-you-scroll.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Virtuoso } from '../src'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { useState, useCallback } from 'react'
 
 const generated: Array<ReturnType<typeof user>> = []

diff --git a/examples/scroll-seek-placeholder.tsx b/examples/scroll-seek-placeholder.tsx
@@ -13,7 +13,11 @@ export default function App() {
         exit: (velocity) => Math.abs(velocity) < 30,
       }}
       components={{
-        ScrollSeekPlaceholder: ({ height, index }) => <div style={{ height, color: 'red' }}>Placeholder {index}</div>,
+        ScrollSeekPlaceholder: ({ height, index }) => (
+          <div aria-label="placeholder" style={{ height, color: 'red' }}>
+            Placeholder {index}
+          </div>
+        ),
       }}
     />
   )

diff --git a/package.json b/package.json
@@ -52,14 +52,13 @@
     "@commitlint/config-conventional": "^12.1.4",
     "@emotion/core": "^10.1.0",
     "@emotion/styled": "^10.0.27",
+    "@faker-js/faker": "^7.6.0",
     "@microsoft/api-extractor": "^7.25.0",
     "@playwright/test": "^1.27.1",
     "@testing-library/react": "^13.4.0",
-    "@types/faker": "^5.1.4",
     "@types/jest": "^26.0.20",
     "@types/jsdom": "^16.2.3",
     "@types/lodash": "^4.14.165",
-    "@types/parcel-bundler": "^1.12.1",
     "@types/react": "^18.0.5",
     "@types/react-beautiful-dnd": "^13.0.0",
     "@types/react-dom": "^18.0.1",
@@ -80,24 +79,23 @@
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-react-hooks": "^4.0.8",
-    "faker": "^5.1.0",
     "husky": "^6.0.0",
     "jest": "^26.6.3",
     "jsdom": "^16.4.0",
     "lodash": "^4.17.21",
-    "microbundle": "^0.13.0",
-    "parcel": "^1.12.4",
-    "parcel-bundler": "^1.12.4",
+    "microbundle": "^0.15.1",
+    "parcel": "^2.8.0",
     "playwright": "^1.27.1",
     "prettier": "^2.2.1",
+    "process": "^0.11.10",
     "react": "^18.0.0",
     "react-beautiful-dnd": "^13.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^5.2.0",
     "react-table": "^7.7.0",
     "react-test-renderer": "^16.13.1",
     "rollup-plugin-dts": "^4.2.0",
-    "semantic-release": "^17.3.0",
+    "semantic-release": "^19.0.5",
     "ts-jest": "^26.5.1",
     "tslib": "^2.0.0",
     "typescript": "^4.4.2"

diff --git a/site/docusaurus-sandpack/src/theme/CodeBlock/index.jsx b/site/docusaurus-sandpack/src/theme/CodeBlock/index.jsx
@@ -4,7 +4,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
 import './style.css'
 
 const dataCode = `
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { groupBy } from 'lodash'
 import React from 'react'