mirror of
https://gh.wpcy.net/https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2026-04-27 01:22:18 +08:00
39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
// Tab panel IDs
|
|
export const TAB_IDS = {
|
|
OVERVIEW: 'tab-panel-0-overview',
|
|
PAYMENT_METHODS: 'tab-panel-0-payment-methods',
|
|
SETTINGS: 'tab-panel-0-settings',
|
|
STYLING: 'tab-panel-0-styling',
|
|
PAY_LATER_MESSAGING: 'tab-panel-0-pay-later-messaging',
|
|
};
|
|
|
|
import { scrollAndHighlight } from './scrollAndHighlight';
|
|
|
|
/**
|
|
* Select a tab by simulating a click event and scroll to specified element,
|
|
* accounting for navigation container height
|
|
*
|
|
* TODO: Once the TabPanel gets migrated to Tabs (TabPanel v2) we need to remove this in favor of programmatic tab switching: https://github.com/WordPress/gutenberg/issues/52997
|
|
*
|
|
* @param {string} tabId - The ID of the tab to select
|
|
* @param {string} [scrollToId] - Optional ID of the element to scroll to
|
|
* @param {boolean} highlight - Whether to highlight the element after scrolling to it
|
|
* @return {Promise} - Resolves when tab switch and scroll are complete
|
|
*/
|
|
export const selectTab = ( tabId, scrollToId, highlight = false ) => {
|
|
return new Promise( ( resolve ) => {
|
|
const tab = document.getElementById( tabId );
|
|
if ( tab ) {
|
|
tab.click();
|
|
setTimeout( () => {
|
|
const targetId = scrollToId || 'ppcp-settings-container';
|
|
scrollAndHighlight( targetId, highlight ).then( resolve );
|
|
}, 100 );
|
|
} else {
|
|
console.error(
|
|
`Failed to select tab: Tab with ID "${ tabId }" not found`
|
|
);
|
|
resolve();
|
|
}
|
|
} );
|
|
};
|
