fix(deps): upgrade react-spring to v9.1.2

Makefile

@@ -207,7 +207,6 @@ website: ##@2 website start website in dev mode
 
 website-build: ##@2 website build website
  @echo "${YELLOW}Building website${RESET}"
- @node scripts/patch-react-spring.js
  @cd website && yarn build
 
 website-serve: ##@2 website build & serve website

packages/annotations/package.json

@@ -29,7 +29,7 @@
  "dependencies": {
  "@nivo/colors": "0.67.0",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/arcs/package.json

@@ -30,7 +30,7 @@
  "dependencies": {
  "@nivo/colors": "0.67.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0",

packages/arcs/src/arc_link_labels/useArcLinkLabelsTransition.ts

@@ -244,7 +244,7 @@ export const useArcLinkLabelsTransition = <Datum extends DatumWithArcAndColor>({
  })
 
  const transition = useTransition<Datum, AnimatedProps>(filteredData, {
- key: datum => datum.id,
+ keys: datum => datum.id,
  initial: transitionPhases.update,
  from: transitionPhases.enter,
  enter: transitionPhases.update,

packages/arcs/src/centers.ts

@@ -59,7 +59,7 @@ export const useArcCentersTransition = <Datum extends DatumWithArc, ExtraProps =
  outerRadius: number
  } & ExtraProps
  >(data, {
- key: datum => datum.id,
+ keys: datum => datum.id,
  initial: phases.update,
  from: phases.enter,
  enter: phases.update,

packages/arcs/src/useArcsTransition.ts

@@ -28,7 +28,7 @@ export const useArcsTransition = <Datum extends DatumWithArc, ExtraProps = unkno
  outerRadius: number
  } & ExtraProps
  >(data, {
- key: datum => datum.id,
+ keys: datum => datum.id,
  initial: phases.update,
  from: phases.enter,
  enter: phases.update,

packages/axes/package.json

@@ -30,7 +30,7 @@
  "d3-format": "^1.4.4",
  "d3-time": "^1.0.11",
  "d3-time-format": "^2.1.3",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/bullet/package.json

@@ -34,7 +34,7 @@
  "@nivo/legends": "0.67.0",
  "@nivo/tooltip": "0.67.0",
  "d3-scale": "^3.0.0",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0",

packages/bullet/src/BulletMarkers.tsx

@@ -63,7 +63,7 @@ export const BulletMarkers = ({
  const transition = useTransition<MarkerWithPosition, PositionWithColor>(
  markers.map(marker => ({ ...marker, position: getPosition(marker) })),
  {
- key: marker => `${marker.index}`,
+ keys: marker => `${marker.index}`,
  enter: ({ color, position }: MarkerWithPosition) => ({
  color,
  transform: `rotate(${position.rotation}, ${position.x}, ${position.y})`,

packages/bullet/src/BulletRects.tsx

@@ -37,7 +37,7 @@ export const BulletRects = ({
 
  const { animate, config: springConfig } = useMotionConfig()
  const transition = useTransition<BulletRectComputedRect, BulletRectAnimatedProps>(rects, {
- key: rect => `${rect.data.index}`,
+ keys: rect => `${rect.data.index}`,
  enter: rect => ({
  x: rect.x,
  y: rect.y,

packages/bump/package.json

@@ -35,7 +35,7 @@
  "@nivo/legends": "0.67.0",
  "@nivo/tooltip": "0.67.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/core/package.json

@@ -29,7 +29,7 @@
  "d3-shape": "^1.3.5",
  "d3-time-format": "^2.1.3",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3",
+ "react-spring": "9.1.2",
  "recompose": "^0.30.0",
  "resize-observer-polyfill": "^1.5.1"
  },

packages/funnel/package.json

@@ -30,7 +30,7 @@
  "dependencies": {
  "d3-scale": "^3.0.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/heatmap/package.json

@@ -32,7 +32,7 @@
  "@nivo/colors": "0.67.0",
  "@nivo/tooltip": "0.67.0",
  "d3-scale": "^3.0.0",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/line/package.json

@@ -36,7 +36,7 @@
  "@nivo/tooltip": "0.67.0",
  "@nivo/voronoi": "0.67.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/marimekko/package.json

@@ -27,7 +27,7 @@
  "d3-scale": "^3.0.0",
  "d3-shape": "^1.3.5",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0",

packages/marimekko/src/Bars.tsx

@@ -33,7 +33,7 @@ export const Bars = <RawDatum,>({
  borderColor: string
  }
  >(bars, {
- key: bar => bar.key,
+ keys: bar => bar.key,
  initial: bar => ({
  x: bar.x,
  y: bar.y,

packages/parallel-coordinates/package.json

@@ -33,7 +33,7 @@
  "@nivo/tooltip": "0.67.0",
  "d3-scale": "^3.0.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/pie/package.json

@@ -35,7 +35,7 @@
  "@nivo/tooltip": "0.67.0",
  "d3-shape": "^1.3.5",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0",

packages/radar/package.json

@@ -33,7 +33,7 @@
  "@nivo/tooltip": "0.67.0",
  "d3-scale": "^3.0.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/sankey/package.json

@@ -34,7 +34,7 @@
  "d3-sankey": "^0.12.1",
  "d3-shape": "^1.3.5",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/stream/package.json

@@ -35,7 +35,7 @@
  "@nivo/tooltip": "0.67.0",
  "d3-scale": "^3.0.0",
  "d3-shape": "^1.3.5",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/sunburst/package.json

@@ -34,7 +34,7 @@
  "d3-hierarchy": "^1.1.8",
  "d3-shape": "^1.3.5",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0",

packages/sunburst/src/SunburstLabels.tsx

@@ -51,30 +51,33 @@ export const SunburstLabels = <RawDatum,>({
  .filter(node => node.angleDeg > skipAngle)
  }, [nodes, skipAngle])
 
- const transition = useTransition(labelNodes, {
- key: node => node.data.id,
- initial: node => ({
- opacity: 1,
- transform: `translate(${node.position.x},${node.position.y})`,
- }),
- from: node => ({
- opacity: 0,
- transform: `translate(${node.position.x},${node.position.y})`,
- }),
- enter: node => ({
- opacity: 1,
- transform: `translate(${node.position.x},${node.position.y})`,
- }),
- update: node => ({
- opacity: 1,
- transform: `translate(${node.position.x},${node.position.y})`,
- }),
- leave: {
- opacity: 0,
- },
- config: springConfig,
- immediate: !animate,
- })
+ const transition = useTransition<typeof labelNodes[0], { opacity: number; transform: string }>(
+ labelNodes,
+ {
+ keys: node => node.data.id,
+ initial: node => ({
+ opacity: 1,
+ transform: `translate(${node.position.x},${node.position.y})`,
+ }),
+ from: node => ({
+ opacity: 0,
+ transform: `translate(${node.position.x},${node.position.y})`,
+ }),
+ enter: node => ({
+ opacity: 1,
+ transform: `translate(${node.position.x},${node.position.y})`,
+ }),
+ update: node => ({
+ opacity: 1,
+ transform: `translate(${node.position.x},${node.position.y})`,
+ }),
+ leave: {
+ opacity: 0,
+ },
+ config: springConfig,
+ immediate: !animate,
+ }
+ )
 
  return (
  <>

packages/tooltip/package.json

@@ -21,7 +21,7 @@
  "!dist/tsconfig.tsbuildinfo"
  ],
  "dependencies": {
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"

packages/treemap/package.json

@@ -32,7 +32,7 @@
  "@nivo/tooltip": "0.67.0",
  "d3-hierarchy": "^1.1.8",
  "lodash": "^4.17.11",
- "react-spring": "9.0.0-rc.3"
+ "react-spring": "9.1.2"
  },
  "devDependencies": {
  "@nivo/core": "0.67.0"