@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.
Files changed (119) hide show
  1. package/dist/ConsoleInternal/components/markdown-view.d.ts +0 -1
  2. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts +0 -1
  3. package/dist/ConsoleShared/src/components/markdown-extensions/admonition-extension.d.ts +0 -1
  4. package/dist/ConsoleShared/src/components/markdown-extensions/code-extension.d.ts +0 -1
  5. package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts +0 -1
  6. package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts +0 -1
  7. package/dist/ConsoleShared/src/components/modal/Modal.d.ts +1 -2
  8. package/dist/ConsoleShared/src/components/spotlight/InteractiveSpotlight.d.ts +0 -1
  9. package/dist/ConsoleShared/src/components/spotlight/StaticSpotlight.d.ts +0 -1
  10. package/dist/HelpTopicDrawer.d.ts +0 -1
  11. package/dist/HelpTopicPanelContent.d.ts +0 -1
  12. package/dist/QuickStartDrawer.d.ts +0 -1
  13. package/dist/QuickStartPanelContent.d.ts +2 -2
  14. package/dist/catalog/QuickStartCatalog.d.ts +0 -1
  15. package/dist/catalog/QuickStartTile.d.ts +16 -2
  16. package/dist/catalog/QuickStartTileDescription.d.ts +0 -1
  17. package/dist/catalog/QuickStartTileFooter.d.ts +1 -0
  18. package/dist/catalog/QuickStartTileHeader.d.ts +1 -17
  19. package/dist/catalog/Toolbar/QuickStartCatalogFilter.d.ts +0 -1
  20. package/dist/catalog/index.d.ts +1 -1
  21. package/dist/controller/QuickStartContent.d.ts +1 -1
  22. package/dist/controller/QuickStartFooter.d.ts +1 -1
  23. package/dist/controller/QuickStartIntroduction.d.ts +0 -1
  24. package/dist/controller/QuickStartTaskHeaderList.d.ts +0 -1
  25. package/dist/controller/QuickStartTaskReview.d.ts +0 -1
  26. package/dist/controller/QuickStartTasks.d.ts +0 -1
  27. package/dist/index.es.js +188 -291
  28. package/dist/index.es.js.map +1 -1
  29. package/dist/index.js +189 -292
  30. package/dist/index.js.map +1 -1
  31. package/dist/patternfly-docs/quick-starts/examples/HelpTopic.jsx +4 -4
  32. package/dist/patternfly-docs/quick-starts/examples/example-data/example-help-topics.js +9 -18
  33. package/dist/patternfly-global.css +20 -66
  34. package/dist/patternfly-nested.css +2036 -2119
  35. package/dist/quickstarts-base.css +40 -420
  36. package/dist/quickstarts-full.es.js +715 -804
  37. package/dist/quickstarts-full.es.js.map +1 -1
  38. package/dist/quickstarts-standalone.css +41 -382
  39. package/dist/quickstarts-standalone.min.css +3 -3
  40. package/dist/quickstarts-vendor.css +6 -11
  41. package/dist/quickstarts.css +46 -431
  42. package/dist/quickstarts.min.css +1 -1
  43. package/dist/utils/quick-start-types.d.ts +1 -1
  44. package/package.json +10 -11
  45. package/src/ConsoleInternal/components/markdown-view.tsx +29 -9
  46. package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +10 -17
  47. package/src/ConsoleShared/src/components/markdown-extensions/admonition-extension.tsx +5 -11
  48. package/src/ConsoleShared/src/components/markdown-extensions/code-extension.tsx +2 -2
  49. package/src/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.tsx +0 -1
  50. package/src/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.tsx +2 -6
  51. package/src/ConsoleShared/src/components/markdown-extensions/utils.ts +2 -1
  52. package/src/ConsoleShared/src/components/modal/Modal.tsx +1 -2
  53. package/src/ConsoleShared/src/components/popper/SimplePopper.tsx +5 -2
  54. package/src/ConsoleShared/src/components/spotlight/InteractiveSpotlight.tsx +0 -1
  55. package/src/ConsoleShared/src/components/spotlight/StaticSpotlight.tsx +0 -1
  56. package/src/ConsoleShared/src/components/status/icons.tsx +1 -5
  57. package/src/HelpTopicDrawer.tsx +1 -4
  58. package/src/HelpTopicPanelContent.tsx +4 -16
  59. package/src/QuickStartCatalogPage.tsx +34 -25
  60. package/src/QuickStartCloseModal.tsx +2 -2
  61. package/src/QuickStartController.tsx +1 -1
  62. package/src/QuickStartDrawer.tsx +2 -7
  63. package/src/QuickStartPanelContent.scss +7 -39
  64. package/src/QuickStartPanelContent.tsx +20 -44
  65. package/src/catalog/Catalog/QuickStartCatalogHeader.tsx +5 -4
  66. package/src/catalog/Catalog/QuickStartCatalogSection.tsx +1 -1
  67. package/src/catalog/Catalog/QuickStartCatalogToolbar.tsx +1 -3
  68. package/src/catalog/QuickStartCatalog.tsx +12 -16
  69. package/src/catalog/QuickStartTile.scss +11 -9
  70. package/src/catalog/QuickStartTile.tsx +133 -72
  71. package/src/catalog/QuickStartTileDescription.tsx +28 -42
  72. package/src/catalog/QuickStartTileFooter.tsx +13 -19
  73. package/src/catalog/QuickStartTileHeader.tsx +9 -86
  74. package/src/catalog/Toolbar/QuickStartCatalogFilter.tsx +8 -10
  75. package/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx +2 -5
  76. package/src/catalog/__tests__/QuickStartCatalog.spec.tsx +3 -3
  77. package/src/catalog/__tests__/QuickStartTile.spec.tsx +5 -5
  78. package/src/catalog/__tests__/QuickStartTileDescription.spec.tsx +1 -1
  79. package/src/catalog/index.ts +1 -1
  80. package/src/controller/QuickStartConclusion.tsx +4 -4
  81. package/src/controller/QuickStartContent.scss +3 -7
  82. package/src/controller/QuickStartContent.tsx +3 -5
  83. package/src/controller/QuickStartFooter.scss +1 -11
  84. package/src/controller/QuickStartFooter.tsx +27 -21
  85. package/src/controller/QuickStartIntroduction.tsx +11 -16
  86. package/src/controller/QuickStartTaskHeader.scss +20 -42
  87. package/src/controller/QuickStartTaskHeader.tsx +21 -60
  88. package/src/controller/QuickStartTaskHeaderList.tsx +4 -6
  89. package/src/controller/QuickStartTaskReview.tsx +6 -12
  90. package/src/controller/QuickStartTasks.tsx +6 -8
  91. package/src/controller/__tests__/QuickStartConclusion.spec.tsx +6 -19
  92. package/src/controller/__tests__/QuickStartFooter.spec.tsx +9 -54
  93. package/src/controller/__tests__/QuickStartTaskHeader.spec.tsx +1 -1
  94. package/src/controller/__tests__/QuickStartTaskReview.spec.tsx +3 -6
  95. package/src/controller/__tests__/QuickStartTasks.spec.tsx +3 -6
  96. package/src/styles/_base.scss +3 -45
  97. package/src/styles/style.scss +1 -6
  98. package/src/utils/help-topic-context.tsx +2 -3
  99. package/src/utils/quick-start-context.tsx +10 -13
  100. package/src/utils/quick-start-types.ts +1 -1
  101. package/src/utils/quick-start-utils.ts +4 -2
  102. package/src/ConsoleInternal/components/_icon-and-text.scss +0 -14
  103. package/src/ConsoleInternal/components/_markdown-view.scss +0 -19
  104. package/src/ConsoleInternal/components/catalog/_catalog.scss +0 -392
  105. package/src/ConsoleInternal/components/utils/_status-box.scss +0 -58
  106. package/src/ConsoleShared/src/components/layout/PageLayout.scss +0 -29
  107. package/src/ConsoleShared/src/components/markdown-extensions/showdown-extension.scss +0 -52
  108. package/src/ConsoleShared/src/components/modal/Modal.scss +0 -3
  109. package/src/ConsoleShared/src/components/spotlight/spotlight.scss +0 -63
  110. package/src/QuickStartDrawer.scss +0 -11
  111. package/src/catalog/QuickStartCatalog.scss +0 -8
  112. package/src/catalog/QuickStartTileDescription.scss +0 -29
  113. package/src/catalog/QuickStartTileHeader.scss +0 -16
  114. package/src/catalog/Toolbar/QuickStartCatalogFilter.scss +0 -25
  115. package/src/controller/QuickStartIntroduction.scss +0 -35
  116. package/src/controller/QuickStartTaskHeaderList.scss +0 -17
  117. package/src/controller/QuickStartTaskReview.scss +0 -30
  118. package/src/controller/QuickStartTasks.scss +0 -90
  119. package/src/styles/_dark-custom-override.scss +0 -47
@@ -1,5 +1,4 @@
1
1
  import * as React from 'react';
2
- import './_markdown-view.scss';
3
2
  interface ShowdownExtension {
4
3
  type: string;
5
4
  regex?: RegExp;
@@ -1,4 +1,3 @@
1
- import './showdown-extension.scss';
2
1
  declare const useAccordionShowdownExtension: () => {
3
2
  type: string;
4
3
  regex: RegExp;
@@ -1,4 +1,3 @@
1
- import './showdown-extension.scss';
2
1
  declare const useAdmonitionShowdownExtension: () => {
3
2
  type: string;
4
3
  regex: RegExp;
@@ -1,4 +1,3 @@
1
- import './showdown-extension.scss';
2
1
  declare const useCodeShowdownExtension: () => {
3
2
  type: string;
4
3
  regex: RegExp;
@@ -1,4 +1,3 @@
1
- import './showdown-extension.scss';
2
1
  declare const useInlineCopyClipboardShowdownExtension: () => {
3
2
  type: string;
4
3
  regex: RegExp;
@@ -1,4 +1,3 @@
1
- import './showdown-extension.scss';
2
1
  declare const useMultilineCopyClipboardShowdownExtension: () => {
3
2
  type: string;
4
3
  regex: RegExp;
@@ -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,4 +1,3 @@
1
- import './spotlight.scss';
2
1
  import * as React from 'react';
3
2
  interface InteractiveSpotlightProps {
4
3
  element: Element;
@@ -1,4 +1,3 @@
1
- import './spotlight.scss';
2
1
  import * as React from 'react';
3
2
  interface StaticSpotlightProps {
4
3
  element: Element;
@@ -1,4 +1,3 @@
1
- import './QuickStartDrawer.scss';
2
1
  import * as React from 'react';
3
2
  import { QuickStartContextValues } from './utils/quick-start-context';
4
3
  import { HelpTopic } from './utils/help-topic-types';
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { HelpTopic } from './utils/help-topic-types';
3
- import './QuickStartPanelContent.scss';
4
3
  interface HelpTopicPanelContentProps {
5
4
  activeHelpTopic: HelpTopic;
6
5
  filteredHelpTopics?: HelpTopic[];
@@ -1,4 +1,3 @@
1
- import './QuickStartDrawer.scss';
2
1
  import * as React from 'react';
3
2
  import { QuickStartContextValues } from './utils/quick-start-context';
4
3
  import { QuickStart, AllQuickStartStates } from './utils/quick-start-types';
@@ -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
- headerVariant?: '' | 'blue-white';
12
+ footerClass?: string;
13
13
  }
14
14
  declare const QuickStartPanelContent: React.FC<QuickStartPanelContentProps>;
15
15
  export default QuickStartPanelContent;
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { QuickStart } from '../utils/quick-start-types';
3
- import './QuickStartCatalog.scss';
4
3
  interface QuickStartCatalogProps {
5
4
  quickStarts: QuickStart[];
6
5
  }
@@ -1,11 +1,25 @@
1
1
  import * as React from 'react';
2
2
  import { QuickStart, QuickStartStatus } from '../utils/quick-start-types';
3
- import { QuickstartAction } from './QuickStartTileHeader';
3
+ import { ButtonProps } from '@patternfly/react-core';
4
4
  import './QuickStartTile.scss';
5
- interface QuickStartTileProps {
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;
@@ -1,5 +1,4 @@
1
1
  import * as React from 'react';
2
- import './QuickStartTileDescription.scss';
3
2
  interface QuickStartTileDescriptionProps {
4
3
  description: string;
5
4
  prerequisites?: string[];
@@ -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
- action?: QuickstartAction;
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;
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { ToolbarProps } from '@patternfly/react-core';
3
- import './QuickStartCatalogFilter.scss';
4
3
  interface QuickStartCatalogFilterProps extends Omit<ToolbarProps, 'ref'> {
5
4
  quickStartsCount: number;
6
5
  onSearchInputChange: any;
@@ -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, QuickstartAction } from './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 './QuickStartIntroduction.scss';
4
3
  interface QuickStartIntroductionProps {
5
4
  introduction: string;
6
5
  tasks: QuickStartTask[];
@@ -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;
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
3
- import './QuickStartTasks.scss';
4
3
  interface QuickStartTaskProps {
5
4
  tasks: QuickStartTask[];
6
5
  taskNumber: number;