@patternfly/quickstarts 6.0.0-alpha.2 → 6.0.0-alpha.3
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/dist/ConsoleInternal/components/markdown-view.d.ts +0 -1
- package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts +0 -1
- package/dist/ConsoleShared/src/components/markdown-extensions/admonition-extension.d.ts +0 -1
- package/dist/ConsoleShared/src/components/markdown-extensions/code-extension.d.ts +0 -1
- package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts +0 -1
- package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts +0 -1
- package/dist/ConsoleShared/src/components/modal/Modal.d.ts +1 -2
- package/dist/ConsoleShared/src/components/spotlight/InteractiveSpotlight.d.ts +0 -1
- package/dist/ConsoleShared/src/components/spotlight/StaticSpotlight.d.ts +0 -1
- package/dist/HelpTopicDrawer.d.ts +0 -1
- package/dist/HelpTopicPanelContent.d.ts +0 -1
- package/dist/QuickStartDrawer.d.ts +0 -1
- package/dist/QuickStartPanelContent.d.ts +2 -2
- package/dist/catalog/QuickStartCatalog.d.ts +0 -1
- package/dist/catalog/QuickStartTile.d.ts +16 -2
- package/dist/catalog/QuickStartTileDescription.d.ts +0 -1
- package/dist/catalog/QuickStartTileFooter.d.ts +1 -0
- package/dist/catalog/QuickStartTileHeader.d.ts +1 -17
- package/dist/catalog/Toolbar/QuickStartCatalogFilter.d.ts +0 -1
- package/dist/catalog/index.d.ts +1 -1
- package/dist/controller/QuickStartContent.d.ts +1 -1
- package/dist/controller/QuickStartFooter.d.ts +1 -1
- package/dist/controller/QuickStartIntroduction.d.ts +0 -1
- package/dist/controller/QuickStartTaskHeaderList.d.ts +0 -1
- package/dist/controller/QuickStartTaskReview.d.ts +0 -1
- package/dist/controller/QuickStartTasks.d.ts +0 -1
- package/dist/index.es.js +188 -291
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +189 -292
- package/dist/index.js.map +1 -1
- package/dist/patternfly-docs/quick-starts/examples/HelpTopic.jsx +4 -4
- package/dist/patternfly-docs/quick-starts/examples/example-data/example-help-topics.js +9 -18
- package/dist/patternfly-global.css +20 -66
- package/dist/patternfly-nested.css +2036 -2119
- package/dist/quickstarts-base.css +40 -420
- package/dist/quickstarts-full.es.js +715 -804
- package/dist/quickstarts-full.es.js.map +1 -1
- package/dist/quickstarts-standalone.css +41 -382
- package/dist/quickstarts-standalone.min.css +3 -3
- package/dist/quickstarts-vendor.css +6 -11
- package/dist/quickstarts.css +46 -431
- package/dist/quickstarts.min.css +1 -1
- package/dist/utils/quick-start-types.d.ts +1 -1
- package/package.json +10 -11
- package/src/ConsoleInternal/components/markdown-view.tsx +29 -9
- package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +10 -17
- package/src/ConsoleShared/src/components/markdown-extensions/admonition-extension.tsx +5 -11
- package/src/ConsoleShared/src/components/markdown-extensions/code-extension.tsx +2 -2
- package/src/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.tsx +0 -1
- package/src/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.tsx +2 -6
- package/src/ConsoleShared/src/components/markdown-extensions/utils.ts +2 -1
- package/src/ConsoleShared/src/components/modal/Modal.tsx +1 -2
- package/src/ConsoleShared/src/components/popper/SimplePopper.tsx +5 -2
- package/src/ConsoleShared/src/components/spotlight/InteractiveSpotlight.tsx +0 -1
- package/src/ConsoleShared/src/components/spotlight/StaticSpotlight.tsx +0 -1
- package/src/ConsoleShared/src/components/status/icons.tsx +1 -5
- package/src/HelpTopicDrawer.tsx +1 -4
- package/src/HelpTopicPanelContent.tsx +4 -16
- package/src/QuickStartCatalogPage.tsx +34 -25
- package/src/QuickStartCloseModal.tsx +2 -2
- package/src/QuickStartController.tsx +1 -1
- package/src/QuickStartDrawer.tsx +2 -7
- package/src/QuickStartPanelContent.scss +7 -39
- package/src/QuickStartPanelContent.tsx +20 -44
- package/src/catalog/Catalog/QuickStartCatalogHeader.tsx +5 -4
- package/src/catalog/Catalog/QuickStartCatalogSection.tsx +1 -1
- package/src/catalog/Catalog/QuickStartCatalogToolbar.tsx +1 -3
- package/src/catalog/QuickStartCatalog.tsx +12 -16
- package/src/catalog/QuickStartTile.scss +11 -9
- package/src/catalog/QuickStartTile.tsx +133 -72
- package/src/catalog/QuickStartTileDescription.tsx +28 -42
- package/src/catalog/QuickStartTileFooter.tsx +13 -19
- package/src/catalog/QuickStartTileHeader.tsx +9 -86
- package/src/catalog/Toolbar/QuickStartCatalogFilter.tsx +8 -10
- package/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx +2 -5
- package/src/catalog/__tests__/QuickStartCatalog.spec.tsx +3 -3
- package/src/catalog/__tests__/QuickStartTile.spec.tsx +5 -5
- package/src/catalog/__tests__/QuickStartTileDescription.spec.tsx +1 -1
- package/src/catalog/index.ts +1 -1
- package/src/controller/QuickStartConclusion.tsx +4 -4
- package/src/controller/QuickStartContent.scss +3 -7
- package/src/controller/QuickStartContent.tsx +3 -5
- package/src/controller/QuickStartFooter.scss +1 -11
- package/src/controller/QuickStartFooter.tsx +27 -21
- package/src/controller/QuickStartIntroduction.tsx +11 -16
- package/src/controller/QuickStartTaskHeader.scss +20 -42
- package/src/controller/QuickStartTaskHeader.tsx +21 -60
- package/src/controller/QuickStartTaskHeaderList.tsx +4 -6
- package/src/controller/QuickStartTaskReview.tsx +6 -12
- package/src/controller/QuickStartTasks.tsx +6 -8
- package/src/controller/__tests__/QuickStartConclusion.spec.tsx +6 -19
- package/src/controller/__tests__/QuickStartFooter.spec.tsx +9 -54
- package/src/controller/__tests__/QuickStartTaskHeader.spec.tsx +1 -1
- package/src/controller/__tests__/QuickStartTaskReview.spec.tsx +3 -6
- package/src/controller/__tests__/QuickStartTasks.spec.tsx +3 -6
- package/src/styles/_base.scss +3 -45
- package/src/styles/style.scss +1 -6
- package/src/utils/help-topic-context.tsx +2 -3
- package/src/utils/quick-start-context.tsx +10 -13
- package/src/utils/quick-start-types.ts +1 -1
- package/src/utils/quick-start-utils.ts +4 -2
- package/src/ConsoleInternal/components/_icon-and-text.scss +0 -14
- package/src/ConsoleInternal/components/_markdown-view.scss +0 -19
- package/src/ConsoleInternal/components/catalog/_catalog.scss +0 -392
- package/src/ConsoleInternal/components/utils/_status-box.scss +0 -58
- package/src/ConsoleShared/src/components/layout/PageLayout.scss +0 -29
- package/src/ConsoleShared/src/components/markdown-extensions/showdown-extension.scss +0 -52
- package/src/ConsoleShared/src/components/modal/Modal.scss +0 -3
- package/src/ConsoleShared/src/components/spotlight/spotlight.scss +0 -63
- package/src/QuickStartDrawer.scss +0 -11
- package/src/catalog/QuickStartCatalog.scss +0 -8
- package/src/catalog/QuickStartTileDescription.scss +0 -29
- package/src/catalog/QuickStartTileHeader.scss +0 -16
- package/src/catalog/Toolbar/QuickStartCatalogFilter.scss +0 -25
- package/src/controller/QuickStartIntroduction.scss +0 -35
- package/src/controller/QuickStartTaskHeaderList.scss +0 -17
- package/src/controller/QuickStartTaskReview.scss +0 -30
- package/src/controller/QuickStartTasks.scss +0 -90
- package/src/styles/_dark-custom-override.scss +0 -47
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import './Modal.scss';
|
|
2
1
|
import * as React from 'react';
|
|
3
|
-
import { Modal as PfModal, ModalProps as PfModalProps } from '@patternfly/react-core';
|
|
2
|
+
import { Modal as PfModal, ModalProps as PfModalProps } from '@patternfly/react-core/deprecated';
|
|
4
3
|
type ModalProps = {
|
|
5
4
|
isFullScreen?: boolean;
|
|
6
5
|
ref?: React.LegacyRef<PfModal>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import './QuickStartPanelContent.scss';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { QuickStart } from './utils/quick-start-types';
|
|
3
|
+
import './QuickStartPanelContent.scss';
|
|
4
4
|
type HandleClose = () => void;
|
|
5
5
|
interface QuickStartPanelContentProps {
|
|
6
6
|
quickStarts: QuickStart[];
|
|
@@ -9,7 +9,7 @@ interface QuickStartPanelContentProps {
|
|
|
9
9
|
appendTo?: HTMLElement | (() => HTMLElement);
|
|
10
10
|
isResizable?: boolean;
|
|
11
11
|
showClose?: boolean;
|
|
12
|
-
|
|
12
|
+
footerClass?: string;
|
|
13
13
|
}
|
|
14
14
|
declare const QuickStartPanelContent: React.FC<QuickStartPanelContentProps>;
|
|
15
15
|
export default QuickStartPanelContent;
|
|
@@ -1,11 +1,25 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { QuickStart, QuickStartStatus } from '../utils/quick-start-types';
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonProps } from '@patternfly/react-core';
|
|
4
4
|
import './QuickStartTile.scss';
|
|
5
|
-
interface
|
|
5
|
+
export interface QuickstartAction {
|
|
6
|
+
/** Screen reader aria label. */
|
|
7
|
+
'aria-label': string;
|
|
8
|
+
/** Icon to be rendered as a plain button, by default Bookmark outlined will be used. */
|
|
9
|
+
icon?: React.ComponentType<unknown>;
|
|
10
|
+
/** Callback with synthetic event parameter. */
|
|
11
|
+
onClick?: (e: React.SyntheticEvent) => void;
|
|
12
|
+
/** Additional button props to be rendered as extra props. */
|
|
13
|
+
buttonProps?: ButtonProps;
|
|
14
|
+
}
|
|
15
|
+
export interface QuickStartTileProps {
|
|
16
|
+
/** The quickstart object triggered by this tile */
|
|
6
17
|
quickStart: QuickStart;
|
|
18
|
+
/** Current status of the quickstart */
|
|
7
19
|
status: QuickStartStatus;
|
|
20
|
+
/** Flag indicating whether the quickstart is active (drawer is open) */
|
|
8
21
|
isActive: boolean;
|
|
22
|
+
/** Event handler attached to the tile */
|
|
9
23
|
onClick?: () => void;
|
|
10
24
|
/** Action config for button rendered next to title */
|
|
11
25
|
action?: QuickstartAction;
|
|
@@ -3,6 +3,7 @@ interface QuickStartTileFooterProps {
|
|
|
3
3
|
quickStartId: string;
|
|
4
4
|
status: string;
|
|
5
5
|
totalTasks?: number;
|
|
6
|
+
onClickContinue: (e: React.FormEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent>) => void;
|
|
6
7
|
}
|
|
7
8
|
declare const QuickStartTileFooter: React.FC<QuickStartTileFooterProps>;
|
|
8
9
|
export default QuickStartTileFooter;
|
|
@@ -1,24 +1,8 @@
|
|
|
1
|
-
import './QuickStartTileHeader.scss';
|
|
2
1
|
import * as React from 'react';
|
|
3
|
-
import { ButtonProps } from '@patternfly/react-core';
|
|
4
|
-
import { QuickStartType } from '../utils/quick-start-types';
|
|
5
|
-
export interface QuickstartAction {
|
|
6
|
-
/** Screen reader aria label. */
|
|
7
|
-
'aria-label': string;
|
|
8
|
-
/** Icon to be rendered as a plain button, by default Bookmark outlined will be used. */
|
|
9
|
-
icon?: React.ComponentType<unknown>;
|
|
10
|
-
/** Callback with synthetic event parameter. */
|
|
11
|
-
onClick?: (e: React.SyntheticEvent) => void;
|
|
12
|
-
/** Additional button props to be rendered as extra props. */
|
|
13
|
-
buttonProps?: ButtonProps;
|
|
14
|
-
}
|
|
15
2
|
interface QuickStartTileHeaderProps {
|
|
16
|
-
status: string;
|
|
17
|
-
duration: number;
|
|
18
3
|
name: string;
|
|
19
|
-
type?: QuickStartType;
|
|
20
4
|
quickStartId?: string;
|
|
21
|
-
|
|
5
|
+
onSelect: (e: React.FormEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent>) => void;
|
|
22
6
|
}
|
|
23
7
|
declare const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps>;
|
|
24
8
|
export default QuickStartTileHeader;
|
package/dist/catalog/index.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export { default as QuickStartTile } from './QuickStartTile';
|
|
|
4
4
|
export { default as QuickStartTileDescription } from './QuickStartTileDescription';
|
|
5
5
|
export { default as QuickStartTileFooter } from './QuickStartTileFooter';
|
|
6
6
|
export { default as QuickStartTileFooterExternal } from './QuickStartTileFooterExternal';
|
|
7
|
-
export { default as QuickStartTileHeader
|
|
7
|
+
export { default as QuickStartTileHeader } from './QuickStartTileHeader';
|
|
8
8
|
export * from './Toolbar/QuickStartCatalogFilterItems';
|
|
9
9
|
export * from './Catalog';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { QuickStart, QuickStartTaskStatus } from '../utils/quick-start-types';
|
|
3
|
-
import './QuickStartContent.scss';
|
|
4
3
|
interface QuickStartContentProps {
|
|
5
4
|
quickStart: QuickStart;
|
|
6
5
|
nextQuickStarts?: QuickStart[];
|
|
@@ -10,5 +9,6 @@ interface QuickStartContentProps {
|
|
|
10
9
|
onTaskReview: (taskStatus: QuickStartTaskStatus) => void;
|
|
11
10
|
onQuickStartChange?: (quickStartId: string) => void;
|
|
12
11
|
}
|
|
12
|
+
import './QuickStartContent.scss';
|
|
13
13
|
declare const QuickStartContent: React.ForwardRefExoticComponent<QuickStartContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
14
|
export default QuickStartContent;
|
|
@@ -3,12 +3,12 @@ import { QuickStartStatus } from '../utils/quick-start-types';
|
|
|
3
3
|
import './QuickStartFooter.scss';
|
|
4
4
|
export interface QuickStartFooterProps {
|
|
5
5
|
status: QuickStartStatus;
|
|
6
|
-
footerClass: string;
|
|
7
6
|
taskNumber: number;
|
|
8
7
|
totalTasks: number;
|
|
9
8
|
onNext: () => void;
|
|
10
9
|
onBack: () => void;
|
|
11
10
|
quickStartId: string;
|
|
11
|
+
className?: string;
|
|
12
12
|
}
|
|
13
13
|
declare const QuickStartFooter: React.FC<QuickStartFooterProps>;
|
|
14
14
|
export default QuickStartFooter;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
|
|
3
|
-
import './QuickStartTaskHeaderList.scss';
|
|
4
3
|
interface QuickStartTaskHeaderListProps {
|
|
5
4
|
tasks: QuickStartTask[];
|
|
6
5
|
allTaskStatuses: QuickStartTaskStatus[];
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { QuickStartTaskReview as QuickStartTaskReviewType, QuickStartTaskStatus } from '../utils/quick-start-types';
|
|
3
|
-
import './QuickStartTaskReview.scss';
|
|
4
3
|
interface QuickStartTaskReviewProps {
|
|
5
4
|
review: QuickStartTaskReviewType;
|
|
6
5
|
taskStatus: QuickStartTaskStatus;
|