Dependency updates (minor version bumps) (#1701)

Luke Bowerman · web-flow · commit 470e5884a9e8 · 2020-12-11T09:10:47.000-08:00
- Storybook - Gatsby - Babel + related packages - popper.js/core - uuid - @types - tabbable - polished - eslint and lint standards - prettier - webpack-bundle-analyzer - Minor test fixes to make lints happy - Tweak to action name
diff --git a/.github/workflows/pullrequest.yml b/.github/workflows/pullrequest.yml
@@ -20,7 +20,7 @@ jobs:
     env:
       CI: true
   build:
-    name: "ES modules & Typescript"
+    name: "Build: ES & Typescript"
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
@@ -44,8 +44,8 @@ jobs:
       - run : yarn --silent
       - run: yarn workspace storybook build
   image-snapshots:
-    if: false # Disabled until snapshot issues can be resolved
     name: "Image Snapshots"
+    if: false # Disabled until snapshot issues can be resolved
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
diff --git a/package.json b/package.json
@@ -52,35 +52,35 @@
     "image-snapshots-update": "rm -rf packages/*/snapshots && yarn image-snapshots"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.7",
-    "@babel/core": "^7.12.7",
+    "@babel/cli": "^7.12.10",
+    "@babel/core": "^7.12.10",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
     "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
     "@babel/plugin-proposal-optional-chaining": "^7.12.7",
-    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "7.12.7",
+    "@babel/preset-env": "^7.12.10",
+    "@babel/preset-react": "7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@babel/runtime": "^7.12.5",
     "@babel/runtime-corejs3": "^7.12.5",
     "@testing-library/jest-dom": "^5.11.6",
     "@types/jest-image-snapshot": "^4.1.3",
-    "@types/node": "^14.14.9",
-    "babel-plugin-styled-components": "^1.11.1",
-    "core-js": "^3.7.0",
+    "@types/node": "^14.14.12",
+    "babel-plugin-styled-components": "1.12.0",
+    "core-js": "^3.8.1",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
-    "eslint": "^7.13.0",
+    "eslint": "^7.15.0",
     "jest": "^26.6.3",
     "jest-canvas-mock": "^2.3.0",
     "jest-image-snapshot": "^4.2.0",
     "jest-styled-components": "^7.0.3",
     "lerna": "^3.22.1",
-    "lint-staged": "^10.5.1",
+    "lint-staged": "^10.5.3",
     "node-fetch": "2.6.1",
     "npm-run-all": "^4.1.5",
     "pre-commit": "1.2.2",
-    "prettier": "2.2.0",
+    "prettier": "2.2.1",
     "puppeteer": "5.5.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
@@ -92,6 +92,7 @@
   },
   "resolutions": {
     "eslint-plugin-react-hooks": "4.2.0",
+    "highlight.js": "10.4.1",
     "node-fetch": "2.6.1",
     "node-forge": "0.10.0",
     "prismjs": "1.22.0",
diff --git a/packages/components-providers/package.json b/packages/components-providers/package.json
@@ -18,12 +18,12 @@
   "dependencies": {
     "@looker/design-tokens": "^0.9.25",
     "lodash": "^4.17.20",
-    "tabbable": "^5.1.3"
+    "tabbable": "^5.1.4"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.165",
     "@types/react": "^16.9.56",
-    "@types/styled-components": "^5.1.4",
+    "@types/styled-components": "^5.1.5",
     "react": "^16.14.0",
     "react-is": "^16.13.1",
     "styled-components": "^5.2.1"
diff --git a/packages/components-test-utils/package.json b/packages/components-test-utils/package.json
@@ -19,7 +19,7 @@
     "@looker/components-providers": "^0.9.25",
     "@testing-library/react": "^11.2.2",
     "@types/enzyme": "^3.10.8",
-    "@types/jest": "^26.0.15",
+    "@types/jest": "^26.0.19",
     "@types/react": "^16.9.56",
     "@types/react-test-renderer": "^16.9.3",
     "enzyme": "^3.11.0",
diff --git a/packages/components-theme-editor/package.json b/packages/components-theme-editor/package.json
@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@types/react": "^16.9.56",
-    "@types/styled-components": "^5.1.4",
+    "@types/styled-components": "^5.1.5",
     "react": "^16.14.0",
     "react-is": "^16.13.1",
     "styled-components": "^5.2.1"
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -23,7 +23,7 @@
     "@looker/components-providers": "^0.9.25",
     "@looker/design-tokens": "^0.9.25",
     "@looker/icons": "^0.9.23",
-    "@popperjs/core": "^2.5.3",
+    "@popperjs/core": "^2.5.4",
     "d3-color": "^2.0.0",
     "d3-hsv": "^0.1.0",
     "date-fns": "^2.16.1",
@@ -35,12 +35,12 @@
     "react-resize-detector": "^5.2.0",
     "resize-observer-polyfill": "^1.5.1",
     "styled-system": "^5.1.5",
-    "uuid": "^8.3.1"
+    "uuid": "^8.3.2"
   },
   "devDependencies": {
     "@looker/components-test-utils": "^0.9.25",
-    "@storybook/addon-storyshots": "^6.1.1",
-    "@storybook/react": "^6.1.1",
+    "@storybook/addon-storyshots": "^6.1.10",
+    "@storybook/react": "^6.1.10",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.5.0",
@@ -50,14 +50,14 @@
     "@types/react": "^16.9.56",
     "@types/react-dom": "^16.9.9",
     "@types/react-resize-detector": "^5.0.0",
-    "@types/styled-components": "^5.1.4",
+    "@types/styled-components": "^5.1.5",
     "@types/uuid": "^8.3.0",
     "csstype": "^3.0.5",
     "jest-styled-components": "^7.0.3",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-is": "^16.13.1",
-    "storybook": "^6.1.1",
+    "storybook": "^6.1.10",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
diff --git a/packages/components/src/Button/IconButton.test.tsx b/packages/components/src/Button/IconButton.test.tsx
@@ -97,8 +97,8 @@ describe('IconButton', () => {
     const label = 'Mark as my Favorite'
     renderWithTheme(<IconButton label={label} icon="Favorite" />)
 
-    const notTooltip = screen.getAllByText(label)
-    expect(notTooltip).toHaveLength(1) // accessibility text
+    const notTooltip = screen.getByText(label)
+    expect(notTooltip).toBeInTheDocument() // accessibility text
 
     const icon = screen.getByText(label)
     fireEvent.mouseOver(icon)
diff --git a/packages/components/src/Dialog/Confirm/Confirm.test.tsx b/packages/components/src/Dialog/Confirm/Confirm.test.tsx
@@ -72,7 +72,7 @@ test('<Confirm/> with defaults', async () => {
 
   fireEvent.click(getByText('Cancel'))
   await waitForElementToBeRemoved(() => queryByText(requiredProps.title))
-  expect(queryByText(requiredProps.title)).toBeNull()
+  expect(queryByText(requiredProps.title)).not.toBeInTheDocument()
 })
 
 test('<Confirm/> with custom props', () => {
diff --git a/packages/components/src/Dialog/Layout/DialogHeader.test.tsx b/packages/components/src/Dialog/Layout/DialogHeader.test.tsx
@@ -54,11 +54,11 @@ describe('DialogHeader', () => {
   test(`detail`, async () => {
     renderWithTheme(<DialogHeader detail="Hello world">Header</DialogHeader>)
     expect(await screen.findByText('Hello world')).toBeTruthy()
-    expect(screen.queryByLabelText('Close')).toBeNull()
+    expect(screen.queryByLabelText('Close')).not.toBeInTheDocument()
   })
 
   test('hideClose', () => {
     renderWithTheme(<DialogHeader hideClose>Heading</DialogHeader>)
-    expect(screen.queryByLabelText('Close')).toBeNull()
+    expect(screen.queryByLabelText('Close')).not.toBeInTheDocument()
   })
 })
diff --git a/packages/components/src/Dialog/Prompt/Prompt.test.tsx b/packages/components/src/Dialog/Prompt/Prompt.test.tsx
@@ -81,8 +81,8 @@ test('<Prompt/> with defaults', async () => {
   expect(onSaveCallback).toHaveBeenCalledTimes(1)
 
   await waitForElementToBeRemoved(() => queryByText(requiredProps.inputLabel))
-  expect(queryByText(requiredProps.inputLabel)).toBeNull()
-  expect(queryByText(requiredProps.title)).toBeNull()
+  expect(queryByText(requiredProps.inputLabel)).not.toBeInTheDocument()
+  expect(queryByText(requiredProps.title)).not.toBeInTheDocument()
 })
 
 test('<Prompt/> with custom props', () => {
diff --git a/packages/components/src/Form/Inputs/Combobox/helpers.test.tsx b/packages/components/src/Form/Inputs/Combobox/helpers.test.tsx
@@ -65,7 +65,7 @@ describe('Combobox helpers', () => {
 
     closeCombobox()
 
-    expect(screen.queryByText('Foo')).toBeNull()
+    expect(screen.queryByText('Foo')).not.toBeInTheDocument()
   })
 
   test('getComboboxOptions returns the expected number of options for an open Combobox', () => {
diff --git a/packages/components/src/Form/Inputs/InputSearch/InputSearch.test.tsx b/packages/components/src/Form/Inputs/InputSearch/InputSearch.test.tsx
@@ -138,7 +138,7 @@ describe('InputSearch', () => {
       renderWithTheme(<InputSearch options={options} placeholder="type here" />)
       const input = screen.getByPlaceholderText('type here')
       fireEvent.click(input)
-      expect(screen.queryAllByRole('option')).toHaveLength(0)
+      expect(screen.queryByRole('option')).not.toBeInTheDocument()
 
       fireEvent.change(input, { target: { value: 'F' } })
       expect(input).toHaveDisplayValue('F')
diff --git a/packages/components/src/Form/Inputs/InputText/InputText.test.tsx b/packages/components/src/Form/Inputs/InputText/InputText.test.tsx
@@ -97,12 +97,9 @@ describe('InputText', () => {
   })
 
   test('with an error validation', () => {
-    const { getAllByTitle, getByPlaceholderText } = renderWithTheme(
-      <InputText placeholder="Hello" validationType="error" />
-    )
-
-    expect(getByPlaceholderText('Hello')).toHaveAttribute('aria-invalid')
-    expect(getAllByTitle('Validation Error')).toBeDefined()
+    renderWithTheme(<InputText placeholder="Hello" validationType="error" />)
+    expect(screen.getByPlaceholderText('Hello')).toHaveAttribute('aria-invalid')
+    expect(screen.getByTitle('Validation Error')).toBeInTheDocument()
   })
 
   describe('before & after', () => {
diff --git a/packages/components/src/Form/Inputs/Select/Select.test.tsx b/packages/components/src/Form/Inputs/Select/Select.test.tsx
@@ -957,7 +957,7 @@ describe('Select', () => {
     const input = screen.getByPlaceholderText('Select a visualization')
     fireEvent.click(input)
     expect(screen.getAllByTestId('option-icon')).toHaveLength(3)
-    expect(screen.getAllByTestId('option-icon-placeholder')).toHaveLength(1)
+    expect(screen.getByTestId('option-icon-placeholder')).toBeInTheDocument()
 
     fireEvent.click(screen.getByText('Column'))
     const inputIcon = screen.getByTestId('input-icon')
diff --git a/packages/components/src/InputDate/InputDate.test.tsx b/packages/components/src/InputDate/InputDate.test.tsx
@@ -69,12 +69,12 @@ test('updates text input value when day is clicked', () => {
   expect(mockProps.onChange).not.toHaveBeenCalled()
 
   const input = getByTestId('text-input') as HTMLInputElement
-  expect(input.value).toEqual('')
+  expect(input).toHaveValue('')
 
   const date = getByText('15') // the 15th day of the month
   fireEvent.click(date)
 
-  expect(input.value).toEqual('02/15/2020')
+  expect(input).toHaveValue('02/15/2020')
 })
 
 test('fills TextInput with value, and updates when props.value changes', () => {
@@ -84,7 +84,7 @@ test('fills TextInput with value, and updates when props.value changes', () => {
   }
   const { getByTestId } = renderWithTheme(<InputDate {...mockProps} />)
   const input = getByTestId('text-input') as HTMLInputElement
-  expect(input.value).toEqual('06/03/2019')
+  expect(input).toHaveValue('06/03/2019')
 })
 
 test('fills TextInput with defaultValue', () => {
@@ -94,7 +94,7 @@ test('fills TextInput with defaultValue', () => {
   }
   const { getByTestId } = renderWithTheme(<InputDate {...mockProps} />)
   const input = getByTestId('text-input') as HTMLInputElement
-  expect(input.value).toEqual('06/03/2019')
+  expect(input).toHaveValue('06/03/2019')
 })
 
 test('validates text input to match localized date format', () => {
diff --git a/packages/components/src/InputDateRange/InputDateRange.test.tsx b/packages/components/src/InputDateRange/InputDateRange.test.tsx
@@ -126,18 +126,18 @@ test('updates text input value when day is clicked', () => {
   const startDate = getAllByText('2')[0] // the 2nd day of the month (left calendar)
   const endDate = getAllByText('15')[1] // the 15th day of the month (right calendar)
 
-  expect(fromInput.value).toEqual('')
-  expect(toInput.value).toEqual('')
+  expect(fromInput).toHaveValue('')
+  expect(toInput).toHaveValue('')
 
   fireEvent.click(startDate)
 
-  expect(fromInput.value).toEqual('02/02/2020')
-  expect(toInput.value).toEqual('02/02/2020')
+  expect(fromInput).toHaveValue('02/02/2020')
+  expect(toInput).toHaveValue('02/02/2020')
 
   fireEvent.click(endDate)
 
-  expect(fromInput.value).toEqual('02/02/2020')
-  expect(toInput.value).toEqual('03/15/2020')
+  expect(fromInput).toHaveValue('02/02/2020')
+  expect(toInput).toHaveValue('03/15/2020')
 })
 
 test('defaultValue prop fills TextInputs with correct dates', () => {
@@ -152,8 +152,8 @@ test('defaultValue prop fills TextInputs with correct dates', () => {
   const fromInput = getByTestId('date-from-text-input') as HTMLInputElement
   const toInput = getByTestId('date-to-text-input') as HTMLInputElement
 
-  expect(fromInput.value).toEqual('06/03/2019')
-  expect(toInput.value).toEqual('06/09/2019')
+  expect(fromInput).toHaveValue('06/03/2019')
+  expect(toInput).toHaveValue('06/09/2019')
 })
 
 test('defaultValue highlights the correct dates in the Calendar', () => {
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -24,14 +24,14 @@
     "@styled-system/should-forward-prop": "5.1.5",
     "@types/styled-system": "^5.1.10",
     "lodash": "^4.17.20",
-    "polished": "^4.0.3",
+    "polished": "^4.0.5",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@storybook/addon-storyshots": "^6.1.1",
-    "@storybook/react": "^6.1.1",
+    "@storybook/addon-storyshots": "^6.1.10",
+    "@storybook/react": "^6.1.10",
     "@types/lodash": "^4.14.165",
-    "@types/styled-components": "^5.1.4",
+    "@types/styled-components": "^5.1.5",
     "csstype": "^3.0.5",
     "lodash": "^4.17.20",
     "react": "^16.14.0",
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -22,26 +22,26 @@
   },
   "dependencies": {
     "@types/vfile-message": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.8.1",
-    "@typescript-eslint/parser": "^4.8.1",
-    "eslint": "^7.13.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-config-standard": "^16.0.2",
+    "@typescript-eslint/eslint-plugin": "^4.9.1",
+    "@typescript-eslint/parser": "^4.9.1",
+    "eslint": "^7.15.0",
+    "eslint-config-prettier": "7.0.0",
+    "eslint-config-standard": "16.0.2",
     "eslint-import-resolver-typescript": "^2.3.0",
     "eslint-import-resolver-webpack": "^0.13.0",
     "eslint-plugin-header": "^3.1.0",
     "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest-dom": "3.2.4",
+    "eslint-plugin-jest-dom": "3.6.3",
     "eslint-plugin-mdx": "^1.8.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-prettier": "3.2.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-sort-keys-fix": "^1.1.1",
-    "eslint-plugin-standard": "^4.1.0",
+    "eslint-plugin-standard": "5.0.0",
     "eslint-plugin-testing-library": "3.10.1",
-    "prettier": "^2.2.0",
+    "prettier": "^2.2.1",
     "typescript": "4.1.2"
   },
   "resolutions": {
diff --git a/packages/prettier/package.json b/packages/prettier/package.json
@@ -18,7 +18,7 @@
     "index.json"
   ],
   "dependencies": {
-    "prettier": ">=2.2.0"
+    "prettier": ">=2.2.1"
   },
   "gitHead": "62febc162e3e45124f403e2c84fc741f68fe6714"
 }
diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json
@@ -8,13 +8,13 @@
   ],
   "private": true,
   "devDependencies": {
-    "@babel/core": "^7.12.7",
+    "@babel/core": "^7.12.10",
     "@looker/components-providers": "^0.9.25",
-    "@storybook/addon-essentials": "^6.1.1",
-    "@storybook/addon-storyshots": "^6.1.1",
-    "@storybook/addon-storyshots-puppeteer": "^6.1.1",
+    "@storybook/addon-essentials": "^6.1.10",
+    "@storybook/addon-storyshots": "^6.1.10",
+    "@storybook/addon-storyshots-puppeteer": "^6.1.10",
     "@types/react": "^16.9.56",
-    "babel-loader": "^8.2.1",
+    "babel-loader": "^8.2.2",
     "babel-loader-exclude-node-modules-except": "^1.0.3",
     "react": "^16.14.0",
     "tsconfig-paths-webpack-plugin": "^3.3.0"
diff --git a/packages/stylelint-config/package.json b/packages/stylelint-config/package.json
@@ -18,7 +18,7 @@
     "yarn": ">=1.14.0"
   },
   "dependencies": {
-    "prettier": "2.2.0",
+    "prettier": "2.2.1",
     "stylelint": "^13.8.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-recommended": "^3.0.0",
diff --git a/playground/package.json b/playground/package.json
diff --git a/storybook/package.json b/storybook/package.json
diff --git a/www/package.json b/www/package.json
diff --git a/yarn.lock b/yarn.lock
