@isoftdata/svelte-user-configuration 1.0.4 → 1.0.5

package/dist/PermissionList.svelte

@@ -11,23 +11,24 @@ export let siteLabel = "Site";
 export let permissionValueChange = void 0;
 export let icon = "user-lock";
 export let cardHeaderTitle = translate("common:permissions", "Permissions");
+export let permissionValueMap = /* @__PURE__ */ new Map();
+export let groupPermissionValueMap = void 0;
 let computedPermissions = [];
 let selectedPermissionIds = /* @__PURE__ */ new Set();
 let selectedPermissionValue = null;
-const permissionColumns = getColumns(permissions);
+const permissionColumns = getColumns(groupPermissionValueMap);
 const permissionValueList = {
   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" }
 };
-function getColumns(permissions2) {
-  const hasGroupValue = permissions2.every((permission) => !!permission.groupValue);
+function getColumns(groupPermissionValueMap2) {
   let columns = [
-    { property: "value", name: hasGroupValue ? translate("common:user", "User") : translate("common:permission", "Permission"), width: "1rem" },
+    { property: "value", name: groupPermissionValueMap2 ? translate("common:user", "User") : translate("common:permission", "Permission"), width: "1rem" },
     { property: "category", name: translate("common:category", "Category") },
     { property: "displayName", name: translate("common:name", "Name") }
   ];
-  if (hasGroupValue) {
+  if (groupPermissionValueMap2) {
     columns.splice(
       1,
       0,
@@ -55,31 +56,32 @@ const isValidPermissionValue = (value) => Object.keys(permissionValueList).inclu
 async function updatePermissionValues(event, permissionIds) {
   const newValue = getEventValue(event);
   if (isValidPermissionValue(newValue)) {
-    for (const permission of permissions) {
-      if (permissionIds.has(permission.id)) {
-        permission.value = newValue;
-      }
+    const permissionIdsArray = Array.from(permissionIds);
+    for (const id of permissionIdsArray) {
+      permissionValueMap.set(id, newValue);
     }
-    permissions = permissions;
+    permissionValueMap = permissionValueMap;
     await permissionValueChange?.({
       value: newValue,
-      permissionIds: Array.from(permissionIds)
+      permissionIds: permissionIdsArray
     });
   }
 }
-function getComputedPermissions(permissions2) {
+function getComputedPermissions(permissions2, permissionValueMap2, groupPermissionValueMap2) {
   return permissions2.map((permission) => {
-    const { value, groupValue } = permission;
-    let computedValue = value === "NONE" && groupValue || value === "SITE" && groupValue === "GLOBAL" ? groupValue : value;
+    const value = permissionValueMap2.get(permission.id) ?? "NONE";
+    const groupValue = groupPermissionValueMap2?.get(permission.id);
     return {
       ...permission,
       displayName: translate(`permissions:${camelCase(permission.codeName)}.displayName`, permission.displayName),
       category: translate(`permissions:categories.${camelCase(permission.category)}`, permission.category),
-      computedValue
+      value,
+      groupValue,
+      computedValue: value === "NONE" && groupValue || value === "SITE" && groupValue === "GLOBAL" ? groupValue : value
     };
   });
 }
-$: computedPermissions = getComputedPermissions(permissions);
+$: computedPermissions = getComputedPermissions(permissions, permissionValueMap, groupPermissionValueMap);
 </script>
 
 <div

package/dist/PermissionList.svelte.d.ts

@@ -6,11 +6,7 @@ declare const __propDef: {
             id: number;
             displayName: string;
             category: string;
-            value: "NONE" | "SITE" | "GLOBAL";
-            /** Ractive version of this component didn't require `codeName`, but the translation key for permissions requires it, so we can't translate without it.*/
             codeName: string;
-            /** Providing this value will cause the Group and Access columns to be rendered*/
-            groupValue?: "NONE" | "SITE" | "GLOBAL";
         }>;
         siteLabel?: SiteLabel;
         permissionValueChange?: ((change: {
@@ -19,6 +15,8 @@ declare const __propDef: {
         }) => void | Promise<void>) | undefined;
         icon?: IconName;
         cardHeaderTitle?: string;
+        permissionValueMap: Map<number, "NONE" | "SITE" | "GLOBAL">;
+        groupPermissionValueMap?: Map<number, "NONE" | "SITE" | "GLOBAL"> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/UserConfiguration.svelte

@@ -27,6 +27,8 @@ export let groupMembership;
 export let canEditGroupMembership = true;
 export let groupMembershipChange = void 0;
 export let permissions;
+export let permissionValueMap = /* @__PURE__ */ new Map();
+export let groupPermissionValueMap = void 0;
 export let permissionValueChange = void 0;
 </script>
 
@@ -79,6 +81,8 @@ export let permissionValueChange = void 0;
 	<div class="col-12">
 		<PermissionList
 			{permissions}
+			{permissionValueMap}
+			{groupPermissionValueMap}
 			{permissionValueChange}
 			icon={permissionListIcon}
 			cardHeaderTitle={permissionListCardHeaderTitle}

package/dist/UserConfiguration.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ErrorFn, IconName, UserSites, SuccessFn, SiteLabel, UserAccount, Permissions, GroupMembership, CanToggleActive, DeactivateUserFn, CanEditSiteAccess, IsCreatingNewUser, SiteAccessChangeFn, CanEditAccountInfo, ConfirmPasswordSetFn, AccountInfoChangedFn, CanEditGroupMembership, GroupMembershipChangeFn, PermissionValueChangeFn, GenerateNewActivationPINFn, SendPasswordRecoveryTokenFn, HasPermissionToChangePassword, PermissionListCardHeaderTitle } from './util';
+import type { ErrorFn, IconName, UserSites, SuccessFn, SiteLabel, UserAccount, Permissions, GroupMembership, CanToggleActive, DeactivateUserFn, CanEditSiteAccess, IsCreatingNewUser, SiteAccessChangeFn, PermissionValueMap, CanEditAccountInfo, ConfirmPasswordSetFn, AccountInfoChangedFn, CanEditGroupMembership, GroupMembershipChangeFn, PermissionValueChangeFn, GroupPermissionValueMap, GenerateNewActivationPINFn, SendPasswordRecoveryTokenFn, HasPermissionToChangePassword, PermissionListCardHeaderTitle } from './util';
 declare const __propDef: {
     props: {
         siteLabel?: SiteLabel;
@@ -27,6 +27,8 @@ declare const __propDef: {
         canEditGroupMembership?: CanEditGroupMembership;
         groupMembershipChange?: GroupMembershipChangeFn;
         permissions: Permissions;
+        permissionValueMap?: PermissionValueMap;
+        groupPermissionValueMap?: GroupPermissionValueMap;
         permissionValueChange?: PermissionValueChangeFn;
     };
     events: {

package/dist/util.d.ts

@@ -41,5 +41,7 @@ export type GroupMembership = ComponentProps<UserGroupMembership>['groupMembersh
 export type GroupMembershipChangeFn = ComponentProps<UserGroupMembership>['groupMembershipChange'];
 export type CanEditGroupMembership = ComponentProps<UserGroupMembership>['canEditGroupMembership'];
 export type Permissions = ComponentProps<PermissionList>['permissions'];
+export type PermissionValueMap = ComponentProps<PermissionList>['permissionValueMap'];
+export type GroupPermissionValueMap = ComponentProps<PermissionList>['groupPermissionValueMap'];
 export type PermissionValueChangeFn = ComponentProps<PermissionList>['permissionValueChange'];
 export type PermissionListCardHeaderTitle = ComponentProps<PermissionList>['cardHeaderTitle'];

package/package.json

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