v0.12.1

Fixes:

• add peerDependency support for react 17 - 🙇 @mrkan-alelgn
• Create LICENSE.md
• Update Circle CI config to v2.1
• Dependency version bumps
  • Bump eslint from 4.17.0 to 4.18.2
  • Bump ini from 1.3.5 to 1.3.8
  • Bump elliptic from 6.5.2 to 6.5.4
  • Bump y18n from 3.2.1 to 3.2.2
  • Bump handlebars from 4.7.2 to 4.7.7
  • Bump hosted-git-info from 2.8.5 to 2.8.9
  • Bump path-parse from 1.0.6 to 1.0.7
  • Bump cached-path-relative from 1.0.2 to 1.1.0
  • Bump shell-quote from 1.7.2 to 1.7.3
  • Bump tar from 4.4.13 to 4.4.19
  • Bump json-schema from 0.2.3 to 0.4.0
  • Bump nodemailer and karma
  • Bump bl from 3.0.0 to 3.0.1
  • Bump minimist, minimist, mkdirp and mocha

v0.12.0

Features:

• New React hook! useContainerQuery - 🙇 @mayank23

Fixes:

• Fix error "ResizeObserver loop limit exceeded" in Chrome - 🎉 @TomOne

Patch: Un-Prefix a non-legacy React lifecycle methods

How embarrassing 🤦

We were overzealous with the UNSAFE_ prefixes in the prior patch release. This change removes the prefix from componentDidUpdate

Thanks to @trevdor for the PR!

Patch: Prefix legacy React lifecycle methods

• Prefix legacy lifecycle methods with UNSAFE
• Update scripts/watch/test.sh with paths for tsc and karma, so it works again

Upgrade CircleCI config to v2 and update docs to reflect new org

This is some cleanup to get CircleCI build and tests running again after a bit of a hiatus.

Also, cleaning up some links in the README to reflect that the project is now under its own org in github.

Remove lodash from prod dependencies to reduce size

• Originated from discussion #66, lodash was removed and size reduce to 22kb minimized.

Upgraded all dependencies to latest & bug fix

• Upgraded all dependencies to latest at the time of writing.
• Fixed a bug that when using <ContainerQuery/> API, new query value is not honored.

Support stateless/pure-function component

As title :D thanks @sammkj

New `initialSize` props and server rendering support

• Add a initialSize new props to compute the container query in the initial rendering (details please checkout README).
• With initialSize we are now better supporting server side render (thanks to @jesstelford)!
• A little behavior change on how query is computed. This should never affect you, but if you are interested, checkout please react-container-query/container-query-toolkit#2.

Add back `applyContainerQuery`.

Now below should work just like pre 0.7.x

class MyComponent extends Component {
  render() {
    return (
      <div className={classnames('container', this.props.containerQuery)}>
        <div className='box'>the box</div>
      </div>
    );
  }
}

const query = {
  'width-between-400-and-599': {
    minWidth: 400,
    maxWidth: 599
  },
  'width-larger-than-600': {
    minWidth: 600,
  }
};

const HigherOrderComponent = applyContainerQuery(MyComponent, query);