@dxos/shell 0.7.5-staging.b81e783 → 0.7.5-staging.e6154f3
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 +2510 -2492
- package/dist/bundle/shell.js.map +1 -1
- package/dist/bundle/shell.umd.cjs +44 -44
- 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 +20 -10
- package/dist/lib/browser/react.mjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react.cjs +27 -17
- 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 +20 -10
- package/dist/lib/node-esm/react.mjs.map +3 -3
- package/dist/types/src/components/AgentConfig.js +11 -15
- package/dist/types/src/components/AgentConfig.js.map +1 -1
- package/dist/types/src/components/AuthCode.js +6 -10
- package/dist/types/src/components/AuthCode.js.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.js +9 -13
- package/dist/types/src/components/CompoundButton/CompoundButton.js.map +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts +1 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.js +17 -20
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.js.map +1 -1
- package/dist/types/src/components/CompoundButton/index.js +1 -17
- package/dist/types/src/components/CompoundButton/index.js.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceList.js +10 -14
- 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.js +18 -21
- package/dist/types/src/components/DeviceList/DeviceListItem.js.map +1 -1
- package/dist/types/src/components/DeviceList/DeviceListProps.js +0 -2
- package/dist/types/src/components/DeviceList/DeviceListProps.js.map +1 -1
- package/dist/types/src/components/DeviceList/index.js +2 -18
- package/dist/types/src/components/DeviceList/index.js.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.d.ts +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.js +12 -15
- package/dist/types/src/components/IdentityList/IdentityListItem.js.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.js +17 -22
- package/dist/types/src/components/IdentityList/SpaceMemberList.js.map +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts +1 -1
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js +10 -14
- package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js.map +1 -1
- package/dist/types/src/components/IdentityList/index.js +2 -18
- package/dist/types/src/components/IdentityList/index.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.js +8 -12
- package/dist/types/src/components/InvitationList/InvitationList.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.stories.d.ts +1 -1
- package/dist/types/src/components/InvitationList/InvitationList.stories.js +20 -24
- package/dist/types/src/components/InvitationList/InvitationList.stories.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListContainer.js +9 -13
- package/dist/types/src/components/InvitationList/InvitationListContainer.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.js +32 -37
- package/dist/types/src/components/InvitationList/InvitationListItem.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListProps.js +0 -2
- package/dist/types/src/components/InvitationList/index.js +3 -19
- package/dist/types/src/components/InvitationList/index.js.map +1 -1
- package/dist/types/src/components/Panel/Action.js +15 -18
- package/dist/types/src/components/Panel/Action.js.map +1 -1
- package/dist/types/src/components/Panel/Actions.js +6 -9
- package/dist/types/src/components/Panel/Actions.js.map +1 -1
- package/dist/types/src/components/Panel/CloseButton.js +7 -11
- package/dist/types/src/components/Panel/CloseButton.js.map +1 -1
- package/dist/types/src/components/Panel/Emoji.js +6 -11
- package/dist/types/src/components/Panel/Emoji.js.map +1 -1
- package/dist/types/src/components/Panel/Heading.js +5 -8
- package/dist/types/src/components/Panel/Heading.js.map +1 -1
- package/dist/types/src/components/Panel/Input.js +4 -8
- package/dist/types/src/components/Panel/Input.js.map +1 -1
- package/dist/types/src/components/Panel/Label.js +4 -8
- package/dist/types/src/components/Panel/Label.js.map +1 -1
- package/dist/types/src/components/Panel/Panel.stories.d.ts +1 -1
- package/dist/types/src/components/Panel/Panel.stories.js +15 -20
- package/dist/types/src/components/Panel/Panel.stories.js.map +1 -1
- package/dist/types/src/components/Panel/StepHeading.js +5 -8
- package/dist/types/src/components/Panel/StepHeading.js.map +1 -1
- package/dist/types/src/components/Panel/index.js +8 -24
- package/dist/types/src/components/Panel/index.js.map +1 -1
- package/dist/types/src/components/SpaceListItem.js +10 -13
- package/dist/types/src/components/SpaceListItem.js.map +1 -1
- package/dist/types/src/components/StorybookDialog.js +5 -9
- package/dist/types/src/components/StorybookDialog.js.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.js +18 -22
- package/dist/types/src/components/Viewport/Viewport.js.map +1 -1
- package/dist/types/src/components/Viewport/Viewport.stories.d.ts +1 -1
- package/dist/types/src/components/Viewport/Viewport.stories.js +12 -15
- package/dist/types/src/components/Viewport/Viewport.stories.js.map +1 -1
- package/dist/types/src/components/Viewport/index.js +1 -17
- package/dist/types/src/components/Viewport/index.js.map +1 -1
- package/dist/types/src/components/index.js +9 -25
- package/dist/types/src/components/index.js.map +1 -1
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.js +7 -11
- package/dist/types/src/composites/IdentityDialog/IdentityDialog.js.map +1 -1
- package/dist/types/src/composites/IdentityDialog/index.js +1 -17
- package/dist/types/src/composites/IdentityDialog/index.js.map +1 -1
- package/dist/types/src/composites/JoinDialog/JoinDialog.js +9 -13
- package/dist/types/src/composites/JoinDialog/JoinDialog.js.map +1 -1
- package/dist/types/src/composites/JoinDialog/index.js +1 -17
- package/dist/types/src/composites/JoinDialog/index.js.map +1 -1
- package/dist/types/src/composites/Shell/Shell.js +54 -58
- package/dist/types/src/composites/Shell/Shell.js.map +1 -1
- package/dist/types/src/composites/Shell/ShellContext.js +32 -37
- package/dist/types/src/composites/Shell/ShellContext.js.map +1 -1
- package/dist/types/src/composites/Shell/index.js +3 -19
- package/dist/types/src/composites/Shell/index.js.map +1 -1
- package/dist/types/src/composites/Shell/memory-shell-runtime.js +7 -11
- package/dist/types/src/composites/Shell/memory-shell-runtime.js.map +1 -1
- package/dist/types/src/composites/Shell/run-shell.js +18 -22
- package/dist/types/src/composites/Shell/run-shell.js.map +1 -1
- package/dist/types/src/composites/Shell/shell-runtime.js +13 -17
- package/dist/types/src/composites/Shell/shell-runtime.js.map +1 -1
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.js +7 -11
- package/dist/types/src/composites/SpaceDialog/SpaceDialog.js.map +1 -1
- package/dist/types/src/composites/SpaceDialog/index.js +1 -17
- package/dist/types/src/composites/SpaceDialog/index.js.map +1 -1
- package/dist/types/src/composites/StatusDialog/StatusDialog.js +6 -10
- package/dist/types/src/composites/StatusDialog/StatusDialog.js.map +1 -1
- package/dist/types/src/composites/StatusDialog/index.js +1 -17
- package/dist/types/src/composites/StatusDialog/index.js.map +1 -1
- package/dist/types/src/composites/index.js +4 -20
- package/dist/types/src/composites/index.js.map +1 -1
- package/dist/types/src/index.js +2 -6
- package/dist/types/src/index.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js +55 -54
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js +38 -51
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.js +0 -2
- package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/identityMachine.js +10 -14
- package/dist/types/src/panels/IdentityPanel/identityMachine.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/index.js +2 -18
- package/dist/types/src/panels/IdentityPanel/index.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js +16 -21
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js +21 -25
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/index.js +2 -18
- package/dist/types/src/panels/IdentityPanel/steps/index.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js +7 -11
- package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/useEdgeAgentsHandlers.js +19 -23
- package/dist/types/src/panels/IdentityPanel/useEdgeAgentsHandlers.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/useKubeAgentHandlers.js +19 -23
- package/dist/types/src/panels/IdentityPanel/useKubeAgentHandlers.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinHeading.js +11 -14
- package/dist/types/src/panels/JoinPanel/JoinHeading.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.js +38 -43
- package/dist/types/src/panels/JoinPanel/JoinPanel.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.d.ts +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.js +25 -41
- package/dist/types/src/panels/JoinPanel/JoinPanel.stories.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/JoinPanelProps.js +0 -2
- package/dist/types/src/panels/JoinPanel/JoinPanelProps.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/index.js +2 -18
- package/dist/types/src/panels/JoinPanel/index.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/joinMachine.js +49 -54
- package/dist/types/src/panels/JoinPanel/joinMachine.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.js +9 -13
- package/dist/types/src/panels/JoinPanel/steps/AdditionMethodChooser.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js +14 -18
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js +19 -24
- package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js +8 -12
- package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js +13 -17
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js +15 -19
- package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js +11 -15
- package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/index.js +7 -23
- package/dist/types/src/panels/JoinPanel/steps/index.js.map +1 -1
- package/dist/types/src/panels/Panels.stories.d.ts +1 -1
- package/dist/types/src/panels/Panels.stories.js +13 -50
- package/dist/types/src/panels/Panels.stories.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.js +25 -30
- package/dist/types/src/panels/SpacePanel/SpacePanel.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js +89 -108
- package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanelProps.js +0 -2
- package/dist/types/src/panels/SpacePanel/SpacePanelProps.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/index.js +2 -18
- package/dist/types/src/panels/SpacePanel/index.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/spaceMachine.js +9 -13
- package/dist/types/src/panels/SpacePanel/spaceMachine.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js +33 -38
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/index.js +1 -17
- package/dist/types/src/panels/SpacePanel/steps/index.js.map +1 -1
- package/dist/types/src/panels/StatusPanel/StatusPanel.js +5 -9
- package/dist/types/src/panels/StatusPanel/StatusPanel.js.map +1 -1
- package/dist/types/src/panels/StatusPanel/index.js +1 -17
- package/dist/types/src/panels/StatusPanel/index.js.map +1 -1
- package/dist/types/src/panels/index.js +4 -20
- package/dist/types/src/panels/index.js.map +1 -1
- package/dist/types/src/playwright/invitations-manager.js +11 -15
- package/dist/types/src/playwright/invitations-manager.js.map +1 -1
- package/dist/types/src/playwright/invitations.spec.js +64 -66
- package/dist/types/src/playwright/invitations.spec.js.map +1 -1
- package/dist/types/src/react.js +6 -22
- package/dist/types/src/react.js.map +1 -1
- package/dist/types/src/steps/ConfirmReset.js +18 -23
- package/dist/types/src/steps/ConfirmReset.js.map +1 -1
- package/dist/types/src/steps/InvitationManager.js +17 -21
- package/dist/types/src/steps/InvitationManager.js.map +1 -1
- package/dist/types/src/steps/StepProps.js +0 -2
- package/dist/types/src/steps/StepProps.js.map +1 -1
- package/dist/types/src/steps/index.js +3 -19
- package/dist/types/src/steps/index.js.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.d.ts +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.js +50 -53
- package/dist/types/src/stories/Invitations.e2e-stories.js.map +1 -1
- package/dist/types/src/styles/index.js +2 -18
- package/dist/types/src/styles/index.js.map +1 -1
- package/dist/types/src/styles/invitationStatusStyles.js +31 -37
- package/dist/types/src/styles/invitationStatusStyles.js.map +1 -1
- package/dist/types/src/styles/panelStyles.js +1 -4
- package/dist/types/src/styles/panelStyles.js.map +1 -1
- package/dist/types/src/testing/fixtures/identities.js +8 -11
- package/dist/types/src/testing/fixtures/identities.js.map +1 -1
- package/dist/types/src/testing/fixtures/index.js +2 -18
- package/dist/types/src/testing/fixtures/index.js.map +1 -1
- package/dist/types/src/testing/fixtures/invitations.js +8 -12
- package/dist/types/src/testing/fixtures/invitations.js.map +1 -1
- package/dist/types/src/testing/index.js +2 -18
- package/dist/types/src/testing/index.js.map +1 -1
- package/dist/types/src/testing/scoped-shell-manager.js +1 -5
- package/dist/types/src/testing/scoped-shell-manager.js.map +1 -1
- package/dist/types/src/testing/shell-manager.js +11 -15
- package/dist/types/src/testing/shell-manager.js.map +1 -1
- package/dist/types/src/translations/index.js +2 -38
- package/dist/types/src/translations/index.js.map +1 -1
- package/dist/types/src/translations/locales/en-US.d.ts +1 -0
- package/dist/types/src/translations/locales/en-US.d.ts.map +1 -1
- package/dist/types/src/translations/locales/en-US.js +4 -6
- package/dist/types/src/translations/locales/en-US.js.map +1 -1
- package/dist/types/src/types/FailReason.js +0 -2
- package/dist/types/src/types/FailReason.js.map +1 -1
- package/dist/types/src/types/IInvitation.js +0 -2
- package/dist/types/src/types/IInvitation.js.map +1 -1
- package/dist/types/src/types/index.js +2 -18
- package/dist/types/src/types/index.js.map +1 -1
- package/dist/types/src/util/index.js +1 -17
- package/dist/types/src/util/index.js.map +1 -1
- package/dist/types/src/util/invitationStatusValue.js +11 -14
- package/dist/types/src/util/invitationStatusValue.js.map +1 -1
- package/package.json +30 -27
- package/src/panels/IdentityPanel/IdentityPanel.tsx +19 -5
- package/src/translations/locales/en-US.ts +3 -2
|
@@ -1,31 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SpaceMemberListImpl = exports.SpaceMemberList = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const SpaceMemberList = ({ spaceKey, includeSelf, onSelect }) => {
|
|
15
|
-
const client =
|
|
16
|
-
const allUnsortedMembers =
|
|
17
|
-
const members =
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
import { useClient } from '@dxos/react-client';
|
|
7
|
+
import { useMembers } from '@dxos/react-client/echo';
|
|
8
|
+
import { useTranslation, List } from '@dxos/react-ui';
|
|
9
|
+
import { descriptionText, mx } from '@dxos/react-ui-theme';
|
|
10
|
+
import { IdentityListItem } from './IdentityListItem';
|
|
11
|
+
export const SpaceMemberList = ({ spaceKey, includeSelf, onSelect }) => {
|
|
12
|
+
const client = useClient();
|
|
13
|
+
const allUnsortedMembers = useMembers(spaceKey);
|
|
14
|
+
const members = useMemo(() => includeSelf
|
|
18
15
|
? allUnsortedMembers.sort((member) => member.identity.identityKey.equals(client.halo.identity.get().identityKey) ? -1 : 1)
|
|
19
16
|
: allUnsortedMembers.filter((member) => !member.identity.identityKey.equals(client.halo.identity.get().identityKey)), [allUnsortedMembers]);
|
|
20
|
-
return (
|
|
17
|
+
return _jsx(SpaceMemberListImpl, { members: members, onSelect: onSelect });
|
|
21
18
|
};
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
19
|
+
export const SpaceMemberListImpl = ({ members, onSelect }) => {
|
|
20
|
+
const { t } = useTranslation('os');
|
|
25
21
|
const visibleMembers = members.filter((member) => member.identity);
|
|
26
|
-
return visibleMembers.length > 0 ? ((
|
|
27
|
-
return ((
|
|
28
|
-
}) })) : ((
|
|
22
|
+
return visibleMembers.length > 0 ? (_jsx(List, { classNames: 'flex flex-col gap-2', "data-testid": 'space-members-list', children: visibleMembers.map((member) => {
|
|
23
|
+
return (_jsx(IdentityListItem, { identity: member.identity, presence: member.presence, onClick: onSelect && (() => onSelect(member)) }, member.identity.identityKey.toHex()));
|
|
24
|
+
}) })) : (_jsx("div", { role: 'none', className: 'grow flex items-center p-2', children: _jsx("p", { className: mx(descriptionText, 'text-center is-full mlb-2'), children: t('empty space members message') }) }));
|
|
29
25
|
};
|
|
30
|
-
exports.SpaceMemberListImpl = SpaceMemberListImpl;
|
|
31
26
|
//# sourceMappingURL=SpaceMemberList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceMemberList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SpaceMemberList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AActD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,WAAW;QACT,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrF;QACH,CAAC,CAAC,kBAAkB,CAAC,MAAM,CACvB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CACzF,EACP,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnE,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,KAAC,IAAI,IAAC,UAAU,EAAC,qBAAqB,iBAAa,oBAAoB,YACpE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC7B,OAAO,CACL,KAAC,gBAAgB,IAEf,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAHxC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAIxC,CACH,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B,YACrD,YAAG,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,2BAA2B,CAAC,YAAG,CAAC,CAAC,6BAA6B,CAAC,GAAK,GAClG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import '@dxos-theme';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ members, onSelect }: import("./SpaceMemberList").SpaceMemberListImplProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
decorators: import("@storybook/react
|
|
5
|
+
decorators: import("@storybook/react").Decorator[];
|
|
6
6
|
parameters: {
|
|
7
7
|
chromatic: {
|
|
8
8
|
disableSnapshot: boolean;
|
|
@@ -1,22 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Default = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
import '@dxos-theme';
|
|
6
|
+
import { withTheme } from '@dxos/storybook-utils';
|
|
7
|
+
import { SpaceMemberListImpl } from './SpaceMemberList';
|
|
8
|
+
import { alice } from '../../testing/fixtures';
|
|
9
|
+
export default {
|
|
13
10
|
title: 'sdk/shell/SpaceMemberList',
|
|
14
|
-
component:
|
|
15
|
-
decorators: [
|
|
11
|
+
component: SpaceMemberListImpl,
|
|
12
|
+
decorators: [withTheme],
|
|
16
13
|
parameters: { chromatic: { disableSnapshot: false } },
|
|
17
14
|
};
|
|
18
|
-
const Default = (props) => {
|
|
19
|
-
return (
|
|
15
|
+
export const Default = (props) => {
|
|
16
|
+
return _jsx(SpaceMemberListImpl, { ...props, members: [alice] });
|
|
20
17
|
};
|
|
21
|
-
exports.Default = Default;
|
|
22
18
|
//# sourceMappingURL=SpaceMemberList.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceMemberList.stories.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SpaceMemberList.stories.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,mBAAmB;IAC9B,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,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,KAAC,mBAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,GAAI,CAAC;AAC9D,CAAC,CAAC"}
|
|
@@ -1,22 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
8
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
10
|
-
}
|
|
11
|
-
Object.defineProperty(o, k2, desc);
|
|
12
|
-
}) : (function(o, m, k, k2) {
|
|
13
|
-
if (k2 === undefined) k2 = k;
|
|
14
|
-
o[k2] = m[k];
|
|
15
|
-
}));
|
|
16
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
17
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
18
|
-
};
|
|
19
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
__exportStar(require("./IdentityListItem"), exports);
|
|
21
|
-
__exportStar(require("./SpaceMemberList"), exports);
|
|
4
|
+
export * from './IdentityListItem';
|
|
5
|
+
export * from './SpaceMemberList';
|
|
22
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
const InvitationList = ({ invitations, send, ...invitationProps }) => {
|
|
9
|
-
const { className, InvitationListItem: Item = InvitationListItem_1.InvitationListItem } = invitationProps;
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(react_ui_1.List, { classNames: (0, react_ui_theme_1.mx)('flex flex-col gap-2', className), children: invitations.map((invitation) => {
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { List } from '@dxos/react-ui';
|
|
3
|
+
import { mx } from '@dxos/react-ui-theme';
|
|
4
|
+
import { InvitationListItem } from './InvitationListItem';
|
|
5
|
+
export const InvitationList = ({ invitations, send, ...invitationProps }) => {
|
|
6
|
+
const { className, InvitationListItem: Item = InvitationListItem } = invitationProps;
|
|
7
|
+
return (_jsx(List, { classNames: mx('flex flex-col gap-2', className), children: invitations.map((invitation) => {
|
|
11
8
|
const value = invitation.get().invitationId;
|
|
12
|
-
return (
|
|
9
|
+
return _jsx(Item, { send: send, invitation: invitation, ...invitationProps }, value);
|
|
13
10
|
}) }));
|
|
14
11
|
};
|
|
15
|
-
exports.InvitationList = InvitationList;
|
|
16
12
|
//# sourceMappingURL=InvitationList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationList.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvitationList.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAgC,MAAM,sBAAsB,CAAC;AAWxF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,eAAe,EAAuB,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,kBAAkB,EAAE,GAAG,eAAe,CAAC;IACrF,OAAO,CACL,KAAC,IAAI,IAAC,UAAU,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACnD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;YAC5C,OAAO,KAAC,IAAI,IAAa,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,eAAe,IAA9D,KAAK,CAA6D,CAAC;QACvF,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import '@dxos-theme';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ invitations, send, ...invitationProps }: import("./InvitationList").InvitationListProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
decorators: import("@storybook/react
|
|
5
|
+
decorators: import("@storybook/react").Decorator[];
|
|
6
6
|
parameters: {
|
|
7
7
|
chromatic: {
|
|
8
8
|
disableSnapshot: boolean;
|
|
@@ -1,33 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Default = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
import '@dxos-theme';
|
|
6
|
+
import { Invitation } from '@dxos/react-client/invitations';
|
|
7
|
+
import { withLayout, withTheme } from '@dxos/storybook-utils';
|
|
8
|
+
import { InvitationList } from './InvitationList';
|
|
9
|
+
import { inviteWithState } from '../../testing/fixtures';
|
|
10
|
+
export default {
|
|
14
11
|
title: 'sdk/shell/InvitationList',
|
|
15
|
-
component:
|
|
16
|
-
decorators: [
|
|
12
|
+
component: InvitationList,
|
|
13
|
+
decorators: [withTheme, withLayout({ tooltips: true })],
|
|
17
14
|
parameters: { chromatic: { disableSnapshot: false } },
|
|
18
15
|
};
|
|
19
|
-
const Default = () => {
|
|
20
|
-
return ((
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
export const Default = () => {
|
|
17
|
+
return (_jsx(InvitationList, { invitations: [
|
|
18
|
+
inviteWithState(Invitation.State.INIT),
|
|
19
|
+
inviteWithState(Invitation.State.CONNECTING),
|
|
20
|
+
inviteWithState(Invitation.State.CONNECTED),
|
|
21
|
+
inviteWithState(Invitation.State.READY_FOR_AUTHENTICATION),
|
|
22
|
+
inviteWithState(Invitation.State.AUTHENTICATING),
|
|
23
|
+
inviteWithState(Invitation.State.SUCCESS),
|
|
24
|
+
inviteWithState(Invitation.State.TIMEOUT),
|
|
25
|
+
inviteWithState(Invitation.State.ERROR),
|
|
26
|
+
inviteWithState(Invitation.State.CANCELLED),
|
|
30
27
|
], send: () => { }, createInvitationUrl: (invite) => invite }));
|
|
31
28
|
};
|
|
32
|
-
exports.Default = Default;
|
|
33
29
|
//# sourceMappingURL=InvitationList.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationList.stories.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvitationList.stories.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,KAAC,cAAc,IACb,WAAW,EAAE;YACX,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;YAC5C,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;YAC3C,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,wBAAwB,CAAC;YAC1D,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;YAChD,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;YACvC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;SAC5C,EACD,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,EACd,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,GACvC,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.InvitationListContainer = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
|
|
12
|
-
const space =
|
|
13
|
-
const invitations =
|
|
14
|
-
const handleClickRemove =
|
|
5
|
+
import { useCallback } from 'react';
|
|
6
|
+
import { useSpace, useSpaceInvitations } from '@dxos/react-client/echo';
|
|
7
|
+
import { InvitationList } from './InvitationList';
|
|
8
|
+
export const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
|
|
9
|
+
const space = useSpace(spaceKey);
|
|
10
|
+
const invitations = useSpaceInvitations(spaceKey);
|
|
11
|
+
const handleClickRemove = useCallback((invitation) => {
|
|
15
12
|
void invitation.cancel();
|
|
16
13
|
}, [space]);
|
|
17
|
-
return ((
|
|
14
|
+
return (_jsx(InvitationList, { invitations: invitations, onClickRemove: handleClickRemove, createInvitationUrl, send }));
|
|
18
15
|
};
|
|
19
|
-
exports.InvitationListContainer = InvitationListContainer;
|
|
20
16
|
//# sourceMappingURL=InvitationListContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListContainer.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvitationListContainer.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOlD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,EAAgC,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,UAA2C,EAAE,EAAE;QAC9C,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAQ,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,IAAI,GAAM,CAClH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,62 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.InvitationListItemImpl = exports.InvitationListItem = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const InvitationListItem = (props) => {
|
|
5
|
+
import { X } from '@phosphor-icons/react';
|
|
6
|
+
import { formatDistanceToNow } from 'date-fns';
|
|
7
|
+
import { useCallback } from 'react';
|
|
8
|
+
import { Invitation, useInvitationStatus, } from '@dxos/react-client/invitations';
|
|
9
|
+
import { Button, Clipboard, ListItem, useTranslation, Avatar, useThemeContext, Tooltip, } from '@dxos/react-ui';
|
|
10
|
+
import { focusRing, getSize, mx } from '@dxos/react-ui-theme';
|
|
11
|
+
import { hexToEmoji } from '@dxos/util';
|
|
12
|
+
import { AuthCode } from '../AuthCode';
|
|
13
|
+
export const InvitationListItem = (props) => {
|
|
17
14
|
const { invitation } = props;
|
|
18
|
-
const invitationStatus =
|
|
19
|
-
return (
|
|
15
|
+
const invitationStatus = useInvitationStatus(invitation);
|
|
16
|
+
return _jsx(InvitationListItemImpl, { ...props, invitationStatus: invitationStatus });
|
|
20
17
|
};
|
|
21
|
-
exports.InvitationListItem = InvitationListItem;
|
|
22
18
|
const avatarProps = { size: 10, variant: 'circle' };
|
|
23
19
|
const AvatarStackEffect = ({ animation, status, reverseEffects, }) => {
|
|
24
|
-
const { tx } =
|
|
25
|
-
return ((
|
|
20
|
+
const { tx } = useThemeContext();
|
|
21
|
+
return (_jsxs(_Fragment, { children: [_jsx("span", { role: 'none', className: mx('absolute inline-end-auto opacity-20', reverseEffects ? 'inline-start-3' : 'inline-start-1', getSize(avatarProps.size)), children: _jsx("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } }) }), _jsx("span", { role: 'none', className: mx('absolute inline-end-auto opacity-50', reverseEffects ? 'inline-start-2' : 'inline-start-2', getSize(avatarProps.size)), children: _jsx("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '200ms' } }) })] }));
|
|
26
22
|
};
|
|
27
|
-
const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
|
|
28
|
-
const { t } =
|
|
23
|
+
export const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
|
|
24
|
+
const { t } = useTranslation('os');
|
|
29
25
|
const { cancel, status: invitationStatus, invitationCode, authCode, multiUse, shareable } = propsInvitationStatus;
|
|
30
|
-
const isCancellable = !([
|
|
26
|
+
const isCancellable = !([Invitation.State.ERROR, Invitation.State.TIMEOUT, Invitation.State.CANCELLED].indexOf(invitationStatus) >= 0);
|
|
31
27
|
const showShare = shareable &&
|
|
32
28
|
(multiUse ||
|
|
33
|
-
[
|
|
34
|
-
const showAuthCode = invitationStatus ===
|
|
35
|
-
const handleClickRemove =
|
|
29
|
+
[Invitation.State.INIT, Invitation.State.CONNECTING, Invitation.State.CONNECTED].indexOf(invitationStatus) >= 0);
|
|
30
|
+
const showAuthCode = invitationStatus === Invitation.State.READY_FOR_AUTHENTICATION;
|
|
31
|
+
const handleClickRemove = useCallback(() => onClickRemove === null || onClickRemove === void 0 ? void 0 : onClickRemove(invitation), [invitation, onClickRemove]);
|
|
36
32
|
const invitationUrl = invitationCode && createInvitationUrl(invitationCode);
|
|
37
33
|
const invitationId = invitation === null || invitation === void 0 ? void 0 : invitation.get().invitationId;
|
|
38
34
|
const invitationHasLifetime = invitation === null || invitation === void 0 ? void 0 : invitation.get().lifetime;
|
|
39
35
|
const invitationTimeLeft = (invitation === null || invitation === void 0 ? void 0 : invitation.expiry)
|
|
40
|
-
?
|
|
36
|
+
? formatDistanceToNow(invitation === null || invitation === void 0 ? void 0 : invitation.expiry, { addSuffix: true })
|
|
41
37
|
: undefined;
|
|
42
38
|
const avatarAnimation = [
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
Invitation.State.INIT,
|
|
40
|
+
Invitation.State.CONNECTING,
|
|
41
|
+
Invitation.State.CONNECTED,
|
|
42
|
+
Invitation.State.READY_FOR_AUTHENTICATION,
|
|
43
|
+
Invitation.State.AUTHENTICATING,
|
|
48
44
|
].includes(invitationStatus)
|
|
49
45
|
? 'pulse'
|
|
50
46
|
: 'none';
|
|
51
|
-
const avatarError = [
|
|
47
|
+
const avatarError = [Invitation.State.ERROR, Invitation.State.TIMEOUT, Invitation.State.CANCELLED].includes(invitationStatus);
|
|
52
48
|
const avatarGreen = [
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
49
|
+
Invitation.State.CONNECTED,
|
|
50
|
+
Invitation.State.READY_FOR_AUTHENTICATION,
|
|
51
|
+
Invitation.State.AUTHENTICATING,
|
|
52
|
+
Invitation.State.SUCCESS,
|
|
57
53
|
].includes(invitationStatus);
|
|
58
54
|
const avatarStatus = avatarError ? 'error' : avatarGreen ? 'active' : 'inactive';
|
|
59
|
-
return ((
|
|
55
|
+
return (_jsxs(ListItem.Root, { id: invitationCode, ...props, classNames: ['flex gap-2 pis-3 pie-1 items-center relative', props.classNames], children: [_jsx(ListItem.Heading, { classNames: 'sr-only', children: t(multiUse ? 'invite many list item label' : 'invite one list item label') }), multiUse && (_jsx(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation, reverseEffects: reverseEffects })), _jsxs(Tooltip.Root, { children: [_jsx(Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus, children: _jsx(Tooltip.Trigger, { asChild: true, children: _jsx(Avatar.Frame, { tabIndex: 0, classNames: [focusRing, 'relative rounded-full place-self-center'], children: _jsx(Avatar.Fallback, { text: hexToEmoji(invitationId) }) }) }) }), _jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { side: 'left', children: [t(multiUse ? 'invite many qr label' : 'invite one qr label'), _jsx(Tooltip.Arrow, {})] }) })] }), showShare && invitationUrl ? (_jsxs(Tooltip.Root, { children: [_jsxs(_Fragment, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode', children: _jsx("span", { children: t('open share panel label') }) }) }), _jsx(Clipboard.IconButton, { variant: 'ghost', value: invitationUrl })] }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Content, { side: 'left', children: invitationHasLifetime && _jsxs("span", { children: ["Expires ", invitationTimeLeft] }) }) })] })) : showAuthCode ? (_jsx(AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === Invitation.State.CONNECTING ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Connecting..." })) : invitationStatus === Invitation.State.AUTHENTICATING ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Authenticating..." })) : invitationStatus === Invitation.State.ERROR || invitationStatus === Invitation.State.TIMEOUT ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Failed" })) : invitationStatus === Invitation.State.CANCELLED ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Cancelled" })) : invitationStatus === Invitation.State.SUCCESS ? (_jsx("span", { className: 'pli-2 grow truncate', children: "User joined" })) : !shareable ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Pending Invitation" })) : (_jsx("span", { className: 'grow', children: " " })), isCancellable ? (_jsxs(Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: cancel, "data-testid": 'cancel-invitation', children: [_jsx("span", { className: 'sr-only', children: t('cancel invitation label') }), _jsx(X, { className: getSize(4) })] })) : (_jsxs(Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: handleClickRemove, "data-testid": 'remove-invitation', children: [_jsx("span", { className: 'sr-only', children: t('remove invitation label') }), _jsx(X, { className: getSize(4) })] }))] }));
|
|
60
56
|
};
|
|
61
|
-
exports.InvitationListItemImpl = InvitationListItemImpl;
|
|
62
57
|
//# sourceMappingURL=InvitationListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
//
|
|
3
2
|
// Copyright 2023 DXOS.org
|
|
4
3
|
//
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
10
|
-
}
|
|
11
|
-
Object.defineProperty(o, k2, desc);
|
|
12
|
-
}) : (function(o, m, k, k2) {
|
|
13
|
-
if (k2 === undefined) k2 = k;
|
|
14
|
-
o[k2] = m[k];
|
|
15
|
-
}));
|
|
16
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
17
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
18
|
-
};
|
|
19
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
__exportStar(require("./InvitationListItem"), exports);
|
|
21
|
-
__exportStar(require("./InvitationListContainer"), exports);
|
|
22
|
-
__exportStar(require("./InvitationList"), exports);
|
|
4
|
+
export * from './InvitationListItem';
|
|
5
|
+
export * from './InvitationListContainer';
|
|
6
|
+
export * from './InvitationList';
|
|
23
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,40 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Action = exports.BifurcatedAction = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
2
|
//
|
|
6
3
|
// Copyright 2023 DXOS.org
|
|
7
4
|
//
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
import { CaretDown, Check, Placeholder } from '@phosphor-icons/react';
|
|
6
|
+
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
7
|
+
import { forwardRef } from 'react';
|
|
8
|
+
import { Button, DropdownMenu, useTranslation } from '@dxos/react-ui';
|
|
9
|
+
import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
|
|
13
10
|
const defaultActions = {
|
|
14
11
|
noopAction: {
|
|
15
12
|
label: 'No-op',
|
|
16
13
|
description: '',
|
|
17
|
-
icon:
|
|
14
|
+
icon: Placeholder,
|
|
18
15
|
onClick: () => { },
|
|
19
16
|
},
|
|
20
17
|
};
|
|
21
|
-
|
|
18
|
+
export const BifurcatedAction = forwardRef((props, forwardedRef) => {
|
|
22
19
|
var _a;
|
|
23
20
|
const { classNames, variant, isFull = true, actions = defaultActions, activeAction: propsActiveAction, onChangeActiveAction, defaultActiveAction, 'data-testid': testId, ...rest } = props;
|
|
24
21
|
const dropdownTestId = testId && `${testId}.more`;
|
|
25
|
-
const [activeActionKey = Object.keys(actions)[0], setActiveAction] =
|
|
22
|
+
const [activeActionKey = Object.keys(actions)[0], setActiveAction] = useControllableState({
|
|
26
23
|
prop: propsActiveAction,
|
|
27
24
|
onChange: onChangeActiveAction,
|
|
28
25
|
defaultProp: defaultActiveAction,
|
|
29
26
|
});
|
|
30
27
|
const activeAction = (_a = actions[activeActionKey]) !== null && _a !== void 0 ? _a : {};
|
|
31
|
-
const { t } =
|
|
32
|
-
return ((
|
|
33
|
-
return ((
|
|
34
|
-
}) }), (
|
|
28
|
+
const { t } = useTranslation('os');
|
|
29
|
+
return (_jsxs("div", { role: 'none', className: mx('mbs-2 flex gap-px items-center', isFull && 'is-full'), children: [_jsxs(Button, { ...rest, classNames: ['bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none', classNames], ref: forwardedRef, variant: variant, "data-testid": testId, onClick: activeAction.onClick, children: [activeAction.icon && _jsx(activeAction.icon, { className: getSize(5) }), _jsx("span", { children: activeAction.label })] }), _jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsxs(Button, { classNames: ['bs-11 flex-none rounded-is-none', classNames], "data-testid": dropdownTestId, children: [_jsx("span", { className: 'sr-only', children: t('invite options label') }), _jsx(CaretDown, { className: getSize(4) })] }) }), _jsx(DropdownMenu.Portal, { children: _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Viewport, { children: Object.entries(actions).map(([id, action]) => {
|
|
30
|
+
return (_jsxs(DropdownMenu.CheckboxItem, { "aria-labelledby": `${id}__label`, "aria-describedby": `${id}__description`, checked: activeActionKey === id, onCheckedChange: (checked) => checked && setActiveAction(id), classNames: 'gap-2', "data-testid": action.testId, children: [action.icon && _jsx(action.icon, { className: getSize(5) }), _jsxs("div", { role: 'none', className: 'flex-1 min-is-0 space-b-1', children: [_jsx("p", { id: `${id}__label`, children: action.label }), action.description && (_jsx("p", { id: `${id}__description`, className: descriptionText, children: action.description }))] }), _jsx(DropdownMenu.ItemIndicator, { asChild: true, children: _jsx(Check, { weight: 'bold', className: getSize(4) }) })] }, id));
|
|
31
|
+
}) }), _jsx(DropdownMenu.Arrow, {})] }) })] })] }));
|
|
35
32
|
});
|
|
36
|
-
|
|
33
|
+
export const Action = forwardRef((props, forwardedRef) => {
|
|
37
34
|
const { children, classNames, variant, isFull = true, ...rest } = props;
|
|
38
|
-
return ((
|
|
35
|
+
return (_jsx(Button, { ...rest, classNames: [isFull && 'is-full', 'bs-11 flex gap-2 mbs-2', classNames], ref: forwardedRef, variant: variant, children: children }));
|
|
39
36
|
});
|
|
40
37
|
//# sourceMappingURL=Action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Action.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Action.tsx"],"names":[],"mappings":"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"}
|