@dxos/react-ui 0.3.11-main.ed96468 → 0.3.11-main.ee2b64c

package/dist/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 // packages/ui/react-ui/src/index.ts
-import { useTranslation, Trans } from "react-i18next";
+import { Trans } from "react-i18next";
 export * from "@dxos/react-ui-types";
 export * from "@dxos/react-hooks";
 
@@ -23,14 +23,16 @@ var useElevationContext = (propsElevation) => {
 };
 
 // packages/ui/react-ui/src/hooks/useTranslationsContext.ts
-import { useContext as useContext3 } from "react";
+import { useContext as useContext4 } from "react";
 
 // packages/ui/react-ui/src/components/ThemeProvider/TranslationsProvider.tsx
+import { enUS as dtLocaleEnUs } from "date-fns/locale";
 import i18Next from "i18next";
-import React, { useEffect, createContext, useState, Suspense } from "react";
-import { initReactI18next } from "react-i18next";
+import React, { useEffect, createContext, useState, Suspense, useContext as useContext3 } from "react";
+import { initReactI18next, useTranslation as useI18NextTranslation } from "react-i18next";
 var initialLng = "en-US";
 var initialNs = "dxos-common";
+var initialDtLocale = dtLocaleEnUs;
 var resources = {
   [initialLng]: {
     [initialNs]: {
@@ -47,9 +49,18 @@ void i18Next.use(initReactI18next).init({
   }
 });
 var TranslationsContext = /* @__PURE__ */ createContext({
-  appNs: initialNs
+  appNs: initialNs,
+  dtLocale: initialDtLocale
 });
-var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) => {
+var useTranslation = (...args) => {
+  const result = useI18NextTranslation(...args);
+  const { dtLocale } = useContext3(TranslationsContext);
+  return {
+    ...result,
+    dtLocale
+  };
+};
+var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs, dtLocale }) => {
   const [loaded, setLoaded] = useState(false);
   useEffect(() => {
     setLoaded(false);
@@ -68,7 +79,8 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) =
   ]);
   return /* @__PURE__ */ React.createElement(TranslationsContext.Provider, {
     value: {
-      appNs: appNs ?? initialNs
+      appNs: appNs ?? initialNs,
+      dtLocale: dtLocale ?? initialDtLocale
     }
   }, /* @__PURE__ */ React.createElement(Suspense, {
     fallback
@@ -76,11 +88,11 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs }) =
 };
 
 // packages/ui/react-ui/src/hooks/useTranslationsContext.ts
-var useTranslationsContext = () => useContext3(TranslationsContext);
+var useTranslationsContext = () => useContext4(TranslationsContext);
 
 // packages/ui/react-ui/src/hooks/useThemeContext.ts
-import { useContext as useContext4 } from "react";
-var useThemeContext = () => useContext4(ThemeContext);
+import { useContext as useContext5 } from "react";
+var useThemeContext = () => useContext5(ThemeContext);
 
 // packages/ui/react-ui/src/hooks/useVisualViewport.ts
 import { useEffect as useEffect2, useState as useState2 } from "react";