@rainlanguage/ui-components 0.0.1-alpha.212 → 0.0.1-alpha.214

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ import type { Address } from '@rainlanguage/orderbook';
1
2
  import { type Config } from '@wagmi/core';
2
3
  type MockDeployment = {
3
4
  key: string;
@@ -17,11 +18,6 @@ type MockPageState = {
17
18
  id: string | null;
18
19
  };
19
20
  };
20
- export declare const mockActiveAccountsItemsStore: {
21
- subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
22
- set: (this: void, value: Record<string, string>) => void;
23
- mockSetSubscribeValue: (value: Record<string, string>) => void;
24
- };
25
21
  export declare const mockShowInactiveOrdersStore: {
26
22
  subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
27
23
  set: (this: void, value: boolean) => void;
@@ -79,11 +75,6 @@ export declare const mockWagmiConfigStore: {
79
75
  update: (this: void, updater: import("svelte/store").Updater<Config>) => void;
80
76
  mockSetSubscribeValue: (value: Config) => void;
81
77
  };
82
- export declare const mockShowMyItemsOnlyStore: {
83
- subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined) => import("svelte/store").Unsubscriber;
84
- set: (this: void, value: boolean) => void;
85
- mockSetSubscribeValue: (value: boolean) => void;
86
- };
87
78
  export declare const mockSelectedChainIdsStore: {
88
79
  subscribe: (this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined) => import("svelte/store").Unsubscriber;
89
80
  set: (this: void, value: number[]) => void;
@@ -105,4 +96,9 @@ export declare const mockActiveOrderbookAddressesStore: {
105
96
  set: (this: void, value: string[]) => void;
106
97
  mockSetSubscribeValue: (value: string[]) => void;
107
98
  };
99
+ export declare const mockOwnerFilterStore: {
100
+ subscribe: (this: void, run: import("svelte/store").Subscriber<`0x${string}`>, invalidate?: import("svelte/store").Invalidator<`0x${string}`> | undefined) => import("svelte/store").Unsubscriber;
101
+ set: (this: void, value: `0x${string}`) => void;
102
+ mockSetSubscribeValue: (value: Address) => void;
103
+ };
108
104
  export {};
@@ -25,7 +25,6 @@ const initialPageState = {
25
25
  }
26
26
  };
27
27
  const mockPageWritable = writable(initialPageState);
28
- const mockActiveAccountsItemsWritable = writable({});
29
28
  const mockShowInactiveOrdersWritable = writable(true);
30
29
  const mockOrderHashWritable = writable('');
31
30
  const mockHideZeroBalanceVaultsWritable = writable(false);
@@ -37,15 +36,10 @@ const mockSubgraphUrlWritable = writable('');
37
36
  const mockChainIdWritable = writable(0);
38
37
  const mockConnectedWritable = writable(true);
39
38
  const mockWagmiConfigWritable = writable(mockWeb3Config);
40
- const mockShowMyItemsOnlyWritable = writable(false);
41
39
  const mockSelectedChainIdsWritable = writable([]);
42
40
  const mockActiveTokensWritable = writable([]);
43
41
  const mockActiveOrderbookAddressesWritable = writable([]);
44
- export const mockActiveAccountsItemsStore = {
45
- subscribe: mockActiveAccountsItemsWritable.subscribe,
46
- set: mockActiveAccountsItemsWritable.set,
47
- mockSetSubscribeValue: (value) => mockActiveAccountsItemsWritable.set(value)
48
- };
42
+ const mockOwnerFilterWritable = writable('');
49
43
  export const mockShowInactiveOrdersStore = {
50
44
  subscribe: mockShowInactiveOrdersWritable.subscribe,
51
45
  set: mockShowInactiveOrdersWritable.set,
@@ -103,11 +97,6 @@ export const mockWagmiConfigStore = {
103
97
  update: mockWagmiConfigWritable.update,
104
98
  mockSetSubscribeValue: (value) => mockWagmiConfigWritable.set(value)
105
99
  };
106
- export const mockShowMyItemsOnlyStore = {
107
- subscribe: mockShowMyItemsOnlyWritable.subscribe,
108
- set: mockShowMyItemsOnlyWritable.set,
109
- mockSetSubscribeValue: (value) => mockShowMyItemsOnlyWritable.set(value)
110
- };
111
100
  export const mockSelectedChainIdsStore = {
112
101
  subscribe: mockSelectedChainIdsWritable.subscribe,
113
102
  set: mockSelectedChainIdsWritable.set,
@@ -134,3 +123,8 @@ export const mockActiveOrderbookAddressesStore = {
134
123
  set: mockActiveOrderbookAddressesWritable.set,
135
124
  mockSetSubscribeValue: (value) => mockActiveOrderbookAddressesWritable.set(value)
136
125
  };
126
+ export const mockOwnerFilterStore = {
127
+ subscribe: mockOwnerFilterWritable.subscribe,
128
+ set: mockOwnerFilterWritable.set,
129
+ mockSetSubscribeValue: (value) => mockOwnerFilterWritable.set(value)
130
+ };
@@ -3,20 +3,15 @@ import DropdownActiveNetworks from "./dropdown/DropdownActiveNetworks.svelte";
3
3
  import { page } from "$app/stores";
4
4
  import { isEmpty } from "lodash";
5
5
  import { Alert } from "flowbite-svelte";
6
- import Tooltip from "./Tooltip.svelte";
7
6
  import CheckboxActiveOrders from "./checkbox/CheckboxActiveOrders.svelte";
8
- import DropdownOrderListAccounts from "./dropdown/DropdownOrderListAccounts.svelte";
9
7
  import DropdownTokensFilter from "./dropdown/DropdownTokensFilter.svelte";
10
8
  import DropdownOrderbooksFilter from "./dropdown/DropdownOrderbooksFilter.svelte";
11
9
  import InputOrderHash from "./input/InputOrderHash.svelte";
10
+ import InputOwnerFilter from "./input/InputOwnerFilter.svelte";
12
11
  import CheckboxZeroBalanceVault from "./CheckboxZeroBalanceVault.svelte";
13
12
  import CheckboxInactiveOrdersVault from "./CheckboxInactiveOrdersVault.svelte";
14
- import CheckboxMyItemsOnly from "./CheckboxMyItemsOnly.svelte";
15
- import { useAccount } from "../providers/wallet/useAccount";
16
13
  export let hideZeroBalanceVaults;
17
14
  export let hideInactiveOrdersVaults;
18
- export let activeAccountsItems;
19
- export let showMyItemsOnly;
20
15
  export let selectedChainIds;
21
16
  export let showInactiveOrders;
22
17
  export let orderHash;
@@ -25,12 +20,11 @@ export let selectedTokens;
25
20
  export let tokensQuery;
26
21
  export let activeOrderbookAddresses;
27
22
  export let selectedOrderbookAddresses;
23
+ export let ownerFilter;
28
24
  $: isVaultsPage = $page.url.pathname === "/vaults";
29
25
  $: isOrdersPage = $page.url.pathname === "/orders";
30
- const { account } = useAccount();
31
26
  const raindexClient = useRaindexClient();
32
27
  $: networks = raindexClient.getAllNetworks();
33
- $: accounts = raindexClient.getAllAccounts();
34
28
  </script>
35
29
 
36
30
  <div
@@ -42,14 +36,6 @@ $: accounts = raindexClient.getAllAccounts();
42
36
  No networks added to <a class="underline" href="/settings">settings</a>
43
37
  </Alert>
44
38
  {:else}
45
- {#if !accounts.error && accounts.value.size === 0}
46
- <div class="mt-4 w-full lg:w-auto" data-testid="my-items-only">
47
- <CheckboxMyItemsOnly context={isVaultsPage ? 'vaults' : 'orders'} {showMyItemsOnly} />
48
- {#if !$account}
49
- <Tooltip>Connect a wallet to filter by {isVaultsPage ? 'vault' : 'order'} owner</Tooltip>
50
- {/if}
51
- </div>
52
- {/if}
53
39
  {#if isVaultsPage}
54
40
  <div class="mt-4 w-full lg:w-auto">
55
41
  <CheckboxZeroBalanceVault {hideZeroBalanceVaults} />
@@ -65,9 +51,7 @@ $: accounts = raindexClient.getAllAccounts();
65
51
  <CheckboxActiveOrders {showInactiveOrders} />
66
52
  </div>
67
53
  {/if}
68
- {#if !accounts.error && accounts.value.size > 0}
69
- <DropdownOrderListAccounts {activeAccountsItems} />
70
- {/if}
54
+ <InputOwnerFilter {ownerFilter} />
71
55
  <DropdownTokensFilter {tokensQuery} {activeTokens} {selectedTokens} label="Tokens" />
72
56
  <DropdownOrderbooksFilter
73
57
  {activeOrderbookAddresses}
@@ -7,8 +7,6 @@ declare const __propDef: {
7
7
  props: {
8
8
  hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
9
9
  hideInactiveOrdersVaults: AppStoresInterface["hideInactiveOrdersVaults"];
10
- activeAccountsItems: AppStoresInterface["activeAccountsItems"];
11
- showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
12
10
  selectedChainIds: AppStoresInterface["selectedChainIds"];
13
11
  showInactiveOrders: AppStoresInterface["showInactiveOrders"];
14
12
  orderHash: AppStoresInterface["orderHash"];
@@ -17,6 +15,7 @@ declare const __propDef: {
17
15
  tokensQuery: Readable<QueryObserverResult<RaindexVaultToken[], Error>>;
18
16
  activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
19
17
  selectedOrderbookAddresses: Address[];
18
+ ownerFilter: AppStoresInterface["ownerFilter"];
20
19
  };
21
20
  events: {
22
21
  [evt: string]: CustomEvent<any>;
@@ -0,0 +1,48 @@
1
+ <script>import { Button, Label } from "flowbite-svelte";
2
+ import { useAccount } from "../../providers/wallet/useAccount";
3
+ export let ownerFilter;
4
+ const { account } = useAccount();
5
+ let value = "";
6
+ $: value = $ownerFilter;
7
+ function handleChange(event) {
8
+ const input = event.target;
9
+ value = input.value;
10
+ ownerFilter.set(value);
11
+ }
12
+ function handleMyItems() {
13
+ if (!$account) return;
14
+ if ($ownerFilter.toLowerCase() === $account.toLowerCase()) {
15
+ ownerFilter.set("");
16
+ value = "";
17
+ } else {
18
+ ownerFilter.set($account);
19
+ value = $account;
20
+ }
21
+ }
22
+ </script>
23
+
24
+ <div data-testid="owner-filter-input" class="flex flex-col gap-x-2">
25
+ <Label>Owner</Label>
26
+ <div class="flex items-center gap-2">
27
+ <div class="w-full lg:w-32">
28
+ <input
29
+ type="text"
30
+ bind:value
31
+ on:input={handleChange}
32
+ placeholder="0x..."
33
+ class="focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-500 dark:focus:ring-primary-500 block w-full rounded-lg border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right dark:border-gray-500 dark:bg-gray-600 dark:text-white dark:placeholder-gray-400"
34
+ />
35
+ </div>
36
+ <Button
37
+ size="xs"
38
+ color={$account && $ownerFilter.toLowerCase() === $account.toLowerCase()
39
+ ? 'primary'
40
+ : 'alternative'}
41
+ disabled={!$account}
42
+ on:click={handleMyItems}
43
+ data-testid="my-items-button"
44
+ >
45
+ My Items
46
+ </Button>
47
+ </div>
48
+ </div>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { AppStoresInterface } from '../../types/appStores';
3
+ declare const __propDef: {
4
+ props: {
5
+ ownerFilter: AppStoresInterface["ownerFilter"];
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {};
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type InputOwnerFilterProps = typeof __propDef.props;
15
+ export type InputOwnerFilterEvents = typeof __propDef.events;
16
+ export type InputOwnerFilterSlots = typeof __propDef.slots;
17
+ export default class InputOwnerFilter extends SvelteComponent<InputOwnerFilterProps, InputOwnerFilterEvents, InputOwnerFilterSlots> {
18
+ }
19
+ export {};
@@ -25,17 +25,17 @@ const context = getAllContexts();
25
25
  export let handleOrderRemoveModal = void 0;
26
26
  export let handleTakeOrderModal = void 0;
27
27
  export let selectedChainIds;
28
- export let activeAccountsItems;
29
28
  export let showInactiveOrders;
30
29
  export let orderHash;
31
30
  export let hideZeroBalanceVaults;
32
31
  export let hideInactiveOrdersVaults;
33
- export let showMyItemsOnly;
34
32
  export let activeTokens;
35
33
  export let activeOrderbookAddresses;
34
+ export let ownerFilter;
36
35
  const { matchesAccount, account } = useAccount();
37
36
  const raindexClient = useRaindexClient();
38
- $: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $account ? [$account] : [];
37
+ $: ownerAddress = $ownerFilter?.trim() || "";
38
+ $: owners = ownerAddress ? [ownerAddress] : [];
39
39
  $: tokensQuery = createQuery({
40
40
  queryKey: [QKEY_TOKENS, $selectedChainIds],
41
41
  queryFn: async () => {
@@ -65,7 +65,7 @@ $: query = createInfiniteQuery({
65
65
  queryKey: [
66
66
  QKEY_ORDERS,
67
67
  $selectedChainIds,
68
- owners,
68
+ ownerAddress,
69
69
  $showInactiveOrders,
70
70
  $orderHash,
71
71
  selectedTokens,
@@ -98,8 +98,6 @@ const AppTable = TanstackAppTable;
98
98
 
99
99
  <ListViewOrderbookFilters
100
100
  {selectedChainIds}
101
- {activeAccountsItems}
102
- {showMyItemsOnly}
103
101
  {showInactiveOrders}
104
102
  {orderHash}
105
103
  {hideZeroBalanceVaults}
@@ -109,6 +107,7 @@ const AppTable = TanstackAppTable;
109
107
  {selectedTokens}
110
108
  {activeOrderbookAddresses}
111
109
  {selectedOrderbookAddresses}
110
+ {ownerFilter}
112
111
  />
113
112
 
114
113
  <AppTable
@@ -5,14 +5,13 @@ declare const __propDef: {
5
5
  handleOrderRemoveModal?: any;
6
6
  handleTakeOrderModal?: any;
7
7
  selectedChainIds: AppStoresInterface["selectedChainIds"];
8
- activeAccountsItems: AppStoresInterface["activeAccountsItems"] | undefined;
9
8
  showInactiveOrders: AppStoresInterface["showInactiveOrders"];
10
9
  orderHash: AppStoresInterface["orderHash"];
11
10
  hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
12
11
  hideInactiveOrdersVaults: AppStoresInterface["hideInactiveOrdersVaults"];
13
- showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
14
12
  activeTokens: AppStoresInterface["activeTokens"];
15
13
  activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
14
+ ownerFilter: AppStoresInterface["ownerFilter"];
16
15
  };
17
16
  events: {
18
17
  [evt: string]: CustomEvent<any>;
@@ -30,21 +30,21 @@ import Tooltip from "../Tooltip.svelte";
30
30
  import { useToasts } from "../../providers/toasts/useToasts";
31
31
  const context = getAllContexts();
32
32
  const { errToast } = useToasts();
33
- export let activeAccountsItems;
34
33
  export let orderHash;
35
34
  export let showInactiveOrders;
36
35
  export let hideZeroBalanceVaults;
37
36
  export let hideInactiveOrdersVaults;
38
37
  export let activeTokens;
39
38
  export let selectedChainIds;
40
- export let showMyItemsOnly;
41
39
  export let activeOrderbookAddresses;
40
+ export let ownerFilter;
42
41
  export let handleDepositModal = void 0;
43
42
  export let handleWithdrawModal = void 0;
44
43
  export let onWithdrawAll = void 0;
45
44
  const { account } = useAccount();
46
45
  const raindexClient = useRaindexClient();
47
- $: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $account ? [$account] : [];
46
+ $: ownerAddress = $ownerFilter?.trim() || "";
47
+ $: owners = ownerAddress ? [ownerAddress] : [];
48
48
  $: tokensQuery = createQuery({
49
49
  queryKey: [QKEY_TOKENS, $selectedChainIds],
50
50
  queryFn: async () => {
@@ -76,7 +76,7 @@ $: query = createInfiniteQuery({
76
76
  $hideZeroBalanceVaults,
77
77
  $hideInactiveOrdersVaults,
78
78
  $selectedChainIds,
79
- owners,
79
+ ownerAddress,
80
80
  selectedTokens,
81
81
  selectedOrderbookAddresses
82
82
  ],
@@ -177,8 +177,6 @@ const AppTable = TanstackAppTable;
177
177
  {#if $query}
178
178
  <ListViewOrderbookFilters
179
179
  {selectedChainIds}
180
- {activeAccountsItems}
181
- {showMyItemsOnly}
182
180
  {showInactiveOrders}
183
181
  {orderHash}
184
182
  {hideZeroBalanceVaults}
@@ -188,6 +186,7 @@ const AppTable = TanstackAppTable;
188
186
  {selectedTokens}
189
187
  {activeOrderbookAddresses}
190
188
  {selectedOrderbookAddresses}
189
+ {ownerFilter}
191
190
  />
192
191
  <AppTable
193
192
  {query}
@@ -4,15 +4,14 @@ import type { AppStoresInterface } from '../../types/appStores.ts';
4
4
  import { getAllContexts } from 'svelte';
5
5
  declare const __propDef: {
6
6
  props: {
7
- activeAccountsItems: AppStoresInterface["activeAccountsItems"];
8
7
  orderHash: AppStoresInterface["orderHash"];
9
8
  showInactiveOrders: AppStoresInterface["showInactiveOrders"];
10
9
  hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
11
10
  hideInactiveOrdersVaults: AppStoresInterface["hideInactiveOrdersVaults"];
12
11
  activeTokens: AppStoresInterface["activeTokens"];
13
12
  selectedChainIds: AppStoresInterface["selectedChainIds"];
14
- showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
15
13
  activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
14
+ ownerFilter: AppStoresInterface["ownerFilter"];
16
15
  handleDepositModal?: ((vault: RaindexVault, refetch: () => void, context: ReturnType<typeof getAllContexts>) => void) | undefined;
17
16
  handleWithdrawModal?: ((vault: RaindexVault, refetch: () => void, context: ReturnType<typeof getAllContexts>) => void) | undefined;
18
17
  onWithdrawAll?: ((raindexClient: RaindexClient, vaultsList: RaindexVaultsList) => void | Promise<void>) | undefined;
package/dist/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export { default as TanstackAppTable } from './components/TanstackAppTable.svelt
4
4
  export { default as DropdownCheckbox } from './components/dropdown/DropdownCheckbox.svelte';
5
5
  export { default as DropdownTokensFilter } from './components/dropdown/DropdownTokensFilter.svelte';
6
6
  export { default as DropdownOrderbooksFilter } from './components/dropdown/DropdownOrderbooksFilter.svelte';
7
- export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
7
+ export { default as InputOwnerFilter } from './components/input/InputOwnerFilter.svelte';
8
8
  export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
9
9
  export { default as Refresh } from './components/icon/Refresh.svelte';
10
10
  export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@ export { default as TanstackAppTable } from './components/TanstackAppTable.svelt
5
5
  export { default as DropdownCheckbox } from './components/dropdown/DropdownCheckbox.svelte';
6
6
  export { default as DropdownTokensFilter } from './components/dropdown/DropdownTokensFilter.svelte';
7
7
  export { default as DropdownOrderbooksFilter } from './components/dropdown/DropdownOrderbooksFilter.svelte';
8
- export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
8
+ export { default as InputOwnerFilter } from './components/input/InputOwnerFilter.svelte';
9
9
  export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
10
10
  export { default as Refresh } from './components/icon/Refresh.svelte';
11
11
  export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
@@ -1,14 +1,12 @@
1
- import type { Readable, Writable } from 'svelte/store';
2
- import type { AccountCfg, Address, Hex } from '@rainlanguage/orderbook';
1
+ import type { Writable } from 'svelte/store';
2
+ import type { Address, Hex } from '@rainlanguage/orderbook';
3
3
  export interface AppStoresInterface {
4
4
  selectedChainIds: Writable<number[]>;
5
- accounts: Readable<Record<string, AccountCfg>>;
6
- activeAccountsItems: Writable<Record<string, Address>> | undefined;
7
5
  showInactiveOrders: Writable<boolean>;
8
6
  orderHash: Writable<Hex>;
9
7
  hideZeroBalanceVaults: Writable<boolean>;
10
8
  hideInactiveOrdersVaults: Writable<boolean>;
11
9
  activeTokens: Writable<Address[]>;
12
- showMyItemsOnly: Writable<boolean>;
13
10
  activeOrderbookAddresses: Writable<Address[]>;
11
+ ownerFilter: Writable<Address>;
14
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rainlanguage/ui-components",
3
- "version": "0.0.1-alpha.212",
3
+ "version": "0.0.1-alpha.214",
4
4
  "description": "A component library for building Svelte applications to be used with Raindex.",
5
5
  "license": "LicenseRef-DCL-1.0",
6
6
  "author": "Rain Open Source Software Ltd",
@@ -57,7 +57,7 @@
57
57
  "@fontsource/dm-sans": "5.1.0",
58
58
  "@imask/svelte": "7.6.1",
59
59
  "@observablehq/plot": "0.6.16",
60
- "@rainlanguage/orderbook": "0.0.1-alpha.212",
60
+ "@rainlanguage/orderbook": "0.0.1-alpha.214",
61
61
  "@reown/appkit": "1.6.4",
62
62
  "@reown/appkit-adapter-wagmi": "1.6.4",
63
63
  "@sentry/sveltekit": "7.120.0",
@@ -1,24 +0,0 @@
1
- <script>import { Checkbox, Label } from "flowbite-svelte";
2
- import { useAccount } from "../providers/wallet/useAccount";
3
- export let showMyItemsOnly;
4
- export let context;
5
- const { account } = useAccount();
6
- function handleShowMyItemsChange() {
7
- $showMyItemsOnly = !$showMyItemsOnly;
8
- }
9
- </script>
10
-
11
- <div data-testid="show-my-items-checkbox" class="flex items-center gap-x-2">
12
- <Label
13
- for="show-my-items"
14
- class="cursor-pointer whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-300"
15
- >
16
- Only show my {context}
17
- </Label>
18
- <Checkbox
19
- id="show-my-items"
20
- checked={$showMyItemsOnly}
21
- on:change={handleShowMyItemsChange}
22
- disabled={!$account}
23
- />
24
- </div>
@@ -1,20 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import type { AppStoresInterface } from '../types/appStores';
3
- declare const __propDef: {
4
- props: {
5
- showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
6
- context: "orders" | "vaults";
7
- };
8
- events: {
9
- [evt: string]: CustomEvent<any>;
10
- };
11
- slots: {};
12
- exports?: {} | undefined;
13
- bindings?: string | undefined;
14
- };
15
- export type CheckboxMyItemsOnlyProps = typeof __propDef.props;
16
- export type CheckboxMyItemsOnlyEvents = typeof __propDef.events;
17
- export type CheckboxMyItemsOnlySlots = typeof __propDef.slots;
18
- export default class CheckboxMyItemsOnly extends SvelteComponent<CheckboxMyItemsOnlyProps, CheckboxMyItemsOnlyEvents, CheckboxMyItemsOnlySlots> {
19
- }
20
- export {};
@@ -1,18 +0,0 @@
1
- <script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
2
- import { getAccountsAsOptions } from "../../utils/configHelpers";
3
- import { useRaindexClient } from "../../hooks/useRaindexClient";
4
- export let activeAccountsItems;
5
- const raindexClient = useRaindexClient();
6
- $: accounts = raindexClient.getAllAccounts();
7
- $: options = getAccountsAsOptions(accounts.value);
8
- </script>
9
-
10
- <div data-testid="accounts-dropdown">
11
- <DropdownCheckbox
12
- {options}
13
- bind:value={$activeAccountsItems}
14
- label="Accounts"
15
- allLabel="All accounts"
16
- emptyMessage="No accounts added"
17
- />
18
- </div>
@@ -1,19 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import type { AppStoresInterface } from '../../types/appStores';
3
- declare const __propDef: {
4
- props: {
5
- activeAccountsItems: AppStoresInterface["activeAccountsItems"];
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- exports?: {} | undefined;
12
- bindings?: string | undefined;
13
- };
14
- export type DropdownOrderListAccountsProps = typeof __propDef.props;
15
- export type DropdownOrderListAccountsEvents = typeof __propDef.events;
16
- export type DropdownOrderListAccountsSlots = typeof __propDef.slots;
17
- export default class DropdownOrderListAccounts extends SvelteComponent<DropdownOrderListAccountsProps, DropdownOrderListAccountsEvents, DropdownOrderListAccountsSlots> {
18
- }
19
- export {};