@rainlanguage/ui-components 0.0.1-alpha.71 → 0.0.1-alpha.73

package/dist/components/ListViewOrderbookFilters.svelte

@@ -1,8 +1,9 @@
-<script generics="T">import { isEmpty } from "lodash";
+<script generics="T">import { page } from "$app/stores";
+import { isEmpty } from "lodash";
 import { Alert } from "flowbite-svelte";
 import Tooltip from "./Tooltip.svelte";
 import DropdownActiveSubgraphs from "./dropdown/DropdownActiveSubgraphs.svelte";
-import DropdownOrderStatus from "./dropdown/DropdownOrderStatus.svelte";
+import CheckboxActiveOrders from "./checkbox/CheckboxActiveOrders.svelte";
 import DropdownOrderListAccounts from "./dropdown/DropdownOrderListAccounts.svelte";
 import InputOrderHash from "./input/InputOrderHash.svelte";
 import CheckboxZeroBalanceVault from "./CheckboxZeroBalanceVault.svelte";
@@ -16,8 +17,8 @@ export let showMyItemsOnly;
 export let activeSubgraphs;
 export let activeOrderStatus;
 export let orderHash;
-export let isVaultsPage;
-export let isOrdersPage;
+$: isVaultsPage = $page.url.pathname === "/vaults";
+$: isOrdersPage = $page.url.pathname === "/orders";
 const { account } = useAccount();
 </script>
 
@@ -46,7 +47,9 @@ const { account } = useAccount();
 
 		{#if isOrdersPage}
 			<InputOrderHash {orderHash} />
-			<DropdownOrderStatus {activeOrderStatus} />
+			<div class="mt-4">
+				<CheckboxActiveOrders {activeOrderStatus} />
+			</div>
 		{/if}
 		{#if $accounts && Object.values($accounts).length > 0}
 			<DropdownOrderListAccounts {accounts} {activeAccountsItems} />

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

@@ -11,8 +11,6 @@ declare class __sveltets_Render<T> {
         activeSubgraphs: Writable<Record<string, string>>;
         activeOrderStatus: Writable<boolean | undefined>;
         orderHash: Writable<string>;
-        isVaultsPage: boolean;
-        isOrdersPage: boolean;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

package/dist/components/checkbox/CheckboxActiveOrders.svelte

@@ -0,0 +1,9 @@
+<script>import { Checkbox } from "flowbite-svelte";
+export let activeOrderStatus;
+let includeInactive = $activeOrderStatus;
+$: activeOrderStatus.set(includeInactive ? void 0 : true);
+</script>
+
+<div data-testid="order-status-checkbox">
+	<Checkbox bind:checked={includeInactive}>Include inactive orders</Checkbox>
+</div>

package/dist/components/{dropdown/DropdownOrderStatus.svelte.d.ts → checkbox/CheckboxActiveOrders.svelte.d.ts}

@@ -11,9 +11,9 @@ declare const __propDef: {
     exports?: {} | undefined;
     bindings?: string | undefined;
 };
-export type DropdownOrderStatusProps = typeof __propDef.props;
-export type DropdownOrderStatusEvents = typeof __propDef.events;
-export type DropdownOrderStatusSlots = typeof __propDef.slots;
-export default class DropdownOrderStatus extends SvelteComponent<DropdownOrderStatusProps, DropdownOrderStatusEvents, DropdownOrderStatusSlots> {
+export type CheckboxActiveOrdersProps = typeof __propDef.props;
+export type CheckboxActiveOrdersEvents = typeof __propDef.events;
+export type CheckboxActiveOrdersSlots = typeof __propDef.slots;
+export default class CheckboxActiveOrders extends SvelteComponent<CheckboxActiveOrdersProps, CheckboxActiveOrdersEvents, CheckboxActiveOrdersSlots> {
 }
 export {};

package/dist/components/tables/OrdersListTable.svelte

@@ -28,7 +28,6 @@ export let activeOrderStatus;
 export let orderHash;
 export let hideZeroBalanceVaults;
 export let showMyItemsOnly;
-export let currentRoute;
 export let activeNetworkRef;
 export let activeOrderbookRef;
 const { matchesAccount, account } = useAccount();
@@ -68,8 +67,6 @@ $: query = createInfiniteQuery({
   enabled: true
 });
 const AppTable = TanstackAppTable;
-$: isVaultsPage = currentRoute.startsWith("/vaults");
-$: isOrdersPage = currentRoute.startsWith("/orders");
 </script>
 
 <ListViewOrderbookFilters
@@ -81,8 +78,6 @@ $: isOrdersPage = currentRoute.startsWith("/orders");
 	{activeOrderStatus}
 	{orderHash}
 	{hideZeroBalanceVaults}
-	{isVaultsPage}
-	{isOrdersPage}
 />
 
 <AppTable

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

@@ -11,7 +11,6 @@ declare class __sveltets_Render<T> {
         orderHash: AppStoresInterface["orderHash"];
         hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
         showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
-        currentRoute: string;
         activeNetworkRef: AppStoresInterface["activeNetworkRef"];
         activeOrderbookRef: AppStoresInterface["activeOrderbookRef"];
     };

package/dist/components/tables/VaultsListTable.svelte

@@ -32,7 +32,6 @@ export let activeAccounts;
 export let handleDepositGenericModal = void 0;
 export let handleDepositModal = void 0;
 export let handleWithdrawModal = void 0;
-export let currentRoute;
 export let showMyItemsOnly;
 const { account, matchesAccount } = useAccount();
 $: multiSubgraphArgs = Object.entries(
@@ -73,8 +72,6 @@ const updateActiveNetworkAndOrderbook = (subgraphName) => {
   activeNetworkRef.set(subgraphName);
   activeOrderbookRef.set(subgraphName);
 };
-$: isVaultsPage = currentRoute.startsWith("/vaults");
-$: isOrdersPage = currentRoute.startsWith("/orders");
 const AppTable = TanstackAppTable;
 </script>
 
@@ -88,8 +85,6 @@ const AppTable = TanstackAppTable;
 		{activeOrderStatus}
 		{orderHash}
 		{hideZeroBalanceVaults}
-		{isVaultsPage}
-		{isOrdersPage}
 	/>
 	<AppTable
 		{query}

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

@@ -22,7 +22,6 @@ declare class __sveltets_Render<T> {
         handleDepositGenericModal?: (() => void) | undefined;
         handleDepositModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;
         handleWithdrawModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;
-        currentRoute: string;
         showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
     };
     events(): {} & {

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';

package/dist/index.js

@@ -7,7 +7,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.71",
+	"version": "0.0.1-alpha.73",
 	"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.71",
+		"@rainlanguage/orderbook": "0.0.1-alpha.73",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",

package/dist/components/dropdown/DropdownOrderStatus.svelte

@@ -1,31 +0,0 @@
-<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
-export let activeOrderStatus;
-const orderStatusOptions = {
-  Active: "active",
-  Inactive: "inactive"
-};
-function handleStatusChange(event) {
-  let status = void 0;
-  let items = Object.keys(event.detail);
-  if (items.length === 0 || items.length === 2) {
-    status = void 0;
-  } else if (items.includes("Active")) {
-    status = true;
-  } else if (items.includes("Inactive")) {
-    status = false;
-  }
-  activeOrderStatus.set(status);
-}
-$: value = $activeOrderStatus === void 0 ? {} : $activeOrderStatus ? { Active: "active" } : { Inactive: "inactive" };
-</script>
-
-<div data-testid="order-status-dropdown">
-	<DropdownCheckbox
-		options={orderStatusOptions}
-		on:change={handleStatusChange}
-		label="Status"
-		showAllLabel={false}
-		onlyTitle={true}
-		{value}
-	/>
-</div>