@isoftdata/svelte-user-configuration - npm Package Compare versions

Comparing version 2.0.5 to 2.1.0

dist/UserConfiguration.svelte

 <script lang="ts">
+	import { type Snippet } from 'svelte'
 	import type {
@@ -59,2 +60,3 @@ ErrorFn,
 		canEditSiteAccess?: CanEditSiteAccess
+		showSiteAccess?: boolean
 		siteAccessChange?: SiteAccessChangeFn
@@ -68,6 +70,6 @@ groupMembership: GroupMembership
 		permissionValueChange?: PermissionValueChangeFn
-		userAccountInfo?: import('svelte').Snippet
-		siteAccess?: import('svelte').Snippet
-		userGroupMembership?: import('svelte').Snippet
-		permissionList?: import('svelte').Snippet
+		userAccountInfo?: Snippet
+		siteAccess?: Snippet
+		userGroupMembership?: Snippet
+		permissionList?: Snippet
 	}
@@ -96,4 +98,5 @@
 		generateNewActivationPIN = () => Promise.resolve(),
-		userSites,
+		userSites = [],
 		canEditSiteAccess = true,
+		showSiteAccess = true,
 		siteAccessChange = undefined,
@@ -119,2 +122,7 @@ groupMembership,
 		<UserAccountInfo
+			{canToggleActive}
+			{canEditAccountInfo}
+			{passwordValidationRules}
+			{hasPermissionToChangePassword}
+			icon={userAccountInfoIcon}
 			bind:userAccount
@@ -124,6 +132,2 @@ bind:usernameInput
 			bind:cardHeight
-			{canToggleActive}
-			{canEditAccountInfo}
-			{passwordValidationRules}
-			{hasPermissionToChangePassword}
 			{error}
@@ -136,3 +140,2 @@ {success}
 			{sendPasswordRecoveryToken}
-			icon={userAccountInfoIcon}
 		>
@@ -142,21 +145,23 @@ {@render userAccountInfo?.()}
 	</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">
-		<UserSiteAccess
-			{siteLabel}
-			{userSites}
-			{canEditSiteAccess}
-			{siteAccessChange}
-			icon={userSiteAccessIcon}
-			style="height: {cardHeight}px;"
-		>
-			{@render siteAccess?.()}
-		</UserSiteAccess>
-	</div>
-	<div class="col-12 col-lg-4 mb-2">
 		<UserGroupMembership
 			{groupMembership}
 			{canEditGroupMembership}
+			style="height: {cardHeight}px;"
+			icon={groupMembershipIcon}
 			{groupMembershipChange}
-			icon={groupMembershipIcon}
-			style="height: {cardHeight}px;"
 		>
@@ -174,5 +179,5 @@ {@render userGroupMembership?.()}
 			{groupPermissionValueMap}
-			{permissionValueChange}
 			icon={permissionListIcon}
 			cardHeaderTitle={permissionListCardHeaderTitle}
+			{permissionValueChange}
 		>
@@ -179,0 +184,0 @@ {@render permissionList?.()}

dist/UserConfiguration.svelte.d.ts

@@ -0,1 +1,2 @@
+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';
@@ -25,2 +26,3 @@ interface Props {
     canEditSiteAccess?: CanEditSiteAccess;
+    showSiteAccess?: boolean;
     siteAccessChange?: SiteAccessChangeFn;
@@ -34,6 +36,6 @@ groupMembership: GroupMembership;
     permissionValueChange?: PermissionValueChangeFn;
-    userAccountInfo?: import('svelte').Snippet;
-    siteAccess?: import('svelte').Snippet;
-    userGroupMembership?: import('svelte').Snippet;
-    permissionList?: import('svelte').Snippet;
+    userAccountInfo?: Snippet;
+    siteAccess?: Snippet;
+    userGroupMembership?: Snippet;
+    permissionList?: Snippet;
 }
@@ -40,0 +42,0 @@ declare const UserConfiguration: import("svelte").Component<Props, {}, "doSendPasswordRecoveryToken" | "userAccount" | "usernameInput">;

dist/UserGroupMembership.svelte

@@ -5,3 +5,3 @@ <script lang="ts">
 
-	import { getContext } from 'svelte'
+	import { getContext, type Snippet } from 'svelte'
 	import Icon from '@isoftdata/svelte-icon'
@@ -24,3 +24,3 @@ import Checkbox from '@isoftdata/svelte-checkbox'
 		icon?: IconName
-		children?: import('svelte').Snippet
+		children?: Snippet
 	}
@@ -27,0 +27,0 @@

dist/UserGroupMembership.svelte.d.ts

 import type { IconName, HTMLDivAttributes } from './';
+import { type Snippet } from 'svelte';
 interface GroupMembership {
@@ -12,3 +13,3 @@ id: number;
     icon?: IconName;
-    children?: import('svelte').Snippet;
+    children?: Snippet;
 }
@@ -15,0 +16,0 @@ declare const UserGroupMembership: import("svelte").Component<Props, {}, "">;

package.json

 {
   "name": "@isoftdata/svelte-user-configuration",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "exports": {
@@ -5,0 +5,0 @@ ".": {

README.md

@@ -32,3 +32,3 @@ # Svelte UserConfiguration
 | `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. |
 
@@ -64,2 +64,3 @@ > The `passwordValidationRules` prop will be used during password setting when `hasPermissionToChangePassword` or `myAccountMode` are `true` .
 | `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. |
@@ -66,0 +67,0 @@ | `groupMembershipIcon` | `IconName` | ❌ | `"users"` | Icon for the group membership section. |

No alert changes

Improved metrics

Total package byte prevSize

64665

0.28%

Lines of code

279

1.09%

Number of lines in readme file

163

0.62%

No dependency changes