@hyvor/design 1.1.25-beta-org-2 → 1.1.25-beta-org-3

package/dist/components/HyvorBar/HyvorBar.svelte

@@ -4,6 +4,7 @@
 	import BarProducts, { PRODUCTS } from './BarProducts.svelte';
 	import BarSupport from './BarSupport.svelte';
 	import {
+		barOnOrganizationSwitch,
 		barUser,
 		initBar,
 		setInstanceAndProduct,
@@ -71,6 +72,7 @@
 		}
 	}
 
+	barOnOrganizationSwitch.set(onOrganizationSwitch);
 	if (authOverride) {
 		barUser.set(authOverride.user);
 	}
@@ -102,7 +104,7 @@
 					{getName()}
 				</span>
 			</a>
-			<BarOrganization onSwitch={onOrganizationSwitch} />
+			<BarOrganization />
 			<BarLicense name={getName()} />
 		</div>
 		<div class="right">

package/dist/components/HyvorBar/Organization/BarOrganization.svelte

@@ -5,9 +5,7 @@
 
 	let disableTooltip = $state(false);
 
-	let props: {
-		onSwitch: (org: BarOrganization) => void;
-	} = $props();
+	let props: {} = $props();
 
 	barOrganizationDropdownOpen.subscribe((value) => {
 		if (value) disableTooltip = true;
@@ -17,11 +15,7 @@
 {#if $barUser}
 	<Tooltip position="bottom" text="Switch Organization" disabled={disableTooltip}>
 		<div class="wrap">
-			<OrganizationButton
-				bind:show={$barOrganizationDropdownOpen}
-				onSwitch={props.onSwitch}
-				style="bordered"
-			/>
+			<OrganizationButton bind:show={$barOrganizationDropdownOpen} style="bordered" />
 		</div>
 	</Tooltip>
 {/if}

package/dist/components/HyvorBar/Organization/BarOrganization.svelte.d.ts

@@ -1,7 +1,5 @@
 import { type BarOrganization } from '../bar.js';
-type $$ComponentProps = {
-    onSwitch: (org: BarOrganization) => void;
-};
+type $$ComponentProps = {};
 declare const BarOrganization: import("svelte").Component<$$ComponentProps, {}, "">;
 type BarOrganization = ReturnType<typeof BarOrganization>;
 export default BarOrganization;

package/dist/components/HyvorBar/Organization/OrganizationButton.svelte

@@ -2,7 +2,12 @@
 	import Dropdown from '../../Dropdown/Dropdown.svelte';
 	import IconChevronExpand from '@hyvor/icons/IconChevronExpand';
 	import OrgsList from './OrgsList.svelte';
-	import { barUser, switchOrganization, type BarOrganization } from '../bar.js';
+	import {
+		barOnOrganizationSwitch,
+		barUser,
+		switchOrganization,
+		type BarOrganization
+	} from '../bar.js';
 	import toast from '../../Toast/toast.js';
 	import type { DropdownAlign } from '../../Dropdown/dropdown.types.js';
 
@@ -14,17 +19,11 @@
 
 	interface Props {
 		show?: boolean;
-		onSwitch?: (org: BarOrganization) => void;
 		style?: 'bordered' | 'plain';
 		dropdownAlign?: DropdownAlign;
 	}
 
-	let {
-		show = $bindable(false),
-		onSwitch,
-		style = 'plain',
-		dropdownAlign = 'center'
-	}: Props = $props();
+	let { show = $bindable(false), style = 'plain', dropdownAlign = 'center' }: Props = $props();
 	let switching = $state(false);
 
 	async function handleSwitch(org: BarOrganization) {
@@ -40,7 +39,7 @@
 		}
 
 		switching = false;
-		onSwitch?.(org);
+		$barOnOrganizationSwitch?.(org);
 	}
 </script>
 

package/dist/components/HyvorBar/Organization/OrganizationButton.svelte.d.ts

@@ -1,4 +1,3 @@
-import { type BarOrganization } from '../bar.js';
 import type { DropdownAlign } from '../../Dropdown/dropdown.types.js';
 /**
  * This component depends on data from HyvorBar
@@ -7,7 +6,6 @@ import type { DropdownAlign } from '../../Dropdown/dropdown.types.js';
  */
 interface Props {
     show?: boolean;
-    onSwitch?: (org: BarOrganization) => void;
     style?: 'bordered' | 'plain';
     dropdownAlign?: DropdownAlign;
 }

package/dist/components/HyvorBar/Organization/OrgsList.svelte

@@ -20,6 +20,7 @@
 			loading = false;
 			return;
 		}
+
 		getMyOrganizations()
 			.then((data) => {
 				barOrganizations.set(data);

package/dist/components/HyvorBar/bar.d.ts

@@ -41,6 +41,7 @@ export declare const barLicense: import("svelte/store").Writable<BarResolvedLice
 export declare const barHasFailedInvoices: import("svelte/store").Writable<boolean>;
 export declare const barOrganizationDropdownOpen: import("svelte/store").Writable<boolean>;
 export declare const barOrganizations: import("svelte/store").Writable<BarOrganization[]>;
+export declare const barOnOrganizationSwitch: import("svelte/store").Writable<((org: BarOrganization) => void) | null>;
 export declare function setInstanceAndProduct(instance_: string, product_: string): void;
 /**
  * @throws Error if initialization fails

package/dist/components/HyvorBar/bar.js

@@ -8,6 +8,7 @@ export const barLicense = writable(null);
 export const barHasFailedInvoices = writable(false);
 export const barOrganizationDropdownOpen = writable(false);
 export const barOrganizations = writable([]);
+export const barOnOrganizationSwitch = writable(null);
 export function setInstanceAndProduct(instance_, product_) {
     instance = instance_;
     product = product_;
@@ -39,7 +40,7 @@ export async function initBar() {
     if (data.user && track.ready()) {
         track.identify(data.user.id.toString(), {
             name: data.user.name ?? undefined,
-            avatar: data.user.picture_url ?? undefined,
+            avatar: data.user.picture_url ?? undefined
         });
     }
 }

package/package.json

@@ -62,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.25-beta-org-2"
+	"version": "1.1.25-beta-org-3"
 }