Swap with @faker-js/faker, update imports (#1421)

* Swap with @faker-js/faker, update imports

* Bump node engine version to 14+

* Update imports based on PR feedback from faker-js maintainers

* Update faker to beta version

* Simplify faker imports, but use named import vs. default for future-proofing

* Update to non-beta version of faker

* Rerun CI

Author: brandongregoryscott

.github/workflows/ci.yml

@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node_version: [12]
+        node_version: [14.18]
     steps:
       - uses: actions/checkout@master
       - uses: actions/setup-node@v1

.nvmrc

@@ -1 +1 @@
-12.20
+14.18

package.json

@@ -53,7 +53,7 @@
     "chromatic": "npx chromatic"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=14"
   },
   "dependencies": {
     "@babel/runtime": "^7.1.2",
@@ -92,6 +92,7 @@
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
     "@blueprintjs/icons": "^3.31.0",
+    "@faker-js/faker": "^6.1.2",
     "@reactions/component": "^2.0.2",
     "@rollup/plugin-babel": "^5.2.1",
     "@rollup/plugin-commonjs": "^15.1.0",
@@ -123,7 +124,6 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-sort-destructure-keys": "^1.3.5",
     "eslint-plugin-standard": "4.0.0",
-    "faker": "^5.5.3",
     "file-loader": "^6.0.0",
     "fs-extra": "^7.0.0",
     "husky": "^4.0.10",

src/badges/stories/index.stories.js

@@ -1,6 +1,6 @@
 import React from 'react'
+import { faker } from '@faker-js/faker'
 import { storiesOf } from '@storybook/react'
-import faker from 'faker'
 import Box from 'ui-box'
 import { Badge, Pill } from '..'
 import { ThemeConsumer } from '../../theme'

src/file-uploader/__tests__/FileCard.test.js

@@ -1,6 +1,6 @@
 import React from 'react'
+import { faker } from '@faker-js/faker'
 import { render, screen } from '@testing-library/react'
-import faker from 'faker'
 import humanize from 'humanize-plus'
 import { MimeType } from '../../constants'
 import FileCard from '../src/FileCard'

src/file-uploader/__tests__/FileUploader.test.js

@@ -1,6 +1,6 @@
 import React from 'react'
+import { faker } from '@faker-js/faker'
 import { render, screen, fireEvent, cleanup } from '@testing-library/react'
-import faker from 'faker'
 import { Key, MimeType } from '../../constants'
 import { buildFiles } from '../../test/utils'
 import FileUploader from '../src/FileUploader'

src/lib/__tests__/array-to-csv.test.js

@@ -1,4 +1,4 @@
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import arrayToCsv from '../array-to-csv'
 
 describe('arrayToCsv', () => {

src/table/stories/EditableTable.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { Table } from '..'
 import { Pane } from '../../layers'
 import { SegmentedControl } from '../../segmented-control'

src/table/stories/VirtualTable.js

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { Table } from '..'
 import { Pane } from '../../layers'
 import { minorScale } from '../../scales'

src/table/stories/index.stories.js

@@ -1,7 +1,7 @@
 import React from 'react'
+import { faker } from '@faker-js/faker'
 import Component from '@reactions/component'
 import { storiesOf } from '@storybook/react'
-import faker from 'faker'
 import Box from 'ui-box'
 import { Table } from '..'
 import { Pane } from '../../layers'