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

package/components/Dropdown/DropdownSeparator.js

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

package/components/Dropdown/DropdownSeparator.js.map

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

package/components/Dropdown/DropdownToggle.d.ts

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

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

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

package/components/Dropdown/DropdownToggle.js

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

package/components/Dropdown/DropdownToggle.js.map

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

package/components/Dropdown/DropdownToggleAction.d.ts

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

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

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

package/components/Dropdown/DropdownToggleAction.js

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

package/components/Dropdown/DropdownToggleAction.js.map

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

package/components/Dropdown/DropdownToggleCheckbox.d.ts

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

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

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

package/components/Dropdown/DropdownToggleCheckbox.js

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

package/components/Dropdown/DropdownToggleCheckbox.js.map

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

package/components/Dropdown/DropdownWithContext.d.ts

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

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

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

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"}