@activecollab/components
Version:
ActiveCollab Components
27 lines • 1.31 kB
TypeScript
import { ReactElement } from "react";
/** Which set of actions to show, from the owner/power-user's point of view.
* `self` = acting on their own row; `member` = another (active) member;
* `client` = a client/client+ (no rates & capacity — clients are excluded). */
export type UserMenuVariant = "self" | "member" | "client";
export interface UserMenuProps {
/** Which action set to render. Defaults to `member`. */
variant?: UserMenuVariant;
/** Class on the TreeDots trigger (parent controls its hover visibility). */
targetClassName?: string;
/** IconButton size of the trigger (omit for the default/regular size). */
size?: "small" | "medium" | "big";
/**
* The combined self-hosted + 2FA-enabled guard (`!isOnDemand &&
* multiFactorEnabled`). When true, the variant's 2FA item (Backup Codes for
* `self`, Create Login Code otherwise) is shown. Defaults to true here so the
* prototype demonstrates the enabled state.
*/
selfHosted2FA?: boolean;
/** Target user's name — drives the Create Login Code dialog copy. */
userName?: string;
}
export declare const UserMenu: {
({ variant, targetClassName, size, selfHosted2FA, userName, }: UserMenuProps): ReactElement;
displayName: string;
};
//# sourceMappingURL=UserMenu.d.ts.map