@dxos/shell 0.4.4-main.e05bf88 → 0.4.4-main.e0df51e
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.mjs +731 -698
- package/dist/bundle/shell.mjs.map +1 -1
- package/dist/bundle/shell.umd.js +27 -27
- package/dist/bundle/shell.umd.js.map +1 -1
- package/dist/bundle/style.css +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react.mjs +37 -25
- package/dist/lib/browser/react.mjs.map +3 -3
- package/dist/types/src/components/Clipboard/CopyButton.js +3 -3
- package/dist/types/src/components/Clipboard/CopyButton.js.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.d.ts +3 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.js +3 -3
- package/dist/types/src/components/IdentityList/IdentityListItem.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.d.ts +8 -5
- package/dist/types/src/components/InvitationList/InvitationListItem.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.js +10 -10
- package/dist/types/src/components/InvitationList/InvitationListItem.js.map +1 -1
- package/dist/types/src/components/Panel/Action.js +3 -3
- package/dist/types/src/components/Panel/Action.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.js +1 -1
- package/dist/types/src/panels/SpacePanel/SpacePanel.js.map +1 -1
- package/dist/types/src/react.d.ts +1 -0
- package/dist/types/src/react.d.ts.map +1 -1
- package/dist/types/src/react.js +1 -0
- package/dist/types/src/react.js.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.js +1 -1
- package/package.json +19 -19
- package/src/components/Clipboard/CopyButton.tsx +3 -3
- package/src/components/IdentityList/IdentityListItem.tsx +28 -26
- package/src/components/InvitationList/InvitationListItem.tsx +42 -15
- package/src/components/Panel/Action.tsx +3 -3
- package/src/panels/SpacePanel/SpacePanel.tsx +1 -1
- package/src/react.ts +1 -0
- package/src/stories/Invitations.e2e-stories.tsx +1 -1
|
@@ -40,10 +40,10 @@ const CopyButton = ({ value, classNames, iconProps, ...props }) => {
|
|
|
40
40
|
return (react_2.default.createElement(react_ui_1.Button, { ...props, classNames: ['inline-flex flex-col justify-center', classNames], onClick: () => setTextValue(value), "data-testid": 'copy-invitation' },
|
|
41
41
|
react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('flex gap-1 items-center', isCopied && inactiveLabelStyles) },
|
|
42
42
|
react_2.default.createElement("span", { className: 'pli-1' }, t('copy invitation code label')),
|
|
43
|
-
react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(
|
|
43
|
+
react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(5), ...iconProps })),
|
|
44
44
|
react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('flex gap-1 items-center', !isCopied && inactiveLabelStyles) },
|
|
45
45
|
react_2.default.createElement("span", { className: 'pli-1' }, t('copy invitation code success label')),
|
|
46
|
-
react_2.default.createElement(react_1.Check, { className: (0, react_ui_theme_1.getSize)(
|
|
46
|
+
react_2.default.createElement(react_1.Check, { className: (0, react_ui_theme_1.getSize)(5), ...iconProps }))));
|
|
47
47
|
};
|
|
48
48
|
exports.CopyButton = CopyButton;
|
|
49
49
|
const CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...props }) => {
|
|
@@ -59,7 +59,7 @@ const CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...props })
|
|
|
59
59
|
react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))),
|
|
60
60
|
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { "aria-label": label, ...props, onClick: () => setTextValue(value).then(() => setOpen(true)), "data-testid": 'copy-invitation', asChild: true },
|
|
61
61
|
react_2.default.createElement(react_ui_1.Button, { variant: variant, classNames: ['inline-flex flex-col justify-center', classNames] },
|
|
62
|
-
react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(5),
|
|
62
|
+
react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(5), ...iconProps })))));
|
|
63
63
|
};
|
|
64
64
|
exports.CopyButtonIconOnly = CopyButtonIconOnly;
|
|
65
65
|
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,iDAAoE;AACpE,+CAAwC;AAExC,6CAAmF;AACnF,yDAAmD;AAEnD,2DAA0D;AAO1D,MAAM,mBAAmB,GAAG,yCAAyC,CAAC;AAE/D,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IACxF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAmB,GAAE,CAAC;IAC1D,MAAM,QAAQ,GAAG,SAAS,KAAK,KAAK,CAAC;IACrC,OAAO,CACL,8BAAC,iBAAM,OACD,KAAK,EACT,UAAU,EAAE,CAAC,qCAAqC,EAAE,UAAU,CAAC,EAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,iBACtB,iBAAiB;QAE7B,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,yBAAyB,EAAE,QAAQ,IAAI,mBAAmB,CAAC;YACxF,wCAAM,SAAS,EAAC,OAAO,IAAE,CAAC,CAAC,4BAA4B,CAAC,CAAQ;YAChE,8BAAC,YAAI,IAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ type IdentityListItemProps = {
|
|
|
6
6
|
presence?: SpaceMember['presence'];
|
|
7
7
|
onClick?: () => void;
|
|
8
8
|
};
|
|
9
|
-
export declare const IdentityListItem: React.ForwardRefExoticComponent<
|
|
9
|
+
export declare const IdentityListItem: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>>, "className"> & {
|
|
10
|
+
classNames?: import("@dxos/react-ui").ClassNameValue;
|
|
11
|
+
} & IdentityListItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
10
12
|
export {};
|
|
11
13
|
//# sourceMappingURL=IdentityListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIxD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;+DAyB3B,CAAC"}
|
|
@@ -32,15 +32,15 @@ const display_name_1 = require("@dxos/display-name");
|
|
|
32
32
|
const echo_1 = require("@dxos/react-client/echo");
|
|
33
33
|
const react_ui_1 = require("@dxos/react-ui");
|
|
34
34
|
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
35
|
-
exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClick }, forwardedRef) => {
|
|
35
|
+
exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
|
|
36
36
|
var _a, _b;
|
|
37
37
|
const fallbackValue = identity.identityKey.toHex();
|
|
38
38
|
const labelId = (0, react_ui_1.useId)('identityListItem__label');
|
|
39
39
|
const jdenticon = (0, react_ui_1.useJdenticonHref)(fallbackValue !== null && fallbackValue !== void 0 ? fallbackValue : '', 12);
|
|
40
40
|
const displayName = (_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : (0, display_name_1.generateName)(identity.identityKey.toHex());
|
|
41
|
-
return (react_1.default.createElement(react_ui_1.ListItem.Root, { classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer'), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef },
|
|
41
|
+
return (react_1.default.createElement(react_ui_1.ListItem.Root, { ...props, classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer', classNames), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef },
|
|
42
42
|
react_1.default.createElement(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId },
|
|
43
|
-
react_1.default.createElement(react_ui_1.Avatar.Frame,
|
|
43
|
+
react_1.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' },
|
|
44
44
|
react_1.default.createElement(react_ui_1.Avatar.Fallback, { href: jdenticon })),
|
|
45
45
|
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate pli-2' }, displayName))));
|
|
46
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+
|
|
1
|
+
{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyE;AAEzE,qDAAkD;AAClD,kDAAsD;AAEtD,6CAAiG;AACjG,yDAA0C;AAQ7B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,2BAAgB,EAAC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,IAAA,2BAAY,EAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,8BAAC,mBAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,IAAA,mBAAE,EAAC,qCAAqC,EAAE,OAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,iBACd,oBAAoB,EAChC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY;QAEjB,8BAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,QAAQ,KAAK,kBAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO;YAC1G,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB;gBAC1C,8BAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,GAAI,CACvB;YACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,IAAE,WAAW,CAAgB,CAClE,CACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
1
2
|
import { type CancellableInvitationObservable, type InvitationStatus } from '@dxos/react-client/invitations';
|
|
3
|
+
import { type ThemedClassName } from '@dxos/react-ui';
|
|
2
4
|
import { type SharedInvitationListProps } from './InvitationListProps';
|
|
3
|
-
export
|
|
5
|
+
export type InvitationListItemProps = SharedInvitationListProps & {
|
|
4
6
|
invitation: CancellableInvitationObservable;
|
|
5
7
|
onClickRemove?: (invitation: CancellableInvitationObservable) => void;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
+
reverseEffects?: boolean;
|
|
9
|
+
} & ThemedClassName<ComponentPropsWithoutRef<'li'>>;
|
|
10
|
+
export type InvitationListItemImplProps = InvitationListItemProps & {
|
|
8
11
|
invitationStatus: InvitationStatus;
|
|
9
|
-
}
|
|
12
|
+
};
|
|
10
13
|
export declare const InvitationListItem: (props: InvitationListItemProps) => JSX.Element;
|
|
11
|
-
export declare const InvitationListItemImpl: ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, }: InvitationListItemImplProps) => JSX.Element;
|
|
14
|
+
export declare const InvitationListItemImpl: ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }: InvitationListItemImplProps) => JSX.Element;
|
|
12
15
|
//# sourceMappingURL=InvitationListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAKvE,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG;IAChE,UAAU,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,GAAG;IAClE,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAIhE,CAAC;AA4CF,eAAO,MAAM,sBAAsB,gIAQhC,2BAA2B,gBAkH7B,CAAC"}
|
|
@@ -42,15 +42,15 @@ const InvitationListItem = (props) => {
|
|
|
42
42
|
};
|
|
43
43
|
exports.InvitationListItem = InvitationListItem;
|
|
44
44
|
const avatarProps = { size: 10, variant: 'circle' };
|
|
45
|
-
const AvatarStackEffect = ({ animation, status }) => {
|
|
45
|
+
const AvatarStackEffect = ({ animation, status, reverseEffects, }) => {
|
|
46
46
|
const { tx } = (0, react_ui_1.useThemeContext)();
|
|
47
47
|
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
48
|
-
react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-
|
|
48
|
+
react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-end-auto opacity-20', reverseEffects ? 'inline-start-3' : 'inline-start-1', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
|
|
49
49
|
react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } })),
|
|
50
|
-
react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-
|
|
50
|
+
react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-end-auto opacity-50', reverseEffects ? 'inline-start-2' : 'inline-start-2', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
|
|
51
51
|
react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '200ms' } }))));
|
|
52
52
|
};
|
|
53
|
-
const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, }) => {
|
|
53
|
+
const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
|
|
54
54
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
55
55
|
const { cancel, status: invitationStatus, invitationCode, authCode, type } = propsInvitationStatus;
|
|
56
56
|
const isCancellable = !([invitations_1.Invitation.State.ERROR, invitations_1.Invitation.State.TIMEOUT, invitations_1.Invitation.State.CANCELLED].indexOf(invitationStatus) >= 0);
|
|
@@ -77,13 +77,13 @@ const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationS
|
|
|
77
77
|
invitations_1.Invitation.State.SUCCESS,
|
|
78
78
|
].includes(invitationStatus);
|
|
79
79
|
const avatarStatus = avatarError ? 'error' : avatarGreen ? 'active' : 'inactive';
|
|
80
|
-
return (react_2.default.createElement(react_ui_1.ListItem.Root, { id: invitationCode, classNames: 'flex gap-2 pis-3 pie-1 items-center relative' },
|
|
80
|
+
return (react_2.default.createElement(react_ui_1.ListItem.Root, { id: invitationCode, ...props, classNames: ['flex gap-2 pis-3 pie-1 items-center relative', props.classNames] },
|
|
81
81
|
react_2.default.createElement(react_ui_1.ListItem.Heading, { classNames: 'sr-only' }, t(type === invitations_1.Invitation.Type.MULTIUSE ? 'invite many list item label' : 'invite one list item label')),
|
|
82
|
-
type === invitations_1.Invitation.Type.MULTIUSE && react_2.default.createElement(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation }),
|
|
82
|
+
type === invitations_1.Invitation.Type.MULTIUSE && (react_2.default.createElement(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation, reverseEffects: reverseEffects })),
|
|
83
83
|
react_2.default.createElement(react_ui_1.Tooltip.Root, null,
|
|
84
84
|
react_2.default.createElement(react_ui_1.Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus },
|
|
85
85
|
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
86
|
-
react_2.default.createElement(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full'] },
|
|
86
|
+
react_2.default.createElement(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full place-self-center'] },
|
|
87
87
|
react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: (0, util_1.toEmoji)(invitationId) })))),
|
|
88
88
|
react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
89
89
|
react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'left', classNames: 'z-[70]' },
|
|
@@ -93,11 +93,11 @@ const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationS
|
|
|
93
93
|
react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode' },
|
|
94
94
|
react_2.default.createElement("span", null, t('open share panel label'))),
|
|
95
95
|
react_2.default.createElement(Clipboard_1.CopyButtonIconOnly, { variant: 'ghost', value: invitationUrl }))) : showAuthCode ? (react_2.default.createElement(AuthCode_1.AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === invitations_1.Invitation.State.CONNECTING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Connecting...")) : invitationStatus === invitations_1.Invitation.State.AUTHENTICATING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Authenticating...")) : invitationStatus === invitations_1.Invitation.State.ERROR || invitationStatus === invitations_1.Invitation.State.TIMEOUT ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Failed")) : invitationStatus === invitations_1.Invitation.State.CANCELLED ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Cancelled")) : invitationStatus === invitations_1.Invitation.State.SUCCESS ? (react_2.default.createElement("span", { className: 'pli-2 grow truncate' }, "User joined")) : (react_2.default.createElement("span", { className: 'grow' }, " ")),
|
|
96
|
-
isCancellable ? (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1', onClick: cancel, "data-testid": 'cancel-invitation' },
|
|
96
|
+
isCancellable ? (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: cancel, "data-testid": 'cancel-invitation' },
|
|
97
97
|
react_2.default.createElement("span", { className: 'sr-only' }, t('cancel invitation label')),
|
|
98
|
-
react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(
|
|
98
|
+
react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) }))) : (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: handleClickRemove, "data-testid": 'remove-invitation' },
|
|
99
99
|
react_2.default.createElement("span", { className: 'sr-only' }, t('remove invitation label')),
|
|
100
|
-
react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(
|
|
100
|
+
react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) })))));
|
|
101
101
|
};
|
|
102
102
|
exports.InvitationListItemImpl = InvitationListItemImpl;
|
|
103
103
|
//# sourceMappingURL=InvitationListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,iDAA0C;AAC1C,+
|
|
1
|
+
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,13 +52,13 @@ exports.BifurcatedAction = (0, react_2.forwardRef)((props, forwardedRef) => {
|
|
|
52
52
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
53
53
|
return (react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('mbs-2 flex gap-px items-center', isFull && 'is-full') },
|
|
54
54
|
react_2.default.createElement(react_ui_1.Button, { ...rest, classNames: ['bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none', classNames], ref: forwardedRef, variant: variant, onClick: activeAction.onClick },
|
|
55
|
-
activeAction.icon && react_2.default.createElement(activeAction.icon,
|
|
55
|
+
activeAction.icon && react_2.default.createElement(activeAction.icon, { className: (0, react_ui_theme_1.getSize)(5) }),
|
|
56
56
|
react_2.default.createElement("span", null, activeAction.label)),
|
|
57
57
|
react_2.default.createElement(react_ui_1.DropdownMenu.Root, null,
|
|
58
58
|
react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
|
|
59
59
|
react_2.default.createElement(react_ui_1.Button, { classNames: ['bs-11 flex-none rounded-is-none', classNames] },
|
|
60
60
|
react_2.default.createElement("span", { className: 'sr-only' }, t('invite options label')),
|
|
61
|
-
react_2.default.createElement(react_1.CaretDown,
|
|
61
|
+
react_2.default.createElement(react_1.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
|
|
62
62
|
react_2.default.createElement(react_ui_1.DropdownMenu.Content, null,
|
|
63
63
|
react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
|
|
64
64
|
return (react_2.default.createElement(react_ui_1.DropdownMenu.CheckboxItem, { key: id, "aria-labelledby": `${id}__label`, "aria-describedby": `${id}__description`, checked: activeActionKey === id, onCheckedChange: (checked) => checked && setActiveAction(id), classNames: 'gap-2' },
|
|
@@ -67,7 +67,7 @@ exports.BifurcatedAction = (0, react_2.forwardRef)((props, forwardedRef) => {
|
|
|
67
67
|
react_2.default.createElement("p", { id: `${id}__label` }, action.label),
|
|
68
68
|
action.description && (react_2.default.createElement("p", { id: `${id}__description`, className: react_ui_theme_1.descriptionText }, action.description))),
|
|
69
69
|
react_2.default.createElement(react_ui_1.DropdownMenu.ItemIndicator, { asChild: true },
|
|
70
|
-
react_2.default.createElement(react_1.Check,
|
|
70
|
+
react_2.default.createElement(react_1.Check, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))));
|
|
71
71
|
})),
|
|
72
72
|
react_2.default.createElement(react_ui_1.DropdownMenu.Arrow, null)))));
|
|
73
73
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Action.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,iDAAsF;AACtF,yFAA8E;AAC9E,+CAAuF;AAEvF,6CAAwF;AACxF,yDAAoE;AAmBpE,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,mBAAW;QACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;KAClB;CACgC,CAAC;AAEvB,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAA2C,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC3G,MAAM,EACJ,UAAU,EACV,OAAO,EACP,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,EAAE,iBAAiB,EAC/B,oBAAoB,EACpB,mBAAmB,EACnB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,mDAAoB,EAAC;QACxF,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE,oBAAoB;QAC9B,WAAW,EAAE,mBAAmB;KACjC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,MAAA,OAAO,CAAC,eAAyB,CAAC,mCAAI,EAAE,CAAC;IAE9D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAgC,EAAE,MAAM,IAAI,SAAS,CAAC;QACnF,8BAAC,iBAAM,OACD,IAAI,EACR,UAAU,EAAE,CAAC,kDAAkD,EAAE,UAAU,CAAC,EAC5E,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,CAAC,OAAO;YAE5B,YAAY,CAAC,IAAI,IAAI,8BAAC,YAAY,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../../src/components/Panel/Action.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,7 +42,7 @@ const SpacePanelHeading = ({ titleId, space, onDone }) => {
|
|
|
42
42
|
const name = space.properties.name;
|
|
43
43
|
return (react_2.default.createElement(components_1.Heading, { titleId: titleId, title: t('space panel heading'), corner: react_2.default.createElement(components_1.CloseButton, { "data-testid": 'identity-panel-done', onDone: onDone }) },
|
|
44
44
|
react_2.default.createElement("div", { role: 'none', className: 'flex gap-4 items-center justify-center mlb-4' },
|
|
45
|
-
react_2.default.createElement(react_1.Planet, { size: 32 }),
|
|
45
|
+
react_2.default.createElement(react_1.Planet, { size: 32, weight: 'light' }),
|
|
46
46
|
react_2.default.createElement("div", { className: 'block text-start font-light text-xl' }, name !== null && name !== void 0 ? name : space.key.truncate()))));
|
|
47
47
|
};
|
|
48
48
|
const SpacePanelImpl = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpacePanel.js","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,iDAA+C;AAC/C,+CAAkD;AAElD,mCAAgC;AAChC,gEAAqE;AAErE,6CAAwE;AAGxE,iDAAiD;AACjD,mCAAuC;AACvC,iDAAkE;AAClE,uCAAgD;AAChD,yCAA0C;AAE1C,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAA0B,EAAE,EAAE;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IACnC,OAAO,CACL,8BAAC,oBAAO,IACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,MAAM,EAAE,8BAAC,wBAAW,mBAAa,qBAAqB,EAAC,MAAM,EAAE,MAAM,GAAI;QAEzE,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,8CAA8C;YACvE,8BAAC,cAAM,IAAC,IAAI,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"SpacePanel.js","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
|
package/dist/types/src/react.js
CHANGED
|
@@ -20,6 +20,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
20
20
|
__exportStar(require("./components"), exports);
|
|
21
21
|
__exportStar(require("./composites"), exports);
|
|
22
22
|
__exportStar(require("./panels"), exports);
|
|
23
|
+
__exportStar(require("./steps"), exports);
|
|
23
24
|
__exportStar(require("./styles"), exports);
|
|
24
25
|
__exportStar(require("./translations"), exports);
|
|
25
26
|
//# sourceMappingURL=react.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,+CAA6B;AAC7B,+CAA6B;AAC7B,2CAAyB;AACzB,2CAAyB;AACzB,iDAA+B"}
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,+CAA6B;AAC7B,+CAA6B;AAC7B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,iDAA+B"}
|
|
@@ -136,7 +136,7 @@ const Invitations = (args) => {
|
|
|
136
136
|
exports.Default = {
|
|
137
137
|
render: (args) => (react_2.default.createElement(components_1.ClipboardProvider, null,
|
|
138
138
|
react_2.default.createElement(react_ui_1.Tooltip.Provider, null,
|
|
139
|
-
react_2.default.createElement(testing_1.ClientRepeater, {
|
|
139
|
+
react_2.default.createElement(testing_1.ClientRepeater, { component: Invitations, count: 3 })))),
|
|
140
140
|
decorators: [storybook_utils_1.withTheme],
|
|
141
141
|
parameters: {
|
|
142
142
|
chromatic: { disableSnapshot: true },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/shell",
|
|
3
|
-
"version": "0.4.4-main.
|
|
3
|
+
"version": "0.4.4-main.e0df51e",
|
|
4
4
|
"description": "DXOS’s OS experiences",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -39,19 +39,19 @@
|
|
|
39
39
|
"react-qr-rounded": "^1.0.0",
|
|
40
40
|
"url-join": "^5.0.0",
|
|
41
41
|
"xstate": "^4.37.0",
|
|
42
|
-
"@dxos/
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/react-
|
|
50
|
-
"@dxos/react-ui": "0.4.4-main.
|
|
51
|
-
"@dxos/react-
|
|
52
|
-
"@dxos/
|
|
53
|
-
"@dxos/
|
|
54
|
-
"@dxos/
|
|
42
|
+
"@dxos/client-protocol": "0.4.4-main.e0df51e",
|
|
43
|
+
"@dxos/async": "0.4.4-main.e0df51e",
|
|
44
|
+
"@dxos/client-services": "0.4.4-main.e0df51e",
|
|
45
|
+
"@dxos/debug": "0.4.4-main.e0df51e",
|
|
46
|
+
"@dxos/invariant": "0.4.4-main.e0df51e",
|
|
47
|
+
"@dxos/display-name": "0.4.4-main.e0df51e",
|
|
48
|
+
"@dxos/log": "0.4.4-main.e0df51e",
|
|
49
|
+
"@dxos/react-ui": "0.4.4-main.e0df51e",
|
|
50
|
+
"@dxos/react-ui-theme": "0.4.4-main.e0df51e",
|
|
51
|
+
"@dxos/react-client": "0.4.4-main.e0df51e",
|
|
52
|
+
"@dxos/react-ui-types": "0.4.4-main.e0df51e",
|
|
53
|
+
"@dxos/util": "0.4.4-main.e0df51e",
|
|
54
|
+
"@dxos/rpc-tunnel": "0.4.4-main.e0df51e"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
"react-dom": "^18.2.0",
|
|
64
64
|
"vite": "^5.0.12",
|
|
65
65
|
"vite-plugin-turbosnap": "^1.0.2",
|
|
66
|
-
"@dxos/config": "0.4.4-main.
|
|
67
|
-
"@dxos/
|
|
68
|
-
"@dxos/react-
|
|
69
|
-
"@dxos/
|
|
70
|
-
"@dxos/storybook-utils": "0.4.4-main.
|
|
66
|
+
"@dxos/config": "0.4.4-main.e0df51e",
|
|
67
|
+
"@dxos/react-async": "0.4.4-main.e0df51e",
|
|
68
|
+
"@dxos/react-ui-theme": "0.4.4-main.e0df51e",
|
|
69
|
+
"@dxos/random": "0.4.4-main.e0df51e",
|
|
70
|
+
"@dxos/storybook-utils": "0.4.4-main.e0df51e"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -30,11 +30,11 @@ export const CopyButton = ({ value, classNames, iconProps, ...props }: CopyButto
|
|
|
30
30
|
>
|
|
31
31
|
<div role='none' className={mx('flex gap-1 items-center', isCopied && inactiveLabelStyles)}>
|
|
32
32
|
<span className='pli-1'>{t('copy invitation code label')}</span>
|
|
33
|
-
<Copy className={getSize(
|
|
33
|
+
<Copy className={getSize(5)} {...iconProps} />
|
|
34
34
|
</div>
|
|
35
35
|
<div role='none' className={mx('flex gap-1 items-center', !isCopied && inactiveLabelStyles)}>
|
|
36
36
|
<span className='pli-1'>{t('copy invitation code success label')}</span>
|
|
37
|
-
<Check className={getSize(
|
|
37
|
+
<Check className={getSize(5)} {...iconProps} />
|
|
38
38
|
</div>
|
|
39
39
|
</Button>
|
|
40
40
|
);
|
|
@@ -62,7 +62,7 @@ export const CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...p
|
|
|
62
62
|
asChild
|
|
63
63
|
>
|
|
64
64
|
<Button variant={variant} classNames={['inline-flex flex-col justify-center', classNames]}>
|
|
65
|
-
<Copy className={getSize(5)}
|
|
65
|
+
<Copy className={getSize(5)} {...iconProps} />
|
|
66
66
|
</Button>
|
|
67
67
|
</Tooltip.Trigger>
|
|
68
68
|
</Tooltip.Root>
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import React, { forwardRef } from 'react';
|
|
5
|
+
import React, { type ComponentPropsWithoutRef, forwardRef } from 'react';
|
|
6
6
|
|
|
7
7
|
import { generateName } from '@dxos/display-name';
|
|
8
8
|
import { SpaceMember } from '@dxos/react-client/echo';
|
|
9
9
|
import { type Identity } from '@dxos/react-client/halo';
|
|
10
|
-
import { ListItem, Avatar, useJdenticonHref, useId } from '@dxos/react-ui';
|
|
10
|
+
import { ListItem, Avatar, useJdenticonHref, useId, type ThemedClassName } from '@dxos/react-ui';
|
|
11
11
|
import { mx } from '@dxos/react-ui-theme';
|
|
12
12
|
|
|
13
13
|
type IdentityListItemProps = {
|
|
@@ -16,27 +16,29 @@ type IdentityListItemProps = {
|
|
|
16
16
|
onClick?: () => void;
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
export const IdentityListItem = forwardRef<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
19
|
+
export const IdentityListItem = forwardRef<
|
|
20
|
+
HTMLLIElement,
|
|
21
|
+
ThemedClassName<ComponentPropsWithoutRef<'li'>> & IdentityListItemProps
|
|
22
|
+
>(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
|
|
23
|
+
const fallbackValue = identity.identityKey.toHex();
|
|
24
|
+
const labelId = useId('identityListItem__label');
|
|
25
|
+
const jdenticon = useJdenticonHref(fallbackValue ?? '', 12);
|
|
26
|
+
const displayName = identity.profile?.displayName ?? generateName(identity.identityKey.toHex());
|
|
27
|
+
return (
|
|
28
|
+
<ListItem.Root
|
|
29
|
+
{...props}
|
|
30
|
+
classNames={mx('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer', classNames)}
|
|
31
|
+
onClick={() => onClick?.()}
|
|
32
|
+
data-testid='identity-list-item'
|
|
33
|
+
labelId={labelId}
|
|
34
|
+
ref={forwardedRef}
|
|
35
|
+
>
|
|
36
|
+
<Avatar.Root status={presence === SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive'} labelId={labelId}>
|
|
37
|
+
<Avatar.Frame classNames='place-self-center'>
|
|
38
|
+
<Avatar.Fallback href={jdenticon} />
|
|
39
|
+
</Avatar.Frame>
|
|
40
|
+
<Avatar.Label classNames='text-sm truncate pli-2'>{displayName}</Avatar.Label>
|
|
41
|
+
</Avatar.Root>
|
|
42
|
+
</ListItem.Root>
|
|
43
|
+
);
|
|
44
|
+
});
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
import { X } from '@phosphor-icons/react';
|
|
5
|
-
import React, { useCallback } from 'react';
|
|
5
|
+
import React, { type ComponentPropsWithoutRef, useCallback } from 'react';
|
|
6
6
|
|
|
7
7
|
import {
|
|
8
8
|
type CancellableInvitationObservable,
|
|
@@ -18,6 +18,7 @@ import {
|
|
|
18
18
|
useThemeContext,
|
|
19
19
|
type AvatarRootProps,
|
|
20
20
|
Tooltip,
|
|
21
|
+
type ThemedClassName,
|
|
21
22
|
} from '@dxos/react-ui';
|
|
22
23
|
import { focusRing, getSize, mx } from '@dxos/react-ui-theme';
|
|
23
24
|
|
|
@@ -26,14 +27,15 @@ import { toEmoji } from '../../util';
|
|
|
26
27
|
import { AuthCode } from '../AuthCode';
|
|
27
28
|
import { CopyButtonIconOnly } from '../Clipboard';
|
|
28
29
|
|
|
29
|
-
export
|
|
30
|
+
export type InvitationListItemProps = SharedInvitationListProps & {
|
|
30
31
|
invitation: CancellableInvitationObservable;
|
|
31
32
|
onClickRemove?: (invitation: CancellableInvitationObservable) => void;
|
|
32
|
-
|
|
33
|
+
reverseEffects?: boolean;
|
|
34
|
+
} & ThemedClassName<ComponentPropsWithoutRef<'li'>>;
|
|
33
35
|
|
|
34
|
-
export
|
|
36
|
+
export type InvitationListItemImplProps = InvitationListItemProps & {
|
|
35
37
|
invitationStatus: InvitationStatus;
|
|
36
|
-
}
|
|
38
|
+
};
|
|
37
39
|
|
|
38
40
|
export const InvitationListItem = (props: InvitationListItemProps) => {
|
|
39
41
|
const { invitation } = props;
|
|
@@ -43,13 +45,21 @@ export const InvitationListItem = (props: InvitationListItemProps) => {
|
|
|
43
45
|
|
|
44
46
|
const avatarProps: Pick<AvatarRootProps, 'size' | 'variant'> = { size: 10, variant: 'circle' };
|
|
45
47
|
|
|
46
|
-
const AvatarStackEffect = ({
|
|
48
|
+
const AvatarStackEffect = ({
|
|
49
|
+
animation,
|
|
50
|
+
status,
|
|
51
|
+
reverseEffects,
|
|
52
|
+
}: Pick<AvatarRootProps, 'status' | 'animation'> & Pick<InvitationListItemProps, 'reverseEffects'>) => {
|
|
47
53
|
const { tx } = useThemeContext();
|
|
48
54
|
return (
|
|
49
55
|
<>
|
|
50
56
|
<span
|
|
51
57
|
role='none'
|
|
52
|
-
className={mx(
|
|
58
|
+
className={mx(
|
|
59
|
+
'absolute inline-end-auto opacity-20',
|
|
60
|
+
reverseEffects ? 'inline-start-3' : 'inline-start-1',
|
|
61
|
+
getSize(avatarProps.size!),
|
|
62
|
+
)}
|
|
53
63
|
>
|
|
54
64
|
<span
|
|
55
65
|
role='none'
|
|
@@ -59,7 +69,11 @@ const AvatarStackEffect = ({ animation, status }: Pick<AvatarRootProps, 'status'
|
|
|
59
69
|
</span>
|
|
60
70
|
<span
|
|
61
71
|
role='none'
|
|
62
|
-
className={mx(
|
|
72
|
+
className={mx(
|
|
73
|
+
'absolute inline-end-auto opacity-50',
|
|
74
|
+
reverseEffects ? 'inline-start-2' : 'inline-start-2',
|
|
75
|
+
getSize(avatarProps.size!),
|
|
76
|
+
)}
|
|
63
77
|
>
|
|
64
78
|
<span
|
|
65
79
|
role='none'
|
|
@@ -77,6 +91,8 @@ export const InvitationListItemImpl = ({
|
|
|
77
91
|
send,
|
|
78
92
|
onClickRemove,
|
|
79
93
|
createInvitationUrl,
|
|
94
|
+
reverseEffects,
|
|
95
|
+
...props
|
|
80
96
|
}: InvitationListItemImplProps) => {
|
|
81
97
|
const { t } = useTranslation('os');
|
|
82
98
|
const { cancel, status: invitationStatus, invitationCode, authCode, type } = propsInvitationStatus;
|
|
@@ -120,15 +136,21 @@ export const InvitationListItemImpl = ({
|
|
|
120
136
|
const avatarStatus = avatarError ? 'error' : avatarGreen ? 'active' : 'inactive';
|
|
121
137
|
|
|
122
138
|
return (
|
|
123
|
-
<ListItem.Root
|
|
139
|
+
<ListItem.Root
|
|
140
|
+
id={invitationCode}
|
|
141
|
+
{...props}
|
|
142
|
+
classNames={['flex gap-2 pis-3 pie-1 items-center relative', props.classNames]}
|
|
143
|
+
>
|
|
124
144
|
<ListItem.Heading classNames='sr-only'>
|
|
125
145
|
{t(type === Invitation.Type.MULTIUSE ? 'invite many list item label' : 'invite one list item label')}
|
|
126
146
|
</ListItem.Heading>
|
|
127
|
-
{type === Invitation.Type.MULTIUSE &&
|
|
147
|
+
{type === Invitation.Type.MULTIUSE && (
|
|
148
|
+
<AvatarStackEffect status={avatarStatus} animation={avatarAnimation} reverseEffects={reverseEffects} />
|
|
149
|
+
)}
|
|
128
150
|
<Tooltip.Root>
|
|
129
151
|
<Avatar.Root {...avatarProps} animation={avatarAnimation} status={avatarStatus}>
|
|
130
152
|
<Tooltip.Trigger asChild>
|
|
131
|
-
<Avatar.Frame tabIndex={0} classNames={[focusRing, 'relative rounded-full']}>
|
|
153
|
+
<Avatar.Frame tabIndex={0} classNames={[focusRing, 'relative rounded-full place-self-center']}>
|
|
132
154
|
<Avatar.Fallback text={toEmoji(invitationId)} />
|
|
133
155
|
</Avatar.Frame>
|
|
134
156
|
</Tooltip.Trigger>
|
|
@@ -168,14 +190,19 @@ export const InvitationListItemImpl = ({
|
|
|
168
190
|
<span className='grow'> </span>
|
|
169
191
|
)}
|
|
170
192
|
{isCancellable ? (
|
|
171
|
-
<Button variant='ghost' classNames='flex gap-1' onClick={cancel} data-testid='cancel-invitation'>
|
|
193
|
+
<Button variant='ghost' classNames='flex gap-1 pli-0' onClick={cancel} data-testid='cancel-invitation'>
|
|
172
194
|
<span className='sr-only'>{t('cancel invitation label')}</span>
|
|
173
|
-
<X className={getSize(
|
|
195
|
+
<X className={getSize(4)} />
|
|
174
196
|
</Button>
|
|
175
197
|
) : (
|
|
176
|
-
<Button
|
|
198
|
+
<Button
|
|
199
|
+
variant='ghost'
|
|
200
|
+
classNames='flex gap-1 pli-0'
|
|
201
|
+
onClick={handleClickRemove}
|
|
202
|
+
data-testid='remove-invitation'
|
|
203
|
+
>
|
|
177
204
|
<span className='sr-only'>{t('remove invitation label')}</span>
|
|
178
|
-
<X className={getSize(
|
|
205
|
+
<X className={getSize(4)} />
|
|
179
206
|
</Button>
|
|
180
207
|
)}
|
|
181
208
|
</ListItem.Root>
|