@patternfly/react-core 5.0.0-alpha.47 → 5.0.0-alpha.48

package/dist/js/next/components/Dropdown/Dropdown.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { MenuProps } from '../../../components/Menu';
-import { PopperProps } from '../../../helpers/Popper/Popper';
-import { OUIAProps } from '../../../helpers';
-export interface DropdownProps extends MenuProps, OUIAProps {
-    /** Anything which can be rendered in a dropdown. */
-    children?: React.ReactNode;
-    /** Classes applied to root element of dropdown. */
-    className?: string;
-    /** Renderer for a custom dropdown toggle. Forwards a ref to the toggle. */
-    toggle: (toggleRef: React.RefObject<any>) => React.ReactNode;
-    /** Flag to indicate if menu is opened.*/
-    isOpen?: boolean;
-    /** Function callback called when user selects item. */
-    onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number) => void;
-    /** Callback to allow the dropdown component to change the open state of the menu.
-     * Triggered by clicking outside of the menu, or by pressing either tab or escape. */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Indicates if the menu should be without the outer box-shadow. */
-    isPlain?: boolean;
-    /** Indicates if the menu should be scrollable. */
-    isScrollable?: boolean;
-    /** @hide Forwarded ref */
-    innerRef?: React.Ref<any>;
-    /** 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;
-    /** z-index of the dropdown menu */
-    zIndex?: number;
-    /** Additional properties to pass to the Popper */
-    popperProps?: Partial<PopperProps>;
-}
-export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<any>>;
-//# sourceMappingURL=Dropdown.d.ts.map

package/dist/js/next/components/Dropdown/Dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,SAAS;IACzD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC;AA4FD,eAAO,MAAM,QAAQ,2EAEnB,CAAC"}

package/dist/js/next/components/Dropdown/Dropdown.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_styles_1 = require("@patternfly/react-styles");
-const Menu_1 = require("../../../components/Menu");
-const Popper_1 = require("../../../helpers/Popper/Popper");
-const helpers_1 = require("../../../helpers");
-const DropdownBase = (_a) => {
-    var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "onOpenChange", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps"]);
-    const localMenuRef = react_1.default.useRef();
-    const toggleRef = react_1.default.useRef();
-    const containerRef = react_1.default.useRef();
-    const ouiaProps = (0, helpers_1.useOUIAProps)(exports.Dropdown.displayName, ouiaId, ouiaSafe);
-    const menuRef = innerRef || localMenuRef;
-    react_1.default.useEffect(() => {
-        const handleMenuKeys = (event) => {
-            var _a, _b, _c;
-            // Close the menu on tab or escape if onOpenChange is provided
-            if ((isOpen && onOpenChange && ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) ||
-                ((_b = toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
-                if (event.key === 'Escape' || event.key === 'Tab') {
-                    onOpenChange(false);
-                    (_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
-                }
-            }
-        };
-        const handleClick = (event) => {
-            var _a, _b, _c;
-            // toggle was clicked open via keyboard, focus on first menu item
-            if (isOpen && ((_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) && event.detail === 0) {
-                setTimeout(() => {
-                    var _a;
-                    const firstElement = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('li button:not(:disabled),li input:not(:disabled)');
-                    firstElement && firstElement.focus();
-                }, 0);
-            }
-            // If the event is not on the toggle and onOpenChange callback is provided, close the menu
-            if (isOpen && onOpenChange && !((_b = toggleRef === null || toggleRef === void 0 ? void 0 : toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
-                if (isOpen && !((_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.target))) {
-                    onOpenChange(false);
-                }
-            }
-        };
-        window.addEventListener('keydown', handleMenuKeys);
-        window.addEventListener('click', handleClick);
-        return () => {
-            window.removeEventListener('keydown', handleMenuKeys);
-            window.removeEventListener('click', handleClick);
-        };
-    }, [isOpen, menuRef, onOpenChange]);
-    const menu = (react_1.default.createElement(Menu_1.Menu, Object.assign({ className: (0, react_styles_1.css)(className), ref: menuRef, onSelect: (event, itemId) => onSelect && onSelect(event, itemId), isPlain: isPlain, isScrollable: isScrollable }, props),
-        react_1.default.createElement(Menu_1.MenuContent, null, children)));
-    return (react_1.default.createElement("div", Object.assign({ ref: containerRef }, ouiaProps),
-        react_1.default.createElement(Popper_1.Popper, Object.assign({ trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, appendTo: containerRef.current || undefined, isVisible: isOpen, zIndex: zIndex }, popperProps))));
-};
-exports.Dropdown = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(DropdownBase, Object.assign({ innerRef: ref }, props))));
-exports.Dropdown.displayName = 'Dropdown';
-//# sourceMappingURL=Dropdown.js.map

package/dist/js/next/components/Dropdown/Dropdown.js.map

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

package/dist/js/next/components/Dropdown/DropdownGroup.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { MenuGroupProps } from '../../../components/Menu';
-export interface DropdownGroupProps extends Omit<MenuGroupProps, 'ref'> {
-    /** Anything which can be rendered in a dropdown group. */
-    children: React.ReactNode;
-    /** Classes applied to root element of dropdown group */
-    className?: string;
-    /** Label of the dropdown group */
-    label?: string;
-}
-export declare const DropdownGroup: React.FunctionComponent<DropdownGroupProps>;
-//# sourceMappingURL=DropdownGroup.d.ts.map

package/dist/js/next/components/Dropdown/DropdownGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownGroup.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IACrE,0DAA0D;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAUrE,CAAC"}

package/dist/js/next/components/Dropdown/DropdownGroup.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_styles_1 = require("@patternfly/react-styles");
-const Menu_1 = require("../../../components/Menu");
-const DropdownGroup = (_a) => {
-    var { children, className, label, labelHeadingLevel = 'h1' } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelHeadingLevel"]);
-    return (react_1.default.createElement(Menu_1.MenuGroup, Object.assign({ className: (0, react_styles_1.css)(className), label: label, labelHeadingLevel: labelHeadingLevel }, props), children));
-};
-exports.DropdownGroup = DropdownGroup;
-exports.DropdownGroup.displayName = 'DropdownGroup';
-//# sourceMappingURL=DropdownGroup.js.map

package/dist/js/next/components/Dropdown/DropdownGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownGroup.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,mDAAqE;AAW9D,MAAM,aAAa,GAAgD,CAAC,EAMtD,EAAE,EAAE;QANkD,EACzE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,IAAI,OAEL,EADhB,KAAK,sBALiE,uDAM1E,CADS;IACgB,OAAA,CACxB,8BAAC,gBAAS,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,IAAM,KAAK,GAChG,QAAQ,CACC,CACb,CAAA;CAAA,CAAC;AAVW,QAAA,aAAa,iBAUxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/js/next/components/Dropdown/DropdownItem.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { MenuItemProps } from '../../../components/Menu';
-import { OUIAProps } from '../../../helpers';
-export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'>, OUIAProps {
-    /** Anything which can be rendered in a dropdown item */
-    children?: React.ReactNode;
-    /** Classes applied to root element of dropdown item */
-    className?: string;
-    /** Description of the dropdown item */
-    description?: React.ReactNode;
-    /** Identifies the component in the dropdown onSelect callback */
-    itemId?: any;
-    /** 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 DropdownItem: React.FunctionComponent<MenuItemProps>;
-//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/js/next/components/Dropdown/DropdownItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAY,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,SAAS;IAC9E,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iEAAiE;IACjE,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAe/D,CAAC"}

package/dist/js/next/components/Dropdown/DropdownItem.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownItem = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_styles_1 = require("@patternfly/react-styles");
-const Menu_1 = require("../../../components/Menu");
-const helpers_1 = require("../../../helpers");
-const DropdownItem = (_a) => {
-    var { children, className, description, itemId, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "className", "description", "itemId", "ouiaId", "ouiaSafe"]);
-    const ouiaProps = (0, helpers_1.useOUIAProps)(exports.DropdownItem.displayName, ouiaId, ouiaSafe);
-    return (react_1.default.createElement(Menu_1.MenuItem, Object.assign({ className: (0, react_styles_1.css)(className), description: description, itemId: itemId }, ouiaProps, props), children));
-};
-exports.DropdownItem = DropdownItem;
-exports.DropdownItem.displayName = 'DropdownItem';
-//# sourceMappingURL=DropdownItem.js.map

package/dist/js/next/components/Dropdown/DropdownItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,mDAAmE;AACnE,8CAA2D;AAiBpD,MAAM,YAAY,GAA2C,CAAC,EAQjD,EAAE,EAAE;QAR6C,EACnE,QAAQ,EACR,SAAS,EACT,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,OAEU,EADf,KAAK,sBAP2D,wEAQpE,CADS;IAER,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,oBAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC3E,OAAO,CACL,8BAAC,eAAQ,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,IAAM,SAAS,EAAM,KAAK,GACpG,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/next/components/Dropdown/DropdownList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAY,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAQ/D,CAAC"}

package/dist/js/next/components/Dropdown/DropdownList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,mDAAmE;AAS5D,MAAM,YAAY,GAA2C,CAAC,EAIjD,EAAE,EAAE;QAJ6C,EACnE,QAAQ,EACR,SAAS,OAES,EADf,KAAK,sBAH2D,yBAIpE,CADS;IACe,OAAA,CACvB,8BAAC,eAAQ,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,IAAM,KAAK,GAC3C,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC;AARW,QAAA,YAAY,gBAQvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/next/components/Dropdown/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Dropdown';
-export * from './DropdownGroup';
-export * from './DropdownItem';
-export * from './DropdownList';
-//# sourceMappingURL=index.d.ts.map

package/dist/js/next/components/Dropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/js/next/components/Dropdown/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Dropdown"), exports);
-tslib_1.__exportStar(require("./DropdownGroup"), exports);
-tslib_1.__exportStar(require("./DropdownItem"), exports);
-tslib_1.__exportStar(require("./DropdownList"), exports);
-//# sourceMappingURL=index.js.map

package/dist/js/next/components/Dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,0DAAgC;AAChC,yDAA+B;AAC/B,yDAA+B"}

package/src/next/components/Dropdown/Dropdown.tsx

@@ -1,130 +0,0 @@
-import React from 'react';
-import { css } from '@patternfly/react-styles';
-import { Menu, MenuContent, MenuProps } from '../../../components/Menu';
-import { Popper, PopperProps } from '../../../helpers/Popper/Popper';
-import { useOUIAProps, OUIAProps } from '../../../helpers';
-
-export interface DropdownProps extends MenuProps, OUIAProps {
-  /** Anything which can be rendered in a dropdown. */
-  children?: React.ReactNode;
-  /** Classes applied to root element of dropdown. */
-  className?: string;
-  /** Renderer for a custom dropdown toggle. Forwards a ref to the toggle. */
-  toggle: (toggleRef: React.RefObject<any>) => React.ReactNode;
-  /** Flag to indicate if menu is opened.*/
-  isOpen?: boolean;
-  /** Function callback called when user selects item. */
-  onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number) => void;
-  /** Callback to allow the dropdown component to change the open state of the menu.
-   * Triggered by clicking outside of the menu, or by pressing either tab or escape. */
-  onOpenChange?: (isOpen: boolean) => void;
-  /** Indicates if the menu should be without the outer box-shadow. */
-  isPlain?: boolean;
-  /** Indicates if the menu should be scrollable. */
-  isScrollable?: boolean;
-  /** @hide Forwarded ref */
-  innerRef?: React.Ref<any>;
-  /** 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;
-  /** z-index of the dropdown menu */
-  zIndex?: number;
-  /** Additional properties to pass to the Popper */
-  popperProps?: Partial<PopperProps>;
-}
-
-const DropdownBase: React.FunctionComponent<DropdownProps> = ({
-  children,
-  className,
-  onSelect,
-  isOpen,
-  toggle,
-  onOpenChange,
-  isPlain,
-  isScrollable,
-  innerRef,
-  ouiaId,
-  ouiaSafe = true,
-  zIndex = 9999,
-  popperProps,
-  ...props
-}: DropdownProps) => {
-  const localMenuRef = React.useRef<HTMLDivElement>();
-  const toggleRef = React.useRef<HTMLButtonElement>();
-  const containerRef = React.useRef<HTMLDivElement>();
-  const ouiaProps = useOUIAProps(Dropdown.displayName, ouiaId, ouiaSafe);
-
-  const menuRef = (innerRef as React.RefObject<HTMLDivElement>) || localMenuRef;
-  React.useEffect(() => {
-    const handleMenuKeys = (event: KeyboardEvent) => {
-      // Close the menu on tab or escape if onOpenChange is provided
-      if (
-        (isOpen && onOpenChange && menuRef.current?.contains(event.target as Node)) ||
-        toggleRef.current?.contains(event.target as Node)
-      ) {
-        if (event.key === 'Escape' || event.key === 'Tab') {
-          onOpenChange(false);
-          toggleRef.current?.focus();
-        }
-      }
-    };
-
-    const handleClick = (event: MouseEvent) => {
-      // toggle was clicked open via keyboard, focus on first menu item
-      if (isOpen && toggleRef.current?.contains(event.target as Node) && event.detail === 0) {
-        setTimeout(() => {
-          const firstElement = menuRef?.current?.querySelector('li button:not(:disabled),li input:not(:disabled)');
-          firstElement && (firstElement as HTMLElement).focus();
-        }, 0);
-      }
-
-      // If the event is not on the toggle and onOpenChange callback is provided, close the menu
-      if (isOpen && onOpenChange && !toggleRef?.current?.contains(event.target as Node)) {
-        if (isOpen && !menuRef.current?.contains(event.target as Node)) {
-          onOpenChange(false);
-        }
-      }
-    };
-
-    window.addEventListener('keydown', handleMenuKeys);
-    window.addEventListener('click', handleClick);
-
-    return () => {
-      window.removeEventListener('keydown', handleMenuKeys);
-      window.removeEventListener('click', handleClick);
-    };
-  }, [isOpen, menuRef, onOpenChange]);
-
-  const menu = (
-    <Menu
-      className={css(className)}
-      ref={menuRef}
-      onSelect={(event, itemId) => onSelect && onSelect(event, itemId)}
-      isPlain={isPlain}
-      isScrollable={isScrollable}
-      {...props}
-    >
-      <MenuContent>{children}</MenuContent>
-    </Menu>
-  );
-  return (
-    <div ref={containerRef} {...ouiaProps}>
-      <Popper
-        trigger={toggle(toggleRef)}
-        triggerRef={toggleRef}
-        popper={menu}
-        popperRef={menuRef}
-        appendTo={containerRef.current || undefined}
-        isVisible={isOpen}
-        zIndex={zIndex}
-        {...popperProps}
-      />
-    </div>
-  );
-};
-
-export const Dropdown = React.forwardRef((props: DropdownProps, ref: React.Ref<any>) => (
-  <DropdownBase innerRef={ref} {...props} />
-));
-Dropdown.displayName = 'Dropdown';

package/src/next/components/Dropdown/DropdownGroup.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { css } from '@patternfly/react-styles';
-import { MenuGroupProps, MenuGroup } from '../../../components/Menu';
-
-export interface DropdownGroupProps extends Omit<MenuGroupProps, 'ref'> {
-  /** Anything which can be rendered in a dropdown group. */
-  children: React.ReactNode;
-  /** Classes applied to root element of dropdown group */
-  className?: string;
-  /** Label of the dropdown group */
-  label?: string;
-}
-
-export const DropdownGroup: React.FunctionComponent<DropdownGroupProps> = ({
-  children,
-  className,
-  label,
-  labelHeadingLevel = 'h1',
-  ...props
-}: DropdownGroupProps) => (
-  <MenuGroup className={css(className)} label={label} labelHeadingLevel={labelHeadingLevel} {...props}>
-    {children}
-  </MenuGroup>
-);
-DropdownGroup.displayName = 'DropdownGroup';

package/src/next/components/Dropdown/DropdownItem.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { css } from '@patternfly/react-styles';
-import { MenuItemProps, MenuItem } from '../../../components/Menu';
-import { useOUIAProps, OUIAProps } from '../../../helpers';
-
-export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'>, OUIAProps {
-  /** Anything which can be rendered in a dropdown item */
-  children?: React.ReactNode;
-  /** Classes applied to root element of dropdown item */
-  className?: string;
-  /** Description of the dropdown item */
-  description?: React.ReactNode;
-  /** Identifies the component in the dropdown onSelect callback */
-  itemId?: any;
-  /** 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 const DropdownItem: React.FunctionComponent<MenuItemProps> = ({
-  children,
-  className,
-  description,
-  itemId,
-  ouiaId,
-  ouiaSafe,
-  ...props
-}: DropdownItemProps) => {
-  const ouiaProps = useOUIAProps(DropdownItem.displayName, ouiaId, ouiaSafe);
-  return (
-    <MenuItem className={css(className)} description={description} itemId={itemId} {...ouiaProps} {...props}>
-      {children}
-    </MenuItem>
-  );
-};
-DropdownItem.displayName = 'DropdownItem';

package/src/next/components/Dropdown/__tests__/Dropdown.test.tsx

@@ -1,216 +0,0 @@
-import React from 'react';
-import { Dropdown } from '../../Dropdown';
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-jest.mock('../../../../components/Menu');
-
-jest.mock('../../../../helpers/Popper/Popper');
-
-const toggle = (ref: React.RefObject<any>) => <button ref={ref}>Dropdown</button>;
-
-const dropdownChildren = <div>Dropdown children</div>;
-
-test('renders dropdown', () => {
-  render(
-    <div data-testid="dropdown">
-      <Dropdown toggle={(toggleRef) => toggle(toggleRef)}>{dropdownChildren}</Dropdown>
-    </div>
-  );
-
-  expect(screen.getByTestId('dropdown').children[0]).toBeVisible();
-});
-
-test('passes children', () => {
-  render(<Dropdown toggle={(toggleRef) => toggle(toggleRef)}>{dropdownChildren}</Dropdown>);
-
-  expect(screen.getByText('Dropdown children')).toBeVisible();
-});
-
-test('renders passed toggle element', () => {
-  render(<Dropdown toggle={(toggleRef) => toggle(toggleRef)}>{dropdownChildren}</Dropdown>);
-
-  expect(screen.getByRole('button', { name: 'Dropdown' })).toBeVisible();
-});
-
-test('passes no class name by default', () => {
-  render(
-    <Dropdown isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByTestId('menu-mock')).not.toHaveClass();
-});
-
-test('passes custom class name', () => {
-  render(
-    <Dropdown className="custom-class" isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByTestId('menu-mock')).toHaveClass('custom-class');
-});
-
-test('does not pass isPlain to Menu by default', () => {
-  render(
-    <Dropdown isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('isPlain: undefined')).toBeVisible();
-});
-
-test('passes isPlain to Menu', () => {
-  render(
-    <Dropdown isPlain isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('isPlain: true')).toBeVisible();
-});
-
-test('does not pass isScrollable to Menu by default', () => {
-  render(
-    <Dropdown isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('isScrollable: undefined')).toBeVisible();
-});
-
-test('passes isScrollable to Menu', () => {
-  render(
-    <Dropdown isScrollable isOpen={true} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('isScrollable: true')).toBeVisible();
-});
-
-test('passes default zIndex to popper', () => {
-  render(<Dropdown toggle={(toggleRef) => toggle(toggleRef)}>{dropdownChildren}</Dropdown>);
-
-  expect(screen.getByText('zIndex: 9999')).toBeVisible();
-});
-
-test('passes zIndex to popper', () => {
-  render(
-    <Dropdown zIndex={100} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('zIndex: 100')).toBeVisible();
-});
-
-test('does not pass isOpen to popper by default', () => {
-  render(<Dropdown toggle={(toggleRef) => toggle(toggleRef)}>{dropdownChildren}</Dropdown>);
-
-  expect(screen.getByText('isOpen: undefined')).toBeVisible();
-});
-
-test('passes isOpen to popper', () => {
-  render(
-    <Dropdown isOpen toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(screen.getByText('isOpen: true')).toBeVisible();
-});
-
-/* no default tests for callback props
-since there is no way to test that the 
-function doesn`t get passed */
-
-test('passes onSelect callback', async () => {
-  const user = userEvent.setup();
-
-  const onSelect = jest.fn();
-  render(
-    <Dropdown onSelect={onSelect} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  const trigger = await screen.findByText('Mock item');
-  await user.click(trigger);
-
-  expect(onSelect).toBeCalledTimes(1);
-});
-
-test('onOpenChange is called when passed and user clicks outside of dropdown', async () => {
-  const user = userEvent.setup();
-  const onOpenChange = jest.fn();
-
-  render(
-    <Dropdown isOpen={true} onOpenChange={onOpenChange} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  const dropdown = screen.getByRole('button', { name: 'Dropdown' });
-  await user.click(dropdown);
-  await user.click(document.body);
-
-  expect(onOpenChange).toBeCalledTimes(1);
-});
-
-test('onOpenChange is called when passed and user presses tab key', async () => {
-  const user = userEvent.setup();
-  const onOpenChange = jest.fn();
-
-  render(
-    <Dropdown isOpen={true} onOpenChange={onOpenChange} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  //focus dropdown
-  const dropdown = screen.getByRole('button', { name: 'Dropdown' });
-  await user.click(dropdown);
-  await user.keyboard('{Tab}');
-
-  expect(onOpenChange).toBeCalledTimes(1);
-});
-
-test('onOpenChange is called when passed and user presses esc key', async () => {
-  const user = userEvent.setup();
-  const onOpenChange = jest.fn();
-
-  render(
-    <Dropdown isOpen={true} onOpenChange={onOpenChange} toggle={(toggleRef) => toggle(toggleRef)}>
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  //focus dropdown
-  const dropdown = screen.getByRole('button', { name: 'Dropdown' });
-  await user.click(dropdown);
-  await user.keyboard('{Escape}');
-
-  expect(onOpenChange).toBeCalledTimes(1);
-});
-
-test('match snapshot', () => {
-  const { asFragment } = render(
-    <Dropdown
-      ouiaId={'dropdown'}
-      isOpen
-      isScrollable
-      isPlain
-      className={'customClass'}
-      toggle={(toggleRef) => toggle(toggleRef)}
-    >
-      {dropdownChildren}
-    </Dropdown>
-  );
-
-  expect(asFragment()).toMatchSnapshot();
-});