@patternfly/quickstarts 2.4.2 → 5.0.0-prerelease.0

package/dist/QuickStartDrawer.d.ts

@@ -1,62 +1,62 @@
-import './QuickStartDrawer.scss';
-import * as React from 'react';
-import { QuickStartContextValues } from './utils/quick-start-context';
-import { QuickStart, AllQuickStartStates } from './utils/quick-start-types';
-export interface QuickStartContainerProps extends React.HTMLProps<HTMLDivElement> {
-    /** array of quick starts */
-    quickStarts: QuickStart[];
-    /** id of the currently active quick start */
-    activeQuickStartID: string;
-    /** setter for the active quick starts */
-    setActiveQuickStartID: React.Dispatch<React.SetStateAction<string>>;
-    /** quick starts state object */
-    allQuickStartStates: AllQuickStartStates;
-    /** setter for the quick starts state object */
-    setAllQuickStartStates: React.Dispatch<React.SetStateAction<AllQuickStartStates>>;
-    /** content to render within the container */
-    children?: React.ReactNode;
-    /** element to render the drawer panel into */
-    appendTo?: HTMLElement | (() => HTMLElement);
-    /** if true, the panel will take up the full browser width */
-    fullWidth?: boolean;
-    /** callback when an in-progress quick start is closed */
-    onCloseInProgress?: any;
-    /** callback when a not-in-progress quick start is closed */
-    onCloseNotInProgress?: any;
-    /** true to show footer buttons in the catalog tiles (default true) */
-    showCardFooters?: boolean;
-    /** true to use legacy drawer header variant colors */
-    useLegacyHeaderColors?: boolean;
-    /** text resources object */
-    resourceBundle?: any;
-    /** language of the current resource bundle
-     * Add custom strings: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#localization
-     */
-    language?: string;
-    /** if true, will show a loading spinner on the catalog page (default false) */
-    loading?: boolean;
-    /** if true, will update the browser URL with ?quickstart={ID} (default true) */
-    useQueryParams?: boolean;
-    /** if true, the TaskReview component, aka "Check your work", will be shown regardless of task status */
-    alwaysShowTaskReview?: boolean;
-    /**
-     * Additional markdown extensions and renderers to use
-     * Example usage: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#markdown-extensions
-     */
-    markdown?: {
-        extensions?: any[];
-        renderExtension?: (docContext: HTMLDocument, rootSelector: string) => React.ReactNode;
-    };
-    /** additional quick start context props */
-    contextProps?: QuickStartContextValues;
-}
-export declare const QuickStartContainer: React.FC<QuickStartContainerProps>;
-export interface QuickStartDrawerProps extends React.HTMLProps<HTMLDivElement> {
-    quickStarts?: QuickStart[];
-    children?: React.ReactNode;
-    appendTo?: HTMLElement | (() => HTMLElement);
-    fullWidth?: boolean;
-    onCloseInProgress?: any;
-    onCloseNotInProgress?: any;
-}
-export declare const QuickStartDrawer: React.FC<QuickStartDrawerProps>;
+import './QuickStartDrawer.scss';
+import * as React from 'react';
+import { QuickStartContextValues } from './utils/quick-start-context';
+import { QuickStart, AllQuickStartStates } from './utils/quick-start-types';
+export interface QuickStartContainerProps extends React.HTMLProps<HTMLDivElement> {
+    /** array of quick starts */
+    quickStarts: QuickStart[];
+    /** id of the currently active quick start */
+    activeQuickStartID: string;
+    /** setter for the active quick starts */
+    setActiveQuickStartID: React.Dispatch<React.SetStateAction<string>>;
+    /** quick starts state object */
+    allQuickStartStates: AllQuickStartStates;
+    /** setter for the quick starts state object */
+    setAllQuickStartStates: React.Dispatch<React.SetStateAction<AllQuickStartStates>>;
+    /** content to render within the container */
+    children?: React.ReactNode;
+    /** element to render the drawer panel into */
+    appendTo?: HTMLElement | (() => HTMLElement);
+    /** if true, the panel will take up the full browser width */
+    fullWidth?: boolean;
+    /** callback when an in-progress quick start is closed */
+    onCloseInProgress?: any;
+    /** callback when a not-in-progress quick start is closed */
+    onCloseNotInProgress?: any;
+    /** true to show footer buttons in the catalog tiles (default true) */
+    showCardFooters?: boolean;
+    /** true to use legacy drawer header variant colors */
+    useLegacyHeaderColors?: boolean;
+    /** text resources object */
+    resourceBundle?: any;
+    /** language of the current resource bundle
+     * Add custom strings: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#localization
+     */
+    language?: string;
+    /** if true, will show a loading spinner on the catalog page (default false) */
+    loading?: boolean;
+    /** if true, will update the browser URL with ?quickstart={ID} (default true) */
+    useQueryParams?: boolean;
+    /** if true, the TaskReview component, aka "Check your work", will be shown regardless of task status */
+    alwaysShowTaskReview?: boolean;
+    /**
+     * Additional markdown extensions and renderers to use
+     * Example usage: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#markdown-extensions
+     */
+    markdown?: {
+        extensions?: any[];
+        renderExtension?: (docContext: Document, rootSelector: string) => React.ReactNode;
+    };
+    /** additional quick start context props */
+    contextProps?: QuickStartContextValues;
+}
+export declare const QuickStartContainer: React.FC<QuickStartContainerProps>;
+export interface QuickStartDrawerProps extends React.HTMLProps<HTMLDivElement> {
+    quickStarts?: QuickStart[];
+    children?: React.ReactNode;
+    appendTo?: HTMLElement | (() => HTMLElement);
+    fullWidth?: boolean;
+    onCloseInProgress?: any;
+    onCloseNotInProgress?: any;
+}
+export declare const QuickStartDrawer: React.FC<QuickStartDrawerProps>;

package/dist/QuickStartMarkdownView.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export declare const removeParagraphWrap: (markdown: string) => string;
-declare type QuickStartMarkdownViewProps = {
-    content: string;
-    exactHeight?: boolean;
-    className?: string;
-};
-declare const QuickStartMarkdownView: React.FC<QuickStartMarkdownViewProps>;
-export default QuickStartMarkdownView;
+import * as React from 'react';
+export declare const removeParagraphWrap: (markdown: string) => string;
+interface QuickStartMarkdownViewProps {
+    content: string;
+    exactHeight?: boolean;
+    className?: string;
+}
+declare const QuickStartMarkdownView: React.FC<QuickStartMarkdownViewProps>;
+export default QuickStartMarkdownView;

package/dist/QuickStartPanelContent.d.ts

@@ -1,15 +1,15 @@
-import './QuickStartPanelContent.scss';
-import * as React from 'react';
-import { QuickStart } from './utils/quick-start-types';
-declare type HandleClose = () => void;
-declare type QuickStartPanelContentProps = {
-    quickStarts: QuickStart[];
-    activeQuickStartID: string;
-    handleClose: HandleClose;
-    appendTo?: HTMLElement | (() => HTMLElement);
-    isResizable?: boolean;
-    showClose?: boolean;
-    headerVariant?: '' | 'blue-white';
-};
-declare const QuickStartPanelContent: React.FC<QuickStartPanelContentProps>;
-export default QuickStartPanelContent;
+import './QuickStartPanelContent.scss';
+import * as React from 'react';
+import { QuickStart } from './utils/quick-start-types';
+type HandleClose = () => void;
+interface QuickStartPanelContentProps {
+    quickStarts: QuickStart[];
+    activeQuickStartID: string;
+    handleClose: HandleClose;
+    appendTo?: HTMLElement | (() => HTMLElement);
+    isResizable?: boolean;
+    showClose?: boolean;
+    headerVariant?: '' | 'blue-white';
+}
+declare const QuickStartPanelContent: React.FC<QuickStartPanelContentProps>;
+export default QuickStartPanelContent;

package/dist/catalog/Catalog/QuickStartCatalogHeader.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export declare type QuickStartCatalogHeaderProps = {
-    title: string;
-    hint?: string;
-};
-export declare const QuickStartCatalogHeader: React.FC<QuickStartCatalogHeaderProps>;
+import * as React from 'react';
+export interface QuickStartCatalogHeaderProps {
+    title: string;
+    hint?: string;
+}
+export declare const QuickStartCatalogHeader: React.FC<QuickStartCatalogHeaderProps>;

package/dist/catalog/Catalog/QuickStartCatalogSection.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare type QuickStartCatalogSectionProps = {
-    children: React.ReactNode;
-};
-export declare const QuickStartCatalogSection: React.FC<QuickStartCatalogSectionProps>;
+import * as React from 'react';
+export interface QuickStartCatalogSectionProps {
+    children: React.ReactNode;
+}
+export declare const QuickStartCatalogSection: React.FC<QuickStartCatalogSectionProps>;

package/dist/catalog/Catalog/QuickStartCatalogToolbar.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare type QuickStartCatalogToolbarProps = {
-    children: React.ReactNode;
-};
-export declare const QuickStartCatalogToolbar: React.FC<QuickStartCatalogToolbarProps>;
+import * as React from 'react';
+export interface QuickStartCatalogToolbarProps {
+    children: React.ReactNode;
+}
+export declare const QuickStartCatalogToolbar: React.FC<QuickStartCatalogToolbarProps>;

package/dist/catalog/Catalog/index.d.ts

@@ -1,3 +1,3 @@
-export * from './QuickStartCatalogHeader';
-export * from './QuickStartCatalogSection';
-export * from './QuickStartCatalogToolbar';
+export * from './QuickStartCatalogHeader';
+export * from './QuickStartCatalogSection';
+export * from './QuickStartCatalogToolbar';

package/dist/catalog/QuickStartCatalog.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { QuickStart } from '../utils/quick-start-types';
-import './QuickStartCatalog.scss';
-declare type QuickStartCatalogProps = {
-    quickStarts: QuickStart[];
-};
-declare const QuickStartCatalog: React.FC<QuickStartCatalogProps>;
-export default QuickStartCatalog;
+import * as React from 'react';
+import { QuickStart } from '../utils/quick-start-types';
+import './QuickStartCatalog.scss';
+interface QuickStartCatalogProps {
+    quickStarts: QuickStart[];
+}
+declare const QuickStartCatalog: React.FC<QuickStartCatalogProps>;
+export default QuickStartCatalog;

package/dist/catalog/QuickStartTile.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { QuickStart, QuickStartStatus } from '../utils/quick-start-types';
-import './QuickStartTile.scss';
-declare type QuickStartTileProps = {
-    quickStart: QuickStart;
-    status: QuickStartStatus;
-    isActive: boolean;
-    onClick?: () => void;
-};
-declare const QuickStartTile: React.FC<QuickStartTileProps>;
-export default QuickStartTile;
+import * as React from 'react';
+import { QuickStart, QuickStartStatus } from '../utils/quick-start-types';
+import './QuickStartTile.scss';
+interface QuickStartTileProps {
+    quickStart: QuickStart;
+    status: QuickStartStatus;
+    isActive: boolean;
+    onClick?: () => void;
+}
+declare const QuickStartTile: React.FC<QuickStartTileProps>;
+export default QuickStartTile;

package/dist/catalog/QuickStartTileDescription.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import './QuickStartTileDescription.scss';
-declare type QuickStartTileDescriptionProps = {
-    description: string;
-    prerequisites?: string[];
-};
-declare const QuickStartTileDescription: React.FC<QuickStartTileDescriptionProps>;
-export default QuickStartTileDescription;
+import * as React from 'react';
+import './QuickStartTileDescription.scss';
+interface QuickStartTileDescriptionProps {
+    description: string;
+    prerequisites?: string[];
+}
+declare const QuickStartTileDescription: React.FC<QuickStartTileDescriptionProps>;
+export default QuickStartTileDescription;

package/dist/catalog/QuickStartTileFooter.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare type QuickStartTileFooterProps = {
-    quickStartId: string;
-    status: string;
-    totalTasks?: number;
-};
-declare const QuickStartTileFooter: React.FC<QuickStartTileFooterProps>;
-export default QuickStartTileFooter;
+import * as React from 'react';
+interface QuickStartTileFooterProps {
+    quickStartId: string;
+    status: string;
+    totalTasks?: number;
+}
+declare const QuickStartTileFooter: React.FC<QuickStartTileFooterProps>;
+export default QuickStartTileFooter;

package/dist/catalog/QuickStartTileFooterExternal.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { QuickStartExternal } from '../utils/quick-start-types';
-declare type QuickStartTileFooterProps = {
-    link: QuickStartExternal;
-    quickStartId?: string;
-};
-declare const QuickStartTileFooterExternal: React.FC<QuickStartTileFooterProps>;
-export default QuickStartTileFooterExternal;
+import * as React from 'react';
+import { QuickStartExternal } from '../utils/quick-start-types';
+interface QuickStartTileFooterProps {
+    link: QuickStartExternal;
+    quickStartId?: string;
+}
+declare const QuickStartTileFooterExternal: React.FC<QuickStartTileFooterProps>;
+export default QuickStartTileFooterExternal;

package/dist/catalog/QuickStartTileHeader.d.ts

@@ -1,12 +1,12 @@
-import './QuickStartTileHeader.scss';
-import * as React from 'react';
-import { QuickStartType } from '../utils/quick-start-types';
-declare type QuickStartTileHeaderProps = {
-    status: string;
-    duration: number;
-    name: string;
-    type?: QuickStartType;
-    quickStartId?: string;
-};
-declare const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps>;
-export default QuickStartTileHeader;
+import './QuickStartTileHeader.scss';
+import * as React from 'react';
+import { QuickStartType } from '../utils/quick-start-types';
+interface QuickStartTileHeaderProps {
+    status: string;
+    duration: number;
+    name: string;
+    type?: QuickStartType;
+    quickStartId?: string;
+}
+declare const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps>;
+export default QuickStartTileHeader;

package/dist/catalog/Toolbar/QuickStartCatalogFilter.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ToolbarProps } from '@patternfly/react-core';
-import './QuickStartCatalogFilter.scss';
-interface QuickStartCatalogFilterProps extends Omit<ToolbarProps, 'ref'> {
-    quickStartsCount: number;
-    onSearchInputChange: any;
-    onStatusChange: any;
-}
-declare const QuickStartCatalogFilter: React.FC<QuickStartCatalogFilterProps>;
-export default QuickStartCatalogFilter;
+import * as React from 'react';
+import { ToolbarProps } from '@patternfly/react-core';
+import './QuickStartCatalogFilter.scss';
+interface QuickStartCatalogFilterProps extends Omit<ToolbarProps, 'ref'> {
+    quickStartsCount: number;
+    onSearchInputChange: any;
+    onStatusChange: any;
+}
+declare const QuickStartCatalogFilter: React.FC<QuickStartCatalogFilterProps>;
+export default QuickStartCatalogFilter;

package/dist/catalog/Toolbar/QuickStartCatalogFilterItems.d.ts

@@ -1,31 +1,31 @@
-import * as React from 'react';
-export declare const QuickStartCatalogFilterSearch: ({ searchInputText, handleTextChange, ...props }: {
-    [x: string]: any;
-    searchInputText: any;
-    handleTextChange: any;
-}) => JSX.Element;
-export declare const QuickStartCatalogFilterSelect: ({ isDropdownOpen, setIsDropdownOpen, onRowfilterSelect, selectedFilters, dropdownItems, ...props }: {
-    [x: string]: any;
-    isDropdownOpen: any;
-    setIsDropdownOpen: any;
-    onRowfilterSelect: any;
-    selectedFilters: any;
-    dropdownItems: any;
-}) => JSX.Element;
-export declare const QuickStartCatalogFilterCount: ({ quickStartsCount }: {
-    quickStartsCount: any;
-}) => JSX.Element;
-interface QuickStartCatalogFilterSearchWrapperProps {
-    onSearchInputChange: any;
-}
-export declare const QuickStartCatalogFilterSearchWrapper: React.FC<QuickStartCatalogFilterSearchWrapperProps>;
-export declare const equalsIgnoreOrder: (a: any[], b: any[]) => boolean;
-interface QuickStartCatalogFilterStatusWrapperProps {
-    onStatusChange: any;
-}
-export declare const QuickStartCatalogFilterStatusWrapper: React.FC<QuickStartCatalogFilterStatusWrapperProps>;
-interface QuickStartCatalogFilterCountWrapperProps {
-    quickStartsCount: number;
-}
-export declare const QuickStartCatalogFilterCountWrapper: React.FC<QuickStartCatalogFilterCountWrapperProps>;
-export {};
+import * as React from 'react';
+export declare const QuickStartCatalogFilterSearch: ({ searchInputText, handleTextChange, ...props }: {
+    [x: string]: any;
+    searchInputText: any;
+    handleTextChange: any;
+}) => React.JSX.Element;
+export declare const QuickStartCatalogFilterSelect: ({ isDropdownOpen, setIsDropdownOpen, onRowfilterSelect, selectedFilters, dropdownItems, ...props }: {
+    [x: string]: any;
+    isDropdownOpen: any;
+    setIsDropdownOpen: any;
+    onRowfilterSelect: any;
+    selectedFilters: any;
+    dropdownItems: any;
+}) => React.JSX.Element;
+export declare const QuickStartCatalogFilterCount: ({ quickStartsCount }: {
+    quickStartsCount: any;
+}) => React.JSX.Element;
+interface QuickStartCatalogFilterSearchWrapperProps {
+    onSearchInputChange: any;
+}
+export declare const QuickStartCatalogFilterSearchWrapper: React.FC<QuickStartCatalogFilterSearchWrapperProps>;
+export declare const equalsIgnoreOrder: (a: any[], b: any[]) => boolean;
+interface QuickStartCatalogFilterStatusWrapperProps {
+    onStatusChange: any;
+}
+export declare const QuickStartCatalogFilterStatusWrapper: React.FC<QuickStartCatalogFilterStatusWrapperProps>;
+interface QuickStartCatalogFilterCountWrapperProps {
+    quickStartsCount: number;
+}
+export declare const QuickStartCatalogFilterCountWrapper: React.FC<QuickStartCatalogFilterCountWrapperProps>;
+export {};

package/dist/catalog/index.d.ts

@@ -1,9 +1,9 @@
-export { default as QuickStartCatalog } from './QuickStartCatalog';
-export { default as QuickStartCatalogFilter } from './Toolbar/QuickStartCatalogFilter';
-export { default as QuickStartTile } from './QuickStartTile';
-export { default as QuickStartTileDescription } from './QuickStartTileDescription';
-export { default as QuickStartTileFooter } from './QuickStartTileFooter';
-export { default as QuickStartTileFooterExternal } from './QuickStartTileFooterExternal';
-export { default as QuickStartTileHeader } from './QuickStartTileHeader';
-export * from './Toolbar/QuickStartCatalogFilterItems';
-export * from './Catalog';
+export { default as QuickStartCatalog } from './QuickStartCatalog';
+export { default as QuickStartCatalogFilter } from './Toolbar/QuickStartCatalogFilter';
+export { default as QuickStartTile } from './QuickStartTile';
+export { default as QuickStartTileDescription } from './QuickStartTileDescription';
+export { default as QuickStartTileFooter } from './QuickStartTileFooter';
+export { default as QuickStartTileFooterExternal } from './QuickStartTileFooterExternal';
+export { default as QuickStartTileHeader } from './QuickStartTileHeader';
+export * from './Toolbar/QuickStartCatalogFilterItems';
+export * from './Catalog';

package/dist/controller/QuickStartConclusion.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { QuickStart, QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
-declare type QuickStartConclusionProps = {
-    tasks: QuickStartTask[];
-    conclusion: string;
-    allTaskStatuses: QuickStartTaskStatus[];
-    nextQuickStarts?: QuickStart[];
-    onQuickStartChange: (quickStartid: string) => void;
-    onTaskSelect: (selectedTaskNumber: number) => void;
-};
-declare const QuickStartConclusion: React.FC<QuickStartConclusionProps>;
-export default QuickStartConclusion;
+import * as React from 'react';
+import { QuickStart, QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
+interface QuickStartConclusionProps {
+    tasks: QuickStartTask[];
+    conclusion: string;
+    allTaskStatuses: QuickStartTaskStatus[];
+    nextQuickStarts?: QuickStart[];
+    onQuickStartChange: (quickStartid: string) => void;
+    onTaskSelect: (selectedTaskNumber: number) => void;
+}
+declare const QuickStartConclusion: React.FC<QuickStartConclusionProps>;
+export default QuickStartConclusion;

package/dist/controller/QuickStartContent.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { QuickStart, QuickStartTaskStatus } from '../utils/quick-start-types';
-import './QuickStartContent.scss';
-declare type QuickStartContentProps = {
-    quickStart: QuickStart;
-    nextQuickStarts?: QuickStart[];
-    taskNumber: number;
-    allTaskStatuses: QuickStartTaskStatus[];
-    onTaskSelect: (selectedTaskNumber: number) => void;
-    onTaskReview: (taskStatus: QuickStartTaskStatus) => void;
-    onQuickStartChange?: (quickStartId: string) => void;
-};
-declare const QuickStartContent: React.ForwardRefExoticComponent<QuickStartContentProps & React.RefAttributes<HTMLDivElement>>;
-export default QuickStartContent;
+import * as React from 'react';
+import { QuickStart, QuickStartTaskStatus } from '../utils/quick-start-types';
+import './QuickStartContent.scss';
+interface QuickStartContentProps {
+    quickStart: QuickStart;
+    nextQuickStarts?: QuickStart[];
+    taskNumber: number;
+    allTaskStatuses: QuickStartTaskStatus[];
+    onTaskSelect: (selectedTaskNumber: number) => void;
+    onTaskReview: (taskStatus: QuickStartTaskStatus) => void;
+    onQuickStartChange?: (quickStartId: string) => void;
+}
+declare const QuickStartContent: React.ForwardRefExoticComponent<QuickStartContentProps & React.RefAttributes<HTMLDivElement>>;
+export default QuickStartContent;

package/dist/controller/QuickStartFooter.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { QuickStartStatus } from '../utils/quick-start-types';
-import './QuickStartFooter.scss';
-export declare type QuickStartFooterProps = {
-    status: QuickStartStatus;
-    footerClass: string;
-    taskNumber: number;
-    totalTasks: number;
-    onNext: () => void;
-    onBack: () => void;
-    quickStartId: string;
-};
-declare const QuickStartFooter: React.FC<QuickStartFooterProps>;
-export default QuickStartFooter;
+import * as React from 'react';
+import { QuickStartStatus } from '../utils/quick-start-types';
+import './QuickStartFooter.scss';
+export interface QuickStartFooterProps {
+    status: QuickStartStatus;
+    footerClass: string;
+    taskNumber: number;
+    totalTasks: number;
+    onNext: () => void;
+    onBack: () => void;
+    quickStartId: string;
+}
+declare const QuickStartFooter: React.FC<QuickStartFooterProps>;
+export default QuickStartFooter;

package/dist/controller/QuickStartIntroduction.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
-import './QuickStartIntroduction.scss';
-declare type QuickStartIntroductionProps = {
-    introduction: string;
-    tasks: QuickStartTask[];
-    allTaskStatuses: QuickStartTaskStatus[];
-    prerequisites?: string[];
-    onTaskSelect: (selectedTaskNumber: number) => void;
-};
-declare const QuickStartIntroduction: React.FC<QuickStartIntroductionProps>;
-export default QuickStartIntroduction;
+import * as React from 'react';
+import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
+import './QuickStartIntroduction.scss';
+interface QuickStartIntroductionProps {
+    introduction: string;
+    tasks: QuickStartTask[];
+    allTaskStatuses: QuickStartTaskStatus[];
+    prerequisites?: string[];
+    onTaskSelect: (selectedTaskNumber: number) => void;
+}
+declare const QuickStartIntroduction: React.FC<QuickStartIntroductionProps>;
+export default QuickStartIntroduction;

package/dist/controller/QuickStartTaskHeader.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { QuickStartTaskStatus } from '../utils/quick-start-types';
-import './QuickStartTaskHeader.scss';
-declare type QuickStartTaskHeaderProps = {
-    title: string;
-    taskIndex: number;
-    subtitle?: string;
-    taskStatus?: QuickStartTaskStatus;
-    size?: 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
-    isActiveTask?: boolean;
-    onTaskSelect: (index: number) => void;
-    children?: React.ReactNode;
-};
-declare const QuickStartTaskHeader: React.FC<QuickStartTaskHeaderProps>;
-export default QuickStartTaskHeader;
+import * as React from 'react';
+import { QuickStartTaskStatus } from '../utils/quick-start-types';
+import './QuickStartTaskHeader.scss';
+interface QuickStartTaskHeaderProps {
+    title: string;
+    taskIndex: number;
+    subtitle?: string;
+    taskStatus?: QuickStartTaskStatus;
+    size?: 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    isActiveTask?: boolean;
+    onTaskSelect: (index: number) => void;
+    children?: React.ReactNode;
+}
+declare const QuickStartTaskHeader: React.FC<QuickStartTaskHeaderProps>;
+export default QuickStartTaskHeader;

package/dist/controller/QuickStartTaskHeaderList.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
-import './QuickStartTaskHeaderList.scss';
-declare type QuickStartTaskHeaderListProps = {
-    tasks: QuickStartTask[];
-    allTaskStatuses: QuickStartTaskStatus[];
-    onTaskSelect: (selectedTaskNumber: number) => void;
-};
-declare const QuickStartTaskHeaderList: React.FC<QuickStartTaskHeaderListProps>;
-export default QuickStartTaskHeaderList;
+import * as React from 'react';
+import { QuickStartTask, QuickStartTaskStatus } from '../utils/quick-start-types';
+import './QuickStartTaskHeaderList.scss';
+interface QuickStartTaskHeaderListProps {
+    tasks: QuickStartTask[];
+    allTaskStatuses: QuickStartTaskStatus[];
+    onTaskSelect: (selectedTaskNumber: number) => void;
+}
+declare const QuickStartTaskHeaderList: React.FC<QuickStartTaskHeaderListProps>;
+export default QuickStartTaskHeaderList;