Waffle next

Makefile

@@ -97,12 +97,10 @@ clean-all: ##@0 global uninstall node modules, remove transpiled code & lock fil
 
 define clean-source-lib
 	rm -rf $(1)/*/cjs
-	rm -rf $(1)/*/umd
 endef
 
 define clean-source-all
 	rm -rf $(1)/*/cjs
-	rm -rf $(1)/*/umd
 	rm -rf $(1)/*/node_modules
 	rm -rf $(1)/*/package-lock.json
 endef
@@ -142,7 +140,7 @@ pkg-watch-test-%: ##@1 packages run tests for a package and watch for changes
 
 pkgs-test: ##@1 packages run tests for all packages
 	@echo "${YELLOW}Running test suites for all packages${RESET}"
-	@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/*/tests
+	@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --workerThreads --rootDir . ./packages/*/tests
 
 pkgs-watch-test: ##@1 packages run tests for all packages and watch for changes
 	@echo "${YELLOW}Running test suites watcher for all packages${RESET}"
@@ -159,7 +157,7 @@ pkgs-build: pkgs-types ##@1 packages build all packages
         | xargs -P 8 -I '{}' sh -c '$(MAKE) pkg-build-{} || exit 255'
 
 pkgs-types: ##@1 packages build all package types
-	@pnpm tsc -b ./tsconfig.monorepo.json
+	@pnpm tsc --build ./tsconfig.monorepo.json
 
 pkg-types-%: ##@1 packages generate types for a specific package
 	@if [ "$${SKIP_TYPES}" != "TRUE" ]; \
@@ -169,7 +167,7 @@ pkg-types-%: ##@1 packages generate types for a specific package
 			echo "${YELLOW}Building TypeScript types for package ${WHITE}@nivo/${*}${RESET}"; \
 			rm -rf ./packages/${*}/dist/types; \
 			rm -rf ./packages/${*}/dist/tsconfig.tsbuildinfo; \
-			pnpm tsc -b ./packages/${*}; \
+			pnpm tsc --build ./packages/${*}; \
         fi \
 	fi;
 

cypress/src/components/bar/Bar.cy.tsx

@@ -1,6 +1,6 @@
 import { Bar } from '@nivo/bar'
 
-describe('Bar', () => {
+describe('<Bar />', () => {
     it('should render a bar chart', () => {
         cy.mount(
             <Bar

cypress/src/components/bar/BarCanvas.cy.tsx

@@ -1,6 +1,6 @@
 import { BarCanvas } from '@nivo/bar'
 
-describe('BarCanvas', () => {
+describe('<BarCanvas />', () => {
     it('should render a bar chart', () => {
         cy.mount(
             <BarCanvas

cypress/src/components/waffle/Waffle.cy.tsx

@@ -0,0 +1,46 @@
+import { Waffle } from '@nivo/waffle'
+
+describe('<Waffle />', () => {
+    it('should show a tooltip when hovering the areas', () => {
+        cy.mount(
+            <Waffle
+                width={500}
+                height={300}
+                total={100}
+                data={[
+                    {
+                        id: 'cats',
+                        label: 'Cats',
+                        value: 43,
+                    },
+                    {
+                        id: 'dogs',
+                        label: 'Dogs',
+                        value: 27,
+                    },
+                    {
+                        id: 'rabbits',
+                        label: 'Rabits',
+                        value: 17,
+                    },
+                ]}
+                columns={12}
+                rows={20}
+                animate={false}
+                testIdPrefix="waffle"
+            />
+        )
+
+        const pets = ['cats', 'dogs', 'rabbits']
+        pets.forEach(pet => {
+            const area = cy.get(`[data-test-id="waffle.area_${pet}.polygon_0"]`)
+            area.should('exist')
+
+            area.trigger('mouseover')
+            cy.get('svg + div').should('exist')
+
+            area.trigger('mouseout')
+            cy.get('svg + div').should('not.exist')
+        })
+    })
+})

package.json

@@ -31,7 +31,7 @@
     "@typescript-eslint/parser": "^5.59.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.6",
     "@wyze/clog-cli": "^1.0.1",
-    "babel-jest": "^24.9.0",
+    "babel-jest": "^29.5.0",
     "babel-loader": "^8.2.3",
     "chalk": "^5.2.0",
     "chalk-template": "^1.0.0",
@@ -45,8 +45,9 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "gh-pages": "^5.0.0",
-    "jest": "^27.4.5",
-    "jsdom": "^21.1.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^22.0.0",
     "lerna": "^6.6.1",
     "lodash": "^4.17.21",
     "prettier": "^2.8.8",

packages/arcs/package.json

@@ -30,11 +30,11 @@
     "dependencies": {
         "@nivo/colors": "workspace:*",
         "@react-spring/web": "9.4.5 || ^9.7.2",
-        "d3-shape": "^1.3.5"
+        "d3-shape": "^1.3.5",
+        "@types/d3-shape": "^2.0.0"
     },
     "devDependencies": {
-        "@nivo/core": "workspace:*",
-        "@types/d3-shape": "^2.0.0"
+        "@nivo/core": "workspace:*"
     },
     "peerDependencies": {
         "@nivo/core": "0.82.1",