@isoftdata/svelte-user-configuration 2.2.1 → 2.3.0

package/dist/PermissionList.svelte

@@ -37,6 +37,7 @@
 	interface Props extends HTMLDivAttributes {
 		permissions: Array<Permission>
 		siteLabel?: SiteLabel
+		enableSiteScope?: boolean
 		permissionValueChange?:
 			| ((change: { value: PermissionValue; permissionIds: Array<number> }) => void | Promise<void>)
 			| undefined
@@ -50,6 +51,7 @@
 	let {
 		permissions,
 		siteLabel = 'Site',
+		enableSiteScope = true,
 		permissionValueChange = undefined,
 		icon = 'user-lock',
 		cardHeaderTitle = translate('common:permissions', 'Permissions'),
@@ -63,16 +65,6 @@
 	let selectedPermissionValue: string | null = $state(null)
 
 	const permissionColumns: ComputedPermissionColumns = getColumns(groupPermissionValueMap)
-	const permissionValueList: Record<Scope, { label: string; value: Scope; color: ButtonColors }> = {
-		NONE: { label: translate('common:permissionLevel.none', 'None'), value: 'NONE', color: 'danger' },
-		SITE: {
-			label: translate(`common:permissionLevel.${siteLabel.toLowerCase()}`, siteLabel),
-			value: 'SITE',
-			color: 'primary',
-		},
-		GLOBAL: { label: translate('common:permissionLevel.global', 'Global'), value: 'GLOBAL', color: 'success' },
-	}
-	const permissionValues = Object.values(permissionValueList)
 
 	function getColumns(groupPermissionValueMap: PermissionValueMap | undefined): ComputedPermissionColumns {
 		let columns: ComputedPermissionColumns = [
@@ -157,9 +149,37 @@
 		})
 	}
 
-	let computedPermissions = $derived(getComputedPermissions(permissions, permissionValueMap, groupPermissionValueMap))
-
-	$inspect(computedPermissions)
+	const permissionValueList: Record<Scope, { label: string; value: Scope; color: ButtonColors }> = $derived({
+		NONE: {
+			label: enableSiteScope ? translate('common:permissionLevel.none', 'None') : translate('common:off', 'Off'),
+			value: 'NONE',
+			color: 'danger',
+		},
+		SITE: {
+			label: translate(`common:permissionLevel.${siteLabel.toLowerCase()}`, siteLabel),
+			value: 'SITE',
+			color: 'primary',
+		},
+		GLOBAL: {
+			label: enableSiteScope ? translate('common:permissionLevel.global', 'Global') : translate('common:on', 'On'),
+			value: 'GLOBAL',
+			color: 'success',
+		},
+	})
+	const permissionValues = $derived(
+		Object.values(permissionValueList).filter(permissionValue => enableSiteScope || permissionValue.value !== 'SITE'),
+	)
+	const computedPermissions = $derived(getComputedPermissions(permissions, permissionValueMap, groupPermissionValueMap))
+	$effect(() => {
+		if (
+			!enableSiteScope &&
+			computedPermissions.some(permission => [permission.value, permission.groupValue].includes('SITE'))
+		) {
+			console.warn(
+				'PermissionList: Permissions with site scope are not supported when `enableSiteScope` is false. Please ensure you want to disable site scope, or update/remove these permissions.',
+			)
+		}
+	})
 </script>
 
 <div
@@ -254,7 +274,9 @@
 				}}
 			>
 				{#each Object.values(permissionValueList) as permission}
-					<option value={permission.value}>{permission.label}</option>
+					{#if enableSiteScope || permission.value !== 'SITE'}
+						<option value={permission.value}>{permission.label}</option>
+					{/if}
 				{/each}
 			</Select>
 			<Button

package/dist/PermissionList.svelte.d.ts

@@ -8,6 +8,7 @@ declare const PermissionList: import("svelte").Component<HTMLDivAttributes & {
         codeName: string;
     }>;
     siteLabel?: SiteLabel;
+    enableSiteScope?: boolean;
     permissionValueChange?: ((change: {
         value: "NONE" | "SITE" | "GLOBAL";
         permissionIds: Array<number>;

package/dist/UserAccountInfo.svelte

@@ -261,6 +261,7 @@
 						bind:input={usernameInput}
 						readonly={myAccountMode || undefined}
 						tabindex={myAccountMode ? -1 : undefined}
+						onchange={() => accountInfoChanged?.(userAccount)}
 					/>
 				</div>
 				<div class="col-12 col-lg-6"></div>
@@ -269,6 +270,7 @@
 						label={translate('configuration.user.accountInfo.firstName', 'First Name')}
 						bind:value={userAccount.firstName}
 						maxlength={100}
+						onchange={() => accountInfoChanged?.(userAccount)}
 					/>
 				</div>
 				<div class="col-12 col-md-6">
@@ -276,6 +278,7 @@
 						label={translate('configuration.user.accountInfo.lastName', 'Last Name')}
 						bind:value={userAccount.lastName}
 						maxlength={100}
+						onchange={() => accountInfoChanged?.(userAccount)}
 					/>
 				</div>
 				<div class="col-12 col-lg-6">
@@ -284,6 +287,7 @@
 						bind:value={userAccount.workEmail}
 						onchange={() => {
 							workEmailIsValid = !myAccountMode && userAccount.workEmail ? emailIsValid(userAccount.workEmail) : true
+							accountInfoChanged?.(userAccount)
 						}}
 						autocomplete="email"
 						type="email"
@@ -314,6 +318,7 @@
 						onchange={() => {
 							recoveryEmailIsValid =
 								myAccountMode && userAccount.recoveryEmail ? emailIsValid(userAccount.recoveryEmail) : true
+							accountInfoChanged?.(userAccount)
 						}}
 						autocomplete="email"
 						type="email"
@@ -327,11 +332,12 @@
 				{#if !isCreatingNewUser && !myAccountMode}
 					<div class="col-12">
 						<TextArea
+							readonly
 							label={translate('configuration.user.accountInfo.lockNote', 'Lock Note')}
 							labelClass="py-0 mb-2"
 							style="min-height:83px;"
 							bind:value={userAccount.lockNotes}
-							readonly
+							onchange={() => accountInfoChanged?.(userAccount)}
 						/>
 					</div>
 				{/if}

package/dist/UserConfiguration.svelte

@@ -178,6 +178,7 @@
 		<PermissionList
 			{siteLabel}
 			{permissions}
+			enableSiteScope={showSiteAccess}
 			{permissionValueMap}
 			{groupPermissionValueMap}
 			icon={permissionListIcon}

package/package.json

@@ -1,17 +1,6 @@
 {
   "name": "@isoftdata/svelte-user-configuration",
-  "version": "2.2.1",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check . && eslint .",
-    "format": "prettier --write ."
-  },
+  "version": "2.3.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -77,5 +66,15 @@
   },
   "engines": {
     "pnpm": "10.x"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write ."
   }
-}
+}