@rainlanguage/ui-components 0.0.1-alpha.65 → 0.0.1-alpha.67

package/dist/__mocks__/settings.d.ts

@@ -1,3 +1,7 @@
 import type { ConfigSource } from '@rainlanguage/orderbook';
 export declare const mockConfigSource: ConfigSource;
-export declare const mockSettingsStore: import("svelte/store").Writable<ConfigSource>;
+export declare const mockSettingsStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ConfigSource>, invalidate?: import("svelte/store").Invalidator<ConfigSource> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: ConfigSource) => void;
+    mockSetSubscribeValue: (value: ConfigSource) => void;
+};

package/dist/__mocks__/settings.js

@@ -34,4 +34,9 @@ export const mockConfigSource = {
         name_two: 'address_two'
     }
 };
-export const mockSettingsStore = writable(mockConfigSource);
+const mockSettingsStoreWritable = writable(mockConfigSource);
+export const mockSettingsStore = {
+    subscribe: mockSettingsStoreWritable.subscribe,
+    set: mockSettingsStoreWritable.set,
+    mockSetSubscribeValue: (value) => mockSettingsStoreWritable.set(value)
+};

package/dist/__mocks__/stores.d.ts

@@ -1,6 +1,25 @@
 import type { ConfigSource } from '@rainlanguage/orderbook';
 import { type Config } from '@wagmi/core';
-import type { Page } from '@sveltejs/kit';
+declare const initialPageState: {
+    data: {
+        stores: {
+            settings: {};
+        };
+        dotrain: string;
+        deployment: {
+            key: string;
+        };
+        strategyDetail: {};
+    };
+    url: URL;
+    params: {};
+    form: {};
+    status: number;
+    error: null;
+    route: {
+        id: null;
+    };
+};
 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;
@@ -77,7 +96,66 @@ export declare const mockShowMyItemsOnlyStore: {
     mockSetSubscribeValue: (value: boolean) => 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<{
+        data: {
+            stores: {
+                settings: {};
+            };
+            dotrain: string;
+            deployment: {
+                key: string;
+            };
+            strategyDetail: {};
+        };
+        url: URL;
+        params: {};
+        form: {};
+        status: number;
+        error: null;
+        route: {
+            id: null;
+        };
+    }>, invalidate?: import("svelte/store").Invalidator<{
+        data: {
+            stores: {
+                settings: {};
+            };
+            dotrain: string;
+            deployment: {
+                key: string;
+            };
+            strategyDetail: {};
+        };
+        url: URL;
+        params: {};
+        form: {};
+        status: number;
+        error: null;
+        route: {
+            id: null;
+        };
+    }> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: {
+        data: {
+            stores: {
+                settings: {};
+            };
+            dotrain: string;
+            deployment: {
+                key: string;
+            };
+            strategyDetail: {};
+        };
+        url: URL;
+        params: {};
+        form: {};
+        status: number;
+        error: null;
+        route: {
+            id: null;
+        };
+    }) => void;
+    mockSetSubscribeValue: (newValue: Partial<typeof initialPageState>) => void;
+    reset: () => void;
+};
+export {};

package/dist/__mocks__/stores.js

@@ -2,6 +2,23 @@ import { writable } from 'svelte/store';
 import settingsFixture from '../__fixtures__/settings-12-11-24.json';
 import {} from '@wagmi/core';
 import { mockWeb3Config } from './mockWeb3Config';
+const initialPageState = {
+    data: {
+        stores: { settings: {} },
+        dotrain: 'some dotrain content',
+        deployment: { key: 'deploy-key' },
+        strategyDetail: {}
+    },
+    url: new URL('http://localhost:3000/deploy'),
+    params: {},
+    form: {},
+    status: 200,
+    error: null,
+    route: {
+        id: null
+    }
+};
+const mockPageWritable = writable(initialPageState);
 const mockSettingsWritable = writable(settingsFixture);
 const mockActiveSubgraphsWritable = writable({});
 const mockAccountsWritable = writable({});
@@ -17,7 +34,6 @@ const mockChainIdWritable = writable(0);
 const mockConnectedWritable = writable(true);
 const mockWagmiConfigWritable = writable(mockWeb3Config);
 const mockShowMyItemsOnlyWritable = writable(false);
-const mockPageWritable = writable();
 export const mockSettingsStore = {
     subscribe: mockSettingsWritable.subscribe,
     set: mockSettingsWritable.set,
@@ -96,5 +112,11 @@ export const mockShowMyItemsOnlyStore = {
 export const mockPageStore = {
     subscribe: mockPageWritable.subscribe,
     set: mockPageWritable.set,
-    mockSetSubscribeValue: (value) => mockPageWritable.set(value)
+    mockSetSubscribeValue: (newValue) => {
+        mockPageWritable.update((currentValue) => ({
+            ...currentValue,
+            ...newValue
+        }));
+    },
+    reset: () => mockPageWritable.set(initialPageState)
 };

package/dist/components/PageHeader.svelte

@@ -5,7 +5,7 @@ export let pathname;
 $: breadcrumbs = generateBreadcrumbs(pathname);
 </script>
 
-<div class="mb-4 flex w-full items-center justify-between">
+<div class="mb-4 flex w-full items-center justify-between" data-testid="page-header">
 	<Breadcrumb
 		olClass="inline-flex items-center rtl:space-x-reverse"
 		aria-label="Default breadcrumb example"

package/dist/index.d.ts

@@ -81,13 +81,14 @@ export { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from './queries/constants
 export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, QKEY_ORDER_TRADES_LIST, QKEY_ORDER_QUOTE, QKEY_VAULTS_VOL_LIST, QKEY_ORDER_APY } from './queries/keys';
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
 export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
 export { default as GuiProvider } from './providers/GuiProvider.svelte';
 export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
 export { useGui } from './hooks/useGui';
 export { useAccount } from './providers/wallet/useAccount';
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/dist/index.js

@@ -80,10 +80,7 @@ export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, Q
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
 // Stores
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
 export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
 // Assets
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
@@ -93,3 +90,8 @@ export { default as WalletProvider } from './providers/wallet/WalletProvider.sve
 // Hooks
 export { useGui } from './hooks/useGui';
 export { useAccount } from './providers/wallet/useAccount';
+// Mocks
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/package.json

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