@patternfly/quickstarts 2.4.1 → 5.0.0-prerelease.0

package/dist/ConsoleShared/src/components/popper/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SimplePopper } from './SimplePopper';
-export { default as Portal } from './Portal';
+export { default as SimplePopper } from './SimplePopper';
+export { default as Portal } from './Portal';

package/dist/ConsoleShared/src/components/spotlight/InteractiveSpotlight.d.ts

@@ -1,7 +1,7 @@
-import './spotlight.scss';
-import * as React from 'react';
-declare type InteractiveSpotlightProps = {
-    element: Element;
-};
-declare const InteractiveSpotlight: React.FC<InteractiveSpotlightProps>;
-export default InteractiveSpotlight;
+import './spotlight.scss';
+import * as React from 'react';
+interface InteractiveSpotlightProps {
+    element: Element;
+}
+declare const InteractiveSpotlight: React.FC<InteractiveSpotlightProps>;
+export default InteractiveSpotlight;

package/dist/ConsoleShared/src/components/spotlight/Spotlight.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type SpotlightProps = {
-    selector: string;
-    interactive?: boolean;
-};
-declare const Spotlight: React.FC<SpotlightProps>;
-export default Spotlight;
+import * as React from 'react';
+interface SpotlightProps {
+    selector: string;
+    interactive?: boolean;
+}
+declare const Spotlight: React.FC<SpotlightProps>;
+export default Spotlight;

package/dist/ConsoleShared/src/components/spotlight/StaticSpotlight.d.ts

@@ -1,7 +1,7 @@
-import './spotlight.scss';
-import * as React from 'react';
-declare type StaticSpotlightProps = {
-    element: Element;
-};
-declare const StaticSpotlight: React.FC<StaticSpotlightProps>;
-export default StaticSpotlight;
+import './spotlight.scss';
+import * as React from 'react';
+interface StaticSpotlightProps {
+    element: Element;
+}
+declare const StaticSpotlight: React.FC<StaticSpotlightProps>;
+export default StaticSpotlight;

package/dist/ConsoleShared/src/components/spotlight/index.d.ts

@@ -1 +1 @@
-export { default as Spotlight } from './Spotlight';
+export { default as Spotlight } from './Spotlight';

package/dist/ConsoleShared/src/components/status/GenericStatus.d.ts

@@ -1,11 +1,12 @@
-import * as React from 'react';
-import { StatusComponentProps } from './types';
-declare const GenericStatus: React.FC<GenericStatusProps>;
-declare type GenericStatusProps = StatusComponentProps & {
-    Icon: React.ComponentType<{
-        title?: string;
-    }>;
-    popoverTitle?: string;
-    noTooltip?: boolean;
-};
-export default GenericStatus;
+import * as React from 'react';
+import { StatusComponentProps } from './types';
+declare const GenericStatus: React.FC<GenericStatusProps>;
+type GenericStatusProps = StatusComponentProps & {
+    Icon: React.ComponentType<{
+        title?: string;
+    }>;
+    children?: React.ReactNode;
+    popoverTitle?: string;
+    noTooltip?: boolean;
+};
+export default GenericStatus;

package/dist/ConsoleShared/src/components/status/NotStartedIcon.d.ts

@@ -1,2 +1,3 @@
-declare const _default: (props: any) => JSX.Element;
-export default _default;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/dist/ConsoleShared/src/components/status/PopoverStatus.d.ts

@@ -1,12 +1,13 @@
-import * as React from 'react';
-declare const PopoverStatus: React.FC<PopoverStatusProps>;
-declare type PopoverStatusProps = {
-    statusBody: React.ReactNode;
-    onHide?: () => void;
-    onShow?: () => void;
-    title?: string;
-    hideHeader?: boolean;
-    isVisible?: boolean;
-    shouldClose?: (hideFunction: any) => void;
-};
-export default PopoverStatus;
+import * as React from 'react';
+declare const PopoverStatus: React.FC<PopoverStatusProps>;
+interface PopoverStatusProps {
+    children: React.ReactNode;
+    statusBody: React.ReactNode;
+    onHide?: (event: MouseEvent | KeyboardEvent) => void;
+    onShow?: (event: MouseEvent | KeyboardEvent) => void;
+    title?: string;
+    hideHeader?: boolean;
+    isVisible?: boolean;
+    shouldClose?: (hideFunction: any) => void;
+}
+export default PopoverStatus;

package/dist/ConsoleShared/src/components/status/Status.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { StatusComponentProps } from './types';
-export declare const Status: React.FC<StatusProps>;
-export declare const StatusIcon: React.FC<StatusIconProps>;
-declare type StatusIconProps = {
-    status: string;
-};
-declare type StatusProps = StatusComponentProps & {
-    status: string;
-};
-export {};
+import * as React from 'react';
+import { StatusComponentProps } from './types';
+export declare const Status: React.FC<StatusProps>;
+export declare const StatusIcon: React.FC<StatusIconProps>;
+interface StatusIconProps {
+    status: string;
+}
+type StatusProps = StatusComponentProps & {
+    status: string;
+};
+export {};

package/dist/ConsoleShared/src/components/status/StatusIconAndText.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { StatusComponentProps } from './types';
-declare type StatusIconAndTextProps = StatusComponentProps & {
-    icon?: React.ReactElement;
-    spin?: boolean;
-};
-declare const StatusIconAndText: React.FC<StatusIconAndTextProps>;
-export default StatusIconAndText;
+import * as React from 'react';
+import { StatusComponentProps } from './types';
+type StatusIconAndTextProps = StatusComponentProps & {
+    icon?: React.ReactElement;
+    spin?: boolean;
+};
+declare const StatusIconAndText: React.FC<StatusIconAndTextProps>;
+export default StatusIconAndText;

package/dist/ConsoleShared/src/components/status/icons.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export declare const GreenCheckCircleIcon: React.FC<ColoredIconProps>;
-export declare const RedExclamationCircleIcon: React.FC<ColoredIconProps>;
-export declare const BlueInfoCircleIcon: React.FC<ColoredIconProps>;
-export declare type ColoredIconProps = {
-    className?: string;
-    title?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-};
+import * as React from 'react';
+export declare const GreenCheckCircleIcon: React.FC<ColoredIconProps>;
+export declare const RedExclamationCircleIcon: React.FC<ColoredIconProps>;
+export declare const BlueInfoCircleIcon: React.FC<ColoredIconProps>;
+export interface ColoredIconProps {
+    className?: string;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}

package/dist/ConsoleShared/src/components/status/index.d.ts

@@ -1 +1 @@
-export * from './Status';
+export * from './Status';

package/dist/ConsoleShared/src/components/status/statuses.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { StatusComponentProps } from './types';
-export declare const ErrorStatus: React.FC<StatusComponentProps>;
-export declare const InfoStatus: React.FC<StatusComponentProps>;
-export declare const SuccessStatus: React.FC<StatusComponentProps>;
+import * as React from 'react';
+import { StatusComponentProps } from './types';
+export declare const ErrorStatus: React.FC<StatusComponentProps>;
+export declare const InfoStatus: React.FC<StatusComponentProps>;
+export declare const SuccessStatus: React.FC<StatusComponentProps>;

package/dist/ConsoleShared/src/components/status/types.d.ts

@@ -1,7 +1,9 @@
-export declare type StatusComponentProps = {
-    title?: string;
-    iconOnly?: boolean;
-    noTooltip?: boolean;
-    className?: string;
-    popoverTitle?: string;
-};
+/// <reference types="react" />
+export interface StatusComponentProps {
+    children?: React.ReactNode;
+    title?: string;
+    iconOnly?: boolean;
+    noTooltip?: boolean;
+    className?: string;
+    popoverTitle?: string;
+}

package/dist/ConsoleShared/src/components/utils/FallbackImg.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-declare type FallbackImgProps = {
-    src: string;
-    alt?: string;
-    className?: string;
-    fallback?: React.ReactNode;
-};
-declare const FallbackImg: React.FC<FallbackImgProps>;
-export default FallbackImg;
+import * as React from 'react';
+interface FallbackImgProps {
+    src: string;
+    alt?: string;
+    className?: string;
+    fallback?: React.ReactNode;
+}
+declare const FallbackImg: React.FC<FallbackImgProps>;
+export default FallbackImg;

package/dist/ConsoleShared/src/components/utils/index.d.ts

@@ -1 +1 @@
-export { default as FallbackImg } from './FallbackImg';
+export { default as FallbackImg } from './FallbackImg';

package/dist/ConsoleShared/src/constants/index.d.ts

@@ -1 +1 @@
-export * from './ui';
+export * from './ui';

package/dist/ConsoleShared/src/constants/ui.d.ts

@@ -1 +1 @@
-export declare const DASH = "-";
+export declare const DASH = "-";

package/dist/ConsoleShared/src/hooks/index.d.ts

@@ -1,6 +1,6 @@
-export * from './scroll';
-export * from './useResizeObserver';
-export * from './useScrollShadows';
-export * from './useBoundingClientRect';
-export * from './useForceRender';
-export * from './useEventListener';
+export * from './scroll';
+export * from './useResizeObserver';
+export * from './useScrollShadows';
+export * from './useBoundingClientRect';
+export * from './useForceRender';
+export * from './useEventListener';

package/dist/ConsoleShared/src/hooks/scroll.d.ts

@@ -1,8 +1,8 @@
-export declare enum ScrollDirection {
-    scrollingUp = "scrolling-up",
-    scrollingDown = "scrolling-down",
-    scrolledToBottom = "scrolled-to-bottom",
-    scrolledToTop = "scrolled-to-top"
-}
-export declare const getScrollDirection: (prevScrollTop: number, currentScrollTop: number, scrollHeight: number, clientHeight: number) => any;
-export declare const useScrollDirection: () => [ScrollDirection, (event: any) => void];
+export declare enum ScrollDirection {
+    scrollingUp = "scrolling-up",
+    scrollingDown = "scrolling-down",
+    scrolledToBottom = "scrolled-to-bottom",
+    scrolledToTop = "scrolled-to-top"
+}
+export declare const getScrollDirection: (prevScrollTop: number, currentScrollTop: number, scrollHeight: number, clientHeight: number) => any;
+export declare const useScrollDirection: () => [ScrollDirection, (event: any) => void];

package/dist/ConsoleShared/src/hooks/useBoundingClientRect.d.ts

@@ -1 +1,3 @@
-export declare const useBoundingClientRect: (targetElement: HTMLElement) => ClientRect;
+type BoundingClientRect = ClientRect | null;
+export declare const useBoundingClientRect: (targetElement: HTMLElement | null) => BoundingClientRect;
+export {};

package/dist/ConsoleShared/src/hooks/useEventListener.d.ts

@@ -1 +1 @@
-export declare const useEventListener: (target: EventTarget, event: "abort" | "afterprint" | "beforeprint" | "beforeunload" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "compassneedscalibration" | "contextmenu" | "dblclick" | "devicelight" | "devicemotion" | "deviceorientation" | "deviceorientationabsolute" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "error" | "focus" | "hashchange" | "input" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "message" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "offline" | "online" | "orientationchange" | "pagehide" | "pageshow" | "pause" | "play" | "playing" | "popstate" | "progress" | "ratechange" | "readystatechange" | "reset" | "resize" | "scroll" | "seeked" | "seeking" | "select" | "stalled" | "storage" | "submit" | "suspend" | "timeupdate" | "unload" | "volumechange" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "close" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "languagechange" | "messageerror" | "rejectionhandled" | "unhandledrejection", callback: EventListener) => void;
+export declare const useEventListener: (target: EventTarget, event: keyof WindowEventMap, callback: EventListener) => void;

package/dist/ConsoleShared/src/hooks/useForceRender.d.ts

@@ -1,4 +1,4 @@
-/**
- * React hook that forces component render.
- */
-export declare const useForceRender: () => VoidFunction;
+/**
+ * React hook that forces component render.
+ */
+export declare const useForceRender: () => VoidFunction;

package/dist/ConsoleShared/src/hooks/useResizeObserver.d.ts

@@ -1 +1 @@
-export declare const useResizeObserver: (callback: any, targetElement?: HTMLElement, observerOptions?: any) => void;
+export declare const useResizeObserver: (callback: ResizeObserverCallback, targetElement?: HTMLElement | null, observerOptions?: ResizeObserverOptions) => void;

package/dist/ConsoleShared/src/hooks/useScrollShadows.d.ts

@@ -1,7 +1,7 @@
-export declare enum Shadows {
-    none = "none",
-    both = "both",
-    top = "top",
-    bottom = "bottom"
-}
-export declare const useScrollShadows: (node: HTMLElement) => Shadows;
+export declare enum Shadows {
+    none = "none",
+    both = "both",
+    top = "top",
+    bottom = "bottom"
+}
+export declare const useScrollShadows: (node: HTMLElement) => Shadows;

package/dist/ConsoleShared/src/index.d.ts

@@ -1,4 +1,4 @@
-export * from './components';
-export * from './hooks';
-export * from './utils';
-export * from './constants';
+export * from './components';
+export * from './hooks';
+export * from './utils';
+export * from './constants';

package/dist/ConsoleShared/src/utils/index.d.ts

@@ -1 +1 @@
-export * from './useCombineRefs';
+export * from './useCombineRefs';

package/dist/ConsoleShared/src/utils/useCombineRefs.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const useCombineRefs: <RefType extends any>(...refs: React.Ref<RefType>[]) => (element: RefType) => void;
+import * as React from 'react';
+export declare const useCombineRefs: <RefType>(...refs: React.Ref<RefType>[]) => (element: RefType) => void;

package/dist/HelpTopicDrawer.d.ts

@@ -1,32 +1,33 @@
-import './QuickStartDrawer.scss';
-import * as React from 'react';
-import { QuickStartContextValues } from './utils/quick-start-context';
-import { HelpTopic } from './utils/help-topic-types';
-export interface HelpTopicContainerProps extends React.HTMLProps<HTMLDivElement> {
-    /** array of HelpTopics */
-    helpTopics: HelpTopic[];
-    /** text resources object
-     * Add custom strings: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#localization
-     */
-    resourceBundle?: any;
-    /** language of the current resource bundle */
-    language?: string;
-    /** if true, will show a loading spinner on the catalog page (default false) */
-    loading?: 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 HelpTopicContainer: React.FC<HelpTopicContainerProps>;
-export interface HelpTopicDrawerProps extends React.HTMLProps<HTMLDivElement> {
-    helpTopics?: HelpTopic[];
-    children?: React.ReactNode;
-}
-export declare const HelpTopicDrawer: React.FC<HelpTopicDrawerProps>;
+import './QuickStartDrawer.scss';
+import * as React from 'react';
+import { QuickStartContextValues } from './utils/quick-start-context';
+import { HelpTopic } from './utils/help-topic-types';
+export interface HelpTopicContainerProps extends React.HTMLProps<HTMLDivElement> {
+    /** array of HelpTopics */
+    helpTopics: HelpTopic[];
+    /** text resources object
+     * Add custom strings: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module#localization
+     */
+    resourceBundle?: any;
+    /** language of the current resource bundle */
+    language?: string;
+    /** if true, will show a loading spinner on the catalog page (default false) */
+    loading?: 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;
+    children?: React.ReactNode;
+}
+export declare const HelpTopicContainer: React.FC<HelpTopicContainerProps>;
+export interface HelpTopicDrawerProps extends React.HTMLProps<HTMLDivElement> {
+    helpTopics?: HelpTopic[];
+    children?: React.ReactNode;
+}
+export declare const HelpTopicDrawer: React.FC<HelpTopicDrawerProps>;

package/dist/HelpTopicPanelContent.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { HelpTopic } from './utils/help-topic-types';
-import './QuickStartPanelContent.scss';
-declare type HelpTopicPanelContentProps = {
-    activeHelpTopic: HelpTopic;
-    filteredHelpTopics?: HelpTopic[];
-    isResizable?: boolean;
-    onClose: () => void;
-};
-declare const HelpTopicPanelContent: React.FC<HelpTopicPanelContentProps>;
-export default HelpTopicPanelContent;
+import * as React from 'react';
+import { HelpTopic } from './utils/help-topic-types';
+import './QuickStartPanelContent.scss';
+interface HelpTopicPanelContentProps {
+    activeHelpTopic: HelpTopic;
+    filteredHelpTopics?: HelpTopic[];
+    isResizable?: boolean;
+    onClose: () => void;
+}
+declare const HelpTopicPanelContent: React.FC<HelpTopicPanelContentProps>;
+export default HelpTopicPanelContent;

package/dist/QuickStartCatalogPage.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { QuickStart } from './utils/quick-start-types';
-export declare type QuickStartCatalogPageProps = {
-    quickStarts?: QuickStart[];
-    showFilter?: boolean;
-    sortFnc?: (q1: QuickStart, q2: QuickStart) => number;
-    title?: string;
-    hint?: string;
-    showTitle?: boolean;
-};
-export declare const QuickStartCatalogEmptyState: ({ clearFilters }: {
-    clearFilters: any;
-}) => JSX.Element;
-export declare const QuickStartCatalogPage: React.FC<QuickStartCatalogPageProps>;
+import * as React from 'react';
+import { QuickStart } from './utils/quick-start-types';
+export interface QuickStartCatalogPageProps {
+    quickStarts?: QuickStart[];
+    showFilter?: boolean;
+    sortFnc?: (q1: QuickStart, q2: QuickStart) => number;
+    title?: string;
+    hint?: string;
+    showTitle?: boolean;
+}
+export declare const QuickStartCatalogEmptyState: ({ clearFilters }: {
+    clearFilters: any;
+}) => React.JSX.Element;
+export declare const QuickStartCatalogPage: React.FC<QuickStartCatalogPageProps>;

package/dist/QuickStartCloseModal.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare type QuickStartCloseModalProps = {
-    isOpen: boolean;
-    onConfirm: () => void;
-    onCancel: () => void;
-};
-declare const QuickStartCloseModal: React.FC<QuickStartCloseModalProps>;
-export default QuickStartCloseModal;
+import * as React from 'react';
+interface QuickStartCloseModalProps {
+    isOpen: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+declare const QuickStartCloseModal: React.FC<QuickStartCloseModalProps>;
+export default QuickStartCloseModal;

package/dist/QuickStartController.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { QuickStart } from './utils/quick-start-types';
-declare type QuickStartControllerProps = {
-    quickStart: QuickStart;
-    nextQuickStarts?: QuickStart[];
-    footerClass: string;
-    contentRef: React.Ref<HTMLDivElement>;
-};
-declare const QuickStartController: React.FC<QuickStartControllerProps>;
-export default QuickStartController;
+import * as React from 'react';
+import { QuickStart } from './utils/quick-start-types';
+interface QuickStartControllerProps {
+    quickStart: QuickStart;
+    nextQuickStarts?: QuickStart[];
+    footerClass: string;
+    contentRef: React.Ref<HTMLDivElement>;
+}
+declare const QuickStartController: React.FC<QuickStartControllerProps>;
+export default QuickStartController;