The simplest solution for content loading in React and styled-components.

Last update: Dec 7, 2022

Overview

styled-content-loader

The simplest solution for content loading in React and styled-components.

Getting Started

npm install styled-components styled-content-loader

yarn add styled-components styled-content-loader

styled-components is a peer dependency, so you should install it yourself.

Usage

import React from 'react'
import StyledContentLoader from 'styled-content-loader'

const App = () => {
  return (
    <StyledContentLoader>
      <Component />
    </StyledContentLoader>
  )
}

export default App

Props

Name	Description	Default
backgroundColor	Animation background color	#e6e6e6
foregroundColor	Animation foreground color	#f0f0f0
isLoading	Wether it will be shown or not	true

Contributing

Issues and pull requests are welcome.

License

MIT

Comments

chore: bump react-hook-form from 6.14.2 to 7.41.3 in /docs
Bumps react-hook-form from 6.14.2 to 7.41.3.

Release notes

Sourced from react-hook-form's releases.

Version 7.41.3

💁‍♂️ close #9684 revert UnPackAsyncDefaultValues to avoid TS breaking change

Version 7.41.2

🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)

🎅 Version 7.41.1

🐞 fix #9659 NaN prevent validation update (#9660) 🕯️ close #9524 useWatch return undefined value (#9653) 📖 adjust contributing document (#9641) 💆🏻 fix #9621 with the inline default value (#9622) 🩻 docs: update contribution guidelines (#9605)

thanks to @Mini-ghost and @stefanpl

🎄 Version 7.41.0

👉 NEW values props

The following syntax will react to values prop update/changes.

values will be reactive to update/change and reset accordingly

provide a reset option to keep dirty/touched values potentially

const values = await fetch('API')
useForm({ values, // will reset the form when values updates // resetOptions: { // keepDirtyValues: true // } })

👉 NEW async defaultValues props

The following syntax will support async defaultValues, so we will manage the reset form internally and update formState accordingly.

promise will only be resolved once during useForm() call

It's possible to supply resetOptions as well

const { formState: { isLoading } } = useForm({ defaultValues: fetch('API') // resetOptions: { // keepDirtyValues: true // } }) </tr></table>

... (truncated)

Commits

1647bb2 7.41.3

0af8b00 💁‍♂️ close #9684 revert UnPackAsyncDefaultValues to avoid TS breaking chang...

1af2563 7.41.2

d9b70a8 🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)

508ddc8 7.41.1

48e1b3c 🐞 fix #9659 NaN prevent validation update (#9660)

0246e8d 🕯️ close #9524 useWatch return undefined value (#9653)

eb30119 📖 adjust contributing document (#9641)

cf5a81f 💆🏻 fix #9621 with inline default value (#9622)

cc2a96e 🩻 docs: update contribution guidelines (#9605)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies
opened by dependabot[bot] 1
chore: bump react-hook-form from 6.14.2 to 7.41.2 in /docs
Bumps react-hook-form from 6.14.2 to 7.41.2.

Release notes

Sourced from react-hook-form's releases.

Version 7.41.2

🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)

🎅 Version 7.41.1

🐞 fix #9659 NaN prevent validation update (#9660) 🕯️ close #9524 useWatch return undefined value (#9653) 📖 adjust contributing document (#9641) 💆🏻 fix #9621 with the inline default value (#9622) 🩻 docs: update contribution guidelines (#9605)

thanks to @Mini-ghost and @stefanpl

🎄 Version 7.41.0

👉 NEW values props

The following syntax will react to values prop update/changes.

values will be reactive to update/change and reset accordingly

provide a reset option to keep dirty/touched values potentially

const values = await fetch('API')
useForm({ values, // will reset the form when values updates // resetOptions: { // keepDirtyValues: true // } })

👉 NEW async defaultValues props

The following syntax will support async defaultValues, so we will manage the reset form internally and update formState accordingly.

promise will only be resolved once during useForm() call

It's possible to supply resetOptions as well

const { formState: { isLoading } } = useForm({ defaultValues: fetch('API') // resetOptions: { // keepDirtyValues: true // } })

React use API

... (truncated)

Commits

1af2563 7.41.2

d9b70a8 🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)

508ddc8 7.41.1

48e1b3c 🐞 fix #9659 NaN prevent validation update (#9660)

0246e8d 🕯️ close #9524 useWatch return undefined value (#9653)

eb30119 📖 adjust contributing document (#9641)

cf5a81f 💆🏻 fix #9621 with inline default value (#9622)

cc2a96e 🩻 docs: update contribution guidelines (#9605)

b5817cb 7.41.0

411c8c1 ⏳ close #9525 add isLoading state for async defaultValues (#9526)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies
opened by dependabot[bot] 1
chore: bump react-hook-form from 6.14.2 to 7.41.1 in /docs
Bumps react-hook-form from 6.14.2 to 7.41.1.

Release notes

Sourced from react-hook-form's releases.

🎅 Version 7.41.1

🐞 fix #9659 NaN prevent validation update (#9660) 🕯️ close #9524 useWatch return undefined value (#9653) 📖 adjust contributing document (#9641) 💆🏻 fix #9621 with the inline default value (#9622) 🩻 docs: update contribution guidelines (#9605)

thanks to @Mini-ghost and @stefanpl

🎄 Version 7.41.0

👉 NEW values props

The following syntax will react to values prop update/changes.

values will be reactive to update/change and reset accordingly

provide a reset option to keep dirty/touched values potentially

const values = await fetch('API')
useForm({ values, // will reset the form when values updates // resetOptions: { // keepDirtyValues: true // } })

👉 NEW async defaultValues props

The following syntax will support async defaultValues, so we will manage the reset form internally and update formState accordingly.

promise will only be resolved once during useForm() call

It's possible to supply resetOptions as well

const { formState: { isLoading } } = useForm({ defaultValues: fetch('API') // resetOptions: { // keepDirtyValues: true // } })

React use API

useForm({ defaultValues: use(fetch('API')) </tr></table>

... (truncated)

Commits

508ddc8 7.41.1

48e1b3c 🐞 fix #9659 NaN prevent validation update (#9660)

0246e8d 🕯️ close #9524 useWatch return undefined value (#9653)

eb30119 📖 adjust contributing document (#9641)

cf5a81f 💆🏻 fix #9621 with inline default value (#9622)

cc2a96e 🩻 docs: update contribution guidelines (#9605)

b5817cb 7.41.0

411c8c1 ⏳ close #9525 add isLoading state for async defaultValues (#9526)

192be92 🐞 fix #9581 incorrect type for array of string for message (#9584)

d4e2134 🐞 fix #9571 validation issue with unregister input with valueAsNumber (#9572)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies
opened by dependabot[bot] 1
chore: bump react-hook-form from 6.14.2 to 7.41.0 in /docs
Bumps react-hook-form from 6.14.2 to 7.41.0.

Release notes

Sourced from react-hook-form's releases.

🎄 Version 7.41.0

👉 NEW values props

The following syntax will react to values prop update/changes.

values will be reactive to update/change and reset accordingly

provide a reset option to keep dirty/touched values potentially

const values = await fetch('API')
useForm({ values, // will reset the form when values updates // resetOptions: { // keepDirtyValues: true // } })

👉 NEW async defaultValues props

The following syntax will support async defaultValues, so we will manage the reset form internally and update formState accordingly.

promise will only be resolved once during useForm() call

It's possible to supply resetOptions as well

const { formState: { isLoading } } = useForm({ defaultValues: fetch('API') // resetOptions: { // keepDirtyValues: true // } })

React use API

useForm({ defaultValues: use(fetch('API')) // resetOptions: { // keepDirtyValues: true // } })

https://user-images.githubusercontent.com/10513364/208200735-6248b069-9b7d-4bd1-9742-55d1ef8d238a.mov

🙋 What's the difference between values and defaultValues

... (truncated)

Commits

b5817cb 7.41.0

411c8c1 ⏳ close #9525 add isLoading state for async defaultValues (#9526)

192be92 🐞 fix #9581 incorrect type for array of string for message (#9584)

d4e2134 🐞 fix #9571 validation issue with unregister input with valueAsNumber (#9572)

f3f9e2d 🐞 fix(useWatch): default value for array of inputs (#9555)

c21210b 📔 fix Controller example using deprecated as prop (#9535)

d915218 🐞 fix #9521 isValidting property stuck (#9523)

c7210f1 🔨 feat: Migrate to pnpm (#9516)

fcd7985 👯‍♂️ support async defaultValues and form values update (#9261)

cb666b8 🎹 fix #9509 incorrect type for WatchObserver (#9510)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies
opened by dependabot[bot] 1
chore: bump react-hook-form from 6.14.2 to 7.40.0 in /docs
Bumps react-hook-form from 6.14.2 to 7.40.0.

Release notes

Sourced from react-hook-form's releases.

Version 7.40.0

🏃🏻‍♂️ close #9454 set isValid and abort early for the error field (#9457)

Improved async validation and especially combined with sync ones, which will abort early sync failed first

IsValid evaluation will abort early if current field validation failed

apply to both build-in and schema valdiation

https://user-images.githubusercontent.com/10513364/204661619-af11f963-588b-4e15-8699-970e6a40e48b.mov

🐞 fix #9473 avoid update isDirty & dirtyFields unless flag is passed down (#9475)

thanks @blingblingredstar for the verify

Version 7.40.0-next.1

👍 Improved async defaultValues inference

const fetchData = async () => { await sleep(1000) return { data: 'test' } } useForm<Awaited<ReturnTypeof<typeof fetchData>>>({
useForm({ defaultValues: fetchData, // will infer the promise return type })

👍 Improved useForm resetOptions to keep track of dirty input

- const { formState: { dirtyFields } } = useForm({
+ useForm({ // dirtyFields subscription is no longer required
  values,
  resetOptions: {
    keepDirtyValues; true, // only non dirty input will receive data from the values update
  }
})

🪶 improve useFormContext perf by avoiding reference re-create with omit 🦏 close #9410 improve UX when subscribing to both isValid and errors state (#9413)

Version 7.40.0-next.0

👉 NEW `values` props

... (truncated)

Changelog

Sourced from react-hook-form's changelog.

[7.40.0] - 2022-11-30

Changed

async validation (or combined with sync) will always the take the latest validation result and abort the previous

[7.39.5] - 2022-11-21

Changed

Conditional render useFormState will trigger an extra re-render to reflect the current formState

[7.39.0] - 2022-11-2

Changed

isValid formState is no longer only applicable with onChange, onTouched, and onBlur mode.

[7.38.0] - 2022-10-19

Added

support build-in validation with input type week and time
<input {...register("week", { min: "2022-W40" })} type="week" />
<input {...register("time", { min: "11:00" })} type="time" />
[7.37.0] - 2022-10-07

Added

new formState defaultValues
const { formState, watch } = useForm({
  defaultValues: { name: 'test' },
});
const { defaultValues } = useFormState();
const name = watch('name');
return (
<div>
<p>Your name was {defaultValues.name}</p>
<p>Updated name is {name}</p>
</div>
);

... (truncated)

Commits

15ec3f8 7.40.0
1b0f0d7 🥼 update changelog 7.40.0
8fead99 🐞 fix #9473 avoid update dirty & dirtyFields unless flag is passed down (#9475)
73f75e9 🥼 update changelog
f1e0f7d 🏃🏻‍♂️ close #9454 set isValid and abort early for error field (#9457)
8174068 🥅 fix #9455 add unit test coverage useFormContext re-render regression (#9459)
9fc9789 7.39.7
32dda93 Revert "🪶 improve useFormContext perf by avoid reference re-create with omi...
9ef6aec 7.39.6
af0a2ad 💆🏻 fix potential watch() global state overwrite (#9450)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.7 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.7.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.7

Revert "🪶 improve useFormContext perf by avoid reference re-create … …with omit (#9407)"

Version 7.39.6

🚀 fix fieldArray changes only notify relevant subscribers (#9448) 🪶 improve useFormContext perf by avoid reference re-create with omit ( #9407) 💆🏻 fix potential watch() global state overwrite (#9450) 🦏 close #9410 improve UX when subscribe to both isValid and errors state (#9413) 🥨 added eslint rule for no-extra-boolean-cast (#9449)

thanks to @elton-okawa

Version 7.39.5

🍄 upgrade to TS4.9 (#9371) 🐞 fix #9383 always updates the errors state for the field array even when the errors subscription missing (#9384) 🌻 close react-hook-form/react-hook-form#9379 flush extra re-render to update the current form state subscription 🥽 improve watch logic (#9397) 🔨 fix conditional useFormState test (#9388)

thanks to @romain-trotard

Version 7.39.4

🐞 fix #9366 useWatch with shadow clone Set data (#9369) 🐞 fix #9365 native validation error persists (#9370)

Version 7.39.3

🤦 fix #9355 by revert "🥸 related #9310 regression to include actual ref instead custom object ( #9312)"

Version 7.39.2

⌨️ close #9339 objects of validation rules type (#9341) 🥸 related #9310 regression to include actual ref instead custom object ( #9312)

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)

... (truncated)

Commits

9fc9789 7.39.7
32dda93 Revert "🪶 improve useFormContext perf by avoid reference re-create with omi...
9ef6aec 7.39.6
af0a2ad 💆🏻 fix potential watch() global state overwrite (#9450)
f74d93d 🥨 added eslint rule for no-extra-boolean-cast (#9449)
43dd2fc 🚀 fix fieldArray changes only notify relevant subscribers (#9448)
137f286 👨‍🎨 minor code cleanup (#9439)
096bac2 🦏 close #9410 improve UX when subscribe to both isValid and errors state...
e646203 🪶 improve useFormContext perf by avoid reference re-create with omit (#9407)
1132bdf 🥼 update changelog 7.39.6
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.5 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.5.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.5

🍄 upgrade to TS4.9 (#9371) 🐞 fix #9383 always updates the errors state for the field array even when the errors subscription missing (#9384) 🌻 close react-hook-form/react-hook-form#9379 flush extra re-render to update the current form state subscription 🥽 improve watch logic (#9397) 🔨 fix conditional useFormState test (#9388)

Version 7.39.4

🐞 fix #9366 useWatch with shadow clone Set data (#9369) 🐞 fix #9365 native validation error persists (#9370)

Version 7.39.3

🤦 fix #9355 by revert "🥸 related #9310 regression to include actual ref instead custom object ( #9312)"

Version 7.39.2

⌨️ close #9339 objects of validation rules type (#9341) 🥸 related #9310 regression to include actual ref instead custom object ( #9312)

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)
<input
  {...register("week", { min: "2022-W40", max: "2022-W50" })}
  type="week"
/>
<input
  {...register("time", { min: "11:00", max: "12:00" })}
  type="time"
/>
https://user-images.githubusercontent.com/10513364/196547407-8ea7363c-44b8-463e-9aaf-f946a2e5af88.mov

... (truncated)

Changelog

Sourced from react-hook-form's changelog.

[7.39.5] - 2022-11-21

Changed

Conditional render useFormState will trigger an extra re-render to reflect the current formState

[7.39.0] - 2022-11-2

Changed

isValid formState is no longer only applicable with onChange, onTouched, and onBlur mode.

[7.38.0] - 2022-10-19

Added

support build-in validation with input type week and time
<input {...register("week", { min: "2022-W40" })} type="week" />
<input {...register("time", { min: "11:00" })} type="time" />
[7.37.0] - 2022-10-07

Added

new formState defaultValues
const { formState, watch } = useForm({
  defaultValues: { name: 'test' },
});
const { defaultValues } = useFormState();
const name = watch('name');
return (
<div>
<p>Your name was {defaultValues.name}</p>
<p>Updated name is {name}</p>
</div>
);
Changed

defaultValues: complex object data contains prototype methods will not be cloned internally

[7.36.0] - 2022-9-20

... (truncated)

Commits

40a888e 7.39.5
6fad693 🥽 improve watch logic (#9397)
1eeef58 🔨 fix conditional useFormState test (#9388)
d8471c5 🐞 fix #9383 always update errors state for field array even when errors subsc...
881fd8a 🌻 close #9379 flush extra re-render at useFormState to update current form ...
52f3b0d 🍄 upgrade to TS4.9 (#9371)
b6a7f65 7.39.4
b107e62 🐞 fix #9365 native validation error persist (#9370)
9f02f76 🐞 fix #9366 useWatch with shadow clone Set data (#9369)
c69e9b9 7.39.3
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.4 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.4.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.4

🐞 fix #9366 useWatch with shadow clone Set data (#9369) 🐞 fix #9365 native validation error persists (#9370)

Version 7.39.3

🤦 fix #9355 by revert "🥸 related #9310 regression to include actual ref instead custom object ( #9312)"

Version 7.39.2

⌨️ close #9339 objects of validation rules type (#9341) 🥸 related #9310 regression to include actual ref instead custom object ( #9312)

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)
<input
  {...register("week", { min: "2022-W40", max: "2022-W50" })}
  type="week"
/>
<input
  {...register("time", { min: "11:00", max: "12:00" })}
  type="time"
/>
https://user-images.githubusercontent.com/10513364/196547407-8ea7363c-44b8-463e-9aaf-f946a2e5af88.mov

🧘🏻 enable focus error with disabled inputs while submitting (#9155) 🧱 prevent runtime error startsWith called with undefined (#9223) 🐞 fix #9216 isValid state not update with async form level trigger (#9218) 🧦 fix accessibility issue on examples with input missing id (#9174) 🚔 check field array value type before updating (#9170) 📓 update TSDoc for useFieldArray (#9178)

... (truncated)

Commits

b6a7f65 7.39.4
b107e62 🐞 fix #9365 native validation error persist (#9370)
9f02f76 🐞 fix #9366 useWatch with shadow clone Set data (#9369)
c69e9b9 7.39.3
2d65383 Revert "🥸 related #9310 regression to include actual ref instead custom objec...
3bd1517 7.39.2
554f1e8 ⌨️ close #9339 objects of validation rules type (#9341)
04d0765 🥸 related #9310 regression to include actual ref instead custom object (#9312)
50450e1 7.39.1
b799aac Revert "🤯 use input reference insead custom object (#9132)" (#9311)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.3 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.3.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.3

🤦 fix #9355 by revert "🥸 related #9310 regression to include actual ref instead custom object ( #9312)"

Version 7.39.2

⌨️ close #9339 objects of validation rules type (#9341) 🥸 related #9310 regression to include actual ref instead custom object ( #9312)

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)
<input
  {...register("week", { min: "2022-W40", max: "2022-W50" })}
  type="week"
/>
<input
  {...register("time", { min: "11:00", max: "12:00" })}
  type="time"
/>
https://user-images.githubusercontent.com/10513364/196547407-8ea7363c-44b8-463e-9aaf-f946a2e5af88.mov

🧘🏻 enable focus error with disabled inputs while submitting (#9155) 🧱 prevent runtime error startsWith called with undefined (#9223) 🐞 fix #9216 isValid state not update with async form level trigger (#9218) 🧦 fix accessibility issue on examples with input missing id (#9174) 🚔 check field array value type before updating (#9170) 📓 update TSDoc for useFieldArray (#9178)

thanks to @BogdanCerovac and @leapful

Version 7.37.0

🍨 feature: include defaultValues inside formState (#8966)

... (truncated)

Commits

c69e9b9 7.39.3
2d65383 Revert "🥸 related #9310 regression to include actual ref instead custom objec...
3bd1517 7.39.2
554f1e8 ⌨️ close #9339 objects of validation rules type (#9341)
04d0765 🥸 related #9310 regression to include actual ref instead custom object (#9312)
50450e1 7.39.1
b799aac Revert "🤯 use input reference insead custom object (#9132)" (#9311)
1830302 👺 fix re-render bug with isValid (#9307)
fa2d672 🥼 update changelog v7.39.0
1ec5f5b 7.39.0
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.2 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.2.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.2

⌨️ close #9339 objects of validation rules type (#9341) 🥸 related #9310 regression to include actual ref instead custom object ( #9312)

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)
<input
  {...register("week", { min: "2022-W40", max: "2022-W50" })}
  type="week"
/>
<input
  {...register("time", { min: "11:00", max: "12:00" })}
  type="time"
/>
https://user-images.githubusercontent.com/10513364/196547407-8ea7363c-44b8-463e-9aaf-f946a2e5af88.mov

🧘🏻 enable focus error with disabled inputs while submitting (#9155) 🧱 prevent runtime error startsWith called with undefined (#9223) 🐞 fix #9216 isValid state not update with async form level trigger (#9218) 🧦 fix accessibility issue on examples with input missing id (#9174) 🚔 check field array value type before updating (#9170) 📓 update TSDoc for useFieldArray (#9178)

thanks to @BogdanCerovac and @leapful

Version 7.37.0

🍨 feature: include defaultValues inside formState (#8966)
const { formState, watch } = useForm({
</tr></table> 

... (truncated)

Commits

3bd1517 7.39.2
554f1e8 ⌨️ close #9339 objects of validation rules type (#9341)
04d0765 🥸 related #9310 regression to include actual ref instead custom object (#9312)
50450e1 7.39.1
b799aac Revert "🤯 use input reference insead custom object (#9132)" (#9311)
1830302 👺 fix re-render bug with isValid (#9307)
fa2d672 🥼 update changelog v7.39.0
1ec5f5b 7.39.0
923fb5e 📼 add youtube tutorial video link
e5cc38a 🥊 improve native reset API invoke (#9293)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.39.1 in /docs

Bumps react-hook-form from 6.14.2 to 7.39.1.

Release notes

Sourced from react-hook-form's releases.

Version 7.39.1

Revert "🤯 use input reference instead custom object (#9132)" (#9311)

Version 7.39.0

🔮 improve #8601 and remove the relationship between isValid state with mode (#9219)

https://user-images.githubusercontent.com/10513364/199356486-bec6cff7-0c33-4076-a60a-e15dc86ddb8a.mov

🐞 fix #9282 regression on async validation block validation (#9286) 🐞 fix #9251 isValidating state stale with resolver (#9254) 🏍 delete dirty fields node instead of marking as false (#9156) 🤯 use input reference instead custom object (#9132) 🥊 improve native reset API invoke (#9293) 🦘 related #9290 improve setCustomValidity logic (#9292) 👺 fix re-render bug with isValid (#9307)

Version 7.38.0

🕰 support validation for week and time input type (#9189)
<input
  {...register("week", { min: "2022-W40", max: "2022-W50" })}
  type="week"
/>
<input
  {...register("time", { min: "11:00", max: "12:00" })}
  type="time"
/>
https://user-images.githubusercontent.com/10513364/196547407-8ea7363c-44b8-463e-9aaf-f946a2e5af88.mov

🧘🏻 enable focus error with disabled inputs while submitting (#9155) 🧱 prevent runtime error startsWith called with undefined (#9223) 🐞 fix #9216 isValid state not update with async form level trigger (#9218) 🧦 fix accessibility issue on examples with input missing id (#9174) 🚔 check field array value type before updating (#9170) 📓 update TSDoc for useFieldArray (#9178)

thanks to @BogdanCerovac and @leapful

Version 7.37.0

🍨 feature: include defaultValues inside formState (#8966)
const { formState, watch } = useForm({
  defaultValues: { name: 'test' }
})
const { defaultValues } = useFormState()
</tr></table>

... (truncated)

Commits

50450e1 7.39.1
b799aac Revert "🤯 use input reference insead custom object (#9132)" (#9311)
1830302 👺 fix re-render bug with isValid (#9307)
fa2d672 🥼 update changelog v7.39.0
1ec5f5b 7.39.0
923fb5e 📼 add youtube tutorial video link
e5cc38a 🥊 improve native reset API invoke (#9293)
b07cb30 🦘 related #9290 improve setCustomValidity logic (#9292)
8dbf4dd 🐞 fix #9282 regression on async validation block validation (#9286)
e83b923 🤯 use input reference insead custom object (#9132)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 1

chore: bump react-hook-form from 6.14.2 to 7.41.5 in /docs

Bumps react-hook-form from 6.14.2 to 7.41.5.

Release notes

Sourced from react-hook-form's releases.

Version 7.41.5

🐞 fix #9713 regression on validate function with react native (#9714)

thanks @Moshyfawn

Version 7.41.4

🐞 fix #9709 calling setValue breaks future onChange calls from a Controller (#9710)

thanks @Moshyfawn

Version 7.41.3

💁‍♂️ close #9684 revert UnPackAsyncDefaultValues to avoid TS breaking change

Version 7.41.2

🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)

🎅 Version 7.41.1

🐞 fix #9659 NaN prevent validation update (#9660) 🕯️ close #9524 useWatch return undefined value (#9653) 📖 adjust contributing document (#9641) 💆🏻 fix #9621 with the inline default value (#9622) 🩻 docs: update contribution guidelines (#9605)

thanks to @Mini-ghost and @stefanpl

🎄 Version 7.41.0

👉 NEW values props

The following syntax will react to values prop update/changes.

values will be reactive to update/change and reset accordingly

provide a reset option to keep dirty/touched values potentially
const values = await fetch('API')
useForm({
values, // will reset the form when values updates
// resetOptions: {
//   keepDirtyValues: true
// }
})
👉 NEW async defaultValues props

The following syntax will support async defaultValues, so we will manage the reset form internally and update formState accordingly.

... (truncated)

Commits

bab8706 7.41.5
c048daa 🐞 fix #9713 regression on validate function with react native (#9714)
33ad1d5 7.41.4
17fd388 🐞 closes: #9709 remove ref.value check (#9710)
1647bb2 7.41.3
0af8b00 💁‍♂️ close #9684 revert UnPackAsyncDefaultValues to avoid TS breaking chang...
1af2563 7.41.2
d9b70a8 🤦🏻‍♂️fix #9661 regression on required valueAsNumber (#9662)
508ddc8 7.41.1
48e1b3c 🐞 fix #9659 NaN prevent validation update (#9660)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 0

chore: bump eslint-config-prettier from 7.2.0 to 8.6.0

Bumps eslint-config-prettier from 7.2.0 to 8.6.0.

Changelog

Sourced from eslint-config-prettier's changelog.

Version 8.6.0 (2023-01-02)

Added: [vue/multiline-ternary]. Thanks to @xcatliu!

Version 8.5.0 (2022-03-02)

Added: [@typescript-eslint/space-before-blocks]. Thanks to Masafumi Koba (@ybiquitous)!

Version 8.4.0 (2022-02-19)

Added: [vue/quote-props]. Thanks to @xcatliu!

Version 8.3.0 (2021-04-24)

Added: Support for [@babel/eslint-plugin]. Thanks to Chip Zhang (@ChipZhang) for the heads-up! ([eslint-plugin-babel] is still supported, too.)

Version 8.2.0 (2021-04-13)

Added: [flowtype/quotes]. Thanks to Martin Zlámal (@mrtnzlml)!

Version 8.1.0 (2021-02-24)

Added: [flowtype/object-type-curly-spacing].

Added: Dummy files for the configs removed in 8.0.0. The dummy files throw an error that try to guide you how to upgrade.

Version 8.0.0 (2021-02-21)
Changed: All configs have been merged into one!

To upgrade, change:
{
  "extends": [
    "some-other-config-you-use",
    "prettier",
    "prettier/@typescript-eslint",
    "prettier/babel",
    "prettier/flowtype",
    "prettier/react",
    "prettier/standard",
    "prettier/unicorn",
    "prettier/vue"
  ]
}
Into:

... (truncated)

Commits

414495d eslint-config-prettier v8.6.0
ebcb0bf Update npm packages (#236)
879e82e feat: off vue/multiline-ternary rule (#234)
1218d22 ci: harden workflows (#232)
a57a3bb ci: bump github actions (#221)
ab47f02 Bump minimist from 1.2.5 to 1.2.6 (#220)
3dfe8c6 eslint-config-prettier v8.5.0
348db65 Update npm packages
7c0eea6 Add new rule @typescript-eslint/space-before-blocks (#218)
81019da eslint-config-prettier v8.4.0
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 0

chore: bump eslint-plugin-react from 7.22.0 to 7.31.11

Bumps eslint-plugin-react from 7.22.0 to 7.31.11.

Release notes

Sourced from eslint-plugin-react's releases.

v7.31.11

Fixed

[jsx-no-target-blank]: allow ternaries with literals (#3464[] @akulsr0)

[no-unknown-property]: add inert attribute (#3484[] @ljharb)

[jsx-key]: detect keys in logical expression and conditional expression (#3490[] @metreniuk)

Changed

[Perf] component detection: improve performance by avoiding traversing parents unnecessarily (#3459[] @golopot)

[Docs] [forbid-component-props]: inclusive language w/ allowlist (#3473[] @AndersDJohnson)

[Docs] automate doc generation with eslint-doc-generator (#3469[] @bmish)

#1000: jsx-eslint/eslint-plugin-react#1000 #1002: jsx-eslint/eslint-plugin-react#1002 #1005: jsx-eslint/eslint-plugin-react#1005 #100: jsx-eslint/eslint-plugin-react#100 #1010: jsx-eslint/eslint-plugin-react#1010 #1013: jsx-eslint/eslint-plugin-react#1013 #1022: jsx-eslint/eslint-plugin-react#1022 #1029: jsx-eslint/eslint-plugin-react#1029 #102: jsx-eslint/eslint-plugin-react#102 #1034: jsx-eslint/eslint-plugin-react#1034 #1038: jsx-eslint/eslint-plugin-react#1038 #1041: jsx-eslint/eslint-plugin-react#1041 #1043: jsx-eslint/eslint-plugin-react#1043 #1046: jsx-eslint/eslint-plugin-react#1046 #1047: jsx-eslint/eslint-plugin-react#1047 #1050: jsx-eslint/eslint-plugin-react#1050 #1053: jsx-eslint/eslint-plugin-react#1053 #1057: jsx-eslint/eslint-plugin-react#1057 #105: jsx-eslint/eslint-plugin-react#105 #1061: jsx-eslint/eslint-plugin-react#1061 #1062: jsx-eslint/eslint-plugin-react#1062 #1070: jsx-eslint/eslint-plugin-react#1070 #1071: jsx-eslint/eslint-plugin-react#1071 #1073: jsx-eslint/eslint-plugin-react#1073 #1076: jsx-eslint/eslint-plugin-react#1076 #1079: jsx-eslint/eslint-plugin-react#1079 #1088: jsx-eslint/eslint-plugin-react#1088 #1098: jsx-eslint/eslint-plugin-react#1098 #1101: jsx-eslint/eslint-plugin-react#1101 #1103: jsx-eslint/eslint-plugin-react#1103 #110: jsx-eslint/eslint-plugin-react#110 #1116: jsx-eslint/eslint-plugin-react#1116 #1117: jsx-eslint/eslint-plugin-react#1117 #1119: jsx-eslint/eslint-plugin-react#1119 #1121: jsx-eslint/eslint-plugin-react#1121 #1122: jsx-eslint/eslint-plugin-react#1122 #1123: jsx-eslint/eslint-plugin-react#1123 #1130: jsx-eslint/eslint-plugin-react#1130 #1131: jsx-eslint/eslint-plugin-react#1131

... (truncated)

Changelog

Sourced from eslint-plugin-react's changelog.

7.31.11 - 2022.11.17

Fixed

[jsx-no-target-blank]: allow ternaries with literals (#3464[] @akulsr0)

[no-unknown-property]: add inert attribute (#3484[] @ljharb)

[jsx-key]: detect keys in logical expression and conditional expression (#3490[] @metreniuk)

Changed

[Perf] component detection: improve performance by avoiding traversing parents unnecessarily (#3459[] @golopot)

[Docs] forbid-component-props: inclusive language w/ allowlist (#3473[] @AndersDJohnson)

[Docs] automate doc generation with eslint-doc-generator (#3469[] @bmish)

#3490: jsx-eslint/eslint-plugin-react#3490 #3484: jsx-eslint/eslint-plugin-react#3484 #3473: jsx-eslint/eslint-plugin-react#3473 #3469: jsx-eslint/eslint-plugin-react#3469 #3464: jsx-eslint/eslint-plugin-react#3464 #3459: jsx-eslint/eslint-plugin-react#3459

7.31.10 - 2022.10.10

Fixed

[no-unknown-property]: allow allowFullScreen on iframe (#3455[] @almeidx)

#3455: jsx-eslint/eslint-plugin-react#3455

7.31.9 - 2022.10.09

Fixed

[no-unknown-property]: add dialog attributes (#3436[] @ljharb)

[no-arrow-function-lifecycle]: when converting from an arrow, remove the semi and wrapping parens (#3337[] @ljharb)

[jsx-key]: Ignore elements inside React.Children.toArray() (#1591[] @silvenon)

[jsx-no-constructed-context-values]: fix false positive for usage in non-components (#3448[] @golopot)

[static-property-placement]: warn on nonstatic expected-statics (#2581[] @ljharb)

[no-unknown-property]: properly tag-restrict case-insensitive attributes (@ljharb)

[no-unknown-property]: allow webkitDirectory on input, case-insensitive (#3454[] @ljharb)

Changed

[Docs] [no-unknown-property]: fix typo in link (#3445[] @denkristoffer)

[Perf] component detection: improve performance by optimizing getId (#3451[] @golopot)

[Docs] [no-unstable-nested-components]: Warn about memoized, nested components (#3444[] @eps1lon)

#3454: jsx-eslint/eslint-plugin-react#3454 #3451: jsx-eslint/eslint-plugin-react#3451 #3448: jsx-eslint/eslint-plugin-react#3448 #3445: jsx-eslint/eslint-plugin-react#3445 #3444: jsx-eslint/eslint-plugin-react#3444

... (truncated)

Commits

8e5ce6c Update CHANGELOG and bump version
041a120 [Fix] jsx-key: detect keys in logical expression and conditional expression...
f5e5da8 [Deps] update array-includes, array.prototype.flatmap, `array.prototype.t...
acebf4d [Dev Deps] update @babel/core
4c85b9e [Fix] no-unknown-property: add inert attribute (#3484)
1e16be1 [Docs] automate doc generation with eslint-doc-generator (#3469)
03df592 [actions] rename secret to a more approps name
7a3fd6e [actions] update used actions
e40b0a6 [Docs] forbid-component-props: inclusive language w/ allowlist (#3473)
a8d2942 [actions] Add npm publish workflow (#3460)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 0

chore: bump react-live from 2.2.3 to 3.1.1 in /docs

Bumps react-live from 2.2.3 to 3.1.1.

Release notes

Sourced from react-live's releases.

v3.1.1

🐛 Bugfixes 🐛

add spellCheck=false to stop Editor underlining code by @jpdriver in FormidableLabs/react-live#316

Full Changelog: https://github.com/FormidableLabs/react-live/compare/v3.1.0...v3.1.1

This pre-release is currently available on NPM via yarn add react-live@next

v3.1.0

✨ Features ✨

update prism-react-renderer by @jpdriver in FormidableLabs/react-live#314

🐛 Bugfixes 🐛

introduced in v3.0.0

update sucrase by @jpdriver in FormidableLabs/react-live#313

🔐 Security 🔐

remove Object.assign polyfill by @jpdriver in FormidableLabs/react-live#312

Full Changelog: https://github.com/FormidableLabs/react-live/compare/v3.0.0...v3.1.0

v3.0.0

This release contains significant internal changes.

Prior to v3.0.0, earlier versions of the library used different internals. We recommend using the latest version you can.

Version Supported React version Editor Transpiler

v3.x.x v17.x.x use-editable Sucrase

v2.x.x v16.x.x react-simple-code-editor Bublé

Additionally, several members of the community reported an issue introduced in 2.3.0 which threw the following Invariant error:
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
This appears to have been cause by differing React versions between React Live and projects targeting React 17.

Upgrading to this new release should address that issue.

🚨 Breaking 🚨

swap Buble for Sucrase by @jpdriver in FormidableLabs/react-live#295

Version	Supported React version	Editor	Transpiler
v3.x.x	v17.x.x	`use-editable`	`Sucrase`
v2.x.x	v16.x.x	`react-simple-code-editor`	`Bublé`

... (truncated)

Commits

e36630b v3.1.1
e21fd33 Merge pull request #316 from FormidableLabs/jp-disable-spellcheck
a72a7c0 add spellCheck=false to stop Editor underlining code
bfd0cdd Merge pull request #314 from FormidableLabs/jp-update-prism-react-renderer
185627f update prism-react-renderer
f5818d5 Merge pull request #313 from FormidableLabs/jp-update-sucrase
5617cef update sucrase
c63fbfe Merge pull request #312 from FormidableLabs/jp-remove-object-assign-polyfill
6c71dd6 remove Object.assign polyfill from core-js
98925cc v3.0.0
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 0

chore: bump styled-components from 5.2.1 to 5.3.6

Bumps styled-components from 5.2.1 to 5.3.6.

Release notes

Sourced from styled-components's releases.

v5.3.6

What's Changed

Fix statement on Ukraine by @Fer0x in styled-components/styled-components#3724

Fix/nonce in ssr by @samimakicc in styled-components/styled-components#3755

New Contributors

@samimakicc made their first contribution in styled-components/styled-components#3755

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.5...v5.3.6

v5.3.5

Add statement of solidarity against the war on Ukraine 🇺🇦

v5.3.3

What's Changed

Backport #3568 (read from textContent rather than innerHTML during rehydrate) to v5 by @keeganstreet in styled-components/styled-components#3591

[v5] generate more complete sourcemaps by @henryqdineen in styled-components/styled-components#3597

New Contributors

@henryqdineen made their first contribution in styled-components/styled-components#3597

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.1...v5.3.3

v5.3.1

Fix forced server-side mode not triggering global styles (See #3566)

Fix SSR collisions caused by insufficient hash inputs and reordering of groups on the client, which is a regression in v5.2.0 (See #3563)

Fix dynamic creation React warning for React v18, backported to v5 by @lynndylanhurley (See #3564)

Add missing typeof window check when checking for duplicate instances of styled-components (See #3553)

Prevent ServerStyleSheet from emitting empty style tags, which would cause issues in IE11 (See #3555)

Support css tagged templates inside style objects, by @roginfarrer and @dvingo (See #3469)

v5.3.0

Pass elementToBeCreated as a third parameter to shouldForwardProp so that the user-specified function can decide whether to pass through props based on whether the created element will be a tag or another component. (see #3436)

Fix React Native components accepts function as style prop. (see #3389)

v5.2.3

fix an issue with an unguarded window accessor in a SSR path ([see #3446](styled-components/styled-components#3446))

v5.2.2

For React Native based components, pass testID down to the native component if specified for an easier time testing. (see #3365)

Enable users of the babel macro to customize the styled-components import with importModuleName (see #3422)

[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see #3397)

Changelog

Sourced from styled-components's changelog.

Changelog

All notable changes to this project will be documented in this file. If a contribution does not have a mention next to it, @geelen or @mxstbr did it.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

Unreleased

Rehydrate stylesheets from textContent rather than innerHTML to fix issue of selectors sometimes being HTML encoded (see #3567).

Use class instead of className for unidentified DOM elements (better support for styling web components)

Upgrade to stylis v4

Rename masterSheet in internals to mainSheet

Stabilize the identity of the style prop that is passed into components. This will help in styling PureComponent or React.memo components.

[v5.3.0] - 2021-05-04

Pass elementToBeCreated as a third parameter to shouldForwardProp so that the user-specified function can decide whether to pass through props based on whether the created element will be a tag or another component. (see #3436)

Fix React Native components accepts function as style prop. (see #3389)

[v5.2.2] - 2021-03-30

For React Native based components, pass testID down to the native component if specified for an easier time testing. (see #3365)

Enable users of the babel macro to customize the styled-components import with importModuleName (see #3422)

[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see #3397)

Commits

914f7ed v5.3.6
4bace25 Fix/nonce in ssr (#3755)
2bc6f9c Fix statement on Ukraine (#3724)
ee8f0ae v5.3.5
f6eb4c1 fix: expose postinstall.js
ba9d732 v5.3.4
a2bb310 Bump is-prop-valid to forward translate attribute (#3619)
9b34570 v5.3.3
c14514e v5.3.2
32f58ef generate more complete sourcemaps (#3597)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

dependencies

opened by dependabot[bot] 0

chore: bump styled-components from 5.2.1 to 5.3.6 in /docs

Bumps styled-components from 5.2.1 to 5.3.6.

Release notes

Sourced from styled-components's releases.

v5.3.6

What's Changed

Fix statement on Ukraine by @Fer0x in styled-components/styled-components#3724

Fix/nonce in ssr by @samimakicc in styled-components/styled-components#3755

New Contributors

@samimakicc made their first contribution in styled-components/styled-components#3755

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.5...v5.3.6

v5.3.5

Add statement of solidarity against the war on Ukraine 🇺🇦

v5.3.3

What's Changed

Backport #3568 (read from textContent rather than innerHTML during rehydrate) to v5 by @keeganstreet in styled-components/styled-components#3591

[v5] generate more complete sourcemaps by @henryqdineen in styled-components/styled-components#3597

New Contributors

@henryqdineen made their first contribution in styled-components/styled-components#3597

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.1...v5.3.3

v5.3.1

Fix forced server-side mode not triggering global styles (See #3566)

Fix SSR collisions caused by insufficient hash inputs and reordering of groups on the client, which is a regression in v5.2.0 (See #3563)

Fix dynamic creation React warning for React v18, backported to v5 by @lynndylanhurley (See #3564)

Add missing typeof window check when checking for duplicate instances of styled-components (See #3553)

Prevent ServerStyleSheet from emitting empty style tags, which would cause issues in IE11 (See #3555)

Support css tagged templates inside style objects, by @roginfarrer and @dvingo (See #3469)

v5.3.0

Pass elementToBeCreated as a third parameter to shouldForwardProp so that the user-specified function can decide whether to pass through props based on whether the created element will be a tag or another component. (see #3436)

Fix React Native components accepts function as style prop. (see #3389)

v5.2.3

fix an issue with an unguarded window accessor in a SSR path ([see #3446](styled-components/styled-components#3446))

v5.2.2

For React Native based components, pass testID down to the native component if specified for an easier time testing. (see #3365)

Enable users of the babel macro to customize the styled-components import with importModuleName (see #3422)

[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see #3397)

Changelog

Sourced from styled-components's changelog.

Changelog

All notable changes to this project will be documented in this file. If a contribution does not have a mention next to it, @geelen or @mxstbr did it.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

Unreleased

Rehydrate stylesheets from textContent rather than innerHTML to fix issue of selectors sometimes being HTML encoded (see #3567).

Use class instead of className for unidentified DOM elements (better support for styling web components)

Upgrade to stylis v4

Rename masterSheet in internals to mainSheet

Stabilize the identity of the style prop that is passed into components. This will help in styling PureComponent or React.memo components.

[v5.3.0] - 2021-05-04

Pass elementToBeCreated as a third parameter to shouldForwardProp so that the user-specified function can decide whether to pass through props based on whether the created element will be a tag or another component. (see #3436)

Fix React Native components accepts function as style prop. (see #3389)

[v5.2.2] - 2021-03-30

For React Native based components, pass testID down to the native component if specified for an easier time testing. (see #3365)

Enable users of the babel macro to customize the styled-components import with importModuleName (see #3422)

[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see #3397)

Commits

914f7ed v5.3.6
4bace25 Fix/nonce in ssr (#3755)
2bc6f9c Fix statement on Ukraine (#3724)
ee8f0ae v5.3.5
f6eb4c1 fix: expose postinstall.js
ba9d732 v5.3.4
a2bb310 Bump is-prop-valid to forward translate attribute (#3619)
9b34570 v5.3.3
c14514e v5.3.2
32f58ef generate more complete sourcemaps (#3597)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)