0.1.5 (#275)

* Refactored sign transactions panel internal components (#267)

* Update styles

* Refactored sign transactions footer

* Refactored copy button

* Refactored button component

* Refactored tooltip component

* Refactored spinner icon component

* Refactored arrow right component

* Updated copy button

* Updated styles

* Refactored sign transactions overview

* Refactored sign-transactions-advanced and sign-transactions-header

* Updated styles

* Fixed test

* Updated changelog

* Updated files

* Fixes after review

* Eslint and prettierrc fixes (#270)

* Eslint fixes

* Prettierrc fixes

* Updated changelog

* Added minimize/maximize toasts (#272)

* Added min/max toasts

* Update changelog

* Replace icon

* Fixed trimmed address not showing in address-table (#273)

* Fixed addresses not showing

* Fix issue with trimWrapperVisible

* Fixed unlockPanelFooter styles

* Updated Trim

* Updated Trim

* Updated changelog

---------

Co-authored-by: Gavrila Andrei <[email protected]>

* Refactored side panel components (#271)

* Update styles

* Refactored sign transactions footer

* Refactored copy button

* Refactored button component

* Refactored tooltip component

* Refactored spinner icon component

* Refactored arrow right component

* Updated copy button

* Updated styles

* Refactored sign transactions overview

* Refactored sign-transactions-advanced and sign-transactions-header

* Updated styles

* Updated styles

* Fixed test

* Updated changelog

* Updated changelog

* Updated files

* Fixes after review

* Fixes after review

* Updates files location

* Refactored side-panel-header comp

* Refactored side-panel comp

* Refactored side-panel-swipper styles

* Refactored side panel swiper component.

* Updated components

* Updated styles

* Updated changelog

* Fixed test

* Fixes after review

* Refactored transaction list item (#274)

* Refactored styles

* Refactored transaction-list-item component

* Updated changelog

* Fixed tests

* Fixes after review

* Upgraded version

---------

Co-authored-by: Gavrila Andrei <[email protected]>

Author: iuliacimpeanu

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.1.5](https://github.com/multiversx/mx-sdk-dapp-ui/pull/275)] - 2025-12-08
+
+- [Refactored transaction list item](https://github.com/multiversx/mx-sdk-dapp-ui/pull/274)
+- [Refactored side panel components](https://github.com/multiversx/mx-sdk-dapp-ui/pull/271)
+- [Fixed trimmed address not showing in address-table](https://github.com/multiversx/mx-sdk-dapp-ui/pull/273)
+- [Added minimize/maximize action for toasts](https://github.com/multiversx/mx-sdk-dapp-ui/pull/272)
+- [Eslint and prettierrc fixes](https://github.com/multiversx/mx-sdk-dapp-ui/pull/270)
+- [Refactored sign transactions panel internal components](https://github.com/multiversx/mx-sdk-dapp-ui/pull/267)
+
 ## [[0.1.4](https://github.com/multiversx/mx-sdk-dapp-ui/pull/269)] - 2025-11-21
 
 - [Added Vue.js component outputs](https://github.com/multiversx/mx-sdk-dapp-ui/pull/268)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-ui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -146,4 +146,4 @@
     "typescript": "^5.7.3",
     "vite": "^7.0.6"
   }
-}
+}

src/assets/icons/arrow-right-icon/arrow-right-icon.tsx

@@ -15,7 +15,10 @@ export class ArrowRightIcon {
         viewBox="0 0 448 512"
         class={{ 'arrow-right-icon': true, [this.class]: Boolean(this.class) }}
       >
-        <path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" />
+        <path
+          fill="currentColor"
+          d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
+        />
       </svg>
     );
   }

src/assets/icons/ledger-provider-icon/ledger-provider-icon.tsx

@@ -10,7 +10,11 @@ export class LedgerProviderIcon {
 
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class={{ 'ledger-provider-icon': true, [this.class]: Boolean(this.class) }}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 40 40"
+        class={{ 'ledger-provider-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path
           d="M0.5 20.3198C0.5 15.5916 0.501062 12.0958 0.861658 9.41373C1.22032 6.74604 1.9264 4.95839 3.28249 3.60231C4.63857 2.24623 6.42621 1.54014 9.09391 1.18148C11.776 0.820886 15.2718 0.819824 20 0.819824C24.7282 0.819824 28.224 0.820886 30.9061 1.18148C33.5738 1.54014 35.3614 2.24623 36.7175 3.60231C38.0736 4.95839 38.7797 6.74604 39.1383 9.41373C39.4989 12.0958 39.5 15.5916 39.5 20.3198C39.5 25.048 39.4989 28.5438 39.1383 31.2259C38.7797 33.8936 38.0736 35.6813 36.7175 37.0373C35.3614 38.3934 33.5738 39.0995 30.9061 39.4582C28.224 39.8188 24.7282 39.8198 20 39.8198C15.2718 39.8198 11.776 39.8188 9.09391 39.4582C6.42621 39.0995 4.63857 38.3934 3.28249 37.0373C1.9264 35.6813 1.22032 33.8936 0.861658 31.2259C0.501062 28.5438 0.5 25.048 0.5 20.3198Z"
           fill="#171717"

src/assets/icons/magnifying-glass-icon/magnifying-glass-icon.tsx

@@ -10,7 +10,11 @@ export class MagnifyingGlassIcon {
 
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class={{ 'magnifying-glass-icon': true, [this.class]: Boolean(this.class) }}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 512 512"
+        class={{ 'magnifying-glass-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
       </svg>
     );

src/assets/icons/metamask-provider-icon/metamask-provider-icon.tsx

@@ -10,7 +10,11 @@ export class MetaMaskProviderIcon {
 
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class={{ 'metamask-provider-icon': true, [this.class]: Boolean(this.class) }}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 40 40"
+        class={{ 'metamask-provider-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path
           d="M0.5 20.3198C0.5 15.5916 0.501062 12.0958 0.861658 9.41373C1.22032 6.74604 1.9264 4.95839 3.28249 3.60231C4.63857 2.24623 6.42621 1.54014 9.09391 1.18148C11.776 0.820886 15.2718 0.819824 20 0.819824C24.7282 0.819824 28.224 0.820886 30.9061 1.18148C33.5738 1.54014 35.3614 2.24623 36.7175 3.60231C38.0736 4.95839 38.7797 6.74604 39.1383 9.41373C39.4989 12.0958 39.5 15.5916 39.5 20.3198C39.5 25.048 39.4989 28.5438 39.1383 31.2259C38.7797 33.8936 38.0736 35.6813 36.7175 37.0373C35.3614 38.3934 33.5738 39.0995 30.9061 39.4582C28.224 39.8188 24.7282 39.8198 20 39.8198C15.2718 39.8198 11.776 39.8188 9.09391 39.4582C6.42621 39.0995 4.63857 38.3934 3.28249 37.0373C1.9264 35.6813 1.22032 33.8936 0.861658 31.2259C0.501062 28.5438 0.5 25.048 0.5 20.3198Z"
           fill="#171717"

src/assets/icons/multiversx-logo-icon/multiversx-logo-icon.tsx

@@ -10,7 +10,11 @@ export class MultiversXLogoIcon {
 
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class={{ 'multiversx-logo-icon': true, [this.class]: Boolean(this.class) }}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 40 40"
+        class={{ 'multiversx-logo-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path
           d="M0 20.3198C0 10.8917 0 6.17769 2.92893 3.24876C5.85786 0.319824 10.5719 0.319824 20 0.319824C29.4281 0.319824 34.1421 0.319824 37.0711 3.24876C40 6.17769 40 10.8917 40 20.3198C40 29.7479 40 34.462 37.0711 37.3909C34.1421 40.3198 29.4281 40.3198 20 40.3198C10.5719 40.3198 5.85786 40.3198 2.92893 37.3909C0 34.462 0 29.7479 0 20.3198Z"
           fill="#23F7DD"

src/assets/icons/multiversx-symbol-icon/multiversx-symbol-icon.scss

@@ -4,4 +4,4 @@
   .multiversx-symbol-icon {
     @apply mvx:w-3 mvx:h-3 mvx:fill-current;
   }
-}
+}

src/assets/icons/wallet-connect-app-gallery-icon/wallet-connect-app-gallery-icon.scss

@@ -5,9 +5,9 @@
     @apply mvx:w-48 mvx:h-16 mvx:flex mvx:fill-none;
 
     rect {
-        &:hover {
-            fill: var(--mvx-neutral-800);
-        }
+      &:hover {
+        fill: var(--mvx-neutral-800);
+      }
     }
   }
-}
+}

src/assets/icons/wallet-connect-app-store-icon/wallet-connect-app-store-icon.scss

@@ -5,9 +5,9 @@
     @apply mvx:w-48 mvx:h-16 mvx:flex mvx:fill-none;
 
     rect {
-        &:hover {
-            fill: var(--mvx-neutral-800);
-        }
+      &:hover {
+        fill: var(--mvx-neutral-800);
+      }
     }
   }
-}
+}