@rainlanguage/ui-components 0.0.1-alpha.24 → 0.0.1-alpha.240

package/README.md

@@ -1,8 +1,10 @@
 # create-svelte
 
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+Everything you need to build a Svelte library, powered by
+[`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 
-Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+Read more about creating a library
+[in the docs](https://svelte.dev/docs/kit/packaging).
 
 ## Creating a project
 
@@ -18,7 +20,8 @@ npx sv create my-app
 
 ## Developing
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+Once you've created a project and installed dependencies with `npm install` (or
+`pnpm install` or `yarn`), start a development server:
 
 ```bash
 npm run dev
@@ -27,7 +30,8 @@ npm run dev
 npm run dev -- --open
 ```
 
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+Everything inside `src/lib` is part of your library, everything inside
+`src/routes` can be used as a showcase or preview app.
 
 ## Building
 
@@ -45,11 +49,15 @@ npm run build
 
 You can preview the production build with `npm run preview`.
 
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+> To deploy your app, you may need to install an
+> [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
 
 ## Publishing
 
-Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+Go into the `package.json` and give your package the desired name through the
+`"name"` option. Also consider adding a `"license"` field and point it to a
+`LICENSE` file which you can create from a template (one popular option is the
+[MIT license](https://opensource.org/license/mit/)).
 
 To publish your library to [npm](https://www.npmjs.com):
 

package/dist/__fixtures__/settings.yaml

@@ -0,0 +1,123 @@
+version: 6
+networks:
+  flare:
+    rpc: https://rpc.ankr.com/flare
+    chain-id: 14
+    currency: FLR
+  base:
+    rpc: https://mainnet.base.org
+    chain-id: 8453
+    currency: ETH
+  sepolia:
+    rpc: https://1rpc.io/sepolia
+    chain-id: 11155111
+    currency: ETH
+  polygon:
+    rpc: https://rpc.ankr.com/polygon
+    chain-id: 137
+    currency: POL
+  arbitrum:
+    rpc: https://rpc.ankr.com/arbitrum
+    chain-id: 42161
+    currency: ETH
+  matchain:
+    rpc: https://rpc.ankr.com/polygon
+    chain-id: 137
+    currency: POL
+  bsc:
+    rpc: https://rpc.ankr.com/bsc
+    chain-id: 56
+    currency: BNB
+  linea:
+    rpc: https://rpc.linea.build
+    chain-id: 59144
+    currency: ETH
+  ethereum:
+    rpc: https://rpc.ankr.com/eth
+    chain-id: 1
+    currency: ETH
+subgraphs:
+  flare: https://example.com/subgraphs/flare/gn
+  base: https://example.com/subgraphs/base/gn
+  sepolia: https://example.com/subgraphs/sepolia/gn
+  polygon: https://example.com/subgraphs/polygon/gn
+  arbitrum: https://example.com/subgraphs/arbitrum/gn
+  matchain: https://example.com/subgraphs/matchain/gn
+  bsc: https://example.com/subgraphs/bsc/gn
+  linea: https://example.com/subgraphs/linea/gn
+  ethereum: https://example.com/subgraphs/ethereum/gn
+metaboards:
+  flare: https://example.com/metaboards/flare/gn
+  base: https://example.com/metaboards/base/gn
+  sepolia: https://example.com/metaboards/sepolia/gn
+  arbitrum: https://example.com/metaboards/arbitrum/gn
+  bsc: https://example.com/metaboards/bsc/gn
+  linea: https://example.com/metaboards/linea/gn
+  ethereum: https://example.com/metaboards/ethereum/gn
+raindexes:
+  flare:
+    address: 0xCEe8Cd002F151A536394E564b84076c41bBBcD4d
+    network: flare
+    subgraph: flare
+  base:
+    address: 0xd2938e7c9fe3597f78832ce780feb61945c377d7
+    network: base
+    subgraph: base
+  sepolia:
+    address: 0x0bB72B4C7c0d47b2CaED07c804D9243C1B8a0728
+    network: sepolia
+    subgraph: sepolia
+  polygon:
+    address: 0x7D2f700b1f6FD75734824EA4578960747bdF269A
+    network: polygon
+    subgraph: polygon
+  arbitrum:
+    address: 0x550878091b2B1506069F61ae59e3A5484Bca9166
+    network: arbitrum
+    subgraph: arbitrum
+  matchain:
+    address: 0x40312edab8fe65091354172ad79e9459f21094e2
+    network: matchain
+    subgraph: matchain
+  bsc:
+    address: 0xd2938E7c9fe3597F78832CE780Feb61945c377d7
+    network: bsc
+    subgraph: bsc
+  linea:
+    address: 0x22410e2a46261a1B1e3899a072f303022801C764
+    network: linea
+    subgraph: linea
+  ethereum:
+    address: 0x0eA6d458488d1cf51695e1D6e4744e6FB715d37C
+    network: ethereum
+    subgraph: ethereum
+rainlangs:
+  flare:
+    address: 0xE3989Ea7486c0F418C764e6c511e86f6E8830FAb
+    network: flare
+  base:
+    address: 0xC1A14cE2fd58A3A2f99deCb8eDd866204eE07f8D
+    network: base
+  sepolia:
+    address: 0x7692BA8446Bb8B3140A2c02df073080BeD0a7F8E
+    network: sepolia
+  polygon:
+    address: 0xE7116BC05C8afe25e5B54b813A74F916B5D42aB1
+    network: polygon
+  arbitrum:
+    address: 0x9B0D254bd858208074De3d2DaF5af11b3D2F377F
+    network: arbitrum
+  matchain:
+    address: 0x582d9e838FE6cD9F8147C66A8f56A3FBE513a6A2
+    network: matchain
+  bsc:
+    address: 0xA2f56F8F74B7d04d61f281BE6576b6155581dcBA
+    network: bsc
+  linea:
+    address: 0xA2f56F8F74B7d04d61f281BE6576b6155581dcBA
+    network: linea
+  ethereum:
+    address: 0xd19581a021f4704ad4eBfF68258e7A0a9DB1CD77
+accounts:
+  wallet1: 0xf08bCbce72f62c95Dcb7c07dCb5Ed26ACfCfBc11
+  wallet2: 0x6bc14a99ccf7f9037c98d75eec6c6d807f9d953f

package/dist/__mocks__/CodeMirrorRainlang.svelte

@@ -0,0 +1,4 @@
+<script>export let rainlangText;
+</script>
+
+<div data-testid="codemirror-rainlang">{rainlangText}</div>

package/dist/__mocks__/CodeMirrorRainlang.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        rainlangText: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CodeMirrorRainlangProps = typeof __propDef.props;
+export type CodeMirrorRainlangEvents = typeof __propDef.events;
+export type CodeMirrorRainlangSlots = typeof __propDef.slots;
+export default class CodeMirrorRainlang extends SvelteComponent<CodeMirrorRainlangProps, CodeMirrorRainlangEvents, CodeMirrorRainlangSlots> {
+}
+export {};

package/dist/__mocks__/MockCodeMirrorEditor.svelte

@@ -0,0 +1,17 @@
+<script>import { createEventDispatcher } from "svelte";
+export let value = void 0;
+const dispatch = createEventDispatcher();
+</script>
+
+<!-- Test double for `svelte-codemirror-editor`: renders all props as attributes
+(like the shared MockComponent) and additionally forwards a native blur on the
+element as the component-level `blur` event that CodeMirrorRainlang listens for. -->
+<div
+	data-testid="mock-component"
+	{...$$props}
+	tabindex="0"
+	role="textbox"
+	on:blur={() => dispatch('blur')}
+>
+	{value}
+</div>

package/dist/__mocks__/MockCodeMirrorEditor.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+    };
+    events: {
+        blur: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type MockCodeMirrorEditorProps = typeof __propDef.props;
+export type MockCodeMirrorEditorEvents = typeof __propDef.events;
+export type MockCodeMirrorEditorSlots = typeof __propDef.slots;
+export default class MockCodeMirrorEditor extends SvelteComponent<MockCodeMirrorEditorProps, MockCodeMirrorEditorEvents, MockCodeMirrorEditorSlots> {
+}
+export {};

package/dist/__mocks__/MockComponent.js

@@ -1,2 +1,2 @@
-import { writable } from 'svelte/store';
+import { writable } from "svelte/store";
 export const props = writable();

package/dist/__mocks__/MockComponent.svelte

@@ -1,3 +1,11 @@
-<script>import { props } from "./MockComponent";
-$: $props = $$props;
+<script>import { afterUpdate } from "svelte";
+import { props } from "./MockComponent";
+export let testid = "mock-component";
+afterUpdate(() => {
+  props.set($$restProps);
+});
 </script>
+
+<div data-testid={testid} {...$$restProps}>
+	<slot />
+</div>

package/dist/__mocks__/MockComponent.svelte.d.ts

@@ -2,11 +2,14 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
+        testid?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
     exports?: undefined;
     bindings?: undefined;
 };

package/dist/__mocks__/mockWeb3Config.d.ts

@@ -1,2 +1,2 @@
-import { type Config } from '@wagmi/core';
+import { type Config } from "@wagmi/core";
 export declare const mockWeb3Config: Config;

package/dist/__mocks__/mockWeb3Config.js

@@ -1,15 +1,18 @@
-import { createConfig, http, fallback } from '@wagmi/core';
-import { mock } from '@wagmi/connectors';
-import { polygonAmoy } from '@wagmi/core/chains';
+import { createConfig, http, fallback } from "@wagmi/core";
+import { mock } from "@wagmi/connectors";
+import { polygonAmoy } from "@wagmi/core/chains";
 export const mockWeb3Config = createConfig({
     multiInjectedProviderDiscovery: true,
     chains: [polygonAmoy],
     connectors: [
         mock({
-            accounts: ['0xf08bcbce72f62c95dcb7c07dcb5ed26acfcfbc11']
-        })
+            accounts: ["0xf08bcbce72f62c95dcb7c07dcb5ed26acfcfbc11"],
+        }),
     ],
     transports: {
-        [polygonAmoy.id]: fallback([http(), http('https://rpc-amoy.polygon.technology')])
-    }
+        [polygonAmoy.id]: fallback([
+            http(),
+            http("https://rpc-amoy.polygon.technology"),
+        ]),
+    },
 });

package/dist/__mocks__/queries.js

@@ -1,4 +1,4 @@
-import { QueryClient, createInfiniteQuery, createQuery } from '@tanstack/svelte-query';
+import { QueryClient, createInfiniteQuery, createQuery, } from "@tanstack/svelte-query";
 // A helper function to create a resolvable mock query.
 // This gives us more control over when each query resolves.
 export const createResolvableMockQuery = (queryFn) => {
@@ -35,13 +35,13 @@ export const createResolvableInfiniteQuery = (_queryFn, getNextPageParam = (_las
             return queryFn(pageParam);
         },
         initialPageParam: 0,
-        getNextPageParam
+        getNextPageParam,
     }, new QueryClient({
         defaultOptions: {
             queries: {
-                staleTime: Infinity
-            }
-        }
+                staleTime: Infinity,
+            },
+        },
     }));
     return { query, resolve, refetch };
 };
@@ -52,13 +52,13 @@ export const createResolvableQuery = (_queryFn) => {
         queryKey: [],
         queryFn: () => {
             return queryFn();
-        }
+        },
     }, new QueryClient({
         defaultOptions: {
             queries: {
-                staleTime: Infinity
-            }
-        }
+                staleTime: Infinity,
+            },
+        },
     }));
     return { query, resolve };
 };

package/dist/__mocks__/stores.d.ts

@@ -1,33 +1,27 @@
-import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
-import { type Config } from '@wagmi/core';
-import type { Page } from '@sveltejs/kit';
-export declare const mockWalletAddressMatchesOrBlankStore: {
-    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;
-};
-export declare const mockSettingsStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<ConfigSource | undefined>, invalidate?: import("svelte/store").Invalidator<ConfigSource | undefined> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: ConfigSource | undefined) => void;
-    mockSetSubscribeValue: (value: ConfigSource | undefined) => void;
-};
-export declare const mockActiveSubgraphsStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: Record<string, string>) => void;
-    mockSetSubscribeValue: (value: Record<string, string>) => void;
-};
-export declare const mockAccountsStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
-};
-export declare const mockActiveAccountsItemsStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<string, string>>, invalidate?: import("svelte/store").Invalidator<Record<string, string>> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: Record<string, string>) => void;
-    mockSetSubscribeValue: (value: Record<string, string>) => void;
-};
-export declare const mockActiveOrderStatusStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean | undefined>, invalidate?: import("svelte/store").Invalidator<boolean | undefined> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: boolean | undefined) => void;
-    mockSetSubscribeValue: (value: boolean | undefined) => void;
+import type { Address } from "@rainlanguage/raindex";
+import { type Config } from "@wagmi/core";
+type MockDeployment = {
+    key: string;
+    name?: string;
+    description?: string;
+} | null;
+type MockPageState = {
+    data: Record<string, unknown> & {
+        deployment: MockDeployment;
+    };
+    url: URL;
+    params: Record<string, unknown>;
+    form: Record<string, unknown>;
+    status: number;
+    error: unknown;
+    route: {
+        id: string | null;
+    };
+};
+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;
 };
 export declare const mockOrderHashStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
@@ -39,12 +33,17 @@ export declare const mockHideZeroBalanceVaultsStore: {
     set: (this: void, value: boolean) => void;
     mockSetSubscribeValue: (value: boolean) => void;
 };
+export declare const mockHideInactiveOrdersVaultsStore: {
+    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;
+};
 export declare const mockActiveNetworkRefStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: string) => void;
     mockSetSubscribeValue: (value: string) => void;
 };
-export declare const mockActiveOrderbookRefStore: {
+export declare const mockActiveRaindexRefStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: string) => void;
     mockSetSubscribeValue: (value: string) => void;
@@ -59,12 +58,6 @@ export declare const mockSubgraphUrlStore: {
     set: (this: void, value: string) => void;
     mockSetSubscribeValue: (value: string) => void;
 };
-export declare const mockSignerAddressStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: string) => void;
-    mockSetSubscribeValue: (value: string) => void;
-    update: (this: void, updater: import("svelte/store").Updater<string>) => void;
-};
 export declare const mockChainIdStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: number) => void;
@@ -82,13 +75,30 @@ export declare const mockWagmiConfigStore: {
     update: (this: void, updater: import("svelte/store").Updater<Config>) => void;
     mockSetSubscribeValue: (value: Config) => void;
 };
-export declare const mockShowMyItemsOnlyStore: {
-    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;
+export declare const mockSelectedChainIdsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: number[]) => void;
+    mockSetSubscribeValue: (value: number[]) => void;
 };
 export declare const mockPageStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Page<Record<string, string>, string | null>>, invalidate?: import("svelte/store").Invalidator<Page<Record<string, string>, string | null>> | undefined) => import("svelte/store").Unsubscriber;
-    set: (this: void, value: Page<Record<string, string>, string | null>) => void;
-    mockSetSubscribeValue: (value: Page) => void;
-};
+    subscribe: (this: void, run: import("svelte/store").Subscriber<MockPageState>, invalidate?: import("svelte/store").Invalidator<MockPageState> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: MockPageState) => void;
+    mockSetSubscribeValue: (newValue: Partial<MockPageState>) => void;
+    reset: () => void;
+};
+export declare const mockActiveTokensStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string[]>, invalidate?: import("svelte/store").Invalidator<string[]> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string[]) => void;
+    mockSetSubscribeValue: (value: string[]) => void;
+};
+export declare const mockActiveRaindexAddressesStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<string[]>, invalidate?: import("svelte/store").Invalidator<string[]> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: string[]) => void;
+    mockSetSubscribeValue: (value: string[]) => void;
+};
+export declare const mockOwnerFilterStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<`0x${string}`>, invalidate?: import("svelte/store").Invalidator<`0x${string}`> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: `0x${string}`) => void;
+    mockSetSubscribeValue: (value: Address) => void;
+};
+export {};