@patternfly/react-core 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/js/components/SearchInput/SearchInput.js

@@ -17,13 +17,15 @@ const TextInputGroup_1 = require("../TextInputGroup");
 const InputGroup_1 = require("../InputGroup");
 const helpers_1 = require("../../helpers");
 const SearchInputBase = (_a) => {
-    var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, type = 'text' } = _a, props = tslib_1.__rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "type"]);
+    var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, type = 'text', name } = _a, props = tslib_1.__rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "type", "name"]);
     const [isSearchMenuOpen, setIsSearchMenuOpen] = React.useState(false);
     const [searchValue, setSearchValue] = React.useState(value);
     const searchInputRef = React.useRef(null);
     const ref = React.useRef(null);
     const searchInputInputRef = innerRef || ref;
     const searchInputExpandableToggleRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const popperRef = React.useRef(null);
     const [focusAfterExpandChange, setFocusAfterExpandChange] = React.useState(false);
     const { isExpanded, onToggleExpand, toggleAriaLabel } = expandableInput || {};
     React.useEffect(() => {
@@ -53,9 +55,9 @@ const SearchInputBase = (_a) => {
     React.useEffect(() => {
         setIsSearchMenuOpen(isAdvancedSearchOpen);
     }, [isAdvancedSearchOpen]);
-    const onChangeHandler = (value, event) => {
+    const onChangeHandler = (event, value) => {
         if (onChange) {
-            onChange(value, event);
+            onChange(event, value);
         }
         setSearchValue(value);
     };
@@ -69,7 +71,7 @@ const SearchInputBase = (_a) => {
     const onSearchHandler = (event) => {
         event.preventDefault();
         if (onSearch) {
-            onSearch(value, event, getAttrValueMap());
+            onSearch(event, value, getAttrValueMap());
         }
         setIsSearchMenuOpen(false);
     };
@@ -124,14 +126,14 @@ const SearchInputBase = (_a) => {
     };
     const onExpandHandler = (event) => {
         setSearchValue('');
-        onToggleExpand(isExpanded, event);
+        onToggleExpand(event, isExpanded);
         setFocusAfterExpandChange(true);
     };
     const renderUtilities = value && (resultsCount || (!!onNextClick && !!onPreviousClick) || (!!onClear && !expandableInput));
     const buildTextInputGroup = (_a = {}) => {
         var searchInputProps = tslib_1.__rest(_a, []);
         return (React.createElement(TextInputGroup_1.TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
-            React.createElement(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: React.createElement(search_icon_1.default, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, type: type }),
+            React.createElement(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: React.createElement(search_icon_1.default, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, type: type, name: name }),
             renderUtilities && (React.createElement(TextInputGroup_1.TextInputGroupUtilities, null,
                 resultsCount && React.createElement(Badge_1.Badge, { isRead: true }, resultsCount),
                 !!onNextClick && !!onPreviousClick && (React.createElement("div", { className: "pf-c-text-input-group__group" },
@@ -158,7 +160,7 @@ const SearchInputBase = (_a) => {
     };
     const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
         var searchInputProps = tslib_1.__rest(_a, []);
-        return (React.createElement(InputGroup_1.InputGroup, Object.assign({}, searchInputProps),
+        return (React.createElement(InputGroup_1.InputGroup, Object.assign({ ref: triggerRef }, searchInputProps),
             buildTextInputGroup(),
             (attributes.length > 0 || onToggleAdvancedSearch) && (React.createElement(Button_1.Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: Button_1.ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen },
                 React.createElement(caret_down_icon_1.default, null))),
@@ -166,17 +168,17 @@ const SearchInputBase = (_a) => {
                 React.createElement(arrow_right_icon_1.default, null))),
             expandableInput && expandableToggle));
     };
-    const searchInputProps = Object.assign(Object.assign({}, props), { className: className && react_styles_1.css(className), innerRef: searchInputRef });
+    const searchInputProps = Object.assign(Object.assign({}, props), { className: className && (0, react_styles_1.css)(className), innerRef: searchInputRef });
     if (!!expandableInput && !isExpanded) {
         return React.createElement(InputGroup_1.InputGroup, Object.assign({}, searchInputProps), expandableToggle);
     }
     if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
         if (attributes.length > 0) {
-            const AdvancedSearch = (React.createElement("div", null,
+            const AdvancedSearch = (React.createElement("div", { ref: popperRef },
                 React.createElement(AdvancedSearchMenu_1.AdvancedSearchMenu, { value: value, parentRef: searchInputRef, parentInputRef: searchInputInputRef, onSearch: onSearch, onClear: onClear, onChange: onChange, onToggleAdvancedMenu: onToggle, resetButtonLabel: resetButtonLabel, submitSearchButtonLabel: submitSearchButtonLabel, attributes: attributes, formAdditionalItems: formAdditionalItems, hasWordsAttrLabel: hasWordsAttrLabel, advancedSearchDelimiter: advancedSearchDelimiter, getAttrValueMap: getAttrValueMap, isSearchMenuOpen: isSearchMenuOpen })));
-            const AdvancedSearchWithPopper = (React.createElement("div", Object.assign({ className: react_styles_1.css(className), ref: searchInputRef }, props),
-                React.createElement(helpers_1.Popper, { trigger: buildSearchTextInputGroupWithExtraButtons(), popper: AdvancedSearch, isVisible: isSearchMenuOpen, enableFlip: true, appendTo: () => appendTo || searchInputRef.current, zIndex: zIndex })));
-            const AdvancedSearchInline = (React.createElement("div", Object.assign({ className: react_styles_1.css(className), ref: searchInputRef }, props),
+            const AdvancedSearchWithPopper = (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(className), ref: searchInputRef }, props),
+                React.createElement(helpers_1.Popper, { trigger: buildSearchTextInputGroupWithExtraButtons(), triggerRef: triggerRef, popper: AdvancedSearch, popperRef: popperRef, isVisible: isSearchMenuOpen, enableFlip: true, appendTo: () => appendTo || searchInputRef.current, zIndex: zIndex })));
+            const AdvancedSearchInline = (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(className), ref: searchInputRef }, props),
                 buildSearchTextInputGroupWithExtraButtons(),
                 AdvancedSearch));
             return appendTo !== 'inline' ? AdvancedSearchWithPopper : AdvancedSearchInline;

package/dist/js/components/SearchInput/SearchInput.js.map

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

package/dist/js/components/Select/Select.d.ts

@@ -32,7 +32,7 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onSe
     isCreateOptionOnTop?: boolean;
     /** Flag indicating if placeholder styles should be applied */
     hasPlaceholderStyle?: boolean;
-    /** @beta Flag indicating if the creatable option should set its value as a SelectOptionObject */
+    /** Flag indicating if the creatable option should set its value as a SelectOptionObject */
     isCreateSelectOptionObject?: boolean;
     /** Value to indicate if the select is modified to show that validation state.
      * If set to success, select will be modified to indicate valid state.
@@ -40,7 +40,7 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onSe
      * If set to warning, select will be modified to indicate warning state.
      */
     validated?: 'success' | 'warning' | 'error' | 'default';
-    /** @beta Loading variant to display either the spinner or the view more text button */
+    /** Loading variant to display either the spinner or the view more text button */
     loadingVariant?: 'spinner' | SelectViewMoreObject;
     /** Text displayed in typeahead select to prompt the user to create an item */
     createText?: string;
@@ -54,6 +54,8 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onSe
     isCheckboxSelectionBadgeHidden?: boolean;
     /** Id for select toggle element */
     toggleId?: string;
+    /** Ref for the select toggle element */
+    toggleRef?: React.Ref<HTMLButtonElement> | React.Ref<HTMLDivElement>;
     /** Adds accessible text to Select */
     'aria-label'?: string;
     /** Id of label for the Select aria-labelledby */
@@ -81,7 +83,7 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onSe
     /** Callback for selection behavior */
     onSelect?: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
     /** Callback for toggle button behavior */
-    onToggle: (isExpanded: boolean, event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event) => void;
+    onToggle: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event, isExpanded: boolean) => void;
     /** Callback for toggle blur */
     onBlur?: (event?: any) => void;
     /** Callback for typeahead clear button */
@@ -120,7 +122,7 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onSe
     chipGroupComponent?: React.ReactNode;
     /** Flag for retaining keyboard-entered value in typeahead text field when focus leaves input away */
     isInputValuePersisted?: boolean;
-    /** @beta Flag for retaining filter results on blur from keyboard-entered typeahead text */
+    /** Flag for retaining filter results on blur from keyboard-entered typeahead text */
     isInputFilterPersisted?: boolean;
     /** Flag indicating the typeahead input value should reset upon selection */
     shouldResetOnSelect?: boolean;
@@ -173,7 +175,7 @@ export declare class Select extends React.Component<SelectProps & OUIAProps, Sel
     getTypeaheadActiveChild: (typeaheadCurrIndex: number) => HTMLElement;
     componentDidUpdate: (prevProps: SelectProps, prevState: SelectState) => void;
     onEnter: () => void;
-    onToggle: (isExpanded: boolean, e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event) => void;
+    onToggle: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event, isExpanded: boolean) => void;
     onClose: () => void;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     updateTypeAheadFilteredChildren: (typeaheadInputValue: string, e: React.ChangeEvent<HTMLInputElement> | null) => void;

package/dist/js/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAgB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,EAGL,cAAc,EAGf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,EAIL,SAAS,EAET,YAAY,EAEb,MAAM,eAAe,CAAC;AAWvB,MAAM,WAAW,oBAAoB;IACnC,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;CAChE;AACD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC,EACxF,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAChC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iGAAiG;IACjG,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,uFAAuF;IACvF,cAAc,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAClD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAC3E,6FAA6F;IAC7F,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8DAA8D;IAC9D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,EAC3C,KAAK,EAAE,MAAM,GAAG,kBAAkB,EAClC,aAAa,CAAC,EAAE,OAAO,KACpB,IAAI,CAAC;IACV,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IACnH,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;IAC9G,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,wFAAwF;IACxF,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACjE,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACrC,qKAAqK;IACrK,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yCAAyC;IACzC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;IAC1D,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,qGAAqG;IACrG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,2FAA2F;IAC3F,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,yBAAyB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,uBAAuB,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,SAAS,EAAE,WAAW,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAY;IAC9B,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,gBAAgB,CAAkC;IAC1D,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,4BAA4B,CAAqB;IACzD,OAAO,CAAC,SAAS,CAAqC;IAEtD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,WAAW,CAAC,CAoD5C;IAEF,KAAK,EAAE,WAAW,CAWhB;IAEF,uBAAuB,uBAAwB,MAAM,iBACuC;IAE5F,kBAAkB,cAAe,WAAW,aAAa,WAAW,UA4FlE;IAEF,OAAO,aAEL;IAEF,QAAQ,eAAgB,OAAO,KAAK,gBAAgB,GAAG,MAAM,WAAW,GAAG,mBAAmB,GAAG,KAAK,UAWpG;IAEF,OAAO,aAaL;IAEF,QAAQ,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAgBhD;IAEF,+BAA+B,wBAAyB,MAAM,KAAK,MAAM,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,UAyI3G;IAEF,OAAO,MAAO,gBAAgB,UAI5B;IAEF,cAAc,OAAQ,gBAAgB,UAMpC;IAEF,uBAAuB,CAAC,kBAAkB,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE;IA2EtF,OAAO,cACM,MAAM,SAAS,eACb,MAAM,SAAS,sBACR,MAAM,SAAS,SAC5B,MAAM,UAIb;IAEF,cAAc,UAAW,MAAM,cAAc,MAAM,YAAY,MAAM,UAOnE;IAEF,SAAS,cAAe,MAAM,uBAAsB,OAAO,UAyBzD;IAEF,yBAAyB,aAoBvB;IAEF,uBAAuB,aASrB;IAEF,mBAAmB,aAAc,MAAM,aAAY,OAAO,UAuKxD;IAEF,4BAA4B,aAI1B;IAEF,UAAU,UAAW,MAAM,GAAG,kBAAkB,SAAQ,MAAM,GAAG,MAAM,SAuBrE;IAEF,QAAQ,SAAU,MAAM,SAAS,YAU/B;IAEF,qBAAqB,wBASnB;IAEF,mBAAmB,aAEjB;IAEF,wBAAwB,UAAW,GAAG,aACwC;IAE9E,MAAM;CAsgBP"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/js/components/Select/Select.js

@@ -49,7 +49,7 @@ class Select extends React.Component {
             typeaheadStoredIndex: -1,
             creatableValue: '',
             tabbedIntoFavoritesMenu: false,
-            ouiaStateId: helpers_1.getDefaultOUIAId(Select.displayName, this.props.variant),
+            ouiaStateId: (0, helpers_1.getDefaultOUIAId)(Select.displayName, this.props.variant),
             viewMoreNextIndex: -1
         };
         this.getTypeaheadActiveChild = (typeaheadCurrIndex) => this.refCollection[typeaheadCurrIndex] ? this.refCollection[typeaheadCurrIndex][0] : null;
@@ -112,7 +112,7 @@ class Select extends React.Component {
                 const tempRenderableChildren = this.props.variant === 'typeahead' || this.props.variant === 'typeaheadmulti'
                     ? this.state.typeaheadFilteredChildren
                     : this.props.children;
-                const renderableFavorites = favorites_1.createRenderableFavorites(tempRenderableChildren, this.props.isGrouped, this.props.favorites);
+                const renderableFavorites = (0, favorites_1.createRenderableFavorites)(tempRenderableChildren, this.props.isGrouped, this.props.favorites);
                 const favoritesGroup = renderableFavorites.length
                     ? [
                         React.createElement(SelectGroup_1.SelectGroup, { key: "favorites", label: this.props.favoritesLabel }, renderableFavorites),
@@ -125,7 +125,7 @@ class Select extends React.Component {
         this.onEnter = () => {
             this.setState({ focusFirstOption: true });
         };
-        this.onToggle = (isExpanded, e) => {
+        this.onToggle = (e, isExpanded) => {
             const { isInputValuePersisted, onSelect, onToggle, hasInlineFilter } = this.props;
             if (!isExpanded && isInputValuePersisted && onSelect) {
                 onSelect(undefined, this.inputRef.current ? this.inputRef.current.value : '');
@@ -135,7 +135,7 @@ class Select extends React.Component {
                     focusFirstOption: true
                 });
             }
-            onToggle(isExpanded, e);
+            onToggle(e, isExpanded);
         };
         this.onClose = () => {
             const { isInputFilterPersisted } = this.props;
@@ -145,7 +145,7 @@ class Select extends React.Component {
         };
         this.onChange = (e) => {
             if (e.target.value.toString() !== '' && !this.props.isOpen) {
-                this.onToggle(true, e);
+                this.onToggle(e, true);
             }
             if (this.props.onTypeaheadInputChanged) {
                 this.props.onTypeaheadInputChanged(e.target.value.toString());
@@ -266,7 +266,7 @@ class Select extends React.Component {
         };
         this.onClick = (e) => {
             if (!this.props.isOpen) {
-                this.onToggle(true, e);
+                this.onToggle(e, true);
             }
         };
         this.clearSelection = (_e) => {
@@ -281,7 +281,7 @@ class Select extends React.Component {
             this.optionContainerRefCollection[index] = optionContainerRef;
         };
         this.handleMenuKeys = (index, innerIndex, position) => {
-            helpers_1.keyHandler(index, innerIndex, position, this.refCollection, this.refCollection);
+            (0, helpers_1.keyHandler)(index, innerIndex, position, this.refCollection, this.refCollection);
             if (this.props.variant === selectConstants_1.SelectVariant.typeahead || this.props.variant === selectConstants_1.SelectVariant.typeaheadMulti) {
                 if (position !== 'tab') {
                     this.handleTypeaheadKeys(position);
@@ -375,7 +375,7 @@ class Select extends React.Component {
                         if (this.inputRef.current === document.activeElement) {
                             // If shift is also clicked and there is a footer, tab to the last item in tabbable footer
                             if (this.props.footer && shiftKey) {
-                                const tabbableItems = util_1.findTabbableElements(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
+                                const tabbableItems = (0, util_1.findTabbableElements)(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
                                 if (tabbableItems.length > 0) {
                                     if (tabbableItems[tabbableItems.length - 1]) {
                                         tabbableItems[tabbableItems.length - 1].focus();
@@ -390,7 +390,7 @@ class Select extends React.Component {
                             // focus is on menu or footer
                             if (this.props.footer) {
                                 let tabbedIntoMenu = false;
-                                const tabbableItems = util_1.findTabbableElements(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
+                                const tabbableItems = (0, util_1.findTabbableElements)(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
                                 if (tabbableItems.length > 0) {
                                     // if current element is not in footer, tab to first tabbable element in footer,
                                     // if shift was clicked, tab to input since focus is on menu
@@ -446,17 +446,17 @@ class Select extends React.Component {
                     else {
                         // Close if there is no footer
                         if (!this.props.footer) {
-                            this.onToggle(false, null);
+                            this.onToggle(null, false);
                             this.onClose();
                         }
                         else {
                             // has footer
-                            const tabbableItems = util_1.findTabbableElements(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
+                            const tabbableItems = (0, util_1.findTabbableElements)(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
                             const currentElementIndex = tabbableItems.findIndex((item) => item === document.activeElement);
                             if (this.inputRef.current === document.activeElement) {
                                 if (shiftKey) {
                                     // close toggle if shift key and tab on input
-                                    this.onToggle(false, null);
+                                    this.onToggle(null, false);
                                     this.onClose();
                                 }
                                 else {
@@ -465,7 +465,7 @@ class Select extends React.Component {
                                         tabbableItems[0].focus();
                                     }
                                     else {
-                                        this.onToggle(false, null);
+                                        this.onToggle(null, false);
                                         this.onClose();
                                     }
                                 }
@@ -489,7 +489,7 @@ class Select extends React.Component {
                                     }
                                     else {
                                         // no next item, close toggle
-                                        this.onToggle(false, null);
+                                        this.onToggle(null, false);
                                         this.inputRef.current.focus();
                                         this.onClose();
                                     }
@@ -510,7 +510,7 @@ class Select extends React.Component {
                         nextIndex = this.refCollection.length - 1;
                     }
                     else if (position !== 'left' && position !== 'right') {
-                        nextIndex = helpers_1.getNextIndex(typeaheadCurrIndex, position, this.refCollection);
+                        nextIndex = (0, helpers_1.getNextIndex)(typeaheadCurrIndex, position, this.refCollection);
                     }
                     else {
                         nextIndex = typeaheadCurrIndex;
@@ -649,7 +649,7 @@ class Select extends React.Component {
         });
     }
     render() {
-        const _a = this.props, { children, chipGroupProps, chipGroupComponent, className, customContent, variant, direction, onSelect, onClear, onBlur, toggleId, isOpen, isGrouped, isPlain, isDisabled, hasPlaceholderStyle, validated, selections: selectionsProp, typeAheadAriaLabel, typeAheadAriaDescribedby, clearSelectionsAriaLabel, toggleAriaLabel, removeSelectionAriaLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, placeholderText, width, maxHeight, toggleIcon, toggleIndicator, ouiaId, ouiaSafe, hasInlineFilter, isCheckboxSelectionBadgeHidden, inlineFilterPlaceholderText, 
+        const _a = this.props, { children, chipGroupProps, chipGroupComponent, className, customContent, variant, direction, onSelect, onClear, onBlur, toggleId, toggleRef, isOpen, isGrouped, isPlain, isDisabled, hasPlaceholderStyle, validated, selections: selectionsProp, typeAheadAriaLabel, typeAheadAriaDescribedby, clearSelectionsAriaLabel, toggleAriaLabel, removeSelectionAriaLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, placeholderText, width, maxHeight, toggleIcon, toggleIndicator, ouiaId, ouiaSafe, hasInlineFilter, isCheckboxSelectionBadgeHidden, inlineFilterPlaceholderText, 
         /* eslint-disable @typescript-eslint/no-unused-vars */
         onFilter, 
         /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -659,7 +659,7 @@ class Select extends React.Component {
         /* eslint-enable @typescript-eslint/no-unused-vars */
         menuAppendTo, favorites, onFavorite, 
         /* eslint-disable @typescript-eslint/no-unused-vars */
-        favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, isCreateOptionOnTop, shouldResetOnSelect, isFlipEnabled, zIndex } = _a, props = tslib_1.__rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "toggleId", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "typeAheadAriaDescribedby", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "toggleIndicator", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject", "isCreateOptionOnTop", "shouldResetOnSelect", "isFlipEnabled", "zIndex"]);
+        favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, isCreateOptionOnTop, shouldResetOnSelect, isFlipEnabled, zIndex } = _a, props = tslib_1.__rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "toggleId", "toggleRef", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "typeAheadAriaDescribedby", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "toggleIndicator", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject", "isCreateOptionOnTop", "shouldResetOnSelect", "isFlipEnabled", "zIndex"]);
         const { focusFirstOption: openedOnEnter, typeaheadCurrIndex, typeaheadInputValue, typeaheadFilteredChildren, favoritesGroup } = this.state;
         const selectToggleId = toggleId || `pf-select-toggle-id-${currentId++}`;
         const selections = Array.isArray(selectionsProp) ? selectionsProp : [selectionsProp];
@@ -681,7 +681,7 @@ class Select extends React.Component {
                 tempExtendedChildren = favoritesGroup.concat(children);
             }
             // mark items that are favorited with isFavorite
-            renderableItems = favorites_1.extendItemsWithFavorite(tempExtendedChildren, isGrouped, favorites);
+            renderableItems = (0, favorites_1.extendItemsWithFavorite)(tempExtendedChildren, isGrouped, favorites);
         }
         else {
             renderableItems = children;
@@ -695,7 +695,7 @@ class Select extends React.Component {
             }
         }
         if (isOpen) {
-            if (renderableItems.find(item => { var _a; return ((_a = item) === null || _a === void 0 ? void 0 : _a.key) === 'loading'; }) === undefined) {
+            if (renderableItems.find(item => (item === null || item === void 0 ? void 0 : item.key) === 'loading') === undefined) {
                 if (loadingVariant === 'spinner') {
                     renderableItems.push(React.createElement(SelectOption_1.SelectOption, { isLoading: true, key: "loading", value: "loading" },
                         React.createElement(Spinner_1.Spinner, { size: "lg" })));
@@ -706,7 +706,7 @@ class Select extends React.Component {
             }
         }
         const hasOnClear = onClear !== Select.defaultProps.onClear;
-        const clearBtn = (React.createElement("button", { className: react_styles_1.css(button_1.default.button, button_1.default.modifiers.plain, select_1.default.selectToggleClear), onClick: e => {
+        const clearBtn = (React.createElement("button", { className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers.plain, select_1.default.selectToggleClear), onClick: e => {
                 this.clearSelection(e);
                 onClear(e);
                 e.stopPropagation();
@@ -723,8 +723,8 @@ class Select extends React.Component {
         }
         if (hasInlineFilter) {
             const filterBox = (React.createElement(React.Fragment, null,
-                React.createElement("div", { key: "inline-filter", className: react_styles_1.css(select_1.default.selectMenuSearch) },
-                    React.createElement("input", { key: "inline-filter-input", type: "search", className: react_styles_1.css(form_control_1.default.formControl, form_control_1.default.modifiers.search), onChange: this.onChange, placeholder: inlineFilterPlaceholderText, onKeyDown: event => {
+                React.createElement("div", { key: "inline-filter", className: (0, react_styles_1.css)(select_1.default.selectMenuSearch) },
+                    React.createElement("input", { key: "inline-filter-input", type: "search", className: (0, react_styles_1.css)(form_control_1.default.formControl, form_control_1.default.modifiers.search), onChange: this.onChange, placeholder: inlineFilterPlaceholderText, onKeyDown: event => {
                             if (event.key === constants_1.KeyTypes.ArrowUp) {
                                 this.handleMenuKeys(0, 0, 'up');
                                 event.preventDefault();
@@ -744,17 +744,17 @@ class Select extends React.Component {
                             else if (event.key === constants_1.KeyTypes.Tab && variant !== selectConstants_1.SelectVariant.checkbox && this.props.footer) {
                                 // tab to footer or close menu if shift key
                                 if (event.shiftKey) {
-                                    this.onToggle(false, event);
+                                    this.onToggle(event, false);
                                 }
                                 else {
-                                    const tabbableItems = util_1.findTabbableElements(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
+                                    const tabbableItems = (0, util_1.findTabbableElements)(this.footerRef, selectConstants_1.SelectFooterTabbableItems);
                                     if (tabbableItems.length > 0) {
                                         tabbableItems[0].focus();
                                         event.stopPropagation();
                                         event.preventDefault();
                                     }
                                     else {
-                                        this.onToggle(false, event);
+                                        this.onToggle(event, false);
                                     }
                                 }
                             }
@@ -826,47 +826,48 @@ class Select extends React.Component {
             }
         }
         const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
-        const innerMenu = (React.createElement(SelectMenu_1.SelectMenu, Object.assign({ className: react_styles_1.css(isStatic && select_1.default.modifiers.static) }, props, { isGrouped: isGrouped, selected: selections }, variantProps, { openedOnEnter: openedOnEnter, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, sendRef: this.sendRef, keyHandler: this.handleMenuKeys, maxHeight: maxHeight, ref: this.menuComponentRef, footer: footer, footerRef: this.footerRef, isLastOptionBeforeFooter: this.isLastOptionBeforeFooter }), variantChildren));
-        const menuContainer = footer ? React.createElement("div", { className: react_styles_1.css(select_1.default.selectMenu) },
+        const innerMenu = (React.createElement(SelectMenu_1.SelectMenu, Object.assign({ className: (0, react_styles_1.css)(isStatic && select_1.default.modifiers.static) }, props, { isGrouped: isGrouped, selected: selections }, variantProps, { openedOnEnter: openedOnEnter, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, sendRef: this.sendRef, keyHandler: this.handleMenuKeys, maxHeight: maxHeight, ref: this.menuComponentRef, footer: footer, footerRef: this.footerRef, isLastOptionBeforeFooter: this.isLastOptionBeforeFooter }), variantChildren));
+        const menuContainer = footer ? React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectMenu) },
             " ",
             innerMenu,
             " ") : innerMenu;
-        const popperContainer = (React.createElement("div", Object.assign({ className: react_styles_1.css(select_1.default.select, isOpen && select_1.default.modifiers.expanded, validated === constants_2.ValidatedOptions.success && select_1.default.modifiers.success, validated === constants_2.ValidatedOptions.warning && select_1.default.modifiers.warning, validated === constants_2.ValidatedOptions.error && select_1.default.modifiers.invalid, direction === selectConstants_1.SelectDirection.up && select_1.default.modifiers.top, className) }, (width && { style: { width } }), (validated !== constants_2.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })), isOpen && menuContainer));
-        const mainContainer = (React.createElement("div", Object.assign({ className: react_styles_1.css(select_1.default.select, isOpen && select_1.default.modifiers.expanded, validated === constants_2.ValidatedOptions.success && select_1.default.modifiers.success, validated === constants_2.ValidatedOptions.warning && select_1.default.modifiers.warning, validated === constants_2.ValidatedOptions.error && select_1.default.modifiers.invalid, direction === selectConstants_1.SelectDirection.up && select_1.default.modifiers.top, className), ref: this.parentRef }, helpers_1.getOUIAProps(Select.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), (width && { style: { width } }), (validated !== constants_2.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })),
-            React.createElement(SelectToggle_1.SelectToggle, Object.assign({ id: selectToggleId, parentRef: this.parentRef, menuRef: this.menuComponentRef }, (footer && { footerRef: this.footerRef }), { isOpen: isOpen, isPlain: isPlain, hasPlaceholderStyle: hasPlaceholderStyle && (!selections.length || selections[0] === null || isSelectedPlaceholder), onToggle: this.onToggle, onEnter: this.onEnter, onClose: this.onClose, onBlur: onBlur, variant: variant, toggleIndicator: toggleIndicator, "aria-labelledby": `${ariaLabelledBy || ''} ${selectToggleId}`, "aria-label": toggleAriaLabel }, (ariaDescribedby && { 'aria-describedby': ariaDescribedby }), { handleTypeaheadKeys: this.handleTypeaheadKeys, moveFocusToLastMenuItem: this.moveFocusToLastMenuItem, isDisabled: isDisabled, hasClearButton: hasOnClear, hasFooter: footer !== undefined, onClickTypeaheadToggleButton: this.onClickTypeaheadToggleButton }),
-                customContent && (React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleWrapper) },
-                    toggleIcon && React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleIcon) }, toggleIcon),
-                    React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleText) }, placeholderText))),
+        const popperRef = React.createRef();
+        const popperContainer = (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(select_1.default.select, isOpen && select_1.default.modifiers.expanded, validated === constants_2.ValidatedOptions.success && select_1.default.modifiers.success, validated === constants_2.ValidatedOptions.warning && select_1.default.modifiers.warning, validated === constants_2.ValidatedOptions.error && select_1.default.modifiers.invalid, direction === selectConstants_1.SelectDirection.up && select_1.default.modifiers.top, className), ref: popperRef }, (width && { style: { width } }), (validated !== constants_2.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })), isOpen && menuContainer));
+        const mainContainer = (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(select_1.default.select, isOpen && select_1.default.modifiers.expanded, validated === constants_2.ValidatedOptions.success && select_1.default.modifiers.success, validated === constants_2.ValidatedOptions.warning && select_1.default.modifiers.warning, validated === constants_2.ValidatedOptions.error && select_1.default.modifiers.invalid, direction === selectConstants_1.SelectDirection.up && select_1.default.modifiers.top, className), ref: this.parentRef }, (0, helpers_1.getOUIAProps)(Select.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), (width && { style: { width } }), (validated !== constants_2.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })),
+            React.createElement(SelectToggle_1.SelectToggle, Object.assign({ id: selectToggleId, parentRef: this.parentRef, menuRef: this.menuComponentRef, ref: toggleRef }, (footer && { footerRef: this.footerRef }), { isOpen: isOpen, isPlain: isPlain, hasPlaceholderStyle: hasPlaceholderStyle && (!selections.length || selections[0] === null || isSelectedPlaceholder), onToggle: this.onToggle, onEnter: this.onEnter, onClose: this.onClose, onBlur: onBlur, variant: variant, toggleIndicator: toggleIndicator, "aria-labelledby": `${ariaLabelledBy || ''} ${selectToggleId}`, "aria-label": toggleAriaLabel }, (ariaDescribedby && { 'aria-describedby': ariaDescribedby }), { handleTypeaheadKeys: this.handleTypeaheadKeys, moveFocusToLastMenuItem: this.moveFocusToLastMenuItem, isDisabled: isDisabled, hasClearButton: hasOnClear, hasFooter: footer !== undefined, onClickTypeaheadToggleButton: this.onClickTypeaheadToggleButton }),
+                customContent && (React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleWrapper) },
+                    toggleIcon && React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleIcon) }, toggleIcon),
+                    React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleText) }, placeholderText))),
                 variant === selectConstants_1.SelectVariant.single && !customContent && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleWrapper) },
-                        toggleIcon && React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleIcon) }, toggleIcon),
-                        React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleText) }, this.getDisplay(selections[0], 'node') || placeholderText || childPlaceholderText)),
+                    React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleWrapper) },
+                        toggleIcon && React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleIcon) }, toggleIcon),
+                        React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleText) }, this.getDisplay(selections[0], 'node') || placeholderText || childPlaceholderText)),
                     hasOnClear && hasAnySelections && clearBtn)),
                 variant === selectConstants_1.SelectVariant.checkbox && !customContent && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleWrapper) },
-                        toggleIcon && React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleIcon) }, toggleIcon),
-                        React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleText) }, placeholderText),
-                        !isCheckboxSelectionBadgeHidden && hasAnySelections && (React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleBadge) },
-                            React.createElement("span", { className: react_styles_1.css(badge_1.default.badge, badge_1.default.modifiers.read) }, this.generateSelectedBadge())))),
+                    React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleWrapper) },
+                        toggleIcon && React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleIcon) }, toggleIcon),
+                        React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleText) }, placeholderText),
+                        !isCheckboxSelectionBadgeHidden && hasAnySelections && (React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleBadge) },
+                            React.createElement("span", { className: (0, react_styles_1.css)(badge_1.default.badge, badge_1.default.modifiers.read) }, this.generateSelectedBadge())))),
                     hasOnClear && hasAnySelections && clearBtn)),
                 variant === selectConstants_1.SelectVariant.typeahead && !customContent && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleWrapper) },
-                        toggleIcon && React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleIcon) }, toggleIcon),
-                        React.createElement("input", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, select_1.default.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-typeahead`, "aria-label": typeAheadAriaLabel }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null
+                    React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleWrapper) },
+                        toggleIcon && React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleIcon) }, toggleIcon),
+                        React.createElement("input", Object.assign({ className: (0, react_styles_1.css)(form_control_1.default.formControl, select_1.default.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-typeahead`, "aria-label": typeAheadAriaLabel }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null
                                 ? typeaheadInputValue
                                 : this.getDisplay(selections[0], 'text') || '', type: "text", onClick: this.onClick, onChange: this.onChange, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef }))),
                     hasOnClear && (selections[0] || typeaheadInputValue) && clearBtn)),
                 variant === selectConstants_1.SelectVariant.typeaheadMulti && !customContent && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: react_styles_1.css(select_1.default.selectToggleWrapper) },
-                        toggleIcon && React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleIcon) }, toggleIcon),
+                    React.createElement("div", { className: (0, react_styles_1.css)(select_1.default.selectToggleWrapper) },
+                        toggleIcon && React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleIcon) }, toggleIcon),
                         selections && Array.isArray(selections) && selections.length > 0 && selectedChips,
-                        React.createElement("input", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, select_1.default.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-multi-typeahead-typeahead`, "aria-label": typeAheadAriaLabel, "aria-invalid": validated === constants_2.ValidatedOptions.error }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null ? typeaheadInputValue : '', type: "text", onChange: this.onChange, onClick: this.onClick, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef }))),
+                        React.createElement("input", Object.assign({ className: (0, react_styles_1.css)(form_control_1.default.formControl, select_1.default.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-multi-typeahead-typeahead`, "aria-label": typeAheadAriaLabel, "aria-invalid": validated === constants_2.ValidatedOptions.error }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null ? typeaheadInputValue : '', type: "text", onChange: this.onChange, onClick: this.onClick, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef }))),
                     hasOnClear && ((selections && selections.length > 0) || typeaheadInputValue) && clearBtn)),
-                validated === constants_2.ValidatedOptions.success && (React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleStatusIcon) },
+                validated === constants_2.ValidatedOptions.success && (React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleStatusIcon) },
                     React.createElement(check_circle_icon_1.default, { "aria-hidden": "true" }))),
-                validated === constants_2.ValidatedOptions.error && (React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleStatusIcon) },
+                validated === constants_2.ValidatedOptions.error && (React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleStatusIcon) },
                     React.createElement(exclamation_circle_icon_1.default, { "aria-hidden": "true" }))),
-                validated === constants_2.ValidatedOptions.warning && (React.createElement("span", { className: react_styles_1.css(select_1.default.selectToggleStatusIcon) },
+                validated === constants_2.ValidatedOptions.warning && (React.createElement("span", { className: (0, react_styles_1.css)(select_1.default.selectToggleStatusIcon) },
                     React.createElement(exclamation_triangle_icon_1.default, { "aria-hidden": "true" })))),
             isOpen && menuAppendTo === 'inline' && menuContainer));
         const getParentElement = () => {
@@ -882,7 +883,7 @@ class Select extends React.Component {
                 variant,
                 inputIdPrefix: inputIdPrefix || randomId,
                 shouldResetOnSelect
-            } }, menuAppendTo === 'inline' ? (mainContainer) : (React.createElement(Popper_1.Popper, { trigger: mainContainer, popper: popperContainer, direction: direction, appendTo: menuAppendTo === 'parent' ? getParentElement() : menuAppendTo, isVisible: isOpen, zIndex: zIndex }))))));
+            } }, menuAppendTo === 'inline' ? (mainContainer) : (React.createElement(Popper_1.Popper, { trigger: mainContainer, triggerRef: this.parentRef, popper: popperContainer, popperRef: popperRef, direction: direction, appendTo: menuAppendTo === 'parent' ? getParentElement() : menuAppendTo, isVisible: isOpen, zIndex: zIndex }))))));
     }
 }
 exports.Select = Select;