dashboard-wp-components/patch.diff at main · proweb/dashboard-wp-components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<<<<<<< SEARCH
import { unlock } from '@wordpress/private-apis';
import {
	Panel,
	PanelBody,
	PanelRow,
	Button,
	__experimentalHeading as Heading, // eslint-disable-line @wordpress/no-unsafe-wp-apis
} from '@wordpress/components';
import { verse, plusCircle, external } from '@wordpress/icons';

const { Tabs } = unlock( '@wordpress/components' );
=======
import {
	Panel,
	PanelBody,
	PanelRow,
	TabPanel as Tabs,
	Button,
	__experimentalHeading as Heading, // eslint-disable-line @wordpress/no-unsafe-wp-apis
} from '@wordpress/components';
import { verse, plusCircle, external } from '@wordpress/icons';
>>>>>>> REPLACE
<<<<<<< SEARCH
			<PanelBody title="Tabs example" initialOpen={ true }>
				<Tabs defaultTabId="profile">
					<Tabs.TabList>
						<Tabs.Tab tabId="profile">Profile</Tabs.Tab>
						<Tabs.Tab tabId="education">Education</Tabs.Tab>
						<Tabs.Tab tabId="services">Services</Tabs.Tab>
					</Tabs.TabList>
					<Tabs.TabPanel tabId="profile" focusable={ false }>
						<PanelRow>
							<p>Hello World #1</p>
						</PanelRow>
					</Tabs.TabPanel>
					<Tabs.TabPanel tabId="education" focusable={ false }>
						<PanelRow>
							<p>Hello World #2</p>
						</PanelRow>
					</Tabs.TabPanel>
					<Tabs.TabPanel tabId="services" focusable={ false }>
						<PanelRow>
							<p>Hello World #3</p>
						</PanelRow>
					</Tabs.TabPanel>
				</Tabs>
			</PanelBody>
=======
			<PanelBody title="Tabs example" initialOpen={ true }>
				<Tabs
					tabs={ [
						{
							name: 'profile',
							title: 'Profile',
						},
						{
							name: 'education',
							title: 'Education',
						},
						{
							name: 'services',
							title: 'Services',
						},
					] }
				>
					{ ( tab ) => (
						<PanelRow>
							<p>
								Hello World #
								{ tab.name === 'profile'
									? '1'
									: tab.name === 'education'
									? '2'
									: '3' }
							</p>
						</PanelRow>
					) }
				</Tabs>
			</PanelBody>
>>>>>>> REPLACE