@rainlanguage/ui-components 0.0.1-alpha.41 → 0.0.1-alpha.43

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.
@@ -274,17 +274,17 @@ const areAllTokensSelected = async () => {
274
274
 
275
275
  {#if showAdvancedOptions}
276
276
  {#each allDepositFields as deposit}
277
- <DepositInput {deposit} {gui} />
277
+ <DepositInput {deposit} />
278
278
  {/each}
279
279
  {/if}
280
280
 
281
281
  {#if showAdvancedOptions}
282
282
  {#each allTokenInputs as input, i}
283
- <TokenIOInput {i} label="Input" vault={input} {gui} />
283
+ <TokenIOInput {i} label="Input" vault={input} />
284
284
  {/each}
285
285
 
286
286
  {#each allTokenOutputs as output, i}
287
- <TokenIOInput {i} label="Output" vault={output} {gui} />
287
+ <TokenIOInput {i} label="Output" vault={output} />
288
288
  {/each}
289
289
  {/if}
290
290
 
@@ -1,13 +1,13 @@
1
1
  <script>import {
2
- DotrainOrderGui
3
2
  } from "@rainlanguage/orderbook/js_api";
4
3
  import { Input } from "flowbite-svelte";
5
4
  import ButtonSelectOption from "./ButtonSelectOption.svelte";
6
5
  import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
7
6
  import { CloseCircleSolid } from "flowbite-svelte-icons";
8
7
  import { onMount } from "svelte";
8
+ import { useGui } from "../../hooks/useGui";
9
9
  export let deposit;
10
- export let gui;
10
+ const gui = useGui();
11
11
  let error = "";
12
12
  let currentDeposit;
13
13
  let inputValue = "";
@@ -47,8 +47,7 @@ const getTokenSymbol = async () => {
47
47
  function handlePresetClick(preset) {
48
48
  if (deposit.token?.key) {
49
49
  inputValue = preset;
50
- gui?.saveDeposit(deposit.token?.key, preset);
51
- gui = gui;
50
+ gui.saveDeposit(deposit.token?.key, preset);
52
51
  try {
53
52
  currentDeposit = getCurrentDeposit();
54
53
  } catch (e) {
@@ -60,8 +59,7 @@ function handleInput(e) {
60
59
  if (deposit.token?.key) {
61
60
  if (e.currentTarget instanceof HTMLInputElement) {
62
61
  inputValue = e.currentTarget.value;
63
- gui?.saveDeposit(deposit.token.key, e.currentTarget.value);
64
- gui = gui;
62
+ gui.saveDeposit(deposit.token.key, e.currentTarget.value);
65
63
  try {
66
64
  currentDeposit = getCurrentDeposit();
67
65
  } catch (e2) {
@@ -1,9 +1,8 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { DotrainOrderGui, type GuiDepositCfg } from '@rainlanguage/orderbook/js_api';
2
+ import { type GuiDepositCfg } from '@rainlanguage/orderbook/js_api';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  deposit: GuiDepositCfg;
6
- gui: DotrainOrderGui;
7
6
  };
8
7
  events: {
9
8
  [evt: string]: CustomEvent<any>;
@@ -1,12 +1,12 @@
1
1
  <script>import { Input } from "flowbite-svelte";
2
- import {
3
- } from "@rainlanguage/orderbook/js_api";
2
+ import {} from "@rainlanguage/orderbook/js_api";
4
3
  import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
5
4
  import { onMount } from "svelte";
5
+ import { useGui } from "../../hooks/useGui";
6
+ const gui = useGui();
6
7
  export let i;
7
8
  export let label;
8
9
  export let vault;
9
- export let gui;
10
10
  let tokenInfo = null;
11
11
  let inputValue = "";
12
12
  let error = "";
@@ -1,11 +1,10 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { type OrderIOCfg, type DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
2
+ import { type OrderIOCfg } from '@rainlanguage/orderbook/js_api';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  i: number;
6
6
  label: "Input" | "Output";
7
7
  vault: OrderIOCfg;
8
- gui: DotrainOrderGui;
9
8
  };
10
9
  events: {
11
10
  [evt: string]: CustomEvent<any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rainlanguage/ui-components",
3
- "version": "0.0.1-alpha.41",
3
+ "version": "0.0.1-alpha.43",
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",
@@ -53,7 +53,7 @@
53
53
  "@fontsource/dm-sans": "5.1.0",
54
54
  "@imask/svelte": "7.6.1",
55
55
  "@observablehq/plot": "0.6.16",
56
- "@rainlanguage/orderbook": "0.0.1-alpha.41",
56
+ "@rainlanguage/orderbook": "0.0.1-alpha.43",
57
57
  "@reown/appkit": "1.6.4",
58
58
  "@reown/appkit-adapter-wagmi": "1.6.4",
59
59
  "@sentry/sveltekit": "7.120.0",