@react-aria/i18n 3.0.0-nightly-641446f65-240905

package/server/index.js

@@ -0,0 +1,81 @@
+var $kg1kr$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "PackageLocalizationProvider", () => $417d44b6975b2ee7$export$9ec1fc026a5460ba);
+$parcel$export(module.exports, "getPackageLocalizationScript", () => $417d44b6975b2ee7$export$fe9518edbbdc73da);
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $417d44b6975b2ee7$export$9ec1fc026a5460ba(props) {
+    if (typeof document !== 'undefined') {
+        console.log('PackageLocalizationProvider should only be rendered on the server.');
+        return null;
+    }
+    let { nonce: nonce, locale: locale, strings: strings } = props;
+    // suppressHydrationWarning is necessary because the browser
+    // remove the nonce parameter from the DOM before hydration
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kg1kr$react))).createElement("script", {
+        nonce: typeof window === 'undefined' ? nonce : '',
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+            __html: $417d44b6975b2ee7$export$fe9518edbbdc73da(locale, strings)
+        }
+    });
+}
+function $417d44b6975b2ee7$export$fe9518edbbdc73da(locale, strings) {
+    return `window[Symbol.for('react-aria.i18n.locale')]=${JSON.stringify(locale)};{${$417d44b6975b2ee7$var$serialize(strings)}}`;
+}
+const $417d44b6975b2ee7$var$cache = new WeakMap();
+function $417d44b6975b2ee7$var$serialize(strings) {
+    let cached = $417d44b6975b2ee7$var$cache.get(strings);
+    if (cached) return cached;
+    // Find common strings between packages and hoist them into variables.
+    let seen = new Set();
+    let common = new Map();
+    for(let pkg in strings)for(let key in strings[pkg]){
+        let v = strings[pkg][key];
+        let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+        if (seen.has(s) && !common.has(s)) {
+            let name = String.fromCharCode(common.size > 25 ? common.size + 97 : common.size + 65);
+            common.set(s, name);
+        }
+        seen.add(s);
+    }
+    let res = '';
+    if (common.size > 0) res += 'let ';
+    for (let [string, name] of common)res += `${name}=${string},`;
+    if (common.size > 0) res = res.slice(0, -1) + ';';
+    res += "window[Symbol.for('react-aria.i18n.strings')]={";
+    for(let pkg in strings){
+        res += `'${pkg}':{`;
+        for(let key in strings[pkg]){
+            let v = strings[pkg][key];
+            let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+            if (common.has(s)) s = common.get(s);
+            res += `${/[ ()]/.test(key) ? JSON.stringify(key) : key}:${s},`;
+        }
+        res = res.slice(0, -1) + '},';
+    }
+    res = res.slice(0, -1) + '};';
+    $417d44b6975b2ee7$var$cache.set(strings, res);
+    return res;
+}
+
+
+//# sourceMappingURL=index.js.map

package/server/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAmBM,SAAS,0CAA4B,KAAuC;IACjF,IAAI,OAAO,aAAa,aAAa;QACnC,QAAQ,GAAG,CAAC;QACZ,OAAO;IACT;IAEA,IAAI,SAAC,KAAK,UAAE,MAAM,WAAE,OAAO,EAAC,GAAG;IAC/B,4DAA4D;IAC5D,2DAA2D;IAC3D,qBAAO,0DAAC;QAAO,OAAO,OAAO,WAAW,cAAc,QAAQ;QAAI,0BAAA;QAAyB,yBAAyB;YAAC,QAAQ,0CAA6B,QAAQ;QAAQ;;AAC5K;AAKO,SAAS,0CAA6B,MAAc,EAAE,OAAgC;IAC3F,OAAO,CAAC,6CAA6C,EAAE,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,gCAAU,SAAS,CAAC,CAAC;AACzG;AAEA,MAAM,8BAAQ,IAAI;AAElB,SAAS,gCAAU,OAAgC;IACjD,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,QACF,OAAO;IAGT,sEAAsE;IACtE,IAAI,OAAO,IAAI;IACf,IAAI,SAAS,IAAI;IACjB,IAAK,IAAI,OAAO,QACd,IAAK,IAAI,OAAO,OAAO,CAAC,IAAI,CAAE;QAC5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI;QACzB,IAAI,IAAI,OAAO,MAAM,WAAW,KAAK,SAAS,CAAC,KAAK,EAAE,QAAQ;QAC9D,IAAI,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,IAAI;YACjC,IAAI,OAAO,OAAO,YAAY,CAAC,OAAO,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG;YACnF,OAAO,GAAG,CAAC,GAAG;QAChB;QACA,KAAK,GAAG,CAAC;IACX;IAGF,IAAI,MAAM;IACV,IAAI,OAAO,IAAI,GAAG,GAChB,OAAO;IAET,KAAK,IAAI,CAAC,QAAQ,KAAK,IAAI,OACzB,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAE7B,IAAI,OAAO,IAAI,GAAG,GAChB,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IAG3B,OAAO;IACP,IAAK,IAAI,OAAO,QAAS;QACvB,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC;QACnB,IAAK,IAAI,OAAO,OAAO,CAAC,IAAI,CAAE;YAC5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI;YACzB,IAAI,IAAI,OAAO,MAAM,WAAW,KAAK,SAAS,CAAC,KAAK,EAAE,QAAQ;YAC9D,IAAI,OAAO,GAAG,CAAC,IACb,IAAI,OAAO,GAAG,CAAC;YAEjB,OAAO,CAAC,EAAE,QAAQ,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACjE;QACA,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IAC3B;IACA,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IACzB,4BAAM,GAAG,CAAC,SAAS;IACnB,OAAO;AACT","sources":["packages/@react-aria/i18n/src/server.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {LocalizedString} from '@internationalized/string';\nimport React from 'react';\n\ntype PackageLocalizedStrings = {\n  [packageName: string]: Record<string, LocalizedString>\n};\n\ninterface PackageLocalizationProviderProps {\n  locale: string,\n  strings: PackageLocalizedStrings,\n  nonce?: string\n}\n\n/**\n * A PackageLocalizationProvider can be rendered on the server to inject the localized strings\n * needed by the client into the initial HTML.\n */\nexport function PackageLocalizationProvider(props: PackageLocalizationProviderProps) {\n  if (typeof document !== 'undefined') {\n    console.log('PackageLocalizationProvider should only be rendered on the server.');\n    return null;\n  }\n\n  let {nonce, locale, strings} = props;\n  // suppressHydrationWarning is necessary because the browser\n  // remove the nonce parameter from the DOM before hydration\n  return <script nonce={typeof window === 'undefined' ? nonce : ''} suppressHydrationWarning dangerouslySetInnerHTML={{__html: getPackageLocalizationScript(locale, strings)}} />;\n}\n\n/**\n * Returns the content for an inline `<script>` tag to inject localized strings into initial HTML.\n */\nexport function getPackageLocalizationScript(locale: string, strings: PackageLocalizedStrings) {\n  return `window[Symbol.for('react-aria.i18n.locale')]=${JSON.stringify(locale)};{${serialize(strings)}}`;\n}\n\nconst cache = new WeakMap<PackageLocalizedStrings, string>();\n\nfunction serialize(strings: PackageLocalizedStrings): string {\n  let cached = cache.get(strings);\n  if (cached) {\n    return cached;\n  }\n\n  // Find common strings between packages and hoist them into variables.\n  let seen = new Set();\n  let common = new Map();\n  for (let pkg in strings) {\n    for (let key in strings[pkg]) {\n      let v = strings[pkg][key];\n      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();\n      if (seen.has(s) && !common.has(s)) {\n        let name = String.fromCharCode(common.size > 25 ? common.size + 97 : common.size + 65);\n        common.set(s, name);\n      }\n      seen.add(s);\n    }\n  }\n\n  let res = '';\n  if (common.size > 0) {\n    res += 'let ';\n  }\n  for (let [string, name] of common) {\n    res += `${name}=${string},`;\n  }\n  if (common.size > 0) {\n    res = res.slice(0, -1) + ';';\n  }\n\n  res += \"window[Symbol.for('react-aria.i18n.strings')]={\";\n  for (let pkg in strings) {\n    res += `'${pkg}':{`;\n    for (let key in strings[pkg]) {\n      let v = strings[pkg][key];\n      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();\n      if (common.has(s)) {\n        s = common.get(s);\n      }\n      res += `${/[ ()]/.test(key) ? JSON.stringify(key) : key}:${s},`;\n    }\n    res = res.slice(0, -1) + '},';\n  }\n  res = res.slice(0, -1) + '};';\n  cache.set(strings, res);\n  return res;\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/server/index.mjs

@@ -0,0 +1,71 @@
+import $7cMCw$react from "react";
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $f4fda66de26cefb3$export$9ec1fc026a5460ba(props) {
+    if (typeof document !== 'undefined') {
+        console.log('PackageLocalizationProvider should only be rendered on the server.');
+        return null;
+    }
+    let { nonce: nonce, locale: locale, strings: strings } = props;
+    // suppressHydrationWarning is necessary because the browser
+    // remove the nonce parameter from the DOM before hydration
+    return /*#__PURE__*/ (0, $7cMCw$react).createElement("script", {
+        nonce: typeof window === 'undefined' ? nonce : '',
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+            __html: $f4fda66de26cefb3$export$fe9518edbbdc73da(locale, strings)
+        }
+    });
+}
+function $f4fda66de26cefb3$export$fe9518edbbdc73da(locale, strings) {
+    return `window[Symbol.for('react-aria.i18n.locale')]=${JSON.stringify(locale)};{${$f4fda66de26cefb3$var$serialize(strings)}}`;
+}
+const $f4fda66de26cefb3$var$cache = new WeakMap();
+function $f4fda66de26cefb3$var$serialize(strings) {
+    let cached = $f4fda66de26cefb3$var$cache.get(strings);
+    if (cached) return cached;
+    // Find common strings between packages and hoist them into variables.
+    let seen = new Set();
+    let common = new Map();
+    for(let pkg in strings)for(let key in strings[pkg]){
+        let v = strings[pkg][key];
+        let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+        if (seen.has(s) && !common.has(s)) {
+            let name = String.fromCharCode(common.size > 25 ? common.size + 97 : common.size + 65);
+            common.set(s, name);
+        }
+        seen.add(s);
+    }
+    let res = '';
+    if (common.size > 0) res += 'let ';
+    for (let [string, name] of common)res += `${name}=${string},`;
+    if (common.size > 0) res = res.slice(0, -1) + ';';
+    res += "window[Symbol.for('react-aria.i18n.strings')]={";
+    for(let pkg in strings){
+        res += `'${pkg}':{`;
+        for(let key in strings[pkg]){
+            let v = strings[pkg][key];
+            let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+            if (common.has(s)) s = common.get(s);
+            res += `${/[ ()]/.test(key) ? JSON.stringify(key) : key}:${s},`;
+        }
+        res = res.slice(0, -1) + '},';
+    }
+    res = res.slice(0, -1) + '};';
+    $f4fda66de26cefb3$var$cache.set(strings, res);
+    return res;
+}
+
+
+export {$f4fda66de26cefb3$export$9ec1fc026a5460ba as PackageLocalizationProvider, $f4fda66de26cefb3$export$fe9518edbbdc73da as getPackageLocalizationScript};
+//# sourceMappingURL=index.mjs.map

package/server/index.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAmBM,SAAS,0CAA4B,KAAuC;IACjF,IAAI,OAAO,aAAa,aAAa;QACnC,QAAQ,GAAG,CAAC;QACZ,OAAO;IACT;IAEA,IAAI,SAAC,KAAK,UAAE,MAAM,WAAE,OAAO,EAAC,GAAG;IAC/B,4DAA4D;IAC5D,2DAA2D;IAC3D,qBAAO,gCAAC;QAAO,OAAO,OAAO,WAAW,cAAc,QAAQ;QAAI,0BAAA;QAAyB,yBAAyB;YAAC,QAAQ,0CAA6B,QAAQ;QAAQ;;AAC5K;AAKO,SAAS,0CAA6B,MAAc,EAAE,OAAgC;IAC3F,OAAO,CAAC,6CAA6C,EAAE,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,gCAAU,SAAS,CAAC,CAAC;AACzG;AAEA,MAAM,8BAAQ,IAAI;AAElB,SAAS,gCAAU,OAAgC;IACjD,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,QACF,OAAO;IAGT,sEAAsE;IACtE,IAAI,OAAO,IAAI;IACf,IAAI,SAAS,IAAI;IACjB,IAAK,IAAI,OAAO,QACd,IAAK,IAAI,OAAO,OAAO,CAAC,IAAI,CAAE;QAC5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI;QACzB,IAAI,IAAI,OAAO,MAAM,WAAW,KAAK,SAAS,CAAC,KAAK,EAAE,QAAQ;QAC9D,IAAI,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,IAAI;YACjC,IAAI,OAAO,OAAO,YAAY,CAAC,OAAO,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG;YACnF,OAAO,GAAG,CAAC,GAAG;QAChB;QACA,KAAK,GAAG,CAAC;IACX;IAGF,IAAI,MAAM;IACV,IAAI,OAAO,IAAI,GAAG,GAChB,OAAO;IAET,KAAK,IAAI,CAAC,QAAQ,KAAK,IAAI,OACzB,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAE7B,IAAI,OAAO,IAAI,GAAG,GAChB,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IAG3B,OAAO;IACP,IAAK,IAAI,OAAO,QAAS;QACvB,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC;QACnB,IAAK,IAAI,OAAO,OAAO,CAAC,IAAI,CAAE;YAC5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI;YACzB,IAAI,IAAI,OAAO,MAAM,WAAW,KAAK,SAAS,CAAC,KAAK,EAAE,QAAQ;YAC9D,IAAI,OAAO,GAAG,CAAC,IACb,IAAI,OAAO,GAAG,CAAC;YAEjB,OAAO,CAAC,EAAE,QAAQ,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACjE;QACA,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IAC3B;IACA,MAAM,IAAI,KAAK,CAAC,GAAG,MAAM;IACzB,4BAAM,GAAG,CAAC,SAAS;IACnB,OAAO;AACT","sources":["packages/@react-aria/i18n/src/server.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {LocalizedString} from '@internationalized/string';\nimport React from 'react';\n\ntype PackageLocalizedStrings = {\n  [packageName: string]: Record<string, LocalizedString>\n};\n\ninterface PackageLocalizationProviderProps {\n  locale: string,\n  strings: PackageLocalizedStrings,\n  nonce?: string\n}\n\n/**\n * A PackageLocalizationProvider can be rendered on the server to inject the localized strings\n * needed by the client into the initial HTML.\n */\nexport function PackageLocalizationProvider(props: PackageLocalizationProviderProps) {\n  if (typeof document !== 'undefined') {\n    console.log('PackageLocalizationProvider should only be rendered on the server.');\n    return null;\n  }\n\n  let {nonce, locale, strings} = props;\n  // suppressHydrationWarning is necessary because the browser\n  // remove the nonce parameter from the DOM before hydration\n  return <script nonce={typeof window === 'undefined' ? nonce : ''} suppressHydrationWarning dangerouslySetInnerHTML={{__html: getPackageLocalizationScript(locale, strings)}} />;\n}\n\n/**\n * Returns the content for an inline `<script>` tag to inject localized strings into initial HTML.\n */\nexport function getPackageLocalizationScript(locale: string, strings: PackageLocalizedStrings) {\n  return `window[Symbol.for('react-aria.i18n.locale')]=${JSON.stringify(locale)};{${serialize(strings)}}`;\n}\n\nconst cache = new WeakMap<PackageLocalizedStrings, string>();\n\nfunction serialize(strings: PackageLocalizedStrings): string {\n  let cached = cache.get(strings);\n  if (cached) {\n    return cached;\n  }\n\n  // Find common strings between packages and hoist them into variables.\n  let seen = new Set();\n  let common = new Map();\n  for (let pkg in strings) {\n    for (let key in strings[pkg]) {\n      let v = strings[pkg][key];\n      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();\n      if (seen.has(s) && !common.has(s)) {\n        let name = String.fromCharCode(common.size > 25 ? common.size + 97 : common.size + 65);\n        common.set(s, name);\n      }\n      seen.add(s);\n    }\n  }\n\n  let res = '';\n  if (common.size > 0) {\n    res += 'let ';\n  }\n  for (let [string, name] of common) {\n    res += `${name}=${string},`;\n  }\n  if (common.size > 0) {\n    res = res.slice(0, -1) + ';';\n  }\n\n  res += \"window[Symbol.for('react-aria.i18n.strings')]={\";\n  for (let pkg in strings) {\n    res += `'${pkg}':{`;\n    for (let key in strings[pkg]) {\n      let v = strings[pkg][key];\n      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();\n      if (common.has(s)) {\n        s = common.get(s);\n      }\n      res += `${/[ ()]/.test(key) ? JSON.stringify(key) : key}:${s},`;\n    }\n    res = res.slice(0, -1) + '},';\n  }\n  res = res.slice(0, -1) + '};';\n  cache.set(strings, res);\n  return res;\n}\n"],"names":[],"version":3,"file":"index.mjs.map"}

package/src/context.tsx

@@ -0,0 +1,58 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {isRTL} from './utils';
+import {Locale, useDefaultLocale} from './useDefaultLocale';
+import React, {ReactNode, useContext} from 'react';
+
+export interface I18nProviderProps {
+  /** Contents that should have the locale applied. */
+  children: ReactNode,
+  /** The locale to apply to the children. */
+  locale?: string
+}
+
+const I18nContext = React.createContext<Locale | null>(null);
+
+/**
+ * Provides the locale for the application to all child components.
+ */
+export function I18nProvider(props: I18nProviderProps) {
+  let {locale, children} = props;
+  let defaultLocale = useDefaultLocale();
+
+  let value: Locale = React.useMemo(() => {
+    if (!locale) {
+      return defaultLocale;
+    }
+
+    return {
+      locale,
+      direction: isRTL(locale) ? 'rtl' : 'ltr'
+    };
+  }, [defaultLocale, locale]);
+
+  return (
+    <I18nContext.Provider value={value}>
+      {children}
+    </I18nContext.Provider>
+  );
+}
+
+/**
+ * Returns the current locale and layout direction.
+ */
+export function useLocale(): Locale {
+  let defaultLocale = useDefaultLocale();
+  let context = useContext(I18nContext);
+  return context || defaultLocale;
+}

package/src/index.ts

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+export {I18nProvider, useLocale} from './context';
+export {useMessageFormatter} from './useMessageFormatter';
+export {useLocalizedStringFormatter, useLocalizedStringDictionary} from './useLocalizedStringFormatter';
+export {useListFormatter} from './useListFormatter';
+export {useDateFormatter} from './useDateFormatter';
+export {useNumberFormatter} from './useNumberFormatter';
+export {useCollator} from './useCollator';
+export {useFilter} from './useFilter';
+
+export type {FormatMessage} from './useMessageFormatter';
+export type {LocalizedStringFormatter} from '@internationalized/string';
+export type {I18nProviderProps} from './context';
+export type {Locale} from './useDefaultLocale';
+export type {LocalizedStrings} from '@internationalized/message';
+export type {DateFormatterOptions} from './useDateFormatter';
+export type {DateFormatter} from '@internationalized/date';
+export type {Filter} from './useFilter';

package/src/main.js

@@ -0,0 +1,6 @@
+// useMessageFormatter is deprecated, but has a large dependency on intl-messageformat
+// that we want to avoid. If it is built into the same file as the rest of the package,
+// it deopts tree shaking in Parcel even when unused. Instead, it is split into a separate
+// file and re-exported here, which allows tree shaking to work properly.
+module.exports = require('./real-main.js');
+Object.defineProperties(module.exports, Object.getOwnPropertyDescriptors(require('./useMessageFormatter.js')));

package/src/module.js

@@ -0,0 +1,6 @@
+// useMessageFormatter is deprecated, but has a large dependency on intl-messageformat
+// that we want to avoid. If it is built into the same file as the rest of the package,
+// it deopts tree shaking in Parcel even when unused. Instead, it is split into a separate
+// file and re-exported here, which allows tree shaking to work properly.
+export * from './real-module.js';
+export * from './useMessageFormatter.module.js';

package/src/server.tsx

@@ -0,0 +1,99 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import type {LocalizedString} from '@internationalized/string';
+import React from 'react';
+
+type PackageLocalizedStrings = {
+  [packageName: string]: Record<string, LocalizedString>
+};
+
+interface PackageLocalizationProviderProps {
+  locale: string,
+  strings: PackageLocalizedStrings,
+  nonce?: string
+}
+
+/**
+ * A PackageLocalizationProvider can be rendered on the server to inject the localized strings
+ * needed by the client into the initial HTML.
+ */
+export function PackageLocalizationProvider(props: PackageLocalizationProviderProps) {
+  if (typeof document !== 'undefined') {
+    console.log('PackageLocalizationProvider should only be rendered on the server.');
+    return null;
+  }
+
+  let {nonce, locale, strings} = props;
+  // suppressHydrationWarning is necessary because the browser
+  // remove the nonce parameter from the DOM before hydration
+  return <script nonce={typeof window === 'undefined' ? nonce : ''} suppressHydrationWarning dangerouslySetInnerHTML={{__html: getPackageLocalizationScript(locale, strings)}} />;
+}
+
+/**
+ * Returns the content for an inline `<script>` tag to inject localized strings into initial HTML.
+ */
+export function getPackageLocalizationScript(locale: string, strings: PackageLocalizedStrings) {
+  return `window[Symbol.for('react-aria.i18n.locale')]=${JSON.stringify(locale)};{${serialize(strings)}}`;
+}
+
+const cache = new WeakMap<PackageLocalizedStrings, string>();
+
+function serialize(strings: PackageLocalizedStrings): string {
+  let cached = cache.get(strings);
+  if (cached) {
+    return cached;
+  }
+
+  // Find common strings between packages and hoist them into variables.
+  let seen = new Set();
+  let common = new Map();
+  for (let pkg in strings) {
+    for (let key in strings[pkg]) {
+      let v = strings[pkg][key];
+      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+      if (seen.has(s) && !common.has(s)) {
+        let name = String.fromCharCode(common.size > 25 ? common.size + 97 : common.size + 65);
+        common.set(s, name);
+      }
+      seen.add(s);
+    }
+  }
+
+  let res = '';
+  if (common.size > 0) {
+    res += 'let ';
+  }
+  for (let [string, name] of common) {
+    res += `${name}=${string},`;
+  }
+  if (common.size > 0) {
+    res = res.slice(0, -1) + ';';
+  }
+
+  res += "window[Symbol.for('react-aria.i18n.strings')]={";
+  for (let pkg in strings) {
+    res += `'${pkg}':{`;
+    for (let key in strings[pkg]) {
+      let v = strings[pkg][key];
+      let s = typeof v === 'string' ? JSON.stringify(v) : v.toString();
+      if (common.has(s)) {
+        s = common.get(s);
+      }
+      res += `${/[ ()]/.test(key) ? JSON.stringify(key) : key}:${s},`;
+    }
+    res = res.slice(0, -1) + '},';
+  }
+  res = res.slice(0, -1) + '};';
+  cache.set(strings, res);
+  return res;
+}

package/src/useCollator.ts

@@ -0,0 +1,33 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {useLocale} from './context';
+
+let cache = new Map<string, Intl.Collator>();
+
+/**
+ * Provides localized string collation for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the collator for performance.
+ * @param options - Collator options.
+ */
+export function useCollator(options?: Intl.CollatorOptions): Intl.Collator {
+  let {locale} = useLocale();
+
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : '');
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey)!;
+  }
+
+  let formatter = new Intl.Collator(locale, options);
+  cache.set(cacheKey, formatter);
+  return formatter;
+}

package/src/useDateFormatter.ts

@@ -0,0 +1,52 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {DateFormatter} from '@internationalized/date';
+import {useDeepMemo} from '@react-aria/utils';
+import {useLocale} from './context';
+import {useMemo} from 'react';
+
+export interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+  calendar?: string
+}
+
+/**
+ * Provides localized date formatting for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the date formatter for performance.
+ * @param options - Formatting options.
+ */
+export function useDateFormatter(options?: DateFormatterOptions): DateFormatter {
+  // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
+  options = useDeepMemo(options ?? {}, isEqual);
+  let {locale} = useLocale();
+  return useMemo(() => new DateFormatter(locale, options), [locale, options]);
+}
+
+function isEqual(a: DateFormatterOptions, b: DateFormatterOptions) {
+  if (a === b) {
+    return true;
+  }
+
+  let aKeys = Object.keys(a);
+  let bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) {
+    return false;
+  }
+
+  for (let key of aKeys) {
+    if (b[key] !== a[key]) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/src/useDefaultLocale.ts

@@ -0,0 +1,91 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {Direction} from '@react-types/shared';
+import {isRTL} from './utils';
+import {useEffect, useState} from 'react';
+import {useIsSSR} from '@react-aria/ssr';
+
+export interface Locale {
+  /** The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale. */
+  locale: string,
+  /** The writing direction for the locale. */
+  direction: Direction
+}
+
+// Locale passed from server by PackageLocalizationProvider.
+const localeSymbol = Symbol.for('react-aria.i18n.locale');
+
+/**
+ * Gets the locale setting of the browser.
+ */
+export function getDefaultLocale(): Locale {
+  let locale = typeof window !== 'undefined' && window[localeSymbol]
+    // @ts-ignore
+    || (typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage))
+    || 'en-US';
+
+  try {
+    // @ts-ignore
+    Intl.DateTimeFormat.supportedLocalesOf([locale]);
+  } catch (_err) {
+    locale = 'en-US';
+  }
+  return {
+    locale,
+    direction: isRTL(locale) ? 'rtl' : 'ltr'
+  };
+}
+
+let currentLocale = getDefaultLocale();
+let listeners = new Set<(locale: Locale) => void>();
+
+function updateLocale() {
+  currentLocale = getDefaultLocale();
+  for (let listener of listeners) {
+    listener(currentLocale);
+  }
+}
+
+/**
+ * Returns the current browser/system language, and updates when it changes.
+ */
+export function useDefaultLocale(): Locale {
+  let isSSR = useIsSSR();
+  let [defaultLocale, setDefaultLocale] = useState(currentLocale);
+
+  useEffect(() => {
+    if (listeners.size === 0) {
+      window.addEventListener('languagechange', updateLocale);
+    }
+
+    listeners.add(setDefaultLocale);
+
+    return () => {
+      listeners.delete(setDefaultLocale);
+      if (listeners.size === 0) {
+        window.removeEventListener('languagechange', updateLocale);
+      }
+    };
+  }, []);
+
+  // We cannot determine the browser's language on the server, so default to
+  // en-US. This will be updated after hydration on the client to the correct value.
+  if (isSSR) {
+    return {
+      locale: 'en-US',
+      direction: 'ltr'
+    };
+  }
+
+  return defaultLocale;
+}

package/src/useFilter.ts

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {useCallback, useMemo} from 'react';
+import {useCollator} from './useCollator';
+
+export interface Filter {
+  /** Returns whether a string starts with a given substring. */
+  startsWith(string: string, substring: string): boolean,
+  /** Returns whether a string ends with a given substring. */
+  endsWith(string: string, substring: string): boolean,
+  /** Returns whether a string contains a given substring. */
+  contains(string: string, substring: string): boolean
+}
+
+/**
+ * Provides localized string search functionality that is useful for filtering or matching items
+ * in a list. Options can be provided to adjust the sensitivity to case, diacritics, and other parameters.
+ */
+export function useFilter(options?: Intl.CollatorOptions): Filter {
+  let collator = useCollator({
+    usage: 'search',
+    ...options
+  });
+
+  // TODO(later): these methods don't currently support the ignorePunctuation option.
+  let startsWith = useCallback((string, substring) => {
+    if (substring.length === 0) {
+      return true;
+    }
+
+    // Normalize both strings so we can slice safely
+    // TODO: take into account the ignorePunctuation option as well...
+    string = string.normalize('NFC');
+    substring = substring.normalize('NFC');
+    return collator.compare(string.slice(0, substring.length), substring) === 0;
+  }, [collator]);
+
+  let endsWith = useCallback((string, substring) => {
+    if (substring.length === 0) {
+      return true;
+    }
+
+    string = string.normalize('NFC');
+    substring = substring.normalize('NFC');
+    return collator.compare(string.slice(-substring.length), substring) === 0;
+  }, [collator]);
+
+  let contains = useCallback((string, substring) => {
+    if (substring.length === 0) {
+      return true;
+    }
+
+    string = string.normalize('NFC');
+    substring = substring.normalize('NFC');
+
+    let scan = 0;
+    let sliceLen = substring.length;
+    for (; scan + sliceLen <= string.length; scan++) {
+      let slice = string.slice(scan, scan + sliceLen);
+      if (collator.compare(substring, slice) === 0) {
+        return true;
+      }
+    }
+
+    return false;
+  }, [collator]);
+
+  return useMemo(() => ({
+    startsWith,
+    endsWith,
+    contains
+  }), [startsWith, endsWith, contains]);
+}

package/src/useListFormatter.tsx

@@ -0,0 +1,24 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {useLocale} from './context';
+import {useMemo} from 'react';
+
+/**
+ * Provides localized list formatting for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the list formatter for performance.
+ * @param options - Formatting options.
+ */
+export function useListFormatter(options: Intl.ListFormatOptions = {}): Intl.ListFormat {
+  let {locale} = useLocale();
+  return useMemo(() => new Intl.ListFormat(locale, options), [locale, options]);
+}