Skip to content

Commit 4d19e73

Browse files
arhtudormorariuliacimpeanumgavrilaradumojic
authored
0.1.9 (#286)
* 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 <andrei.gavrila@multiversx.com> * 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 * Fixed copy button (#276) * Fixed copy button * Upgraded version * Sync development with main (#278) * 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 <andrei.gavrila@multiversx.com> * 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 <andrei.gavrila@multiversx.com> * Updated changelog --------- Co-authored-by: Gavrila Andrei <andrei.gavrila@multiversx.com> * Fixed compatibility issue on stencil/core (#279) * Updated package version * Updated changelog * Updated lockfile * Upgraded version * Refactored pagination component (#282) * Refactored pagination comp * Refactored pagination ellipsis * Work on pagination * Refactor components * Work on pagination * Fixed pagination story * Move pagination to address-table * Update CHANGELOG * Try fix tests * Remove log * Remove unused contentclass * Remove logs * Minor edits * /gemini review --------- Co-authored-by: Tudor Morar <tudor.morar@multiversx.com> * Select provider (#285) * 0.1.7 (#281) * 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 <andrei.gavrila@multiversx.com> * 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 * Fixed copy button (#276) * Fixed copy button * Upgraded version * Sync development with main (#278) * 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 <andrei.gavrila@multiversx.com> * 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 <andrei.gavrila@multiversx.com> * Updated changelog --------- Co-authored-by: Gavrila Andrei <andrei.gavrila@multiversx.com> * Fixed compatibility issue on stencil/core (#279) * Updated package version * Updated changelog * Updated lockfile * Upgraded version --------- Co-authored-by: Gavrila Andrei <andrei.gavrila@multiversx.com> Co-authored-by: Tudor Morar <tudor.morar@multiversx.com> * v0.1.8 (#283) - fix SidePanel WalletConnect issues - (temp) fix sdk-dapp 5.5.1 breaking changes - update publish script - pnpm test fix * Add provider selection handling to unlock panel - Subscribed to SELECT_PROVIDER event to handle provider selection. - Implemented handleProviderSelection method to initiate login with the selected provider. - Updated unsubscribe functions to include the new subscription. * Update CHANGELOG * Update CHANGELOG * Update version --------- Co-authored-by: Iulia Cimpeanu <72752718+iuliacimpeanu@users.noreply.github.com> Co-authored-by: Gavrila Andrei <andrei.gavrila@multiversx.com> Co-authored-by: Radu Mojic <radu.mojic@multiversx.com> * Remove unused file --------- Co-authored-by: Iulia Cimpeanu <72752718+iuliacimpeanu@users.noreply.github.com> Co-authored-by: Gavrila Andrei <andrei.gavrila@multiversx.com> Co-authored-by: Iulia Cimpeanu <iuliaalexandra.ignat@gmail.com> Co-authored-by: Radu Mojic <radu.mojic@multiversx.com>
2 parents e24e629 + 5cc170f commit 4d19e73

File tree

55 files changed

+569
-629
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+569
-629
lines changed

‎CHANGELOG.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
77

88
## [Unreleased]
99

10+
11+
## [[0.1.9](https://github.com/multiversx/mx-sdk-dapp-ui/pull/286)] - 2026-01-13
12+
13+
- [Added provider selection handling to unlock panel](https://github.com/multiversx/mx-sdk-dapp-ui/pull/285)
14+
- [Remove pagination webcomponent](https://github.com/multiversx/mx-sdk-dapp-ui/pull/282)
15+
1016
## [[0.1.8](https://github.com/multiversx/mx-sdk-dapp-ui/pull/283)] - 2025-12-30
1117

1218
- [Fix publish script, fix WalletConnect issues](https://github.com/multiversx/mx-sdk-dapp-ui/pull/283)
@@ -18,6 +24,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
1824
## [[0.1.6](https://github.com/multiversx/mx-sdk-dapp-ui/pull/277)] - 2025-12-09
1925

2026
- [Fixed compatibility issue on stencil/core](https://github.com/multiversx/mx-sdk-dapp-ui/pull/279)
27+
28+
## [[0.1.6](https://github.com/multiversx/mx-sdk-dapp-ui/pull/277)] - 2025-12-09
29+
2130
- [Sync development with main](https://github.com/multiversx/mx-sdk-dapp-ui/pull/278)
2231
- [Fixed copy button](https://github.com/multiversx/mx-sdk-dapp-ui/pull/276)
2332

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@multiversx/sdk-dapp-ui",
3-
"version": "0.1.8",
3+
"version": "0.1.9",
44
"description": "A library to hold UI components for a dApp on the MultiversX blockchain",
55
"author": "MultiversX",
66
"license": "MIT",

‎src/common/ProviderIdleScreen/ProviderIdleScreen.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import type { IProviderBase } from 'types/provider.types';
44
import { ProviderTypeEnum } from 'types/provider.types';
55

66
import { getProviderIntroText } from './helpers/getProviderIntroText';
7-
import { SidePanelHeader } from 'components/visual/SidePanel/components/SidePanelHeader/SidePanelHeader';
7+
import { SidePanelHeader } from 'common/SidePanel/components/SidePanelHeader/SidePanelHeader';
88

99
const styles = {
1010
container: 'mvx:flex mvx:flex-col mvx:flex-1 mvx:overflow-hidden',

src/components/visual/SidePanel/SidePanel.tsx renamed to src/common/SidePanel/SidePanel.tsx

File renamed without changes.

src/components/visual/SidePanel/components/SidePanelHeader/SidePanelHeader.tsx renamed to src/common/SidePanel/components/SidePanelHeader/SidePanelHeader.tsx

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -23,26 +23,33 @@ interface SidePanelHeaderPropsType {
2323
rightIcon?: any;
2424
}
2525

26-
export function SidePanelHeader({ panelClassName, panelTitle, hasLeftButton = true, hasRightButton = true, onRightButtonClick, onLeftButtonClick, leftIcon, rightIcon }: SidePanelHeaderPropsType) {
26+
export function SidePanelHeader({
27+
panelClassName,
28+
panelTitle,
29+
hasLeftButton = true,
30+
hasRightButton = true,
31+
onRightButtonClick,
32+
onLeftButtonClick,
33+
leftIcon,
34+
rightIcon,
35+
}: SidePanelHeaderPropsType) {
2736
const handleRightIconClick = (event: MouseEvent) => {
2837
event.preventDefault();
2938
onRightButtonClick?.(event);
30-
}
39+
};
3140

3241
const handleLeftIconClick = (event: MouseEvent) => {
3342
event.preventDefault();
3443
onLeftButtonClick?.(event);
35-
}
44+
};
3645

3746
return (
3847
<div class={classNames(styles.sidePanelHeading, panelClassName)}>
3948
<div
4049
class={{ [styles.sidePanelHeadingLeft]: true, [styles.sidePanelHeadingLeftVisible]: hasLeftButton }}
4150
onClick={handleLeftIconClick}
4251
>
43-
{hasLeftButton && (
44-
leftIcon || <Icon name="back-arrow" />
45-
)}
52+
{hasLeftButton && (leftIcon || <Icon name="back-arrow" />)}
4653
</div>
4754

4855
<div class={styles.sidePanelHeadingTitle}>{panelTitle}</div>
@@ -51,9 +58,8 @@ export function SidePanelHeader({ panelClassName, panelTitle, hasLeftButton = tr
5158
class={{ [styles.sidePanelHeadingRight]: true, [styles.sidePanelHeadingRightVisible]: hasRightButton }}
5259
onClick={handleRightIconClick}
5360
>
54-
{rightIcon || <Icon name="close" />}
61+
{hasRightButton && (rightIcon || <Icon name="close" />)}
5562
</div>
56-
</div >
63+
</div>
5764
);
5865
}
59-

src/components/visual/SidePanel/components/SidePanelSwiper/SidePanelSwiper.tsx renamed to src/common/SidePanel/components/SidePanelSwiper/SidePanelSwiper.tsx

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { h } from '@stencil/core';
2+
23
import { state } from '../../sidePanelStore';
34
import styles from './sidePanelSwiper.styles';
45

@@ -14,7 +15,7 @@ let previousOpen: boolean | null = null;
1415
const snapPointsArray: string[] = ['100%'];
1516
const SNAP_PERCENT_DEFAULT = '50';
1617
const OPEN_TIMEOUT_VALUE = 50;
17-
const CLOSE_TTMEOUT_VALUE = 300;
18+
const CLOSE_TIMEOUT_VALUE = 300;
1819
const TRANSLATE_Y_VALUE = 100;
1920
let sheetElement: HTMLElement | null = null;
2021

@@ -27,10 +28,13 @@ let dragState = {
2728

2829
let isDragging = false;
2930

30-
export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChange }: SidePanelSwiperPropsType, children: JSX.Element) {
31+
export function SidePanelSwiper(
32+
{ open = false, onSheetDismiss, onSheetSnapChange }: SidePanelSwiperPropsType,
33+
children: JSX.Element,
34+
) {
3135
const handleSheetDismiss = () => {
3236
onSheetDismiss?.();
33-
}
37+
};
3438

3539
const animateToPosition = (snapIndex: number, emitEvent: boolean = true) => {
3640
if (!sheetElement || dragState.isAnimating) {
@@ -55,7 +59,7 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
5559
sheetElement.style.transition = '';
5660
}
5761
}, 350);
58-
}
62+
};
5963

6064
const openToSnapPoint = (snapIndex: number = 1) => {
6165
if (dragState.isAnimating) {
@@ -70,7 +74,7 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
7074
animateToPosition(state.currentSnapIndex, false);
7175
}
7276
}, OPEN_TIMEOUT_VALUE);
73-
}
77+
};
7478

7579
const animateToClose = () => {
7680
if (!sheetElement || dragState.isAnimating) {
@@ -88,16 +92,16 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
8892
if (sheetElement) {
8993
sheetElement.style.transition = '';
9094
}
91-
}, CLOSE_TTMEOUT_VALUE);
92-
}
95+
}, CLOSE_TIMEOUT_VALUE);
96+
};
9397

9498
const closeSwiper = () => {
9599
if (dragState.isAnimating || !state.isVisible) {
96100
return;
97101
}
98102

99103
animateToClose();
100-
}
104+
};
101105

102106
if (previousOpen !== null && previousOpen !== open) {
103107
if (open && !state.isVisible) {
@@ -124,8 +128,7 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
124128
openToSnapPoint(state.currentSnapIndex);
125129
}
126130
}
127-
}
128-
131+
};
129132

130133
const handleDragStart = (e: MouseEvent | TouchEvent) => {
131134
if (dragState.isAnimating) {
@@ -227,15 +230,17 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
227230
}
228231
}
229232
return TRANSLATE_Y_VALUE;
230-
}
233+
};
231234
return (
232235
<div class={styles.sidePanelSwiperContainer}>
233-
<div class={{ [styles.sidePanelSwiperWrapper]: true, [styles.sidePanelSwiperWrapperVisible]: state.isVisible, [styles.sidePanelSwiperWrapperHidden]: !state.isVisible }}>
234-
<div
235-
class={styles.sidePanelSwiper}
236-
ref={setSheetRef}
237-
onClick={(event: MouseEvent) => event.stopPropagation()}
238-
>
236+
<div
237+
class={{
238+
[styles.sidePanelSwiperWrapper]: true,
239+
[styles.sidePanelSwiperWrapperVisible]: state.isVisible,
240+
[styles.sidePanelSwiperWrapperHidden]: !state.isVisible,
241+
}}
242+
>
243+
<div class={styles.sidePanelSwiper} ref={setSheetRef} onClick={(event: MouseEvent) => event.stopPropagation()}>
239244
<div class={styles.sidePanelSwiperHandleWrapper}>
240245
<div
241246
class={styles.sidePanelSwiperHandleContainer}
@@ -246,12 +251,9 @@ export function SidePanelSwiper({ open = false, onSheetDismiss, onSheetSnapChang
246251
</div>
247252
</div>
248253

249-
<div class={styles.sidePanelSwiperContent}>
250-
{children}
251-
</div>
254+
<div class={styles.sidePanelSwiperContent}>{children}</div>
252255
</div>
253256
</div>
254257
</div>
255258
);
256259
}
257-

src/components/visual/SidePanel/components/SidePanelSwiper/sidePanelSwiper.styles.ts renamed to src/common/SidePanel/components/SidePanelSwiper/sidePanelSwiper.styles.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// prettier-ignore
22
export default {
3-
sidePanelSwiperContainer: 'side-panel-swipper-container mvx:flex mvx:xs:flex-col mvx:xs:h-full',
4-
sidePanelSwiperWrapper: 'side-panel-swipper-wrapper mvx:fixed mvx:left-0 mvx:top-0 mvx:bottom-0 mvx:right-0 mvx:z-50 mvx:xs:static mvx:xs:h-full mvx:before:opacity-90 mvx:before:left-0 mvx:before:top-0 mvx:before:right-0 mvx:before:bottom-0 mvx:before:transition-all mvx:before:duration-200 mvx:before:pointer-events-none mvx:before:absolute mvx:before:ease-in-out mvx:before:bg-neutral-900 mvx:before:content-[""] mvx:before:supports-[backdrop-filter]:opacity-50 mvx:before:supports-[backdrop-filter]:backdrop-blur-sm mvx:before:supports-[backdrop-filter]:bg-neutral-900 mvx:xs:before:content-none',
3+
sidePanelSwiperContainer: 'side-panel-swiper-container mvx:flex mvx:xs:flex-col mvx:xs:h-full',
4+
sidePanelSwiperWrapper: 'side-panel-swiper-wrapper mvx:fixed mvx:left-0 mvx:top-0 mvx:bottom-0 mvx:right-0 mvx:z-50 mvx:xs:static mvx:xs:h-full mvx:before:opacity-90 mvx:before:left-0 mvx:before:top-0 mvx:before:right-0 mvx:before:bottom-0 mvx:before:transition-all mvx:before:duration-200 mvx:before:pointer-events-none mvx:before:absolute mvx:before:ease-in-out mvx:before:bg-neutral-900 mvx:before:content-[""] mvx:before:supports-[backdrop-filter]:opacity-50 mvx:before:supports-[backdrop-filter]:backdrop-blur-sm mvx:before:supports-[backdrop-filter]:bg-neutral-900 mvx:xs:before:content-none',
55
sidePanelSwiperWrapperVisible: 'side-panel-swiper-visible mvx:!flex',
66
sidePanelSwiperWrapperHidden: 'side-panel-swiper-wrapper-hidden mvx:hidden mvx:xs:block',
77
sidePanelSwiperHidden: 'side-panel-swiper-hidden mvx:translate-y-full',
@@ -10,4 +10,4 @@ export default {
1010
sidePanelSwiperHandleContainer: 'side-panel-swiper-handle-container mvx:flex mvx:top-0 mvx:bottom-0 mvx:absolute mvx:right-0 mvx:left-0 mvx:justify-center mvx:touch-none mvx:select-none mvx:cursor-grab mvx:active:cursor-grabbing',
1111
sidePanelSwiperHandle: 'side-panel-swiper-handle mvx:w-32 mvx:mt-3 mvx:h-1 mvx:rounded mvx:bg-primary',
1212
sidePanelSwiperContent: 'side-panel-swiper-content mvx:overflow-y-auto mvx:max-h-[calc(100dvh-4rem)] mvx:xs:max-h-none mvx:xs:h-full'
13-
} satisfies Record<string, string>;
13+
} satisfies Record<string, string>;

src/components/visual/SidePanel/helpers/handleSidePanelOpenChange.ts renamed to src/common/SidePanel/helpers/handleSidePanelOpenChange.ts

File renamed without changes.

‎src/common/SidePanel/sidePanel.constants.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export const ANIMATION_DELAY_PROMISE = () => new Promise(resolve => setTimeout(resolve, 300));

src/components/visual/SidePanel/sidePanel.styles.ts renamed to src/common/SidePanel/sidePanel.styles.ts

File renamed without changes.

0 commit comments

Comments
 (0)