Releases: aeagle/react-spaces
Releases · aeagle/react-spaces
Add React 19 as peer dependency
Allow styles to target inner and outer space elements
Package
- New
innerComponentStyle
prop on spaces to target inner element in a space added by @sagar-accacia in #143
Source
- Storybook docs updated to v8.0.8
- Build environment updated from Node 14.x to 20.x
Hotfix for resize operation race condition
- Fix for race condition in resize operation which allows a mouse/touch move/drag to be processed after a resize operation has already been completed
Experimental SSR support
Functionality added to allow full SSR rendering support.
- Switched dynamic ID generation for spaces to use useId() hook from React 18
- Added component to enable functionality. Place a
<Space.SSR />
component above any use of spaces to enable - Server-side rendered styling of spaces
Note:
- You must be using React 18
- Order of spaces is important in the JSX/TSX. You should always put
<Fill />
spaces last within any parent
Allow render in SSR environment
Initial fix in relation to #85.
Simple fix to allow spaces to render in a SSR environment
- Check for existence of
document
before trying to apply styles - Added Next.js demo project to repo
This should allow spaces to be used in Next.js without error, however, this is not a full SSR implementation:
- Allows space content to render from server side
- Doesn't allow initial styles to be properly rendered server-side, however, client-side style hydration should kick in if .... all spaces are given a unique
id
prop to ensure consistency between server/client side renders.
Corner resize functionality
- Add corner resize functionality to positioned spaces
Hotfix for custom prop types
Typescript type / proptype fix for custom space props
- Custom space props fix
React 18 support
- Upgraded to React 18.1.0 as dev dependencies
- Allow React 18 addtionally to 16/17 as peer dependencies
- Added options to local storybook to render components in strict mode
- Applied fix in isolation from PR #113 in regards to issue https://github.com/aeagle/react---spaces/issues/112 to avoid unmount code in useEffect() running twice in React 18 strict mode
Fix exported types
- Ensure ResizeTouchEvent and Type exported from library