@rainlanguage/ui-components 0.0.1-alpha.85 → 0.0.1-alpha.87

package/dist/__mocks__/stores.d.ts

@@ -38,7 +38,7 @@ export declare const mockActiveAccountsItemsStore: {
     set: (this: void, value: Record<string, string>) => void;
     mockSetSubscribeValue: (value: Record<string, string>) => void;
 };
-export declare const mockActiveOrderStatusStore: {
+export declare const mockShowInactiveOrdersStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: boolean) => void;
     mockSetSubscribeValue: (value: boolean) => void;

package/dist/__mocks__/stores.js

@@ -23,7 +23,7 @@ const mockSettingsWritable = writable(settingsFixture);
 const mockActiveSubgraphsWritable = writable({});
 const mockAccountsWritable = writable({});
 const mockActiveAccountsItemsWritable = writable({});
-const mockActiveOrderStatusWritable = writable(true);
+const mockShowInactiveOrdersWritable = writable(true);
 const mockOrderHashWritable = writable('');
 const mockHideZeroBalanceVaultsWritable = writable(false);
 const mockActiveNetworkRefWritable = writable('');
@@ -52,10 +52,10 @@ export const mockActiveAccountsItemsStore = {
     set: mockActiveAccountsItemsWritable.set,
     mockSetSubscribeValue: (value) => mockActiveAccountsItemsWritable.set(value)
 };
-export const mockActiveOrderStatusStore = {
-    subscribe: mockActiveOrderStatusWritable.subscribe,
-    set: mockActiveOrderStatusWritable.set,
-    mockSetSubscribeValue: (value) => mockActiveOrderStatusWritable.set(value)
+export const mockShowInactiveOrdersStore = {
+    subscribe: mockShowInactiveOrdersWritable.subscribe,
+    set: mockShowInactiveOrdersWritable.set,
+    mockSetSubscribeValue: (value) => mockShowInactiveOrdersWritable.set(value)
 };
 export const mockOrderHashStore = {
     subscribe: mockOrderHashWritable.subscribe,

package/dist/components/CheckboxMyItemsOnly.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
+import type { AppStoresInterface } from '../types/appStores';
 declare const __propDef: {
     props: {
-        showMyItemsOnly: Writable<boolean>;
+        showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
         context: "orders" | "vaults";
     };
     events: {

package/dist/components/CheckboxZeroBalanceVault.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
+import type { AppStoresInterface } from '../types/appStores';
 declare const __propDef: {
     props: {
-        hideZeroBalanceVaults: Writable<boolean>;
+        hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ListViewOrderbookFilters.svelte

@@ -15,7 +15,7 @@ export let hideZeroBalanceVaults;
 export let activeAccountsItems;
 export let showMyItemsOnly;
 export let activeSubgraphs;
-export let activeOrderStatus;
+export let showInactiveOrders;
 export let orderHash;
 $: isVaultsPage = $page.url.pathname === "/vaults";
 $: isOrdersPage = $page.url.pathname === "/orders";
@@ -48,7 +48,7 @@ const { account } = useAccount();
 		{#if isOrdersPage}
 			<InputOrderHash {orderHash} />
 			<div class="mt-4">
-				<CheckboxActiveOrders {activeOrderStatus} />
+				<CheckboxActiveOrders {showInactiveOrders} />
 			</div>
 		{/if}
 		{#if $accounts && Object.values($accounts).length > 0}

package/dist/components/ListViewOrderbookFilters.svelte.d.ts

@@ -1,16 +1,15 @@
 import { SvelteComponent } from "svelte";
-import type { Readable, Writable } from 'svelte/store';
-import type { ConfigSource } from '@rainlanguage/orderbook';
+import type { AppStoresInterface } from '../types/appStores';
 declare class __sveltets_Render<T> {
     props(): {
-        settings: Writable<ConfigSource | undefined>;
-        accounts: Readable<Record<string, string>> | undefined;
-        hideZeroBalanceVaults: Writable<boolean>;
-        activeAccountsItems: Writable<Record<string, string>> | undefined;
-        showMyItemsOnly: Writable<boolean>;
-        activeSubgraphs: Writable<Record<string, string>>;
-        activeOrderStatus: Writable<boolean>;
-        orderHash: Writable<string>;
+        settings: AppStoresInterface["settings"];
+        accounts: AppStoresInterface["accounts"];
+        hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
+        activeAccountsItems: AppStoresInterface["activeAccountsItems"];
+        showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
+        activeSubgraphs: AppStoresInterface["activeSubgraphs"];
+        showInactiveOrders: AppStoresInterface["showInactiveOrders"];
+        orderHash: AppStoresInterface["orderHash"];
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

package/dist/components/checkbox/CheckboxActiveOrders.svelte

@@ -1,8 +1,8 @@
 <script>import { Checkbox } from "flowbite-svelte";
-export let activeOrderStatus;
-let checked = $activeOrderStatus ? false : true;
+export let showInactiveOrders;
+let checked = $showInactiveOrders ? true : false;
 function handleChange() {
-  $activeOrderStatus = $activeOrderStatus ? false : true;
+  $showInactiveOrders = !$showInactiveOrders;
 }
 </script>
 

package/dist/components/checkbox/CheckboxActiveOrders.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        activeOrderStatus: Writable<boolean>;
+        showInactiveOrders: AppStoresInterface["showInactiveOrders"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/detail/VaultDetail.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         lightweightChartsTheme?: Readable<ChartTheme> | undefined;
         activeNetworkRef: AppStoresInterface["activeNetworkRef"];
         activeOrderbookRef: AppStoresInterface["activeOrderbookRef"];
-        settings: any;
+        settings: AppStoresInterface["settings"];
         /**
              * Required callback function when deposit action is triggered for a vault
              * @param vault The vault to deposit into

package/dist/components/dropdown/DropdownActiveSubgraphs.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
 import type { ConfigSource } from '@rainlanguage/orderbook';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        settings: ConfigSource;
-        activeSubgraphs: Writable<Record<string, string>>;
+        settings: ConfigSource | undefined;
+        activeSubgraphs: AppStoresInterface["activeSubgraphs"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/dropdown/DropdownOrderListAccounts.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
-import type { Writable, Readable } from 'svelte/store';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        accounts: Readable<Record<string, string>> | undefined;
-        activeAccountsItems: Writable<Record<string, string>> | undefined;
+        accounts: AppStoresInterface["accounts"];
+        activeAccountsItems: AppStoresInterface["activeAccountsItems"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/input/InputOrderHash.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        orderHash: Writable<string>;
+        orderHash: AppStoresInterface["orderHash"];
         value?: string;
     };
     events: {

package/dist/components/tables/OrdersListTable.svelte

@@ -24,7 +24,7 @@ export let activeSubgraphs;
 export let settings;
 export let accounts;
 export let activeAccountsItems;
-export let activeOrderStatus;
+export let showInactiveOrders;
 export let orderHash;
 export let hideZeroBalanceVaults;
 export let showMyItemsOnly;
@@ -45,7 +45,7 @@ $: query = createInfiniteQuery({
     $settings,
     multiSubgraphArgs,
     owners,
-    $activeOrderStatus,
+    $showInactiveOrders,
     $orderHash
   ],
   queryFn: ({ pageParam }) => {
@@ -53,7 +53,7 @@ $: query = createInfiniteQuery({
       multiSubgraphArgs,
       {
         owners,
-        active: !$activeOrderStatus ? void 0 : true,
+        active: $showInactiveOrders ? void 0 : true,
         orderHash: $orderHash || void 0
       },
       { page: pageParam + 1, pageSize: DEFAULT_PAGE_SIZE }
@@ -75,7 +75,7 @@ const AppTable = TanstackAppTable;
 	{accounts}
 	{activeAccountsItems}
 	{showMyItemsOnly}
-	{activeOrderStatus}
+	{showInactiveOrders}
 	{orderHash}
 	{hideZeroBalanceVaults}
 />

package/dist/components/tables/OrdersListTable.svelte.d.ts

@@ -7,7 +7,7 @@ declare class __sveltets_Render<T> {
         settings: AppStoresInterface["settings"];
         accounts: AppStoresInterface["accounts"] | undefined;
         activeAccountsItems: AppStoresInterface["activeAccountsItems"] | undefined;
-        activeOrderStatus: AppStoresInterface["activeOrderStatus"];
+        showInactiveOrders: AppStoresInterface["showInactiveOrders"];
         orderHash: AppStoresInterface["orderHash"];
         hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
         showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];

package/dist/components/tables/VaultsListTable.svelte

@@ -10,12 +10,10 @@ import { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from "../../queries/const
 import { vaultBalanceDisplay } from "../../utils/vault";
 import { bigintStringToHex } from "../../utils/hex";
 import {} from "@rainlanguage/orderbook";
-import {} from "@rainlanguage/orderbook";
 import { QKEY_VAULTS } from "../../queries/keys";
 import {
   getVaults
 } from "@rainlanguage/orderbook";
-import {} from "svelte/store";
 import { useAccount } from "../../providers/wallet/useAccount";
 export let activeOrderbook;
 export let subgraphUrl;
@@ -24,7 +22,7 @@ export let activeAccountsItems;
 export let orderHash;
 export let activeSubgraphs;
 export let settings;
-export let activeOrderStatus;
+export let showInactiveOrders;
 export let hideZeroBalanceVaults;
 export let activeNetworkRef;
 export let activeOrderbookRef;
@@ -82,7 +80,7 @@ const AppTable = TanstackAppTable;
 		{accounts}
 		{activeAccountsItems}
 		{showMyItemsOnly}
-		{activeOrderStatus}
+		{showInactiveOrders}
 		{orderHash}
 		{hideZeroBalanceVaults}
 	/>

package/dist/components/tables/VaultsListTable.svelte.d.ts

@@ -1,24 +1,20 @@
 import { SvelteComponent } from "svelte";
-import { type ConfigSource, type OrderbookConfigSource } from '@rainlanguage/orderbook';
 import { type SgVault } from '@rainlanguage/orderbook';
-import { type Writable, type Readable } from 'svelte/store';
 import type { AppStoresInterface } from '../../types/appStores.ts';
 declare class __sveltets_Render<T> {
     props(): {
-        activeOrderbook: Readable<OrderbookConfigSource | undefined>;
-        subgraphUrl: Readable<string | undefined>;
-        accounts: AppStoresInterface["accounts"] | undefined;
-        activeAccountsItems: AppStoresInterface["activeAccountsItems"] | undefined;
-        orderHash: Writable<string>;
-        activeSubgraphs: Writable<Record<string, string>>;
-        settings: Writable<ConfigSource | undefined>;
-        activeOrderStatus: Writable<boolean>;
-        hideZeroBalanceVaults: Writable<boolean>;
-        activeNetworkRef: Writable<string | undefined>;
-        activeOrderbookRef: Writable<string | undefined>;
-        activeAccounts: Readable<{
-            [k: string]: string;
-        }>;
+        activeOrderbook: AppStoresInterface["activeOrderbook"];
+        subgraphUrl: AppStoresInterface["subgraphUrl"];
+        accounts: AppStoresInterface["accounts"];
+        activeAccountsItems: AppStoresInterface["activeAccountsItems"];
+        orderHash: AppStoresInterface["orderHash"];
+        activeSubgraphs: AppStoresInterface["activeSubgraphs"];
+        settings: AppStoresInterface["settings"];
+        showInactiveOrders: AppStoresInterface["showInactiveOrders"];
+        hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
+        activeNetworkRef: AppStoresInterface["activeNetworkRef"];
+        activeOrderbookRef: AppStoresInterface["activeOrderbookRef"];
+        activeAccounts: AppStoresInterface["activeAccounts"];
         handleDepositGenericModal?: (() => void) | undefined;
         handleDepositModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;
         handleWithdrawModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;

package/dist/types/appStores.d.ts

@@ -3,9 +3,9 @@ import type { ConfigSource, OrderbookConfigSource } from '@rainlanguage/orderboo
 export interface AppStoresInterface {
     settings: Writable<ConfigSource | undefined>;
     activeSubgraphs: Writable<Record<string, string>>;
-    accounts: Readable<Record<string, string>>;
-    activeAccountsItems: Writable<Record<string, string>>;
-    activeOrderStatus: Writable<boolean>;
+    accounts: Readable<Record<string, string>> | undefined;
+    activeAccountsItems: Writable<Record<string, string>> | undefined;
+    showInactiveOrders: Writable<boolean>;
     orderHash: Writable<string>;
     hideZeroBalanceVaults: Writable<boolean>;
     activeNetworkRef: Writable<string | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.85",
+	"version": "0.0.1-alpha.87",
 	"description": "A component library for building Svelte applications to be used with Raindex.",
 	"license": "LicenseRef-DCL-1.0",
 	"author": "Rain Open Source Software Ltd",
@@ -53,7 +53,7 @@
 		"@fontsource/dm-sans": "5.1.0",
 		"@imask/svelte": "7.6.1",
 		"@observablehq/plot": "0.6.16",
-		"@rainlanguage/orderbook": "0.0.1-alpha.85",
+		"@rainlanguage/orderbook": "0.0.1-alpha.87",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",