[WALL] Lubega / WALL-4354 / Update wallets dropdown component with @d…

…eriv-com/ui (deriv-com#15931) * chore: update dropdown component with @deriv-com/ui * fix: clean up code * fix: failing component test * fix: applied comments * fix: updated walletlistcarddropdown structure * fix: applied comments * fix: failing checks * fix: resolve conflicts * fix: rerun vercel * fix: update dropdown component * fix: resolve error * fix: resolved subtasks * fix: add data-testid * fix: data-testid
heorhi-deriv · Jul 19, 2024 · 8030369 · 8030369
1 parent 2ab3238
commit 8030369
Show file tree

Hide file tree

Showing 29 changed files with 460 additions and 603 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/account/package.json b/packages/account/package.json
@@ -33,7 +33,7 @@
         "@deriv-com/analytics": "1.5.9",
         "@deriv-com/translations": "1.3.3",
         "@deriv-com/utils": "^0.0.25",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv/api": "^1.0.0",
         "@deriv-com/quill-ui": "1.13.17",
         "@deriv/components": "^1.0.0",

diff --git a/packages/cashier-v2/package.json b/packages/cashier-v2/package.json
@@ -14,7 +14,7 @@
         "start": "rimraf dist && npm run test && npm run serve"
     },
     "dependencies": {
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv-com/utils": "^0.0.25",
         "@deriv/api-v2": "^1.0.0",
         "@deriv/integration": "^1.0.0",

diff --git a/packages/cashier-v2/src/flows/FiatOnRamp/FiatOnRamp.tsx b/packages/cashier-v2/src/flows/FiatOnRamp/FiatOnRamp.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import { useHistory } from 'react-router-dom';
 import { useActiveAccount } from '@deriv/api-v2';
 import { Dropdown, Loader, useDevice } from '@deriv-com/ui';
-import ChevronIcon from '../../assets/images/chevron-icon.svg';
 import { PageContainer } from '../../components';
 import { FiatOnRampModule } from '../../lib';
 import { TRouteTypes } from '../../types';
@@ -30,7 +29,6 @@ const FiatOnRamp: React.FC<TProps> = ({ path, routes }) => {
             {isMobile && (
                 <Dropdown
                     data-testid='dt_routes_dropdown'
-                    dropdownIcon={<ChevronIcon />}
                     isFullWidth
                     list={routeList}
                     listHeight='sm'

diff --git a/...c/lib/PaymentAgent/components/PaymentAgentMethodsDropdown/PaymentAgentMethodsDropdown.tsx b/...c/lib/PaymentAgent/components/PaymentAgentMethodsDropdown/PaymentAgentMethodsDropdown.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { Dropdown } from '@deriv-com/ui';
-import ChevronIcon from '../../../../assets/images/chevron-icon.svg';
 import { usePaymentAgentContext } from '../../provider';
 import styles from './PaymentAgentMethodsDropdown.module.scss';
 
@@ -15,7 +14,6 @@ const PaymentAgentMethodsDropdown = () => {
     return (
         <div className={styles.container}>
             <Dropdown
-                dropdownIcon={<ChevronIcon />}
                 isFullWidth
                 list={supportedPaymentMethodsList}
                 listHeight='sm'

diff --git a/packages/cfd/package.json b/packages/cfd/package.json
@@ -85,7 +85,7 @@
     },
     "dependencies": {
         "@deriv-com/analytics": "1.5.9",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv-com/translations": "1.3.3",
         "@deriv-com/utils": "^0.0.25",
         "@deriv/account": "^1.0.0",

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -73,7 +73,7 @@
     },
     "dependencies": {
         "@contentpass/zxcvbn": "^4.4.3",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv/shared": "^1.0.0",
         "@deriv/stores": "^1.0.0",
         "@deriv/translations": "^1.0.0",

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -100,7 +100,7 @@
         "@deriv-com/quill-tokens": "^2.0.4",
         "@deriv-com/quill-ui": "1.13.17",
         "@deriv-com/translations": "1.3.3",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv-com/utils": "^0.0.25",
         "@deriv/account": "^1.0.0",
         "@deriv/api": "^1.0.0",

diff --git a/packages/reports/package.json b/packages/reports/package.json
@@ -78,7 +78,7 @@
     },
     "dependencies": {
         "@deriv-com/analytics": "1.5.9",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv/components": "^1.0.0",
         "@deriv/deriv-api": "^1.0.15",
         "@deriv/api-types": "1.0.172",

diff --git a/packages/trader/package.json b/packages/trader/package.json
@@ -92,7 +92,7 @@
         "@deriv-com/quill-tokens": "^2.0.4",
         "@deriv-com/quill-ui": "1.13.17",
         "@deriv-com/utils": "^0.0.25",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv/api-types": "1.0.172",
         "@deriv/components": "^1.0.0",
         "@deriv/deriv-api": "^1.0.15",

diff --git a/packages/wallets/component-tests/crypto-payment-redirection.spec.tsx b/packages/wallets/component-tests/crypto-payment-redirection.spec.tsx
@@ -31,7 +31,7 @@ test.describe('Wallets - Crypto withdrawal', () => {
         await page.goto(`${baseURL}/`);
 
         await page.click('.wallets-textfield__field--listcard');
-        await page.click('#downshift-0-item-1');
+        await page.click('#wallets-listcard-dropdown__item-1');
     });
 
     test('render withdrawal form with all elements', async ({ baseURL, page }) => {

diff --git a/packages/wallets/package.json b/packages/wallets/package.json
@@ -16,7 +16,7 @@
     },
     "dependencies": {
         "@deriv-com/analytics": "1.5.9",
-        "@deriv-com/ui": "^1.28.3",
+        "@deriv-com/ui": "1.29.3",
         "@deriv-com/utils": "^0.0.25",
         "@deriv/api-v2": "^1.0.0",
         "@deriv/integration": "^1.0.0",

diff --git a/packages/wallets/src/components/Base/WalletDropdown/WalletDropdown.scss b/packages/wallets/src/components/Base/WalletDropdown/WalletDropdown.scss