react-spaces

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 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

• Upgraded storybook to 6.3.2

• Corrected erroneous falsy check when determining limits during resize operation

• Fixed URL of version history in changelog.md
• Removed version history from storybook docs
• History auto updates at allaneagle.com/projects/react-spaces/history from GitHub release via GitHub API

• Setup gitversion semantic versioning on Azure Pipeline
• Ensure storybook package automatically created for automatic inclusion on allaneagle.com

• Include React v17 as well as v16 as peer dependency

• Storybook upgrade
• npm audit fix

• Major refactor of library to fix React state side effect issues
• Added tests to library for core functionality
• Revised resize handle placement/functionality

See here for release notes

• Upgraded storybook to 6.1.11
• Revised tests to pass with new inner/outer mark-up for spaces
• Fix application of overflow to inner space element for scrollable spaces

• Added default anchor ordering when order property not specified on anchored spaces to match live functionality
• Remove styling added to touch handles for testing

Initial release