@patternfly/react-core 4.263.0 → 4.264.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/esm/components/Tabs/Tab.d.ts +4 -2
- package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +6 -7
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/Tabs/TabAction.d.ts +20 -0
- package/dist/esm/components/Tabs/TabAction.d.ts.map +1 -0
- package/dist/esm/components/Tabs/TabAction.js +17 -0
- package/dist/esm/components/Tabs/TabAction.js.map +1 -0
- package/dist/esm/components/Tabs/Tabs.d.ts +1 -1
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/index.d.ts +1 -0
- package/dist/esm/components/Tabs/index.d.ts.map +1 -1
- package/dist/esm/components/Tabs/index.js +1 -0
- package/dist/esm/components/Tabs/index.js.map +1 -1
- package/dist/js/components/Tabs/Tab.d.ts +4 -2
- package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tab.js +6 -7
- package/dist/js/components/Tabs/Tab.js.map +1 -1
- package/dist/js/components/Tabs/TabAction.d.ts +20 -0
- package/dist/js/components/Tabs/TabAction.d.ts.map +1 -0
- package/dist/js/components/Tabs/TabAction.js +20 -0
- package/dist/js/components/Tabs/TabAction.js.map +1 -0
- package/dist/js/components/Tabs/Tabs.d.ts +1 -1
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/index.d.ts +1 -0
- package/dist/js/components/Tabs/index.d.ts.map +1 -1
- package/dist/js/components/Tabs/index.js +1 -0
- package/dist/js/components/Tabs/index.js.map +1 -1
- package/dist/styles/assets/pficon/pficon.scss +12 -0
- package/dist/styles/assets/pficon/pficon.woff +0 -0
- package/dist/styles/assets/pficon/pficon.woff2 +0 -0
- package/dist/styles/base-no-reset.css +10 -0
- package/dist/styles/base.css +10 -0
- package/dist/umd/react-core.min.css +1063 -894
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +14 -7
- package/src/components/Tabs/Tab.tsx +17 -16
- package/src/components/Tabs/TabAction.tsx +57 -0
- package/src/components/Tabs/Tabs.tsx +1 -1
- package/src/components/Tabs/__tests__/Tab.test.tsx +10 -0
- package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +45 -0
- package/src/components/Tabs/examples/Tabs.md +64 -20
- package/src/components/Tabs/examples/TabsHelp.tsx +61 -0
- package/src/components/Tabs/examples/TabsHelpAndClose.tsx +84 -0
- package/src/components/Tabs/index.ts +1 -0
- package/src/components/Tooltip/examples/Tooltip.md +5 -285
- package/src/components/Tooltip/examples/TooltipBasic.tsx +16 -0
- package/src/components/Tooltip/examples/TooltipIcon.tsx +24 -0
- package/src/components/Tooltip/examples/TooltipOptions.tsx +197 -0
- package/src/components/Tooltip/examples/TooltipReactRef.tsx +22 -0
- package/src/components/Tooltip/examples/TooltipSelectorRef.tsx +19 -0
- package/src/demos/Tabs.md +0 -10
- package/src/demos/examples/DashboardWrapper.js +1 -0
- package/src/demos/examples/Tabs/ModalTabs.tsx +3 -3
- package/src/demos/examples/Tabs/NestedTabs.tsx +11 -3
- package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +25 -40
- package/src/demos/examples/Tabs/TabsAndTable.tsx +9 -52
- package/dist/esm/components/Button/__mocks__/Button.d.ts +0 -8
- package/dist/esm/components/Button/__mocks__/Button.d.ts.map +0 -1
- package/dist/esm/components/Button/__mocks__/Button.js +0 -14
- package/dist/esm/components/Button/__mocks__/Button.js.map +0 -1
- package/dist/esm/components/Button/__mocks__/index.d.ts +0 -2
- package/dist/esm/components/Button/__mocks__/index.d.ts.map +0 -1
- package/dist/esm/components/Button/__mocks__/index.js +0 -2
- package/dist/esm/components/Button/__mocks__/index.js.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts +0 -4
- package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/HelperText.js +0 -5
- package/dist/esm/components/HelperText/__mocks__/HelperText.js.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts +0 -4
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js +0 -5
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/index.d.ts +0 -3
- package/dist/esm/components/HelperText/__mocks__/index.d.ts.map +0 -1
- package/dist/esm/components/HelperText/__mocks__/index.js +0 -3
- package/dist/esm/components/HelperText/__mocks__/index.js.map +0 -1
- package/dist/js/components/Button/__mocks__/Button.d.ts +0 -8
- package/dist/js/components/Button/__mocks__/Button.d.ts.map +0 -1
- package/dist/js/components/Button/__mocks__/Button.js +0 -18
- package/dist/js/components/Button/__mocks__/Button.js.map +0 -1
- package/dist/js/components/Button/__mocks__/index.d.ts +0 -2
- package/dist/js/components/Button/__mocks__/index.d.ts.map +0 -1
- package/dist/js/components/Button/__mocks__/index.js +0 -5
- package/dist/js/components/Button/__mocks__/index.js.map +0 -1
- package/dist/js/components/HelperText/__mocks__/HelperText.d.ts +0 -4
- package/dist/js/components/HelperText/__mocks__/HelperText.d.ts.map +0 -1
- package/dist/js/components/HelperText/__mocks__/HelperText.js +0 -10
- package/dist/js/components/HelperText/__mocks__/HelperText.js.map +0 -1
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts +0 -4
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts.map +0 -1
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.js +0 -10
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.js.map +0 -1
- package/dist/js/components/HelperText/__mocks__/index.d.ts +0 -3
- package/dist/js/components/HelperText/__mocks__/index.d.ts.map +0 -1
- package/dist/js/components/HelperText/__mocks__/index.js +0 -6
- package/dist/js/components/HelperText/__mocks__/index.js.map +0 -1
- package/src/demos/examples/Tabs/GrayTabs.tsx +0 -152
- package/src/demos/examples/Tabs/TabsAndTablesAutoWidthTabs.tsx +0 -442
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
TabContentBody,
|
|
13
13
|
TabTitleText,
|
|
14
14
|
Title,
|
|
15
|
+
TitleSizes,
|
|
15
16
|
Flex,
|
|
16
17
|
FlexItem
|
|
17
18
|
} from '@patternfly/react-core';
|
|
@@ -32,7 +33,9 @@ export const NestedTabs: React.FunctionComponent = () => {
|
|
|
32
33
|
<GridItem xl={8} md={6}>
|
|
33
34
|
<Card>
|
|
34
35
|
<CardHeader>
|
|
35
|
-
<Title headingLevel="h2">
|
|
36
|
+
<Title headingLevel="h2" size={TitleSizes.lg}>
|
|
37
|
+
Status
|
|
38
|
+
</Title>
|
|
36
39
|
</CardHeader>
|
|
37
40
|
<CardBody>
|
|
38
41
|
<Flex direction={{ default: 'column' }}>
|
|
@@ -40,6 +43,7 @@ export const NestedTabs: React.FunctionComponent = () => {
|
|
|
40
43
|
<Tabs
|
|
41
44
|
activeKey={activeNestedTabKey}
|
|
42
45
|
isSecondary
|
|
46
|
+
hasSecondaryBorderBottom
|
|
43
47
|
onSelect={(_event, tabIndex) => handleNestedTabClick(Number(tabIndex))}
|
|
44
48
|
id="nested-tabs-example-nested-tabs-list"
|
|
45
49
|
>
|
|
@@ -108,14 +112,18 @@ export const NestedTabs: React.FunctionComponent = () => {
|
|
|
108
112
|
<FlexItem flex={{ default: 'flex_1' }}>
|
|
109
113
|
<Card isFullHeight>
|
|
110
114
|
<CardHeader>
|
|
111
|
-
<Title headingLevel="h2"
|
|
115
|
+
<Title headingLevel="h2" size={TitleSizes.lg}>
|
|
116
|
+
Title of card
|
|
117
|
+
</Title>
|
|
112
118
|
</CardHeader>
|
|
113
119
|
</Card>
|
|
114
120
|
</FlexItem>
|
|
115
121
|
<FlexItem flex={{ default: 'flex_1' }}>
|
|
116
122
|
<Card isFullHeight>
|
|
117
123
|
<CardHeader>
|
|
118
|
-
<Title headingLevel="h2"
|
|
124
|
+
<Title headingLevel="h2" size={TitleSizes.lg}>
|
|
125
|
+
Title of card
|
|
126
|
+
</Title>
|
|
119
127
|
</CardHeader>
|
|
120
128
|
</Card>
|
|
121
129
|
</FlexItem>
|
|
@@ -14,7 +14,8 @@ import {
|
|
|
14
14
|
Title,
|
|
15
15
|
Text,
|
|
16
16
|
TextContent,
|
|
17
|
-
TitleSizes
|
|
17
|
+
TitleSizes,
|
|
18
|
+
CardTitle
|
|
18
19
|
} from '@patternfly/react-core';
|
|
19
20
|
import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
|
|
20
21
|
|
|
@@ -32,7 +33,7 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
32
33
|
<Grid hasGutter>
|
|
33
34
|
<GridItem>
|
|
34
35
|
<CardHeader>
|
|
35
|
-
<Title headingLevel="h1" size={TitleSizes
|
|
36
|
+
<Title headingLevel="h1" size={TitleSizes.lg}>
|
|
36
37
|
Get started with Red Hat Enterprise Linux
|
|
37
38
|
</Title>
|
|
38
39
|
</CardHeader>
|
|
@@ -41,6 +42,7 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
41
42
|
<Tabs
|
|
42
43
|
activeKey={activeNestedTabKey}
|
|
43
44
|
isSecondary
|
|
45
|
+
hasSecondaryBorderBottom
|
|
44
46
|
onSelect={(_event, tabIndex) => handleNestedTabClick(Number(tabIndex))}
|
|
45
47
|
id="nested-tabs-example-nested-tabs-list"
|
|
46
48
|
>
|
|
@@ -68,42 +70,26 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
68
70
|
</TextContent>
|
|
69
71
|
</GridItem>
|
|
70
72
|
<Grid md={6} xl2={3} hasGutter>
|
|
71
|
-
<
|
|
72
|
-
<
|
|
73
|
-
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
<CardHeader>Create a bootable installation media</CardHeader>
|
|
92
|
-
<CardBody>
|
|
93
|
-
{' '}
|
|
94
|
-
<a href="#">Create</a> a bootable installation media, for example a USB flash drive.
|
|
95
|
-
</CardBody>
|
|
96
|
-
</Card>
|
|
97
|
-
</GridItem>
|
|
98
|
-
<GridItem>
|
|
99
|
-
<Card isFullHeight>
|
|
100
|
-
<CardHeader>Install and register your system</CardHeader>
|
|
101
|
-
<CardBody>
|
|
102
|
-
Boot the installation, register your system, attach RHEL subscriptions, and install RHEL from the
|
|
103
|
-
Red Hat Content Delivery Network (CDN) using the GUI.
|
|
104
|
-
</CardBody>
|
|
105
|
-
</Card>
|
|
106
|
-
</GridItem>
|
|
73
|
+
<Card isFlat component="div">
|
|
74
|
+
<CardTitle>Check system requirements</CardTitle>
|
|
75
|
+
<CardBody>
|
|
76
|
+
Your physical or virtual machine should meet the <a href="#">system requirement</a>.
|
|
77
|
+
</CardBody>
|
|
78
|
+
</Card>
|
|
79
|
+
<Card isFlat component="div">
|
|
80
|
+
<CardTitle>Download an installation ISO image</CardTitle>
|
|
81
|
+
<CardBody>
|
|
82
|
+
{' '}
|
|
83
|
+
<a href="#">Download</a> the binary DVD ISO.
|
|
84
|
+
</CardBody>
|
|
85
|
+
</Card>
|
|
86
|
+
<Card isFlat component="div">
|
|
87
|
+
<CardTitle>Create a bootable installation media</CardTitle>
|
|
88
|
+
<CardBody>
|
|
89
|
+
{' '}
|
|
90
|
+
<a href="#">Create</a> a bootable installation media, for example a USB flash drive.
|
|
91
|
+
</CardBody>
|
|
92
|
+
</Card>
|
|
107
93
|
</Grid>
|
|
108
94
|
</Grid>
|
|
109
95
|
</TabContentBody>
|
|
@@ -143,7 +129,6 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
143
129
|
<DashboardWrapper hasPageTemplateTitle>
|
|
144
130
|
<PageSection type="tabs" isWidthLimited variant="light">
|
|
145
131
|
<Tabs
|
|
146
|
-
isBox
|
|
147
132
|
activeKey={activeTabKey}
|
|
148
133
|
onSelect={(_event, tabIndex) => handleTabClick(Number(tabIndex))}
|
|
149
134
|
usePageInsets
|
|
@@ -155,7 +140,7 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
155
140
|
<Tab eventKey={3} title={<TabTitleText>Support</TabTitleText>} tabContentId={`tabContent${3}`} />
|
|
156
141
|
</Tabs>
|
|
157
142
|
</PageSection>
|
|
158
|
-
<PageSection variant="light">
|
|
143
|
+
<PageSection isWidthLimited variant="light">
|
|
159
144
|
<TabContent key={0} eventKey={0} id={`tabContent${0}`} activeKey={activeTabKey} hidden={0 !== activeTabKey}>
|
|
160
145
|
<TabContentBody>What's new panel</TabContentBody>
|
|
161
146
|
</TabContent>
|
|
@@ -26,8 +26,6 @@ import {
|
|
|
26
26
|
OverflowMenuItem,
|
|
27
27
|
PageSection,
|
|
28
28
|
PageSectionVariants,
|
|
29
|
-
Pagination,
|
|
30
|
-
PaginationVariant,
|
|
31
29
|
Progress,
|
|
32
30
|
ProgressSize,
|
|
33
31
|
Select,
|
|
@@ -70,13 +68,6 @@ interface Repository {
|
|
|
70
68
|
}
|
|
71
69
|
|
|
72
70
|
export const TablesAndTabs = () => {
|
|
73
|
-
// tab properties
|
|
74
|
-
const [activeTabKey, setActiveTabKey] = React.useState<number>(0);
|
|
75
|
-
// Toggle currently active tab
|
|
76
|
-
const handleTabClick = (tabIndex: number) => {
|
|
77
|
-
setActiveTabKey(tabIndex);
|
|
78
|
-
};
|
|
79
|
-
|
|
80
71
|
// secondary tab properties
|
|
81
72
|
const [secondaryActiveTabKey, setSecondaryActiveTabKey] = React.useState<number>(10);
|
|
82
73
|
const handleSecondaryTabClick = (tabIndex: number) => {
|
|
@@ -84,7 +75,7 @@ export const TablesAndTabs = () => {
|
|
|
84
75
|
};
|
|
85
76
|
|
|
86
77
|
// drawer properties
|
|
87
|
-
const [isExpanded, setIsExpanded] = React.useState<boolean>(
|
|
78
|
+
const [isExpanded, setIsExpanded] = React.useState<boolean>(true);
|
|
88
79
|
|
|
89
80
|
// table properties
|
|
90
81
|
// In real usage, this data would come from some external source like an API via props.
|
|
@@ -116,7 +107,7 @@ export const TablesAndTabs = () => {
|
|
|
116
107
|
const allRowsSelected = selectedRepoNames.length === repositories.length;
|
|
117
108
|
const isRepoSelected = (repo: Repository) => selectedRepoNames.includes(repo.name);
|
|
118
109
|
|
|
119
|
-
const [rowClicked, setRowClicked] = React.useState<string>(
|
|
110
|
+
const [rowClicked, setRowClicked] = React.useState<string>('Node 1');
|
|
120
111
|
const isRowClicked = (repo: Repository) => rowClicked === repo.name;
|
|
121
112
|
|
|
122
113
|
const defaultActions: IAction[] = [
|
|
@@ -204,15 +195,6 @@ export const TablesAndTabs = () => {
|
|
|
204
195
|
/>
|
|
205
196
|
</OverflowMenuControl>
|
|
206
197
|
</OverflowMenu>
|
|
207
|
-
<ToolbarItem variant="pagination">
|
|
208
|
-
<Pagination
|
|
209
|
-
itemCount={36}
|
|
210
|
-
widgetId="pagination-options-menu-bottom"
|
|
211
|
-
page={1}
|
|
212
|
-
variant={PaginationVariant.top}
|
|
213
|
-
isCompact
|
|
214
|
-
/>
|
|
215
|
-
</ToolbarItem>
|
|
216
198
|
</ToolbarContent>
|
|
217
199
|
</Toolbar>
|
|
218
200
|
);
|
|
@@ -239,8 +221,8 @@ export const TablesAndTabs = () => {
|
|
|
239
221
|
<Tr
|
|
240
222
|
key={repo.name}
|
|
241
223
|
onRowClick={event => {
|
|
242
|
-
if ((event
|
|
243
|
-
setRowClicked(rowClicked === repo.name ?
|
|
224
|
+
if ((event?.target as HTMLInputElement).type !== 'checkbox') {
|
|
225
|
+
setRowClicked(rowClicked === repo.name ? '' : repo.name);
|
|
244
226
|
setIsExpanded(!isRowClicked(repo));
|
|
245
227
|
}
|
|
246
228
|
}}
|
|
@@ -301,7 +283,7 @@ export const TablesAndTabs = () => {
|
|
|
301
283
|
<DrawerActions>
|
|
302
284
|
<DrawerCloseButton
|
|
303
285
|
onClick={() => {
|
|
304
|
-
setRowClicked(
|
|
286
|
+
setRowClicked('');
|
|
305
287
|
setIsExpanded(false);
|
|
306
288
|
}}
|
|
307
289
|
/>
|
|
@@ -383,18 +365,7 @@ export const TablesAndTabs = () => {
|
|
|
383
365
|
const tabContent = (
|
|
384
366
|
<Drawer isExpanded={isExpanded} isInline>
|
|
385
367
|
<DrawerContent panelContent={panelContent}>
|
|
386
|
-
<DrawerContentBody>
|
|
387
|
-
{toolbar}
|
|
388
|
-
<Divider />
|
|
389
|
-
{tableComposable}
|
|
390
|
-
<Pagination
|
|
391
|
-
id="page-layout-table-column-management-action-toolbar-bottom"
|
|
392
|
-
itemCount={36}
|
|
393
|
-
widgetId="pagination-options-menu-bottom"
|
|
394
|
-
page={1}
|
|
395
|
-
variant={PaginationVariant.bottom}
|
|
396
|
-
/>
|
|
397
|
-
</DrawerContentBody>
|
|
368
|
+
<DrawerContentBody>{tableComposable}</DrawerContentBody>
|
|
398
369
|
</DrawerContent>
|
|
399
370
|
</Drawer>
|
|
400
371
|
);
|
|
@@ -407,24 +378,10 @@ export const TablesAndTabs = () => {
|
|
|
407
378
|
Nodes
|
|
408
379
|
</Title>
|
|
409
380
|
</PageSection>
|
|
410
|
-
<PageSection type="tabs" variant={PageSectionVariants.light} padding={{ default: 'noPadding' }}>
|
|
411
|
-
<Tabs
|
|
412
|
-
activeKey={activeTabKey}
|
|
413
|
-
onSelect={(_event, tabIndex) => handleTabClick(Number(tabIndex))}
|
|
414
|
-
usePageInsets
|
|
415
|
-
id="tabs-table-tabs-list"
|
|
416
|
-
>
|
|
417
|
-
<Tab eventKey={0} title={<TabTitleText>Nodes</TabTitleText>} tabContentId={`tabContent${0}`} />
|
|
418
|
-
<Tab eventKey={1} title={<TabTitleText>Node connectors</TabTitleText>} tabContentId={`tabContent${1}`} />
|
|
419
|
-
</Tabs>
|
|
420
|
-
</PageSection>
|
|
421
381
|
<PageSection variant={PageSectionVariants.light} padding={{ default: 'noPadding' }}>
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
<TabContent key={1} eventKey={1} id={`tabContent${1}`} activeKey={activeTabKey} hidden={1 !== activeTabKey}>
|
|
426
|
-
<TabContentBody>Node connectors panel</TabContentBody>
|
|
427
|
-
</TabContent>
|
|
382
|
+
{toolbar}
|
|
383
|
+
<Divider />
|
|
384
|
+
{tabContent}
|
|
428
385
|
</PageSection>
|
|
429
386
|
</React.Fragment>
|
|
430
387
|
</DashboardWrapper>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from '../';
|
|
3
|
-
export declare const Button: ({ children, variant, isInline, onClick, iconPosition, icon, ...props }: ButtonProps) => JSX.Element;
|
|
4
|
-
export declare const ButtonVariant: {
|
|
5
|
-
plain: string;
|
|
6
|
-
link: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM,2EAA4E,WAAW,gBAWzG,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAmC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export const Button = (_a) => {
|
|
4
|
-
var { children, variant, isInline, onClick, iconPosition, icon } = _a, props = __rest(_a, ["children", "variant", "isInline", "onClick", "iconPosition", "icon"]);
|
|
5
|
-
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement("button", Object.assign({ onClick: onClick }, props), children),
|
|
7
|
-
React.createElement("p", null, `variant: ${variant}`),
|
|
8
|
-
React.createElement("p", { id: "labelling-id" }, "Test label"),
|
|
9
|
-
React.createElement("p", null, `isInline: ${isInline}`),
|
|
10
|
-
React.createElement("p", null, `iconPosition: ${iconPosition}`),
|
|
11
|
-
React.createElement("div", { "data-testid": "icon" }, icon)));
|
|
12
|
-
};
|
|
13
|
-
export const ButtonVariant = { plain: 'plain', link: 'link' };
|
|
14
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,OAAyB,EAApB,KAAK,cAApE,sEAAsE,CAAF;IAAoB,OAAA,CAC7G;QACE,8CAAQ,OAAO,EAAE,OAAO,IAAM,KAAK,GAChC,QAAQ,CACF;QACT,+BAAI,YAAY,OAAO,EAAE,CAAK;QAC9B,2BAAG,EAAE,EAAC,cAAc,iBAAe;QACnC,+BAAI,aAAa,QAAQ,EAAE,CAAK;QAChC,+BAAI,iBAAiB,YAAY,EAAE,CAAK;QACxC,4CAAiB,MAAM,IAAE,IAAI,CAAO,CACnC,CACJ,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAKrE,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const HelperText = ({ children, isLiveRegion }) => (React.createElement(React.Fragment, null,
|
|
3
|
-
React.createElement("div", { "data-testid": "helper-text-children-container" }, children),
|
|
4
|
-
React.createElement("p", null, `isLiveRegion: ${isLiveRegion}`)));
|
|
5
|
-
//# sourceMappingURL=HelperText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,4CAAiB,gCAAgC,IAAE,QAAQ,CAAO;IAClE,+BAAI,iBAAiB,YAAY,EAAE,CAAK,CACvC,CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,gBAKxE,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const HelperTextItem = ({ children, variant }) => (React.createElement(React.Fragment, null,
|
|
3
|
-
React.createElement("div", { "data-testid": "helper-text-item-children-container" }, children),
|
|
4
|
-
React.createElement("p", null, `variant: ${variant}`)));
|
|
5
|
-
//# sourceMappingURL=HelperTextItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC5E;IACE,4CAAiB,qCAAqC,IAAE,QAAQ,CAAO;IACvE,+BAAI,YAAY,OAAO,EAAE,CAAK,CAC7B,CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from '../';
|
|
3
|
-
export declare const Button: ({ children, variant, isInline, onClick, iconPosition, icon, ...props }: ButtonProps) => JSX.Element;
|
|
4
|
-
export declare const ButtonVariant: {
|
|
5
|
-
plain: string;
|
|
6
|
-
link: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM,2EAA4E,WAAW,gBAWzG,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAmC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ButtonVariant = exports.Button = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
const Button = (_a) => {
|
|
7
|
-
var { children, variant, isInline, onClick, iconPosition, icon } = _a, props = tslib_1.__rest(_a, ["children", "variant", "isInline", "onClick", "iconPosition", "icon"]);
|
|
8
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement("button", Object.assign({ onClick: onClick }, props), children),
|
|
10
|
-
react_1.default.createElement("p", null, `variant: ${variant}`),
|
|
11
|
-
react_1.default.createElement("p", { id: "labelling-id" }, "Test label"),
|
|
12
|
-
react_1.default.createElement("p", null, `isInline: ${isInline}`),
|
|
13
|
-
react_1.default.createElement("p", null, `iconPosition: ${iconPosition}`),
|
|
14
|
-
react_1.default.createElement("div", { "data-testid": "icon" }, icon)));
|
|
15
|
-
};
|
|
16
|
-
exports.Button = Button;
|
|
17
|
-
exports.ButtonVariant = { plain: 'plain', link: 'link' };
|
|
18
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,OAAyB,EAApB,KAAK,sBAApE,sEAAsE,CAAF;IAAoB,OAAA,CAC7G;QACE,wDAAQ,OAAO,EAAE,OAAO,IAAM,KAAK,GAChC,QAAQ,CACF;QACT,yCAAI,YAAY,OAAO,EAAE,CAAK;QAC9B,qCAAG,EAAE,EAAC,cAAc,iBAAe;QACnC,yCAAI,aAAa,QAAQ,EAAE,CAAK;QAChC,yCAAI,iBAAiB,YAAY,EAAE,CAAK;QACxC,sDAAiB,MAAM,IAAE,IAAI,CAAO,CACnC,CACJ,CAAA;CAAA,CAAC;AAXW,QAAA,MAAM,UAWjB;AAEW,QAAA,aAAa,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAKrE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.HelperText = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
const HelperText = ({ children, isLiveRegion }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7
|
-
react_1.default.createElement("div", { "data-testid": "helper-text-children-container" }, children),
|
|
8
|
-
react_1.default.createElement("p", null, `isLiveRegion: ${isLiveRegion}`)));
|
|
9
|
-
exports.HelperText = HelperText;
|
|
10
|
-
//# sourceMappingURL=HelperText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,sDAAiB,gCAAgC,IAAE,QAAQ,CAAO;IAClE,yCAAI,iBAAiB,YAAY,EAAE,CAAK,CACvC,CACJ,CAAC;AALW,QAAA,UAAU,cAKrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,gBAKxE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.HelperTextItem = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
const HelperTextItem = ({ children, variant }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7
|
-
react_1.default.createElement("div", { "data-testid": "helper-text-item-children-container" }, children),
|
|
8
|
-
react_1.default.createElement("p", null, `variant: ${variant}`)));
|
|
9
|
-
exports.HelperTextItem = HelperTextItem;
|
|
10
|
-
//# sourceMappingURL=HelperTextItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC5E;IACE,sDAAiB,qCAAqC,IAAE,QAAQ,CAAO;IACvE,yCAAI,YAAY,OAAO,EAAE,CAAK,CAC7B,CACJ,CAAC;AALW,QAAA,cAAc,kBAKzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./HelperText"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./HelperTextItem"), exports);
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,2DAAiC"}
|