diff --git a/package-lock.json b/package-lock.json index 933d41c61..255075d62 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@gravity-ui/components": "^2.4.0", "@gravity-ui/dynamic-forms": "^2.3.0", "@gravity-ui/i18n": "^1.0.0", + "@react-spring/web": "^9.7.3", "ajv": "^8.12.0", "final-form": "^4.20.9", "github-buttons": "2.23.0", @@ -22,7 +23,6 @@ "react-monaco-editor": "^0.53.0", "react-player": "^2.9.0", "react-slick": "^0.29.0", - "react-spring": "^9.7.2", "react-transition-group": "^4.4.2", "react-waypoint": "^10.1.0", "sanitize-html": "2.6.1", @@ -5098,37 +5098,6 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@react-spring/konva": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/@react-spring/konva/-/konva-9.7.3.tgz", - "integrity": "sha512-R9sY6SiPGYqz1383P5qppg5z57YfChVknOC1UxxaGxpw+WiZa8fZ4zmZobslrw+os3/+HAXZv8O+EvU/nQpf7g==", - "dependencies": { - "@react-spring/animated": "~9.7.3", - "@react-spring/core": "~9.7.3", - "@react-spring/shared": "~9.7.3", - "@react-spring/types": "~9.7.3" - }, - "peerDependencies": { - "konva": ">=2.6", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-konva": "^16.8.0 || ^16.8.7-0 || ^16.9.0-0 || ^16.10.1-0 || ^16.12.0-0 || ^16.13.0-0 || ^17.0.0-0 || ^17.0.1-0 || ^17.0.2-0 || ^18.0.0-0" - } - }, - "node_modules/@react-spring/native": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/@react-spring/native/-/native-9.7.3.tgz", - "integrity": "sha512-4mpxX3FuEBCUT6ae2fjhxcJW6bhr2FBwFf274eXB7n+U30Gdg8Wo2qYwcUnmiAA0S3dvP8vLTazx3+CYWFShnA==", - "dependencies": { - "@react-spring/animated": "~9.7.3", - "@react-spring/core": "~9.7.3", - "@react-spring/shared": "~9.7.3", - "@react-spring/types": "~9.7.3" - }, - "peerDependencies": { - "react": "^16.8.0 || >=17.0.0 || >=18.0.0", - "react-native": ">=0.58" - } - }, "node_modules/@react-spring/shared": { "version": "9.7.3", "resolved": "https://registry.npmjs.org/@react-spring/shared/-/shared-9.7.3.tgz", @@ -5140,22 +5109,6 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@react-spring/three": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/@react-spring/three/-/three-9.7.3.tgz", - "integrity": "sha512-Q1p512CqUlmMK8UMBF/Rj79qndhOWq4XUTayxMP9S892jiXzWQuj+xC3Xvm59DP/D4JXusXpxxqfgoH+hmOktA==", - "dependencies": { - "@react-spring/animated": "~9.7.3", - "@react-spring/core": "~9.7.3", - "@react-spring/shared": "~9.7.3", - "@react-spring/types": "~9.7.3" - }, - "peerDependencies": { - "@react-three/fiber": ">=6.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "three": ">=0.126" - } - }, "node_modules/@react-spring/types": { "version": "9.7.3", "resolved": "https://registry.npmjs.org/@react-spring/types/-/types-9.7.3.tgz", @@ -5176,23 +5129,6 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@react-spring/zdog": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/@react-spring/zdog/-/zdog-9.7.3.tgz", - "integrity": "sha512-L+yK/1PvNi9n8cldiJ309k4LdxcPkeWE0W18l1zrP1IBIyd5NB5EPA8DMsGr9gtNnnIujtEzZk+4JIOjT8u/tw==", - "dependencies": { - "@react-spring/animated": "~9.7.3", - "@react-spring/core": "~9.7.3", - "@react-spring/shared": "~9.7.3", - "@react-spring/types": "~9.7.3" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-zdog": ">=1.0", - "zdog": ">=1.0" - } - }, "node_modules/@sinclair/typebox": { "version": "0.27.8", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", @@ -24001,23 +23937,6 @@ "react-dom": "^16.3.0 || ^17.0.0" } }, - "node_modules/react-spring": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/react-spring/-/react-spring-9.7.3.tgz", - "integrity": "sha512-oTxDpFV5gzq7jQX6+bU0SVq+vX8VnuuT5c8Zwn6CpDErOPvCmV+DRkPiEBtaL3Ozgzwiy5yFx83N0h303j/r3A==", - "dependencies": { - "@react-spring/core": "~9.7.3", - "@react-spring/konva": "~9.7.3", - "@react-spring/native": "~9.7.3", - "@react-spring/three": "~9.7.3", - "@react-spring/web": "~9.7.3", - "@react-spring/zdog": "~9.7.3" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/react-transition-group": { "version": "4.4.5", "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", diff --git a/package.json b/package.json index a4c4b3670..e205d52d6 100644 --- a/package.json +++ b/package.json @@ -84,6 +84,7 @@ "@gravity-ui/components": "^2.4.0", "@gravity-ui/dynamic-forms": "^2.3.0", "@gravity-ui/i18n": "^1.0.0", + "@react-spring/web": "^9.7.3", "ajv": "^8.12.0", "final-form": "^4.20.9", "github-buttons": "2.23.0", @@ -93,7 +94,6 @@ "react-monaco-editor": "^0.53.0", "react-player": "^2.9.0", "react-slick": "^0.29.0", - "react-spring": "^9.7.2", "react-transition-group": "^4.4.2", "react-waypoint": "^10.1.0", "sanitize-html": "2.6.1", diff --git a/src/components/Media/Image/Image.tsx b/src/components/Media/Image/Image.tsx index 79eb2775b..d40b84a16 100644 --- a/src/components/Media/Image/Image.tsx +++ b/src/components/Media/Image/Image.tsx @@ -1,7 +1,7 @@ import React, {Fragment, useEffect, useState} from 'react'; +import {Interpolation, animated, config, useSpring} from '@react-spring/web'; import debounce from 'lodash/debounce'; -import {Interpolation, animated, config, useSpring} from 'react-spring'; import SliderBlock from '../../../blocks/Slider/Slider'; import {ImageProps, MediaComponentImageProps, QAProps, SliderType} from '../../../models';