1.1.1

What's Changed

• Remove explicit children: typing in BalancerOwnProps by @anulman in #83
• Forward ref by @SeokminHong in #88
• fix: Make sure relayout func handles incorrect input safely by @othree in #85
• Stop spreading as prop onto root element by @hasparus in #87
• chore: 🏷️ Export BalancerOwnProps interface by @edwinhern in #92

New Contributors

• @anulman made their first contribution in #83
• @SeokminHong made their first contribution in #88
• @othree made their first contribution in #85
• @hasparus made their first contribution in #87
• @edwinhern made their first contribution in #92

Full Changelog: 1.1.0...1.1.1

1.1.0

What's Changed

• ♻️ use genId by @ryuji-1to in #74
• Add preferNative option by @lucasweng in #77
• Fix: Balancer not correctly setting text-wrap: balance by @lucasweng in #80

New Contributors

• @ryuji-1to made their first contribution in #74

Full Changelog: 1.0.0...1.1.0

1.0.0

V1.0 is here! Major new feature from this release is that <Balancer> will now switch to use the native CSS text-wrap: balance if it's available. This improves the runtime performance quite a lot!

With that, it's even more important to always add a <Provider> to your app as that makes the CSS feature detection logic shared across all <Balancer> components.

Lastly, if the native CSS balance is available, the ratio option will be ignored because that's not part of the text-wrap: balance standard.

What's Changed

• Add repository, homepage and bugs to package.json by @kachkaev in #70
• Use text-wrap: balance if supported by @shuding in #72

New Contributors

• @kachkaev made their first contribution in #70

Full Changelog: 0.5.0...1.0.0

0.5.0

Highlights

nonce prop

Since React Wrap Balancer generates inlined script tags under the hood, you can now set the nonce prop for them:

<Balancer nonce="...">

// => <script nonce="...">

Support for React 16.8.0+

By adding a workaround for useId, we now have support for React 16.8.0+.

Bug fixes & Other Improvements

See the full changelog below.

What's Changed

• Infer the prop types of the as component by @lucasweng in #56
• website: migrated head.tsx to Metadata API by @valentinpolitov in #54
• Fix incorrect width computation for text that can't wrap by @TomerAberbach in #57
• Add Balancer to named exports by @ermesonqueiroz in #58
• typo: fix small typos and grammar by @m-krebs in #60
• Add nonce prop for CSP by @lucasweng in #61
• feat: react under 18 support. by @ChanhyukPark-Tech in #62
• Update docs and reformat code by @shuding in #63

New Contributors

• @TomerAberbach made their first contribution in #57
• @ermesonqueiroz made their first contribution in #58
• @m-krebs made their first contribution in #60
• @ChanhyukPark-Tech made their first contribution in #62

Full Changelog: 0.4.1...0.5.0

0.4.1

What's Changed

• add Browser support information in readme. by @teobler in #30
• Fix reference error of resize observer by @lucasweng in #55

New Contributors

• @teobler made their first contribution in #30
• @lucasweng made their first contribution in #55

Full Changelog: 0.4.0...0.4.1

0.4.0

What's Changed

• types: WrapperElement interface by @valentinpolitov in #22
• fix: minor typo change by @shixin-guo in #24
• website: code splitting and migration to TypeScript by @valentinpolitov in #27
• fix: github link in safari by @markpinero in #31
• Add warning for misplaced <Balancer> wrappers during development by @shuding in #33
• Fix width rounding issue by @shuding in #34

New Contributors

• @shixin-guo made their first contribution in #24
• @markpinero made their first contribution in #31

Full Changelog: 0.3.0...0.4.0

0.3.0

Improvements

This new release has improved types for <Balancer>'s props (#14) and a critical bug fix when web font is used (#18) with a new API.
It's not breaking and recommended to upgrade.

If you have multiple <Balancer> components used, it’s recommended (but optional) to also use <Provider> to wrap the entire app. This will make them share the re-balance logic and reduce the HTML size:

import { Provider } from 'react-wrap-balancer'

// ...

function App() {
  return (
    <Provider>
      <MyApp/>
    </Provider>
  )
}

To learn more about the bug and the fix, check out #20.

What's Changed

• Types and other improvements by @valentinpolitov in #14
• Demo: Remove align prop by @wobsoriano in #15
• Setup Turborepo by @shuding in #19
• fix: Layout shift before mounted should trigger relayouts by @shuding in #20

New Contributors

• @valentinpolitov made their first contribution in #14
• @wobsoriano made their first contribution in #15

Full Changelog: 0.2.4...0.3.0

0.2.4

What's Changed

Core

• Create LICENSE.md by @Saintpreston in #10
• Ignore hydration warning on script by @thebuilder in #12

Website & Docs

• chore(readme): fix readme import by @luke-h1 in #2
• Fix “deployed on” mobile wrapping by @shuding in #3
• Adjust demo font size by @shuding in #9
• Update website by @shuding in #13
• Add SSR benchmark by @shuding in #4

New Contributors

• @luke-h1 made their first contribution in #2
• @Saintpreston made their first contribution in #10
• @thebuilder made their first contribution in #12

Full Changelog: https://github.com/shuding/react-wrap-balancer/commits/0.2.4