React Spaces Versions Save

Package

• New innerComponentStyle prop on spaces to target inner element in a space added by @sagar-accacia in https://github.com/aeagle/react-spaces/pull/143

Source

• Storybook docs updated to v8.0.8
• Build environment updated from Node 14.x to 20.x

• 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

Functionality added to allow full SSR rendering support.

• Switched dynamic ID generation for spaces to use useId() hook from React 18
• Added <SSR /> 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

Initial fix in relation to https://github.com/aeagle/react-spaces/issues/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.

• Add corner resize functionality to positioned spaces

• Fix omit func in core-utils.ts by @Gerhut in https://github.com/aeagle/react-spaces/pull/126

• Custom space props fix

• 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 https://github.com/aeagle/react-spaces/pull/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

• Ensure ResizeTouchEvent and Type exported from library

• Created <Positioned /> space #60
• Allow 'as' property to be Polymorphic (to play with libraries like Framer Motion) #89
• Custom resize handles #97
• Added allowOverflow property on spaces to allow contents to overflow space boundary
• Added useCurrentSpace() hook and deprecated <Space.Info />
• Refactored resize logic and added drag logic to support movable <Positioned /> space
• Increased test coverage
• Updated docs
• Upgraded storybook
• Upgraded rollup/build packages