Merge pull request #224 from multiversx/development

 0.0.29

Author: arhtudormorar

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.0.29](https://github.com/multiversx/mx-sdk-dapp-ui/pull/223)] - 2025-09-22
+
+- [Fixed stencil/core dependency and added hasCloseButton flag to custom toasts](https://github.com/multiversx/mx-sdk-dapp-ui/pull/222)
+
 ## [[0.0.28](https://github.com/multiversx/mx-sdk-dapp-ui/pull/220)] - 2025-09-19
 
 - [Added testIds on toast details](https://github.com/multiversx/mx-sdk-dapp-ui/pull/221)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-ui",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -82,14 +82,14 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": ">=6.7.2",
     "@fortawesome/free-solid-svg-icons": ">=6.7.2",
+    "@stencil/core": "^4.36.2",
     "classnames": ">=2.5.1",
     "lodash.capitalize": "^4.2.1",
     "lodash.inrange": "^3.3.0",
     "lodash.range": "^3.2.0",
     "qrcode": ">=1.5.4"
   },
   "devDependencies": {
-    "@stencil/core": "^4.36.2",
     "sass-embedded": "^1.85.1",
     "storybook": "^9.1.3",
     "@stencil/storybook-plugin": "^0.4.2",

pnpm-lock.yaml

@@ -20,12 +20,14 @@ export class CustomToast {
   render() {
     return (
       <div class="toast-wrapper" data-testid={DataTestIdsEnum.transactionToastContent}>
-        <button
-          onClick={this.handleDeleteToast.bind(this)}
-          type="button"
-          class="icon-close"
-          innerHTML={getIconHtmlFromIconDefinition(faTimes)}
-        ></button>
+        {this.toast.hasCloseButton !== false && (
+          <button
+            onClick={this.handleDeleteToast.bind(this)}
+            type="button"
+            class="icon-close"
+            innerHTML={getIconHtmlFromIconDefinition(faTimes)}
+          />
+        )}
         <div class="toast-body" ref={container => this.initializeToast(container)}></div>
       </div>
     );

src/components/functional/toasts-list/components/custom-toast/components/custom-create-toast/custom-toast.tsx

@@ -59,12 +59,14 @@ export class SimpleToast {
                   {title}
                 </h5>
               )}
-              <button
-                onClick={this.handleDeleteToast.bind(this)}
-                type="button"
-                class="icon-close"
-                innerHTML={getIconHtmlFromIconDefinition(faTimes)}
-              ></button>
+              {this.toast.hasCloseButton !== false && (
+                <button
+                  onClick={this.handleDeleteToast.bind(this)}
+                  type="button"
+                  class="icon-close"
+                  innerHTML={getIconHtmlFromIconDefinition(faTimes)}
+                />
+              )}
             </div>
             {subtitle && <div class="subtitle">{subtitle}</div>}
             {message && (

src/components/functional/toasts-list/components/custom-toast/components/simple-toast/simple-toast.tsx

@@ -29,6 +29,7 @@ interface ISharedCustomToast {
   toastId: string;
   type?: string;
   onClose?: () => void;
+  hasCloseButton?: boolean;
 }
 
 export interface ISimpleToast extends ISharedCustomToast {