v4.2.0

jest/testUtilities/index.js

@@ -1,4 +1,4 @@
-import "@testing-library/jest-dom/extend-expect"
+import "@testing-library/jest-dom/jest-globals"
 
 export { default as renderWithProviders } from "./renderWithProviders"
 export { default as renderHookWithProviders } from "./renderHookWithProviders"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.1.22",
+  "version": "4.2.0",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",
@@ -40,18 +40,18 @@
     "jackspeak": "2.1.1"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
     "@elastic/react-search-ui": "^1.20.2",
     "@elastic/search-ui-site-search-connector": "^1.20.2",
-    "@prismicio/client": "7.3.0",
+    "@prismicio/client": "7.3.1",
     "@styled-system/css": "^5.1.5",
     "@tanstack/react-table": "^8.10.6",
     "@tanstack/react-virtual": "3.0.0-beta.29",
-    "axios": "^1.5.1",
+    "axios": "^1.6.2",
     "polished": "^4.2.2",
     "react-portal": "^4.2.2",
-    "react-select": "^5.7.7",
+    "react-select": "^5.8.0",
     "styled-system": "^5.1.5",
     "throttle-debounce": "5.0.0",
     "use-context-selector": "^1.3.7"
@@ -63,30 +63,30 @@
     "styled-components": "^5.3.9"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.0",
-    "@babel/core": "^7.23.0",
-    "@babel/eslint-parser": "^7.22.15",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.5",
+    "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-modules-umd": "^7.22.5",
-    "@babel/plugin-transform-runtime": "^7.22.15",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@storybook/addon-essentials": "^7.5.1",
-    "@storybook/addon-interactions": "^7.5.1",
-    "@storybook/addon-links": "^7.5.1",
-    "@storybook/blocks": "^7.5.1",
-    "@storybook/react": "^7.5.1",
-    "@storybook/react-webpack5": "^7.5.1",
+    "@babel/plugin-transform-modules-umd": "^7.23.3",
+    "@babel/plugin-transform-runtime": "^7.23.4",
+    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-react": "^7.23.3",
+    "@storybook/addon-essentials": "^7.6.2",
+    "@storybook/addon-interactions": "^7.6.2",
+    "@storybook/addon-links": "^7.6.2",
+    "@storybook/blocks": "^7.6.2",
+    "@storybook/react": "^7.6.2",
+    "@storybook/react-webpack5": "^7.6.2",
     "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
     "babel-loader": "^9.1.3",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-styled-components": "^2.1.4",
     "clean-webpack-plugin": "^4.0.0",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.51.0",
+    "eslint": "^8.54.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
@@ -96,17 +96,17 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.1.1",
-    "jsdom": "22.1.0",
+    "jsdom": "23.0.1",
     "lodash": "^4.17.21",
     "markdown-loader": "8.0.0",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.0",
     "prop-types": "^15.8.1",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.5",
     "sass-loader": "^13.3.2",
-    "storybook": "^7.5.1",
+    "storybook": "^7.6.2",
     "styled-components": "^5.3.9",
     "svg-sprite-loader": "^6.0.11",
     "svgo-loader": "^4.0.0",

src/components/input/input.test.js

@@ -1,9 +1,4 @@
-/**
- * @jest-environment jsdom
- */
-
 import React from "react"
-import "@testing-library/jest-dom/extend-expect"
 import { renderWithProviders } from "testUtilities"
 import { TextInputMock } from "./input.mock"
 

src/components/sidebar/portal-sidebar.test.js

@@ -1,9 +1,4 @@
-/**
- * @jest-environment jsdom
- */
-
 import React from "react"
-import "@testing-library/jest-dom/extend-expect"
 import { renderWithProviders, act } from "testUtilities"
 import { PortalSidebar } from "./portaled-sidebar"
 

src/components/toggle/__snapshots__/toggle.test.js.snap

@@ -29,8 +29,8 @@ exports[`Toggle test  * should render with labels 1`] = `
   background: #F6F7F7;
   border: 1px solid #E4E8E8;
   border-radius: 100px;
-  -webkit-transition: all 150ms;
-  transition: all 150ms;
+  -webkit-transition: unset;
+  transition: unset;
   display: block;
   position: relative;
   -webkit-tap-highlight-color: transparent;
@@ -56,8 +56,8 @@ exports[`Toggle test  * should render with labels 1`] = `
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
-  -webkit-transition: left 0.2s ease;
-  transition: left 0.2s ease;
+  -webkit-transition: unset;
+  transition: unset;
   opacity: 1;
   background-color: #35414A;
 }
@@ -140,8 +140,8 @@ exports[`Toggle test  * should render with required props 1`] = `
   background: #F6F7F7;
   border: 1px solid #E4E8E8;
   border-radius: 100px;
-  -webkit-transition: all 150ms;
-  transition: all 150ms;
+  -webkit-transition: unset;
+  transition: unset;
   display: block;
   position: relative;
   -webkit-tap-highlight-color: transparent;
@@ -167,8 +167,8 @@ exports[`Toggle test  * should render with required props 1`] = `
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
-  -webkit-transition: left 0.2s ease;
-  transition: left 0.2s ease;
+  -webkit-transition: unset;
+  transition: unset;
   opacity: 1;
   background-color: #35414A;
 }