@isoftdata/svelte-user-configuration 1.0.13 → 1.0.15

package/dist/DeactivateUserModal.svelte

@@ -30,9 +30,10 @@ const { t: translate } = getContext("i18next") || { t: (_key, fallback) => fallb
 >
 	<form
 		id="deactivateUserModalForm"
-		on:submit={e => {
+		on:submit={async e => {
 			e.preventDefault()
-			userAccount && deactivateUser ? deactivateUser({ id: userAccount.id, lockNotes }) : undefined
+			userAccount ? await deactivateUser?.({ id: userAccount.id, lockNotes }) : undefined
+			show = false
 		}}
 	>
 		<TextArea

package/dist/PermissionList.svelte

@@ -138,13 +138,19 @@ $: computedPermissions = getComputedPermissions(permissions, permissionValueMap,
 						property="groupValue"
 						class="px-4"
 					>
-						<span class="badge badge-pill badge-{permissionValueList[permission.groupValue ?? 'NONE'].color}">{permissionValueList[permission.groupValue ?? 'NONE'].label}</span>
+						<span
+							style="width: 5em;"
+							class="badge badge-pill badge-{permissionValueList[permission.groupValue ?? 'NONE'].color}">{permissionValueList[permission.groupValue ?? 'NONE'].label}</span
+						>
 					</Td>
 					<Td
 						property="computedValue"
 						class="px-4"
 					>
-						<span class="badge badge-pill badge-{permissionValueList[permission.computedValue ?? 'NONE'].color}">{permissionValueList[permission.computedValue ?? 'NONE'].label}</span>
+						<span
+							style="width: 5em;"
+							class="badge badge-pill badge-{permissionValueList[permission.computedValue ?? 'NONE'].color}">{permissionValueList[permission.computedValue ?? 'NONE'].label}</span
+						>
 					</Td>
 				{/if}
 				<Td property="category">{permission.category}</Td>

package/dist/UserAccountInfo.svelte

@@ -20,6 +20,7 @@ export let error = void 0;
 export let success = void 0;
 export let sendPasswordRecoveryToken = void 0;
 export let generateNewActivationPIN = () => Promise.resolve();
+export let usernameInput = void 0;
 let isLoading = false;
 let passwordSetModal;
 let deactivateUserModal;
@@ -61,11 +62,6 @@ async function reactivateUserAccount() {
     await accountInfoChanged?.();
   }
 }
-async function deactivateUserAccount(lockNotes) {
-  userAccount.status = "DEACTIVATED";
-  userAccount.lockNotes = lockNotes;
-  await accountInfoChanged?.();
-}
 $: workEmail = userAccount.workEmail;
 $: status = userAccount.status;
 $: activationPIN = userAccount.userActivationData?.activationPIN;
@@ -98,7 +94,7 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 					</Button>
 				{:else if status === 'DEACTIVATED' || status === 'LOCKED'}
 					<Button
-						size="sm"
+						size="xs"
 						outline
 						color="success"
 						iconClass="check"
@@ -189,7 +185,6 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 				{/if}
 				<div class="col-12">
 					<Input
-						id="usernameInput"
 						label={translate('configuration.user.accountInfo.username', 'Username')}
 						bind:value={userAccount.name}
 						maxlength={320}
@@ -199,6 +194,7 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 								return value.length > 320 ? 'Username must be less than 320 characters.' : true
 							},
 						}}
+						bind:input={usernameInput}
 					/>
 				</div>
 				<div class="col-6">
@@ -266,7 +262,19 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 
 <DeactivateUserModal
 	bind:this={deactivateUserModal}
-	{deactivateUser}
+	deactivateUser={async ({ lockNotes }) => {
+		userAccount.status = 'DEACTIVATED'
+		userAccount.lockNotes = lockNotes
+		try {
+			await deactivateUser?.({ id: userAccount.id, lockNotes })
+			await accountInfoChanged?.()
+		} catch (err) {
+			console.error(err)
+			if (err instanceof Error) {
+				await error?.({ heading: translate('configuration.user.messageHeading.failedToDeactivateUser', 'Failed To Deactivate User'), message: err.message })
+			}
+		}
+	}}
 />
 
 <PasswordSetModal

package/dist/UserAccountInfo.svelte.d.ts

@@ -21,6 +21,7 @@ declare const __propDef: {
         accountInfoChanged?: (() => void | Promise<void>) | undefined;
         sendPasswordRecoveryToken?: ((email: string | undefined) => void | Promise<void>) | undefined;
         icon?: IconName;
+        usernameInput?: HTMLInputElement | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/UserConfiguration.svelte

@@ -9,6 +9,7 @@ export let permissionListIcon = "user-lock";
 export let userSiteAccessIcon = "industry-windows";
 export let permissionListCardHeaderTitle = "Permissions";
 export let cardDeckHeight = "500px";
+export let usernameInput = void 0;
 export let userAccount;
 export let canToggleActive = true;
 export let isCreatingNewUser = false;
@@ -37,6 +38,7 @@ export let permissionValueChange = void 0;
 	<div class="col-12 col-lg-4 mb-2">
 		<UserAccountInfo
 			bind:userAccount
+			bind:usernameInput
 			{canToggleActive}
 			{canEditAccountInfo}
 			{isCreatingNewUser}

package/dist/UserConfiguration.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         userSiteAccessIcon?: IconName;
         permissionListCardHeaderTitle?: PermissionListCardHeaderTitle;
         /** The height of the cards in the first row. */ cardDeckHeight?: string;
+        usernameInput?: HTMLInputElement | undefined;
         userAccount: UserAccount;
         canToggleActive?: CanToggleActive;
         isCreatingNewUser?: IsCreatingNewUser;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@isoftdata/svelte-user-configuration",
-	"version": "1.0.13",
+	"version": "1.0.15",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",