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

package/components/Menu/MenuItem.js

@@ -0,0 +1,226 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Menu/menu';
+import { css } from '@patternfly/react-styles';
+import topOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_top_offset';
+import rightOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_m_left_right_offset';
+import leftOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_left_offset';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import { Checkbox } from '../Checkbox';
+import { MenuContext, MenuItemContext } from './MenuContext';
+import { MenuItemAction } from './MenuItemAction';
+import { canUseDOM } from '../../helpers/util';
+import { useIsomorphicLayoutEffect } from '../../helpers/useIsomorphicLayout';
+import { GenerateId } from '../../helpers/GenerateId/GenerateId';
+const FlyoutContext = React.createContext({
+    direction: 'right'
+});
+const MenuItemBase = (_a) => {
+    var { children, className, itemId = null, to, hasCheckbox = false, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, isFocused, isDanger = false, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest(_a, ["children", "className", "itemId", "to", "hasCheckbox", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "isFocused", "isDanger", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
+    const { menuId, parentMenu, onSelect, onActionClick, activeItemId, selected, drilldownItemPath, onDrillIn, onDrillOut, flyoutRef, setFlyoutRef, disableHover, role: menuRole } = React.useContext(MenuContext);
+    let Component = (to ? 'a' : component);
+    if (hasCheckbox && !to) {
+        Component = 'label';
+    }
+    const [flyoutTarget, setFlyoutTarget] = React.useState(null);
+    const flyoutContext = React.useContext(FlyoutContext);
+    const [flyoutXDirection, setFlyoutXDirection] = React.useState(flyoutContext.direction);
+    const ref = React.useRef();
+    const flyoutVisible = ref === flyoutRef;
+    const hasFlyout = flyoutMenu !== undefined;
+    const showFlyout = (show) => {
+        if (!flyoutVisible && show) {
+            setFlyoutRef(ref);
+        }
+        else if (flyoutVisible && !show) {
+            setFlyoutRef(null);
+        }
+        onShowFlyout && show && onShowFlyout();
+    };
+    useIsomorphicLayoutEffect(() => {
+        if (hasFlyout && ref.current && canUseDOM) {
+            const flyoutMenu = ref.current.lastElementChild;
+            if (flyoutMenu && flyoutMenu.classList.contains(styles.menu)) {
+                const origin = ref.current.getClientRects()[0];
+                const rect = flyoutMenu.getClientRects()[0];
+                if (origin && rect) {
+                    const spaceLeftLeft = origin.x - rect.width;
+                    const spaceLeftRight = window.innerWidth - origin.x - origin.width - rect.width;
+                    let xDir = flyoutXDirection;
+                    if (spaceLeftRight < 0 && xDir !== 'left') {
+                        setFlyoutXDirection('left');
+                        xDir = 'left';
+                    }
+                    else if (spaceLeftLeft < 0 && xDir !== 'right') {
+                        setFlyoutXDirection('right');
+                        xDir = 'right';
+                    }
+                    let xOffset = 0;
+                    if (spaceLeftLeft < 0 && spaceLeftRight < 0) {
+                        xOffset = xDir === 'right' ? -spaceLeftRight : -spaceLeftLeft;
+                    }
+                    if (xDir === 'left') {
+                        flyoutMenu.classList.add(styles.modifiers.left);
+                        flyoutMenu.style.setProperty(rightOffset.name, `-${xOffset}px`);
+                    }
+                    else {
+                        flyoutMenu.style.setProperty(leftOffset.name, `-${xOffset}px`);
+                    }
+                    const spaceLeftBot = window.innerHeight - origin.y - rect.height;
+                    const spaceLeftTop = window.innerHeight - rect.height;
+                    if (spaceLeftTop < 0 && spaceLeftBot < 0) {
+                        // working idea: page can usually scroll down, but not up
+                        // TODO: proper scroll buttons
+                    }
+                    else if (spaceLeftBot < 0) {
+                        flyoutMenu.style.setProperty(topOffset.name, `${spaceLeftBot}px`);
+                    }
+                }
+            }
+        }
+    }, [flyoutVisible, flyoutMenu]);
+    React.useEffect(() => {
+        setFlyoutXDirection(flyoutContext.direction);
+    }, [flyoutContext]);
+    React.useEffect(() => {
+        if (flyoutTarget) {
+            if (flyoutVisible) {
+                const flyoutMenu = flyoutTarget.nextElementSibling;
+                const flyoutItems = Array.from(flyoutMenu.getElementsByTagName('UL')[0].children).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
+                flyoutItems[0].firstChild.focus();
+            }
+            else {
+                flyoutTarget.focus();
+            }
+        }
+    }, [flyoutVisible, flyoutTarget]);
+    const handleFlyout = (event) => {
+        const key = event.key;
+        const target = event.target;
+        const type = event.type;
+        if (key === ' ' || key === 'Enter' || key === 'ArrowRight' || type === 'click') {
+            event.stopPropagation();
+            event.preventDefault();
+            if (!flyoutVisible) {
+                showFlyout(true);
+                setFlyoutTarget(target);
+            }
+        }
+        if (key === 'Escape' || key === 'ArrowLeft') {
+            if (flyoutVisible) {
+                event.stopPropagation();
+                showFlyout(false);
+            }
+        }
+    };
+    const onItemSelect = (event, onSelect) => {
+        // Trigger callback for Menu onSelect
+        onSelect && onSelect(event, itemId);
+        // Trigger callback for item onClick
+        onClick && onClick(event);
+    };
+    const _isOnPath = (isOnPath && isOnPath) || (drilldownItemPath && drilldownItemPath.includes(itemId)) || false;
+    let drill;
+    if (direction) {
+        if (direction === 'down') {
+            drill = event => onDrillIn &&
+                onDrillIn(event, menuId, typeof drilldownMenu === 'function'
+                    ? drilldownMenu().props.id
+                    : drilldownMenu.props.id, itemId);
+        }
+        else {
+            drill = event => onDrillOut && onDrillOut(event, parentMenu, itemId);
+        }
+    }
+    let additionalProps = {};
+    if (Component === 'a') {
+        additionalProps = {
+            href: to,
+            'aria-disabled': isDisabled ? true : null,
+            // prevent invalid 'disabled' attribute on <a> tags
+            disabled: null
+        };
+    }
+    else if (Component === 'button') {
+        additionalProps = {
+            type: 'button'
+        };
+    }
+    if (isOnPath) {
+        additionalProps['aria-expanded'] = true;
+    }
+    else if (hasFlyout) {
+        additionalProps['aria-haspopup'] = 'menu';
+        additionalProps['aria-expanded'] = flyoutVisible;
+    }
+    const getAriaCurrent = () => {
+        if (isActive !== null) {
+            if (isActive) {
+                return 'page';
+            }
+            else {
+                return null;
+            }
+        }
+        else if (itemId !== null && activeItemId !== null) {
+            return itemId === activeItemId;
+        }
+        return null;
+    };
+    const getIsSelected = () => {
+        if (isSelected !== null) {
+            return isSelected;
+        }
+        else if (selected !== null && itemId !== null) {
+            return (Array.isArray(selected) && selected.includes(itemId)) || itemId === selected;
+        }
+        return false;
+    };
+    const onMouseOver = () => {
+        if (disableHover) {
+            return;
+        }
+        if (hasFlyout) {
+            showFlyout(true);
+        }
+        else {
+            setFlyoutRef(null);
+        }
+    };
+    const isSelectMenu = menuRole === 'listbox';
+    return (React.createElement("li", Object.assign({ className: css(styles.menuListItem, isDisabled && styles.modifiers.disabled, _isOnPath && styles.modifiers.currentPath, isLoadButton && styles.modifiers.load, isLoading && styles.modifiers.loading, isFocused && styles.modifiers.focus, isDanger && styles.modifiers.danger, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: !hasCheckbox ? 'none' : 'menuitem' }, props),
+        React.createElement(GenerateId, null, randomId => (React.createElement(Component, Object.assign({ tabIndex: -1, className: css(styles.menuItem, getIsSelected() && !hasCheckbox && styles.modifiers.selected, className), "aria-current": getAriaCurrent() }, (!hasCheckbox && { disabled: isDisabled }), (!hasCheckbox && !flyoutMenu && { role: isSelectMenu ? 'option' : 'menuitem' }), (!hasCheckbox && !flyoutMenu && isSelectMenu && { 'aria-selected': getIsSelected() }), { ref: innerRef }, (!hasCheckbox && {
+            onClick: (event) => {
+                onItemSelect(event, onSelect);
+                drill && drill(event);
+                flyoutMenu && handleFlyout(event);
+            }
+        }), (hasCheckbox && { htmlFor: randomId }), additionalProps),
+            React.createElement("span", { className: css(styles.menuItemMain) },
+                direction === 'up' && (React.createElement("span", { className: css(styles.menuItemToggleIcon) },
+                    React.createElement(AngleLeftIcon, { "aria-hidden": true }))),
+                icon && React.createElement("span", { className: css(styles.menuItemIcon) }, icon),
+                hasCheckbox && (React.createElement("span", { className: css('pf-c-menu__item-check') },
+                    React.createElement(Checkbox, { id: randomId, component: "span", isChecked: isSelected || false, onChange: event => onItemSelect(event, onSelect), isDisabled: isDisabled }))),
+                React.createElement("span", { className: css(styles.menuItemText) }, children),
+                isExternalLink && (React.createElement("span", { className: css(styles.menuItemExternalIcon) },
+                    React.createElement(ExternalLinkAltIcon, { "aria-hidden": true }))),
+                (flyoutMenu || direction === 'down') && (React.createElement("span", { className: css(styles.menuItemToggleIcon) },
+                    React.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                getIsSelected() && (React.createElement("span", { className: css(styles.menuItemSelectIcon) },
+                    React.createElement(CheckIcon, { "aria-hidden": true })))),
+            description && direction !== 'up' && (React.createElement("span", { className: css(styles.menuItemDescription) },
+                React.createElement("span", null, description)))))),
+        flyoutVisible && (React.createElement(MenuContext.Provider, { value: { disableHover } },
+            React.createElement(FlyoutContext.Provider, { value: { direction: flyoutXDirection } }, flyoutMenu))),
+        typeof drilldownMenu === 'function' ? drilldownMenu() : drilldownMenu,
+        React.createElement(MenuItemContext.Provider, { value: { itemId, isDisabled } },
+            actions,
+            isFavorited !== null && (React.createElement(MenuItemAction, { icon: "favorites", isFavorited: isFavorited, "aria-label": isFavorited ? 'starred' : 'not starred', onClick: event => onActionClick(event, itemId), tabIndex: -1, actionId: "fav" })))));
+};
+export const MenuItem = React.forwardRef((props, ref) => (React.createElement(MenuItemBase, Object.assign({}, props, { innerRef: ref }))));
+MenuItem.displayName = 'MenuItem';
+//# sourceMappingURL=MenuItem.js.map

package/components/Menu/MenuItem.js.map

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

package/components/Menu/MenuItemAction.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface MenuItemActionProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'type' | 'ref'> {
+    /** Additional classes added to the action button */
+    className?: string;
+    /** The action icon to use */
+    icon?: 'favorites' | React.ReactNode;
+    /** Callback on action click, can also specify onActionClick on the Menu instead */
+    onClick?: (event?: any) => void;
+    /** Accessibility label */
+    'aria-label': string;
+    /** Flag indicating if the item is favorited */
+    isFavorited?: boolean;
+    /** Disables action, can also be specified on the MenuItem instead */
+    isDisabled?: boolean;
+    /** Identifies the action item in the onActionClick on the Menu */
+    actionId?: any;
+    /** Forwarded ref */
+    innerRef?: React.Ref<any>;
+}
+export declare const MenuItemAction: React.ForwardRefExoticComponent<MenuItemActionProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=MenuItemAction.d.ts.map

package/components/Menu/MenuItemAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAction.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItemAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACnG,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,0BAA0B;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAiDD,eAAO,MAAM,cAAc,+FAEzB,CAAC"}

package/components/Menu/MenuItemAction.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Menu/menu';
+import { css } from '@patternfly/react-styles';
+import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
+import { MenuContext, MenuItemContext } from './MenuContext';
+const MenuItemActionBase = (_a) => {
+    var { className = '', icon, onClick, 'aria-label': ariaLabel, isFavorited = null, isDisabled, actionId, innerRef } = _a, props = __rest(_a, ["className", "icon", "onClick", 'aria-label', "isFavorited", "isDisabled", "actionId", "innerRef"]);
+    return (React.createElement(MenuContext.Consumer, null, ({ onActionClick }) => (React.createElement(MenuItemContext.Consumer, null, ({ itemId, isDisabled: isDisabledContext }) => {
+        const onClickButton = (event) => {
+            // event specified on the MenuItemAction
+            onClick && onClick(event);
+            // event specified on the Menu
+            onActionClick && onActionClick(event, itemId, actionId);
+        };
+        return (React.createElement("button", Object.assign({ className: css(styles.menuItemAction, isFavorited !== null && styles.modifiers.favorite, isFavorited && styles.modifiers.favorited, className), "aria-label": ariaLabel, onClick: onClickButton }, ((isDisabled === true || isDisabledContext === true) && { disabled: true }), { ref: innerRef, tabIndex: -1 }, props),
+            React.createElement("span", { className: css(styles.menuItemActionIcon) }, icon === 'favorites' || isFavorited !== null ? React.createElement(StarIcon, { "aria-hidden": true }) : icon)));
+    }))));
+};
+export const MenuItemAction = React.forwardRef((props, ref) => (React.createElement(MenuItemActionBase, Object.assign({}, props, { innerRef: ref }))));
+MenuItemAction.displayName = 'MenuItemAction';
+//# sourceMappingURL=MenuItemAction.js.map

package/components/Menu/MenuItemAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAction.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItemAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAqB7D,MAAM,kBAAkB,GAAiD,CAAC,EAUpD,EAAE,EAAE;QAVgD,EACxE,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,IAAI,EAClB,UAAU,EACV,QAAQ,EACR,QAAQ,OAEY,EADjB,KAAK,cATgE,mGAUzE,CADS;IACiB,OAAA,CACzB,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACtB,oBAAC,eAAe,CAAC,QAAQ,QACtB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,EAAE;QAC7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;YACnC,wCAAwC;YACxC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,8BAA8B;YAC9B,aAAa,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC1D,CAAC,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,WAAW,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACjD,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACzC,SAAS,CACV,gBACW,SAAS,EACrB,OAAO,EAAE,aAAa,IAClB,CAAC,CAAC,UAAU,KAAK,IAAI,IAAI,iBAAiB,KAAK,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAC/E,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK;YAET,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAC5C,IAAI,KAAK,WAAW,IAAI,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,QAAQ,0BAAe,CAAC,CAAC,CAAC,IAAI,CAC1E,CACA,CACV,CAAC;IACJ,CAAC,CACwB,CAC5B,CACoB,CACxB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA0B,EAAE,GAAiC,EAAE,EAAE,CAAC,CAChH,oBAAC,kBAAkB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CACjD,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/components/Menu/MenuList.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface MenuListProps extends React.HTMLProps<HTMLUListElement> {
+    /** Anything that can be rendered inside of menu list */
+    children: React.ReactNode;
+    /** Additional classes added to the menu list */
+    className?: string;
+    /** @beta Indicates to assistive technologies whether more than one item can be selected
+     * for a non-checkbox menu. Only applies when the menu's role is "listbox".
+     */
+    isAriaMultiselectable?: boolean;
+}
+export declare const MenuList: React.FunctionComponent<MenuListProps>;
+//# sourceMappingURL=MenuList.d.ts.map

package/components/Menu/MenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACtE,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAkB3D,CAAC"}

package/components/Menu/MenuList.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Menu/menu';
+import { css } from '@patternfly/react-styles';
+import { MenuContext } from './MenuContext';
+export const MenuList = (_a) => {
+    var { children = null, className, isAriaMultiselectable = false } = _a, props = __rest(_a, ["children", "className", "isAriaMultiselectable"]);
+    const { role } = React.useContext(MenuContext);
+    return (React.createElement("ul", Object.assign({ role: role }, (role === 'listbox' && { 'aria-multiselectable': isAriaMultiselectable }), { className: css(styles.menuList, className) }, props), children));
+};
+MenuList.displayName = 'MenuList';
+//# sourceMappingURL=MenuList.js.map

package/components/Menu/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAKjD,EAAE,EAAE;QAL6C,EAC/D,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,qBAAqB,GAAG,KAAK,OAEf,EADX,KAAK,cAJuD,kDAKhE,CADS;IAER,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,IACN,CAAC,IAAI,KAAK,SAAS,IAAI,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,CAAC,IAC7E,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,IACtC,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/components/Menu/index.d.ts

@@ -0,0 +1,11 @@
+export * from './Menu';
+export * from './MenuContent';
+export * from './MenuFooter';
+export * from './MenuInput';
+export * from './MenuGroup';
+export * from './MenuItem';
+export * from './MenuList';
+export * from './MenuItemAction';
+export * from './DrilldownMenu';
+export * from './MenuBreadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/components/Menu/index.js

@@ -0,0 +1,11 @@
+export * from './Menu';
+export * from './MenuContent';
+export * from './MenuFooter';
+export * from './MenuInput';
+export * from './MenuGroup';
+export * from './MenuItem';
+export * from './MenuList';
+export * from './MenuItemAction';
+export * from './DrilldownMenu';
+export * from './MenuBreadcrumb';
+//# sourceMappingURL=index.js.map

package/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/components/MenuToggle/MenuToggle.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { BadgeProps } from '../Badge';
+export declare type MenuToggleElement = HTMLDivElement | HTMLButtonElement;
+export interface SplitButtonOptions {
+    /** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
+    items: React.ReactNode[];
+    /** Variant of split button toggle */
+    variant?: 'action' | 'checkbox';
+}
+export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLDivElement>, MenuToggleElement>, 'ref'> {
+    /** Content rendered inside the toggle */
+    children?: React.ReactNode;
+    /** Additional classes added to the toggle */
+    className?: string;
+    /** Flag indicating the toggle has expanded styling */
+    isExpanded?: boolean;
+    /** Flag indicating the toggle is disabled */
+    isDisabled?: boolean;
+    /** Flag indicating the toggle is full height */
+    isFullHeight?: boolean;
+    /** Flag indicating the toggle takes up the full width of its parent */
+    isFullWidth?: boolean;
+    /** Object used to configure a split button menu toggle */
+    splitButtonOptions?: SplitButtonOptions;
+    /** Variant styles of the menu toggle */
+    variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary' | 'typeahead';
+    /** Optional icon rendered inside the toggle, before the children content */
+    icon?: React.ReactNode;
+    /** Optional badge rendered inside the toggle, after the children content */
+    badge?: BadgeProps | React.ReactNode;
+    /** Forwarded ref */
+    innerRef?: React.Ref<MenuToggleElement>;
+}
+export declare class MenuToggleBase extends React.Component<MenuToggleProps> {
+    displayName: string;
+    static defaultProps: MenuToggleProps;
+    render(): JSX.Element;
+}
+export declare const MenuToggle: React.ForwardRefExoticComponent<MenuToggleProps & React.RefAttributes<MenuToggleElement>>;
+//# sourceMappingURL=MenuToggle.d.ts.map

package/components/MenuToggle/MenuToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN;IACD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CAqHP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}

package/components/MenuToggle/MenuToggle.js

@@ -0,0 +1,46 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
+import { css } from '@patternfly/react-styles';
+import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
+export class MenuToggleBase extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.displayName = 'MenuToggleBase';
+    }
+    render() {
+        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, splitButtonOptions, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "splitButtonOptions", "variant", "innerRef", "onClick", 'aria-label']);
+        const isPlain = variant === 'plain';
+        const isPlainText = variant === 'plainText';
+        const isTypeahead = variant === 'typeahead';
+        const toggleControls = (React.createElement("span", { className: css(styles.menuToggleControls) },
+            React.createElement("span", { className: css(styles.menuToggleToggleIcon) },
+                React.createElement(CaretDownIcon, { "aria-hidden": true }))));
+        const content = (React.createElement(React.Fragment, null,
+            icon && React.createElement("span", { className: css(styles.menuToggleIcon) }, icon),
+            isTypeahead ? children : React.createElement("span", { className: css(styles.menuToggleText) }, children),
+            React.isValidElement(badge) && React.createElement("span", { className: css(styles.menuToggleCount) }, badge),
+            isTypeahead ? (React.createElement("button", { type: "button", className: css(styles.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
+        const commonStyles = css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, isFullWidth && styles.modifiers.fullWidth, isDisabled && styles.modifiers.disabled, className);
+        const componentProps = Object.assign(Object.assign({ children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
+        if (isTypeahead) {
+            return (React.createElement("div", Object.assign({ ref: innerRef, className: css(commonStyles, styles.modifiers.typeahead) }, componentProps)));
+        }
+        if (splitButtonOptions) {
+            return (React.createElement("div", { ref: innerRef, className: css(commonStyles, styles.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && styles.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
+                splitButtonOptions.items,
+                React.createElement("button", Object.assign({ className: css(styles.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick }, otherProps), toggleControls)));
+        }
+        return (React.createElement("button", Object.assign({ className: css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
+    }
+}
+MenuToggleBase.defaultProps = {
+    className: '',
+    isExpanded: false,
+    isDisabled: false,
+    isFullWidth: false,
+    isFullHeight: false
+};
+export const MenuToggle = React.forwardRef((props, ref) => (React.createElement(MenuToggleBase, Object.assign({ innerRef: ref }, props))));
+MenuToggle.displayName = 'MenuToggle';
+//# sourceMappingURL=MenuToggle.js.map

package/components/MenuToggle/MenuToggle.js.map

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

package/components/MenuToggle/MenuToggleAction.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface MenuToggleActionProps {
+    /** Additional classes added to the MenuToggleAction */
+    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;
+}
+export declare class MenuToggleAction extends React.Component<MenuToggleActionProps> {
+    static displayName: string;
+    static defaultProps: MenuToggleActionProps;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=MenuToggleAction.d.ts.map

package/components/MenuToggle/MenuToggleAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleAction.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,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;CACb;AAED,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAIxC;IAEF,MAAM;CAgBP"}

package/components/MenuToggle/MenuToggleAction.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
+import { css } from '@patternfly/react-styles';
+export class MenuToggleAction 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.menuToggleButton, className), onClick: onClick, type: "button", disabled: isDisabled }, props), children));
+    }
+}
+MenuToggleAction.displayName = 'MenuToggleAction';
+MenuToggleAction.defaultProps = {
+    className: '',
+    isDisabled: false,
+    onClick: () => { }
+};
+//# sourceMappingURL=MenuToggleAction.js.map

package/components/MenuToggle/MenuToggleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleAction.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAe/C,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAQ1E,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,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,IAChB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC;;AAtBM,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAA0B;IAC3C,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC"}

package/components/MenuToggle/MenuToggleCheckbox.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+import { OUIAProps } from '../../helpers';
+export interface MenuToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'checked'>, OUIAProps {
+    /** Additional classes added to the MenuToggleCheckbox */
+    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 when it is controlled by React state.
+     * To make the checkbox uncontrolled instead use the defaultChecked prop, but do not use both.
+     */
+    isChecked?: boolean | null;
+    /** Flag to set the default checked value of the checkbox when it is uncontrolled by React state.
+     * To make the checkbox controlled instead use the isChecked prop, but do not use both.
+     */
+    defaultChecked?: 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;
+    /** 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 MenuToggleCheckbox extends React.Component<MenuToggleCheckboxProps, {
+    ouiaStateId: string;
+}> {
+    static displayName: string;
+    static defaultProps: PickOptional<MenuToggleCheckboxProps>;
+    constructor(props: MenuToggleCheckboxProps);
+    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    calculateChecked: () => boolean;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=MenuToggleCheckbox.d.ts.map

package/components/MenuToggle/MenuToggleCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.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;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,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,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACvG,MAAM,CAAC,WAAW,SAAwB;IAC1C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAIxD;gBAEU,KAAK,EAAE,uBAAuB;IAO1C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0CP"}

package/components/MenuToggle/MenuToggleCheckbox.js

@@ -0,0 +1,43 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Check/check';
+import { css } from '@patternfly/react-styles';
+import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+export class MenuToggleCheckbox extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleChange = (event) => {
+            this.props.onChange(event.target.checked, event);
+        };
+        this.calculateChecked = () => {
+            const { isChecked, defaultChecked } = 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 defaultChecked;
+        };
+        this.state = {
+            ouiaStateId: getDefaultOUIAId(MenuToggleCheckbox.displayName)
+        };
+    }
+    render() {
+        const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onChange, defaultChecked, id } = _a, props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "defaultChecked", "id"]);
+        const text = children && (React.createElement("span", { className: css(styles.checkLabel, className), "aria-hidden": "true", id: id }, children));
+        return (React.createElement("label", { className: css(styles.check, !children && styles.modifiers.standalone, className), htmlFor: id },
+            React.createElement("input", Object.assign({ className: css(styles.checkInput) }, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { name: id, type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), getOUIAProps(MenuToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props)),
+            text));
+    }
+}
+MenuToggleCheckbox.displayName = 'MenuToggleCheckbox';
+MenuToggleCheckbox.defaultProps = {
+    isValid: true,
+    isDisabled: false,
+    onChange: () => undefined
+};
+//# sourceMappingURL=MenuToggleCheckbox.js.map