@patternfly/react-core 4.238.0 → 4.239.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.239.1 (2022-09-15)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+# 4.239.0 (2022-09-14)
+
+
+### Features
+
+* **Dropdown next:** Added the next version of the dropdown component ([#7955](https://github.com/patternfly/patternfly-react/issues/7955)) ([c092c7c](https://github.com/patternfly/patternfly-react/commit/c092c7cfaf877c5783c9ad9db0a8010b8ea023eb))
+
+
+
+
+
 # 4.238.0 (2022-09-14)
 
 

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { MenuProps } from '../../../components/Menu';
+export interface DropdownProps extends MenuProps {
+    /** 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;
+    /** Min width of the menu. */
+    minWidth?: string;
+}
+export declare const Dropdown: React.FunctionComponent<DropdownProps>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAGxE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,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,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAsF3D,CAAC"}

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

@@ -0,0 +1,59 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { css } from '@patternfly/react-styles';
+import { Menu, MenuContent } from '../../../components/Menu';
+import { Popper } from '../../../helpers/Popper/Popper';
+export const Dropdown = (_a) => {
+    var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable, minWidth } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "onOpenChange", "isPlain", "isScrollable", "minWidth"]);
+    const localMenuRef = React.useRef();
+    const toggleRef = React.useRef();
+    const containerRef = React.useRef();
+    const menuRef = props.innerRef || localMenuRef;
+    React.useEffect(() => {
+        const handleMenuKeys = (event) => {
+            var _a, _b, _c, _d;
+            if (!isOpen && ((_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                // toggle was clicked open, focus on first menu item
+                if (event.key === 'Enter') {
+                    setTimeout(() => {
+                        const firstElement = menuRef.current.querySelector('li > button:not(:disabled)');
+                        firstElement && firstElement.focus();
+                    }, 0);
+                }
+            }
+            // Close the menu on tab or escape if onOpenChange is provided
+            if ((isOpen && onOpenChange && ((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) ||
+                ((_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.target))) {
+                if (event.key === 'Escape' || event.key === 'Tab') {
+                    onOpenChange(!isOpen);
+                    (_d = toggleRef.current) === null || _d === void 0 ? void 0 : _d.focus();
+                }
+            }
+        };
+        const handleClickOutside = (event) => {
+            var _a, _b;
+            // If the event is not on the toggle and onOpenChange callback is provided, close the menu
+            if (isOpen && onOpenChange && !((_a = toggleRef === null || toggleRef === void 0 ? void 0 : toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                if (isOpen && !((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+                    onOpenChange(false);
+                }
+            }
+        };
+        window.addEventListener('keydown', handleMenuKeys);
+        window.addEventListener('click', handleClickOutside);
+        return () => {
+            window.removeEventListener('keydown', handleMenuKeys);
+            window.removeEventListener('click', handleClickOutside);
+        };
+    }, [isOpen, menuRef, onOpenChange]);
+    const menu = (React.createElement(Menu, Object.assign({ className: css(className), ref: menuRef, onSelect: (event, itemId) => onSelect(event, itemId), isPlain: isPlain, isScrollable: isScrollable }, (minWidth && {
+        style: {
+            '--pf-c-menu--MinWidth': minWidth
+        }
+    }), props),
+        React.createElement(MenuContent, null, children)));
+    return (React.createElement("div", { ref: containerRef },
+        React.createElement(Popper, { trigger: toggle(toggleRef), removeFindDomNode: true, popper: menu, appendTo: containerRef.current || undefined, isVisible: isOpen })));
+};
+Dropdown.displayName = 'Dropdown';
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,12 @@
+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/esm/next/components/Dropdown/DropdownGroup.d.ts.map

@@ -0,0 +1 @@
+{"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/esm/next/components/Dropdown/DropdownGroup.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { css } from '@patternfly/react-styles';
+import { MenuGroup } from '../../../components/Menu';
+export const DropdownGroup = (_a) => {
+    var { children, className, label, labelHeadingLevel = 'h1' } = _a, props = __rest(_a, ["children", "className", "label", "labelHeadingLevel"]);
+    return (React.createElement(MenuGroup, Object.assign({ className: css(className), label: label, labelHeadingLevel: labelHeadingLevel }, props), children));
+};
+DropdownGroup.displayName = 'DropdownGroup';
+//# sourceMappingURL=DropdownGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroup.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAkB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAWrE,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAMtD,EAAE,EAAE;QANkD,EACzE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,IAAI,OAEL,EADhB,KAAK,cALiE,uDAM1E,CADS;IACgB,OAAA,CACxB,oBAAC,SAAS,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,IAAM,KAAK,GAChG,QAAQ,CACC,CACb,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MenuItemProps } from '../../../components/Menu';
+export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'> {
+    /** 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;
+}
+export declare const DropdownItem: React.FunctionComponent<MenuItemProps>;
+//# sourceMappingURL=DropdownItem.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;IACnE,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;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAS/D,CAAC"}

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

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { css } from '@patternfly/react-styles';
+import { MenuItem } from '../../../components/Menu';
+export const DropdownItem = (_a) => {
+    var { children, className, description } = _a, props = __rest(_a, ["children", "className", "description"]);
+    return (React.createElement(MenuItem, Object.assign({ className: css(className), description: description }, props), children));
+};
+DropdownItem.displayName = 'DropdownItem';
+//# sourceMappingURL=DropdownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAiB,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAWnE,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EAKjD,EAAE,EAAE;QAL6C,EACnE,QAAQ,EACR,SAAS,EACT,WAAW,OAEO,EADf,KAAK,cAJ2D,wCAKpE,CADS;IACe,OAAA,CACvB,oBAAC,QAAQ,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,GACrE,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/esm/next/components/Dropdown/DropdownList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuListProps } from '../../../components/Menu';
+export interface DropdownListProps extends MenuListProps {
+    /** Anything which can be rendered in a dropdown list */
+    children: React.ReactNode;
+    /** Classes applied to root element of dropdown list */
+    className?: string;
+}
+export declare const DropdownList: React.FunctionComponent<MenuListProps>;
+//# sourceMappingURL=DropdownList.d.ts.map

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

@@ -0,0 +1 @@
+{"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/esm/next/components/Dropdown/DropdownList.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { css } from '@patternfly/react-styles';
+import { MenuList } from '../../../components/Menu';
+export const DropdownList = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(MenuList, Object.assign({ className: css(className) }, props), children));
+};
+DropdownList.displayName = 'DropdownList';
+//# sourceMappingURL=DropdownList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAiB,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AASnE,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EAIjD,EAAE,EAAE;QAJ6C,EACnE,QAAQ,EACR,SAAS,OAES,EADf,KAAK,cAH2D,yBAIpE,CADS;IACe,OAAA,CACvB,oBAAC,QAAQ,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK,GAC3C,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"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/esm/next/components/Dropdown/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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/esm/next/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Wizard';
+export * from './Dropdown';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/next/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

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

@@ -1,2 +1,3 @@
 export * from './Wizard';
+export * from './Dropdown';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { MenuProps } from '../../../components/Menu';
+export interface DropdownProps extends MenuProps {
+    /** 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;
+    /** Min width of the menu. */
+    minWidth?: string;
+}
+export declare const Dropdown: React.FunctionComponent<DropdownProps>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAGxE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,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,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAsF3D,CAAC"}

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

@@ -0,0 +1,63 @@
+"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 Dropdown = (_a) => {
+    var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable, minWidth } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "onOpenChange", "isPlain", "isScrollable", "minWidth"]);
+    const localMenuRef = react_1.default.useRef();
+    const toggleRef = react_1.default.useRef();
+    const containerRef = react_1.default.useRef();
+    const menuRef = props.innerRef || localMenuRef;
+    react_1.default.useEffect(() => {
+        const handleMenuKeys = (event) => {
+            var _a, _b, _c, _d;
+            if (!isOpen && ((_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                // toggle was clicked open, focus on first menu item
+                if (event.key === 'Enter') {
+                    setTimeout(() => {
+                        const firstElement = menuRef.current.querySelector('li > button:not(:disabled)');
+                        firstElement && firstElement.focus();
+                    }, 0);
+                }
+            }
+            // Close the menu on tab or escape if onOpenChange is provided
+            if ((isOpen && onOpenChange && ((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) ||
+                ((_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.target))) {
+                if (event.key === 'Escape' || event.key === 'Tab') {
+                    onOpenChange(!isOpen);
+                    (_d = toggleRef.current) === null || _d === void 0 ? void 0 : _d.focus();
+                }
+            }
+        };
+        const handleClickOutside = (event) => {
+            var _a, _b;
+            // If the event is not on the toggle and onOpenChange callback is provided, close the menu
+            if (isOpen && onOpenChange && !((_a = toggleRef === null || toggleRef === void 0 ? void 0 : toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                if (isOpen && !((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+                    onOpenChange(false);
+                }
+            }
+        };
+        window.addEventListener('keydown', handleMenuKeys);
+        window.addEventListener('click', handleClickOutside);
+        return () => {
+            window.removeEventListener('keydown', handleMenuKeys);
+            window.removeEventListener('click', handleClickOutside);
+        };
+    }, [isOpen, menuRef, onOpenChange]);
+    const menu = (react_1.default.createElement(Menu_1.Menu, Object.assign({ className: react_styles_1.css(className), ref: menuRef, onSelect: (event, itemId) => onSelect(event, itemId), isPlain: isPlain, isScrollable: isScrollable }, (minWidth && {
+        style: {
+            '--pf-c-menu--MinWidth': minWidth
+        }
+    }), props),
+        react_1.default.createElement(Menu_1.MenuContent, null, children)));
+    return (react_1.default.createElement("div", { ref: containerRef },
+        react_1.default.createElement(Popper_1.Popper, { trigger: toggle(toggleRef), removeFindDomNode: true, popper: menu, appendTo: containerRef.current || undefined, isVisible: isOpen })));
+};
+exports.Dropdown = Dropdown;
+exports.Dropdown.displayName = 'Dropdown';
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"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: 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

@@ -0,0 +1 @@
+{"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,kBAAG,CAAC,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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MenuItemProps } from '../../../components/Menu';
+export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'> {
+    /** 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;
+}
+export declare const DropdownItem: React.FunctionComponent<MenuItemProps>;
+//# sourceMappingURL=DropdownItem.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;IACnE,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;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAS/D,CAAC"}

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

@@ -0,0 +1,14 @@
+"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 DropdownItem = (_a) => {
+    var { children, className, description } = _a, props = tslib_1.__rest(_a, ["children", "className", "description"]);
+    return (react_1.default.createElement(Menu_1.MenuItem, Object.assign({ className: react_styles_1.css(className), description: description }, props), children));
+};
+exports.DropdownItem = DropdownItem;
+exports.DropdownItem.displayName = 'DropdownItem';
+//# sourceMappingURL=DropdownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,mDAAmE;AAW5D,MAAM,YAAY,GAA2C,CAAC,EAKjD,EAAE,EAAE;QAL6C,EACnE,QAAQ,EACR,SAAS,EACT,WAAW,OAEO,EADf,KAAK,sBAJ2D,wCAKpE,CADS;IACe,OAAA,CACvB,8BAAC,eAAQ,kBAAC,SAAS,EAAE,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,GACrE,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC;AATW,QAAA,YAAY,gBASvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuListProps } from '../../../components/Menu';
+export interface DropdownListProps extends MenuListProps {
+    /** Anything which can be rendered in a dropdown list */
+    children: React.ReactNode;
+    /** Classes applied to root element of dropdown list */
+    className?: string;
+}
+export declare const DropdownList: React.FunctionComponent<MenuListProps>;
+//# sourceMappingURL=DropdownList.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownList = 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 DropdownList = (_a) => {
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return (react_1.default.createElement(Menu_1.MenuList, Object.assign({ className: react_styles_1.css(className) }, props), children));
+};
+exports.DropdownList = DropdownList;
+exports.DropdownList.displayName = 'DropdownList';
+//# sourceMappingURL=DropdownList.js.map

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

@@ -0,0 +1 @@
+{"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,kBAAG,CAAC,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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1 @@
+{"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/dist/js/next/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Wizard';
+export * from './Dropdown';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

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

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Wizard"), exports);
+tslib_1.__exportStar(require("./Dropdown"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,qDAA2B"}