Merge pull request #64 from multiversx/development

0.0.0-alpha.9

Author: arhtudormorar

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.0.0-alpha.9](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/64)] - 2025-03-19
+
+- [Fixed sign transactions panel and component](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/63)
+- [Fixed loader export](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/62)
+- [Migrated modals to side panels](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/61)
+
 ## [[0.0.0-alpha.8](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/60)] - 2025-03-18
 
 - [Fix react output config](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/59)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-core-ui",
-  "version": "0.0.0-alpha.8",
+  "version": "0.0.0-alpha.9",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -16,14 +16,14 @@
       "require": "./dist/index.cjs.js",
       "types": "./dist/types/index.d.ts"
     },
-    "./web-components": {
+    "./web-components/*": {
       "import": "./dist/web-components/*.js",
       "types": "./dist/web-components/*.d.ts"
     },
-    "./loader": {
-      "import": "./loader/index.js",
-      "require": "./loader/index.cjs",
-      "types": "./loader/index.d.ts"
+    "./dist/loader": {
+      "import": "./dist/loader/index.js",
+      "require": "./dist/loader/index.cjs",
+      "types": "./dist/loader/index.d.ts"
     },
     "./react": {
       "import": "./dist/react/components.ts",

src/common/generic-modal/readme.md

@@ -21,25 +21,6 @@
 | `close` |             | `CustomEvent<any>` |
 
 
-## Dependencies
-
-### Used by
-
- - [ledger-connect-modal](../../components/functional/ledger-connect-components)
- - [pending-transactions-modal](../../components/functional/pending-transactions-modal)
- - [sign-transactions-modal](../../components/functional/sign-transactions-modal)
- - [wallet-connect-modal](../../components/functional/wallet-connect-components)
-
-### Graph
-```mermaid
-graph TD;
-  ledger-connect-modal --> generic-modal
-  pending-transactions-modal --> generic-modal
-  sign-transactions-modal --> generic-modal
-  wallet-connect-modal --> generic-modal
-  style generic-modal fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*

src/common/generic-spinner/readme.md

@@ -10,14 +10,14 @@
 ### Used by
 
  - [ledger-account-screen](../../components/functional/ledger-connect-components/components/ledger-account-screen)
- - [sign-transactions-modal](../../components/functional/sign-transactions-modal)
+ - [sign-transactions-panel](../../components/functional/sign-transactions-panel)
  - [wallet-connect-body](../../components/functional/wallet-connect-components/components)
 
 ### Graph
 ```mermaid
 graph TD;
   ledger-account-screen --> generic-spinner
-  sign-transactions-modal --> generic-spinner
+  sign-transactions-panel --> generic-spinner
   wallet-connect-body --> generic-spinner
   style generic-spinner fill:#f9f,stroke:#333,stroke-width:4px
 ```

src/common/unlock-button/readme.md

@@ -17,7 +17,7 @@
 
 ### Used by
 
- - [provider-button](../../components/unlock-panel/components/provider-button)
+ - [provider-button](../../components/visual/unlock-panel/components/provider-button)
 
 ### Graph
 ```mermaid

src/components.d.ts

@@ -2,7 +2,7 @@ import type { IEventBus } from 'utils/EventBus';
 import { EventBus } from 'utils/EventBus';
 
 import { getLedgerAddressByIndex } from './helpers/getLedgerAddressByIndex';
-import type { ILedgerConnectModalData } from './ledger-connect.types';
+import type { ILedgerConnectPanelData } from './ledger-connect.types';
 import { LedgerConnectEventsEnum } from './ledger-connect.types';
 
 interface ILedgerConnectEventBusProps {
@@ -11,15 +11,15 @@ interface ILedgerConnectEventBusProps {
 }
 
 interface ILedgerConnectDataUpdateProps extends ILedgerConnectEventBusProps {
-  payload: ILedgerConnectModalData;
+  payload: ILedgerConnectPanelData;
 }
 
 export class LedgerConnectBase {
   eventBus: IEventBus = new EventBus();
   selectedIndex = 0;
   selectedAddress = '';
 
-  constructor(public data: ILedgerConnectModalData) {}
+  constructor(public data: ILedgerConnectPanelData) {}
 
   getEventBus() {
     return this.eventBus;
@@ -46,11 +46,11 @@ export class LedgerConnectBase {
   }
 
   subscribeEventBus({ closeFn, forceUpdateFn }: ILedgerConnectEventBusProps) {
-    this.eventBus.subscribe(LedgerConnectEventsEnum.DATA_UPDATE, (payload: ILedgerConnectModalData) => this.dataUpdate({ payload, closeFn, forceUpdateFn }));
+    this.eventBus.subscribe(LedgerConnectEventsEnum.DATA_UPDATE, (payload: ILedgerConnectPanelData) => this.dataUpdate({ payload, closeFn, forceUpdateFn }));
   }
 
   unsubscribeEventBus({ closeFn, forceUpdateFn }: ILedgerConnectEventBusProps) {
-    this.eventBus.unsubscribe(LedgerConnectEventsEnum.DATA_UPDATE, (payload: ILedgerConnectModalData) => this.dataUpdate({ payload, closeFn, forceUpdateFn }));
+    this.eventBus.unsubscribe(LedgerConnectEventsEnum.DATA_UPDATE, (payload: ILedgerConnectPanelData) => this.dataUpdate({ payload, closeFn, forceUpdateFn }));
   }
 
   private dataUpdate({ payload, closeFn, forceUpdateFn }: ILedgerConnectDataUpdateProps) {

src/components/functional/ledger-connect-components/LedgerConnectBase.ts

@@ -28,7 +28,7 @@
 ### Used by
 
  - [ledger-connect](../..)
- - [ledger-connect-modal](../..)
+ - [ledger-connect-panel](../..)
 
 ### Depends on
 
@@ -39,7 +39,7 @@
 graph TD;
   ledger-account-screen --> generic-spinner
   ledger-connect --> ledger-account-screen
-  ledger-connect-modal --> ledger-account-screen
+  ledger-connect-panel --> ledger-account-screen
   style ledger-account-screen fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

src/components/functional/ledger-connect-components/components/ledger-account-screen/readme.md

@@ -17,13 +17,13 @@
 ### Used by
 
  - [ledger-connect](../..)
- - [ledger-connect-modal](../..)
+ - [ledger-connect-panel](../..)
 
 ### Graph
 ```mermaid
 graph TD;
   ledger-connect --> ledger-confirm-screen
-  ledger-connect-modal --> ledger-confirm-screen
+  ledger-connect-panel --> ledger-confirm-screen
   style ledger-confirm-screen fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

src/components/functional/ledger-connect-components/components/ledger-confirm-screen/readme.md

@@ -24,13 +24,13 @@
 ### Used by
 
  - [ledger-connect](../..)
- - [ledger-connect-modal](../..)
+ - [ledger-connect-panel](../..)
 
 ### Graph
 ```mermaid
 graph TD;
   ledger-connect --> ledger-connect-screen
-  ledger-connect-modal --> ledger-connect-screen
+  ledger-connect-panel --> ledger-connect-screen
   style ledger-connect-screen fill:#f9f,stroke:#333,stroke-width:4px
 ```