@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/types/src/JSONTree/JSONTree.d.ts

@@ -22,14 +22,10 @@ interface JSONTreePropsBase {
      */
     elementRef?: React.Ref<HTMLElement>;
     /**
-     * @deprecated The `expandChildren="withShiftModifier"` value is deprecated and will be removed in a future major version. Use the `expandChildrenOnShiftKey` prop instead.
-     *
-     * If set to `true`, `expandChildren` will expand all nodes on initial render
-     * and expand all descendant nodes of any expanded node. The default is `false`, which expands only the first
-     * level of properties. If set to `withShiftModifier`, using `shift + click` or `shift + enter` will
-     * expand or collapse all descendant nodes of the tree at once.
+     * If set to `true`, `defaultExpanded` will expand all nodes on initial render.
+     * The default is `false`, which expands only the first level of properties.
      */
-    expandChildren?: boolean | 'withShiftModifier';
+    defaultExpanded?: boolean;
     /**
      * Number of space characters per level of indentation.
      */
@@ -60,7 +56,7 @@ interface JSONTreePropsBase {
     /**
      * If set to `true`, using `shift + click` or `shift + enter` will expand all descendant nodes
      * of the tree at once. A tooltip is added to the expand all / collapse all button to indicate that this feature
-     * is enabled.
+     * is enabled. Defaults to `true`.
      */
     expandChildrenOnShiftKey?: boolean;
 }
@@ -68,11 +64,11 @@ type JSONTreeProps = ComponentProps<JSONTreePropsBase, 'code'>;
 /**
  * Used to visualize a JSON string.
  */
-declare function JSONTree({ elementRef, expandChildren, indent, json, onClickKey, onClickValue, overflow, expandChildrenOnShiftKey, ...otherProps }: JSONTreeProps): JSX.Element;
+declare function JSONTree({ elementRef, defaultExpanded, indent, json, onClickKey, onClickValue, overflow, expandChildrenOnShiftKey, ...otherProps }: JSONTreeProps): React.JSX.Element;
 declare namespace JSONTree {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;
-        expandChildren: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        defaultExpanded: PropTypes.Requireable<boolean>;
         indent: PropTypes.Requireable<number>;
         json: PropTypes.Validator<NonNullable<NonNullable<string | number | boolean | object | null | undefined>>>;
         onClickKey: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/JSONTree/JSONTreeItem.d.ts

@@ -25,7 +25,7 @@ interface JSONTreeItemPropsBase extends TreeItemPropsBase {
     value?: JSONElement;
 }
 type JSONTreeItemProps = ComponentProps<JSONTreeItemPropsBase, 'li'>;
-export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): JSX.Element;
+export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): React.JSX.Element;
 export declare namespace JSONTreeItem {
     var propTypes: {
         clickableKeyRef: PropTypes.Requireable<object>;

package/types/src/JSONTree/docs/examples/Basic.d.ts

@@ -1 +1,2 @@
-export default function Basic(): JSX.Element;
+import React from 'react';
+export default function Basic(): React.JSX.Element;

package/types/src/JSONTree/docs/examples/Events.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { JSONTreeClickValueHandler, JSONTreeClickKeyHandler } from '@splunk/react-ui/JSONTree';
 declare class Events extends Component<{}, {
     key: string;
@@ -8,6 +8,6 @@ declare class Events extends Component<{}, {
     constructor(props: {});
     onClickJSONValue: JSONTreeClickValueHandler;
     onClickJSONKey: JSONTreeClickKeyHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Events;

package/types/src/JSONTree/docs/examples/ExpandChildrenOnShiftKey.d.ts

@@ -1 +1,2 @@
-export default function ExpandChildrenOnShiftKey(): JSX.Element;
+import React from 'react';
+export default function ExpandChildrenOnShiftKey(): React.JSX.Element;

package/types/src/JSONTree/renderTreeItems.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { JSONElement, JSONTreeClickKeyHandler, JSONTreeClickValueHandler } from './JSONTree';
 type RenderTreeItemsProps = {
     defaultOpen?: boolean;
-    expandChildren?: boolean | 'withShiftModifier';
+    defaultExpanded?: boolean;
     expandChildrenOnShiftKey?: boolean;
     indent?: number;
     indentLevel?: number;
@@ -13,5 +14,5 @@ type RenderTreeItemsProps = {
     shift?: boolean;
     updateShift: ((newShift: boolean) => void) | undefined;
 };
-export declare function renderTreeItems({ defaultOpen, expandChildren, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): JSX.Element | JSX.Element[];
+export declare function renderTreeItems({ defaultOpen, defaultExpanded, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): React.JSX.Element | React.JSX.Element[];
 export {};

package/types/src/Layer/Layer.d.ts

@@ -1,5 +1,4 @@
-import React, { Component } from 'react';
-import { LayerStackContext } from './LayerStack';
+import React, { JSXElementConstructor } from 'react';
 /** @public */
 type LayerPossibleCloseReason = 'clickAway' | 'escapeKey';
 /** @public */
@@ -7,7 +6,7 @@ type LayerRequestCloseHandler = (data: {
     event: MouseEvent | KeyboardEvent | TouchEvent;
     reason: LayerPossibleCloseReason;
 }) => void;
-interface LayerPropsBase {
+interface LayerProps {
     children?: React.ReactNode;
     /**
      * An array of reasons (`clickAway`, `escapeKey`) for which this `Layer` should close.
@@ -23,26 +22,10 @@ interface LayerPropsBase {
      */
     open?: boolean;
 }
-declare const defaultProps: Required<Pick<LayerPropsBase, 'closeReasons' | 'open'>>;
-type LayerProps = LayerPropsBase & typeof defaultProps;
-declare class Layer extends Component<LayerProps, {}> {
-    private layerClickEvent;
-    private static layerContainer;
-    static possibleCloseReasons: LayerPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<LayerProps>;
-    static defaultProps: Required<Pick<LayerPropsBase, "open" | "closeReasons">>;
-    context: React.ContextType<typeof LayerStackContext>;
-    static contextType: React.Context<Layer[]>;
-    constructor(props: Readonly<LayerProps>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LayerProps>): void;
-    componentWillUnmount(): void;
-    private getLayerStack;
-    private static handleFullScreenChange;
-    private handleClickOnLayer;
-    private handleClickOnWindow;
-    private handleKeyDownOnWindow;
-    render(): JSX.Element;
-}
+declare const Layer: JSXElementConstructor<LayerProps> & {
+    layerContainer: HTMLDivElement | null;
+    possibleCloseReasons: LayerPossibleCloseReason[];
+    propTypes: React.WeakValidationMap<LayerProps>;
+};
 export default Layer;
-export { LayerPossibleCloseReason, LayerRequestCloseHandler };
+export { LayerProps, LayerPossibleCloseReason, LayerRequestCloseHandler };

package/types/src/Layer/LayerStack.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Layer from './Layer';
 /**
  * `LayerStackContext` is used to manage the array that `Layer` (and components that
  * depend on it, such as `Modal`) uses to determine the order of open layers.
  * @public
  */
-export declare const LayerStackContext: React.Context<Layer[]>;
+export declare const LayerStackContext: React.Context<string[]>;
 interface LayerContextProps {
     /** Whether or not to have each layer create its own CSS stacking context. */
     separateStackingContexts?: boolean;
@@ -26,7 +25,7 @@ interface LayerStackGlobalProviderProps extends LayerContextProps {
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
  */
-declare function LayerStackGlobalProvider({ children, name, scope, separateStackingContexts, }: LayerStackGlobalProviderProps): JSX.Element;
+declare function LayerStackGlobalProvider({ children, name, scope, separateStackingContexts, }: LayerStackGlobalProviderProps): React.JSX.Element;
 declare namespace LayerStackGlobalProvider {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Layer/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Layout/Layout.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface LayoutPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
+}
+type LayoutProps = ComponentProps<LayoutPropsBase, 'div'>;
+/**
+ * Renders a container to layout children using standard spacing values.
+ */
+export declare function Layout({ children, elementRef, ...otherProps }: LayoutProps): React.JSX.Element;
+export declare namespace Layout {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default Layout;

package/types/src/Layout/docs/examples/Basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Basic(): React.JSX.Element;
+export default Basic;

package/types/src/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Layout';
+export * from './Layout';

package/types/src/Layout/test/Layout.unit.d.ts

@@ -0,0 +1 @@
+export {};

package/types/src/Link/Link.d.ts

@@ -1,15 +1,13 @@
-import React, { Component } from 'react';
-import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import { ComponentProps } from '../utils/types';
 interface LinkPropsBase {
     /**
-     * Links may need to be rendered as "disabled": e.g. last link in a breadcrumb. Disabled links, must have the `to` (ideally to '') and `disabled` props set.
-     *  @private
+     * Changes the style of the link.
      */
-    allowDisabledLink?: boolean;
+    appearance?: 'inline' | 'standalone';
     children?: React.ReactNode;
     /**
-     * Adds a disabled attribute and prevent clicking.
+     * Adds an aria-disabled attribute and prevents clicking.
      */
     disabled?: boolean;
     /**
@@ -34,24 +32,13 @@ interface LinkPropsBase {
      */
     to?: string;
 }
-declare const defaultProps: Required<Pick<LinkPropsBase, 'disabled' | 'openInNewContext'>>;
-type LinkLinkProps = ClassComponentProps<LinkPropsBase, typeof defaultProps, 'a', 'href'>;
-type LinkButtonProps = ClassComponentProps<LinkPropsBase, typeof defaultProps, 'button'>;
+type LinkLinkProps = ComponentProps<LinkPropsBase, 'a', 'href'>;
+type LinkButtonProps = ComponentProps<LinkPropsBase, 'button'>;
 type LinkProps = LinkLinkProps | LinkButtonProps;
 /**
  * `Link` is a simple method for configuring `Button` for inline links. For more complex behaviors,
  * see the `Button` documentation.
  */
-declare class Link extends Component<LinkProps> {
-    private component;
-    static propTypes: React.WeakValidationMap<LinkProps>;
-    static defaultProps: Required<Pick<LinkPropsBase, "disabled" | "openInNewContext">>;
-    static [legacyRefMode]: boolean;
-    private handleMount;
-    /**
-     * Place focus on the link.
-     */
-    focus(): void;
-    render(): JSX.Element;
-}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Link;
+export { LinkProps };

package/types/src/Link/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Link/docs/examples/Disabled.d.ts

@@ -1,2 +1,3 @@
-declare function Disabled(): JSX.Element;
+import React from 'react';
+declare function Disabled(): React.JSX.Element;
 export default Disabled;

package/types/src/Link/docs/examples/NewWindow.d.ts

@@ -1,2 +1,3 @@
-declare function NewWindow(): JSX.Element;
+import React from 'react';
+declare function NewWindow(): React.JSX.Element;
 export default NewWindow;

package/types/src/Link/docs/examples/Standalone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Standalone(): React.JSX.Element;
+export default Standalone;

package/types/src/Link/icons/External.d.ts

@@ -1,2 +1,3 @@
-declare function External(): JSX.Element;
+/// <reference types="react" />
+declare const External: import("styled-components").StyledComponent<({ children, variant, ...otherprops }: import("@splunk/react-icons/ArrowSquareTopRightInset").IconBaseProps) => import("react").JSX.Element | null, any, {}, never>;
 export default External;

package/types/src/List/Item.d.ts

@@ -12,7 +12,7 @@ type ItemProps = ComponentProps<ItemPropsBase, 'li'>;
 /**
  * A container for items of a `List`.
  */
-declare function Item({ children, elementRef, ...otherProps }: ItemProps): JSX.Element;
+declare function Item({ children, elementRef, ...otherProps }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/List/List.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Item from './Item';
+import { Styled } from './ListStyles';
 import { ComponentProps } from '../utils/types';
 interface ListPropsBase {
     children?: React.ReactNode;
@@ -12,38 +13,25 @@ interface ListPropsBase {
     elementRef?: React.Ref<HTMLOListElement | HTMLUListElement>;
     /** Sets the element as an `HTMLOListElement`  otherwise it defaults to `HTMLUListElement`. */
     ordered?: boolean;
-    /**
-     * @deprecated
-     * This prop is deprecated and will be removed in a future major version. List will default to `HTMLUListElement`. Use `ordered` prop to set list to `HTMLOListElement`. Use CSS to style the `list-style-type` property.
-     */
-    type?: 'disc' | 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
 interface ListOrderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLOListElement>;
     ordered: true;
-    type?: never;
-}
-interface ListOrderedTypePropsBase extends ListPropsBase {
-    elementRef?: React.Ref<HTMLOListElement>;
-    ordered?: never;
-    type?: 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
 interface ListUnorderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLUListElement>;
-    type?: 'disc';
 }
-type ListOrderedProps = ComponentProps<ListOrderedPropsBase | ListOrderedTypePropsBase, 'ol'>;
 type ListUnorderedProps = ComponentProps<ListUnorderedPropsBase, 'ul'>;
-type ListProps = ListOrderedProps | ListUnorderedProps;
-declare function List({ children, elementRef, type, ordered, ...otherProps }: ListProps): JSX.Element;
+type ListOrderedProps = ComponentProps<ListOrderedPropsBase, 'ol'>;
+type ListProps = ListUnorderedProps | ListOrderedProps;
+declare function List({ children, elementRef, ordered, ...otherProps }: ListProps): React.JSX.Element;
 declare namespace List {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         ordered: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
     };
     var Item: typeof import("./Item").default;
 }
 export default List;
-export { Item };
+export { Item, Styled as StyledList };

package/types/src/List/docs/examples/CustomizedList.d.ts

@@ -1,2 +1,3 @@
-declare function CustomizedList(): JSX.Element;
+import React from 'react';
+declare function CustomizedList(): React.JSX.Element;
 export default CustomizedList;

package/types/src/List/docs/examples/OrderedList.d.ts

@@ -1,2 +1,3 @@
-declare function Ordered(): JSX.Element;
+import React from 'react';
+declare function Ordered(): React.JSX.Element;
 export default Ordered;

package/types/src/List/docs/examples/UnorderedList.d.ts

@@ -1,2 +1,3 @@
-declare function UnorderedList(): JSX.Element;
+import React from 'react';
+declare function UnorderedList(): React.JSX.Element;
 export default UnorderedList;

package/types/src/Markdown/Markdown.d.ts

@@ -1,131 +1,122 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { Options } from 'react-markdown';
 import { ComponentProps } from '../utils/types';
-import { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownAnchorHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph } from './renderers';
+import { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph } from './renderers';
 /** @public */
-type AnchorHeadingRenderer = (data: {
+type RemarkReturn = React.ReactElement<any, any> | null;
+/** @public */
+type AnchorHeadingRenderer = (props: {
     children: React.ReactNode[];
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-    nodeKey: string;
-}) => React.ReactNode;
+    level: number;
+}) => RemarkReturn;
 /** @public */
-type BlockquoteRenderer = (data: {
+type BlockquoteRenderer = (props: {
     children: React.ReactNode[];
-    nodeKey: string;
-}) => React.ReactNode;
+}) => RemarkReturn;
 /** @public */
-type CodeRenderer = (data: {
-    inline: true;
-    literal: string;
-    nodeKey: string;
-}) => React.ReactNode;
+type CodeRenderer = (props: {
+    children: React.ReactNode[];
+}) => RemarkReturn;
 /** @public */
-type CodeBlockRenderer = (data: {
+type CodeBlockRenderer = (props: {
     language?: string;
-    literal: string;
-    nodeKey: string;
-}) => React.ReactNode;
+    children: React.ReactNode[];
+}) => RemarkReturn;
 /** @public */
-type HeadingRenderer = (data: {
+type HeadingRenderer = (props: {
     children: React.ReactNode[];
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-    nodeKey: string;
-}) => React.ReactNode;
+    level: number;
+}) => RemarkReturn;
 /** @public */
-type ImageRenderer = (data: {
-    alt: string;
-    nodeKey: string;
-    src: string;
+type ImageRenderer = (props: {
+    alt?: string;
+    src?: string;
     title?: string;
-}) => React.ReactNode;
+}) => RemarkReturn;
 /** @public */
-type ItemRenderer = (data: {
+type ItemRenderer = (props: {
     children: React.ReactNode[];
-    nodeKey: string;
-}) => React.ReactNode;
+}) => RemarkReturn;
 /** @public */
-type LinkRenderer = (data: {
+type LinkRenderer = (props: {
     children: React.ReactNode[];
-    href: string;
-    nodeKey: string;
+    href?: string;
     title?: string;
-}) => React.ReactNode;
+}) => RemarkReturn;
 /** @public */
-type ListRenderer = (data: {
+type ListRenderer = (props: {
     children: React.ReactNode[];
-    nodeKey: string;
-    start: number | null;
-    tight: boolean;
-    type: 'bullet' | 'ordered';
+    depth: number;
     ordered: boolean;
-}) => React.ReactNode;
+}) => RemarkReturn;
 /** @public */
-type ParagraphRenderer = (data: {
+type ParagraphRenderer = (props: {
     children: React.ReactNode[];
-    nodeKey: string;
-}) => React.ReactNode;
+}) => RemarkReturn;
 interface MarkdownPropsBase {
     /**
-     * A custom blockquote renderer. The function is passed an object containing `children` and `nodeKey`.
+     * A custom blockquote renderer. The function is passed an object containing `children`.
      */
     blockquoteRenderer?: BlockquoteRenderer;
     /**
-     * A custom code literal renderer. The function is passed an object containing `literal`,
-     * `inline`, and `nodeKey`.
+     * A custom code literal renderer. The function is passed an object containing `children`.
      */
     codeRenderer?: CodeRenderer;
     /**
      * A custom code block renderer. The function is passed an object containing `language`,
-     * `literal`, and `nodeKey`. It supports the same languages as used in the `Code` component.
+     * and `children`. It supports the same languages as the `Code` component.
      */
     codeBlockRenderer?: CodeBlockRenderer;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
-    elementRef?: React.Ref<HTMLDivElement>;
+    elementRef?: React.Ref<HTMLElement>;
     /**
      * A custom heading renderer. The function is passed an object containing `level` from 1 to
-     * 6, `children`, and `nodeKey`.
+     * 6 and `children`.
      */
     headingRenderer?: HeadingRenderer | AnchorHeadingRenderer;
     /**
      * A custom image renderer. The function is passed an object containing `src`, `title`,
-     * `alt`, and `nodeKey`.
+     * and `alt`.
      */
     imageRenderer?: ImageRenderer;
     /**
      * A custom link renderer. This is useful for single-page apps that need to handle links
-     * internally. The function is passed an object containing `href`, `title`, `children`, and `nodeKey`.
+     * internally. The function is passed an object containing `href`, `title`, and `children`.
      */
     linkRenderer?: LinkRenderer;
     /**
-     * A custom list renderer. The function is passed an object containing `start`,
-     * `type` ('bullet' or 'ordered'), `tight`, and `nodeKey`.
+     * A custom list renderer. The function is passed an object containing `ordered`, `depth`, and `children`.
      */
     listRenderer?: ListRenderer;
     /**
-     * A custom list item renderer. The function is passed an object containing `children` and `nodeKey`.
+     * A custom list item renderer. The function is passed an object containing `children`.
      */
     itemRenderer?: ItemRenderer;
     /**
-     * A custom paragraph renderer. The function is passed an object containing `children` and `nodeKey`.
+     * A custom paragraph renderer. The function is passed an object containing `children`.
      */
     paragraphRenderer?: ParagraphRenderer;
     /** The content to be parsed and rendered. */
     text: string;
     /**
      * @private
-     * Object of type RendererOptions that can use used to override the props for ReactCommonmarkRenderer.
+     * Object of type ReactMarkdown.Options that can be used to override the props for ReactMarkdown.
+     *
+     * Note that the `ReactMarkdown.Options` `children` type is omitted in `renderOptions` since that
+     * prop is superseded by `Markdown`'s `text` prop.
      */
-    rendererOptions?: object;
+    rendererOptions?: Omit<Options, 'children'>;
 }
-type MarkdownProps = ComponentProps<MarkdownPropsBase, 'div'>;
+type MarkdownProps = ComponentProps<MarkdownPropsBase, 'section'>;
 /**
  * The `Markdown` component renders the given Markdown text as a React component.
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
  */
-declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, elementRef, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, rendererOptions: rendererOptionsOverride, ...otherProps }: MarkdownProps): JSX.Element;
+declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, elementRef, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, rendererOptions, ...otherProps }: MarkdownProps): React.JSX.Element;
 declare namespace Markdown {
     var propTypes: {
         blockquoteRenderer: PropTypes.Requireable<(...args: any[]) => any>;
@@ -143,4 +134,4 @@ declare namespace Markdown {
     };
 }
 export default Markdown;
-export { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownAnchorHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, };
+export { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, };

package/types/src/Markdown/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function BasicExample(): JSX.Element;
+import React from 'react';
+declare function BasicExample(): React.JSX.Element;
 export default BasicExample;

package/types/src/Markdown/docs/examples/I18n.d.ts

@@ -1,2 +1,3 @@
-declare function I18nExample(): JSX.Element;
+import React from 'react';
+declare function I18nExample(): React.JSX.Element;
 export default I18nExample;

package/types/src/Markdown/docs/examples/RenderProps.d.ts

@@ -1,2 +1,3 @@
-declare function RendererExample(): JSX.Element;
+import React from 'react';
+declare function RendererExample(): React.JSX.Element;
 export default RendererExample;

package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts

@@ -1,15 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownAnchorHeadingPropsBase {
     children: React.ReactNode[];
-    level: 1 | 2 | 3 | 4 | 5 | 6;
+    level: number;
 }
 type MarkdownAnchorHeadingProps = ComponentProps<MarkdownAnchorHeadingPropsBase, 'h1'>;
-declare function MarkdownAnchorHeading({ level, children, ...otherProps }: MarkdownAnchorHeadingProps): JSX.Element;
-declare namespace MarkdownAnchorHeading {
-    var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
+declare function MarkdownAnchorHeading({ level, children, ...otherProps }: MarkdownAnchorHeadingProps): React.JSX.Element;
 export default MarkdownAnchorHeading;

package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { StyledHint } from '../MarkdownStyles';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownBlockquotePropsBase {
     children: React.ReactNode[];
 }
 type MarkdownBlockquoteProps = ComponentProps<MarkdownBlockquotePropsBase, 'blockquote'>;
-declare function MarkdownBlockquote({ children, ...otherProps }: MarkdownBlockquoteProps): JSX.Element;
-declare namespace MarkdownBlockquote {
-    var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
+declare function MarkdownBlockquote({ children, ...otherProps }: MarkdownBlockquoteProps): React.JSX.Element;
 export default MarkdownBlockquote;
+export { StyledHint };

package/types/src/Markdown/renderers/MarkdownCode.d.ts

@@ -1,14 +1,8 @@
-import PropTypes from 'prop-types';
+import React from 'react';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownCodePropsBase {
-    inline: true;
-    literal: string;
+    children?: React.ReactNode;
 }
 type MarkdownCodeProps = ComponentProps<MarkdownCodePropsBase, 'code'>;
-declare function MarkdownCode({ literal, ...otherProps }: MarkdownCodeProps): JSX.Element;
-declare namespace MarkdownCode {
-    var propTypes: {
-        literal: PropTypes.Requireable<string>;
-    };
-}
+declare function MarkdownCode({ children, ...otherProps }: MarkdownCodeProps): React.JSX.Element;
 export default MarkdownCode;