@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/Dropdown/DropdownMenu.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { DropdownPosition, DropdownContext } from './dropdownConstants';
+export interface DropdownMenuProps {
+    /** Anything which can be rendered as dropdown items */
+    children?: React.ReactNode;
+    /** Classess applied to root element of dropdown menu */
+    className?: string;
+    /** Flag to indicate if menu is opened */
+    isOpen?: boolean;
+    /** Flag to indicate if the first dropdown item should gain initial focus, set false when adding
+     * a specific auto-focus item (like a current selection) otherwise leave as true
+     */
+    autoFocus?: boolean;
+    /** Indicates which component will be used as dropdown menu */
+    component?: React.ReactNode;
+    /** Indicates where menu will be alligned horizontally */
+    position?: DropdownPosition | 'right' | 'left';
+    /** Indicates how the menu will align at screen size breakpoints */
+    alignments?: {
+        sm?: 'right' | 'left';
+        md?: 'right' | 'left';
+        lg?: 'right' | 'left';
+        xl?: 'right' | 'left';
+        '2xl'?: 'right' | 'left';
+    };
+    /** Flag to indicate if menu is grouped */
+    isGrouped?: boolean;
+    setMenuComponentRef?: any;
+}
+export interface DropdownMenuItem extends React.HTMLAttributes<any> {
+    isDisabled: boolean;
+    disabled: boolean;
+    isHovered: boolean;
+    ref: HTMLElement;
+}
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static displayName: string;
+    context: React.ContextType<typeof DropdownContext>;
+    refsCollection: HTMLElement[][];
+    static defaultProps: DropdownMenuProps;
+    componentDidMount(): void;
+    componentWillUnmount: () => void;
+    static validToggleClasses: string[];
+    static focusFirstRef: (refCollection: HTMLElement[]) => void;
+    onKeyDown: (event: any) => void;
+    shouldComponentUpdate(): boolean;
+    childKeyHandler: (index: number, innerIndex: number, position: string, custom?: boolean) => void;
+    sendRef: (index: number, nodes: any[], isDisabled: boolean, isSeparator: boolean) => void;
+    extendChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    render(): JSX.Element;
+}
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/components/Dropdown/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAwB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE9F,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,mEAAmE;IACnE,UAAU,CAAC,EAAE;QACX,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB,CAAC,EAAE,GAAG,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IACjE,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,WAAW,CAAC;CAClB;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAClE,MAAM,CAAC,WAAW,SAAkB;IACpC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,eAAe,CAAC,CAAC;IACpD,cAAc,kBAAyB;IAEvC,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAQpC;IAEF,iBAAiB;IAcjB,oBAAoB,aAElB;IAEF,MAAM,CAAC,kBAAkB,WAAoE;IAC7F,MAAM,CAAC,aAAa,kBAAmB,WAAW,EAAE,UAIlD;IAEF,SAAS,UAAW,GAAG,UAqBrB;IAEF,qBAAqB;IAMrB,eAAe,UAAW,MAAM,cAAc,MAAM,YAAY,MAAM,4BASpE;IAEF,OAAO,UAAW,MAAM,SAAS,GAAG,EAAE,cAAc,OAAO,eAAe,OAAO,UAc/E;IAEF,cAAc;IA8Bd,MAAM;CAuFP"}

package/components/Dropdown/DropdownMenu.js

@@ -0,0 +1,130 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+import { css } from '@patternfly/react-styles';
+import { keyHandler, formatBreakpointMods } from '../../helpers/util';
+import { DropdownPosition, DropdownArrowContext, DropdownContext } from './dropdownConstants';
+export class DropdownMenu extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.refsCollection = [];
+        this.componentWillUnmount = () => {
+            document.removeEventListener('keydown', this.onKeyDown);
+        };
+        this.onKeyDown = (event) => {
+            if (!this.props.isOpen ||
+                !Array.from(document.activeElement.classList).find(className => DropdownMenu.validToggleClasses.concat(this.context.toggleClass).includes(className))) {
+                return;
+            }
+            const refs = this.refsCollection;
+            if (event.key === 'ArrowDown') {
+                const firstFocusTargetCollection = refs.find(ref => ref && ref[0] && !ref[0].hasAttribute('disabled'));
+                DropdownMenu.focusFirstRef(firstFocusTargetCollection);
+                event.stopPropagation();
+            }
+            else if (event.key === 'ArrowUp') {
+                const collectionLength = refs.length;
+                const lastFocusTargetCollection = refs.slice(collectionLength - 1, collectionLength);
+                const lastFocusTarget = lastFocusTargetCollection && lastFocusTargetCollection[0];
+                DropdownMenu.focusFirstRef(lastFocusTarget);
+                event.stopPropagation();
+            }
+        };
+        this.childKeyHandler = (index, innerIndex, position, custom = false) => {
+            keyHandler(index, innerIndex, position, this.refsCollection, this.props.isGrouped ? this.refsCollection : React.Children.toArray(this.props.children), custom);
+        };
+        this.sendRef = (index, nodes, isDisabled, isSeparator) => {
+            this.refsCollection[index] = [];
+            nodes.map((node, innerIndex) => {
+                if (!node) {
+                    this.refsCollection[index][innerIndex] = null;
+                }
+                else if (!node.getAttribute) {
+                    // eslint-disable-next-line react/no-find-dom-node
+                    this.refsCollection[index][innerIndex] = ReactDOM.findDOMNode(node);
+                }
+                else if (isSeparator) {
+                    this.refsCollection[index][innerIndex] = null;
+                }
+                else {
+                    this.refsCollection[index][innerIndex] = node;
+                }
+            });
+        };
+    }
+    componentDidMount() {
+        document.addEventListener('keydown', this.onKeyDown);
+        const { autoFocus } = this.props;
+        if (autoFocus) {
+            // Focus first non-disabled element
+            const focusTargetCollection = this.refsCollection.find(ref => ref && ref[0] && !ref[0].hasAttribute('disabled'));
+            const focusTarget = focusTargetCollection && focusTargetCollection[0];
+            if (focusTarget && focusTarget.focus) {
+                setTimeout(() => focusTarget.focus());
+            }
+        }
+    }
+    shouldComponentUpdate() {
+        // reset refsCollection before updating to account for child removal between mounts
+        this.refsCollection = [];
+        return true;
+    }
+    extendChildren() {
+        const { children, isGrouped } = this.props;
+        if (isGrouped) {
+            let index = 0;
+            return React.Children.map(children, groupedChildren => {
+                const group = groupedChildren;
+                const props = {};
+                if (group.props && group.props.children) {
+                    if (Array.isArray(group.props.children)) {
+                        props.children = React.Children.map(group.props.children, option => React.cloneElement(option, {
+                            index: index++
+                        }));
+                    }
+                    else {
+                        props.children = React.cloneElement(group.props.children, {
+                            index: index++
+                        });
+                    }
+                }
+                return React.cloneElement(group, props);
+            });
+        }
+        return React.Children.map(children, (child, index) => React.cloneElement(child, {
+            index
+        }));
+    }
+    render() {
+        const _a = this.props, { className, isOpen, position, children, component, isGrouped, setMenuComponentRef, alignments } = _a, props = __rest(_a, ["className", "isOpen", "position", "children", "component", "isGrouped", "setMenuComponentRef", "alignments"]);
+        return (React.createElement(DropdownArrowContext.Provider, { value: {
+                keyHandler: this.childKeyHandler,
+                sendRef: this.sendRef
+            } }, component === 'div' ? (React.createElement(DropdownContext.Consumer, null, ({ onSelect, menuClass }) => (React.createElement("div", { className: css(menuClass, position === DropdownPosition.right && styles.modifiers.alignRight, formatBreakpointMods(alignments, styles, 'align-'), className), hidden: !isOpen, onClick: event => onSelect && onSelect(event), ref: setMenuComponentRef }, children)))) : ((isGrouped && (React.createElement(DropdownContext.Consumer, null, ({ menuClass, menuComponent }) => {
+            const MenuComponent = (menuComponent || 'div');
+            return (React.createElement(MenuComponent, Object.assign({}, props, { className: css(menuClass, position === DropdownPosition.right && styles.modifiers.alignRight, formatBreakpointMods(alignments, styles, 'align-'), className), hidden: !isOpen, role: "menu", ref: setMenuComponentRef }), this.extendChildren()));
+        }))) || (React.createElement(DropdownContext.Consumer, null, ({ menuClass, menuComponent }) => {
+            const MenuComponent = (menuComponent || component);
+            return (React.createElement(MenuComponent, Object.assign({}, props, { className: css(menuClass, position === DropdownPosition.right && styles.modifiers.alignRight, formatBreakpointMods(alignments, styles, 'align-'), className), hidden: !isOpen, role: "menu", ref: setMenuComponentRef }), this.extendChildren()));
+        })))));
+    }
+}
+DropdownMenu.displayName = 'DropdownMenu';
+DropdownMenu.defaultProps = {
+    className: '',
+    isOpen: true,
+    autoFocus: true,
+    position: DropdownPosition.left,
+    component: 'ul',
+    isGrouped: false,
+    setMenuComponentRef: null
+};
+DropdownMenu.validToggleClasses = [styles.dropdownToggle, styles.dropdownToggleButton];
+DropdownMenu.focusFirstRef = (refCollection) => {
+    if (refCollection && refCollection[0] && refCollection[0].focus) {
+        setTimeout(() => refCollection[0].focus());
+    }
+};
+DropdownMenu.contextType = DropdownContext;
+//# sourceMappingURL=DropdownMenu.js.map

package/components/Dropdown/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/components/Dropdown/DropdownSeparator.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export interface SeparatorProps extends React.HTMLProps<HTMLAnchorElement>, OUIAProps {
+    /** Classes applied to root element of dropdown item */
+    className?: string;
+    /** Click event to pass to InternalDropdownItem */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent | MouseEvent) => void;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const DropdownSeparator: React.FunctionComponent<SeparatorProps>;
+//# sourceMappingURL=DropdownSeparator.d.ts.map

package/components/Dropdown/DropdownSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACnF,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,GAAG,UAAU,KAAK,IAAI,CAAC;IAClG,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAuBrE,CAAC"}

package/components/Dropdown/DropdownSeparator.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { DropdownArrowContext } from './dropdownConstants';
+import { InternalDropdownItem } from './InternalDropdownItem';
+import { Divider, DividerVariant } from '../Divider';
+import { useOUIAProps } from '../../helpers';
+export const DropdownSeparator = (_a) => {
+    var { className = '', 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ref, // Types of Ref are different for React.FunctionComponent vs React.Component
+    ouiaId, ouiaSafe } = _a, props = __rest(_a, ["className", "ref", "ouiaId", "ouiaSafe"]);
+    const ouiaProps = useOUIAProps(DropdownSeparator.displayName, ouiaId, ouiaSafe);
+    return (React.createElement(DropdownArrowContext.Consumer, null, context => (React.createElement(InternalDropdownItem, Object.assign({}, props, { context: context, component: React.createElement(Divider, { component: DividerVariant.div }), className: className, role: "separator" }, ouiaProps)))));
+};
+DropdownSeparator.displayName = 'DropdownSeparator';
+//# sourceMappingURL=DropdownSeparator.js.map

package/components/Dropdown/DropdownSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSeparator.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAaxD,MAAM,CAAC,MAAM,iBAAiB,GAA4C,CAAC,EAO1D,EAAE,EAAE;QAPsD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,GAAG,EAAE,4EAA4E;IACjF,MAAM,EACN,QAAQ,OAEO,EADZ,KAAK,cANiE,0CAO1E,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,QAC3B,OAAO,CAAC,EAAE,CAAC,CACV,oBAAC,oBAAoB,oBACf,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAC,OAAO,IAAC,SAAS,EAAE,cAAc,CAAC,GAAG,GAAI,EACrD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,WAAW,IACZ,SAAS,EACb,CACH,CAC6B,CACjC,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/Dropdown/DropdownToggle.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export interface DropdownToggleProps extends React.HTMLProps<HTMLButtonElement>, OUIAProps {
+    /** HTML ID of dropdown toggle */
+    id?: string;
+    /** Anything which can be rendered as dropdown toggle button */
+    children?: React.ReactNode;
+    /** Classes applied to root element of dropdown toggle button */
+    className?: string;
+    /** Flag to indicate if menu is opened */
+    isOpen?: boolean;
+    /** Callback called when toggle is clicked */
+    onToggle?: (value: boolean, event: any) => void;
+    /** Element which wraps toggle */
+    parentRef?: HTMLElement;
+    /** The menu element */
+    getMenuRef?: () => HTMLElement;
+    /** Forces active state */
+    isActive?: boolean;
+    /** Display the toggle with no border or background */
+    isPlain?: boolean;
+    /** Display the toggle in text only mode */
+    isText?: boolean;
+    /** Whether or not the <div> has a disabled state */
+    isDisabled?: boolean;
+    /** Alternate styles for the dropdown toggle button */
+    toggleVariant?: 'primary' | 'secondary' | 'default';
+    /** An image to display within the dropdown toggle, appearing before any component children */
+    icon?: React.ReactNode;
+    /** The icon to display for the toggle, appearing after any component children. Defaults to CaretDownIcon. Set to null to not show an icon. */
+    toggleIndicator?: React.ElementType | null;
+    /** Elements to display before the toggle button. When included, renders the toggle as a split button. */
+    splitButtonItems?: React.ReactNode[];
+    /** Variant of split button toggle */
+    splitButtonVariant?: 'action' | 'checkbox';
+    /** Accessible label for the dropdown toggle button */
+    'aria-label'?: string;
+    /** Accessibility property to indicate correct has popup */
+    'aria-haspopup'?: boolean | 'listbox' | 'menu' | 'dialog' | 'grid' | 'tree';
+    /** Type to put on the button */
+    type?: 'button' | 'submit' | 'reset';
+    /** Callback called when the Enter key is pressed */
+    onEnter?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const DropdownToggle: React.FunctionComponent<DropdownToggleProps>;
+//# sourceMappingURL=DropdownToggle.d.ts.map

package/components/Dropdown/DropdownToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACxF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8IAA8I;IAC9I,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3C,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3C,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA8EvE,CAAC"}

package/components/Dropdown/DropdownToggle.js

@@ -0,0 +1,32 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
+import { Toggle } from './Toggle';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+import { DropdownContext } from './dropdownConstants';
+import { css } from '@patternfly/react-styles';
+import { useOUIAProps } from '../../helpers';
+export const DropdownToggle = (_a) => {
+    var { id = '', children = null, className = '', isOpen = false, parentRef = null, getMenuRef = null, isDisabled = false, isPlain = false, isText = false, toggleVariant = 'default', 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isActive = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onToggle = (_isOpen) => undefined, icon = null, toggleIndicator: ToggleIndicator = CaretDownIcon, splitButtonItems, splitButtonVariant = 'checkbox', 'aria-haspopup': ariaHasPopup, ouiaId, ouiaSafe, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ref } = _a, // Types of Ref are different for React.FunctionComponent vs React.Component
+    props = __rest(_a, ["id", "children", "className", "isOpen", "parentRef", "getMenuRef", "isDisabled", "isPlain", "isText", "toggleVariant", "isActive", "onToggle", "icon", "toggleIndicator", "splitButtonItems", "splitButtonVariant", 'aria-haspopup', "ouiaId", "ouiaSafe", "ref"]);
+    const ouiaProps = useOUIAProps(DropdownToggle.displayName, ouiaId, ouiaSafe);
+    const toggle = (React.createElement(DropdownContext.Consumer, null, ({ toggleTextClass, toggleIndicatorClass, toggleIconClass }) => (React.createElement(Toggle, Object.assign({}, props, { id: id, className: className, isOpen: isOpen, parentRef: parentRef, getMenuRef: getMenuRef, isActive: isActive, isDisabled: isDisabled, isPlain: isPlain, isText: isText, toggleVariant: toggleVariant, onToggle: onToggle, "aria-haspopup": ariaHasPopup }, ouiaProps, (splitButtonItems && { isSplitButton: true, 'aria-label': props['aria-label'] || 'Select' })),
+        icon && React.createElement("span", { className: css(toggleIconClass) }, icon),
+        children && React.createElement("span", { className: ToggleIndicator && css(toggleTextClass) }, children),
+        ToggleIndicator && (React.createElement("span", { className: css(!splitButtonItems && toggleIndicatorClass) },
+            React.createElement(ToggleIndicator, null)))))));
+    if (splitButtonItems) {
+        return (React.createElement("div", { className: css(styles.dropdownToggle, styles.modifiers.splitButton, splitButtonVariant === 'action' && styles.modifiers.action, toggleVariant === 'primary' && splitButtonVariant === 'action' && styles.modifiers.primary, toggleVariant === 'secondary' && splitButtonVariant === 'action' && styles.modifiers.secondary, isDisabled && styles.modifiers.disabled) },
+            splitButtonItems,
+            toggle));
+    }
+    return toggle;
+};
+DropdownToggle.displayName = 'DropdownToggle';
+//# sourceMappingURL=DropdownToggle.js.map

package/components/Dropdown/DropdownToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"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"}

package/components/Dropdown/DropdownToggleAction.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface DropdownToggleActionProps {
+    /** Additional classes added to the DropdownToggleAction */
+    className?: string;
+    /** Flag to show if the action button is disabled */
+    isDisabled?: boolean;
+    /** A callback for when the action button is clicked */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Element to be rendered inside the <button> */
+    children?: React.ReactNode;
+    /** Id of the action button */
+    id?: string;
+    /** Aria-label of the action button */
+    'aria-label'?: string;
+}
+export declare class DropdownToggleAction extends React.Component<DropdownToggleActionProps> {
+    static displayName: string;
+    static defaultProps: DropdownToggleActionProps;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=DropdownToggleAction.d.ts.map

package/components/Dropdown/DropdownToggleAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggleAction.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,yBAAyB;IACxC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,yBAAyB,CAAC;IAClF,MAAM,CAAC,WAAW,SAA0B;IAC5C,MAAM,CAAC,YAAY,EAAE,yBAAyB,CAI5C;IAEF,MAAM;CAeP"}

package/components/Dropdown/DropdownToggleAction.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+import { css } from '@patternfly/react-styles';
+export class DropdownToggleAction extends React.Component {
+    render() {
+        const _a = this.props, { id, className, onClick, isDisabled, children } = _a, props = __rest(_a, ["id", "className", "onClick", "isDisabled", "children"]);
+        return (React.createElement("button", Object.assign({ id: id, className: css(styles.dropdownToggleButton, className), onClick: onClick }, (isDisabled && { disabled: true, 'aria-disabled': true }), props), children));
+    }
+}
+DropdownToggleAction.displayName = 'DropdownToggleAction';
+DropdownToggleAction.defaultProps = {
+    className: '',
+    isDisabled: false,
+    onClick: () => { }
+};
+//# sourceMappingURL=DropdownToggleAction.js.map

package/components/Dropdown/DropdownToggleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggleAction.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAiB/C,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAoC;IAQlF,MAAM;QACJ,MAAM,KAA6D,IAAI,CAAC,KAAK,EAAvE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAAxD,wDAA0D,CAAa,CAAC;QAE9E,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EACtD,OAAO,EAAE,OAAO,IACZ,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzD,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC;;AArBM,gCAAW,GAAG,sBAAsB,CAAC;AACrC,iCAAY,GAA8B;IAC/C,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC"}

package/components/Dropdown/DropdownToggleCheckbox.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+import { OUIAProps } from '../../helpers';
+export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'checked'>, OUIAProps {
+    /** Additional classes added to the DropdownToggleCheckbox */
+    className?: string;
+    /** Flag to show if the checkbox selection is valid or invalid */
+    isValid?: boolean;
+    /** Flag to show if the checkbox is disabled */
+    isDisabled?: boolean;
+    /** Flag to show if the checkbox is checked */
+    isChecked?: boolean | null;
+    /** @beta Flag to show if the checkbox is in progress */
+    isInProgress?: boolean | null;
+    /** Alternate Flag to show if the checkbox is checked */
+    checked?: boolean | null;
+    /** A callback for when the checkbox selection changes */
+    onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
+    /** Element to be rendered inside the <span> */
+    children?: React.ReactNode;
+    /** Id of the checkbox */
+    id: string;
+    /** Aria-label of the checkbox */
+    'aria-label': string;
+    /** @beta Text describing current loading status or progress */
+    defaultProgressAriaValueText?: string;
+    /** @beta Aria-label for the default progress icon to describe what is loading */
+    defaultProgressAriaLabel?: string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare class DropdownToggleCheckbox extends React.Component<DropdownToggleCheckboxProps, {
+    ouiaStateId: string;
+}> {
+    static displayName: string;
+    static defaultProps: PickOptional<DropdownToggleCheckboxProps>;
+    constructor(props: DropdownToggleCheckboxProps);
+    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    calculateChecked: () => boolean;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=DropdownToggleCheckbox.d.ts.map

package/components/Dropdown/DropdownToggleCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAC/G,MAAM,CAAC,WAAW,SAA4B;IAC9C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAK5D;gBAEU,KAAK,EAAE,2BAA2B;IAO9C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0DP"}

package/components/Dropdown/DropdownToggleCheckbox.js

@@ -0,0 +1,50 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+import { css } from '@patternfly/react-styles';
+import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+import { Spinner } from '../Spinner';
+export class DropdownToggleCheckbox extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleChange = (event) => {
+            var _a, _b;
+            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event.target.checked, event);
+        };
+        this.calculateChecked = () => {
+            const { isChecked, checked } = this.props;
+            if (isChecked === null) {
+                // return false here and the indeterminate state will be set to true through the ref
+                return false;
+            }
+            else if (isChecked !== undefined) {
+                return isChecked;
+            }
+            return checked;
+        };
+        this.state = {
+            ouiaStateId: getDefaultOUIAId(DropdownToggleCheckbox.displayName)
+        };
+    }
+    render() {
+        const _a = this.props, { className, isValid, isDisabled, isChecked, isInProgress = false, defaultProgressAriaLabel, defaultProgressAriaValueText = 'Loading...', children, ouiaId, ouiaSafe, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onChange, checked } = _a, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "isInProgress", "defaultProgressAriaLabel", "defaultProgressAriaValueText", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
+        const spinner = (React.createElement(Spinner, { diameter: "1em", isSVG: true, "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
+        const text = children && (React.createElement("span", { className: css(styles.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
+        return (React.createElement("label", { className: css(styles.dropdownToggleCheck, isInProgress && styles.modifiers.inProgress, className), htmlFor: props.id },
+            React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
+            isInProgress && React.createElement("span", { className: css(styles.dropdownToggleProgress, className) }, spinner),
+            text));
+    }
+}
+DropdownToggleCheckbox.displayName = 'DropdownToggleCheckbox';
+DropdownToggleCheckbox.defaultProps = {
+    className: '',
+    isValid: true,
+    isDisabled: false,
+    onChange: () => undefined
+};
+//# sourceMappingURL=DropdownToggleCheckbox.js.map

package/components/Dropdown/DropdownToggleCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}

package/components/Dropdown/DropdownWithContext.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { DropdownProps } from './Dropdown';
+import { OUIAProps } from '../../helpers';
+import { PickOptional } from '../../helpers/typeUtils';
+export declare class DropdownWithContext extends React.Component<DropdownProps & OUIAProps> {
+    static displayName: string;
+    openedOnEnter: boolean;
+    baseComponentRef: React.RefObject<any>;
+    menuComponentRef: React.RefObject<any>;
+    static currentId: number;
+    static defaultProps: PickOptional<DropdownProps>;
+    constructor(props: DropdownProps & OUIAProps);
+    onEnter: () => void;
+    componentDidUpdate(): void;
+    setMenuComponentRef: (element: any) => void;
+    getMenuComponentRef: () => React.RefObject<any>;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=DropdownWithContext.d.ts.map

package/components/Dropdown/DropdownWithContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownWithContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownWithContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;IACjF,MAAM,CAAC,WAAW,SAAyB;IAE3C,aAAa,UAAS;IACtB,gBAAgB,uBAA0B;IAC1C,gBAAgB,uBAA0B;IAG1C,MAAM,CAAC,SAAS,SAAK;IAErB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAa9C;gBAEU,KAAK,EAAE,aAAa,GAAG,SAAS;IAU5C,OAAO,aAEL;IAEF,kBAAkB;IAMlB,mBAAmB,YAAa,GAAG,UAEjC;IAEF,mBAAmB,6BAA+B;IAElD,MAAM;CA2HP"}