@isoftdata/svelte-user-configuration 1.3.2 → 2.0.0

package/dist/UserConfiguration.svelte

@@ -1,41 +1,116 @@
-<script>import UserSiteAccess from "./UserSiteAccess.svelte";
-import PermissionList from "./PermissionList.svelte";
-import UserAccountInfo from "./UserAccountInfo.svelte";
-import UserGroupMembership from "./UserGroupMembership.svelte";
-export let siteLabel = "Site";
-export let userAccountInfoIcon = "user";
-export let groupMembershipIcon = "users";
-export let permissionListIcon = "user-lock";
-export let userSiteAccessIcon = "industry-windows";
-export let permissionListCardHeaderTitle = "Permissions";
-export let usernameInput = void 0;
-export let userAccount;
-export let canToggleActive = true;
-export let canEditAccountInfo = true;
-export let doSendPasswordRecoveryToken = false;
-export let hasPermissionToChangePassword = false;
-export let passwordValidationRules = void 0;
-export let error = void 0;
-export let success = void 0;
-export let deactivateUser = void 0;
-export let confirmPasswordSet = void 0;
-export let accountInfoChanged = void 0;
-export let sendPasswordRecoveryToken = void 0;
-export let generateNewActivationPIN = () => Promise.resolve();
-export let userSites;
-export let canEditSiteAccess = true;
-export let siteAccessChange = void 0;
-export let groupMembership;
-export let canEditGroupMembership = true;
-export let groupMembershipChange = void 0;
-export let permissions;
-export let permissionValueMap = /* @__PURE__ */ new Map();
-export let groupPermissionValueMap = void 0;
-export let permissionValueChange = void 0;
-let cardHeight;
+<script lang="ts">
+	import type {
+		ErrorFn,
+		IconName,
+		UserSites,
+		SuccessFn,
+		SiteLabel,
+		UserAccount,
+		Permissions,
+		GroupMembership,
+		CanToggleActive,
+		DeactivateUserFn,
+		CanEditSiteAccess,
+		SiteAccessChangeFn,
+		PermissionValueMap,
+		CanEditAccountInfo,
+		ConfirmPasswordSetFn,
+		AccountInfoChangedFn,
+		CanEditGroupMembership,
+		PasswordValidationRules,
+		GroupMembershipChangeFn,
+		PermissionValueChangeFn,
+		GroupPermissionValueMap,
+		GenerateNewActivationPINFn,
+		DoSendPasswordRecoveryToken,
+		SendPasswordRecoveryTokenFn,
+		HasPermissionToChangePassword,
+		PermissionListCardHeaderTitle,
+	} from './util'
+
+	import UserSiteAccess from './UserSiteAccess.svelte'
+	import PermissionList from './PermissionList.svelte'
+	import UserAccountInfo from './UserAccountInfo.svelte'
+	import UserGroupMembership from './UserGroupMembership.svelte'
+
+	interface Props {
+		siteLabel?: SiteLabel
+		userAccountInfoIcon?: IconName
+		groupMembershipIcon?: IconName
+		permissionListIcon?: IconName
+		userSiteAccessIcon?: IconName
+		permissionListCardHeaderTitle?: PermissionListCardHeaderTitle
+		usernameInput?: HTMLInputElement | undefined
+		userAccount: UserAccount
+		canToggleActive?: CanToggleActive
+		canEditAccountInfo?: CanEditAccountInfo
+		doSendPasswordRecoveryToken?: DoSendPasswordRecoveryToken
+		hasPermissionToChangePassword?: HasPermissionToChangePassword
+		passwordValidationRules?: PasswordValidationRules | undefined
+		error?: ErrorFn
+		success?: SuccessFn
+		deactivateUser?: DeactivateUserFn
+		confirmPasswordSet?: ConfirmPasswordSetFn | undefined
+		accountInfoChanged?: AccountInfoChangedFn
+		sendPasswordRecoveryToken?: SendPasswordRecoveryTokenFn
+		generateNewActivationPIN?: GenerateNewActivationPINFn
+		userSites: UserSites
+		canEditSiteAccess?: CanEditSiteAccess
+		siteAccessChange?: SiteAccessChangeFn
+		groupMembership: GroupMembership
+		canEditGroupMembership?: CanEditGroupMembership
+		groupMembershipChange?: GroupMembershipChangeFn
+		permissions: Permissions
+		permissionValueMap?: PermissionValueMap
+		groupPermissionValueMap?: GroupPermissionValueMap
+		permissionValueChange?: PermissionValueChangeFn
+		userAccountInfo?: import('svelte').Snippet
+		siteAccess?: import('svelte').Snippet
+		userGroupMembership?: import('svelte').Snippet
+		permissionList?: import('svelte').Snippet
+	}
+
+	let {
+		siteLabel = 'Site',
+		userAccountInfoIcon = 'user',
+		groupMembershipIcon = 'users',
+		permissionListIcon = 'user-lock',
+		userSiteAccessIcon = 'industry-windows',
+		permissionListCardHeaderTitle = 'Permissions',
+		usernameInput = $bindable(undefined),
+		userAccount = $bindable(),
+		canToggleActive = true,
+		canEditAccountInfo = true,
+		doSendPasswordRecoveryToken = $bindable(false),
+		hasPermissionToChangePassword = false,
+		passwordValidationRules = undefined,
+		error = undefined,
+		success = undefined,
+		deactivateUser = undefined,
+		confirmPasswordSet = undefined,
+		accountInfoChanged = undefined,
+		sendPasswordRecoveryToken = undefined,
+		generateNewActivationPIN = () => Promise.resolve(),
+		userSites,
+		canEditSiteAccess = true,
+		siteAccessChange = undefined,
+		groupMembership,
+		canEditGroupMembership = true,
+		groupMembershipChange = undefined,
+		permissions,
+		permissionValueMap = new Map(),
+		groupPermissionValueMap = undefined,
+		permissionValueChange = undefined,
+		userAccountInfo,
+		siteAccess,
+		userGroupMembership,
+		permissionList,
+	}: Props = $props()
+
+	let cardHeight: number | undefined = $state()
 </script>
 
-<div class="form-row">
+<div class="row">
 	<div class="col-12 col-lg-4 mb-2">
 		<UserAccountInfo
 			bind:userAccount
@@ -55,7 +130,7 @@ let cardHeight;
 			{sendPasswordRecoveryToken}
 			icon={userAccountInfoIcon}
 		>
-			<slot name="userAccountInfo"></slot>
+			{@render userAccountInfo?.()}
 		</UserAccountInfo>
 	</div>
 	<div class="col-12 col-lg-4 mb-2">
@@ -67,7 +142,7 @@ let cardHeight;
 			icon={userSiteAccessIcon}
 			style="height: {cardHeight}px;"
 		>
-			<slot name="siteAccess"></slot>
+			{@render siteAccess?.()}
 		</UserSiteAccess>
 	</div>
 	<div class="col-12 col-lg-4 mb-2">
@@ -78,11 +153,11 @@ let cardHeight;
 			icon={groupMembershipIcon}
 			style="height: {cardHeight}px;"
 		>
-			<slot name="userGroupMembership"></slot>
+			{@render userGroupMembership?.()}
 		</UserGroupMembership>
 	</div>
 </div>
-<div class="form-row">
+<div class="row">
 	<div class="col-12">
 		<PermissionList
 			{siteLabel}
@@ -93,7 +168,7 @@ let cardHeight;
 			icon={permissionListIcon}
 			cardHeaderTitle={permissionListCardHeaderTitle}
 		>
-			<slot name="permissionList"></slot>
+			{@render permissionList?.()}
 		</PermissionList>
 	</div>
 </div>

package/dist/UserConfiguration.svelte.d.ts

@@ -1,53 +1,40 @@
-import { SvelteComponent } from "svelte";
 import type { ErrorFn, IconName, UserSites, SuccessFn, SiteLabel, UserAccount, Permissions, GroupMembership, CanToggleActive, DeactivateUserFn, CanEditSiteAccess, SiteAccessChangeFn, PermissionValueMap, CanEditAccountInfo, ConfirmPasswordSetFn, AccountInfoChangedFn, CanEditGroupMembership, PasswordValidationRules, GroupMembershipChangeFn, PermissionValueChangeFn, GroupPermissionValueMap, GenerateNewActivationPINFn, DoSendPasswordRecoveryToken, SendPasswordRecoveryTokenFn, HasPermissionToChangePassword, PermissionListCardHeaderTitle } from './util';
-declare const __propDef: {
-    props: {
-        siteLabel?: SiteLabel;
-        userAccountInfoIcon?: IconName;
-        groupMembershipIcon?: IconName;
-        permissionListIcon?: IconName;
-        userSiteAccessIcon?: IconName;
-        permissionListCardHeaderTitle?: PermissionListCardHeaderTitle;
-        usernameInput?: HTMLInputElement | undefined;
-        userAccount: UserAccount;
-        canToggleActive?: CanToggleActive;
-        canEditAccountInfo?: CanEditAccountInfo;
-        doSendPasswordRecoveryToken?: DoSendPasswordRecoveryToken;
-        hasPermissionToChangePassword?: HasPermissionToChangePassword;
-        passwordValidationRules?: PasswordValidationRules | undefined;
-        error?: ErrorFn;
-        success?: SuccessFn;
-        deactivateUser?: DeactivateUserFn;
-        confirmPasswordSet?: ConfirmPasswordSetFn | undefined;
-        accountInfoChanged?: AccountInfoChangedFn;
-        sendPasswordRecoveryToken?: SendPasswordRecoveryTokenFn;
-        generateNewActivationPIN?: GenerateNewActivationPINFn;
-        userSites: UserSites;
-        canEditSiteAccess?: CanEditSiteAccess;
-        siteAccessChange?: SiteAccessChangeFn;
-        groupMembership: GroupMembership;
-        canEditGroupMembership?: CanEditGroupMembership;
-        groupMembershipChange?: GroupMembershipChangeFn;
-        permissions: Permissions;
-        permissionValueMap?: PermissionValueMap;
-        groupPermissionValueMap?: GroupPermissionValueMap;
-        permissionValueChange?: PermissionValueChangeFn;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        userAccountInfo: {};
-        siteAccess: {};
-        userGroupMembership: {};
-        permissionList: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type UserConfigurationProps = typeof __propDef.props;
-export type UserConfigurationEvents = typeof __propDef.events;
-export type UserConfigurationSlots = typeof __propDef.slots;
-export default class UserConfiguration extends SvelteComponent<UserConfigurationProps, UserConfigurationEvents, UserConfigurationSlots> {
+interface Props {
+    siteLabel?: SiteLabel;
+    userAccountInfoIcon?: IconName;
+    groupMembershipIcon?: IconName;
+    permissionListIcon?: IconName;
+    userSiteAccessIcon?: IconName;
+    permissionListCardHeaderTitle?: PermissionListCardHeaderTitle;
+    usernameInput?: HTMLInputElement | undefined;
+    userAccount: UserAccount;
+    canToggleActive?: CanToggleActive;
+    canEditAccountInfo?: CanEditAccountInfo;
+    doSendPasswordRecoveryToken?: DoSendPasswordRecoveryToken;
+    hasPermissionToChangePassword?: HasPermissionToChangePassword;
+    passwordValidationRules?: PasswordValidationRules | undefined;
+    error?: ErrorFn;
+    success?: SuccessFn;
+    deactivateUser?: DeactivateUserFn;
+    confirmPasswordSet?: ConfirmPasswordSetFn | undefined;
+    accountInfoChanged?: AccountInfoChangedFn;
+    sendPasswordRecoveryToken?: SendPasswordRecoveryTokenFn;
+    generateNewActivationPIN?: GenerateNewActivationPINFn;
+    userSites: UserSites;
+    canEditSiteAccess?: CanEditSiteAccess;
+    siteAccessChange?: SiteAccessChangeFn;
+    groupMembership: GroupMembership;
+    canEditGroupMembership?: CanEditGroupMembership;
+    groupMembershipChange?: GroupMembershipChangeFn;
+    permissions: Permissions;
+    permissionValueMap?: PermissionValueMap;
+    groupPermissionValueMap?: GroupPermissionValueMap;
+    permissionValueChange?: PermissionValueChangeFn;
+    userAccountInfo?: import('svelte').Snippet;
+    siteAccess?: import('svelte').Snippet;
+    userGroupMembership?: import('svelte').Snippet;
+    permissionList?: import('svelte').Snippet;
 }
-export {};
+declare const UserConfiguration: import("svelte").Component<Props, {}, "doSendPasswordRecoveryToken" | "userAccount" | "usernameInput">;
+type UserConfiguration = ReturnType<typeof UserConfiguration>;
+export default UserConfiguration;

package/dist/UserGroupMembership.svelte

@@ -1,17 +1,41 @@
-<script>import { getContext } from "svelte";
-import Icon from "@isoftdata/svelte-icon";
-import Checkbox from "@isoftdata/svelte-checkbox";
-import { translate as defaultTranslate } from "@isoftdata/utility-string";
-const { t: translate } = getContext("i18next") || { t: defaultTranslate };
-export let groupMembership;
-export let canEditGroupMembership = true;
-export let groupMembershipChange = void 0;
-export let icon = "users";
+<script lang="ts">
+	import type { i18n } from 'i18next'
+	import type { IconName, HTMLDivAttributes } from './'
+
+	import { getContext } from 'svelte'
+	import Icon from '@isoftdata/svelte-icon'
+	import Checkbox from '@isoftdata/svelte-checkbox'
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	interface GroupMembership {
+		id: number
+		name: string
+		isMember: boolean
+	}
+
+	interface Props extends HTMLDivAttributes {
+		groupMembership: Array<GroupMembership>
+		canEditGroupMembership?: boolean
+		groupMembershipChange?: ((groupMembership: GroupMembership) => void | Promise<void>) | undefined
+		icon?: IconName
+		children?: import('svelte').Snippet
+	}
+
+	let {
+		groupMembership,
+		canEditGroupMembership = true,
+		groupMembershipChange = undefined,
+		icon = 'users',
+		children,
+		...rest
+	}: Props = $props()
 </script>
 
 <div
 	class="card"
-	{...$$restProps}
+	{...rest}
 >
 	<div class="card-header">
 		<h5 class="mb-0">
@@ -23,18 +47,18 @@ export let icon = "users";
 		class="list-group list-group-flush h-100"
 		style="overflow-y: auto;"
 	>
-		{#each groupMembership as { id, name, isMember } (id)}
+		{#each groupMembership as { id, name, isMember }, index (id)}
 			<li class="list-group-item">
 				<Checkbox
 					label={name}
-					bind:checked={isMember}
+					bind:checked={groupMembership[index].isMember}
 					disabled={!canEditGroupMembership}
-					on:change={async () => {
+					onchange={async () => {
 						await groupMembershipChange?.({ id, name, isMember })
 					}}
 				/>
 			</li>
 		{/each}
 	</ul>
-	<slot></slot>
+	{@render children?.()}
 </div>

package/dist/UserGroupMembership.svelte.d.ts

@@ -1,32 +1,16 @@
-import { SvelteComponent } from "svelte";
 import type { IconName, HTMLDivAttributes } from './';
-declare const __propDef: {
-    props: HTMLDivAttributes & {
-        groupMembership: Array<{
-            id: number;
-            name: string;
-            isMember: boolean;
-        }>;
-        canEditGroupMembership?: boolean;
-        groupMembershipChange?: ((groupMembership: {
-            id: number;
-            name: string;
-            isMember: boolean;
-        }) => void | Promise<void>) | undefined;
-        icon?: IconName;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type UserGroupMembershipProps = typeof __propDef.props;
-export type UserGroupMembershipEvents = typeof __propDef.events;
-export type UserGroupMembershipSlots = typeof __propDef.slots;
-export default class UserGroupMembership extends SvelteComponent<UserGroupMembershipProps, UserGroupMembershipEvents, UserGroupMembershipSlots> {
+interface GroupMembership {
+    id: number;
+    name: string;
+    isMember: boolean;
 }
-export {};
+interface Props extends HTMLDivAttributes {
+    groupMembership: Array<GroupMembership>;
+    canEditGroupMembership?: boolean;
+    groupMembershipChange?: ((groupMembership: GroupMembership) => void | Promise<void>) | undefined;
+    icon?: IconName;
+    children?: import('svelte').Snippet;
+}
+declare const UserGroupMembership: import("svelte").Component<Props, {}, "">;
+type UserGroupMembership = ReturnType<typeof UserGroupMembership>;
+export default UserGroupMembership;

package/dist/UserSiteAccess.svelte

@@ -1,18 +1,45 @@
-<script>import { getContext } from "svelte";
-import Icon from "@isoftdata/svelte-icon";
-import Checkbox from "@isoftdata/svelte-checkbox";
-import { translate as defaultTranslate } from "@isoftdata/utility-string";
-const { t: translate } = getContext("i18next") || { t: defaultTranslate };
-export let userSites;
-export let siteLabel = "Site";
-export let canEditSiteAccess = true;
-export let siteAccessChange = void 0;
-export let icon = "industry-windows";
+<script lang="ts">
+	import type { Snippet } from 'svelte'
+	import type { i18n } from 'i18next'
+	import type { IconName, HTMLDivAttributes, SiteLabel } from './'
+
+	import { getContext } from 'svelte'
+	import Icon from '@isoftdata/svelte-icon'
+	import Checkbox from '@isoftdata/svelte-checkbox'
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	interface SiteAccess {
+		id: number
+		code: string
+		name: string
+		isAuthorized: boolean
+	}
+
+	interface Props extends HTMLDivAttributes {
+		userSites: Array<SiteAccess>
+		siteLabel?: SiteLabel
+		canEditSiteAccess?: boolean
+		siteAccessChange?: ((siteAccess: SiteAccess) => void | Promise<void>) | undefined
+		icon?: IconName
+		children?: Snippet
+	}
+
+	let {
+		userSites = $bindable(),
+		siteLabel = 'Site',
+		canEditSiteAccess = true,
+		siteAccessChange = undefined,
+		icon = 'industry-windows',
+		children,
+		...rest
+	}: Props = $props()
 </script>
 
 <div
 	class="card"
-	{...$$restProps}
+	{...rest}
 >
 	<div class="card-header">
 		<h5 class="mb-0"><Icon {icon} /> {translate(`user.configuration.${siteLabel}Access`, `${siteLabel} Access`)}</h5>
@@ -27,12 +54,12 @@ export let icon = "industry-windows";
 					label="{code} - {name}"
 					bind:checked={userSites[i].isAuthorized}
 					disabled={!canEditSiteAccess}
-					on:change={async () => {
+					onchange={async () => {
 						await siteAccessChange?.(userSites[i])
 					}}
 				/>
 			</li>
 		{/each}
 	</ul>
-	<slot></slot>
+	{@render children?.()}
 </div>

package/dist/UserSiteAccess.svelte.d.ts

@@ -1,35 +1,19 @@
-import { SvelteComponent } from "svelte";
+import type { Snippet } from 'svelte';
 import type { IconName, HTMLDivAttributes, SiteLabel } from './';
-declare const __propDef: {
-    props: HTMLDivAttributes & {
-        userSites: Array<{
-            id: number;
-            code: string;
-            name: string;
-            isAuthorized: boolean;
-        }>;
-        siteLabel?: SiteLabel;
-        canEditSiteAccess?: boolean;
-        siteAccessChange?: ((siteAccess: {
-            id: number;
-            code: string;
-            name: string;
-            isAuthorized: boolean;
-        }) => void | Promise<void>) | undefined;
-        icon?: IconName;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type UserSiteAccessProps = typeof __propDef.props;
-export type UserSiteAccessEvents = typeof __propDef.events;
-export type UserSiteAccessSlots = typeof __propDef.slots;
-export default class UserSiteAccess extends SvelteComponent<UserSiteAccessProps, UserSiteAccessEvents, UserSiteAccessSlots> {
+interface SiteAccess {
+    id: number;
+    code: string;
+    name: string;
+    isAuthorized: boolean;
 }
-export {};
+interface Props extends HTMLDivAttributes {
+    userSites: Array<SiteAccess>;
+    siteLabel?: SiteLabel;
+    canEditSiteAccess?: boolean;
+    siteAccessChange?: ((siteAccess: SiteAccess) => void | Promise<void>) | undefined;
+    icon?: IconName;
+    children?: Snippet;
+}
+declare const UserSiteAccess: import("svelte").Component<Props, {}, "userSites">;
+type UserSiteAccess = ReturnType<typeof UserSiteAccess>;
+export default UserSiteAccess;

package/dist/util.d.ts

@@ -18,8 +18,7 @@ export interface UserAccount {
     status: 'ACTIVE' | 'DEACTIVATED' | 'LOCKED' | 'PENDING_ACTIVATION';
     newPassword?: string;
     currentPassword?: string;
-    lastPasswordResetDate?: Date;
-    lastAccessDate?: Date;
+    lastPasswordResetDate?: Date | null;
     userActivationData?: {
         activationPIN: string | null;
         activationPINExpiration: Date | null;
@@ -31,28 +30,28 @@ export type HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;
 export type SiteLabel = string;
 export type PermissionValue = 'NONE' | 'SITE' | 'GLOBAL';
 export declare const valueRank: Record<PermissionValue, number>;
-export type GenerateNewActivationPINFn = ComponentProps<UserAccountInfo>['generateNewActivationPIN'];
-export type SuccessFn = ComponentProps<UserAccountInfo>['success'];
-export type ErrorFn = ComponentProps<UserAccountInfo>['error'];
-export type AccountInfoChangedFn = ComponentProps<UserAccountInfo>['accountInfoChanged'];
-export type CanEditAccountInfo = ComponentProps<UserAccountInfo>['canEditAccountInfo'];
-export type CanToggleActive = ComponentProps<UserAccountInfo>['canToggleActive'];
-export type HasPermissionToChangePassword = ComponentProps<UserAccountInfo>['hasPermissionToChangePassword'];
-export type ConfirmPasswordSetFn = ComponentProps<PasswordSetModal>['confirmPasswordSet'];
-export type DeactivateUserFn = ComponentProps<DeactivateUserModal>['deactivateUser'];
-export type DoSendPasswordRecoveryToken = ComponentProps<PasswordRecoveryModal>['doSendPasswordRecoveryToken'];
-export type SendPasswordRecoveryTokenFn = ComponentProps<PasswordRecoveryModal>['sendPasswordRecoveryToken'];
-export type UserSites = ComponentProps<UserSiteAccess>['userSites'];
-export type CanEditSiteAccess = ComponentProps<UserSiteAccess>['canEditSiteAccess'];
-export type SiteAccessChangeFn = ComponentProps<UserSiteAccess>['siteAccessChange'];
-export type GroupMembership = ComponentProps<UserGroupMembership>['groupMembership'];
-export type GroupMembershipChangeFn = ComponentProps<UserGroupMembership>['groupMembershipChange'];
-export type CanEditGroupMembership = ComponentProps<UserGroupMembership>['canEditGroupMembership'];
-export type Permissions = ComponentProps<PermissionList>['permissions'];
-export type PermissionValueMap = ComponentProps<PermissionList>['permissionValueMap'];
-export type GroupPermissionValueMap = ComponentProps<PermissionList>['groupPermissionValueMap'];
-export type PermissionValueChangeFn = ComponentProps<PermissionList>['permissionValueChange'];
-export type PermissionListCardHeaderTitle = ComponentProps<PermissionList>['cardHeaderTitle'];
+export type GenerateNewActivationPINFn = ComponentProps<typeof UserAccountInfo>['generateNewActivationPIN'];
+export type SuccessFn = ComponentProps<typeof UserAccountInfo>['success'];
+export type ErrorFn = ComponentProps<typeof UserAccountInfo>['error'];
+export type AccountInfoChangedFn = ComponentProps<typeof UserAccountInfo>['accountInfoChanged'];
+export type CanEditAccountInfo = ComponentProps<typeof UserAccountInfo>['canEditAccountInfo'];
+export type CanToggleActive = ComponentProps<typeof UserAccountInfo>['canToggleActive'];
+export type HasPermissionToChangePassword = ComponentProps<typeof UserAccountInfo>['hasPermissionToChangePassword'];
+export type ConfirmPasswordSetFn = ComponentProps<typeof PasswordSetModal>['confirmPasswordSet'];
+export type DeactivateUserFn = ComponentProps<typeof DeactivateUserModal>['deactivateUser'];
+export type DoSendPasswordRecoveryToken = ComponentProps<typeof PasswordRecoveryModal>['doSendPasswordRecoveryToken'];
+export type SendPasswordRecoveryTokenFn = ComponentProps<typeof PasswordRecoveryModal>['sendPasswordRecoveryToken'];
+export type UserSites = ComponentProps<typeof UserSiteAccess>['userSites'];
+export type CanEditSiteAccess = ComponentProps<typeof UserSiteAccess>['canEditSiteAccess'];
+export type SiteAccessChangeFn = ComponentProps<typeof UserSiteAccess>['siteAccessChange'];
+export type GroupMembership = ComponentProps<typeof UserGroupMembership>['groupMembership'];
+export type GroupMembershipChangeFn = ComponentProps<typeof UserGroupMembership>['groupMembershipChange'];
+export type CanEditGroupMembership = ComponentProps<typeof UserGroupMembership>['canEditGroupMembership'];
+export type Permissions = ComponentProps<typeof PermissionList>['permissions'];
+export type PermissionValueMap = ComponentProps<typeof PermissionList>['permissionValueMap'];
+export type GroupPermissionValueMap = ComponentProps<typeof PermissionList>['groupPermissionValueMap'];
+export type PermissionValueChangeFn = ComponentProps<typeof PermissionList>['permissionValueChange'];
+export type PermissionListCardHeaderTitle = ComponentProps<typeof PermissionList>['cardHeaderTitle'];
 /** Returns a Map where the key is the `permissioniId` and the value is the highest permission level for the given group membership
  *
  * You'll probably want to call this in your code when the group membership changes, and pass the result to the `groupPermissionValueMap` prop of the `PermissionList` component.