@isoftdata/svelte-user-configuration 2.2.2 → 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/UserConfiguration.svelte

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

package/package.json

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