@rainlanguage/ui-components 0.0.1-alpha.44 → 0.0.1-alpha.46

package/dist/components/ButtonVaultLink.svelte

@@ -1,5 +1,5 @@
 <script>import { bigintStringToHex } from "../utils/hex";
-import { Tooltip } from "flowbite-svelte";
+import Tooltip from "./Tooltip.svelte";
 import { formatUnits } from "viem";
 export let tokenVault;
 export let subgraphName;
@@ -10,7 +10,7 @@ export let subgraphName;
 	data-testid="vault-link"
 >
 	<div class="flex flex-col items-start gap-y-2">
-		<Tooltip triggeredBy="#token-info" class="z-[99] w-96">
+		<Tooltip triggeredBy="#token-info">
 			ID: <span class="font-mono">{bigintStringToHex(tokenVault.vaultId)}</span>
 		</Tooltip>
 		<a href={`/vaults/${subgraphName}-${tokenVault.id}`} id="token-info">

package/dist/components/Hash.svelte

@@ -7,7 +7,7 @@
 })(HashType || {});
 </script>
 
-<script>import { Tooltip } from "flowbite-svelte";
+<script>import Tooltip from "./Tooltip.svelte";
 import {
   WalletOutline,
   FingerprintOutline,
@@ -60,7 +60,7 @@ function copy(e) {
 {#if showCopiedMessage}
 	<div
 		out:fade
-		class="fixed rounded bg-green-500 px-2 py-1 text-xs text-white shadow"
+		class="fixed rounded bg-green-500 px-2 py-1 text-xs text-white"
 		style="top: {cursorY + 10}px; left: {cursorX + 10}px"
 	>
 		Copied to clipboard
@@ -68,7 +68,7 @@ function copy(e) {
 {/if}
 
 {#if shorten}
-	<Tooltip triggeredBy={`#${id}`} class="z-20 whitespace-normal">
+	<Tooltip triggeredBy={`#${id}`}>
 		<div class="flex items-center justify-start space-x-2">
 			{#if type === HashType.Wallet}
 				<WalletOutline size="sm" />

package/dist/components/ListViewOrderbookFilters.svelte

@@ -1,5 +1,6 @@
 <script generics="T">import { isEmpty } from "lodash";
-import { Alert, Tooltip } from "flowbite-svelte";
+import { Alert } from "flowbite-svelte";
+import Tooltip from "./Tooltip.svelte";
 import DropdownActiveSubgraphs from "./dropdown/DropdownActiveSubgraphs.svelte";
 import DropdownOrderStatus from "./dropdown/DropdownOrderStatus.svelte";
 import DropdownOrderListAccounts from "./dropdown/DropdownOrderListAccounts.svelte";
@@ -33,9 +34,7 @@ const { account } = useAccount();
 			<div class="mt-4 w-full lg:w-auto" data-testid="my-items-only">
 				<CheckboxMyItemsOnly context={isVaultsPage ? 'vaults' : 'orders'} {showMyItemsOnly} />
 				{#if !$account}
-					<Tooltip class="z-50"
-						>Connect a wallet to filter by {isVaultsPage ? 'vault' : 'order'} owner</Tooltip
-					>
+					<Tooltip>Connect a wallet to filter by {isVaultsPage ? 'vault' : 'order'} owner</Tooltip>
 				{/if}
 			</div>
 		{/if}

package/dist/components/Tooltip.svelte

@@ -0,0 +1,8 @@
+<script>import { Tooltip } from "flowbite-svelte";
+export let triggeredBy = "";
+export let customClass = "";
+</script>
+
+<Tooltip {triggeredBy} class={`z-[99] shadow-none ${customClass}`}>
+	<slot />
+</Tooltip>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        triggeredBy?: string;
+        customClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TooltipProps = typeof __propDef.props;
+export type TooltipEvents = typeof __propDef.events;
+export type TooltipSlots = typeof __propDef.slots;
+export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
+}
+export {};

package/dist/components/deployment/ComposedRainlangModal.svelte

@@ -2,7 +2,8 @@
 import { RainlangLR } from "codemirror-rainlang";
 import { lightCodeMirrorTheme } from "../../utils/codeMirrorThemes";
 import { Button, Modal } from "flowbite-svelte";
-export let gui;
+import { useGui } from "../../hooks/useGui";
+const gui = useGui();
 let rainlangText = null;
 let open = false;
 async function generateRainlang() {

package/dist/components/deployment/ComposedRainlangModal.svelte.d.ts

@@ -1,9 +1,6 @@
 import { SvelteComponent } from "svelte";
-import type { DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
 declare const __propDef: {
-    props: {
-        gui: DotrainOrderGui;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/deployment/DeploymentSteps.svelte

@@ -302,7 +302,7 @@ const areAllTokensSelected = async () => {
 						{:else}
 							<WalletConnect {appKitModal} connected={wagmiConnected} />
 						{/if}
-						<ComposedRainlangModal {gui} />
+						<ComposedRainlangModal />
 						<ShareChoicesButton handleShareChoices={_handleShareChoices} />
 					</div>
 				{/if}

package/dist/components/detail/TanstackOrderQuote.svelte

@@ -11,10 +11,10 @@ import {
   TableBodyCell,
   TableBodyRow,
   TableHead,
-  TableHeadCell,
-  Tooltip
+  TableHeadCell
 } from "flowbite-svelte";
 import { BugOutline, PauseSolid, PlaySolid } from "flowbite-svelte-icons";
+import Tooltip from "../Tooltip.svelte";
 export let id;
 export let order;
 export let rpcUrl;

package/package.json

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