react-spaces

React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

MIT License

Downloads
5.5K
Stars
1.3K

Bot releases are hidden (Show)

react-spaces - Added trackSize property and VerticallyCentered component

Published by aeagle almost 4 years ago

  • Removed ResizeSensor from spaces by default and now optionally allow live size updates with trackSize property
  • Added <VerticallyCentered /> component to vertically centre content within a space
  • Allow class names to be specified on top-level spaces <ViewPort /> and <Fixed />
react-spaces - Documentation/readme fixes

Published by aeagle almost 4 years ago

  • Added readme
  • Updated documentation
react-spaces - Implemented percentage sizing on anchored spaces

Published by aeagle almost 4 years ago

  • Add support for percentage sizing on anchored spaces
react-spaces - Bug fix for resize handles

Published by aeagle almost 4 years ago

  • Fixed resize handles being covered by nested spaces preventing resizing
react-spaces - Resize constraint fixes

Published by aeagle almost 4 years ago

  • Fixed resize minimum and maximum constraints
react-spaces - Fixed resize handles on scrollable spaces

Published by aeagle almost 4 years ago

  • Fixed positioning of resize handles within scrollable divs
react-spaces - Space CSS styling fixes

Published by aeagle almost 4 years ago

  • Removed clear fix from space
react-spaces - package.json fixes

Published by aeagle almost 4 years ago

  • Added repository field to package.json
react-spaces - Extra space properties and state sync issue fixes

Published by aeagle almost 4 years ago

  • Added 'as' property to allow rendered DOM element to be specified.
  • Added 'centerContent' property as short-hand for centering space content instead of having to introduce the extra <Centered /> or <CenteredVertically /> components.
  • Allow resize handle width to be specified and also it's placement within space controlled with the 'overlayHandle' property.
  • Fixed issue with dynamically added/removed anchored spaces where an anchored space would see itself as a space taking space.
react-spaces - Bug fixes for state sync issues

Published by aeagle almost 4 years ago

  • Fix to deal with changes to size and anchor properties on anchored spaces and adjusted spaces accordingly.
react-spaces - Migration to functional components

Published by aeagle almost 4 years ago

  • Refactored spaces as functional component using hooks.
  • Fixed className type on <ViewPort /> component.
react-spaces - Migrated from webpack to rollup for library build

Published by aeagle almost 4 years ago

  • Migrated from Webpack to Rollup for building component library
  • Created ES module bundles in /dist/es
  • Fixed window undefined error when rendering spaces via Next.js
  • Created server bundle /dist/server for using with Node.js server side apps when utilising SSR, e.g. Next.js and separated styling from server bundle (/dist/server.css). This is currently experimental.
react-spaces - Layered spaces implementation

Published by aeagle almost 4 years ago

  • Added component and layer support to allow floating of spaces above each other.
react-spaces - Touch resize functionality

Published by aeagle almost 4 years ago

  • Added touch resize functionality.
  • Remove old docs from demo project.
react-spaces - Added proptypes validation to components + bug fixes

Published by aeagle almost 4 years ago

  • Fix to ensured resize delta is reset when size property changed on anchored and resizable spaces
  • Added PropTypes for all exposed components for Javascript only consumers in addition to the Typescript typings in the library.
  • Fix when multiple classes provided as property to space to prevent a duplication of class names on the outer and inner space elements.
react-spaces - Added resize events and various bug fixes

Published by aeagle almost 4 years ago

  • Added resize start and end events
  • Fixed useContext hook being used within condition expression causing 'React has detected a change in the order of Hooks called by SpaceInternal' error when zIndex property updated on space.
  • Fix to ensure debounced resize (mouse/touch) events do not fire after mouse up or touch end events have fired.
  • Fix to ensure mouse up and touch end events are unbound after a resize operation has completed to prevent multiple event handlers being bound on every resize operation.
react-spaces - Ensure spaces kept in sync with zIndex changes

Published by aeagle almost 4 years ago

  • Fix to ensure spaces in same parent are updated when a space zIndex is adjusted.
react-spaces - Cleaner markup with less inline styling and miscellaneous bug fixes/optimisations

Published by aeagle almost 4 years ago

  • Moved child state and recalculation of child spaces to the parent space to remove synchronisation issues causing various update issues.
  • Moved space styles to document head to generate cleaner mark-up. All spaces now get a auto-generated short ID which can be overriden with the id property on a space.
  • Removed the need for an outer and inner container on all spaces except for when a space is resizable and scrollable to allow the space to maintain the resize handle location.
  • Optimised touch resize actions preventing default browser actions using css touch-action and changing debounce to throttling on resize updates.
react-spaces - Added mouse/touch events to spaces

Published by aeagle almost 4 years ago

  • Added onMouseMove, onTouchStart, onTouchMove and onTouchEnd events.
react-spaces - Added Custom space and improved resize event functionality

Published by aeagle almost 4 years ago

  • Added Custom space to allow access to all space properties.
  • Allowed false to be returned from onResizeStart event callback to conditionally cancel resize operation.