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

package/components/Dropdown/DropdownWithContext.js

@@ -0,0 +1,97 @@
+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 { DropdownMenu } from './DropdownMenu';
+import { DropdownContext, DropdownDirection, DropdownPosition } from './dropdownConstants';
+import { getOUIAProps } from '../../helpers';
+import { Popper } from '../../helpers/Popper/Popper';
+export class DropdownWithContext extends React.Component {
+    constructor(props) {
+        super(props);
+        this.openedOnEnter = false;
+        this.baseComponentRef = React.createRef();
+        this.menuComponentRef = React.createRef();
+        this.onEnter = () => {
+            this.openedOnEnter = true;
+        };
+        this.setMenuComponentRef = (element) => {
+            this.menuComponentRef = element;
+        };
+        this.getMenuComponentRef = () => this.menuComponentRef;
+        if (props.dropdownItems && props.dropdownItems.length > 0 && props.children) {
+            // eslint-disable-next-line no-console
+            console.error('Children and dropdownItems props have been provided. Only the dropdownItems prop items will be rendered');
+        }
+    }
+    componentDidUpdate() {
+        if (!this.props.isOpen) {
+            this.openedOnEnter = false;
+        }
+    }
+    render() {
+        const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isText, isGrouped, isFullHeight, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onSelect, position, toggle, autoFocus, menuAppendTo, isFlipEnabled, zIndex } = _a, props = __rest(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isText", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo", "isFlipEnabled", "zIndex"]);
+        const id = toggle.props.id || `pf-dropdown-toggle-id-${DropdownWithContext.currentId++}`;
+        let component;
+        let renderedContent;
+        let ariaHasPopup = false;
+        if (dropdownItems && dropdownItems.length > 0) {
+            component = 'ul';
+            renderedContent = dropdownItems;
+            ariaHasPopup = true;
+        }
+        else {
+            component = 'div';
+            renderedContent = React.Children.toArray(children);
+        }
+        const openedOnEnter = this.openedOnEnter;
+        const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
+        return (React.createElement(DropdownContext.Consumer, null, ({ baseClass, baseComponent, id: contextId, ouiaId, ouiaComponentType, ouiaSafe, alignments }) => {
+            const BaseComponent = baseComponent;
+            const menuContainer = (React.createElement(DropdownMenu, { className: css(isStatic && styles.modifiers.static), setMenuComponentRef: this.setMenuComponentRef, component: component, isOpen: isOpen, position: position, "aria-labelledby": contextId ? `${contextId}-toggle` : id, isGrouped: isGrouped, autoFocus: openedOnEnter && autoFocus, alignments: alignments }, renderedContent));
+            const popperContainer = (React.createElement("div", { className: css(baseClass, direction === DropdownDirection.up && styles.modifiers.top, position === DropdownPosition.right && styles.modifiers.alignRight, isOpen && styles.modifiers.expanded, className) }, isOpen && menuContainer));
+            const mainContainer = (React.createElement(BaseComponent, Object.assign({}, props, { className: css(baseClass, direction === DropdownDirection.up && styles.modifiers.top, position === DropdownPosition.right && styles.modifiers.alignRight, isOpen && styles.modifiers.expanded, isFullHeight && styles.modifiers.fullHeight, className), ref: this.baseComponentRef }, getOUIAProps(ouiaComponentType, ouiaId, ouiaSafe)),
+                React.Children.map(toggle, oneToggle => React.cloneElement(oneToggle, {
+                    parentRef: this.baseComponentRef,
+                    getMenuRef: this.getMenuComponentRef,
+                    isOpen,
+                    id,
+                    isPlain,
+                    isText,
+                    'aria-haspopup': ariaHasPopup,
+                    onEnter: () => {
+                        this.onEnter();
+                        oneToggle.props.onEnter && oneToggle.props.onEnter();
+                    }
+                })),
+                menuAppendTo === 'inline' && isOpen && menuContainer));
+            const getParentElement = () => {
+                if (this.baseComponentRef && this.baseComponentRef.current) {
+                    return this.baseComponentRef.current.parentElement;
+                }
+                return null;
+            };
+            return menuAppendTo === 'inline' ? (mainContainer) : (React.createElement(Popper, { trigger: mainContainer, popper: popperContainer, direction: direction, position: position, appendTo: menuAppendTo === 'parent' ? getParentElement() : menuAppendTo, isVisible: isOpen, zIndex: zIndex, popperMatchesTriggerWidth: false }));
+        }));
+    }
+}
+DropdownWithContext.displayName = 'DropdownWithContext';
+// seed for the aria-labelledby ID
+DropdownWithContext.currentId = 0;
+DropdownWithContext.defaultProps = {
+    className: '',
+    dropdownItems: [],
+    isOpen: false,
+    isPlain: false,
+    isText: false,
+    isGrouped: false,
+    position: DropdownPosition.left,
+    direction: DropdownDirection.down,
+    onSelect: () => undefined,
+    autoFocus: true,
+    menuAppendTo: 'inline',
+    isFlipEnabled: true
+};
+//# sourceMappingURL=DropdownWithContext.js.map

package/components/Dropdown/DropdownWithContext.js.map

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

package/components/Dropdown/InternalDropdownItem.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+export interface InternalDropdownItemProps extends React.HTMLProps<HTMLAnchorElement> {
+    /** Anything which can be rendered as dropdown item */
+    children?: React.ReactNode;
+    /** Whether to set className on component when React.isValidElement(component) */
+    styleChildren?: boolean;
+    /** Classes applied to root element of dropdown item */
+    className?: string;
+    /** Class applied to list element */
+    listItemClassName?: string;
+    /** Indicates which component will be used as dropdown item. Will have className injected if React.isValidElement(component) */
+    component?: React.ReactNode;
+    /** Role for the item */
+    role?: string;
+    /** Render dropdown item as disabled option */
+    isDisabled?: boolean;
+    /** Render dropdown item as aria disabled option */
+    isAriaDisabled?: boolean;
+    /** Render dropdown item as a non-interactive item */
+    isPlainText?: boolean;
+    /** Default hyperlink location */
+    href?: string;
+    /** Tooltip to display when hovered over the item */
+    tooltip?: React.ReactNode;
+    /** Additional tooltip props forwarded to the Tooltip component */
+    tooltipProps?: any;
+    index?: number;
+    context?: {
+        keyHandler?: (index: number, innerIndex: number, direction: string) => void;
+        sendRef?: (index: number, ref: any, isDisabled: boolean, isSeparator: boolean) => void;
+    };
+    /** Callback for click event */
+    onClick?: (event: React.MouseEvent<any> | React.KeyboardEvent | MouseEvent) => void;
+    /** ID for the list element */
+    id?: string;
+    /** ID for the component element */
+    componentID?: string;
+    /** Additional content to include alongside item within the <li> */
+    additionalChild?: React.ReactNode;
+    /** Custom item rendering that receives the DropdownContext */
+    customChild?: React.ReactNode;
+    /** Flag indicating if hitting enter on an item also triggers an arrow down key press */
+    enterTriggersArrowDown?: boolean;
+    /** An image to display within the InternalDropdownItem, appearing before any component children */
+    icon?: React.ReactNode;
+    /** Initial focus on the item when the menu is opened (Note: Only applicable to one of the items) */
+    autoFocus?: boolean;
+    /** A short description of the dropdown item, displayed under the dropdown item content */
+    description?: React.ReactNode;
+    /** Events to prevent when the item is disabled */
+    inoperableEvents?: string[];
+}
+export declare class InternalDropdownItem extends React.Component<InternalDropdownItemProps> {
+    static displayName: string;
+    ref: React.RefObject<HTMLLIElement>;
+    additionalRef: React.RefObject<any>;
+    static defaultProps: InternalDropdownItemProps;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    getInnerNode: (node: any) => any;
+    onKeyDown: (event: any) => void;
+    extendAdditionalChildRef(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    componentRef: (element: HTMLLIElement) => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=InternalDropdownItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/InternalDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+HAA+H;IAC/H,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;QAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;KACxF,CAAC;IACF,+BAA+B;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,GAAG,UAAU,KAAK,IAAI,CAAC;IACpF,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wFAAwF;IACxF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mGAAmG;IACnG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,yBAAyB,CAAC;IAClF,MAAM,CAAC,WAAW,SAA0B;IAC5C,GAAG,iCAAoC;IACvC,aAAa,uBAA0B;IAEvC,MAAM,CAAC,YAAY,EAAE,yBAAyB,CAmB5C;IAEF,iBAAiB;IAYjB,kBAAkB;IAWlB,YAAY,SAAU,GAAG,SAAqF;IAE9G,SAAS,UAAW,GAAG,UAuBrB;IAEF,wBAAwB;IAQxB,YAAY,YAAa,aAAa,UAWpC;IAEF,MAAM;CAoIP"}

package/components/Dropdown/InternalDropdownItem.js

@@ -0,0 +1,148 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import { DropdownContext } from './dropdownConstants';
+import { KEYHANDLER_DIRECTION } from '../../helpers/constants';
+import { preventedEvents } from '../../helpers/util';
+import { Tooltip } from '../Tooltip';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+export class InternalDropdownItem extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.ref = React.createRef();
+        this.additionalRef = React.createRef();
+        this.getInnerNode = (node) => (node && node.childNodes && node.childNodes.length ? node.childNodes[0] : node);
+        this.onKeyDown = (event) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            // Detected key press on this item, notify the menu parent so that the appropriate item can be focused
+            const innerIndex = event.target === this.ref.current ? 0 : 1;
+            if (!this.props.customChild) {
+                event.preventDefault();
+            }
+            if (event.key === 'ArrowUp') {
+                (_b = (_a = this.props.context) === null || _a === void 0 ? void 0 : _a.keyHandler) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.index, innerIndex, KEYHANDLER_DIRECTION.UP);
+                event.stopPropagation();
+            }
+            else if (event.key === 'ArrowDown') {
+                (_d = (_c = this.props.context) === null || _c === void 0 ? void 0 : _c.keyHandler) === null || _d === void 0 ? void 0 : _d.call(_c, this.props.index, innerIndex, KEYHANDLER_DIRECTION.DOWN);
+                event.stopPropagation();
+            }
+            else if (event.key === 'ArrowRight') {
+                (_f = (_e = this.props.context) === null || _e === void 0 ? void 0 : _e.keyHandler) === null || _f === void 0 ? void 0 : _f.call(_e, this.props.index, innerIndex, KEYHANDLER_DIRECTION.RIGHT);
+                event.stopPropagation();
+            }
+            else if (event.key === 'ArrowLeft') {
+                (_h = (_g = this.props.context) === null || _g === void 0 ? void 0 : _g.keyHandler) === null || _h === void 0 ? void 0 : _h.call(_g, this.props.index, innerIndex, KEYHANDLER_DIRECTION.LEFT);
+                event.stopPropagation();
+            }
+            else if (event.key === 'Enter' || event.key === ' ') {
+                event.target.click();
+                this.props.enterTriggersArrowDown &&
+                    ((_k = (_j = this.props.context) === null || _j === void 0 ? void 0 : _j.keyHandler) === null || _k === void 0 ? void 0 : _k.call(_j, this.props.index, innerIndex, KEYHANDLER_DIRECTION.DOWN));
+            }
+        };
+        this.componentRef = (element) => {
+            this.ref.current = element;
+            const { component } = this.props;
+            const ref = component.ref;
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(element);
+                }
+                else {
+                    ref.current = element;
+                }
+            }
+        };
+    }
+    componentDidMount() {
+        var _a;
+        const { context, index, isDisabled, role, customChild, autoFocus } = this.props;
+        const customRef = customChild ? this.getInnerNode(this.ref.current) : this.ref.current;
+        (_a = context === null || context === void 0 ? void 0 : context.sendRef) === null || _a === void 0 ? void 0 : _a.call(context, index, [customRef, customChild ? customRef : this.additionalRef.current], isDisabled, role === 'separator');
+        autoFocus && setTimeout(() => customRef.focus());
+    }
+    componentDidUpdate() {
+        var _a;
+        const { context, index, isDisabled, role, customChild } = this.props;
+        const customRef = customChild ? this.getInnerNode(this.ref.current) : this.ref.current;
+        (_a = context === null || context === void 0 ? void 0 : context.sendRef) === null || _a === void 0 ? void 0 : _a.call(context, index, [customRef, customChild ? customRef : this.additionalRef.current], isDisabled, role === 'separator');
+    }
+    extendAdditionalChildRef() {
+        const { additionalChild } = this.props;
+        return React.cloneElement(additionalChild, {
+            ref: this.additionalRef
+        });
+    }
+    render() {
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        const _a = this.props, { className, children, context, onClick, component, role, isDisabled, isAriaDisabled, isPlainText, index, href, tooltip, tooltipProps, id, componentID, listItemClassName, additionalChild, customChild, enterTriggersArrowDown, icon, autoFocus, styleChildren, description, inoperableEvents } = _a, additionalProps = __rest(_a, ["className", "children", "context", "onClick", "component", "role", "isDisabled", "isAriaDisabled", "isPlainText", "index", "href", "tooltip", "tooltipProps", "id", "componentID", "listItemClassName", "additionalChild", "customChild", "enterTriggersArrowDown", "icon", "autoFocus", "styleChildren", "description", "inoperableEvents"]);
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        let classes = css(icon && styles.modifiers.icon, isAriaDisabled && styles.modifiers.ariaDisabled, className);
+        if (component === 'a') {
+            additionalProps['aria-disabled'] = isDisabled || isAriaDisabled;
+        }
+        else if (component === 'button') {
+            additionalProps['aria-disabled'] = isDisabled || isAriaDisabled;
+            additionalProps.type = additionalProps.type || 'button';
+        }
+        const renderWithTooltip = (childNode) => tooltip ? (React.createElement(Tooltip, Object.assign({ content: tooltip }, tooltipProps), childNode)) : (childNode);
+        const renderClonedComponent = (element) => React.cloneElement(element, Object.assign(Object.assign({}, (styleChildren && {
+            className: css(element.props.className, classes)
+        })), (this.props.role !== 'separator' && { role, ref: this.componentRef })));
+        const renderDefaultComponent = (tag) => {
+            const Component = tag;
+            const componentContent = description ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: styles.dropdownMenuItemMain },
+                    icon && React.createElement("span", { className: css(styles.dropdownMenuItemIcon) }, icon),
+                    children),
+                React.createElement("div", { className: styles.dropdownMenuItemDescription }, description))) : (React.createElement(React.Fragment, null,
+                icon && React.createElement("span", { className: css(styles.dropdownMenuItemIcon) }, icon),
+                children));
+            return (React.createElement(Component, Object.assign({}, additionalProps, (isDisabled || isAriaDisabled ? preventedEvents(inoperableEvents) : null), { href: href, ref: this.ref, className: classes, id: componentID, role: role }), componentContent));
+        };
+        return (React.createElement(DropdownContext.Consumer, null, ({ onSelect, itemClass, disabledClass, plainTextClass }) => {
+            if (this.props.role !== 'separator') {
+                classes = css(classes, isDisabled && disabledClass, isPlainText && plainTextClass, itemClass, description && styles.modifiers.description);
+            }
+            if (customChild) {
+                return React.cloneElement(customChild, {
+                    ref: this.ref,
+                    onKeyDown: this.onKeyDown
+                });
+            }
+            return (React.createElement("li", Object.assign({}, (listItemClassName && { className: listItemClassName }), { role: "none", onKeyDown: this.onKeyDown, onClick: (event) => {
+                    if (!isDisabled && !isAriaDisabled) {
+                        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+                        onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
+                    }
+                }, id: id }),
+                renderWithTooltip(React.isValidElement(component)
+                    ? renderClonedComponent(component)
+                    : renderDefaultComponent(component)),
+                additionalChild && this.extendAdditionalChildRef()));
+        }));
+    }
+}
+InternalDropdownItem.displayName = 'InternalDropdownItem';
+InternalDropdownItem.defaultProps = {
+    className: '',
+    component: 'a',
+    role: 'none',
+    isDisabled: false,
+    isPlainText: false,
+    tooltipProps: {},
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onClick: (event) => undefined,
+    index: -1,
+    context: {
+        keyHandler: () => { },
+        sendRef: () => { }
+    },
+    enterTriggersArrowDown: false,
+    icon: null,
+    styleChildren: true,
+    description: null,
+    inoperableEvents: ['onClick', 'onKeyPress']
+};
+//# sourceMappingURL=InternalDropdownItem.js.map

package/components/Dropdown/InternalDropdownItem.js.map

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

package/components/Dropdown/KebabToggle.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { DropdownToggleProps } from './DropdownToggle';
+export interface KebabToggleProps extends DropdownToggleProps {
+    /** HTML ID of dropdown toggle */
+    id?: string;
+    /** Anything which can be rendered as dropdown toggle */
+    children?: React.ReactNode;
+    /** Classess applied to root element of dropdown toggle */
+    className?: string;
+    /** Flag to indicate if menu is opened */
+    isOpen?: boolean;
+    /** Label Toggle button */
+    'aria-label'?: string;
+    /** Callback called when toggle is clicked */
+    onToggle?: (value: boolean, event: any) => void;
+    /** Element which wraps toggle */
+    parentRef?: any;
+    /** The menu element */
+    getMenuRef?: () => HTMLElement;
+    /** Forces active state */
+    isActive?: boolean;
+    /** Disables the dropdown toggle */
+    isDisabled?: boolean;
+    /** Display the toggle with no border or background */
+    isPlain?: boolean;
+    /** Type to put on the button */
+    type?: 'button' | 'submit' | 'reset';
+    /** Allows selecting toggle to select parent */
+    bubbleEvent?: boolean;
+}
+export declare const KebabToggle: React.FunctionComponent<KebabToggleProps>;
+//# sourceMappingURL=KebabToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KebabToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/KebabToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAkCjE,CAAC"}

package/components/Dropdown/KebabToggle.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import { Toggle } from './Toggle';
+export const KebabToggle = (_a) => {
+    var { id = '', 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    children = null, className = '', isOpen = false, 'aria-label': ariaLabel = 'Actions', parentRef = null, getMenuRef = null, isActive = false, isPlain = false, isDisabled = false, bubbleEvent = false, onToggle = () => undefined, 
+    // 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", 'aria-label', "parentRef", "getMenuRef", "isActive", "isPlain", "isDisabled", "bubbleEvent", "onToggle", "ref"]);
+    return (React.createElement(Toggle, Object.assign({ id: id, className: className, isOpen: isOpen, "aria-label": ariaLabel, parentRef: parentRef, getMenuRef: getMenuRef, isActive: isActive, isPlain: isPlain, isDisabled: isDisabled, onToggle: onToggle, bubbleEvent: bubbleEvent }, props),
+        React.createElement(EllipsisVIcon, null)));
+};
+KebabToggle.displayName = 'KebabToggle';
+//# sourceMappingURL=KebabToggle.js.map

package/components/Dropdown/KebabToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KebabToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/KebabToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA+BlC,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAiBpD,EAAE,EAAE;QAjBgD,EACrE,EAAE,GAAG,EAAE;IACP,6DAA6D;IAC7D,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAiB;IAClC,6DAA6D;IAC7D,GAAG,OAEc,EAFZ,4EAA4E;IAC9E,KAAK,cAhB6D,yJAiBtE,CADS;IACc,OAAA,CACtB,oBAAC,MAAM,kBACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,gBACF,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IACpB,KAAK;QAET,oBAAC,aAAa,OAAG,CACV,CACV,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/components/Dropdown/Toggle.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+export interface ToggleProps {
+    /** HTML ID of dropdown toggle */
+    id: string;
+    /** Type to put on the button */
+    type?: 'button' | 'submit' | 'reset';
+    /** Anything which can be rendered as dropdown toggle */
+    children?: React.ReactNode;
+    /** Classes applied to root element of dropdown toggle */
+    className?: string;
+    /** Flag to indicate if menu is opened */
+    isOpen?: boolean;
+    /** Callback called when toggle is clicked */
+    onToggle?: (isOpen: boolean, event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Callback called when the Enter key is pressed */
+    onEnter?: () => void;
+    /** Element which wraps toggle */
+    parentRef?: any;
+    /** The menu element */
+    getMenuRef?: () => HTMLElement;
+    /** Forces active state */
+    isActive?: boolean;
+    /** Disables the dropdown toggle */
+    isDisabled?: boolean;
+    /** Display the toggle with no border or background */
+    isPlain?: boolean;
+    /** Display the toggle in text only mode */
+    isText?: boolean;
+    /** Style the toggle as a child of a split button */
+    isSplitButton?: boolean;
+    /** Alternate styles for the dropdown toggle button */
+    toggleVariant?: 'primary' | 'secondary' | 'default';
+    /** Flag for aria popup */
+    'aria-haspopup'?: boolean | 'listbox' | 'menu' | 'dialog' | 'grid' | 'tree';
+    /** Allows selecting toggle to select parent */
+    bubbleEvent?: boolean;
+}
+export declare class Toggle extends React.Component<ToggleProps> {
+    static displayName: string;
+    private buttonRef;
+    static defaultProps: PickOptional<ToggleProps>;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    onDocClick: (event: MouseEvent | TouchEvent) => void;
+    onEscPress: (event: KeyboardEvent) => void;
+    onKeyDown: (event: React.KeyboardEvent<any>) => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAC5G,IAAI,CAAC;IACV,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,0BAA0B;IAC1B,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM,CAAC,WAAW,SAAY;IAC9B,OAAO,CAAC,SAAS,CAAwC;IAEzD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,WAAW,CAAC,CAW5C;IAEF,iBAAiB,aAIf;IAEF,oBAAoB,aAIlB;IAEF,UAAU,UAAW,UAAU,GAAG,UAAU,UAQ1C;IAEF,UAAU,UAAW,aAAa,UAahC;IAEF,SAAS,UAAW,mBAAmB,CAAC,GAAG,CAAC,UAoB1C;IAEF,MAAM;CAmDP"}

package/components/Dropdown/Toggle.js

@@ -0,0 +1,92 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
+import { DropdownContext } from './dropdownConstants';
+import { css } from '@patternfly/react-styles';
+import { KeyTypes } from '../../helpers/constants';
+const buttonVariantStyles = {
+    default: '',
+    primary: styles.modifiers.primary,
+    secondary: styles.modifiers.secondary
+};
+export class Toggle extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.buttonRef = React.createRef();
+        this.componentDidMount = () => {
+            document.addEventListener('click', this.onDocClick);
+            document.addEventListener('touchstart', this.onDocClick);
+            document.addEventListener('keydown', this.onEscPress);
+        };
+        this.componentWillUnmount = () => {
+            document.removeEventListener('click', this.onDocClick);
+            document.removeEventListener('touchstart', this.onDocClick);
+            document.removeEventListener('keydown', this.onEscPress);
+        };
+        this.onDocClick = (event) => {
+            const { isOpen, parentRef, onToggle, getMenuRef } = this.props;
+            const menuRef = getMenuRef && getMenuRef();
+            const clickedOnToggle = parentRef && parentRef.current && parentRef.current.contains(event.target);
+            const clickedWithinMenu = menuRef && menuRef.contains && menuRef.contains(event.target);
+            if (isOpen && !(clickedOnToggle || clickedWithinMenu)) {
+                onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            }
+        };
+        this.onEscPress = (event) => {
+            var _a, _b, _c;
+            const { parentRef, getMenuRef } = this.props;
+            const menuRef = getMenuRef && getMenuRef();
+            const escFromToggle = parentRef && parentRef.current && parentRef.current.contains(event.target);
+            const escFromWithinMenu = menuRef && menuRef.contains && menuRef.contains(event.target);
+            if (this.props.isOpen &&
+                (event.key === KeyTypes.Escape || event.key === 'Tab') &&
+                (escFromToggle || escFromWithinMenu)) {
+                (_b = (_a = this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, false, event);
+                (_c = this.buttonRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+            }
+        };
+        this.onKeyDown = (event) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (event.key === 'Tab' && !this.props.isOpen) {
+                return;
+            }
+            if ((event.key === 'Tab' || event.key === 'Enter' || event.key === ' ') && this.props.isOpen) {
+                if (!this.props.bubbleEvent) {
+                    event.stopPropagation();
+                }
+                event.preventDefault();
+                (_b = (_a = this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, !this.props.isOpen, event);
+            }
+            else if ((event.key === 'Enter' || event.key === ' ') && !this.props.isOpen) {
+                if (!this.props.bubbleEvent) {
+                    event.stopPropagation();
+                }
+                event.preventDefault();
+                (_d = (_c = this.props).onToggle) === null || _d === void 0 ? void 0 : _d.call(_c, !this.props.isOpen, event);
+                (_f = (_e = this.props).onEnter) === null || _f === void 0 ? void 0 : _f.call(_e);
+            }
+        };
+    }
+    render() {
+        const _a = this.props, { className, children, isOpen, isDisabled, isPlain, isText, isSplitButton, toggleVariant, onToggle, 'aria-haspopup': ariaHasPopup, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        isActive, bubbleEvent, onEnter, parentRef, getMenuRef, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        id, type } = _a, props = __rest(_a, ["className", "children", "isOpen", "isDisabled", "isPlain", "isText", "isSplitButton", "toggleVariant", "onToggle", 'aria-haspopup', "isActive", "bubbleEvent", "onEnter", "parentRef", "getMenuRef", "id", "type"]);
+        return (React.createElement(DropdownContext.Consumer, null, ({ toggleClass }) => (React.createElement("button", Object.assign({}, props, { id: id, ref: this.buttonRef, className: css(isSplitButton ? styles.dropdownToggleButton : toggleClass || styles.dropdownToggle, isActive && styles.modifiers.active, isPlain && styles.modifiers.plain, isText && styles.modifiers.text, toggleVariant && buttonVariantStyles[toggleVariant], className), type: type || 'button', onClick: event => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isOpen, event), "aria-expanded": isOpen, "aria-haspopup": ariaHasPopup, onKeyDown: event => this.onKeyDown(event), disabled: isDisabled }), children))));
+    }
+}
+Toggle.displayName = 'Toggle';
+Toggle.defaultProps = {
+    className: '',
+    isOpen: false,
+    isActive: false,
+    isDisabled: false,
+    isPlain: false,
+    isText: false,
+    isSplitButton: false,
+    onToggle: () => { },
+    onEnter: () => { },
+    bubbleEvent: false
+};
+//# sourceMappingURL=Toggle.js.map

package/components/Dropdown/Toggle.js.map

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

package/components/Dropdown/dropdownConstants.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export declare enum DropdownPosition {
+    right = "right",
+    left = "left"
+}
+export declare enum DropdownDirection {
+    up = "up",
+    down = "down"
+}
+export declare const DropdownContext: React.Context<{
+    onSelect?: (event?: any) => void;
+    id?: string;
+    toggleIndicatorClass?: string;
+    toggleIconClass?: string;
+    toggleTextClass?: string;
+    menuClass?: string;
+    itemClass?: string;
+    toggleClass?: string;
+    baseClass?: string;
+    baseComponent?: string;
+    sectionClass?: string;
+    sectionTitleClass?: string;
+    sectionComponent?: string;
+    disabledClass?: string;
+    plainTextClass?: string;
+    menuComponent?: string;
+    ouiaComponentType?: string;
+    alignments?: {
+        sm?: 'right' | 'left';
+        md?: 'right' | 'left';
+        lg?: 'right' | 'left';
+        xl?: 'right' | 'left';
+        '2xl'?: 'right' | 'left';
+    };
+} & OUIAProps>;
+export declare const DropdownArrowContext: React.Context<{
+    keyHandler: any;
+    sendRef: any;
+}>;
+//# sourceMappingURL=dropdownConstants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownConstants.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/dropdownConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,eAAO,MAAM,eAAe;wBAEJ,GAAG,KAAK,IAAI;SAC3B,MAAM;2BACY,MAAM;sBACX,MAAM;sBACN,MAAM;gBACZ,MAAM;gBACN,MAAM;kBACJ,MAAM;gBACR,MAAM;oBACF,MAAM;mBACP,MAAM;wBACD,MAAM;uBACP,MAAM;oBACT,MAAM;qBACL,MAAM;oBACP,MAAM;wBACF,MAAM;iBACb;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;cAoBH,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;EAG/B,CAAC"}