react-hook-form

🥃 revert #7016 and add type test coverage (#7082)
🫀 close #7079 flush update at the field array level before app/form-level (#7080)

✨ feature: useWatch/useFormState exact prop (#6983)

useWatch({
  name: 'test.test',
  exact: true,
});

useFormState({
  name: 'test.test',
  exact: true,
});

🎳 close #7032 with stale onBlur value (#7078)
📦 upgrade to ts 4.5.2 (#6944)
👂 remove early subscription (#7056)
📦 chore: Modify package.json to include es6 imports (#7034)
🗃️ fix(package.json): add node requirement version (#7039)

thanks to @barrymay @neighborhood999 and @karanaditya993

🐞 fix #7031 fast refresh (#7035)

💅 close #7023 issue with async useFieldArray actions (#7029)
👁️ chore(useWatch): making the name a read-only array (#7016)
⌨️ adds types for no supplied props argument (#7017)
🤦🏻‍♂️ close #7013 avoid shallow clone for the custom object (#7014)

thanks to @dborysov @sfrieson

🐞 fix #7011 reset API with shouldUnregister: true for controlled components (#7012)

🐞 fix #7009 fix fast refresh with controller (#7010)
👍🏻 close #7001 shouldUnregister: true with useController unmount defaultValue (#7008)
🧠 close #6994 issue with mutate original state with shouldUnreigster: true (#6998)

🐞 fix #6984 disabled input with register value (#6985)
🤲 close #6987 avoid shallow clone for object field (#6988)

✨ feature: new resetField API (#6891)

const { resetField } = useForm();

resetField('test')

resetField('test', {
  keepError: true,
  keepDirty: true,
  keepTouched: true,
  defaultValue: 'test1',
})

⏱ close #6966 improve trigger by avoiding additional validation invocation (#6967)

thanks to @barrymay and @kotarella1110

😔 fix 6933 by revert FieldPathWithValue type #6753 (#6934)
🧢 close #6928 prevent schema error before user's action (#6929)

thanks to @mnigh @kotarella1110 @barrymay

✨ new resetField API

const { resetField } = useForm();

resetField('test')

resetField('test', {
  keepError: true,
  keepDirty: true,
  keepTouched: true,
  defaultValue: 'test1',
})

🧢 close #6928 prevent schema error before user's action (#6929)
🧹remove createSubscription and createSubscriber to reduce size (#6880)
✌🏻 improve react strict mode support with subscription
✌🏻 improve useController by integrating with useWatch
✌🏻 package size-reduction (close to 1%)
✌🏻 internally removed skipEarlySubscription

👨‍👨‍👦 schema error parent level look up (#6869)

const validationSchema = object().shape({
  questions: array()
    .min(1, "Array cannot be empty")
    .of(
      object().shape({
        text: string().required("Some text is required")
      })
    )
});

function App() {
  const {
    control,
    formState: { errors },
    register
  } = useForm({
    mode: "onChange",
    resolver: yupResolver(validationSchema),
    defaultValues: { questions: [ { text: 'test' } ] }
  });
  const { fields, remove } = useFieldArray({
    control,
    name: "questions",
  });
  console.log(errors);
  return (
    <form>
      {fields.map((question, questionIndex) => (
        <div key={question.key}>
          <input {...register(`questions[${questionIndex}].text`)} />

          <button type="button"
            onClick={() => {
              remove(questionIndex);
            }}
          >
            Remove
          </button>
        </div>
      ))}
    </form>
  );
}

Codesandbox LInk: works with min length parent error object look up

😞 fix #6896 validation isValid mixed with schema result (#6901)
🍨 close #6899 trigger isolate render for targeted input name (#6900)
👂 close #6889 disable early subscription with useController (#6890)
🐞 fix #6792 reset with keepDefaultValues (#6886)
℁ change the subject from class to function base to improve readability and reduce the size (#6843)
👂🏻 make sure subscriptions get unsubscribed after unmount (#6873)
🧻 prevent error lookup with fields (#6871)

Revert "Revert "✨ Add support for generic components using `FieldPat… (#6753)

type ExpectedType = { test: string };

const Generic = <FormValues extends FieldValues>({
  name,
  control,
}: {
  name: FieldPathWithValue<FormValues, ExpectedType>;
  control: Control<FormValues>;
}) => {
  const {
    field: { value, ...fieldProps },
  } = useController<FormValues, ExpectedType>({
    name,
    control,
    defaultValue: { test: 'value' },
  });

  return <input type="text" value={value.test} {...fieldProps} />;
};

😢 fix #6856 regression on set input file list (#6861)
⌨️ fix #6852 watch missing type with DeepPartial (#6854)

thanks to @kotarella1110

✨ enable sharing form sections between forms in typescript (#6807)
🐞 fix #6834 clearErrors not reset isValid formState to true
⚠️ close #6830 warning under strict mode with Controller formState update (#6832)
🧪 include test coverage #6826 (#6827)
✨ add TypeScript support for optional array fields (#6826)
👔 allow Jest VSCode extension to run successfully on startup (#6810)

thanks to @barrymay @LinusU and @SimonSelg

😮‍💨 fix setFocus api issue #6804
⌨️ close #6761 improve useWatch return array type (#6788)
Revert "🧶 add support for extended generics in path type (#6762)" (#6802)
🐞 fix #6792 reset keep defaultValues with useWatch return (#6794)
⚡️ upgrade eslint to 8.0 and other package (#6789)

🦗 close #6777 fall back to defaultValues with shouldUnregister: true with unmount fieldArray (#6780)
🧯 change validation message in example code to match the rule better (#6781)
🌳 rename document.contains to live function (#6778)
🐞 fix 6764 reset with keepDefaultValues: true with isDirty and dirtyFields (#6774)
🐞 fix #6765 useFieldArray trigger validation by field name (#6768)
🧶 add support for extended generics in path type (#6762)
🐞 fix #6754 focus issue with radio and checkbox (#6755)

thanks to @RolkerMan @hpohlmeyer

✨ Add support for generic components using FieldPathWithValue (#6562)

type ExpectedType = { test: string };

const Generic = <FormValues extends FieldValues>({
  name,
  control,
}: {
  name: FieldPathWithValue<FormValues, ExpectedType>;
  control: Control<FormValues>;
}) => {
  const {
    field: { value, ...fieldProps },
  } = useController<FormValues, ExpectedType>({
    name,
    control,
    defaultValue: { test: 'value' },
  });

  return <input type="text" value={value.test} {...fieldProps} />;
};

🐞 fix #6748 skip clone object when object contains function nodes (#6749)
⏮ revert interface & mapped type update (#6747)
🐞 fix #6736 custom onChange getting called on blur (#6746)
🐞 fix #6731 subscription issue with unmount field array (#6732)
💉 simplify controller field state error type (#6730)
🌟 improve reset with keepDefaultValues options (#6720)
👂 improve useSubscribe hook (#6724)
📖 more TS test coverage for missing generic at useForm (#6716)

thanks to @fzkirablackwhy @kotarella1110

Revert "✨ Add support for generic components using FieldPathWithValue (#6562)" (#6717)
🖌️ fix Path and ArrayPath types for defined value type with interface (#6626)
🧉 close #6657 support equality check on date time object (#6706)

thanks to @kotarella1110 @jviall

✨ Add support for generic components using FieldPathWithValue (#6562)

type ExpectedType = { test: string };

const Generic = <FormValues extends FieldValues>({
  name,
  control,
}: {
  name: FieldPathWithValue<FormValues, ExpectedType>;
  control: Control<FormValues>;
}) => {
  const {
    field: { value, ...fieldProps },
  } = useController<FormValues, ExpectedType>({
    name,
    control,
    defaultValue: { test: 'value' },
  });

  return <input type="text" value={value.test} {...fieldProps} />;
};

⚙️ migrate from Select.options to Select.selectedOptions (#6678) (#6687)
🐞 fix #6683 trigger regression with isValid subscription (#6686)

Thanks to @julienfouilhe and @krnlde

⌨️ fix field state error type with NestedValue (#6658)
👓 fix #6655 issue with field array focus name with filter operator (#6656)
🐞 fix #6651 trigger api with schema validation per field level (#6652)

Thanks to @kotarella1110 @barrymay @nicholascm @fahadsohail482

🎹 fix #6646 incorrect type with fieldState error (#6650)
🎧 refactor subscription logic into useSubscribe (#6614)

Thanks to @kotarella1110 @barrymay