@dxos/react-ui 0.1.32-next.77d513e → 0.1.32-next.86f5578

package/dist/lib/browser/index.mjs

@@ -777,12 +777,11 @@ var DevicesPanel = (props) => {
 // packages/apps/patterns/react-ui/src/panels/IdentityPanel/IdentityPanel.tsx
 import React16 from "react";
 import { useClient as useClient3 } from "@dxos/react-client";
-import { Avatar as Avatar3, Button as Button3, DensityProvider as DensityProvider3, ThemeContext, useThemeContext, useTranslation as useTranslation6 } from "@dxos/react-components";
+import { Avatar as Avatar3, Button as Button3, DensityProvider as DensityProvider3, ThemeContext, useTranslation as useTranslation6 } from "@dxos/react-components";
 var IdentityPanel = ({ identity, onClickManageProfile }) => {
   var _a, _b;
   const { t } = useTranslation6("os");
   const client = useClient3();
-  const themeContextValue = useThemeContext();
   const defaultManageProfile = () => {
     const remoteSource = new URL((client == null ? void 0 : client.config.get("runtime.client.remoteSource")) || "https://halo.dxos.org");
     const tab = window.open(remoteSource.origin, "_blank");
@@ -790,7 +789,6 @@ var IdentityPanel = ({ identity, onClickManageProfile }) => {
   };
   return /* @__PURE__ */ React16.createElement(ThemeContext.Provider, {
     value: {
-      ...themeContextValue,
       themeVariant: "os"
     }
   }, /* @__PURE__ */ React16.createElement(DensityProvider3, {
@@ -812,7 +810,7 @@ var IdentityPanel = ({ identity, onClickManageProfile }) => {
 import React26, { useEffect as useEffect2 } from "react";
 import { log as log2 } from "@dxos/log";
 import { useClient as useClient5, useIdentity as useIdentity2 } from "@dxos/react-client";
-import { DensityProvider as DensityProvider4, useId as useId4, useThemeContext as useThemeContext2 } from "@dxos/react-components";
+import { DensityProvider as DensityProvider4, useId as useId4 } from "@dxos/react-components";
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/JoinHeading.tsx
 import { X as X3 } from "@phosphor-icons/react";
@@ -1881,7 +1879,6 @@ var PureInvitationAuthenticatorContent = ({ disabled, failed, joinSend, joinStat
         autoComplete: "off",
         pattern: "\\d*",
         "data-autofocus": `connecting${Domain}Invitation inputting${Domain}VerificationCode authenticationFailing${Domain}VerificationCode authenticating${Domain}VerificationCode`,
-        "data-prevent-ios-autofocus": true,
         "data-testid": `${invitationType}-auth-code-input`,
         "data-1p-ignore": true
       }
@@ -2001,7 +1998,6 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
   const client = useClient5();
   const identity = useIdentity2();
   const titleId = useId4("joinPanel__title");
-  const { hasIosKeyboard } = useThemeContext2();
   const [joinState, joinSend, joinService] = useJoinMachine(client, {
     context: {
       mode,
@@ -2017,7 +2013,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
     const subscription = joinService.subscribe((state) => {
       log2("[state]", state, {
         file: "JoinPanel.tsx",
-        line: 49,
+        line: 48,
         scope: void 0,
         callSite: (f, a) => f(...a)
       });
@@ -2031,12 +2027,11 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
     const innermostState = stateStack[stateStack.length - 1];
     const autoFocusValue = innermostState === "finishingJoining" ? "successSpaceInvitation" : innermostState;
     const $nextAutofocus = document.querySelector(`[data-autofocus~="${autoFocusValue}"]`);
-    if ($nextAutofocus && !(hasIosKeyboard && $nextAutofocus.hasAttribute("data-prevent-ios-autofocus"))) {
+    if ($nextAutofocus) {
       $nextAutofocus.focus();
     }
   }, [
-    joinState.value,
-    hasIosKeyboard
+    joinState.value
   ]);
   return /* @__PURE__ */ React26.createElement(DensityProvider4, {
     density: "fine"
@@ -2336,7 +2331,7 @@ var IdentityPopover = ({ identity, openTrigger, slots, triggerIsInToolbar = true
 // packages/apps/patterns/react-ui/src/composites/JoinDialog/JoinDialog.tsx
 import { Action, Cancel } from "@radix-ui/react-alert-dialog";
 import React29 from "react";
-import { ThemeContext as ThemeContext2, useId as useId5, useThemeContext as useThemeContext3 } from "@dxos/react-components";
+import { ThemeContext as ThemeContext2, useId as useId5 } from "@dxos/react-components";
 function _extends25() {
   _extends25 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2353,13 +2348,11 @@ function _extends25() {
 }
 var JoinDialog = ({ slots, ...joinPanelProps }) => {
   const titleId = useId5("joinDialog__title");
-  const themeContextValue = useThemeContext3();
   return /* @__PURE__ */ React29.createElement(PanelAlertDialog, _extends25({}, {
     slots,
     titleId
   }), /* @__PURE__ */ React29.createElement(ThemeContext2.Provider, {
     value: {
-      ...themeContextValue,
       themeVariant: "os"
     }
   }, /* @__PURE__ */ React29.createElement(JoinPanel, _extends25({}, {
@@ -2383,7 +2376,7 @@ import { useClient as useClient6, useSpace as useSpace3, useSpaces } from "@dxos
 // packages/apps/patterns/react-ui/src/composites/DevicesDialog/DevicesDialog.tsx
 import { Close } from "@radix-ui/react-dialog";
 import React30 from "react";
-import { ThemeContext as ThemeContext3, useId as useId6, useThemeContext as useThemeContext4 } from "@dxos/react-components";
+import { ThemeContext as ThemeContext3, useId as useId6 } from "@dxos/react-components";
 function _extends26() {
   _extends26 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2400,7 +2393,6 @@ function _extends26() {
 }
 var DevicesDialog = ({ slots, ...devicesDialogProps }) => {
   const titleId = useId6("spaceDialog__title");
-  const themeContextValue = useThemeContext4();
   return /* @__PURE__ */ React30.createElement(PanelDialog, _extends26({}, {
     slots: {
       ...slots,
@@ -2415,7 +2407,6 @@ var DevicesDialog = ({ slots, ...devicesDialogProps }) => {
     titleId
   }), /* @__PURE__ */ React30.createElement(ThemeContext3.Provider, {
     value: {
-      ...themeContextValue,
       themeVariant: "os"
     }
   }, /* @__PURE__ */ React30.createElement(DevicesPanel, _extends26({}, {
@@ -2430,7 +2421,7 @@ var DevicesDialog = ({ slots, ...devicesDialogProps }) => {
 // packages/apps/patterns/react-ui/src/composites/SpaceDialog/SpaceDialog.tsx
 import { Close as Close2 } from "@radix-ui/react-dialog";
 import React31 from "react";
-import { ThemeContext as ThemeContext4, useId as useId7, useThemeContext as useThemeContext5 } from "@dxos/react-components";
+import { ThemeContext as ThemeContext4, useId as useId7 } from "@dxos/react-components";
 function _extends27() {
   _extends27 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2447,7 +2438,6 @@ function _extends27() {
 }
 var SpaceDialog = ({ slots, ...spacePanelProps }) => {
   const titleId = useId7("spaceDialog__title");
-  const themeContextValue = useThemeContext5();
   return /* @__PURE__ */ React31.createElement(PanelDialog, _extends27({}, {
     slots: {
       ...slots,
@@ -2462,7 +2452,6 @@ var SpaceDialog = ({ slots, ...spacePanelProps }) => {
     titleId
   }), /* @__PURE__ */ React31.createElement(ThemeContext4.Provider, {
     value: {
-      ...themeContextValue,
       themeVariant: "os"
     }
   }, /* @__PURE__ */ React31.createElement(SpacePanel, _extends27({}, {