chore: Version updates for v4.0.0

[camdecoster]

Description

Version updates for v4.0.0.

Closes

• ClosesDemand for "ref" prop support #209 — refs are now forwarded to the rendered div directly via forwardRef (refactor: Convert class components to function components #369)
• ClosesConcept for plotly.js with Functional component, TypeScript #226 — wrapper is now a functional component with hooks, and ships TypeScript types (build: Switch prop-types to TS #368, refactor: Convert class components to function components #369)
• ClosesTypescript Defs might need update. #237 — TypeScript declaration files are now shipped in-package (build: Switch prop-types to TS #368)
• ClosesOn hooks #242 — converted to hooks-based implementation (refactor: Convert class components to function components #369)
• ClosesThis is a good article FWIW. It recommends the use of files in package.json rather than npmignore. https://medium.com/@jdxcode/for-the-love-of-god-dont-use-npmignore-f93c08909d8d #262 — uses the files field instead of .npmignore (build: Update build tooling #367)
• ClosesReact 18 support #280 — React 18 is supported and now exercised in CI alongside React 19 (build: Switch prop-types to TS #368)
• ClosesSets both exports.__esModule = true and exports.default. #359 — fixed the __esModule + default interop that broke Rolldown (build: Update build tooling #367)

[KoolADE85]

This is generally looking great, such a nice modernization. The typescript hints look great in my IDE!
I noticed one bug that seems fairly serious.

[KoolADE85]

By the time React calls this effect, it has already set elRef.current to be null, which means this Plotly.purge will not happen.

Repro example:

1. Load the snippet into your browser
2. Zoom into the graph
3. Unmount the graph (zoom should be saved into state)
4. Re-mount the graph (zoom should be preserved)

import{useRef,useState}from'react';importPlotfrom'react-plotly.js';constdata=[{type: 'scatter',mode: 'markers',x: [1,2,3,4],y: [2,4,1,3]}];functionZoomPersistence(){const[mounted,setMounted]=useState(true);constsavedLayout=useRef(null);return(<><buttononClick={()=>setMounted((m)=>!m)}>{mounted ? 'Unmount' : 'Remount'}</button>{mounted&&(<Plotdata={data}// restore the state captured on last unmount, if anylayout={savedLayout.current??{width: 500,height: 300}}// capture figure state during unmountonPurge={(figure)=>(savedLayout.current=figure.layout)}/>)}</>);}

Further Consequences (according to Claude)

• Repeated mount/unmount of WebGL plots can exhaust the browser's context limit
• With config: {responsive: true}, the window resize listener (only removed by purge) now pins every unmounted graph div in memory permanently.

[KoolADE85]

💃