fix: Make all keys of Formats type optional for easier usage

packages/next-intl/src/react-server/getTranslator.tsx

@@ -38,7 +38,7 @@ function getTranslatorImpl<
   >(
     key: TargetKey,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `rich`
@@ -58,7 +58,7 @@ function getTranslatorImpl<
   >(
     key: TargetKey,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray;
 
   // `markup`
@@ -78,7 +78,7 @@ function getTranslatorImpl<
   >(
     key: TargetKey,
     values?: MarkupTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `raw`

packages/next-intl/src/server/react-server/getTranslations.tsx

@@ -43,7 +43,7 @@ Promise<{
   >(
     key: [TargetKey] extends [never] ? string : TargetKey,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `rich`
@@ -63,7 +63,7 @@ Promise<{
   >(
     key: [TargetKey] extends [never] ? string : TargetKey,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray;
 
   // `markup`
@@ -83,7 +83,7 @@ Promise<{
   >(
     key: [TargetKey] extends [never] ? string : TargetKey,
     values?: MarkupTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `raw`
@@ -132,7 +132,7 @@ Promise<{
   >(
     key: TargetKey,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `rich`
@@ -152,7 +152,7 @@ Promise<{
   >(
     key: TargetKey,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray;
 
   // `markup`
@@ -172,7 +172,7 @@ Promise<{
   >(
     key: TargetKey,
     values?: MarkupTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `raw`

packages/use-intl/src/core/Formats.tsx

@@ -2,9 +2,9 @@ import DateTimeFormatOptions from './DateTimeFormatOptions';
 import NumberFormatOptions from './NumberFormatOptions';
 
 type Formats = {
-  number: Record<string, NumberFormatOptions>;
-  dateTime: Record<string, DateTimeFormatOptions>;
-  list: Record<string, Intl.ListFormatOptions>;
+  number?: Record<string, NumberFormatOptions>;
+  dateTime?: Record<string, DateTimeFormatOptions>;
+  list?: Record<string, Intl.ListFormatOptions>;
 };
 
 export default Formats;

packages/use-intl/src/core/IntlConfig.tsx

@@ -13,7 +13,7 @@ type IntlConfig<Messages = AbstractIntlMessages> = {
   locale: string;
   /** Global formats can be provided to achieve consistent
    * formatting across components. */
-  formats?: Partial<Formats>;
+  formats?: Formats;
   /** A time zone as defined in [the tz database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) which will be applied when formatting dates and times. If this is absent, the user time zone will be used. You can override this by supplying an explicit time zone to `formatDateTime`. */
   timeZone?: TimeZone;
   /** This callback will be invoked when an error is encountered during

packages/use-intl/src/core/convertFormatsToIntlMessageFormat.tsx

@@ -32,7 +32,7 @@ function setTimeZoneInFormats(
  * to convert the format before `intl-messageformat` can be used.
  */
 export default function convertFormatsToIntlMessageFormat(
-  formats: Partial<Formats>,
+  formats: Formats,
   timeZone?: TimeZone
 ): Partial<IntlFormats> {
   const formatsWithTimeZone = timeZone

packages/use-intl/src/core/createBaseTranslator.tsx

@@ -221,7 +221,7 @@ function createBaseTranslatorImpl<
     /** Key value pairs for values to interpolate into the message. */
     values?: RichTranslationValues,
     /** Provide custom formats for numbers, dates and times. */
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray {
     if (messagesOrError instanceof IntlError) {
       // We have already warned about this during render
@@ -360,7 +360,7 @@ function createBaseTranslatorImpl<
     /** Key value pairs for values to interpolate into the message. */
     values?: TranslationValues,
     /** Provide custom formats for numbers, dates and times. */
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string {
     const result = translateBaseFn(key, values, formats);
 

packages/use-intl/src/core/createFormatter.tsx

@@ -73,7 +73,7 @@ type Props = {
   locale: string;
   timeZone?: TimeZone;
   onError?(error: IntlError): void;
-  formats?: Partial<Formats>;
+  formats?: Formats;
   now?: Date;
   /** @private */
   _formatters?: Formatters;

packages/use-intl/src/core/createTranslator.tsx

@@ -65,7 +65,7 @@ export default function createTranslator<
   >(
     key: TargetKey,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `rich`
@@ -85,7 +85,7 @@ export default function createTranslator<
   >(
     key: TargetKey,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray;
 
   // `markup`
@@ -105,7 +105,7 @@ export default function createTranslator<
   >(
     key: TargetKey,
     values?: MarkupTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `raw`

packages/use-intl/src/react/useTranslations.test.tsx

@@ -44,7 +44,7 @@ vi.mock('intl-messageformat', async (importOriginal) => {
 function renderMessage(
   message: string,
   values?: TranslationValues,
-  formats?: Partial<Formats>,
+  formats?: Formats,
   providerProps?: Partial<ComponentProps<typeof IntlProvider>>
 ) {
   function Component() {
@@ -404,7 +404,7 @@ describe('t.rich', () => {
   function renderRichTextMessage(
     message: string,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ) {
     function Component() {
       const t = useTranslations();
@@ -884,8 +884,8 @@ describe('error handling', () => {
 describe('global formats', () => {
   function renderDate(
     message: string,
-    globalFormats?: Partial<Formats>,
-    overrideFormats?: Partial<Formats>
+    globalFormats?: Formats,
+    overrideFormats?: Formats
   ) {
     function Component() {
       const t = useTranslations();
@@ -952,7 +952,7 @@ describe('default translation values', () => {
   function renderRichTextMessageWithDefault(
     message: string,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ) {
     function Component() {
       const t = useTranslations();
@@ -977,7 +977,7 @@ describe('default translation values', () => {
   function renderMessageWithDefault(
     message: string,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ) {
     function Component() {
       const t = useTranslations();

packages/use-intl/src/react/useTranslations.tsx

@@ -45,7 +45,7 @@ export default function useTranslations<
   >(
     key: TargetKey,
     values?: TranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `rich`
@@ -65,7 +65,7 @@ export default function useTranslations<
   >(
     key: TargetKey,
     values?: RichTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string | ReactElement | ReactNodeArray;
 
   // `markup`
@@ -85,7 +85,7 @@ export default function useTranslations<
   >(
     key: TargetKey,
     values?: MarkupTranslationValues,
-    formats?: Partial<Formats>
+    formats?: Formats
   ): string;
 
   // `raw`