@dxos/react-ui 0.3.11-main.f5e7551 → 0.3.11-main.f7c1031

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";
@@ -1088,7 +1100,7 @@ var Input = {
   DescriptionAndValidation
 };
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// packages/ui/react-ui/src/components/List/List.tsx
 import { CaretDown, CaretRight } from "@phosphor-icons/react";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
 import React17, { forwardRef as forwardRef14 } from "react";
@@ -1105,7 +1117,7 @@ var DensityProvider = ({ density, children }) => /* @__PURE__ */ React16.createE
   }
 }, children);
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// packages/ui/react-ui/src/components/List/List.tsx
 var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   const density = useDensityContext(props.density);
@@ -1191,7 +1203,7 @@ var ListItem = {
   MockOpenTrigger: MockListItemOpenTrigger
 };
 
-// packages/ui/react-ui/src/components/Lists/Tree.tsx
+// packages/ui/react-ui/src/components/List/Tree.tsx
 import React18, { forwardRef as forwardRef15 } from "react";
 var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
   return /* @__PURE__ */ React18.createElement(List, {
@@ -1255,24 +1267,24 @@ var useSwipeToDismiss = (ref, {
   /* side = 'inline-start' */
 }) => {
   const $root = ref.current;
-  const [motionState, setMotionState] = useState3(MotionState.IDLE);
+  const [motionState, setMotionState] = useState3(0);
   const [gestureStartX, setGestureStartX] = useState3(0);
   const setIdle = useCallback2(() => {
-    setMotionState(MotionState.IDLE);
+    setMotionState(0);
     $root?.style.removeProperty("inset-inline-start");
     $root?.style.setProperty("transition-duration", "200ms");
   }, [
     $root
   ]);
   const setFollowing = useCallback2(() => {
-    setMotionState(MotionState.FOLLOWING);
+    setMotionState(2);
     $root?.style.setProperty("transition-duration", "0ms");
   }, [
     $root
   ]);
   const handlePointerDown = useCallback2(({ screenX }) => {
-    if (motionState === MotionState.IDLE) {
-      setMotionState(MotionState.DEBOUNCING);
+    if (motionState === 0) {
+      setMotionState(1);
       setGestureStartX(screenX);
     }
   }, [
@@ -1282,7 +1294,7 @@ var useSwipeToDismiss = (ref, {
     if ($root) {
       const delta = Math.min(screenX - gestureStartX, 0);
       switch (motionState) {
-        case MotionState.FOLLOWING:
+        case 2:
           if (Math.abs(delta) > dismissThreshold) {
             setIdle();
             onDismiss?.();
@@ -1290,7 +1302,7 @@ var useSwipeToDismiss = (ref, {
             $root.style.setProperty("inset-inline-start", `${offset + delta}px`);
           }
           break;
-        case MotionState.DEBOUNCING:
+        case 1:
           if (Math.abs(delta) > debounceThreshold) {
             setFollowing();
           }
@@ -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"