Skip to content
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions .github/workflows/npm-publish.yml
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ jobs:
uses: actions/setup-node@v4
with:
node-version: 22
registry-url: https://registry.npmjs.org/
registry-url: 'https://registry.npmjs.org'
- name: Setup pnpm
run: npm install -g pnpm
- name: Install Chrome for Puppeteer
Expand Down Expand Up @@ -52,7 +52,7 @@ jobs:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
if: ${{ steps.package.outputs.is-prerelease == 'false' }}
run: |
RELEASE_TAG=v${{ steps.package.outputs.version }}
RELEASE_TAG=v$(node -p "require('./package.json').version")
echo "Creating release for version: $RELEASE_TAG"

changelog_content=$(awk "/^## \[\[?${RELEASE_TAG#v}[^\]]*\]/{flag=1; next} /^## \[/{flag=0} flag" CHANGELOG.md)
Expand All @@ -73,10 +73,10 @@ jobs:
env:
NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
if: ${{ steps.package.outputs.is-prerelease == 'true'}}
run: echo ${{ steps.package.outputs.is-prerelease}} && npm publish --tag next --no-git-checks
run: echo ${{ steps.package.outputs.is-prerelease}} && npm publish --tag next

- name: Publish to npmjs
env:
NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
if: ${{ steps.package.outputs.is-prerelease == 'false' }}
run: npm publish --no-git-checks
run: npm publish
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

## [[0.1.8](https://github.com/multiversx/mx-sdk-dapp-ui/pull/283)] - 2025-12-30
Comment thread
radumojic marked this conversation as resolved.

- [Fix publish script, fix WalletConnect issues](https://github.com/multiversx/mx-sdk-dapp-ui/pull/283)

## [[0.1.7](https://github.com/multiversx/mx-sdk-dapp-ui/pull/281)] - 2025-12-11

- [Fixed compatibility issue on stencil/core](https://github.com/multiversx/mx-sdk-dapp-ui/pull/279)
Expand Down
10 changes: 2 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# MultiversX UI library for Front-End DApps
# MultiversX UI library for Front-End dApps

MultiversX Front-End Library for JavaScript and TypeScript (written in TypeScript).

Expand Down Expand Up @@ -50,13 +50,7 @@ It outputs both web components (working out of the box) and React components (yo
### React Components import

```tsx
export {
MvxCopyButton,
MvxExplorerLink,
MvxFormatAmount,
MvxTransactionsTable,
MvxUnlockButton,
} from '@multiversx/sdk-dapp-ui/react';
export { MvxCopyButton, MvxExplorerLink, MvxFormatAmount, MvxTransactionsTable } from '@multiversx/sdk-dapp-ui/react';
```

The library is divided into three main categories of components:
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@multiversx/sdk-dapp-ui",
"version": "0.1.7",
"version": "0.1.8",
"description": "A library to hold UI components for a dApp on the MultiversX blockchain",
"author": "MultiversX",
"license": "MIT",
Expand Down
46 changes: 17 additions & 29 deletions src/components/visual/SidePanel/SidePanel.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,17 +17,12 @@ interface SidePanelPropsType {
onBack?: () => void;
}

export function SidePanel({
isOpen = false,
panelClassName,
panelTitle,
hasBackButton,
showHeader = true,
onClose,
onBack
}: SidePanelPropsType, children: JSX.Element) {
export function SidePanel(
{ isOpen = false, panelClassName, panelTitle, hasBackButton, showHeader = true, onClose, onBack }: SidePanelPropsType,
children: JSX.Element,
) {
if (isOpen !== undefined) {
handleSidePanelOpenChange(isOpen, (shouldAnimate) => {
handleSidePanelOpenChange(isOpen, shouldAnimate => {
state.shouldAnimate = shouldAnimate;
});
}
Expand Down Expand Up @@ -56,32 +51,25 @@ export function SidePanel({
onClick={handleOverlayClick}
class={classNames([styles.sidePanelWrapper], { [styles.sidePanelWrapperVisible]: shouldAnimate })}
>
<SidePanelSwiper
open={shouldAnimate}
onSheetDismiss={onClose}
>
<SidePanelSwiper open={shouldAnimate} onSheetDismiss={onClose}>
<div
id={sidePanelIdentifier}
class={classNames([styles.sidePanel], { [styles.sidePanelVisible]: shouldAnimate }, panelClassName)}
>
{showHeader && (
<SidePanelHeader
panelTitle={panelTitle}
panelClassName={panelClassName}
hasLeftButton={hasBackButton}
onRightButtonClick={handleCloseClick}
onLeftButtonClick={handleBackClick}
/>
)}

<div
class={styles.sidePanelContent}
>
{children}
<div>
{showHeader && (
<SidePanelHeader
panelTitle={panelTitle}
panelClassName={panelClassName}
hasLeftButton={hasBackButton}
onRightButtonClick={handleCloseClick}
onLeftButtonClick={handleBackClick}
/>
)}
</div>
Comment thread
radumojic marked this conversation as resolved.
<div class={styles.sidePanelContent}>{children}</div>
</div>
</SidePanelSwiper>
</div>
);
}

Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
export * from '../TransactionListItem/transactionListItem.types';

// This file is a temporary workaround to maintain backward compatibility with sdk-dapp v5.5.1.
Loading