@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/components/DataTable/{DataTableChip.js → DataTableBadge.js}

@@ -1,15 +1,15 @@
 /* eslint-disable no-nested-ternary */
 import React, { forwardRef } from 'react';
-import AlertIcon from 'mdi-react/AlertIcon';
 import AlertCircleIcon from 'mdi-react/AlertCircleIcon';
+import AlertIcon from 'mdi-react/AlertIcon';
 import CheckIcon from 'mdi-react/CheckIcon';
 import PropTypes from 'prop-types';
-import { Chip, Icon } from '../../index';
+import { Badge, Icon } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var DataTableChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var DataTableBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var cell = _ref.cell;
   var color = cell === 'Pending' ? 'line.light' : cell === 'Failed' ? 'warning.bright' : cell === 'Rejected' ? 'critical.bright' : 'success.dark';
-  return ___EmotionJSX(Chip, {
+  return ___EmotionJSX(Badge, {
     label: cell,
     bg: "white",
     ref: ref,
@@ -27,7 +27,7 @@ var DataTableChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     color: color
   }));
 });
-DataTableChip.propTypes = {
+DataTableBadge.propTypes = {
   cell: PropTypes.string
 };
-export default DataTableChip;
+export default DataTableBadge;

package/lib/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js}

@@ -1,13 +1,11 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { DataTableChip } from '../../index';
+import { DataTableBadge } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(DataTableChip, props));
+  return render(___EmotionJSX(DataTableBadge, props));
 };
-
 test('renders component with rejected label', function () {
   var cell = 'Rejected';
   getComponent({

package/lib/components/DataTable/DataTableMenu.test.js

@@ -2,11 +2,9 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { DataTableMenu } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getComponent = function getComponent() {
   return render(___EmotionJSX(DataTableMenu, null));
 };
-
 test('renders component with menu', function () {
   getComponent();
   expect(screen.getByLabelText('row menu')).toBeInTheDocument();

package/lib/components/DataTable/DataTableMultiLine.js

@@ -8,7 +8,6 @@ var DataTableMultiLine = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var cell = _ref.cell;
   return ___EmotionJSX(React.Fragment, null, _mapInstanceProperty(cell).call(cell, function (item) {
     var _context;
-
     return ___EmotionJSX(Box, {
       key: _concatInstanceProperty(_context = "".concat(cell.key, "_")).call(_context, item.accountId),
       ref: ref
@@ -37,7 +36,7 @@ var DataTableMultiLine = /*#__PURE__*/forwardRef(function (_ref, ref) {
         fontWeight: 400,
         fontSize: '13px'
       }
-    }, "Account ID: ", item.accountId))));
+    }, "Account ID:", ' ', item.accountId))));
   }));
 });
 DataTableMultiLine.propTypes = {

package/lib/components/DataTable/DataTableMultiLine.test.js

@@ -3,12 +3,10 @@ import { render, screen } from '@testing-library/react';
 import ApplicationIcon from 'mdi-react/ApplicationIcon';
 import { DataTableMultiLine } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(DataTableMultiLine, props));
 };
-
 test('renders component with account name', function () {
   var cell = [{
     name: 'Acme',

package/lib/components/DataTable/DataTableVirtualizer.js

@@ -1,35 +1,32 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["layout", "collection", "focusedKey", "renderView", "renderWrapper", "domRef", "bodyRef", "setTableWidth", "getColumnWidth", "onVisibleRectChange"];
-import PropTypes from 'prop-types';
 import React, { forwardRef, useCallback, useRef } from 'react';
 import { chain, mergeProps, useLayoutEffect } from '@react-aria/utils';
 import { ScrollView, setScrollLeft, useVirtualizer } from '@react-aria/virtualizer';
 import { useVirtualizerState } from '@react-stately/virtualizer';
+import PropTypes from 'prop-types';
 import { Box } from '../../index';
+
 /**
  * Custom Virtualizer using react aria Spectrum TableView/TableVirtualizer
  * Primarily utilizes [TableView](https://react-spectrum.adobe.com/react-spectrum/TableView.html)
 */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var DataTableVirtualizer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _layout$getLayoutInfo;
-
   var layout = _ref.layout,
-      collection = _ref.collection,
-      focusedKey = _ref.focusedKey,
-      renderView = _ref.renderView,
-      renderWrapper = _ref.renderWrapper,
-      domRef = _ref.domRef,
-      bodyRef = _ref.bodyRef,
-      setTableWidth = _ref.setTableWidth,
-      getColumnWidth = _ref.getColumnWidth,
-      onVisibleRectChangeProp = _ref.onVisibleRectChange,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    collection = _ref.collection,
+    focusedKey = _ref.focusedKey,
+    renderView = _ref.renderView,
+    renderWrapper = _ref.renderWrapper,
+    domRef = _ref.domRef,
+    bodyRef = _ref.bodyRef,
+    setTableWidth = _ref.setTableWidth,
+    getColumnWidth = _ref.getColumnWidth,
+    onVisibleRectChangeProp = _ref.onVisibleRectChange,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var direction = 'ltr'; // useLocale override
-
   var headerRef = useRef(ref);
   var loadingState = collection.body.props.loadingState;
   var isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
@@ -46,47 +43,46 @@ var DataTableVirtualizer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     transitionDuration: isLoading ? 160 : 220
   });
-
   var _useVirtualizer = useVirtualizer({
-    focusedKey: focusedKey,
-    scrollToItem: function scrollToItem(key) {
-      var item = collection.getItem(key);
-      state.virtualizer.scrollToItem(key, {
-        duration: 0,
-        // Prevent scrolling to the top when clicking on column headers.
-        shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
-        // Offset scroll position by width of selection cell
-        // (which is sticky and will overlap the cell we're scrolling to).
-        offsetX: 0
-      });
-    }
-  }, state, domRef),
-      virtualizerProps = _useVirtualizer.virtualizerProps; // If column widths change, need to relay out.
-
+      focusedKey: focusedKey,
+      scrollToItem: function scrollToItem(key) {
+        var item = collection.getItem(key);
+        state.virtualizer.scrollToItem(key, {
+          duration: 0,
+          // Prevent scrolling to the top when clicking on column headers.
+          shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
+          // Offset scroll position by width of selection cell
+          // (which is sticky and will overlap the cell we're scrolling to).
+          offsetX: 0
+        });
+      }
+    }, state, domRef),
+    virtualizerProps = _useVirtualizer.virtualizerProps;
 
+  // If column widths change, need to relay out.
   useLayoutEffect(function () {
     state.virtualizer.relayoutNow({
       sizeChanged: true
     });
   }, [state.virtualizer]);
   var headerHeight = ((_layout$getLayoutInfo = layout.getLayoutInfo('header')) === null || _layout$getLayoutInfo === void 0 ? void 0 : _layout$getLayoutInfo.rect.height) || 0;
-  var visibleRect = state.virtualizer.visibleRect; // Sync the scroll position from the table body to the header container.
+  var visibleRect = state.virtualizer.visibleRect;
 
+  // Sync the scroll position from the table body to the header container.
   var onScroll = useCallback(function () {
     headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
   }, [bodyRef]);
   var onVisibleRectChange = useCallback(function (rect) {
     setTableWidth(rect.width);
     state.setVisibleRect(rect);
-
     if (!isLoading && onLoadMore) {
       var scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
-
       if (rect.y > scrollOffset) {
         onLoadMore();
       }
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [onLoadMore, isLoading, state.setVisibleRect, state.virtualizer]);
   useLayoutEffect(function () {
     if (!isLoading && onLoadMore && !state.isAnimating) {

package/lib/components/DataTable/index.js

@@ -1,5 +1,5 @@
 export { default } from './DataTable';
-export { default as DataTableChip } from './DataTableChip';
+export { default as DataTableBadge } from './DataTableBadge';
+export { default as DataTableMenu } from './DataTableMenu';
 export { default as DataTableMultiLine } from './DataTableMultiLine';
-export { default as DataTableVirtualize } from './DataTableVirtualizer';
-export { default as DataTableMenu } from './DataTableMenu';
+export { default as DataTableVirtualize } from './DataTableVirtualizer';

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -9,30 +9,25 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "name", "onNamePress", "onOpenChange", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "popoverProps", "searchProps", "selectedItem"];
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { FocusScope, mergeProps, useOverlayPosition, useOverlayTrigger } from 'react-aria';
+import { useOverlayTriggerState } from 'react-stately';
 import { useFilter } from '@react-aria/i18n';
+import { useListState } from '@react-stately/list';
+import ArrowDropDownIcon from 'mdi-react/ArrowDropDownIcon';
+import ArrowDropUpIcon from 'mdi-react/ArrowDropUpIcon';
 import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import HomeIcon from 'mdi-react/HomeIcon';
 import PropTypes from 'prop-types';
-import { useOverlayTriggerState } from '@react-stately/overlays';
-import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
-import { mergeProps } from '@react-aria/utils';
-import ArrowDropUpIcon from 'mdi-react/ArrowDropUpIcon';
-import ArrowDropDownIcon from 'mdi-react/ArrowDropDownIcon';
-import { FocusScope } from '@react-aria/focus';
-import { useListState } from '@react-stately/list';
-import ListBox from '../ListBox';
-import { isIterableProp } from '../../utils/devUtils/props/isIterable';
 import { Breadcrumbs, Button, Icon, Item, PopoverContainer, ScrollBox, SearchField, Text } from '../../index';
+import { isIterableProp } from '../../utils/devUtils/props/isIterable';
+import ListBox from '../ListBox';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var breadCrumbDataIds = {
   dropdownList: 'breadcrumb--dropdown-list',
@@ -41,76 +36,66 @@ export var breadCrumbDataIds = {
 };
 var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      imperativeDisabledKeys = props.disabledKeys,
-      emptySearchText = props.emptySearchText,
-      isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      items = props.items,
-      imperativeItemsFilter = props.itemsFilter,
-      name = props.name,
-      onNamePress = props.onNamePress,
-      onOpenChange = props.onOpenChange,
-      imperativeOnPopoverClose = props.onPopoverClose,
-      imperativeOnPopoverOpen = props.onPopoverOpen,
-      onSelectionChange = props.onSelectionChange,
-      popoverProps = props.popoverProps,
-      searchProps = props.searchProps,
-      selectedItem = props.selectedItem,
-      others = _objectWithoutProperties(props, _excluded);
-
+    imperativeDisabledKeys = props.disabledKeys,
+    emptySearchText = props.emptySearchText,
+    isDefaultOpen = props.isDefaultOpen,
+    isOpen = props.isOpen,
+    items = props.items,
+    imperativeItemsFilter = props.itemsFilter,
+    name = props.name,
+    onNamePress = props.onNamePress,
+    onOpenChange = props.onOpenChange,
+    imperativeOnPopoverClose = props.onPopoverClose,
+    imperativeOnPopoverOpen = props.onPopoverOpen,
+    onSelectionChange = props.onSelectionChange,
+    popoverProps = props.popoverProps,
+    searchProps = props.searchProps,
+    selectedItem = props.selectedItem,
+    others = _objectWithoutProperties(props, _excluded);
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      searchValue = _useState2[0],
-      setSearchValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selectedKeys = _useState4[0],
-      setSelectedKeys = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedKeys = _useState4[0],
+    setSelectedKeys = _useState4[1];
   var breadcrumbsRef = useRef();
   var overlayRef = React.useRef();
   var triggerRef = React.useRef();
   var scrollBoxRef = React.useRef();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return breadcrumbsRef.current;
   });
-
   var _useFilter = useFilter({
-    sensitivity: 'base'
-  }),
-      contains = _useFilter.contains;
-
+      sensitivity: 'base'
+    }),
+    contains = _useFilter.contains;
   var filterNodesWithChildren = function filterNodesWithChildren(iterableNode) {
-    var nodeArr = _Array$from(iterableNode); // with this function we are filtering child items if they have sections
-    // we can't filter items because if it would be a section - we can't change childNodes
-
+    var nodeArr = _Array$from(iterableNode);
 
+    // with this function we are filtering child items if they have sections
+    // we can't filter items because if it would be a section - we can't change childNodes
     var filteredSections = _mapInstanceProperty(nodeArr).call(nodeArr, function f(nodeItem) {
       var _context;
-
       if ((nodeItem === null || nodeItem === void 0 ? void 0 : nodeItem.type) === 'item') {
         var _nodeItem$value;
-
         return contains(nodeItem === null || nodeItem === void 0 ? void 0 : (_nodeItem$value = nodeItem.value) === null || _nodeItem$value === void 0 ? void 0 : _nodeItem$value.name, searchValue) && nodeItem;
       }
-
-      var childNodes = _filterInstanceProperty(_context = _Array$from(nodeItem.childNodes)).call(_context, f); // Don't return sections without children, see UIP-5951
-
-
+      var childNodes = _filterInstanceProperty(_context = _Array$from(nodeItem.childNodes)).call(_context, f);
+      // Don't return sections without children, see UIP-5951
       return childNodes.length !== 0 && _objectSpread(_objectSpread({}, nodeItem), {}, {
         childNodes: childNodes
       });
-    }); // we are filtering null items here since we were not able to filter them in previous function
-
+    });
 
+    // we are filtering null items here since we were not able to filter them in previous function
     return _filterInstanceProperty(filteredSections).call(filteredSections, function (item) {
       return item;
     });
   };
-
   var popoverState = useOverlayTriggerState({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
@@ -120,14 +105,12 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     if (imperativeOnPopoverClose) {
       imperativeOnPopoverClose();
     }
-
     setSearchValue('');
     popoverState.close();
   }, [imperativeOnPopoverClose, popoverState]);
   var handleSelectionChange = useCallback(function (selectedItemSet) {
     var _selectedItemSet = _slicedToArray(selectedItemSet, 1),
-        selectedItemKey = _selectedItemSet[0];
-
+      selectedItemKey = _selectedItemSet[0];
     setSelectedKeys(selectedItemSet);
     onSelectionChange(selectedItemKey);
     handlePopoverClose();
@@ -142,26 +125,24 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     selectionMode: 'single',
     disallowEmptySelection: false
   };
-  var listBoxState = useListState(listBoxProps); // this function is recursively going through the children to see
-  // whether there are some items so that means that the array isn't empty
+  var listBoxState = useListState(listBoxProps);
 
+  // this function is recursively going through the children to see
+  // whether there are some items so that means that the array isn't empty
   var checkIfListEmpty = useCallback(function () {
     // from the beginning we are assuming that the list is empty
     // variable is not isListEmpty because checks below if(isListHasItems) is clearer
     // to read than if(!isListEmpty) IMO
-    var isListHasItems = false; // eslint-disable-next-line consistent-return
-
+    var isListHasItems = false;
+    // eslint-disable-next-line consistent-return
     (function f(listState) {
       var _listState$collection;
-
       // if the list has items - we don't need to go deeper into the recursion
       if (isListHasItems) {
         return;
-      } // here we are checking where are listItems array is stored
-
-
+      }
+      // here we are checking where are listItems array is stored
       var listItemsArr = (listState === null || listState === void 0 ? void 0 : (_listState$collection = listState.collection) === null || _listState$collection === void 0 ? void 0 : _listState$collection.iterable) || (listState === null || listState === void 0 ? void 0 : listState.childNodes);
-
       if ((listItemsArr === null || listItemsArr === void 0 ? void 0 : listItemsArr.length) > 0) {
         // if there are a few listItems we are checking their types (can be sections) - if we have
         // a few of 'items' type - we know that the list is not empty
@@ -176,52 +157,43 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }
     })(listBoxState);
-
     return !isListHasItems;
   }, [listBoxState]);
-
   var _useOverlayTrigger = useOverlayTrigger({
-    type: 'listbox'
-  }, popoverState, triggerRef),
-      triggerProps = _useOverlayTrigger.triggerProps,
-      overlayProps = _useOverlayTrigger.overlayProps;
-
+      type: 'listbox'
+    }, popoverState, triggerRef),
+    triggerProps = _useOverlayTrigger.triggerProps,
+    overlayProps = _useOverlayTrigger.overlayProps;
   var handlePopoverOpen = function handlePopoverOpen() {
     if (imperativeOnPopoverOpen) {
       imperativeOnPopoverOpen();
     }
-
     popoverState.open();
   };
-
   var _useOverlayPosition = useOverlayPosition({
-    isOpen: popoverState.isOpen,
-    offset: 6,
-    onClose: handlePopoverClose,
-    overlayRef: overlayRef,
-    scrollRef: scrollBoxRef,
-    shouldUpdatePosition: true,
-    targetRef: triggerRef
-  }),
-      positionProps = _useOverlayPosition.overlayProps;
-
+      isOpen: popoverState.isOpen,
+      offset: 6,
+      onClose: handlePopoverClose,
+      overlayRef: overlayRef,
+      scrollRef: scrollBoxRef,
+      shouldUpdatePosition: true,
+      targetRef: triggerRef
+    }),
+    positionProps = _useOverlayPosition.overlayProps;
   var EmptyListState = ___EmotionJSX(Text, {
     py: 10,
     px: 15
   }, emptySearchText);
-
   var setAriaLabel = function setAriaLabel(itemKey) {
     if (itemKey !== undefined) {
       return popoverState.isOpen ? "".concat(selectedItem.key, " - Collapse Options") : "".concat(selectedItem.key, " - Expand Options");
     }
-
     return selectedItem;
   };
-
   var ItemsSelect = ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, _extends({}, triggerProps, {
     onPress: handlePopoverOpen,
     ref: triggerRef,
-    variant: "environmentBreadcrumb.current",
+    variant: "variants.environmentBreadcrumb.button.current",
     "aria-label": setAriaLabel(selectedItem),
     "data-id": breadCrumbDataIds.environmentButton
   }), selectedItem, ___EmotionJSX(Icon, {
@@ -256,7 +228,6 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     "data-id": breadCrumbDataIds.dropdownList,
     state: listBoxState
   })))));
-
   var handleOnAction = useCallback(function (actionKey) {
     if (actionKey === 'name' && onNamePress) {
       onNamePress();
@@ -273,7 +244,7 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, others), ___EmotionJSX(Item, {
     key: "name",
-    variant: "environmentBreadcrumb.current",
+    variant: "variants.environmentBreadcrumb.button.current",
     "data-testid": "name",
     "aria-label": name,
     "data-id": breadCrumbDataIds.orgButton,
@@ -290,50 +261,36 @@ export default EnvironmentBreadcrumb;
 EnvironmentBreadcrumb.propTypes = {
   /** Callback function that fires when the selected key changes. */
   onSelectionChange: PropTypes.func,
-
   /** Current environment */
   selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
   /** Displayed name */
   name: PropTypes.string,
-
   /** Callback function that fires when name pressed */
   onNamePress: PropTypes.func,
-
   /** The list of environments. */
   items: isIterableProp,
-
   /**
    * Filter function to generate a filtered list of nodes.
    *
    * `(nodes: Iterable<Node>) => Iterable<Node>`
    */
   itemsFilter: PropTypes.func,
-
   /** Callback function that fires when the dropdown is opened. */
   onPopoverOpen: PropTypes.func,
-
   /** Callback function that fires when the dropdown is closed. */
   onPopoverClose: PropTypes.func,
-
   /** Props object that is spread directly into the popover container component. */
   popoverProps: PropTypes.shape({}),
-
   /** Props object that is spread directly into the SearchField element. */
   searchProps: PropTypes.shape({}),
-
   /** Array of keys to disable within the options list. */
   disabledKeys: PropTypes.arrayOf(PropTypes.string),
-
   /** Text that will be shown if no search results found. */
   emptySearchText: PropTypes.string,
-
   /** Sets the default open state of the overlay. */
   isDefaultOpen: PropTypes.bool,
-
   /** Whether the overlay is currently open. */
   isOpen: PropTypes.bool,
-
   /**
    * Method that is called when the open state of the menu changes.
    *