@isoftdata/svelte-user-configuration 1.0.11 → 1.0.13

package/dist/PermissionList.svelte

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

@@ -81,6 +81,7 @@ export let permissionValueChange = void 0;
 <div class="form-row">
 	<div class="col-12">
 		<PermissionList
+			{siteLabel}
 			{permissions}
 			{permissionValueMap}
 			{groupPermissionValueMap}

package/dist/util.d.ts

@@ -26,6 +26,8 @@ export interface UserAccount {
 export type { IconName } from '@fortawesome/fontawesome-common-types';
 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'];
@@ -48,3 +50,11 @@ export type PermissionValueMap = ComponentProps<PermissionList>['permissionValue
 export type GroupPermissionValueMap = ComponentProps<PermissionList>['groupPermissionValueMap'];
 export type PermissionValueChangeFn = ComponentProps<PermissionList>['permissionValueChange'];
 export type PermissionListCardHeaderTitle = ComponentProps<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.
+ */
+export declare function getGroupHighestPermissionValueMap(groupMembershipSet: Set<number>, groupPermissionMap: Map<number, {
+    permissionId: number;
+    value: PermissionValue;
+}[]>): Map<number, PermissionValue>;

package/dist/util.js

@@ -3,3 +3,27 @@ import PasswordSetModal from './PasswordSetModal.svelte';
 import UserAccountInfo from './UserAccountInfo.svelte';
 import UserSiteAccess from './UserSiteAccess.svelte';
 import UserGroupMembership from './UserGroupMembership.svelte';
+export const valueRank = {
+    NONE: 0,
+    SITE: 1,
+    GLOBAL: 2,
+};
+/** 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.
+ */
+export function getGroupHighestPermissionValueMap(groupMembershipSet, groupPermissionMap) {
+    const valueMap = new Map();
+    for (const groupId of groupMembershipSet) {
+        const groupPermissions = groupPermissionMap.get(groupId);
+        if (groupPermissions) {
+            for (const { permissionId, value } of groupPermissions) {
+                const currentValue = valueMap.get(permissionId);
+                if (!currentValue || valueRank[value] > valueRank[currentValue]) {
+                    valueMap.set(permissionId, value);
+                }
+            }
+        }
+    }
+    return valueMap;
+}

package/package.json

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