@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.
Files changed (100) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/esm/components/Tabs/Tab.d.ts +4 -2
  3. package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
  4. package/dist/esm/components/Tabs/Tab.js +6 -7
  5. package/dist/esm/components/Tabs/Tab.js.map +1 -1
  6. package/dist/esm/components/Tabs/TabAction.d.ts +20 -0
  7. package/dist/esm/components/Tabs/TabAction.d.ts.map +1 -0
  8. package/dist/esm/components/Tabs/TabAction.js +17 -0
  9. package/dist/esm/components/Tabs/TabAction.js.map +1 -0
  10. package/dist/esm/components/Tabs/Tabs.d.ts +1 -1
  11. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  12. package/dist/esm/components/Tabs/index.d.ts +1 -0
  13. package/dist/esm/components/Tabs/index.d.ts.map +1 -1
  14. package/dist/esm/components/Tabs/index.js +1 -0
  15. package/dist/esm/components/Tabs/index.js.map +1 -1
  16. package/dist/js/components/Tabs/Tab.d.ts +4 -2
  17. package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
  18. package/dist/js/components/Tabs/Tab.js +6 -7
  19. package/dist/js/components/Tabs/Tab.js.map +1 -1
  20. package/dist/js/components/Tabs/TabAction.d.ts +20 -0
  21. package/dist/js/components/Tabs/TabAction.d.ts.map +1 -0
  22. package/dist/js/components/Tabs/TabAction.js +20 -0
  23. package/dist/js/components/Tabs/TabAction.js.map +1 -0
  24. package/dist/js/components/Tabs/Tabs.d.ts +1 -1
  25. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  26. package/dist/js/components/Tabs/index.d.ts +1 -0
  27. package/dist/js/components/Tabs/index.d.ts.map +1 -1
  28. package/dist/js/components/Tabs/index.js +1 -0
  29. package/dist/js/components/Tabs/index.js.map +1 -1
  30. package/dist/styles/assets/pficon/pficon.scss +12 -0
  31. package/dist/styles/assets/pficon/pficon.woff +0 -0
  32. package/dist/styles/assets/pficon/pficon.woff2 +0 -0
  33. package/dist/styles/base-no-reset.css +10 -0
  34. package/dist/styles/base.css +10 -0
  35. package/dist/umd/react-core.min.css +1063 -894
  36. package/dist/umd/react-core.min.js +1 -1
  37. package/package.json +14 -7
  38. package/src/components/Tabs/Tab.tsx +17 -16
  39. package/src/components/Tabs/TabAction.tsx +57 -0
  40. package/src/components/Tabs/Tabs.tsx +1 -1
  41. package/src/components/Tabs/__tests__/Tab.test.tsx +10 -0
  42. package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +45 -0
  43. package/src/components/Tabs/examples/Tabs.md +64 -20
  44. package/src/components/Tabs/examples/TabsHelp.tsx +61 -0
  45. package/src/components/Tabs/examples/TabsHelpAndClose.tsx +84 -0
  46. package/src/components/Tabs/index.ts +1 -0
  47. package/src/components/Tooltip/examples/Tooltip.md +5 -285
  48. package/src/components/Tooltip/examples/TooltipBasic.tsx +16 -0
  49. package/src/components/Tooltip/examples/TooltipIcon.tsx +24 -0
  50. package/src/components/Tooltip/examples/TooltipOptions.tsx +197 -0
  51. package/src/components/Tooltip/examples/TooltipReactRef.tsx +22 -0
  52. package/src/components/Tooltip/examples/TooltipSelectorRef.tsx +19 -0
  53. package/src/demos/Tabs.md +0 -10
  54. package/src/demos/examples/DashboardWrapper.js +1 -0
  55. package/src/demos/examples/Tabs/ModalTabs.tsx +3 -3
  56. package/src/demos/examples/Tabs/NestedTabs.tsx +11 -3
  57. package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +25 -40
  58. package/src/demos/examples/Tabs/TabsAndTable.tsx +9 -52
  59. package/dist/esm/components/Button/__mocks__/Button.d.ts +0 -8
  60. package/dist/esm/components/Button/__mocks__/Button.d.ts.map +0 -1
  61. package/dist/esm/components/Button/__mocks__/Button.js +0 -14
  62. package/dist/esm/components/Button/__mocks__/Button.js.map +0 -1
  63. package/dist/esm/components/Button/__mocks__/index.d.ts +0 -2
  64. package/dist/esm/components/Button/__mocks__/index.d.ts.map +0 -1
  65. package/dist/esm/components/Button/__mocks__/index.js +0 -2
  66. package/dist/esm/components/Button/__mocks__/index.js.map +0 -1
  67. package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts +0 -4
  68. package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts.map +0 -1
  69. package/dist/esm/components/HelperText/__mocks__/HelperText.js +0 -5
  70. package/dist/esm/components/HelperText/__mocks__/HelperText.js.map +0 -1
  71. package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts +0 -4
  72. package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts.map +0 -1
  73. package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js +0 -5
  74. package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js.map +0 -1
  75. package/dist/esm/components/HelperText/__mocks__/index.d.ts +0 -3
  76. package/dist/esm/components/HelperText/__mocks__/index.d.ts.map +0 -1
  77. package/dist/esm/components/HelperText/__mocks__/index.js +0 -3
  78. package/dist/esm/components/HelperText/__mocks__/index.js.map +0 -1
  79. package/dist/js/components/Button/__mocks__/Button.d.ts +0 -8
  80. package/dist/js/components/Button/__mocks__/Button.d.ts.map +0 -1
  81. package/dist/js/components/Button/__mocks__/Button.js +0 -18
  82. package/dist/js/components/Button/__mocks__/Button.js.map +0 -1
  83. package/dist/js/components/Button/__mocks__/index.d.ts +0 -2
  84. package/dist/js/components/Button/__mocks__/index.d.ts.map +0 -1
  85. package/dist/js/components/Button/__mocks__/index.js +0 -5
  86. package/dist/js/components/Button/__mocks__/index.js.map +0 -1
  87. package/dist/js/components/HelperText/__mocks__/HelperText.d.ts +0 -4
  88. package/dist/js/components/HelperText/__mocks__/HelperText.d.ts.map +0 -1
  89. package/dist/js/components/HelperText/__mocks__/HelperText.js +0 -10
  90. package/dist/js/components/HelperText/__mocks__/HelperText.js.map +0 -1
  91. package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts +0 -4
  92. package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts.map +0 -1
  93. package/dist/js/components/HelperText/__mocks__/HelperTextItem.js +0 -10
  94. package/dist/js/components/HelperText/__mocks__/HelperTextItem.js.map +0 -1
  95. package/dist/js/components/HelperText/__mocks__/index.d.ts +0 -3
  96. package/dist/js/components/HelperText/__mocks__/index.d.ts.map +0 -1
  97. package/dist/js/components/HelperText/__mocks__/index.js +0 -6
  98. package/dist/js/components/HelperText/__mocks__/index.js.map +0 -1
  99. package/src/demos/examples/Tabs/GrayTabs.tsx +0 -152
  100. 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">Status</Title>
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">Title of Card</Title>
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">Title of Card</Title>
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['2xl']}>
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
- <GridItem>
72
- <Card isFullHeight>
73
- <CardHeader>Check system requirements</CardHeader>
74
- <CardBody>
75
- Your physical or virtual machine should meet the <a href="#">system requirement</a>.
76
- </CardBody>
77
- </Card>
78
- </GridItem>
79
-
80
- <GridItem>
81
- <Card isFullHeight>
82
- <CardHeader>Download an installation ISO image</CardHeader>
83
- <CardBody>
84
- {' '}
85
- <a href="#">Download</a> the binary DVD ISO.
86
- </CardBody>
87
- </Card>
88
- </GridItem>
89
- <GridItem>
90
- <Card isFullHeight>
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>(false);
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>(null);
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.target as HTMLInputElement).type !== 'checkbox') {
243
- setRowClicked(rowClicked === repo.name ? null : 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(null);
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
- <TabContent key={0} eventKey={0} id={`tabContent${0}`} activeKey={activeTabKey} hidden={0 !== activeTabKey}>
423
- <TabContentBody>{tabContent}</TabContentBody>
424
- </TabContent>
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,2 +0,0 @@
1
- export * from './Button';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export * from './Button';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HelperTextProps } from '../';
3
- export declare const HelperText: ({ children, isLiveRegion }: HelperTextProps) => JSX.Element;
4
- //# sourceMappingURL=HelperText.d.ts.map
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HelperTextItemProps } from '../';
3
- export declare const HelperTextItem: ({ children, variant }: HelperTextItemProps) => JSX.Element;
4
- //# sourceMappingURL=HelperTextItem.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './HelperText';
2
- export * from './HelperTextItem';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './HelperText';
2
- export * from './HelperTextItem';
3
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export * from './Button';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Button"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HelperTextProps } from '../';
3
- export declare const HelperText: ({ children, isLiveRegion }: HelperTextProps) => JSX.Element;
4
- //# sourceMappingURL=HelperText.d.ts.map
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HelperTextItemProps } from '../';
3
- export declare const HelperTextItem: ({ children, variant }: HelperTextItemProps) => JSX.Element;
4
- //# sourceMappingURL=HelperTextItem.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './HelperText';
2
- export * from './HelperTextItem';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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"}