@dxos/react-ui 0.3.11-next.e28df4f → 0.3.11-next.f4c1077

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";
@@ -1711,13 +1723,13 @@ var SelectTrigger = SelectPrimitive.Trigger;
 var SelectValue = SelectPrimitive.Value;
 var SelectIcon = SelectPrimitive.Icon;
 var SelectPortal = SelectPrimitive.Portal;
-var SelectTriggerButton = /* @__PURE__ */ forwardRef21(({ placeholder, ...props }, forwardedRef) => {
+var SelectTriggerButton = /* @__PURE__ */ forwardRef21(({ children, placeholder, ...props }, forwardedRef) => {
   return /* @__PURE__ */ React24.createElement(SelectPrimitive.Trigger, {
     asChild: true,
     ref: forwardedRef
   }, /* @__PURE__ */ React24.createElement(Button, props, /* @__PURE__ */ React24.createElement(SelectPrimitive.Value, {
     placeholder
-  }), /* @__PURE__ */ React24.createElement(SelectPrimitive.Icon, {
+  }, children), /* @__PURE__ */ React24.createElement(SelectPrimitive.Icon, {
     className: "pis-2"
   }, /* @__PURE__ */ React24.createElement(CaretDown2, {
     weight: "bold"