@patternfly/quickstarts 2.4.2 → 5.0.0-prerelease.1

package/README.md

@@ -12,6 +12,7 @@ yarn add @patternfly/quickstarts
 ### Peer dependencies
 
 If your project doesn't already have these installed, you'll need:
+
 ```bash
 yarn add @patternfly/react-core showdown
 ```
@@ -28,13 +29,15 @@ import '@patternfly/quickstarts/dist/quickstarts.min.css';
 ```
 
 ### Stylesheets if you use an older version of PatternFly
+
 If you use an older version of @patternfly/react-core (older than "4.115.2"), and you can't upgrade yet, you can pull in the necessary PatternFly styles that @patternfly/quickstarts depends upon.
 
 Ideally @patternfly/quickstarts will use the consumer provided PatternFly styles, only use these stylesheets if really needed.
 
-`quickstarts-standalone.min.css` nests the css classes within a **.pfext-quick-start__base** parent, so that they have higher specificity. `patternfly-global.css` includes component styles that we cannot nest with more specificity (for example Drawer since it can include consumer components that depend on an older PF version).
+`quickstarts-standalone.min.css` nests the css classes within a **.pfext-quick-start\_\_base** parent, so that they have higher specificity. `patternfly-global.css` includes component styles that we cannot nest with more specificity (for example Drawer since it can include consumer components that depend on an older PF version).
 
 > Note: Only use these stylesheets if necessary!
+
 ```js
 // import base from PatternFly to get the font
 import '@patternfly/react-core/dist/styles/base.css';
@@ -49,14 +52,14 @@ import '@patternfly/quickstarts/dist/quickstarts-standalone.min.css';
 Note: You can also view this example on [codesandbox](https://codesandbox.io/s/patternfly-quickstarts-finished-cnv53)!
 
 ```js
-import "./styles.css";
+import './styles.css';
 
 // base styles/variables for PatternFly-react
-import "@patternfly/react-core/dist/styles/base.css";
+import '@patternfly/react-core/dist/styles/base.css';
 // quick starts styles
-import "@patternfly/quickstarts/dist/quickstarts.min.css";
+import '@patternfly/quickstarts/dist/quickstarts.min.css';
 
-import * as React from "react";
+import * as React from 'react';
 import {
   QuickStartContainer,
   QuickStartCatalogPage,
@@ -64,15 +67,15 @@ import {
   useLocalStorage,
   setQueryArgument,
   removeQueryArgument,
-  QUICKSTART_ID_FILTER_KEY
-} from "@patternfly/quickstarts";
-import { Button } from "@patternfly/react-core";
-import jsYaml from "js-yaml";
+  QUICKSTART_ID_FILTER_KEY,
+} from '@patternfly/quickstarts';
+import { Button } from '@patternfly/react-core';
+import jsYaml from 'js-yaml';
 // quick start files could be yaml files or js files, or really anything,
 // as long as they get parsed out to the expected JSON format
-import quickstartOne from "./quick-starts/quickstart-one.yaml";
-import quickstartTwo from "./quick-starts/quickstart-two.yaml";
-import quickstartThree from "./quick-starts/quickstart-three";
+import quickstartOne from './quick-starts/quickstart-one.yaml';
+import quickstartTwo from './quick-starts/quickstart-two.yaml';
+import quickstartThree from './quick-starts/quickstart-three';
 
 const App = () => {
   const [quickStarts, setQuickStarts] = React.useState([]);
@@ -80,8 +83,8 @@ const App = () => {
 
   // You can use the useLocalStorage hook if you want to store user progress in local storage
   // Otherwise you can use React.useState here or another means (backend) to store the active quick start ID and state
-  const [activeQuickStartID, setActiveQuickStartID] = useLocalStorage("quickstartId", "");
-  const [allQuickStartStates, setAllQuickStartStates] = useLocalStorage("quickstarts", {});
+  const [activeQuickStartID, setActiveQuickStartID] = useLocalStorage('quickstartId', '');
+  const [allQuickStartStates, setAllQuickStartStates] = useLocalStorage('quickstarts', {});
   // or
   // const [activeQuickStartID, setActiveQuickStartID] = React.useState("");
   // const [allQuickStartStates, setAllQuickStartStates] = React.useState({});
@@ -91,7 +94,7 @@ const App = () => {
       const loadedQuickStarts = [
         jsYaml.load(quickstartOne),
         jsYaml.load(quickstartTwo),
-        quickstartThree
+        quickstartThree,
       ];
       setQuickStarts(loadedQuickStarts);
       setLoading(false);
@@ -134,7 +137,7 @@ const App = () => {
 
   return (
     <QuickStartContainer {...drawerProps}>
-      <Button onClick={() => toggleQuickStart("node-with-s2i")}>
+      <Button onClick={() => toggleQuickStart('node-with-s2i')}>
         Toggle quick start through prop
       </Button>
       <SomeNestedComponent />
@@ -151,7 +154,7 @@ const SomeNestedComponent = () => {
   const qsContext = React.useContext(QuickStartContext);
   // the quick start ID is defined in the quick start object's metadata.name field
   return (
-    <button onClick={() => qsContext.setActiveQuickStart("monitor-sampleapp")}>
+    <button onClick={() => qsContext.setActiveQuickStart('monitor-sampleapp')}>
       Toggle quick start through context
     </button>
   );
@@ -173,6 +176,7 @@ Here's a [yaml template](https://github.com/patternfly/patternfly-quickstarts/bl
 ## Writing quick starts
 
 Quick starts are typically written in yaml, but we've also seen projects use asciidoc and json. As long as you can pass in an [array of quick starts](https://github.com/patternfly/patternfly-quickstarts/blob/b086faefb0699e4259ca23d058ed330df1d87f8a/packages/module/src/QuickStartDrawer.tsx#L18) it doesn't really matter in what format your content is sourced.
+
 - We have a [yaml starter template here](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/dev/src/quickstarts-data/yaml/template.yaml)
 - The easiest way to preview the content as you're writing it, is to use Visual Studio code with our [quickstarts-preview extension](https://marketplace.visualstudio.com/items?itemName=PatternFly.quickstarts-preview).
   - Alternatively, you can use [github.dev](https://github.dev/) which is basically VS Code on the web, and install the extension there, then edit your yaml content!
@@ -181,11 +185,13 @@ Quick starts are typically written in yaml, but we've also seen projects use asc
 ### Highlighting elements
 
 You can highlight an element on the page from within a quick start. The element that should be highlightable needs a data-quickstart-id attribute. Example:
+
 ```
 <button data-quickstart-id="special-btn">Click me</button>
 ```
 
 In the quick start task description, you can add this type of markdown to target this element:
+
 ```
 Highlight [special button]{{highlight special-btn}}
 ```
@@ -195,20 +201,24 @@ Highlight [special button]{{highlight special-btn}}
 You can have inline or block copyable text.
 
 #### Inline copyable text example
+
 ```
 `echo "Donec id est ante"`{{copy}}
 ```
 
 #### Multiline copyable text example
-```
+
+````
     ```
       First line of text.
       Second line of text.
     ```{{copy}}
-```
+````
 
 ## Markdown extensions
+
 If your source material content is defined in markdown (yaml + markdown / json + markdown), then you can add your own markdown extensions, example:
+
 ```
 const drawerProps: QuickStartContainerProps = {
   markdown: {
@@ -232,9 +242,11 @@ return <QuickStartContainer {...drawerProps}>My page content</QuickStartContaine
 ```
 
 ## Localization
+
 We use English as the default language. You can override the default by providing your own key/value pairs to the `QuickStartContainer` or `QuickStartContextProvider` resourceBundle prop.
 
 Example:
+
 ```js
 // load my own resource Czech translations resource bundle using i18next
 const resourceBundle = i18n.getResourceBundle('cs', 'quickstart');
@@ -244,10 +256,7 @@ const resources = {
   Continue: 'Resume',
   Restart: 'Start over',
 };
-return (
-  <QuickStartContainer resourceBundle={resources}>
-  </QuickStartContainer>
-)
+return <QuickStartContainer resourceBundle={resources}></QuickStartContainer>;
 ```
 
 Use this [file](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/module/src/locales/en/quickstart.json) as a base for your translations.

package/dist/ConsoleInternal/components/markdown-view.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import './_markdown-view.scss';
-declare type ShowdownExtension = {
-    type: string;
-    regex?: RegExp;
-    replace?: (...args: any[]) => string;
-};
-export declare const markdownConvert: (markdown: any, extensions?: ShowdownExtension[]) => any;
-declare type SyncMarkdownProps = {
-    content?: string;
-    emptyMsg?: string;
-    exactHeight?: boolean;
-    extensions?: ShowdownExtension[];
-    renderExtension?: (contentDocument: HTMLDocument, rootSelector: string) => React.ReactNode;
-    inline?: boolean;
-    className?: string;
-};
-export declare const SyncMarkdownView: React.FC<SyncMarkdownProps>;
-export {};
+import * as React from 'react';
+import './_markdown-view.scss';
+interface ShowdownExtension {
+    type: string;
+    regex?: RegExp;
+    replace?: (...args: any[]) => string;
+}
+export declare const markdownConvert: (markdown: any, extensions?: ShowdownExtension[]) => any;
+interface SyncMarkdownProps {
+    content?: string;
+    emptyMsg?: string;
+    exactHeight?: boolean;
+    extensions?: ShowdownExtension[];
+    renderExtension?: (contentDocument: Document, rootSelector: string) => React.ReactNode;
+    inline?: boolean;
+    className?: string;
+}
+export declare const SyncMarkdownView: React.FC<SyncMarkdownProps>;
+export {};

package/dist/ConsoleInternal/components/utils/camel-case-wrap.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export declare const CamelCaseWrap: React.SFC<CamelCaseWrapProps>;
-export declare type CamelCaseWrapProps = {
-    value: string;
-    dataTest?: string;
-};
+import * as React from 'react';
+export declare const CamelCaseWrap: React.FC<CamelCaseWrapProps>;
+export interface CamelCaseWrapProps {
+    value: string;
+    dataTest?: string;
+}

package/dist/ConsoleInternal/components/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './status-box';
-export * from './router';
-export * from './camel-case-wrap';
+export * from './status-box';
+export * from './router';
+export * from './camel-case-wrap';

package/dist/ConsoleInternal/components/utils/router.d.ts

@@ -1,9 +1,9 @@
-import { History } from 'history';
-declare type AppHistory = History & {
-    pushPath: History['push'];
-};
-export declare const history: AppHistory;
-export declare const removeQueryArgument: (k: string) => void;
-export declare const setQueryArgument: (k: string, v: string) => void;
-export declare const clearFilterParams: () => void;
-export {};
+import { History } from 'history';
+type AppHistory = History & {
+    pushPath: History['push'];
+};
+export declare const history: AppHistory;
+export declare const removeQueryArgument: (k: string) => void;
+export declare const setQueryArgument: (k: string, v: string) => void;
+export declare const clearFilterParams: () => void;
+export {};

package/dist/ConsoleInternal/components/utils/status-box.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-export declare const Box: React.FC<BoxProps>;
-export declare const Loading: React.FC<LoadingProps>;
-export declare const LoadingBox: React.FC<LoadingBoxProps>;
-export declare const EmptyBox: React.FC<EmptyBoxProps>;
-declare type BoxProps = {
-    children: React.ReactNode;
-    className?: string;
-};
-declare type LoadingProps = {
-    className?: string;
-};
-declare type LoadingBoxProps = {
-    className?: string;
-    message?: string;
-};
-declare type EmptyBoxProps = {
-    label?: string;
-};
-export {};
+import * as React from 'react';
+export declare const Box: React.FC<BoxProps>;
+export declare const Loading: React.FC<LoadingProps>;
+export declare const LoadingBox: React.FC<LoadingBoxProps>;
+export declare const EmptyBox: React.FC<EmptyBoxProps>;
+interface BoxProps {
+    children: React.ReactNode;
+    className?: string;
+}
+interface LoadingProps {
+    className?: string;
+}
+interface LoadingBoxProps {
+    className?: string;
+    message?: string;
+}
+interface EmptyBoxProps {
+    label?: string;
+}
+export {};

package/dist/ConsoleInternal/module/k8s/types.d.ts

@@ -1,42 +1,42 @@
-export declare type AccessReviewResourceAttributes = {
-    group?: string;
-    resource?: string;
-    subresource?: string;
-    verb?: K8sVerb;
-    name?: string;
-    namespace?: string;
-};
-export declare type K8sVerb = 'create' | 'get' | 'list' | 'update' | 'patch' | 'delete' | 'deletecollection' | 'watch';
-export declare type OwnerReference = {
-    name: string;
-    kind: string;
-    uid: string;
-    apiVersion: string;
-    controller?: boolean;
-    blockOwnerDeletion?: boolean;
-};
-export declare type ObjectMetadata = {
-    name: string;
-    annotations?: {
-        [key: string]: string;
-    };
-    clusterName?: string;
-    creationTimestamp?: string;
-    deletionGracePeriodSeconds?: number;
-    deletionTimestamp?: string;
-    finalizers?: string[];
-    generateName?: string;
-    generation?: number;
-    labels?: {
-        [key: string]: string;
-    };
-    managedFields?: any[];
-    namespace?: string;
-    ownerReferences?: OwnerReference[];
-    resourceVersion?: string;
-    uid?: string;
-    language?: string;
-    country?: string;
-    locale?: string;
-    [key: string]: any;
-};
+export interface AccessReviewResourceAttributes {
+    group?: string;
+    resource?: string;
+    subresource?: string;
+    verb?: K8sVerb;
+    name?: string;
+    namespace?: string;
+}
+export type K8sVerb = 'create' | 'get' | 'list' | 'update' | 'patch' | 'delete' | 'deletecollection' | 'watch';
+export interface OwnerReference {
+    name: string;
+    kind: string;
+    uid: string;
+    apiVersion: string;
+    controller?: boolean;
+    blockOwnerDeletion?: boolean;
+}
+export interface ObjectMetadata {
+    name: string;
+    annotations?: {
+        [key: string]: string;
+    };
+    clusterName?: string;
+    creationTimestamp?: string;
+    deletionGracePeriodSeconds?: number;
+    deletionTimestamp?: string;
+    finalizers?: string[];
+    generateName?: string;
+    generation?: number;
+    labels?: {
+        [key: string]: string;
+    };
+    managedFields?: any[];
+    namespace?: string;
+    ownerReferences?: OwnerReference[];
+    resourceVersion?: string;
+    uid?: string;
+    language?: string;
+    country?: string;
+    locale?: string;
+    [key: string]: any;
+}

package/dist/ConsoleShared/index.d.ts

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

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

@@ -1,7 +1,7 @@
-export * from './modal';
-export * from './spotlight';
-export * from './markdown-highlight-extension';
-export * from './markdown-extensions';
-export * from './popper';
-export * from './utils';
-export * from './status';
+export * from './modal';
+export * from './spotlight';
+export * from './markdown-highlight-extension';
+export * from './markdown-extensions';
+export * from './popper';
+export * from './utils';
+export * from './status';

package/dist/ConsoleShared/src/components/markdown-extensions/MarkdownCopyClipboard.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-declare type CopyClipboardProps = {
-    element: HTMLElement;
-    rootSelector: string;
-    docContext: HTMLDocument;
-};
-export declare const CopyClipboard: React.FC<CopyClipboardProps>;
-declare type MarkdownCopyClipboardProps = {
-    docContext: HTMLDocument;
-    rootSelector: string;
-};
-declare const MarkdownCopyClipboard: React.FC<MarkdownCopyClipboardProps>;
-export default MarkdownCopyClipboard;
+import * as React from 'react';
+interface CopyClipboardProps {
+    element: HTMLElement;
+    rootSelector: string;
+    docContext: Document;
+}
+export declare const CopyClipboard: React.FC<CopyClipboardProps>;
+interface MarkdownCopyClipboardProps {
+    docContext: Document;
+    rootSelector: string;
+}
+declare const MarkdownCopyClipboard: React.FC<MarkdownCopyClipboardProps>;
+export default MarkdownCopyClipboard;

package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts

@@ -1,7 +1,7 @@
-import './showdown-extension.scss';
-declare const useAccordionShowdownExtension: () => {
-    type: string;
-    regex: RegExp;
-    replace: (_text: string, accordionContent: string, _command: string, accordionHeading: string) => string;
-};
-export default useAccordionShowdownExtension;
+import './showdown-extension.scss';
+declare const useAccordionShowdownExtension: () => {
+    type: string;
+    regex: RegExp;
+    replace: (_text: string, accordionContent: string, _command: string, accordionHeading: string) => string;
+};
+export default useAccordionShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/accordion-render-extension.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-declare type accordionRenderExtensionProps = {
-    docContext: HTMLDocument;
-};
-declare const AccordionRenderExtension: React.FC<accordionRenderExtensionProps>;
-export default AccordionRenderExtension;
+import * as React from 'react';
+interface accordionRenderExtensionProps {
+    docContext: Document;
+}
+declare const AccordionRenderExtension: React.FC<accordionRenderExtensionProps>;
+export default AccordionRenderExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/admonition-extension.d.ts

@@ -1,7 +1,7 @@
-import './showdown-extension.scss';
-declare const useAdmonitionShowdownExtension: () => {
-    type: string;
-    regex: RegExp;
-    replace: (text: string, content: string, admonitionLabel: string, admonitionType: string, groupId: string) => string;
-};
-export default useAdmonitionShowdownExtension;
+import './showdown-extension.scss';
+declare const useAdmonitionShowdownExtension: () => {
+    type: string;
+    regex: RegExp;
+    replace: (text: string, content: string, admonitionLabel: string, admonitionType: string, groupId: string) => string;
+};
+export default useAdmonitionShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/code-extension.d.ts

@@ -1,7 +1,7 @@
-import './showdown-extension.scss';
-declare const useCodeShowdownExtension: () => {
-    type: string;
-    regex: RegExp;
-    replace: (text: string, content: string) => string;
-};
-export default useCodeShowdownExtension;
+import './showdown-extension.scss';
+declare const useCodeShowdownExtension: () => {
+    type: string;
+    regex: RegExp;
+    replace: (text: string, content: string) => string;
+};
+export default useCodeShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/const.d.ts

@@ -1,5 +1,5 @@
-export declare const MARKDOWN_COPY_BUTTON_ID = "data-copy-for";
-export declare const MARKDOWN_EXECUTE_BUTTON_ID = "data-execute-for";
-export declare const MARKDOWN_SNIPPET_ID = "data-snippet-id";
-export declare const ACCORDION_MARKDOWN_BUTTON_ID = "accordion-markdown-button-id";
-export declare const ACCORDION_MARKDOWN_CONTENT_ID = "accordion-markdown-content-id";
+export declare const MARKDOWN_COPY_BUTTON_ID = "data-copy-for";
+export declare const MARKDOWN_EXECUTE_BUTTON_ID = "data-execute-for";
+export declare const MARKDOWN_SNIPPET_ID = "data-snippet-id";
+export declare const ACCORDION_MARKDOWN_BUTTON_ID = "accordion-markdown-button-id";
+export declare const ACCORDION_MARKDOWN_CONTENT_ID = "accordion-markdown-content-id";

package/dist/ConsoleShared/src/components/markdown-extensions/index.d.ts

@@ -1,7 +1,7 @@
-export { default as MarkdownCopyClipboard } from './MarkdownCopyClipboard';
-export { default as useInlineCopyClipboardShowdownExtension } from './inline-clipboard-extension';
-export { default as useMultilineCopyClipboardShowdownExtension } from './multiline-clipboard-extension';
-export { default as useAdmonitionShowdownExtension } from './admonition-extension';
-export { default as useCodeShowdownExtension } from './code-extension';
-export { default as useAccordionShowdownExtension } from './accordion-extension';
-export { default as AccordionRenderExtension } from './accordion-render-extension';
+export { default as MarkdownCopyClipboard } from './MarkdownCopyClipboard';
+export { default as useInlineCopyClipboardShowdownExtension } from './inline-clipboard-extension';
+export { default as useMultilineCopyClipboardShowdownExtension } from './multiline-clipboard-extension';
+export { default as useAdmonitionShowdownExtension } from './admonition-extension';
+export { default as useCodeShowdownExtension } from './code-extension';
+export { default as useAccordionShowdownExtension } from './accordion-extension';
+export { default as AccordionRenderExtension } from './accordion-render-extension';

package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts

@@ -1,7 +1,7 @@
-import './showdown-extension.scss';
-declare const useInlineCopyClipboardShowdownExtension: () => {
-    type: string;
-    regex: RegExp;
-    replace: (text: string, group: string, _: string, groupId: number) => string;
-};
-export default useInlineCopyClipboardShowdownExtension;
+import './showdown-extension.scss';
+declare const useInlineCopyClipboardShowdownExtension: () => {
+    type: string;
+    regex: RegExp;
+    replace: (text: string, group: string, _: string, groupId: number) => string;
+};
+export default useInlineCopyClipboardShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts

@@ -1,7 +1,7 @@
-import './showdown-extension.scss';
-declare const useMultilineCopyClipboardShowdownExtension: () => {
-    type: string;
-    regex: RegExp;
-    replace: (text: string, group: string, _1: string, _2: string, groupId: number) => string;
-};
-export default useMultilineCopyClipboardShowdownExtension;
+import './showdown-extension.scss';
+declare const useMultilineCopyClipboardShowdownExtension: () => {
+    type: string;
+    regex: RegExp;
+    replace: (text: string, group: string, _1: string, _2: string, groupId: number) => string;
+};
+export default useMultilineCopyClipboardShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/utils.d.ts

@@ -1 +1 @@
-export declare const removeTemplateWhitespace: (template: string) => string;
+export declare const removeTemplateWhitespace: (template: string) => string;

package/dist/ConsoleShared/src/components/markdown-highlight-extension/MarkdownHighlightExtension.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type MarkdownHighlightExtensionProps = {
-    docContext: HTMLDocument;
-    rootSelector: string;
-};
-declare const MarkdownHighlightExtension: React.FC<MarkdownHighlightExtensionProps>;
-export default MarkdownHighlightExtension;
+import * as React from 'react';
+interface MarkdownHighlightExtensionProps {
+    docContext: Document;
+    rootSelector: string;
+}
+declare const MarkdownHighlightExtension: React.FC<MarkdownHighlightExtensionProps>;
+export default MarkdownHighlightExtension;

package/dist/ConsoleShared/src/components/markdown-highlight-extension/highlight-consts.d.ts

@@ -1,4 +1,4 @@
-export declare const LINK_LABEL = "[\\d\\w\\s-()$!]+";
-export declare const HIGHLIGHT_ACTIONS: string[];
-export declare const SELECTOR_ID = "[\\w-]+";
-export declare const HIGHLIGHT_REGEXP: RegExp;
+export declare const LINK_LABEL = "[\\d\\w\\s-()$!]+";
+export declare const HIGHLIGHT_ACTIONS: string[];
+export declare const SELECTOR_ID = "[\\w-]+";
+export declare const HIGHLIGHT_REGEXP: RegExp;

package/dist/ConsoleShared/src/components/markdown-highlight-extension/index.d.ts

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

package/dist/ConsoleShared/src/components/modal/Modal.d.ts

@@ -1,9 +1,9 @@
-import './Modal.scss';
-import * as React from 'react';
-import { Modal as PfModal, ModalProps as PfModalProps } from '@patternfly/react-core';
-declare type ModalProps = {
-    isFullScreen?: boolean;
-    ref?: React.LegacyRef<PfModal>;
-} & PfModalProps;
-declare const Modal: React.FC<ModalProps>;
-export default Modal;
+import './Modal.scss';
+import * as React from 'react';
+import { Modal as PfModal, ModalProps as PfModalProps } from '@patternfly/react-core';
+type ModalProps = {
+    isFullScreen?: boolean;
+    ref?: React.LegacyRef<PfModal>;
+} & PfModalProps;
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

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

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

@@ -1,7 +1,8 @@
-import * as React from 'react';
-declare type GetContainer = Element | null | undefined | (() => Element);
-declare type PortalProps = {
-    container?: GetContainer;
-};
-declare const Portal: React.FC<PortalProps>;
-export default Portal;
+import * as React from 'react';
+type GetContainer = Element | null | undefined | (() => Element);
+interface PortalProps {
+    children: React.ReactNode;
+    container?: GetContainer;
+}
+declare const Portal: ({ children, container }: PortalProps) => React.ReactPortal;
+export default Portal;

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

@@ -1,3 +1,6 @@
-import * as React from 'react';
-declare const SimplePopper: React.FC;
-export default SimplePopper;
+import * as React from 'react';
+interface SimplePopperProps {
+    children: React.ReactNode;
+}
+declare const SimplePopper: ({ children }: SimplePopperProps) => React.JSX.Element;
+export default SimplePopper;