@isoftdata/svelte-user-configuration 2.0.5 → 2.2.0

package/README.md

@@ -29,7 +29,7 @@ pnpm i @isoftdata/svelte-user-configuration
 | `doSendPasswordRecoveryToken` | boolean | ❌ | `false` | Whether to allow sending password recovery tokens. |
 | `hasPermissionToChangePassword` | boolean | ❌ | `false` | Whether the user has permission to change passwords. |
 | `myAccountMode` | boolean | ❌ | `false` | When `true`, admin controls will be hidden/disabled. This is designed to be used when using the user account info component standalone so the current session user can edit their own account info, including first & last name, password recovery email, & password. |
-| `passwordValidationRules` | `validationRules` of the [PasswordFields](<https://github.com/ISoft-Data-Systems/svelte-component-password-fields>) component | ❌ | `undefined` | Passwords rules to be enforced during password change. | 
+| `passwordValidationRules` | `validationRules` of the [PasswordFields](<https://github.com/ISoft-Data-Systems/svelte-component-password-fields>) component | ❌ | `undefined` | Passwords rules to be enforced during password change. |
 
 > The `passwordValidationRules` prop will be used during password setting when `hasPermissionToChangePassword` or `myAccountMode` are `true` .
 
@@ -60,6 +60,7 @@ pnpm i @isoftdata/svelte-user-configuration
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `siteLabel` | `SiteLabel` | ❌ | `"Site"` | Label for the site. |
+| `showSiteAccess` | boolean | ❌ | `true` | Whether the site access section is shown. |
 | `userAccountInfoIcon` | `IconName` | ❌ | `"user"` | Icon for the user account section. |
 | `groupMembershipIcon` | `IconName` | ❌ | `"users"` | Icon for the group membership section. |
 | `permissionListIcon` | `IconName` | ❌ | `"user-lock"` | Icon for the permission list section. |

package/dist/UserAccountInfo.svelte

@@ -26,7 +26,7 @@
 		deactivateUser?: DeactivateUserFn
 		success?: ((info: { heading: string; message: string }) => void | Promise<void>) | undefined
 		error?: ((info: { heading: string; message: string }) => void | Promise<void>) | undefined
-		accountInfoChanged?: (() => void | Promise<void>) | undefined
+		accountInfoChanged?: ((userAccount: UserAccount) => void | Promise<void>) | undefined
 		sendPasswordRecoveryToken?: ComponentProps<typeof PasswordRecoveryModal>['sendPasswordRecoveryToken']
 		doSendPasswordRecoveryToken?: boolean
 		icon?: IconName
@@ -102,7 +102,7 @@
 				await success?.({ heading: successHeading, message: successMessage })
 
 				isLoading = false
-				await accountInfoChanged?.()
+				await accountInfoChanged?.(userAccount)
 			} catch (err) {
 				console.error(err)
 				await error?.({
@@ -138,7 +138,7 @@
 		) {
 			userAccount.status = 'ACTIVE'
 			userAccount.lockNotes = null
-			await accountInfoChanged?.()
+			await accountInfoChanged?.(userAccount)
 		}
 	}
 
@@ -396,7 +396,7 @@
 		userAccount.lockNotes = lockNotes
 		try {
 			await deactivateUser?.({ id: userAccount.id, lockNotes })
-			await accountInfoChanged?.()
+			await accountInfoChanged?.(userAccount)
 		} catch (err) {
 			console.error(err)
 			await error?.({

package/dist/UserAccountInfo.svelte.d.ts

@@ -18,7 +18,7 @@ interface Props extends HTMLDivAttributes {
         heading: string;
         message: string;
     }) => void | Promise<void>) | undefined;
-    accountInfoChanged?: (() => void | Promise<void>) | undefined;
+    accountInfoChanged?: ((userAccount: UserAccount) => void | Promise<void>) | undefined;
     sendPasswordRecoveryToken?: ComponentProps<typeof PasswordRecoveryModal>['sendPasswordRecoveryToken'];
     doSendPasswordRecoveryToken?: boolean;
     icon?: IconName;

package/dist/UserConfiguration.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { type Snippet } from 'svelte'
 	import type {
 		ErrorFn,
 		IconName,
@@ -56,6 +57,7 @@
 		generateNewActivationPIN?: GenerateNewActivationPINFn
 		userSites: UserSites
 		canEditSiteAccess?: CanEditSiteAccess
+		showSiteAccess?: boolean
 		siteAccessChange?: SiteAccessChangeFn
 		groupMembership: GroupMembership
 		canEditGroupMembership?: CanEditGroupMembership
@@ -64,10 +66,11 @@
 		permissionValueMap?: PermissionValueMap
 		groupPermissionValueMap?: GroupPermissionValueMap
 		permissionValueChange?: PermissionValueChangeFn
-		userAccountInfo?: import('svelte').Snippet
-		siteAccess?: import('svelte').Snippet
-		userGroupMembership?: import('svelte').Snippet
-		permissionList?: import('svelte').Snippet
+		userAccountInfo?: Snippet
+		userAccountFormFields?: Snippet
+		siteAccess?: Snippet
+		userGroupMembership?: Snippet
+		permissionList?: Snippet
 	}
 
 	let {
@@ -91,8 +94,9 @@
 		accountInfoChanged = undefined,
 		sendPasswordRecoveryToken = undefined,
 		generateNewActivationPIN = () => Promise.resolve(),
-		userSites,
+		userSites = [],
 		canEditSiteAccess = true,
+		showSiteAccess = true,
 		siteAccessChange = undefined,
 		groupMembership,
 		canEditGroupMembership = true,
@@ -102,6 +106,7 @@
 		groupPermissionValueMap = undefined,
 		permissionValueChange = undefined,
 		userAccountInfo,
+		userAccountFormFields,
 		siteAccess,
 		userGroupMembership,
 		permissionList,
@@ -113,14 +118,15 @@
 <div class="row">
 	<div class="col-12 col-lg-4 mb-2">
 		<UserAccountInfo
-			bind:userAccount
-			bind:usernameInput
-			bind:doSendPasswordRecoveryToken
-			bind:cardHeight
 			{canToggleActive}
 			{canEditAccountInfo}
 			{passwordValidationRules}
 			{hasPermissionToChangePassword}
+			icon={userAccountInfoIcon}
+			bind:userAccount
+			bind:usernameInput
+			bind:doSendPasswordRecoveryToken
+			bind:cardHeight
 			{error}
 			{success}
 			{deactivateUser}
@@ -128,30 +134,32 @@
 			{confirmPasswordSet}
 			{generateNewActivationPIN}
 			{sendPasswordRecoveryToken}
-			icon={userAccountInfoIcon}
+			formFields={userAccountFormFields}
 		>
 			{@render userAccountInfo?.()}
 		</UserAccountInfo>
 	</div>
-	<div class="col-12 col-lg-4 mb-2">
-		<UserSiteAccess
-			{siteLabel}
-			{userSites}
-			{canEditSiteAccess}
-			{siteAccessChange}
-			icon={userSiteAccessIcon}
-			style="height: {cardHeight}px;"
-		>
-			{@render siteAccess?.()}
-		</UserSiteAccess>
-	</div>
+	{#if showSiteAccess}
+		<div class="col-12 col-lg-4 mb-2">
+			<UserSiteAccess
+				{siteLabel}
+				{userSites}
+				{canEditSiteAccess}
+				style="height: {cardHeight}px;"
+				icon={userSiteAccessIcon}
+				{siteAccessChange}
+			>
+				{@render siteAccess?.()}
+			</UserSiteAccess>
+		</div>
+	{/if}
 	<div class="col-12 col-lg-4 mb-2">
 		<UserGroupMembership
 			{groupMembership}
 			{canEditGroupMembership}
-			{groupMembershipChange}
-			icon={groupMembershipIcon}
 			style="height: {cardHeight}px;"
+			icon={groupMembershipIcon}
+			{groupMembershipChange}
 		>
 			{@render userGroupMembership?.()}
 		</UserGroupMembership>
@@ -164,9 +172,9 @@
 			{permissions}
 			{permissionValueMap}
 			{groupPermissionValueMap}
-			{permissionValueChange}
 			icon={permissionListIcon}
 			cardHeaderTitle={permissionListCardHeaderTitle}
+			{permissionValueChange}
 		>
 			{@render permissionList?.()}
 		</PermissionList>

package/dist/UserConfiguration.svelte.d.ts

@@ -1,3 +1,4 @@
+import { type Snippet } 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';
 interface Props {
     siteLabel?: SiteLabel;
@@ -22,6 +23,7 @@ interface Props {
     generateNewActivationPIN?: GenerateNewActivationPINFn;
     userSites: UserSites;
     canEditSiteAccess?: CanEditSiteAccess;
+    showSiteAccess?: boolean;
     siteAccessChange?: SiteAccessChangeFn;
     groupMembership: GroupMembership;
     canEditGroupMembership?: CanEditGroupMembership;
@@ -30,10 +32,11 @@ interface Props {
     permissionValueMap?: PermissionValueMap;
     groupPermissionValueMap?: GroupPermissionValueMap;
     permissionValueChange?: PermissionValueChangeFn;
-    userAccountInfo?: import('svelte').Snippet;
-    siteAccess?: import('svelte').Snippet;
-    userGroupMembership?: import('svelte').Snippet;
-    permissionList?: import('svelte').Snippet;
+    userAccountInfo?: Snippet;
+    userAccountFormFields?: Snippet;
+    siteAccess?: Snippet;
+    userGroupMembership?: Snippet;
+    permissionList?: Snippet;
 }
 declare const UserConfiguration: import("svelte").Component<Props, {}, "doSendPasswordRecoveryToken" | "userAccount" | "usernameInput">;
 type UserConfiguration = ReturnType<typeof UserConfiguration>;

package/dist/UserGroupMembership.svelte

@@ -2,7 +2,7 @@
 	import type { i18n } from 'i18next'
 	import type { IconName, HTMLDivAttributes } from './'
 
-	import { getContext } from 'svelte'
+	import { getContext, type Snippet } from 'svelte'
 	import Icon from '@isoftdata/svelte-icon'
 	import Checkbox from '@isoftdata/svelte-checkbox'
 	import { translate as defaultTranslate } from '@isoftdata/utility-string'
@@ -20,7 +20,7 @@
 		canEditGroupMembership?: boolean
 		groupMembershipChange?: ((groupMembership: GroupMembership) => void | Promise<void>) | undefined
 		icon?: IconName
-		children?: import('svelte').Snippet
+		children?: Snippet
 	}
 
 	let {

package/dist/UserGroupMembership.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { IconName, HTMLDivAttributes } from './';
+import { type Snippet } from 'svelte';
 interface GroupMembership {
     id: number;
     name: string;
@@ -9,7 +10,7 @@ interface Props extends HTMLDivAttributes {
     canEditGroupMembership?: boolean;
     groupMembershipChange?: ((groupMembership: GroupMembership) => void | Promise<void>) | undefined;
     icon?: IconName;
-    children?: import('svelte').Snippet;
+    children?: Snippet;
 }
 declare const UserGroupMembership: import("svelte").Component<Props, {}, "">;
 type UserGroupMembership = ReturnType<typeof UserGroupMembership>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isoftdata/svelte-user-configuration",
-  "version": "2.0.5",
+  "version": "2.2.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",