Comments (4)
chrvadala
commented on May 17, 2024
The uncontrolled behaviour is already builtin
from react-svg-pan-zoom.
chrvadala
commented on May 17, 2024
Probably is better to split controlled and uncontrolled component
from react-svg-pan-zoom.
chrvadala
commented on May 17, 2024
Requirements:
ReactSVGPanZoom should become an exported component that works as PureComponent. It doesn't have any state. It requires value, onChangeValue, tool, onChangeTool as prop types. The file for this component is src/viewer.js
UncontrolledReactSVGPanZoom is a new exported component that works as the current viewer and internally handle the tool and value states. The file for this component should be src/uncontrolled-viewer.js
The developer can't no more handle half component state. For example, actually a developer can have a controlled tool state and uncontrolled value state. In the new version this option won't be no more available.
Deprecations:
The controlled component has this deprecated methods: getValue, getTool. Call these methods should show a console.warn message that alerts the user about the deprecation.
A good reference for uncontrolled component is the awesome Reacstrap component library
from react-svg-pan-zoom.
chrvadala
commented on May 17, 2024
Done. Will be released with 3.0
from react-svg-pan-zoom.
Related Issues (20)
- Viewer captures and prevents the mouse back button.
- Can we load a SVG from a remote http Url and Pan/Zoom it in this control? Any example will be helpful. HOT 1
- How can I disable the pan on hover? HOT 1
- ReactSVGPanZoom onclick get svg polygon or rect name HOT 1
- "Unable to preventDefault inside passive event listener invocation." on console HOT 3
- Autosizer example outdated / not working HOT 1
- Set Toolbar Background and Toolbar Icon Color via props
- Members required for customized toolbar are not exported HOT 4
- SvgLoaderSelectElement properties doesn't override SVG default CSS
- Responsive Display with ReactSVGPanZoom HOT 2
- Is there support to react 15 HOT 2
- Improving scrolling performance with passive listeners? HOT 1
- No touch event handlers provided when tool="auto" is selected HOT 1
- [react-svg-pan-zoom] Review doc with absolute url
- there is a warning at the start of rendering "Prop `id` did not match"
- Execute pan event for a certain amount of pixels by clicking a UI button
- Change line thickness in the grid
- Unable to Handle input field in svg
- scaleFactorMin scaleFactorMax not working
- Lazy loading or progressive loading of complex svg
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-svg-pan-zoom.