React Container Query Versions Save

:package: Modular responsive component

v0.12.1

1 year ago

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

3 years ago

Features:

  • New React hook! useContainerQuery - 🙇 @mayank23

Fixes:

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

v0.11.3

3 years ago

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!

v0.11.2

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

v0.11.1

4 years ago

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.

v0.11.0

6 years ago

v0.10.0

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

v0.9.1

7 years ago

As title :D thanks @sammkj

v0.9.0

7 years ago
  • 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 https://github.com/d6u/container-query-toolkit/pull/2.

v0.8.0

7 years ago

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