@deque/cauldron-react 5.13.0 → 6.0.0-canary.6cb7e9c4

package/lib/{components → src/components}/Table/TableCell.d.ts

@@ -1,11 +1,6 @@
 import React, { TdHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 declare const TableCell: {
     ({ children, className, ...other }: TdHTMLAttributes<HTMLTableCellElement>): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default TableCell;

package/lib/{components → src/components}/Table/TableFooter.d.ts

@@ -1,11 +1,6 @@
 import React, { HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 declare const TableFooter: {
     ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default TableFooter;

package/lib/{components → src/components}/Table/TableHead.d.ts

@@ -1,11 +1,6 @@
 import React, { HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 declare const TableHead: {
     ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default TableHead;

package/lib/{components → src/components}/Table/TableHeader.d.ts

@@ -1,5 +1,4 @@
 import React, { ThHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 type SortDirection = 'ascending' | 'descending' | 'none';
 interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
     sortDirection?: SortDirection;
@@ -10,13 +9,5 @@ interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
 declare const TableHeader: {
     ({ children, sortDirection, onSort, className, sortAscendingAnnouncement, sortDescendingAnnouncement, ...other }: TableHeaderProps): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        sortDirection: PropTypes.Requireable<string>;
-        onSort: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        sortAscendingAnnouncement: PropTypes.Requireable<string>;
-        sortDescendingAnnouncement: PropTypes.Requireable<string>;
-    };
 };
 export default TableHeader;

package/lib/{components → src/components}/Table/TableRow.d.ts

@@ -1,11 +1,6 @@
 import React, { HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 declare const TableRow: {
     ({ children, className, ...other }: HTMLAttributes<HTMLTableRowElement>): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default TableRow;

package/lib/{components → src/components}/Tabs/Tabs.d.ts

@@ -1,6 +1,5 @@
 import { Cauldron } from '../../types';
 import React from 'react';
-import PropTypes from 'prop-types';
 type TabsProps = {
     children: React.ReactNode;
     initialActiveIndex?: number;
@@ -15,14 +14,5 @@ type TabsProps = {
 declare const Tabs: {
     ({ children, thin, orientation, initialActiveIndex, className, onChange, ...labelProp }: TabsProps): JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        'aria-label': PropTypes.Requireable<string>;
-        'aria-labelledby': PropTypes.Requireable<string>;
-        initialActiveIndex: PropTypes.Requireable<number>;
-        thin: PropTypes.Requireable<boolean>;
-        orientation: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default Tabs;

package/lib/{components → src/components}/Tag/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 interface TagProps {
     children: React.ReactNode;
     className?: string;
@@ -7,17 +6,9 @@ interface TagProps {
 export declare const TagLabel: {
     ({ children, className, ...other }: TagProps): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 declare const Tag: {
     ({ children, className, ...other }: TagProps): React.JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export default Tag;

package/lib/{components → src/components}/TextField/index.d.ts

@@ -1,5 +1,4 @@
 import React, { ChangeEvent } from 'react';
-import PropTypes from 'prop-types';
 export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     label: React.ReactNode;
     error?: React.ReactNode;
@@ -23,21 +22,6 @@ export default class TextField extends React.Component<TextFieldProps, TextField
         requiredText: string;
         multiline: boolean;
     };
-    static propTypes: {
-        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        id: PropTypes.Requireable<string>;
-        error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        defaultValue: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        fieldRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-        required: PropTypes.Requireable<boolean>;
-        requiredText: PropTypes.Requireable<string>;
-        multiline: PropTypes.Requireable<boolean>;
-        'aria-describedby': PropTypes.Requireable<string>;
-    };
     private inputId;
     private errorId;
     private input;

package/lib/{components → src/components}/Toast/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import AriaIsolate from '../../utils/aria-isolate';
 export interface ToastProps {
     type: 'confirmation' | 'caution' | 'error' | 'action-needed' | 'info';
@@ -27,18 +26,6 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
         show: boolean;
         dismissible: boolean;
     };
-    static propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        type: PropTypes.Validator<string>;
-        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        dismissText: PropTypes.Requireable<string>;
-        toastRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-        focus: PropTypes.Requireable<boolean>;
-        show: PropTypes.Requireable<boolean>;
-        dismissible: PropTypes.Requireable<boolean>;
-    };
     static displayName: string;
     private el;
     constructor(props: ToastProps);

package/lib/src/components/Tooltip/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Placement } from '@popperjs/core';
+export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+    target: React.RefObject<HTMLElement> | HTMLElement;
+    variant?: 'text' | 'info' | 'big';
+    association?: 'aria-labelledby' | 'aria-describedby';
+    show?: boolean | undefined;
+    placement?: Placement;
+    portal?: React.RefObject<HTMLElement> | HTMLElement;
+    hideElementOnHidden?: boolean;
+}
+declare function Tooltip({ id: propId, placement: initialPlacement, children, portal, target, association, variant, show: initialShow, hideElementOnHidden, className, ...props }: TooltipProps): JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+export default Tooltip;
+interface TooltipHeadProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+export declare const TooltipHead: ({ className, ...other }: TooltipHeadProps) => React.JSX.Element;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+export declare const TooltipContent: ({ className, ...other }: TooltipContentProps) => React.JSX.Element;

package/lib/{components → src/components}/TopBar/TopBarMenu.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface TopBarMenuProps extends Pick<React.HTMLAttributes<HTMLLIElement>, Exclude<keyof React.HTMLAttributes<HTMLLIElement>, 'onKeyDown'>> {
     onKeyDown: (e: React.KeyboardEvent<HTMLLIElement>) => void;
     menuItemRef: React.Ref<HTMLLIElement>;
@@ -12,10 +11,6 @@ export default class TopBarMenu extends React.Component<TopBarMenuProps, TopBarM
         onKeyDown: () => void;
         menuItemRef: () => void;
     };
-    static propTypes: {
-        id: PropTypes.Validator<string>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
     state: TopBarMenuState;
     private optionsMenuRef;
     private menuItemRef;

package/lib/{components → src/components}/TopBar/TopBarTrigger.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface TopBarTriggerProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
+    className?: string;
 }
 declare const TopBarTrigger: React.ComponentType<React.PropsWithChildren<TopBarTriggerProps>>;
 export default TopBarTrigger;

package/lib/src/components/TwoColumnPanel/ColumnGroupHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ColumnGroupHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ColumnGroupHeader;

package/lib/src/components/TwoColumnPanel/ColumnHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ColumnHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ColumnHeader;

package/lib/src/components/TwoColumnPanel/ColumnList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ColumnList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ColumnList;

package/lib/src/components/Workspace/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface WorkspaceProps extends React.HTMLAttributes<HTMLDivElement> {
+    workspaceRef: React.Ref<HTMLDivElement>;
+    layoutRef: React.Ref<HTMLDivElement>;
+    noSideBar: boolean;
+}
+export default class Workspace extends React.Component<WorkspaceProps> {
+    static defaultProps: {
+        workspaceRef: () => void;
+        layoutRef: () => void;
+        noSideBar: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: WorkspaceProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}

package/lib/{contexts → src/contexts}/theme.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 type Theme = 'light' | 'dark';
 interface ProviderProps {
     children: React.ReactNode;
@@ -13,12 +12,6 @@ interface Methods {
     toggleTheme: () => void;
 }
 declare const ThemeContext: React.Context<State & Methods>;
-declare const ThemeProvider: {
-    ({ children, context, initialTheme }: ProviderProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<any>;
-        initialTheme: PropTypes.Requireable<string>;
-    };
-};
+declare const ThemeProvider: ({ children, context, initialTheme }: ProviderProps) => React.JSX.Element;
 declare function useThemeContext(): State & Methods;
 export { ThemeContext, ThemeProvider, useThemeContext };

package/lib/{index.d.ts → src/index.d.ts}

@@ -19,7 +19,6 @@ export { default as Modal, ModalContent, ModalFooter } from './components/Modal'
 export { default as SkipLink } from './components/SkipLink';
 export { default as Button } from './components/Button';
 export { default as IconButton } from './components/IconButton';
-export { default as Pointout } from './components/Pointout';
 export { default as Toast } from './components/Toast';
 export { default as Link } from './components/Link';
 export { default as Loader } from './components/Loader';
@@ -30,7 +29,6 @@ export { default as RadioCardGroup } from './components/RadioCardGroup';
 export { default as Checkbox } from './components/Checkbox';
 export { default as Tooltip, TooltipHead, TooltipContent } from './components/Tooltip';
 export { default as TooltipTabstop } from './components/TooltipTabstop';
-export { default as Card, CardHeader, CardContent, CardFooter } from './components/Card';
 export { default as TextField } from './components/TextField';
 export { default as ClickOutsideListener } from './components/ClickOutsideListener';
 export { default as ExpandCollapsePanel, PanelTrigger } from './components/ExpandCollapsePanel';
@@ -45,7 +43,6 @@ export { default as Tabs, Tab, TabPanel } from './components/Tabs';
 export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
 export { default as Stepper, Step } from './components/Stepper';
 export { default as Panel, PanelHeader, PanelContent } from './components/Panel';
-export { default as IssuePanel } from './components/IssuePanel';
 export { default as ProgressBar } from './components/ProgressBar';
 export { Address, AddressLine, AddressCityStateZip } from './components/Address';
 export { default as Pagination, usePagination } from './components/Pagination';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.13.0",
+  "version": "6.0.0-canary.6cb7e9c4",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -28,7 +28,6 @@
     "focus-trap-react": "8",
     "focusable": "^2.3.0",
     "keyname": "^0.1.0",
-    "prop-types": "^15.6.0",
     "react-id-generator": "^3.0.1",
     "react-popper": "^2.2.4",
     "react-syntax-highlighter": "^15.5.0",
@@ -44,12 +43,16 @@
     "@rollup/plugin-dynamic-import-vars": "^1.4.2",
     "@rollup/plugin-typescript": "^11.1.2",
     "@svgr/rollup": "^6.1.2",
+    "@testing-library/react": "11.1.2",
+    "@testing-library/jest-dom": "^6.1.3",
     "@types/classnames": "^2.2.10",
     "@types/node": "^17.0.42",
-    "@types/prop-types": "^15.7.3",
     "@types/react": "^18.0.12",
     "@types/react-dom": "^18.0.5",
+    "@types/jest-axe": "^3.5.4",
+    "@types/jest": "^24.7.1",
     "@types/react-syntax-highlighter": "^15.5.2",
+    "@types/enzyme-adapter-react-16": "^1.0.9",
     "autoprefixer": "^9.7.6",
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-transform-export-extensions": "^6.22.0",
@@ -94,11 +97,12 @@
   },
   "jest": {
     "setupFilesAfterEnv": [
-      "<rootDir>__tests__/setupTests.js"
+      "<rootDir>__tests__/setupTests.ts"
     ],
     "testMatch": [
       "**/__tests__/src/**/*.js",
-      "**/__tests__/demo/**/*.js"
+      "**/__tests__/demo/**/*.js",
+      "**/src/components/**/*.test.tsx"
     ],
     "collectCoverageFrom": [
       "**/src/**/*.{ts,tsx}"

package/lib/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-type BreadcrumbItemProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLElement>>;
-export default BreadcrumbItem;

package/lib/components/Card/Card.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: 'simple';
-}
-declare const Card: {
-    ({ className, variant, ...other }: CardProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-    };
-};
-export default Card;

package/lib/components/Card/CardContent.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const CardContent: {
-    ({ className, ...other }: CardContentProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
-};
-export default CardContent;

package/lib/components/Card/CardFooter.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
-declare const CardFooter: {
-    ({ className, ...other }: CardFooterProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
-};
-export default CardFooter;

package/lib/components/Card/CardHeader.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare const CardHeader: {
-    ({ className, ...other }: CardHeaderProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
-};
-export default CardHeader;

package/lib/components/Card/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './Card';
-export { default as CardHeader } from './CardHeader';
-export { default as CardContent } from './CardContent';
-export { default as CardFooter } from './CardFooter';

package/lib/components/IssuePanel/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import IconButton from '../IconButton';
-declare const IssuePanel: {
-    ({ className, title, actions, children }: {
-        className?: string | undefined;
-        title?: string | undefined;
-        actions?: import("../../utils/polymorphic-type").ForwardRefComponent<"button", import("../IconButton").IconButtonOwnProps>[] | undefined;
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-    };
-};
-export default IssuePanel;

package/lib/components/Layout/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    layoutRef?: React.Ref<HTMLDivElement>;
-}
-export default class Layout extends React.Component<LayoutProps> {
-    static defaultProps: {
-        layoutRef: () => void;
-    };
-    static propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        layoutRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-    };
-    render(): React.JSX.Element;
-}

package/lib/components/Line/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-declare const Line: {
-    ({ className, ...other }: React.HTMLAttributes<HTMLHRElement>): React.JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-    };
-    displayName: string;
-};
-export default Line;

package/lib/components/Link/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    linkRef?: React.Ref<HTMLAnchorElement>;
-    variant?: 'button' | 'button-secondary';
-    thin?: boolean;
-}
-declare const Link: {
-    ({ children, linkRef, className, variant, thin, ...other }: LinkProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-        thin: PropTypes.Requireable<boolean>;
-        linkRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-    };
-    displayName: string;
-};
-export default Link;

package/lib/components/Main/index.d.ts

@@ -1,17 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-    mainRef?: React.Ref<HTMLDivElement>;
-}
-export default class Main extends Component<MainProps> {
-    static defaultProps: {
-        mainRef: () => void;
-    };
-    static propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        mainRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-    };
-    render(): React.JSX.Element;
-}

package/lib/components/OptionsMenu/OptionsMenuWrapper.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { OptionsMenuAlignmentProps } from './OptionsMenu';
-export interface OptionsMenuWrapperProps extends React.HTMLAttributes<HTMLDivElement>, OptionsMenuAlignmentProps {
-}
-/**
- * Wrapper / parent component for the <OptionsMenuTrigger /> and <OptionsMenu /> components
- */
-declare const OptionsMenuWrapper: {
-    ({ className, align, ...other }: OptionsMenuWrapperProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-        align: PropTypes.Requireable<string>;
-    };
-};
-export default OptionsMenuWrapper;

package/lib/components/Pointout/index.d.ts

@@ -1,82 +0,0 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-export interface PointoutProps {
-    arrowPosition: 'top-left' | 'top-right' | 'right-top' | 'right-bottom' | 'bottom-right' | 'bottom-left' | 'left-bottom' | 'left-top';
-    position: 'start' | 'center' | 'end';
-    heading?: React.ReactNode;
-    className?: string;
-    headerId: string;
-    children: React.ReactNode;
-    ftpoRef: React.Ref<HTMLDivElement>;
-    noArrow?: boolean;
-    onClose: () => void;
-    dismissText?: string;
-    nextText?: string;
-    previousText?: string;
-    showNext?: boolean;
-    showPrevious?: boolean;
-    disableOffscreenPointout?: boolean;
-    target?: React.RefObject<HTMLElement> | HTMLElement;
-    portal?: React.RefObject<HTMLElement> | HTMLElement;
-    previousButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-    nextButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-}
-interface PointoutState {
-    show: boolean;
-    style: React.CSSProperties;
-    headingId?: string;
-    offscreenContentFocus?: boolean;
-}
-export default class Pointout extends React.Component<PointoutProps, PointoutState> {
-    static defaultProps: {
-        ftpoRef: () => void;
-        noArrow: boolean;
-        onClose: () => void;
-        dismissText: string;
-        previousText: string;
-        nextText: string;
-        arrowPosition: string;
-        position: string;
-    };
-    static propTypes: {
-        heading: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        ftpRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-        noArrow: (props: PointoutProps, propName: keyof PointoutProps) => Error | undefined;
-        arrowPosition: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        dismissText: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-        disableOffscreenPointout: PropTypes.Requireable<boolean>;
-        portal: PropTypes.Requireable<any>;
-        previousButtonProps: PropTypes.Requireable<any>;
-        nextButtonProps: PropTypes.Requireable<any>;
-        closeButtonProps: PropTypes.Requireable<any>;
-    };
-    private resizeDebounceId;
-    private resizeDebounce;
-    private offscreenRef;
-    private offscreenContentRef;
-    private visibleRef;
-    constructor(props: PointoutProps);
-    getFocusableElements(root: HTMLElement | null): Element[];
-    componentDidMount(): void;
-    forceUpdate(): void;
-    componentWillUnmount(): void;
-    attachOffscreenListeners: () => void;
-    handleOffscreenContentFocusIn: ({ target }: FocusEvent) => void;
-    handleOffscreenContentFocusOut: ({ target }: FocusEvent) => void;
-    handleOffscreenFocusIn: ({ target }: FocusEvent) => void;
-    handleOffscreenFocusOut: ({ target }: FocusEvent) => void;
-    positionRelativeToTarget: () => void;
-    componentDidUpdate(nextProps: PointoutProps): void;
-    render(): React.JSX.Element | null;
-    onCloseClick(): void;
-}
-export {};