From 3978b7ce937f0a9194becc97bd8837e759e53a39 Mon Sep 17 00:00:00 2001
From: Jean Ribeiro <contact@jeanribeiro.dev>
Date: Tue, 29 Aug 2023 10:50:48 -0300
Subject: [PATCH] chore: removes unused KeyValueBox component (#525)

---
 .../src/components/boxes/KeyValueBox.svelte   | 95 -------------------
 packages/shared/src/components/boxes/index.js |  1 -
 .../src/lib/core/utils/interfaces/index.ts    |  1 -
 .../key-value-box-list.interface.ts           |  9 --
 4 files changed, 106 deletions(-)
 delete mode 100644 packages/shared/src/components/boxes/KeyValueBox.svelte
 delete mode 100644 packages/shared/src/lib/core/utils/interfaces/key-value-box-list.interface.ts

diff --git a/packages/shared/src/components/boxes/KeyValueBox.svelte b/packages/shared/src/components/boxes/KeyValueBox.svelte
deleted file mode 100644
index 314fbccced..0000000000
--- a/packages/shared/src/components/boxes/KeyValueBox.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts">
-    import { Text, TooltipIcon, FontWeight } from '@ui'
-    import { onMount } from 'svelte'
-    import CopyableBox from './CopyableBox.svelte'
-
-    export let keyText: string = ''
-    export let valueText: string = ''
-    export let textColor: string = 'gray-600'
-    export let darkTextColor: string = 'gray-500'
-    export let backgroundColor: string = 'gray-50'
-    export let darkBackgroundColor: string = 'gray-900'
-    export let padding: string = 'px-4 py-2.5'
-    export let classes: string = ''
-    export let copyValue: string = ''
-    export let isCopyable: boolean = false
-    export let tooltipText: string = ''
-    export let shrink: boolean = false
-    export let isPreText: boolean = false
-    export let maxHeight: number = undefined
-    export let isLoading: boolean = false
-    export let outline: boolean = false
-
-    let isVertical: boolean = false
-    let valueContainer: HTMLElement
-    let valueContainerWidth: number
-
-    onMount(() => {
-        isVertical = shrink || (valueContainer?.firstChild as HTMLElement)?.scrollWidth > valueContainerWidth
-    })
-</script>
-
-<div class={shrink ? 'shrink-0' : 'w-full'}>
-    <CopyableBox
-        value={copyValue ? copyValue : valueText}
-        {isCopyable}
-        offset={5}
-        row={!isVertical}
-        col={isVertical}
-        {backgroundColor}
-        {darkBackgroundColor}
-        clearBoxPadding
-        classes="w-full overflow-hidden {padding} {classes} {isLoading ? 'animate-pulse' : ''} {outline
-            ? 'border-2 border-gray-100'
-            : ''}"
-    >
-        <div
-            class="
-                w-full flex text-left
-                {isVertical ? 'flex-col space-y-1 overflow-y-auto' : 'flex-row space-x-2 justify-between'}
-                {maxHeight ? `min-h-${maxHeight}` : 'max-h-20'}
-            "
-        >
-            <div class="flex flex-row items-center">
-                {#if keyText}
-                    <Text
-                        fontSize="13"
-                        lineHeight="5"
-                        color={textColor}
-                        darkColor={darkTextColor}
-                        fontWeight={FontWeight.medium}
-                    >
-                        {keyText}
-                    </Text>
-                {:else}
-                    <slot name="key" />
-                {/if}
-                {#if tooltipText}
-                    <TooltipIcon text={tooltipText} title={keyText} width={15} height={15} classes="ml-1" />
-                {/if}
-            </div>
-            {#if valueText}
-                <div
-                    bind:this={valueContainer}
-                    bind:clientWidth={valueContainerWidth}
-                    class="
-                        {isVertical ? 'break-words' : 'truncate'}
-                        {isPreText ? 'whitespace-pre-wrap' : ''}
-                    "
-                >
-                    <Text
-                        fontSize="13"
-                        lineHeight="16"
-                        color={textColor}
-                        darkColor={darkTextColor}
-                        classes={isVertical ? '' : 'truncate'}
-                    >
-                        {valueText}
-                    </Text>
-                </div>
-            {:else}
-                <slot name="value" />
-            {/if}
-        </div>
-    </CopyableBox>
-</div>
diff --git a/packages/shared/src/components/boxes/index.js b/packages/shared/src/components/boxes/index.js
index d2a0aceeee..661b4d99e7 100644
--- a/packages/shared/src/components/boxes/index.js
+++ b/packages/shared/src/components/boxes/index.js
@@ -1,4 +1,3 @@
 export { default as Box } from './Box.svelte'
-export { default as KeyValueBox } from './KeyValueBox.svelte'
 export { default as AddressBox } from './AddressBox.svelte'
 export { default as CopyableBox } from './CopyableBox.svelte'
diff --git a/packages/shared/src/lib/core/utils/interfaces/index.ts b/packages/shared/src/lib/core/utils/interfaces/index.ts
index 1667af39d9..7e56c65794 100644
--- a/packages/shared/src/lib/core/utils/interfaces/index.ts
+++ b/packages/shared/src/lib/core/utils/interfaces/index.ts
@@ -1,5 +1,4 @@
 export * from './date-difference.interface'
 export * from './dropdown-item.interface'
 export * from './format-iota-unit-options.interface'
-export * from './key-value-box-list.interface'
 export * from './validation-options.interface'
diff --git a/packages/shared/src/lib/core/utils/interfaces/key-value-box-list.interface.ts b/packages/shared/src/lib/core/utils/interfaces/key-value-box-list.interface.ts
deleted file mode 100644
index 620e59337a..0000000000
--- a/packages/shared/src/lib/core/utils/interfaces/key-value-box-list.interface.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface IKeyValueBoxList {
-    [key: string]: {
-        data: string
-        isCopyable?: boolean
-        copyValue?: string
-        isTooltipVisible?: boolean
-        alternateKey?: string
-    }
-}