@patternfly/react-core 6.0.0-alpha.87 → 6.0.0-alpha.88
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 +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +3 -11
- package/dist/esm/components/Content/Content.d.ts +3 -3
- package/dist/esm/components/Content/Content.d.ts.map +1 -1
- package/dist/esm/components/Content/Content.js +24 -24
- package/dist/esm/components/Content/Content.js.map +1 -1
- package/dist/esm/components/Content/index.d.ts +0 -3
- package/dist/esm/components/Content/index.d.ts.map +1 -1
- package/dist/esm/components/Content/index.js +0 -3
- package/dist/esm/components/Content/index.js.map +1 -1
- package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/esm/demos/DashboardWrapper.js +4 -4
- package/dist/esm/demos/DashboardWrapper.js.map +1 -1
- package/dist/js/components/Content/Content.d.ts +3 -3
- package/dist/js/components/Content/Content.d.ts.map +1 -1
- package/dist/js/components/Content/Content.js +26 -26
- package/dist/js/components/Content/Content.js.map +1 -1
- package/dist/js/components/Content/index.d.ts +0 -3
- package/dist/js/components/Content/index.d.ts.map +1 -1
- package/dist/js/components/Content/index.js +0 -3
- package/dist/js/components/Content/index.js.map +1 -1
- package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/js/demos/DashboardWrapper.js +3 -3
- package/dist/js/demos/DashboardWrapper.js.map +1 -1
- package/dist/umd/assets/{output-InLLAkYl.css → output-DbCJu18k.css} +3546 -3546
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/AboutModal/examples/AboutModalBasic.tsx +19 -19
- package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +21 -21
- package/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +19 -19
- package/src/components/Content/Content.tsx +6 -6
- package/src/components/Content/__tests__/Content.test.tsx +194 -20
- package/src/components/Content/__tests__/__snapshots__/Content.test.tsx.snap +1 -1
- package/src/components/Content/examples/Content.md +13 -13
- package/src/components/Content/examples/ContentBody.tsx +12 -10
- package/src/components/Content/examples/ContentDescriptionList.tsx +9 -11
- package/src/components/Content/examples/ContentHeadings.tsx +7 -7
- package/src/components/Content/examples/ContentOrderedList.tsx +10 -10
- package/src/components/Content/examples/ContentPlainList.tsx +22 -18
- package/src/components/Content/examples/ContentUnorderedList.tsx +12 -12
- package/src/components/Content/examples/ContentVisited.tsx +23 -23
- package/src/components/Content/examples/ContentWrapper.tsx +7 -7
- package/src/components/Content/index.ts +0 -3
- package/src/components/DataList/examples/DataListWidthModifiers.tsx +10 -12
- package/src/components/Icon/examples/IconInline.tsx +10 -12
- package/src/components/Modal/examples/ModalCustomHeader.tsx +4 -6
- package/src/components/Slider/examples/SliderActions.tsx +2 -2
- package/src/components/Slider/examples/SliderContinuous.tsx +3 -3
- package/src/components/Slider/examples/SliderDisabled.tsx +2 -2
- package/src/components/Slider/examples/SliderDiscrete.tsx +14 -14
- package/src/components/Spinner/examples/SpinnerInline.tsx +10 -12
- package/src/demos/Banner.md +14 -25
- package/src/demos/CardView/examples/CardView.tsx +5 -6
- package/src/demos/DashboardWrapper.tsx +6 -7
- package/src/demos/DataList/examples/DataListBasic.tsx +17 -20
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +7 -9
- package/src/demos/DescriptionList/examples/DescriptionListBasic.tsx +6 -8
- package/src/demos/JumpLinks.md +3 -3
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +7 -8
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +7 -8
- package/src/demos/RTL/examples/PaginatedTable.jsx +5 -7
- package/src/demos/RTL/examples/PaginatedTable.tsx +5 -7
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +14 -15
- package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +7 -8
- package/src/demos/examples/DashboardWrapper.js +6 -7
- package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -3
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +9 -13
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +5 -6
- package/src/demos/examples/Nav/NavDefault.tsx +8 -9
- package/src/demos/examples/Nav/NavExpandable.tsx +8 -9
- package/src/demos/examples/Nav/NavGrouped.tsx +8 -9
- package/src/demos/examples/Nav/NavHorizontal.tsx +7 -8
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +7 -8
- package/src/demos/examples/Nav/NavManual.tsx +7 -8
- package/src/demos/examples/Nav/NavWithSubnav.tsx +8 -9
- package/src/demos/examples/Page/PageContextSelector.tsx +5 -6
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +5 -6
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +5 -6
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +5 -6
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +10 -14
- package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +7 -8
- package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +8 -10
- package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +7 -8
- package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +7 -8
- package/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx +8 -10
- package/src/demos/examples/Tabs/ModalTabs.tsx +5 -6
- package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +4 -5
- package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +4 -6
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +5 -6
- package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +8 -9
- package/dist/esm/components/Content/TextContent.d.ts +0 -11
- package/dist/esm/components/Content/TextContent.d.ts.map +0 -1
- package/dist/esm/components/Content/TextContent.js +0 -10
- package/dist/esm/components/Content/TextContent.js.map +0 -1
- package/dist/esm/components/Content/TextList.d.ts +0 -18
- package/dist/esm/components/Content/TextList.d.ts.map +0 -1
- package/dist/esm/components/Content/TextList.js +0 -22
- package/dist/esm/components/Content/TextList.js.map +0 -1
- package/dist/esm/components/Content/TextListItem.d.ts +0 -16
- package/dist/esm/components/Content/TextListItem.d.ts.map +0 -1
- package/dist/esm/components/Content/TextListItem.js +0 -22
- package/dist/esm/components/Content/TextListItem.js.map +0 -1
- package/dist/js/components/Content/TextContent.d.ts +0 -11
- package/dist/js/components/Content/TextContent.d.ts.map +0 -1
- package/dist/js/components/Content/TextContent.js +0 -14
- package/dist/js/components/Content/TextContent.js.map +0 -1
- package/dist/js/components/Content/TextList.d.ts +0 -18
- package/dist/js/components/Content/TextList.d.ts.map +0 -1
- package/dist/js/components/Content/TextList.js +0 -26
- package/dist/js/components/Content/TextList.js.map +0 -1
- package/dist/js/components/Content/TextListItem.d.ts +0 -16
- package/dist/js/components/Content/TextListItem.d.ts.map +0 -1
- package/dist/js/components/Content/TextListItem.js +0 -26
- package/dist/js/components/Content/TextListItem.js.map +0 -1
- package/src/components/Content/TextContent.tsx +0 -25
- package/src/components/Content/TextList.tsx +0 -43
- package/src/components/Content/TextListItem.tsx +0 -40
- package/src/components/Content/__tests__/Generated/TextContent.test.tsx +0 -13
- package/src/components/Content/__tests__/Generated/TextList.test.tsx +0 -13
- package/src/components/Content/__tests__/Generated/TextListItem.test.tsx +0 -13
- package/src/components/Content/__tests__/Generated/__snapshots__/TextContent.test.tsx.snap +0 -11
- package/src/components/Content/__tests__/Generated/__snapshots__/TextList.test.tsx.snap +0 -11
- package/src/components/Content/__tests__/Generated/__snapshots__/TextListItem.test.tsx.snap +0 -11
- package/src/components/Content/__tests__/TextContent.test.tsx +0 -48
- package/src/components/Content/__tests__/TextList.test.tsx +0 -52
- package/src/components/Content/__tests__/TextListItem.test.tsx +0 -47
- package/src/components/Content/__tests__/__snapshots__/TextContent.test.tsx.snap +0 -11
- package/src/components/Content/__tests__/__snapshots__/TextList.test.tsx.snap +0 -11
- package/src/components/Content/__tests__/__snapshots__/TextListItem.test.tsx.snap +0 -11
- package/src/components/Text/examples/Text.md +0 -8
|
@@ -2,8 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
|
|
3
3
|
import {
|
|
4
4
|
PageSection,
|
|
5
|
-
|
|
6
|
-
Text,
|
|
5
|
+
Content,
|
|
7
6
|
Gallery,
|
|
8
7
|
Card,
|
|
9
8
|
CardBody,
|
|
@@ -82,10 +81,10 @@ export const ModalTabs: React.FunctionComponent = () => {
|
|
|
82
81
|
<React.Fragment>
|
|
83
82
|
<DashboardWrapper mainContainerId="main-content-card-view-default-nav">
|
|
84
83
|
<PageSection>
|
|
85
|
-
<
|
|
86
|
-
<
|
|
87
|
-
<
|
|
88
|
-
</
|
|
84
|
+
<Content>
|
|
85
|
+
<h1>Projects</h1>
|
|
86
|
+
<p>Click any project card to view tabs within modals.</p>
|
|
87
|
+
</Content>
|
|
89
88
|
</PageSection>
|
|
90
89
|
<PageSection isFilled>
|
|
91
90
|
<Gallery hasGutter aria-label="Selectable card container">
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
Card,
|
|
4
4
|
CardHeader,
|
|
5
5
|
CardBody,
|
|
6
|
+
Content,
|
|
6
7
|
Grid,
|
|
7
8
|
GridItem,
|
|
8
9
|
PageSection,
|
|
@@ -12,8 +13,6 @@ import {
|
|
|
12
13
|
TabContentBody,
|
|
13
14
|
TabTitleText,
|
|
14
15
|
Title,
|
|
15
|
-
Text,
|
|
16
|
-
TextContent,
|
|
17
16
|
TitleSizes,
|
|
18
17
|
CardTitle
|
|
19
18
|
} from '@patternfly/react-core';
|
|
@@ -65,9 +64,9 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
|
|
|
65
64
|
<TabContentBody>
|
|
66
65
|
<Grid hasGutter>
|
|
67
66
|
<GridItem>
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
</
|
|
67
|
+
<Content component="p">
|
|
68
|
+
To perform a standard x86_64 installation using the GUI, you'll need to:
|
|
69
|
+
</Content>
|
|
71
70
|
</GridItem>
|
|
72
71
|
<Grid md={6} xl2={3} hasGutter>
|
|
73
72
|
<Card component="div">
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import {
|
|
3
3
|
Button,
|
|
4
|
+
Content,
|
|
4
5
|
Drawer,
|
|
5
6
|
DrawerActions,
|
|
6
7
|
DrawerCloseButton,
|
|
@@ -11,9 +12,6 @@ import {
|
|
|
11
12
|
Flex,
|
|
12
13
|
Modal,
|
|
13
14
|
ModalVariant,
|
|
14
|
-
Text,
|
|
15
|
-
TextContent,
|
|
16
|
-
TextVariants,
|
|
17
15
|
Wizard,
|
|
18
16
|
WizardHeader,
|
|
19
17
|
WizardStep
|
|
@@ -59,8 +57,8 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
|
|
|
59
57
|
spaceItems={{ default: 'spaceItemsLg' }}
|
|
60
58
|
height="100%"
|
|
61
59
|
>
|
|
62
|
-
<
|
|
63
|
-
<
|
|
60
|
+
<Content>
|
|
61
|
+
<h1>{stepName} content</h1>
|
|
64
62
|
<p>
|
|
65
63
|
Wizard description goes here. If you need more assistance,{' '}
|
|
66
64
|
<Button isInline variant="link" onClick={onOpenClick}>
|
|
@@ -68,7 +66,7 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
|
|
|
68
66
|
</Button>{' '}
|
|
69
67
|
in the side drawer.{' '}
|
|
70
68
|
</p>
|
|
71
|
-
</
|
|
69
|
+
</Content>
|
|
72
70
|
</Flex>
|
|
73
71
|
</DrawerContent>
|
|
74
72
|
</Drawer>
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
Breadcrumb,
|
|
5
5
|
BreadcrumbItem,
|
|
6
6
|
Button,
|
|
7
|
+
Content,
|
|
7
8
|
Drawer,
|
|
8
9
|
DrawerActions,
|
|
9
10
|
DrawerCloseButton,
|
|
@@ -21,8 +22,6 @@ import {
|
|
|
21
22
|
PageSidebar,
|
|
22
23
|
PageSidebarBody,
|
|
23
24
|
SkipToContent,
|
|
24
|
-
Text,
|
|
25
|
-
TextContent,
|
|
26
25
|
Masthead,
|
|
27
26
|
PageToggleButton,
|
|
28
27
|
MastheadToggle,
|
|
@@ -159,10 +158,10 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
|
|
|
159
158
|
mainContainerId={pageId}
|
|
160
159
|
>
|
|
161
160
|
<PageSection>
|
|
162
|
-
<
|
|
163
|
-
<
|
|
164
|
-
<
|
|
165
|
-
</
|
|
161
|
+
<Content>
|
|
162
|
+
<h1>Main title</h1>
|
|
163
|
+
<p>A demo of a wizard in a page.</p>
|
|
164
|
+
</Content>
|
|
166
165
|
</PageSection>
|
|
167
166
|
<PageSection type={PageSectionTypes.wizard}>
|
|
168
167
|
<Wizard>
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
Breadcrumb,
|
|
5
5
|
BreadcrumbItem,
|
|
6
6
|
Button,
|
|
7
|
+
Content,
|
|
7
8
|
Drawer,
|
|
8
9
|
DrawerActions,
|
|
9
10
|
DrawerCloseButton,
|
|
@@ -21,8 +22,6 @@ import {
|
|
|
21
22
|
PageSidebar,
|
|
22
23
|
PageSidebarBody,
|
|
23
24
|
SkipToContent,
|
|
24
|
-
Text,
|
|
25
|
-
TextContent,
|
|
26
25
|
Masthead,
|
|
27
26
|
PageToggleButton,
|
|
28
27
|
MastheadToggle,
|
|
@@ -138,8 +137,8 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
|
|
|
138
137
|
spaceItems={{ default: 'spaceItemsLg' }}
|
|
139
138
|
height="100%"
|
|
140
139
|
>
|
|
141
|
-
<
|
|
142
|
-
<
|
|
140
|
+
<Content>
|
|
141
|
+
<p>{stepName} content</p>
|
|
143
142
|
<p>
|
|
144
143
|
Wizard description goes here. If you need more assistance,{' '}
|
|
145
144
|
<Button isInline variant="link" onClick={onOpenClick}>
|
|
@@ -147,7 +146,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
|
|
|
147
146
|
</Button>{' '}
|
|
148
147
|
in the side drawer.{' '}
|
|
149
148
|
</p>
|
|
150
|
-
</
|
|
149
|
+
</Content>
|
|
151
150
|
</Flex>
|
|
152
151
|
</DrawerContent>
|
|
153
152
|
</Drawer>
|
|
@@ -164,10 +163,10 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
|
|
|
164
163
|
mainContainerId={pageId}
|
|
165
164
|
>
|
|
166
165
|
<PageSection>
|
|
167
|
-
<
|
|
168
|
-
<
|
|
169
|
-
<
|
|
170
|
-
</
|
|
166
|
+
<Content>
|
|
167
|
+
<h1>Main title</h1>
|
|
168
|
+
<p>A demo of a wizard in a page.</p>
|
|
169
|
+
</Content>
|
|
171
170
|
</PageSection>
|
|
172
171
|
<PageSection type={PageSectionTypes.wizard} ß>
|
|
173
172
|
<Wizard>
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered within the TextContent */
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the TextContent */
|
|
6
|
-
className?: string;
|
|
7
|
-
/** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
|
|
8
|
-
isVisited?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const TextContent: React.FunctionComponent<TextContentProps>;
|
|
11
|
-
//# sourceMappingURL=TextContent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4IAA4I;IAC5I,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CASjE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
|
|
4
|
-
import { css } from '@patternfly/react-styles';
|
|
5
|
-
export const TextContent = (_a) => {
|
|
6
|
-
var { children, className = '', isVisited = false } = _a, props = __rest(_a, ["children", "className", "isVisited"]);
|
|
7
|
-
return (React.createElement("div", Object.assign({}, props, { className: css(styles.content, isVisited && styles.modifiers.visited, className) }), children));
|
|
8
|
-
};
|
|
9
|
-
TextContent.displayName = 'TextContent';
|
|
10
|
-
//# sourceMappingURL=TextContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAKpD,EAAE,EAAE;QALgD,EACrE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,OAEA,EADd,KAAK,cAJ6D,sCAKtE,CADS;IACc,OAAA,CACtB,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum TextListVariants {
|
|
3
|
-
ul = "ul",
|
|
4
|
-
ol = "ol",
|
|
5
|
-
dl = "dl"
|
|
6
|
-
}
|
|
7
|
-
export interface TextListProps extends React.HTMLProps<HTMLElement> {
|
|
8
|
-
/** Content rendered within the TextList */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** Additional classes added to the TextList */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The text list component */
|
|
13
|
-
component?: 'ul' | 'ol' | 'dl';
|
|
14
|
-
/** Modifies the list to include plain styling */
|
|
15
|
-
isPlain?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextList: React.FunctionComponent<TextListProps>;
|
|
18
|
-
//# sourceMappingURL=TextList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextList.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,gBAAgB;IAC1B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACjE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAc3D,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
|
|
4
|
-
import { css } from '@patternfly/react-styles';
|
|
5
|
-
export var TextListVariants;
|
|
6
|
-
(function (TextListVariants) {
|
|
7
|
-
TextListVariants["ul"] = "ul";
|
|
8
|
-
TextListVariants["ol"] = "ol";
|
|
9
|
-
TextListVariants["dl"] = "dl";
|
|
10
|
-
})(TextListVariants || (TextListVariants = {}));
|
|
11
|
-
const componentStyles = {
|
|
12
|
-
ul: styles.contentUl,
|
|
13
|
-
ol: styles.contentOl,
|
|
14
|
-
dl: styles.contentDl
|
|
15
|
-
};
|
|
16
|
-
export const TextList = (_a) => {
|
|
17
|
-
var { children = null, className = '', component = TextListVariants.ul, isPlain = false } = _a, props = __rest(_a, ["children", "className", "component", "isPlain"]);
|
|
18
|
-
const Component = component;
|
|
19
|
-
return (React.createElement(Component, Object.assign({}, props, { className: css(isPlain && styles.modifiers.plain, componentStyles[component], className) }), children));
|
|
20
|
-
};
|
|
21
|
-
TextList.displayName = 'TextList';
|
|
22
|
-
//# sourceMappingURL=TextList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextList.js","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;CACrB,CAAC;AAaF,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAMjD,EAAE,EAAE;QAN6C,EAC/D,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,gBAAgB,CAAC,EAAE,EAC/B,OAAO,GAAG,KAAK,OAED,EADX,KAAK,cALuD,iDAMhE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KAC3G,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum TextListItemVariants {
|
|
3
|
-
li = "li",
|
|
4
|
-
dt = "dt",
|
|
5
|
-
dd = "dd"
|
|
6
|
-
}
|
|
7
|
-
export interface TextListItemProps extends React.HTMLProps<HTMLElement> {
|
|
8
|
-
/** Content rendered within the TextListItem */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** Additional classes added to the TextListItem */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The text list item component */
|
|
13
|
-
component?: 'li' | 'dt' | 'dd';
|
|
14
|
-
}
|
|
15
|
-
export declare const TextListItem: React.FunctionComponent<TextListItemProps>;
|
|
16
|
-
//# sourceMappingURL=TextListItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACrE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAanE,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
|
|
4
|
-
import { css } from '@patternfly/react-styles';
|
|
5
|
-
export var TextListItemVariants;
|
|
6
|
-
(function (TextListItemVariants) {
|
|
7
|
-
TextListItemVariants["li"] = "li";
|
|
8
|
-
TextListItemVariants["dt"] = "dt";
|
|
9
|
-
TextListItemVariants["dd"] = "dd";
|
|
10
|
-
})(TextListItemVariants || (TextListItemVariants = {}));
|
|
11
|
-
const componentStyles = {
|
|
12
|
-
li: styles.contentLi,
|
|
13
|
-
dt: styles.contentDt,
|
|
14
|
-
dd: styles.contentDd
|
|
15
|
-
};
|
|
16
|
-
export const TextListItem = (_a) => {
|
|
17
|
-
var { children = null, className = '', component = TextListItemVariants.li } = _a, props = __rest(_a, ["children", "className", "component"]);
|
|
18
|
-
const Component = component;
|
|
19
|
-
return (React.createElement(Component, Object.assign({}, props, { className: css(componentStyles[component], className) }), children));
|
|
20
|
-
};
|
|
21
|
-
TextListItem.displayName = 'TextListItem';
|
|
22
|
-
//# sourceMappingURL=TextListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextListItem.js","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,iCAAS,CAAA;IACT,iCAAS,CAAA;AACX,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;CACrB,CAAC;AAWF,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAKrD,EAAE,EAAE;QALiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,oBAAoB,CAAC,EAAE,OAEjB,EADf,KAAK,cAJ+D,sCAKxE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KACxE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered within the TextContent */
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the TextContent */
|
|
6
|
-
className?: string;
|
|
7
|
-
/** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
|
|
8
|
-
isVisited?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const TextContent: React.FunctionComponent<TextContentProps>;
|
|
11
|
-
//# sourceMappingURL=TextContent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4IAA4I;IAC5I,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CASjE,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextContent = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const content_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Content/content"));
|
|
7
|
-
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const TextContent = (_a) => {
|
|
9
|
-
var { children, className = '', isVisited = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isVisited"]);
|
|
10
|
-
return (React.createElement("div", Object.assign({}, props, { className: (0, react_styles_1.css)(content_1.default.content, isVisited && content_1.default.modifiers.visited, className) }), children));
|
|
11
|
-
};
|
|
12
|
-
exports.TextContent = TextContent;
|
|
13
|
-
exports.TextContent.displayName = 'TextContent';
|
|
14
|
-
//# sourceMappingURL=TextContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAWxC,MAAM,WAAW,GAA8C,CAAC,EAKpD,EAAE,EAAE;QALgD,EACrE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,OAEA,EADd,KAAK,sBAJ6D,sCAKtE,CADS;IACc,OAAA,CACtB,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,OAAO,EAAE,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AATW,QAAA,WAAW,eAStB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum TextListVariants {
|
|
3
|
-
ul = "ul",
|
|
4
|
-
ol = "ol",
|
|
5
|
-
dl = "dl"
|
|
6
|
-
}
|
|
7
|
-
export interface TextListProps extends React.HTMLProps<HTMLElement> {
|
|
8
|
-
/** Content rendered within the TextList */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** Additional classes added to the TextList */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The text list component */
|
|
13
|
-
component?: 'ul' | 'ol' | 'dl';
|
|
14
|
-
/** Modifies the list to include plain styling */
|
|
15
|
-
isPlain?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextList: React.FunctionComponent<TextListProps>;
|
|
18
|
-
//# sourceMappingURL=TextList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextList.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,gBAAgB;IAC1B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACjE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAc3D,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextList = exports.TextListVariants = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const content_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Content/content"));
|
|
7
|
-
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
var TextListVariants;
|
|
9
|
-
(function (TextListVariants) {
|
|
10
|
-
TextListVariants["ul"] = "ul";
|
|
11
|
-
TextListVariants["ol"] = "ol";
|
|
12
|
-
TextListVariants["dl"] = "dl";
|
|
13
|
-
})(TextListVariants || (exports.TextListVariants = TextListVariants = {}));
|
|
14
|
-
const componentStyles = {
|
|
15
|
-
ul: content_1.default.contentUl,
|
|
16
|
-
ol: content_1.default.contentOl,
|
|
17
|
-
dl: content_1.default.contentDl
|
|
18
|
-
};
|
|
19
|
-
const TextList = (_a) => {
|
|
20
|
-
var { children = null, className = '', component = TextListVariants.ul, isPlain = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isPlain"]);
|
|
21
|
-
const Component = component;
|
|
22
|
-
return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(isPlain && content_1.default.modifiers.plain, componentStyles[component], className) }), children));
|
|
23
|
-
};
|
|
24
|
-
exports.TextList = TextList;
|
|
25
|
-
exports.TextList.displayName = 'TextList';
|
|
26
|
-
//# sourceMappingURL=TextList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextList.js","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAE/C,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;CACrB,CAAC;AAaK,MAAM,QAAQ,GAA2C,CAAC,EAMjD,EAAE,EAAE;QAN6C,EAC/D,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,gBAAgB,CAAC,EAAE,EAC/B,OAAO,GAAG,KAAK,OAED,EADX,KAAK,sBALuD,iDAMhE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,OAAO,IAAI,iBAAM,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KAC3G,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum TextListItemVariants {
|
|
3
|
-
li = "li",
|
|
4
|
-
dt = "dt",
|
|
5
|
-
dd = "dd"
|
|
6
|
-
}
|
|
7
|
-
export interface TextListItemProps extends React.HTMLProps<HTMLElement> {
|
|
8
|
-
/** Content rendered within the TextListItem */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** Additional classes added to the TextListItem */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The text list item component */
|
|
13
|
-
component?: 'li' | 'dt' | 'dd';
|
|
14
|
-
}
|
|
15
|
-
export declare const TextListItem: React.FunctionComponent<TextListItemProps>;
|
|
16
|
-
//# sourceMappingURL=TextListItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACrE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAanE,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextListItem = exports.TextListItemVariants = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const content_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Content/content"));
|
|
7
|
-
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
var TextListItemVariants;
|
|
9
|
-
(function (TextListItemVariants) {
|
|
10
|
-
TextListItemVariants["li"] = "li";
|
|
11
|
-
TextListItemVariants["dt"] = "dt";
|
|
12
|
-
TextListItemVariants["dd"] = "dd";
|
|
13
|
-
})(TextListItemVariants || (exports.TextListItemVariants = TextListItemVariants = {}));
|
|
14
|
-
const componentStyles = {
|
|
15
|
-
li: content_1.default.contentLi,
|
|
16
|
-
dt: content_1.default.contentDt,
|
|
17
|
-
dd: content_1.default.contentDd
|
|
18
|
-
};
|
|
19
|
-
const TextListItem = (_a) => {
|
|
20
|
-
var { children = null, className = '', component = TextListItemVariants.li } = _a, props = tslib_1.__rest(_a, ["children", "className", "component"]);
|
|
21
|
-
const Component = component;
|
|
22
|
-
return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(componentStyles[component], className) }), children));
|
|
23
|
-
};
|
|
24
|
-
exports.TextListItem = TextListItem;
|
|
25
|
-
exports.TextListItem.displayName = 'TextListItem';
|
|
26
|
-
//# sourceMappingURL=TextListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextListItem.js","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAE/C,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,iCAAS,CAAA;IACT,iCAAS,CAAA;AACX,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;CACrB,CAAC;AAWK,MAAM,YAAY,GAA+C,CAAC,EAKrD,EAAE,EAAE;QALiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,oBAAoB,CAAC,EAAE,OAEjB,EADf,KAAK,sBAJ+D,sCAKxE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KACxE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import styles from '@patternfly/react-styles/css/components/Content/content';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
|
|
5
|
-
export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
6
|
-
/** Content rendered within the TextContent */
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
/** Additional classes added to the TextContent */
|
|
9
|
-
className?: string;
|
|
10
|
-
/** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
|
|
11
|
-
isVisited?: boolean;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const TextContent: React.FunctionComponent<TextContentProps> = ({
|
|
15
|
-
children,
|
|
16
|
-
className = '',
|
|
17
|
-
isVisited = false,
|
|
18
|
-
...props
|
|
19
|
-
}: TextContentProps) => (
|
|
20
|
-
<div {...props} className={css(styles.content, isVisited && styles.modifiers.visited, className)}>
|
|
21
|
-
{children}
|
|
22
|
-
</div>
|
|
23
|
-
);
|
|
24
|
-
|
|
25
|
-
TextContent.displayName = 'TextContent';
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import styles from '@patternfly/react-styles/css/components/Content/content';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
|
|
5
|
-
export enum TextListVariants {
|
|
6
|
-
ul = 'ul',
|
|
7
|
-
ol = 'ol',
|
|
8
|
-
dl = 'dl'
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const componentStyles = {
|
|
12
|
-
ul: styles.contentUl,
|
|
13
|
-
ol: styles.contentOl,
|
|
14
|
-
dl: styles.contentDl
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export interface TextListProps extends React.HTMLProps<HTMLElement> {
|
|
18
|
-
/** Content rendered within the TextList */
|
|
19
|
-
children?: React.ReactNode;
|
|
20
|
-
/** Additional classes added to the TextList */
|
|
21
|
-
className?: string;
|
|
22
|
-
/** The text list component */
|
|
23
|
-
component?: 'ul' | 'ol' | 'dl';
|
|
24
|
-
/** Modifies the list to include plain styling */
|
|
25
|
-
isPlain?: boolean;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export const TextList: React.FunctionComponent<TextListProps> = ({
|
|
29
|
-
children = null,
|
|
30
|
-
className = '',
|
|
31
|
-
component = TextListVariants.ul,
|
|
32
|
-
isPlain = false,
|
|
33
|
-
...props
|
|
34
|
-
}: TextListProps) => {
|
|
35
|
-
const Component: any = component;
|
|
36
|
-
|
|
37
|
-
return (
|
|
38
|
-
<Component {...props} className={css(isPlain && styles.modifiers.plain, componentStyles[component], className)}>
|
|
39
|
-
{children}
|
|
40
|
-
</Component>
|
|
41
|
-
);
|
|
42
|
-
};
|
|
43
|
-
TextList.displayName = 'TextList';
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import styles from '@patternfly/react-styles/css/components/Content/content';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
|
|
5
|
-
export enum TextListItemVariants {
|
|
6
|
-
li = 'li',
|
|
7
|
-
dt = 'dt',
|
|
8
|
-
dd = 'dd'
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const componentStyles = {
|
|
12
|
-
li: styles.contentLi,
|
|
13
|
-
dt: styles.contentDt,
|
|
14
|
-
dd: styles.contentDd
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export interface TextListItemProps extends React.HTMLProps<HTMLElement> {
|
|
18
|
-
/** Content rendered within the TextListItem */
|
|
19
|
-
children?: React.ReactNode;
|
|
20
|
-
/** Additional classes added to the TextListItem */
|
|
21
|
-
className?: string;
|
|
22
|
-
/** The text list item component */
|
|
23
|
-
component?: 'li' | 'dt' | 'dd';
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export const TextListItem: React.FunctionComponent<TextListItemProps> = ({
|
|
27
|
-
children = null,
|
|
28
|
-
className = '',
|
|
29
|
-
component = TextListItemVariants.li,
|
|
30
|
-
...props
|
|
31
|
-
}: TextListItemProps) => {
|
|
32
|
-
const Component: any = component;
|
|
33
|
-
|
|
34
|
-
return (
|
|
35
|
-
<Component {...props} className={css(componentStyles[component], className)}>
|
|
36
|
-
{children}
|
|
37
|
-
</Component>
|
|
38
|
-
);
|
|
39
|
-
};
|
|
40
|
-
TextListItem.displayName = 'TextListItem';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This test was generated
|
|
3
|
-
*/
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { render } from '@testing-library/react';
|
|
6
|
-
import { TextContent } from '../../TextContent';
|
|
7
|
-
// any missing imports can usually be resolved by adding them here
|
|
8
|
-
import {} from '../..';
|
|
9
|
-
|
|
10
|
-
it('TextContent should match snapshot (auto-generated)', () => {
|
|
11
|
-
const { asFragment } = render(<TextContent children={<>ReactNode</>} className={"''"} />);
|
|
12
|
-
expect(asFragment()).toMatchSnapshot();
|
|
13
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This test was generated
|
|
3
|
-
*/
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { render } from '@testing-library/react';
|
|
6
|
-
import { TextList } from '../../TextList';
|
|
7
|
-
// any missing imports can usually be resolved by adding them here
|
|
8
|
-
import {} from '../..';
|
|
9
|
-
|
|
10
|
-
it('TextList should match snapshot (auto-generated)', () => {
|
|
11
|
-
const { asFragment } = render(<TextList children={<>ReactNode</>} className={"''"} component={'ul'} />);
|
|
12
|
-
expect(asFragment()).toMatchSnapshot();
|
|
13
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This test was generated
|
|
3
|
-
*/
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { render } from '@testing-library/react';
|
|
6
|
-
import { TextListItem } from '../../TextListItem';
|
|
7
|
-
// any missing imports can usually be resolved by adding them here
|
|
8
|
-
import {} from '../..';
|
|
9
|
-
|
|
10
|
-
it('TextListItem should match snapshot (auto-generated)', () => {
|
|
11
|
-
const { asFragment } = render(<TextListItem children={<>ReactNode</>} className={"''"} component={'li'} />);
|
|
12
|
-
expect(asFragment()).toMatchSnapshot();
|
|
13
|
-
});
|