@patternfly/react-core 4.267.8 → 4.267.10

package/components/Select/SelectOption.js

@@ -0,0 +1,196 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Select/select';
+import checkStyles from '@patternfly/react-styles/css/components/Check/check';
+import { css } from '@patternfly/react-styles';
+import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import { SelectConsumer, SelectVariant } from './selectConstants';
+import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
+import { getUniqueId } from '../../helpers/util';
+import { KeyTypes } from '../../helpers/constants';
+export class SelectOption extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.ref = React.createRef();
+        this.liRef = React.createRef();
+        this.favoriteRef = React.createRef();
+        this.onKeyDown = (event, innerIndex, onEnter, isCheckbox) => {
+            const { index, keyHandler, isLastOptionBeforeFooter } = this.props;
+            let isLastItemBeforeFooter = false;
+            if (isLastOptionBeforeFooter !== undefined) {
+                isLastItemBeforeFooter = isLastOptionBeforeFooter(index);
+            }
+            if (event.key === KeyTypes.Tab) {
+                // More modal-like experience for checkboxes
+                if (isCheckbox && !isLastItemBeforeFooter) {
+                    if (event.shiftKey) {
+                        keyHandler(index, innerIndex, 'up');
+                    }
+                    else {
+                        keyHandler(index, innerIndex, 'down');
+                    }
+                    event.stopPropagation();
+                }
+                else {
+                    if (event.shiftKey) {
+                        keyHandler(index, innerIndex, 'up');
+                    }
+                    else {
+                        keyHandler(index, innerIndex, 'tab');
+                    }
+                }
+            }
+            event.preventDefault();
+            if (event.key === KeyTypes.ArrowUp) {
+                keyHandler(index, innerIndex, 'up');
+            }
+            else if (event.key === KeyTypes.ArrowDown) {
+                keyHandler(index, innerIndex, 'down');
+            }
+            else if (event.key === KeyTypes.ArrowLeft) {
+                keyHandler(index, innerIndex, 'left');
+            }
+            else if (event.key === KeyTypes.ArrowRight) {
+                keyHandler(index, innerIndex, 'right');
+            }
+            else if (event.key === KeyTypes.Enter) {
+                if (onEnter !== undefined) {
+                    onEnter();
+                }
+                else {
+                    this.ref.current.click();
+                }
+            }
+        };
+    }
+    componentDidMount() {
+        this.props.sendRef(this.props.isDisabled ? null : this.ref.current, this.props.isDisabled ? null : this.favoriteRef.current, this.props.isDisabled ? null : this.liRef.current, this.props.index);
+    }
+    componentDidUpdate() {
+        this.props.sendRef(this.props.isDisabled ? null : this.ref.current, this.props.isDisabled ? null : this.favoriteRef.current, this.props.isDisabled ? null : this.liRef.current, this.props.index);
+    }
+    render() {
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        const _a = this.props, { children, className, id, description, itemCount, value, onClick, isDisabled, isPlaceholder, isNoResultsOption, isSelected, isChecked, isFocused, sendRef, keyHandler, index, component, inputId, isFavorite, ariaIsFavoriteLabel = 'starred', ariaIsNotFavoriteLabel = 'not starred', isLoad, isLoading, setViewMoreNextIndex, 
+        // eslint-disable-next-line no-console
+        isLastOptionBeforeFooter, isGrouped = false } = _a, props = __rest(_a, ["children", "className", "id", "description", "itemCount", "value", "onClick", "isDisabled", "isPlaceholder", "isNoResultsOption", "isSelected", "isChecked", "isFocused", "sendRef", "keyHandler", "index", "component", "inputId", "isFavorite", "ariaIsFavoriteLabel", "ariaIsNotFavoriteLabel", "isLoad", "isLoading", "setViewMoreNextIndex", "isLastOptionBeforeFooter", "isGrouped"]);
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        const Component = component;
+        if (!id && isFavorite !== null) {
+            // eslint-disable-next-line no-console
+            console.error('Please provide an id to use the favorites feature.');
+        }
+        const generatedId = id || getUniqueId('select-option');
+        const favoriteButton = (onFavorite) => (React.createElement("button", { className: css(styles.selectMenuItem, styles.modifiers.action, styles.modifiers.favoriteAction), "aria-label": isFavorite ? ariaIsFavoriteLabel : ariaIsNotFavoriteLabel, onClick: () => {
+                onFavorite(generatedId.replace('favorite-', ''), isFavorite);
+            }, onKeyDown: event => {
+                this.onKeyDown(event, 1, () => onFavorite(generatedId.replace('favorite-', ''), isFavorite));
+            }, ref: this.favoriteRef },
+            React.createElement("span", { className: css(styles.selectMenuItemActionIcon) },
+                React.createElement(StarIcon, null))));
+        const itemDisplay = itemCount ? (React.createElement("span", { className: css(styles.selectMenuItemRow) },
+            React.createElement("span", { className: css(styles.selectMenuItemText) }, children || (value && value.toString && value.toString())),
+            React.createElement("span", { className: css(styles.selectMenuItemCount) }, itemCount))) : (children || value.toString());
+        const onViewMoreClick = (event) => {
+            // Set the index for the next item to focus after view more clicked, then call view more callback
+            setViewMoreNextIndex();
+            onClick(event);
+        };
+        const renderOption = (onSelect, onClose, variant, inputIdPrefix, onFavorite, shouldResetOnSelect) => {
+            if (variant !== SelectVariant.checkbox && isLoading && isGrouped) {
+                return (React.createElement("div", { role: "presentation", className: css(styles.selectListItem, isLoading && styles.modifiers.loading, className) }, children));
+            }
+            else if (variant !== SelectVariant.checkbox && isLoad && isGrouped) {
+                return (React.createElement("div", null,
+                    React.createElement("button", Object.assign({}, props, { role: "presentation", className: css(styles.selectMenuItem, styles.modifiers.load, className), onClick: (event) => {
+                            onViewMoreClick(event);
+                            event.stopPropagation();
+                        }, ref: this.ref, type: "button" }), children || value.toString())));
+            }
+            else if (variant !== SelectVariant.checkbox) {
+                return (React.createElement("li", { id: generatedId, role: "presentation", className: css(isLoading && styles.selectListItem, !isLoading && styles.selectMenuWrapper, isFavorite && styles.modifiers.favorite, isFocused && styles.modifiers.focus, isLoading && styles.modifiers.loading), ref: this.liRef },
+                    isLoading && children,
+                    isLoad && !isGrouped && (React.createElement("button", Object.assign({}, props, { className: css(styles.selectMenuItem, styles.modifiers.load, className), onClick: (event) => {
+                            onViewMoreClick(event);
+                            event.stopPropagation();
+                        }, ref: this.ref, onKeyDown: (event) => {
+                            this.onKeyDown(event, 0);
+                        }, type: "button" }), itemDisplay)),
+                    !isLoading && !isLoad && (React.createElement(React.Fragment, null,
+                        React.createElement(Component, Object.assign({}, props, { className: css(styles.selectMenuItem, isLoad && styles.modifiers.load, isSelected && styles.modifiers.selected, isDisabled && styles.modifiers.disabled, description && styles.modifiers.description, isFavorite !== null && styles.modifiers.link, className), onClick: (event) => {
+                                if (!isDisabled) {
+                                    onClick(event);
+                                    onSelect(event, value, isPlaceholder);
+                                    shouldResetOnSelect && onClose();
+                                }
+                            }, role: "option", "aria-selected": isSelected || null, ref: this.ref, onKeyDown: (event) => {
+                                this.onKeyDown(event, 0);
+                            }, type: "button" }),
+                            description && (React.createElement(React.Fragment, null,
+                                React.createElement("span", { className: css(styles.selectMenuItemMain) },
+                                    itemDisplay,
+                                    isSelected && (React.createElement("span", { className: css(styles.selectMenuItemIcon) },
+                                        React.createElement(CheckIcon, { "aria-hidden": true })))),
+                                React.createElement("span", { className: css(styles.selectMenuItemDescription) }, description))),
+                            !description && (React.createElement(React.Fragment, null,
+                                itemDisplay,
+                                isSelected && (React.createElement("span", { className: css(styles.selectMenuItemIcon) },
+                                    React.createElement(CheckIcon, { "aria-hidden": true })))))),
+                        isFavorite !== null && id && favoriteButton(onFavorite)))));
+            }
+            else if (variant === SelectVariant.checkbox && isLoad) {
+                return (React.createElement("button", { className: css(styles.selectMenuItem, styles.modifiers.load, isFocused && styles.modifiers.focus, className), onKeyDown: (event) => {
+                        this.onKeyDown(event, 0, undefined, true);
+                    }, onClick: (event) => {
+                        onViewMoreClick(event);
+                        event.stopPropagation();
+                    }, ref: this.ref }, children || (value && value.toString && value.toString())));
+            }
+            else if (variant === SelectVariant.checkbox && isLoading) {
+                return (React.createElement("div", { className: css(styles.selectListItem, isLoading && styles.modifiers.loading, className) }, children));
+            }
+            else if (variant === SelectVariant.checkbox && !isNoResultsOption && !isLoading && !isLoad) {
+                return (React.createElement("label", Object.assign({}, props, { className: css(checkStyles.check, styles.selectMenuItem, isDisabled && styles.modifiers.disabled, description && styles.modifiers.description, className), onKeyDown: (event) => {
+                        this.onKeyDown(event, 0, undefined, true);
+                    } }),
+                    React.createElement("input", { id: inputId || `${inputIdPrefix}-${value.toString()}`, className: css(checkStyles.checkInput), type: "checkbox", onChange: event => {
+                            if (!isDisabled) {
+                                onClick(event);
+                                onSelect(event, value);
+                            }
+                        }, ref: this.ref, checked: isChecked || false, disabled: isDisabled }),
+                    React.createElement("span", { className: css(checkStyles.checkLabel, isDisabled && styles.modifiers.disabled) }, itemDisplay),
+                    description && React.createElement("div", { className: css(checkStyles.checkDescription) }, description)));
+            }
+            else if (variant === SelectVariant.checkbox && isNoResultsOption && !isLoading && !isLoad) {
+                return (React.createElement("div", null,
+                    React.createElement(Component, Object.assign({}, props, { className: css(styles.selectMenuItem, isSelected && styles.modifiers.selected, isDisabled && styles.modifiers.disabled, className), role: "option", "aria-selected": isSelected || null, ref: this.ref, onKeyDown: (event) => {
+                            this.onKeyDown(event, 0, undefined, true);
+                        }, type: "button" }), itemDisplay)));
+            }
+        };
+        return (React.createElement(SelectConsumer, null, ({ onSelect, onClose, variant, inputIdPrefix, onFavorite, shouldResetOnSelect }) => (React.createElement(React.Fragment, null, renderOption(onSelect, onClose, variant, inputIdPrefix, onFavorite, shouldResetOnSelect)))));
+    }
+}
+SelectOption.displayName = 'SelectOption';
+SelectOption.defaultProps = {
+    className: '',
+    value: '',
+    index: 0,
+    isDisabled: false,
+    isPlaceholder: false,
+    isSelected: false,
+    isChecked: false,
+    isNoResultsOption: false,
+    component: 'button',
+    onClick: () => { },
+    sendRef: () => { },
+    keyHandler: () => { },
+    inputId: '',
+    isFavorite: null,
+    isLoad: false,
+    isLoading: false,
+    setViewMoreNextIndex: () => { },
+    isLastOptionBeforeFooter: () => false
+};
+//# sourceMappingURL=SelectOption.js.map

package/components/Select/SelectOption.js.map

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

package/components/Select/SelectToggle.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+export interface SelectToggleProps extends React.HTMLProps<HTMLElement> {
+    /** HTML ID of dropdown toggle */
+    id: string;
+    /** Anything which can be rendered as dropdown toggle */
+    children: React.ReactNode;
+    /** Classes applied to root element of dropdown toggle */
+    className?: string;
+    /** Flag to indicate if select is open */
+    isOpen?: boolean;
+    /** Callback called when toggle is clicked */
+    onToggle?: (isExpanded: boolean, event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event) => void;
+    /** Callback for toggle open on keyboard entry */
+    onEnter?: () => void;
+    /** Callback for toggle close */
+    onClose?: () => void;
+    /** Callback for toggle blur */
+    onBlur?: (event?: any) => void;
+    /** @hide Internal callback for toggle keyboard navigation */
+    handleTypeaheadKeys?: (position: string, shiftKey?: boolean) => void;
+    /** @hide Internal callback to move focus to last menu item */
+    moveFocusToLastMenuItem?: () => void;
+    /** Element which wraps toggle */
+    parentRef: React.RefObject<HTMLDivElement>;
+    /** Custom icon for the dropdown replacing the CaretDownIcon */
+    toggleIndicator?: React.ReactElement;
+    /** The menu element */
+    menuRef?: React.RefObject<HTMLElement>;
+    /** The menu footer element */
+    footerRef?: React.RefObject<HTMLDivElement>;
+    /** Forces active state */
+    isActive?: boolean;
+    /** Display the toggle with no border or background */
+    isPlain?: boolean;
+    /** Flag indicating if select is disabled */
+    isDisabled?: boolean;
+    /** Flag indicating if placeholder styles should be applied */
+    hasPlaceholderStyle?: boolean;
+    /** Type of the toggle button, defaults to 'button' */
+    type?: 'reset' | 'button' | 'submit' | undefined;
+    /** Id of label for the Select aria-labelledby */
+    'aria-labelledby'?: string;
+    /** Label for toggle of select variants */
+    'aria-label'?: string;
+    /** Flag for variant, determines toggle rules and interaction */
+    variant?: 'single' | 'checkbox' | 'typeahead' | 'typeaheadmulti';
+    /** Flag indicating if select toggle has an clear button */
+    hasClearButton?: boolean;
+    /** Flag indicating if select menu has a footer */
+    hasFooter?: boolean;
+    /** @hide Internal callback for handling focus when typeahead toggle button clicked. */
+    onClickTypeaheadToggleButton?: () => void;
+}
+export declare class SelectToggle extends React.Component<SelectToggleProps> {
+    static displayName: string;
+    private toggle;
+    static defaultProps: PickOptional<SelectToggleProps>;
+    constructor(props: SelectToggleProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onDocClick: (event: Event) => void;
+    handleGlobalKeys: (event: KeyboardEvent) => void;
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=SelectToggle.d.ts.map

package/components/Select/SelectToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACrE,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IACpH,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,8DAA8D;IAC9D,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,iCAAiC;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACrC,uBAAuB;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACjE,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3C;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAClE,MAAM,CAAC,WAAW,SAAkB;IACpC,OAAO,CAAC,MAAM,CAAuE;IAErF,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAiBlD;gBAEU,KAAK,EAAE,iBAAiB;IAOpC,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,UAAW,KAAK,UAYxB;IAEF,gBAAgB,UAAW,aAAa,UAmFtC;IAEF,SAAS,UAAW,mBAAmB,UAiCrC;IAEF,MAAM;CA6HP"}

package/components/Select/SelectToggle.js

@@ -0,0 +1,202 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Select/select';
+import buttonStyles from '@patternfly/react-styles/css/components/Button/button';
+import { css } from '@patternfly/react-styles';
+import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
+import { SelectVariant, SelectFooterTabbableItems } from './selectConstants';
+import { findTabbableElements } from '../../helpers/util';
+import { KeyTypes } from '../../helpers/constants';
+export class SelectToggle extends React.Component {
+    constructor(props) {
+        super(props);
+        this.onDocClick = (event) => {
+            const { parentRef, menuRef, footerRef, isOpen, onToggle, onClose } = this.props;
+            const clickedOnToggle = parentRef && parentRef.current && parentRef.current.contains(event.target);
+            const clickedWithinMenu = menuRef && menuRef.current && menuRef.current.contains && menuRef.current.contains(event.target);
+            const clickedWithinFooter = footerRef && footerRef.current && footerRef.current.contains && footerRef.current.contains(event.target);
+            if (isOpen && !(clickedOnToggle || clickedWithinMenu || clickedWithinFooter)) {
+                onToggle(false, event);
+                onClose();
+            }
+        };
+        this.handleGlobalKeys = (event) => {
+            const { parentRef, menuRef, hasFooter, footerRef, isOpen, variant, onToggle, onClose, moveFocusToLastMenuItem } = this.props;
+            const escFromToggle = parentRef && parentRef.current && parentRef.current.contains(event.target);
+            const escFromWithinMenu = menuRef && menuRef.current && menuRef.current.contains && menuRef.current.contains(event.target);
+            if (isOpen &&
+                event.key === KeyTypes.Tab &&
+                (variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti)) {
+                this.props.handleTypeaheadKeys('tab', event.shiftKey);
+                event.preventDefault();
+                return;
+            }
+            if (isOpen && event.key === KeyTypes.Tab && hasFooter) {
+                const tabbableItems = findTabbableElements(footerRef, SelectFooterTabbableItems);
+                // If no tabbable item in footer close select
+                if (tabbableItems.length <= 0) {
+                    onToggle(false, event);
+                    onClose();
+                    this.toggle.current.focus();
+                    return;
+                }
+                else {
+                    // if current element is not in footer, tab to first tabbable element in footer, or close if shift clicked
+                    const currentElementIndex = tabbableItems.findIndex((item) => item === document.activeElement);
+                    if (currentElementIndex === -1) {
+                        if (event.shiftKey) {
+                            if (variant !== 'checkbox') {
+                                // only close non checkbox variation on shift clicked
+                                onToggle(false, event);
+                                onClose();
+                                this.toggle.current.focus();
+                            }
+                        }
+                        else {
+                            // tab to footer
+                            tabbableItems[0].focus();
+                            return;
+                        }
+                    }
+                    // Current element is in footer.
+                    if (event.shiftKey) {
+                        // Move focus back to menu if current tab index is 0
+                        if (currentElementIndex === 0) {
+                            moveFocusToLastMenuItem();
+                            event.preventDefault();
+                        }
+                        return;
+                    }
+                    // Tab to next element in footer or close if there are none
+                    if (currentElementIndex + 1 < tabbableItems.length) {
+                        tabbableItems[currentElementIndex + 1].focus();
+                    }
+                    else {
+                        // no more footer items close menu
+                        onToggle(false, event);
+                        onClose();
+                        this.toggle.current.focus();
+                    }
+                    event.preventDefault();
+                    return;
+                }
+            }
+            if (isOpen &&
+                (event.key === KeyTypes.Escape || event.key === KeyTypes.Tab) &&
+                (escFromToggle || escFromWithinMenu)) {
+                onToggle(false, event);
+                onClose();
+                this.toggle.current.focus();
+            }
+        };
+        this.onKeyDown = (event) => {
+            const { isOpen, onToggle, variant, onClose, onEnter, handleTypeaheadKeys } = this.props;
+            if (variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti) {
+                if (event.key === KeyTypes.ArrowDown || event.key === KeyTypes.ArrowUp) {
+                    handleTypeaheadKeys((event.key === KeyTypes.ArrowDown && 'down') || (event.key === KeyTypes.ArrowUp && 'up'));
+                    event.preventDefault();
+                }
+                else if (event.key === KeyTypes.Enter) {
+                    if (isOpen) {
+                        handleTypeaheadKeys('enter');
+                    }
+                    else {
+                        onToggle(!isOpen, event);
+                    }
+                }
+            }
+            if (variant === SelectVariant.typeahead ||
+                variant === SelectVariant.typeaheadMulti ||
+                (event.key === KeyTypes.Tab && !isOpen) ||
+                (event.key !== KeyTypes.Enter && event.key !== KeyTypes.Space)) {
+                return;
+            }
+            event.preventDefault();
+            if ((event.key === KeyTypes.Tab || event.key === KeyTypes.Enter || event.key === KeyTypes.Space) && isOpen) {
+                onToggle(!isOpen, event);
+                onClose();
+                this.toggle.current.focus();
+            }
+            else if ((event.key === KeyTypes.Enter || event.key === KeyTypes.Space) && !isOpen) {
+                onToggle(!isOpen, event);
+                onEnter();
+            }
+        };
+        const { variant } = props;
+        const isTypeahead = variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti;
+        this.toggle = isTypeahead ? React.createRef() : React.createRef();
+    }
+    componentDidMount() {
+        document.addEventListener('click', this.onDocClick, { capture: true });
+        document.addEventListener('touchstart', this.onDocClick);
+        document.addEventListener('keydown', this.handleGlobalKeys);
+    }
+    componentWillUnmount() {
+        document.removeEventListener('click', this.onDocClick);
+        document.removeEventListener('touchstart', this.onDocClick);
+        document.removeEventListener('keydown', this.handleGlobalKeys);
+    }
+    render() {
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        const _a = this.props, { className, children, isOpen, isActive, isPlain, isDisabled, hasPlaceholderStyle, variant, onToggle, onEnter, onClose, onBlur, onClickTypeaheadToggleButton, handleTypeaheadKeys, moveFocusToLastMenuItem, parentRef, menuRef, id, type, hasClearButton, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, hasFooter, footerRef, toggleIndicator } = _a, props = __rest(_a, ["className", "children", "isOpen", "isActive", "isPlain", "isDisabled", "hasPlaceholderStyle", "variant", "onToggle", "onEnter", "onClose", "onBlur", "onClickTypeaheadToggleButton", "handleTypeaheadKeys", "moveFocusToLastMenuItem", "parentRef", "menuRef", "id", "type", "hasClearButton", 'aria-labelledby', 'aria-label', "hasFooter", "footerRef", "toggleIndicator"]);
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        const isTypeahead = variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti || hasClearButton;
+        const toggleProps = {
+            id,
+            'aria-labelledby': ariaLabelledBy,
+            'aria-expanded': isOpen,
+            'aria-haspopup': (variant !== SelectVariant.checkbox && 'listbox') || null
+        };
+        return (React.createElement(React.Fragment, null,
+            !isTypeahead && (React.createElement("button", Object.assign({}, props, toggleProps, { ref: this.toggle, type: type, className: css(styles.selectToggle, hasPlaceholderStyle && styles.modifiers.placeholder, isDisabled && styles.modifiers.disabled, isPlain && styles.modifiers.plain, isActive && styles.modifiers.active, className), "aria-label": ariaLabel, onBlur: onBlur, 
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                onClick: event => {
+                    onToggle(!isOpen, event);
+                    if (isOpen) {
+                        onClose();
+                    }
+                }, onKeyDown: this.onKeyDown, disabled: isDisabled }),
+                children,
+                React.createElement("span", { className: css(styles.selectToggleArrow) }, toggleIndicator !== null && toggleIndicator !== void 0 ? toggleIndicator : React.createElement(CaretDownIcon, null)))),
+            isTypeahead && (React.createElement("div", Object.assign({}, props, { ref: this.toggle, className: css(styles.selectToggle, hasPlaceholderStyle && styles.modifiers.placeholder, isDisabled && styles.modifiers.disabled, isPlain && styles.modifiers.plain, isTypeahead && styles.modifiers.typeahead, className), onBlur: onBlur, 
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                onClick: event => {
+                    if (!isDisabled) {
+                        onToggle(!isOpen, event);
+                        if (isOpen) {
+                            onClose();
+                        }
+                    }
+                }, onKeyDown: this.onKeyDown }),
+                children,
+                React.createElement("button", Object.assign({}, toggleProps, { type: type, className: css(buttonStyles.button, styles.selectToggleButton, styles.modifiers.plain), "aria-label": ariaLabel, onClick: event => {
+                        onToggle(!isOpen, event);
+                        if (isOpen) {
+                            onClose();
+                        }
+                        onClickTypeaheadToggleButton();
+                    } }, ((variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti) && {
+                    tabIndex: -1
+                }), { disabled: isDisabled }), toggleIndicator !== null && toggleIndicator !== void 0 ? toggleIndicator : React.createElement(CaretDownIcon, { className: css(styles.selectToggleArrow) }))))));
+    }
+}
+SelectToggle.displayName = 'SelectToggle';
+SelectToggle.defaultProps = {
+    className: '',
+    isOpen: false,
+    isActive: false,
+    isPlain: false,
+    isDisabled: false,
+    hasPlaceholderStyle: false,
+    hasClearButton: false,
+    hasFooter: false,
+    variant: 'single',
+    'aria-labelledby': '',
+    'aria-label': '',
+    type: 'button',
+    onToggle: () => { },
+    onEnter: () => { },
+    onClose: () => { },
+    onClickTypeaheadToggleButton: () => { }
+};
+//# sourceMappingURL=SelectToggle.js.map

package/components/Select/SelectToggle.js.map

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

package/components/Select/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Select';
+export * from './SelectGroup';
+export * from './SelectOption';
+export * from './selectConstants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

package/components/Select/index.js

@@ -0,0 +1,5 @@
+export * from './Select';
+export * from './SelectGroup';
+export * from './SelectOption';
+export * from './selectConstants';
+//# sourceMappingURL=index.js.map

package/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

package/components/Select/selectConstants.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SelectOptionObject } from './SelectOption';
+export interface SelectContextInterface {
+    onSelect: (event: React.MouseEvent<any, MouseEvent> | React.ChangeEvent<HTMLInputElement>, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
+    onClose: () => void;
+    onFavorite: (itemId: string, isFavorite: boolean) => void;
+    variant: string;
+    inputIdPrefix: string;
+    shouldResetOnSelect: boolean;
+}
+export declare const SelectContext: React.Context<SelectContextInterface>;
+export declare const SelectProvider: React.Provider<SelectContextInterface>;
+export declare const SelectConsumer: React.Consumer<SelectContextInterface>;
+export declare enum SelectVariant {
+    single = "single",
+    checkbox = "checkbox",
+    typeahead = "typeahead",
+    typeaheadMulti = "typeaheadmulti"
+}
+export declare enum SelectPosition {
+    right = "right",
+    left = "left"
+}
+export declare enum SelectDirection {
+    up = "up",
+    down = "down"
+}
+export declare const SelectFooterTabbableItems = "input, button, select, textarea, a[href]";
+//# sourceMappingURL=selectConstants.d.ts.map

package/components/Select/selectConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectConstants.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/selectConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC9E,KAAK,EAAE,MAAM,GAAG,kBAAkB,EAClC,aAAa,CAAC,EAAE,OAAO,KACpB,IAAI,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,uCAA2D,CAAC;AAEtF,eAAO,MAAM,cAAc,wCAAyB,CAAC;AACrD,eAAO,MAAM,cAAc,wCAAyB,CAAC;AAErD,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,cAAc,mBAAmB;CAClC;AAED,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,eAAe;IACzB,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,eAAO,MAAM,yBAAyB,6CAA6C,CAAC"}

package/components/Select/selectConstants.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export const SelectContext = React.createContext(null);
+export const SelectProvider = SelectContext.Provider;
+export const SelectConsumer = SelectContext.Consumer;
+export var SelectVariant;
+(function (SelectVariant) {
+    SelectVariant["single"] = "single";
+    SelectVariant["checkbox"] = "checkbox";
+    SelectVariant["typeahead"] = "typeahead";
+    SelectVariant["typeaheadMulti"] = "typeaheadmulti";
+})(SelectVariant || (SelectVariant = {}));
+export var SelectPosition;
+(function (SelectPosition) {
+    SelectPosition["right"] = "right";
+    SelectPosition["left"] = "left";
+})(SelectPosition || (SelectPosition = {}));
+export var SelectDirection;
+(function (SelectDirection) {
+    SelectDirection["up"] = "up";
+    SelectDirection["down"] = "down";
+})(SelectDirection || (SelectDirection = {}));
+export const SelectFooterTabbableItems = 'input, button, select, textarea, a[href]';
+//# sourceMappingURL=selectConstants.js.map

package/components/Select/selectConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectConstants.js","sourceRoot":"","sources":["../../../../src/components/Select/selectConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAC;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAC;AAErD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,sCAAqB,CAAA;IACrB,wCAAuB,CAAA;IACvB,kDAAiC,CAAA;AACnC,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,4BAAS,CAAA;IACT,gCAAa,CAAA;AACf,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,0CAA0C,CAAC"}

package/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
+    children?: React.ReactNode;
+    /** Indicates the direction of the layout. Default orientation is stack on small screens, and split on medium screens and above. */
+    orientation?: 'stack' | 'split';
+    /** Indicates that the panel is displayed to the right of the content when the oritentation is split. */
+    isPanelRight?: boolean;
+    /** Adds space between the panel and content. */
+    hasGutter?: boolean;
+    /** Removes the background color. */
+    hasNoBackground?: boolean;
+}
+export declare const Sidebar: React.FunctionComponent<SidebarProps>;
+//# sourceMappingURL=Sidebar.d.ts.map

package/components/Sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mIAAmI;IACnI,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAsBzD,CAAC"}