@dxos/shell 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/shell.js +26032 -25418
- package/dist/bundle/shell.js.map +1 -1
- package/dist/bundle/shell.umd.cjs +261 -149
- package/dist/bundle/shell.umd.cjs.map +1 -1
- package/dist/bundle/style.css +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react.mjs +61 -74
- package/dist/lib/browser/react.mjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react.cjs +60 -72
- package/dist/lib/node/react.cjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react.mjs +61 -74
- package/dist/lib/node-esm/react.mjs.map +3 -3
- package/dist/types/src/components/AgentConfig.d.ts +2 -1
- package/dist/types/src/components/AgentConfig.d.ts.map +1 -1
- package/dist/types/src/components/AgentConfig.js +38 -16
- package/dist/types/src/components/AgentConfig.js.map +1 -1
- package/dist/types/src/components/AuthCode.d.ts +2 -2
- package/dist/types/src/components/AuthCode.d.ts.map +1 -1
- package/dist/types/src/components/AuthCode.js +4 -3
- package/dist/types/src/components/AuthCode.js.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.d.ts +2 -2
- package/dist/types/src/components/CompoundButton/CompoundButton.d.ts.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.js +10 -2
- package/dist/types/src/components/CompoundButton/CompoundButton.js.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts +8 -7
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.js +9 -7
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.js.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceList.d.ts +2 -1
- package/dist/types/src/components/DeviceList/DeviceList.d.ts.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceList.js +11 -4
- package/dist/types/src/components/DeviceList/DeviceList.js.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceListItem.d.ts +1 -1
- package/dist/types/src/components/DeviceList/DeviceListItem.d.ts.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceListItem.js +41 -15
- package/dist/types/src/components/DeviceList/DeviceListItem.js.map +1 -1
- package/dist/types/src/components/DeviceList/index.d.ts +1 -0
- package/dist/types/src/components/DeviceList/index.d.ts.map +1 -1
- package/dist/types/src/components/DeviceList/index.js +1 -0
- package/dist/types/src/components/DeviceList/index.js.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.js +5 -3
- package/dist/types/src/components/IdentityList/IdentityListItem.js.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts +3 -2
- package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.js +6 -6
- package/dist/types/src/components/IdentityList/SpaceMemberList.js.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts +3 -2
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js +2 -2
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.d.ts +2 -2
- package/dist/types/src/components/InvitationList/InvitationList.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.js +8 -5
- package/dist/types/src/components/InvitationList/InvitationList.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.stories.d.ts +3 -2
- package/dist/types/src/components/InvitationList/InvitationList.stories.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.stories.js +2 -2
- package/dist/types/src/components/InvitationList/InvitationList.stories.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts +2 -1
- package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListContainer.js +2 -3
- package/dist/types/src/components/InvitationList/InvitationListContainer.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.d.ts +3 -3
- package/dist/types/src/components/InvitationList/InvitationListItem.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.js +33 -5
- package/dist/types/src/components/InvitationList/InvitationListItem.js.map +1 -1
- package/dist/types/src/components/Panel/Action.js +23 -6
- package/dist/types/src/components/Panel/Action.js.map +1 -1
- package/dist/types/src/components/Panel/Actions.js +2 -3
- package/dist/types/src/components/Panel/Actions.js.map +1 -1
- package/dist/types/src/components/Panel/CloseButton.d.ts +2 -1
- package/dist/types/src/components/Panel/CloseButton.d.ts.map +1 -1
- package/dist/types/src/components/Panel/CloseButton.js +4 -2
- package/dist/types/src/components/Panel/CloseButton.js.map +1 -1
- package/dist/types/src/components/Panel/Emoji.d.ts +3 -3
- package/dist/types/src/components/Panel/Emoji.d.ts.map +1 -1
- package/dist/types/src/components/Panel/Emoji.js +8 -3
- package/dist/types/src/components/Panel/Emoji.js.map +1 -1
- package/dist/types/src/components/Panel/Heading.js +6 -3
- package/dist/types/src/components/Panel/Heading.js.map +1 -1
- package/dist/types/src/components/Panel/Input.d.ts +2 -2
- package/dist/types/src/components/Panel/Input.d.ts.map +1 -1
- package/dist/types/src/components/Panel/Input.js +8 -2
- package/dist/types/src/components/Panel/Input.js.map +1 -1
- package/dist/types/src/components/Panel/Label.d.ts +2 -2
- package/dist/types/src/components/Panel/Label.d.ts.map +1 -1
- package/dist/types/src/components/Panel/Label.js +5 -2
- package/dist/types/src/components/Panel/Label.js.map +1 -1
- package/dist/types/src/components/Panel/Panel.stories.d.ts +4 -3
- package/dist/types/src/components/Panel/Panel.stories.d.ts.map +1 -1
- package/dist/types/src/components/Panel/Panel.stories.js +15 -3
- package/dist/types/src/components/Panel/Panel.stories.js.map +1 -1
- package/dist/types/src/components/Panel/StepHeading.js +2 -3
- package/dist/types/src/components/Panel/StepHeading.js.map +1 -1
- package/dist/types/src/components/SpaceListItem.d.ts.map +1 -1
- package/dist/types/src/components/SpaceListItem.js +5 -3
- package/dist/types/src/components/SpaceListItem.js.map +1 -1
- package/dist/types/src/components/StorybookDialog.d.ts +2 -2
- package/dist/types/src/components/StorybookDialog.d.ts.map +1 -1
- package/dist/types/src/components/StorybookDialog.js +8 -2
- package/dist/types/src/components/StorybookDialog.js.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.d.ts +2 -2
- package/dist/types/src/components/Viewport/Viewport.d.ts.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.js +5 -5
- package/dist/types/src/components/Viewport/Viewport.js.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.stories.d.ts +2 -1
- package/dist/types/src/components/Viewport/Viewport.stories.d.ts.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.stories.js +22 -3
- package/dist/types/src/components/Viewport/Viewport.stories.js.map +1 -1
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.d.ts +2 -1
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.d.ts.map +1 -1
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.js +11 -3
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.js.map +1 -1
- package/dist/types/src/composites/JoinDialog/JoinDialog.d.ts +2 -1
- package/dist/types/src/composites/JoinDialog/JoinDialog.d.ts.map +1 -1
- package/dist/types/src/composites/JoinDialog/JoinDialog.js +11 -4
- package/dist/types/src/composites/JoinDialog/JoinDialog.js.map +1 -1
- package/dist/types/src/composites/Shell/Shell.d.ts +2 -1
- package/dist/types/src/composites/Shell/Shell.d.ts.map +1 -1
- package/dist/types/src/composites/Shell/Shell.js +6 -7
- package/dist/types/src/composites/Shell/Shell.js.map +1 -1
- package/dist/types/src/composites/Shell/ShellContext.d.ts +2 -2
- package/dist/types/src/composites/Shell/ShellContext.d.ts.map +1 -1
- package/dist/types/src/composites/Shell/ShellContext.js +5 -3
- package/dist/types/src/composites/Shell/ShellContext.js.map +1 -1
- package/dist/types/src/composites/Shell/run-shell.js +17 -5
- package/dist/types/src/composites/Shell/run-shell.js.map +1 -1
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.d.ts +2 -1
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.d.ts.map +1 -1
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.js +11 -3
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.js.map +1 -1
- package/dist/types/src/composites/StatusDialog/StatusDialog.d.ts +2 -1
- package/dist/types/src/composites/StatusDialog/StatusDialog.d.ts.map +1 -1
- package/dist/types/src/composites/StatusDialog/StatusDialog.js +9 -2
- package/dist/types/src/composites/StatusDialog/StatusDialog.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts +3 -2
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js +55 -14
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts +11 -10
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js +5 -3
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts +3 -2
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js +8 -3
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.d.ts +2 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js +20 -11
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinHeading.js +5 -4
- package/dist/types/src/panels/JoinPanel/JoinHeading.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.d.ts +3 -2
- package/dist/types/src/panels/JoinPanel/JoinPanel.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.js +28 -4
- package/dist/types/src/panels/JoinPanel/JoinPanel.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.d.ts +15 -14
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.js +16 -15
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.d.ts +2 -1
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.js +8 -3
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.d.ts +2 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js +10 -4
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.d.ts +3 -2
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js +7 -4
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.d.ts +2 -2
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js +6 -4
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.d.ts +2 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js +28 -14
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.d.ts +2 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js +14 -10
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.d.ts +2 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js +24 -8
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js.map +1 -1
- package/dist/types/src/panels/Panels.stories.d.ts +3 -3
- package/dist/types/src/panels/Panels.stories.d.ts.map +1 -1
- package/dist/types/src/panels/Panels.stories.js +8 -3
- package/dist/types/src/panels/Panels.stories.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.d.ts +3 -2
- package/dist/types/src/panels/SpacePanel/SpacePanel.d.ts.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.js +15 -6
- package/dist/types/src/panels/SpacePanel/SpacePanel.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts +18 -17
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js +38 -30
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.d.ts +3 -3
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.d.ts.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js +14 -4
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js.map +1 -1
- package/dist/types/src/panels/StatusPanel/StatusPanel.d.ts +2 -1
- package/dist/types/src/panels/StatusPanel/StatusPanel.d.ts.map +1 -1
- package/dist/types/src/panels/StatusPanel/StatusPanel.js +7 -2
- package/dist/types/src/panels/StatusPanel/StatusPanel.js.map +1 -1
- package/dist/types/src/steps/ConfirmReset.d.ts +3 -2
- package/dist/types/src/steps/ConfirmReset.d.ts.map +1 -1
- package/dist/types/src/steps/ConfirmReset.js +19 -10
- package/dist/types/src/steps/ConfirmReset.js.map +1 -1
- package/dist/types/src/steps/InvitationManager.d.ts +2 -1
- package/dist/types/src/steps/InvitationManager.d.ts.map +1 -1
- package/dist/types/src/steps/InvitationManager.js +21 -4
- package/dist/types/src/steps/InvitationManager.js.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.d.ts +2 -1
- package/dist/types/src/stories/Invitations.e2e-stories.d.ts.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.js +40 -13
- package/dist/types/src/stories/Invitations.e2e-stories.js.map +1 -1
- package/dist/types/src/translations/locales/en-US.js +5 -5
- package/dist/types/src/translations/locales/en-US.js.map +1 -1
- package/package.json +29 -29
- package/src/components/AgentConfig.tsx +8 -12
- package/src/components/DeviceList/DeviceList.tsx +1 -1
- package/src/components/DeviceList/DeviceListItem.tsx +49 -62
- package/src/components/DeviceList/index.ts +1 -0
- package/src/components/IdentityList/IdentityListItem.tsx +7 -8
- package/src/components/InvitationList/InvitationListItem.tsx +12 -7
- package/src/components/SpaceListItem.tsx +1 -3
- package/src/components/Viewport/Viewport.tsx +2 -1
- package/src/panels/IdentityPanel/IdentityPanel.tsx +16 -5
- package/src/panels/JoinPanel/steps/IdentityAdded.tsx +6 -4
- package/src/translations/locales/en-US.ts +5 -5
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
|
-
import { forwardRef } from 'react';
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
6
5
|
import { descriptionText, mx } from '@dxos/react-ui-theme';
|
|
7
6
|
export const Heading = forwardRef(({ titleId, title, titleSrOnly, children, corner }, forwardedRef) => {
|
|
8
|
-
return (
|
|
7
|
+
return (React.createElement("div", { role: 'none', className: 'pbe-2 relative', ref: forwardedRef },
|
|
8
|
+
corner,
|
|
9
|
+
React.createElement("h1", { ...(!titleSrOnly && { id: titleId }), className: mx(descriptionText, 'text-center mlb-2', titleSrOnly && 'invisible') }, title),
|
|
10
|
+
titleSrOnly && React.createElement("span", { id: titleId }, title),
|
|
11
|
+
children));
|
|
9
12
|
});
|
|
10
13
|
//# sourceMappingURL=Heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Heading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Heading.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAK,EAAE,EAAE,UAAU,EAA0C,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAS3D,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE;IAClE,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,YAAY;QAC1D,MAAM;QACP,+BACM,CAAC,CAAC,WAAW,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EACrC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,mBAAmB,EAAE,WAAW,IAAI,WAAW,CAAC,IAE9E,KAAK,CACH;QACJ,WAAW,IAAI,8BAAM,EAAE,EAAE,OAAO,IAAG,KAAK,CAAQ;QAChD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ChangeEventHandler, type ReactNode } from 'react';
|
|
1
|
+
import React, { type ChangeEventHandler, type ReactNode } from 'react';
|
|
2
2
|
import { type TextInputProps } from '@dxos/react-ui';
|
|
3
3
|
export type LargeInputProps = TextInputProps & {
|
|
4
4
|
validationMessage?: string;
|
|
@@ -7,5 +7,5 @@ export type LargeInputProps = TextInputProps & {
|
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
9
9
|
};
|
|
10
|
-
export declare const Input: ({ validationMessage, label, ...props }: LargeInputProps) =>
|
|
10
|
+
export declare const Input: ({ validationMessage, label, ...props }: LargeInputProps) => React.JSX.Element;
|
|
11
11
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Input.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAA4C,eAAe,sBAU5E,CAAC"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import React from 'react';
|
|
2
5
|
import { Input as UiInput } from '@dxos/react-ui';
|
|
3
6
|
export const Input = ({ validationMessage, label, ...props }) => {
|
|
4
|
-
return (
|
|
7
|
+
return (React.createElement(UiInput.Root, null,
|
|
8
|
+
React.createElement(UiInput.Label, null, label),
|
|
9
|
+
React.createElement(UiInput.TextInput, { ...props, classNames: 'plb-3 mbs-2 text-center' }),
|
|
10
|
+
React.createElement(UiInput.DescriptionAndValidation, null, validationMessage && React.createElement(UiInput.Validation, null, validationMessage))));
|
|
5
11
|
};
|
|
6
12
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Input.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Input.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,KAAK,IAAI,OAAO,EAAuB,MAAM,gBAAgB,CAAC;AAUvE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IAC/E,OAAO,CACL,oBAAC,OAAO,CAAC,IAAI;QACX,oBAAC,OAAO,CAAC,KAAK,QAAE,KAAK,CAAiB;QACtC,oBAAC,OAAO,CAAC,SAAS,OAAK,KAAK,EAAE,UAAU,EAAC,yBAAyB,GAAG;QACrE,oBAAC,OAAO,CAAC,wBAAwB,QAC9B,iBAAiB,IAAI,oBAAC,OAAO,CAAC,UAAU,QAAE,iBAAiB,CAAsB,CACjD,CACtB,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
2
|
export type LabelProps = PropsWithChildren<{}>;
|
|
3
|
-
export declare const Label: (props: LabelProps) =>
|
|
3
|
+
export declare const Label: (props: LabelProps) => React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=Label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Label.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Label.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,UAAW,UAAU,sBAGtC,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import React from 'react';
|
|
2
5
|
import { descriptionText, mx } from '@dxos/react-ui-theme';
|
|
3
6
|
export const Label = (props) => {
|
|
4
7
|
const { children } = props;
|
|
5
|
-
return
|
|
8
|
+
return React.createElement("span", { className: mx(descriptionText, 'text-center mli-6 whitespace-normal') }, children);
|
|
6
9
|
};
|
|
7
10
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Label.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Label.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAI3D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,OAAO,8BAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,qCAAqC,CAAC,IAAG,QAAQ,CAAQ,CAAC;AACxG,CAAC,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import '@dxos-theme';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
|
-
component: (props: import("../StorybookDialog").StorybookDialogProps) =>
|
|
5
|
+
component: (props: import("../StorybookDialog").StorybookDialogProps) => React.JSX.Element;
|
|
5
6
|
decorators: import("@storybook/react").Decorator[];
|
|
6
7
|
};
|
|
7
8
|
export default _default;
|
|
8
|
-
export declare const Normal: (props: any) =>
|
|
9
|
-
export declare const Primary: (props: any) =>
|
|
9
|
+
export declare const Normal: (props: any) => React.JSX.Element;
|
|
10
|
+
export declare const Primary: (props: any) => React.JSX.Element;
|
|
10
11
|
//# sourceMappingURL=Panel.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAU1B,wBAIE;AAEF,eAAO,MAAM,MAAM,UAAW,GAAG,sBAahC,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,GAAG,sBAajC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
4
|
import '@dxos-theme';
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { withTheme } from '@dxos/storybook-utils';
|
|
7
7
|
import { Action } from './Action';
|
|
8
8
|
import { Actions } from './Actions';
|
|
@@ -15,9 +15,21 @@ export default {
|
|
|
15
15
|
decorators: [withTheme],
|
|
16
16
|
};
|
|
17
17
|
export const Normal = (props) => {
|
|
18
|
-
return (
|
|
18
|
+
return (React.createElement(StorybookDialog, { ...props },
|
|
19
|
+
React.createElement(Heading, { title: 'Panel heading', titleId: 'panel-heading' }),
|
|
20
|
+
React.createElement("div", { className: 'p-3 text-center' },
|
|
21
|
+
React.createElement(Label, null, "Lorem ipsum"),
|
|
22
|
+
React.createElement(Actions, null,
|
|
23
|
+
React.createElement(Action, { variant: 'ghost' }, "Ghost"),
|
|
24
|
+
React.createElement(Action, null, "Normal")))));
|
|
19
25
|
};
|
|
20
26
|
export const Primary = (props) => {
|
|
21
|
-
return (
|
|
27
|
+
return (React.createElement(StorybookDialog, { ...props },
|
|
28
|
+
React.createElement(Heading, { title: 'Panel heading', titleId: 'panel-heading' }),
|
|
29
|
+
React.createElement("div", { className: 'p-3 text-center' },
|
|
30
|
+
React.createElement(Label, null, "Lorem ipsum"),
|
|
31
|
+
React.createElement(Actions, null,
|
|
32
|
+
React.createElement(Action, { variant: 'ghost' }, "Ghost"),
|
|
33
|
+
React.createElement(Action, { variant: 'primary' }, "Primary")))));
|
|
22
34
|
};
|
|
23
35
|
//# sourceMappingURL=Panel.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.stories.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Panel.stories.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE;IACnC,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,OAAO,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,eAAe,GAAW;QACjE,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,oBAAC,KAAK,sBAAoB;YAC1B,oBAAC,OAAO;gBACN,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,YAAe;gBACtC,oBAAC,MAAM,iBAAgB,CACf,CACN,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,OAAO,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,eAAe,GAAW;QACjE,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,oBAAC,KAAK,sBAAoB;YAC1B,oBAAC,OAAO;gBACN,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,YAAe;gBACtC,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,cAAiB,CAClC,CACN,CACU,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
|
-
import { forwardRef } from 'react';
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
6
5
|
import { mx } from '@dxos/react-ui-theme';
|
|
7
6
|
export const StepHeading = forwardRef(({ children, className, ...props }, forwardedRef) => {
|
|
8
|
-
return (
|
|
7
|
+
return (React.createElement("h2", { ...props, className: mx('font-normal text-sm mbe-4 mli-1 text-center', className), ref: forwardedRef }, children));
|
|
9
8
|
});
|
|
10
9
|
//# sourceMappingURL=StepHeading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepHeading.js","sourceRoot":"","sources":["../../../../../src/components/Panel/StepHeading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StepHeading.js","sourceRoot":"","sources":["../../../../../src/components/Panel/StepHeading.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAClD,OAAO,CACL,+BAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,YAAY,IACtG,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,eAAO,MAAM,aAAa;WACM,KAAK;cAAY,MAAM,IAAI;
|
|
1
|
+
{"version":3,"file":"SpaceListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,eAAO,MAAM,aAAa;WACM,KAAK;cAAY,MAAM,IAAI;uCAmB1D,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
|
-
import { forwardRef } from 'react';
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
6
5
|
import { Avatar, useId } from '@dxos/react-ui';
|
|
7
6
|
import { mx } from '@dxos/react-ui-theme';
|
|
8
7
|
import { humanize, keyToEmoji } from '@dxos/util';
|
|
@@ -11,6 +10,9 @@ export const SpaceListItem = forwardRef(({ space, onClick }, ref) => {
|
|
|
11
10
|
const fallbackValue = keyToEmoji(space.key);
|
|
12
11
|
const labelId = useId('identityListItem__label');
|
|
13
12
|
const displayName = (_a = space.properties.name) !== null && _a !== void 0 ? _a : humanize(space.key.toHex());
|
|
14
|
-
return (
|
|
13
|
+
return (React.createElement("li", { className: mx('flex gap-2 items-center mbe-2', onClick && 'cursor-pointer'), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), ref: ref, "data-testid": 'space-list-item' },
|
|
14
|
+
React.createElement(Avatar.Root, { labelId: labelId },
|
|
15
|
+
React.createElement(Avatar.Content, { fallback: fallbackValue }),
|
|
16
|
+
React.createElement(Avatar.Label, { classNames: 'text-sm truncate' }, displayName))));
|
|
15
17
|
});
|
|
16
18
|
//# sourceMappingURL=SpaceListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceListItem.js","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SpaceListItem.js","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,EAAE,OAAO,EAA0C,EAAE,GAAgC,EAAE,EAAE;;IAC/F,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,UAAU,CAAC,IAAI,mCAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;IAEzE,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,OAAO,IAAI,gBAAgB,CAAC,EAC3E,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,EAC1B,GAAG,EAAE,GAAG,iBACI,iBAAiB;QAE7B,oBAAC,MAAM,CAAC,IAAI,IAAC,OAAO,EAAE,OAAO;YAC3B,oBAAC,MAAM,CAAC,OAAO,IAAC,QAAQ,EAAE,aAAa,GAAI;YAC3C,oBAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,kBAAkB,IAAE,WAAW,CAAgB,CAC5D,CACX,CACN,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
2
|
export type StorybookDialogProps = PropsWithChildren & {
|
|
3
3
|
inOverlayLayout?: boolean;
|
|
4
4
|
};
|
|
5
|
-
export declare const StorybookDialog: (props: StorybookDialogProps) =>
|
|
5
|
+
export declare const StorybookDialog: (props: StorybookDialogProps) => React.JSX.Element;
|
|
6
6
|
//# sourceMappingURL=StorybookDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorybookDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/StorybookDialog.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"StorybookDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/StorybookDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAGF,eAAO,MAAM,eAAe,UAAW,oBAAoB,sBAiB1D,CAAC"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import React from 'react';
|
|
2
5
|
import { Clipboard, ElevationProvider, Tooltip, useThemeContext } from '@dxos/react-ui';
|
|
3
6
|
// TODO(burdon): Move out of components.
|
|
4
7
|
export const StorybookDialog = (props) => {
|
|
5
8
|
const { inOverlayLayout = false } = props;
|
|
6
9
|
const { tx } = useThemeContext();
|
|
7
|
-
return (
|
|
10
|
+
return (React.createElement(Tooltip.Provider, null,
|
|
11
|
+
React.createElement(ElevationProvider, { elevation: 'dialog' },
|
|
12
|
+
React.createElement(Clipboard.Provider, null,
|
|
13
|
+
React.createElement("div", { role: 'group', className: tx('dialog.content', 'dialog', { inOverlayLayout }, 'p-1', inOverlayLayout ? 'm-4' : '') }, props.children)))));
|
|
8
14
|
};
|
|
9
15
|
//# sourceMappingURL=StorybookDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorybookDialog.js","sourceRoot":"","sources":["../../../../src/components/StorybookDialog.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"StorybookDialog.js","sourceRoot":"","sources":["../../../../src/components/StorybookDialog.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMxF,wCAAwC;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,eAAe,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC;IACjC,OAAO,CACL,oBAAC,OAAO,CAAC,QAAQ;QACf,oBAAC,iBAAiB,IAAC,SAAS,EAAC,QAAQ;YACnC,oBAAC,SAAS,CAAC,QAAQ;gBACjB,6BACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAElG,KAAK,CAAC,QAAQ,CACX,CACa,CACH,CACH,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -25,11 +25,11 @@ type ViewportViewProps = ThemedClassName<Omit<ComponentPropsWithRef<'div'>, 'id'
|
|
|
25
25
|
};
|
|
26
26
|
export declare const Viewport: {
|
|
27
27
|
Root: {
|
|
28
|
-
({ __viewportScope, classNames, children, defaultActiveView, activeView: propsActiveView, focusManaged, onActiveViewChange, ...props }: ViewportScopedProps<ViewportRootProps>):
|
|
28
|
+
({ __viewportScope, classNames, children, defaultActiveView, activeView: propsActiveView, focusManaged, onActiveViewChange, ...props }: ViewportScopedProps<ViewportRootProps>): React.JSX.Element;
|
|
29
29
|
displayName: string;
|
|
30
30
|
};
|
|
31
31
|
Views: {
|
|
32
|
-
({ classNames, children, ...props }: ViewportViewsProps):
|
|
32
|
+
({ classNames, children, ...props }: ViewportViewsProps): React.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
View: React.ForwardRefExoticComponent<Omit<ViewportScopedProps<ViewportViewProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AAOvE,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE9D,QAAA,MAA8B,mBAAmB,+CAAyC,CAAC;AAE3F,QAAA,MAAyB,kBAAkB,gGAA8D,CAAC;AAE1G,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GACpE,OAAO,CAAC;IACN,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACtD,CAAC,CAAC;AAiCL,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAatH,KAAK,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACnF,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AA6BF,eAAO,MAAM,QAAQ;;gJAlElB,mBAAmB,CAAC,iBAAiB,CAAC;;;;6CAwBkB,kBAAkB;;;;CA0CW,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
4
|
import { useFocusFinders } from '@fluentui/react-tabster';
|
|
6
5
|
import { createContextScope } from '@radix-ui/react-context';
|
|
7
6
|
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
8
|
-
import { forwardRef, useEffect, } from 'react';
|
|
7
|
+
import React, { forwardRef, useEffect, } from 'react';
|
|
9
8
|
import { useForwardedRef } from '@dxos/react-ui';
|
|
10
9
|
import { mx } from '@dxos/react-ui-theme';
|
|
11
10
|
const VIEWPORT_NAME = 'Viewport';
|
|
@@ -19,12 +18,13 @@ const ViewportRoot = ({ __viewportScope, classNames, children, defaultActiveView
|
|
|
19
18
|
defaultProp: defaultActiveView,
|
|
20
19
|
onChange: onActiveViewChange,
|
|
21
20
|
});
|
|
22
|
-
return (
|
|
21
|
+
return (React.createElement(ViewportProvider, { focusManaged: focusManaged, activeView: activeView, setActiveView: setActiveView, scope: __viewportScope },
|
|
22
|
+
React.createElement("div", { role: 'region', "aria-live": 'polite', ...props, className: mx('is-full overflow-hidden', classNames) }, children)));
|
|
23
23
|
};
|
|
24
24
|
ViewportRoot.displayName = VIEWPORT_NAME;
|
|
25
25
|
const ViewportViews = ({ classNames, children, ...props }) => {
|
|
26
26
|
const size = { inlineSize: `${Math.ceil(children.length) * 100}%` };
|
|
27
|
-
return (
|
|
27
|
+
return (React.createElement("div", { role: 'none', style: size, ...props, className: mx('flex', classNames) }, children));
|
|
28
28
|
};
|
|
29
29
|
ViewportViews.displayName = VIEWS_NAME;
|
|
30
30
|
const ViewportView = forwardRef(({ __viewportScope, classNames, children, id, ...props }, forwardedRef) => {
|
|
@@ -38,7 +38,7 @@ const ViewportView = forwardRef(({ __viewportScope, classNames, children, id, ..
|
|
|
38
38
|
(_a = findFirstFocusable(ref.current)) === null || _a === void 0 ? void 0 : _a.focus();
|
|
39
39
|
}
|
|
40
40
|
}, [focusManaged, ref.current, isActive]);
|
|
41
|
-
return (
|
|
41
|
+
return (React.createElement("section", { ...props, ...(!isActive && { 'aria-hidden': true }), className: mx('min-is-0 flex-1 flex flex-col', isActive ? 'order-2' : 'order-4 invisible', classNames), ref: ref }, children));
|
|
42
42
|
});
|
|
43
43
|
ViewportView.displayName = VIEW_NAME;
|
|
44
44
|
export const Viewport = { Root: ViewportRoot, Views: ViewportViews, View: ViewportView };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewport.js","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Viewport.js","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import '@dxos-theme';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
type StorybookViewportProps = {};
|
|
3
4
|
declare const _default: {
|
|
4
5
|
title: string;
|
|
5
|
-
component: (props: StorybookViewportProps) =>
|
|
6
|
+
component: (props: StorybookViewportProps) => React.JSX.Element;
|
|
6
7
|
decorators: import("@storybook/react").Decorator[];
|
|
7
8
|
parameters: {
|
|
8
9
|
chromatic: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewport.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Viewport.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,sBAAsB,GAAG,EAAE,CAAC;;;uBA4BC,sBAAsB;;;;;;;;AAcxD,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
|
|
@@ -1,18 +1,37 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
4
|
import '@dxos-theme';
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { AlertDialog } from '@dxos/react-ui';
|
|
7
7
|
import { withTheme } from '@dxos/storybook-utils';
|
|
8
8
|
import { useViewportContext, Viewport } from './Viewport';
|
|
9
9
|
import { Action } from '../Panel';
|
|
10
10
|
const Views = ({ __viewportScope }) => {
|
|
11
11
|
const { setActiveView } = useViewportContext('StorybookViews', __viewportScope);
|
|
12
|
-
return (
|
|
12
|
+
return (React.createElement(Viewport.Views, null,
|
|
13
|
+
React.createElement(Viewport.View, { id: 'one', classNames: 'p-4' },
|
|
14
|
+
React.createElement("p", null, "One"),
|
|
15
|
+
React.createElement("p", { className: 'invisible' }, "Two"),
|
|
16
|
+
React.createElement("p", { className: 'invisible' }, "Three"),
|
|
17
|
+
React.createElement(Action, { onClick: () => setActiveView('two') }, "Next")),
|
|
18
|
+
React.createElement(Viewport.View, { id: 'two', classNames: 'p-4' },
|
|
19
|
+
React.createElement("p", { className: 'invisible' }, "One"),
|
|
20
|
+
React.createElement("p", null, "Two"),
|
|
21
|
+
React.createElement("p", { className: 'invisible' }, "Three"),
|
|
22
|
+
React.createElement(Action, { onClick: () => setActiveView('three') }, "Next")),
|
|
23
|
+
React.createElement(Viewport.View, { id: 'three', classNames: 'p-4' },
|
|
24
|
+
React.createElement("p", { className: 'invisible' }, "One"),
|
|
25
|
+
React.createElement("p", { className: 'invisible' }, "Two"),
|
|
26
|
+
React.createElement("p", null, "Three"),
|
|
27
|
+
React.createElement(Action, { onClick: () => setActiveView('one') }, "Next"))));
|
|
13
28
|
};
|
|
14
29
|
const StorybookViewport = (props) => {
|
|
15
|
-
return (
|
|
30
|
+
return (React.createElement(AlertDialog.Root, { defaultOpen: true },
|
|
31
|
+
React.createElement(AlertDialog.Overlay, null,
|
|
32
|
+
React.createElement(AlertDialog.Content, { classNames: 'p-0' },
|
|
33
|
+
React.createElement(Viewport.Root, { defaultActiveView: 'one' },
|
|
34
|
+
React.createElement(Views, null))))));
|
|
16
35
|
};
|
|
17
36
|
export default {
|
|
18
37
|
title: 'sdk/shell/StorybookViewport',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewport.stories.js","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Viewport.stories.js","sourceRoot":"","sources":["../../../../../src/components/Viewport/Viewport.stories.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAA4B,MAAM,YAAY,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,KAAK,GAAG,CAAC,EAAE,eAAe,EAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAChF,OAAO,CACL,oBAAC,QAAQ,CAAC,KAAK;QACb,oBAAC,QAAQ,CAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK;YACtC,qCAAU;YACV,2BAAG,SAAS,EAAC,WAAW,UAAQ;YAChC,2BAAG,SAAS,EAAC,WAAW,YAAU;YAClC,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,WAAe,CAC5C;QAChB,oBAAC,QAAQ,CAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK;YACtC,2BAAG,SAAS,EAAC,WAAW,UAAQ;YAChC,qCAAU;YACV,2BAAG,SAAS,EAAC,WAAW,YAAU;YAClC,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,WAAe,CAC9C;QAChB,oBAAC,QAAQ,CAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK;YACxC,2BAAG,SAAS,EAAC,WAAW,UAAQ;YAChC,2BAAG,SAAS,EAAC,WAAW,UAAQ;YAChC,uCAAY;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,WAAe,CAC5C,CACD,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC1D,OAAO,CACL,oBAAC,WAAW,CAAC,IAAI,IAAC,WAAW;QAC3B,oBAAC,WAAW,CAAC,OAAO;YAClB,oBAAC,WAAW,CAAC,OAAO,IAAC,UAAU,EAAC,KAAK;gBACnC,oBAAC,QAAQ,CAAC,IAAI,IAAC,iBAAiB,EAAC,KAAK;oBACpC,oBAAC,KAAK,OAAG,CACK,CACI,CACF,CACL,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,EAAE;CACT,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { type DialogContentProps } from '@dxos/react-ui';
|
|
2
3
|
import { type IdentityPanelProps } from '../../panels';
|
|
3
4
|
export interface IdentityDialogProps extends Omit<DialogContentProps, 'children'>, Omit<IdentityPanelProps, 'doneActionParent'> {
|
|
4
5
|
onDone: () => void;
|
|
5
6
|
}
|
|
6
|
-
export declare const IdentityDialog: (props: IdentityDialogProps) =>
|
|
7
|
+
export declare const IdentityDialog: (props: IdentityDialogProps) => React.JSX.Element;
|
|
7
8
|
//# sourceMappingURL=IdentityDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/IdentityDialog/IdentityDialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IdentityDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/IdentityDialog/IdentityDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,KAAK,kBAAkB,EAAiB,MAAM,gBAAgB,CAAC;AAEnF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,IAAI,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAqBxD,CAAC"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import React from 'react';
|
|
2
5
|
import { Clipboard, Dialog, useId } from '@dxos/react-ui';
|
|
3
6
|
import { IdentityPanel } from '../../panels';
|
|
4
7
|
export const IdentityDialog = (props) => {
|
|
5
8
|
const titleId = useId('identityDialog__title', props.title);
|
|
6
|
-
return (
|
|
9
|
+
return (React.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (open) => { var _a; return open || ((_a = props.onDone) === null || _a === void 0 ? void 0 : _a.call(props)); } },
|
|
10
|
+
React.createElement(Dialog.Portal, null,
|
|
11
|
+
React.createElement(Dialog.Overlay, null,
|
|
12
|
+
React.createElement(Dialog.Content, { "aria-labelledby": titleId, onOpenAutoFocus: (e) => e.preventDefault() },
|
|
13
|
+
React.createElement(Clipboard.Provider, null,
|
|
14
|
+
React.createElement(IdentityPanel, { ...props,
|
|
7
15
|
titleId,
|
|
8
|
-
doneActionParent:
|
|
16
|
+
doneActionParent: React.createElement(Dialog.Close, { asChild: true }) })))))));
|
|
9
17
|
};
|
|
10
18
|
//# sourceMappingURL=IdentityDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityDialog.js","sourceRoot":"","sources":["../../../../../src/composites/IdentityDialog/IdentityDialog.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"IdentityDialog.js","sourceRoot":"","sources":["../../../../../src/composites/IdentityDialog/IdentityDialog.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAA2B,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEnF,OAAO,EAAE,aAAa,EAA2B,MAAM,cAAc,CAAC;AAQtE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,CACL,oBAAC,MAAM,CAAC,IAAI,IAAC,WAAW,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,IAAI,KAAI,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAA,CAAA,EAAA;QACvE,oBAAC,MAAM,CAAC,MAAM;YACZ,oBAAC,MAAM,CAAC,OAAO;gBACb,oBAAC,MAAM,CAAC,OAAO,uBAAkB,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;oBAClF,oBAAC,SAAS,CAAC,QAAQ;wBACjB,oBAAC,aAAa,IAEV,GAAG,KAAK;4BACR,OAAO;4BACP,gBAAgB,EAAE,oBAAC,MAAM,CAAC,KAAK,IAAC,OAAO,SAAG,GAE5C,CACiB,CACN,CACF,CACH,CACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { type AlertDialogContentProps } from '@dxos/react-ui';
|
|
2
3
|
import { type JoinPanelProps } from '../../panels';
|
|
3
4
|
export interface JoinDialogProps extends Omit<AlertDialogContentProps, 'children'>, Omit<JoinPanelProps, 'exitActionParent' | 'doneActionParent'> {
|
|
4
5
|
}
|
|
5
|
-
export declare const JoinDialog: (joinPanelProps: JoinDialogProps) =>
|
|
6
|
+
export declare const JoinDialog: (joinPanelProps: JoinDialogProps) => React.JSX.Element;
|
|
6
7
|
//# sourceMappingURL=JoinDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoinDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/JoinDialog/JoinDialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JoinDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/JoinDialog/JoinDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAe,KAAK,uBAAuB,EAA4B,MAAM,gBAAgB,CAAC;AAErG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,EAC/C,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,kBAAkB,CAAC;CAAG;AAEpE,eAAO,MAAM,UAAU,mBAAoB,eAAe,sBAyBzD,CAAC"}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import React from 'react';
|
|
2
5
|
import { AlertDialog, useId, useVisualViewport } from '@dxos/react-ui';
|
|
3
6
|
import { JoinPanel } from '../../panels';
|
|
4
7
|
export const JoinDialog = (joinPanelProps) => {
|
|
5
8
|
const titleId = useId('joinDialog__title');
|
|
6
9
|
// todo(thure): This doesn’t work within an iframe on iOS Safari.
|
|
7
10
|
const { height } = useVisualViewport();
|
|
8
|
-
return (
|
|
11
|
+
return (React.createElement(AlertDialog.Root, { defaultOpen: true, onOpenChange: (open) => { var _a; return open || (joinPanelProps.onExit ? joinPanelProps.onExit() : (_a = joinPanelProps.onDone) === null || _a === void 0 ? void 0 : _a.call(joinPanelProps, null)); } },
|
|
12
|
+
React.createElement(AlertDialog.Portal, null,
|
|
13
|
+
React.createElement(AlertDialog.Overlay, { classNames: 'backdrop-blur', ...(height && { style: { blockSize: `${height}px` } }) },
|
|
14
|
+
React.createElement(AlertDialog.Content, { "aria-labelledby": titleId },
|
|
15
|
+
React.createElement(JoinPanel, { ...joinPanelProps,
|
|
9
16
|
titleId,
|
|
10
|
-
exitActionParent:
|
|
11
|
-
doneActionParent:
|
|
17
|
+
exitActionParent: React.createElement(AlertDialog.Cancel, { asChild: true }),
|
|
18
|
+
doneActionParent: React.createElement(AlertDialog.Action, { asChild: true }) }))))));
|
|
12
19
|
};
|
|
13
20
|
//# sourceMappingURL=JoinDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoinDialog.js","sourceRoot":"","sources":["../../../../../src/composites/JoinDialog/JoinDialog.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"JoinDialog.js","sourceRoot":"","sources":["../../../../../src/composites/JoinDialog/JoinDialog.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAgC,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAErG,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAM9D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,cAA+B,EAAE,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC3C,iEAAiE;IACjE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvC,OAAO,CACL,oBAAC,WAAW,CAAC,IAAI,IACf,WAAW,QACX,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAA,cAAc,CAAC,MAAM,+DAAG,IAAI,CAAC,CAAC,CAAA,EAAA;QAEjH,oBAAC,WAAW,CAAC,MAAM;YACjB,oBAAC,WAAW,CAAC,OAAO,IAAC,UAAU,EAAC,eAAe,KAAK,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,EAAE,EAAE,CAAC;gBACrG,oBAAC,WAAW,CAAC,OAAO,uBAAkB,OAAO;oBAC3C,oBAAC,SAAS,IAEN,GAAG,cAAc;wBACjB,OAAO;wBACP,gBAAgB,EAAE,oBAAC,WAAW,CAAC,MAAM,IAAC,OAAO,SAAG;wBAChD,gBAAgB,EAAE,oBAAC,WAAW,CAAC,MAAM,IAAC,OAAO,SAAG,GAElD,CACkB,CACF,CACH,CACJ,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { type ShellRuntime } from '@dxos/react-client';
|
|
2
3
|
export declare const Shell: ({ runtime }: {
|
|
3
4
|
runtime: ShellRuntime;
|
|
4
|
-
}) =>
|
|
5
|
+
}) => React.JSX.Element | null;
|
|
5
6
|
//# sourceMappingURL=Shell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../../../src/composites/Shell/Shell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../../../src/composites/Shell/Shell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAU5B,eAAO,MAAM,KAAK,gBAAiB;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,6BAsJ3D,CAAC"}
|