next-intl 2.4.1 → 2.7.0

package/README.md

@@ -7,7 +7,7 @@
 	<br>
 </h1>
 
-> A minimal, but complete solution for managing translations, date, time and number formatting in Next.js apps.
+> A minimal, but complete solution for internationalization in Next.js apps.
 
 ![Gzipped size](https://badgen.net/bundlephobia/minzip/next-intl) ![Tree shaking supported](https://badgen.net/bundlephobia/tree-shaking/next-intl) [<img src="https://img.shields.io/npm/dw/next-intl.svg" />](https://www.npmjs.com/package/next-intl)
 
@@ -18,6 +18,7 @@ This library complements the [internationalized routing](https://nextjs.org/docs
 - 🌟 **Proven ICU syntax**: This covers interpolation, plurals, ordinal pluralization, label selection based on enums and rich text. I18n is an essential part of the user experience, therefore this library doesn't compromise on flexibility and never leaves you behind when you need to fine tune a translation.
 - 📅 **Built-in date, time and number formatting**: You can use global formats for a consistent look & feel of your app and integrate them with translations.
 - 💡 **Hooks-only API**: This ensures that you can use the same API for `children` as well as for attributes which expect strings.
+- ✅ **Type-safe**: If you're using TypeScript, you'll benefit from autocompletion for available message keys and compile-time errors for typos.
 - ⚔️ **Battle-tested building blocks**: This library is a minimal wrapper around built-in browser APIs and supplemental lower-level APIs from Format.JS.
 - 🚀 **Fast**: By integrating with both static as well as server side rendering you always get the best possible performance from your app.
 

package/dist/next-intl.cjs.development.js

@@ -2,12 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var router = require('next/router');
-var React = _interopDefault(require('react'));
+var React = require('react');
 var useIntl = require('use-intl');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -23,11 +43,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["locale"];
 function NextIntlProvider(_ref) {
   var _useRouter;
 
   var locale = _ref.locale,
-      rest = _objectWithoutPropertiesLoose(_ref, ["locale"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   // The router can be undefined if used in a context outside
   // of Next.js (e.g. unit tests, Storybook, ...)
@@ -38,21 +59,19 @@ function NextIntlProvider(_ref) {
   }
 
   if (!locale) {
-    throw new Error( "Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`." );
+    throw new Error("Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`." );
   }
 
-  return React.createElement(useIntl.IntlProvider, Object.assign({
+  return React__default["default"].createElement(useIntl.IntlProvider, _extends({
     locale: locale
   }, rest));
 }
 
+exports.NextIntlProvider = NextIntlProvider;
 Object.keys(useIntl).forEach(function (k) {
-  if (k !== 'default') Object.defineProperty(exports, k, {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () {
-      return useIntl[k];
-    }
+    get: function () { return useIntl[k]; }
   });
 });
-exports.NextIntlProvider = NextIntlProvider;
 //# sourceMappingURL=next-intl.cjs.development.js.map

package/dist/next-intl.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.cjs.development.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;SAQwBA;;;MAAkBC,cAAAA;MAAWC;;AACnD;AACA;AACA,MAAMC,UAAU,iBAAGC,gBAAS,EAAZ,qBAAG,WAAaH,MAAhC;;AAEA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT;AACD;;AAED,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,EAEA,+IADJ,CADI,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,oBAAD;AAAcN,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;;;;;;;;;"}
+{"version":3,"file":"next-intl.cjs.development.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","React","createElement","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQc,SAAUA,gBAAV,CAAmD,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,CAAA;;AAAA,EAAvBC,IAAAA,MAAuB,QAAvBA,MAAuB;AAAA,MAAZC,IAAY,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/D;AACA;AACA,EAAA,IAAMC,UAAU,GAAGC,CAAAA,UAAAA,GAAAA,gBAAS,EAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAG,WAAaH,MAAhC,CAAA;;AAEA,EAAA,IAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT,CAAA;AACD,GAAA;;AAED,EAAI,IAAA,CAACF,MAAL,EAAa;AACX,IAAA,MAAM,IAAII,KAAJ,CAEA,+IADJ,CADI,CAAN,CAAA;AAKD,GAAA;;AAED,EAAA,OAAOC,yBAAA,CAAAC,aAAA,CAACC,oBAAD,EAAA,QAAA,CAAA;AAAcP,IAAAA,MAAM,EAAEA,MAAAA;AAAtB,GAAA,EAAkCC,IAAlC,CAAP,CAAA,CAAA;AACD;;;;;;;;;;"}

package/dist/next-intl.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("next/router"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,n=require("use-intl");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.NextIntlProvider=function(e){var o,u=e.locale,l=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r.indexOf(t=u[n])>=0||(o[t]=e[t]);return o}(e,["locale"]),i=null==(o=r.useRouter())?void 0:o.locale;if(!u&&i&&(u=i),!u)throw new Error(void 0);return t.createElement(n.IntlProvider,Object.assign({locale:u},l))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/router"),r=require("react"),t=require("use-intl");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);function u(){return u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}var l=["locale"];exports.NextIntlProvider=function(r){var n,a=r.locale,i=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r.indexOf(t=u[n])>=0||(o[t]=e[t]);return o}(r,l),c=null==(n=e.useRouter())?void 0:n.locale;if(!a&&c&&(a=c),!a)throw new Error(void 0);return o.default.createElement(t.IntlProvider,u({locale:a},i))},Object.keys(t).forEach((function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})}));
 //# sourceMappingURL=next-intl.cjs.production.min.js.map

package/dist/next-intl.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.cjs.production.min.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["locale","rest","nextLocale","useRouter","_useRouter","Error","undefined","React","IntlProvider"],"mappings":"6WAQ0CA,IAAAA,OAAWC,mJAG7CC,WAAaC,sBAAAC,EAAaJ,WAE3BA,GAAUE,IACbF,EAASE,IAGNF,QACG,IAAIK,WAGJC,UAIDC,gBAACC,8BAAaR,OAAQA,GAAYC"}
+{"version":3,"file":"next-intl.cjs.production.min.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["_ref","_useRouter","locale","rest","_objectWithoutPropertiesLoose","_excluded","nextLocale","useRouter","Error","undefined","React","createElement","IntlProvider","_extends"],"mappings":"udAQc,SAAmDA,GAAA,IAAAC,EAAvBC,IAAAA,OAAWC,oIAAYC,CAAAJ,EAAAK,GAGzDC,EAAU,OAAGC,EAAAA,EAASA,kBAAZ,EAAGN,EAAaC,OAM5B,IAJCA,GAAUI,IACbJ,EAASI,IAGNJ,EACH,MAAM,IAAIM,WAGJC,GAIR,OAAOC,UAAAC,cAACC,EAADA,aAAAC,EAAA,CAAcX,OAAQA,GAAYC"}

package/dist/next-intl.esm.js

@@ -3,6 +3,24 @@ import React from 'react';
 import { IntlProvider } from 'use-intl';
 export * from 'use-intl';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -18,11 +36,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["locale"];
 function NextIntlProvider(_ref) {
   var _useRouter;
 
   var locale = _ref.locale,
-      rest = _objectWithoutPropertiesLoose(_ref, ["locale"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   // The router can be undefined if used in a context outside
   // of Next.js (e.g. unit tests, Storybook, ...)
@@ -36,7 +55,7 @@ function NextIntlProvider(_ref) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`." : undefined);
   }
 
-  return React.createElement(IntlProvider, Object.assign({
+  return React.createElement(IntlProvider, _extends({
     locale: locale
   }, rest));
 }

package/dist/next-intl.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.esm.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","undefined","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;SAQwBA;;;MAAkBC,cAAAA;MAAWC;;AACnD;AACA;AACA,MAAMC,UAAU,iBAAGC,SAAS,EAAZ,qBAAG,WAAaH,MAAhC;;AAEA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT;AACD;;AAED,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,CACJ,wCACI,+IADJ,GAEIC,SAHA,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,YAAD;AAAcP,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;"}
+{"version":3,"file":"next-intl.esm.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","undefined","React","createElement","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQc,SAAUA,gBAAV,CAAmD,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,CAAA;;AAAA,EAAvBC,IAAAA,MAAuB,QAAvBA,MAAuB;AAAA,MAAZC,IAAY,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/D;AACA;AACA,EAAA,IAAMC,UAAU,GAAGC,CAAAA,UAAAA,GAAAA,SAAS,EAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAG,WAAaH,MAAhC,CAAA;;AAEA,EAAA,IAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT,CAAA;AACD,GAAA;;AAED,EAAI,IAAA,CAACF,MAAL,EAAa;AACX,IAAA,MAAM,IAAII,KAAJ,CACJ,wCACI,+IADJ,GAEIC,SAHA,CAAN,CAAA;AAKD,GAAA;;AAED,EAAA,OAAOC,KAAA,CAAAC,aAAA,CAACC,YAAD,EAAA,QAAA,CAAA;AAAcR,IAAAA,MAAM,EAAEA,MAAAA;AAAtB,GAAA,EAAkCC,IAAlC,CAAP,CAAA,CAAA;AACD;;;;"}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "next-intl",
-  "version": "2.4.1",
+  "version": "2.7.0",
   "sideEffects": false,
   "author": "Jan Amann <jan@amann.me>",
-  "description": "A minimal, but complete solution for managing translations, date and number formatting in Next.js apps.",
+  "description": "A minimal, but complete solution for internationalization in Next.js apps.",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/amannn/next-intl"
   },
   "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "TZ=Europe/Berlin tsdx test",
+    "start": "dts watch",
+    "build": "dts build",
+    "test": "TZ=Europe/Berlin dts test",
     "lint": "eslint src test && tsc",
     "prepublishOnly": "yarn test && yarn lint && yarn build && cp ../../README.md ."
   },
@@ -36,27 +36,30 @@
     "next",
     "next.js"
   ],
+  "jest": {
+    "testEnvironment": "jsdom"
+  },
   "dependencies": {
-    "use-intl": "^2.4.1"
+    "use-intl": "^2.7.0"
   },
   "peerDependencies": {
     "next": "^10.0.0 || ^11.0.0 || ^12.0.0",
-    "react": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.1.2",
-    "@types/react": "^17.0.33",
-    "eslint": "7.4.0",
-    "eslint-config-molindo": "5.0.1",
-    "next": "^11.0.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "tsdx": "^0.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@types/react": "^18.0.0",
+    "dts-cli": "1.4.0",
+    "eslint": "8.12.0",
+    "eslint-config-molindo": "6.0.0",
+    "next": "^12.1.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "tslib": "^2.3.1",
     "typescript": "^4.4.4"
   },
   "engines": {
     "node": ">=10"
   },
-  "gitHead": "f410247a382e52e5d62cda538f285cb92120719e"
+  "gitHead": "36b019fbc9c58d69a9aa7b14076b0aad0e4d9c16"
 }