@wix/design-system 1.143.1 → 1.144.0

package/dist/cjs/Dropdown/Dropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_Dropdown";
+var _namespace_ = "wds_1_144_0_Dropdown";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_Dropdown__root","input":"wds_1_143_1_Input__input","showPointer":"wds_1_143_1_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_144_0_Dropdown__root","input":"wds_1_144_0_Input__input","showPointer":"wds_1_144_0_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownBase/DropdownBase.js

@@ -5,20 +5,21 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _DropdownBaseSt = require("./DropdownBase.st.css.js");
 var _Popover = _interopRequireWildcard(require("../Popover"));
 var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout"));
 var _excluded = ["onShow", "onHide"];
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/DropdownBase/DropdownBase.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/DropdownBase/DropdownBase.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-class DropdownBase extends _react.default.PureComponent {
+class DropdownBase extends _react.PureComponent {
   constructor(_props) {
     var _ref, _this$props$selectedI, _this;
     super(_props);
     _this = this;
+    this.triggerElementRef = void 0;
     this._dropdownLayoutRef = null;
     this._shouldCloseOnMouseLeave = false;
     this.state = {
@@ -49,6 +50,7 @@ class DropdownBase extends _react.default.PureComponent {
         this.setState({
           open: true
         });
+        /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */
         this.props.onShow();
       }
     };
@@ -68,6 +70,7 @@ class DropdownBase extends _react.default.PureComponent {
           listAutoFocus: false
         });
       }
+      /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */
       this.props.onHide();
     };
     this._toggle = () => {
@@ -76,8 +79,10 @@ class DropdownBase extends _react.default.PureComponent {
           open
         } = _ref2;
         if (open) {
+          /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */
           this.props.onHide();
         } else {
+          /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */
           this.props.onShow();
         }
         return {
@@ -115,6 +120,7 @@ class DropdownBase extends _react.default.PureComponent {
       var newState = {};
       if (!this._isControllingOpen()) {
         newState.open = false;
+        /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */
         this.props.onHide();
       }
       if (!this._isControllingSelection()) {
@@ -136,7 +142,8 @@ class DropdownBase extends _react.default.PureComponent {
       }
     };
     this._getSelectedOption = selectedId => {
-      return this.props.options.find(_ref3 => {
+      var _this$props$options;
+      return (_this$props$options = this.props.options) == null ? void 0 : _this$props$options.find(_ref3 => {
         var {
           id
         } = _ref3;
@@ -294,21 +301,21 @@ class DropdownBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 447,
+        lineNumber: 376,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 474,
+        lineNumber: 403,
         columnNumber: 9
       }
     }, this._renderChildren()), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 476,
+        lineNumber: 405,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -319,7 +326,7 @@ class DropdownBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 477,
+        lineNumber: 406,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_DropdownLayout.default, {
@@ -350,7 +357,7 @@ class DropdownBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 483,
+        lineNumber: 412,
         columnNumber: 13
       }
     }))));
@@ -358,63 +365,23 @@ class DropdownBase extends _react.default.PureComponent {
 }
 DropdownBase.displayName = 'DropdownBase';
 DropdownBase.propTypes = {
-  /** Applies a data-hook HTML attribute that can be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
   className: _propTypes.default.string,
-  /** Control whether the <Popover/> should be opened */
   open: _propTypes.default.bool,
-  /** Control popover placement */
   placement: _propTypes.default.oneOf(_Popover.placements),
-  /** Specifies where popover should be inserted as a last child - whether `parent` or `window` containers */
   appendTo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  /** Specifies whether popover arrow should be shown */
   showArrow: _propTypes.default.bool,
-  /** Defines a callback function which is called when user clicks outside of a dropdown */
   onClickOutside: _propTypes.default.func,
-  /** Defines a callback function which is called on `onMouseEnter` event on the entire component */
   onMouseEnter: _propTypes.default.func,
-  /** Defines a callback function which is called on `onMouseLeave` event on the entire component */
   onMouseLeave: _propTypes.default.func,
-  /** Defines a callback function which is called when dropdown is opened */
   onShow: _propTypes.default.func,
-  /** Defines a callback function which is called when dropdown is closed */
   onHide: _propTypes.default.func,
-  /** Defines a callback function which is called whenever user selects a different option in the list */
   onSelect: _propTypes.default.func,
-  /**
-   * Set popover's content width to a minimum width of a trigger element,
-   * but it can expand up to the defined value of `maxWidth`
-   */
   dynamicWidth: _propTypes.default.bool,
-  /** Controls the minimum width of dropdown layout */
   minWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /** Controls the maximum width of dropdown layout */
   maxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /** Controls the maximum height of dropdown layout */
   maxHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Specifies a target component to be rendered. If a regular node is passed, it'll be rendered as-is.
-   * If a function is passed, it's expected to return a React element.
-   * The function accepts an object containing the following properties:
-   *
-   *  * `open` - will open the Popover
-   *  * `close` - will close the Popover
-   *  * `toggle` - will toggle the Popover
-   *  * `isOpen` - indicates whether the items list is currently open
-   *  * `delegateKeyDown` - the underlying DropdownLayout's keydown handler. It can be called
-   *                        inside another keyDown event in order to delegate it.
-   *  * `selectedOption` - the currently selected option
-   *
-   * Check inserted component documentation for more information on available properties.
-   */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  /**
-   * Specifies an array of options for a dropdown list. Objects must have an id and can include string value or node.
-   * If value is '-', a divider will be rendered instead (dividers do not require and id).
-   */
   options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
     value: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string, _propTypes.default.func]).isRequired,
@@ -425,63 +392,29 @@ DropdownBase.propTypes = {
   _propTypes.default.shape({
     value: _propTypes.default.oneOf(['-'])
   })])),
-  /** Sets the initial marking of an option in the list when opened:
-   *  - `false` - no initially hovered list item
-   *  - `true` - hover first selectable option
-   *  - any `number/string` specify the id of an option to be hovered
-   */
   markedOption: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string, _propTypes.default.number]),
-  /** Define the selected option in the list */
   selectedId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /** Handles container overflow behaviour */
   overflow: _propTypes.default.string,
-  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */
   tabIndex: _propTypes.default.number,
-  /**
-   * Sets the initially selected option in the list. Used when selection
-   * behaviour is being controlled.
-   */
   initialSelectedId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /** Specifies the stack order (`z-index`) of a dropdown layout */
   zIndex: _propTypes.default.number,
-  /** Moves dropdown content relative to the parent on X or Y axis by a defined amount of pixels */
   moveBy: _propTypes.default.shape({
     x: _propTypes.default.number,
     y: _propTypes.default.number
   }),
-  /**
-   * Specifies whether to flip the <Popover/> placement
-   * when it starts to overlap the target element (<Popover.Element/>)
-   */
   flip: _propTypes.default.bool,
-  /**
-   * Specifies whether to enable the fixed behaviour. If enabled, <Popover/> keep its
-   * original placement even when it's being positioned outside the boundary.
-   */
   fixed: _propTypes.default.bool,
-  /** Stretches trigger element to fill its parent container width */
   fluid: _propTypes.default.bool,
-  /** Adds enter and exit animation */
   animate: _propTypes.default.bool,
-  /** Focus to the selected option when dropdown is opened */
   focusOnSelectedOption: _propTypes.default.bool,
-  /** Specifies whether lazy loading of the dropdown items is enabled */
   infiniteScroll: _propTypes.default.bool,
-  /** Defines a callback function which is called on a request to render more list items */
   loadMore: _propTypes.default.func,
-  /** Specifies whether there are more items to load */
   hasMore: _propTypes.default.bool,
-  /** Focus to the specified option when dropdown is opened */
   focusOnOption: _propTypes.default.number,
-  /** Scrolls to the specified option when dropdown is opened without marking it */
   scrollToOption: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /** Defines type of behavior applied in list */
   listType: _propTypes.default.oneOf(['action', 'select']),
-  /** A fixed header to the list */
   fixedHeader: _propTypes.default.node,
-  /** A fixed footer to the list */
   fixedFooter: _propTypes.default.node,
-  /** Specifies whether first list item should be focused */
   autoFocus: _propTypes.default.bool
 };
 DropdownBase.defaultProps = {

package/dist/cjs/DropdownBase/DropdownBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_DropdownBaseSt","_Popover","_interopRequireWildcard","_DropdownLayout","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownBase","React","PureComponent","constructor","props","_ref","_this$props$selectedI","_this","this","_dropdownLayoutRef","_shouldCloseOnMouseLeave","state","open","selectedId","initialSelectedId","listAutoFocus","_isControllingOpen","arguments","length","undefined","_isControllingSelection","onSelect","_open","_focusFirstOption","setState","onShow","_close","type","onHide","_toggle","_ref2","_handleClickOutside","onClickOutside","_handlePopoverMouseEnter","onMouseEnter","_handlePopoverMouseLeave","onMouseLeave","_handleSelect","selectedOption","newState","id","_handleClose","triggerElementRef","current","focus","_getSelectedOption","options","find","_ref3","_isOpenKey","key","includes","_isClosingKey","_handleKeyDown","isHandledByDropdownLayout","_delegateKeyDown","preventDefault","_onSelectListKeyDown","createRef","UNSAFE_componentWillReceiveProps","nextProps","_renderChildren","children","isValidElement","close","toggle","isOpen","Boolean","ref","delegateKeyDown","render","dataHook","placement","appendTo","showArrow","zIndex","moveBy","minWidth","maxWidth","fixed","flip","tabIndex","overflow","dynamicWidth","maxHeight","fluid","animate","className","focusOnSelectedOption","infiniteScroll","loadMore","hasMore","focusOnOption","scrollToOption","markedOption","onMouseDown","listType","fixedHeader","fixedFooter","autoFocus","_this$props","popoverProps","_objectWithoutProperties2","createElement","_extends2","shown","onKeyDown","st","classes","root","withWidth","__self","__source","fileName","lineNumber","columnNumber","Element","Content","style","list","maxHeightPixels","onClose","inContainer","visible","displayName","propTypes","PropTypes","string","bool","oneOf","placements","oneOfType","node","func","number","arrayOf","shape","isRequired","value","disabled","overrideStyle","x","y","defaultProps","_default","exports"],"sources":["../../../src/DropdownBase/DropdownBase.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './DropdownBase.st.css';\nimport Popover, { placements } from '../Popover';\nimport DropdownLayout from '../DropdownLayout';\n\nclass DropdownBase extends React.PureComponent {\n  static displayName = 'DropdownBase';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n    className: PropTypes.string,\n    /** Control whether the <Popover/> should be opened */\n    open: PropTypes.bool,\n    /** Control popover placement */\n    placement: PropTypes.oneOf(placements),\n    /** Specifies where popover should be inserted as a last child - whether `parent` or `window` containers */\n    appendTo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    /** Specifies whether popover arrow should be shown */\n    showArrow: PropTypes.bool,\n    /** Defines a callback function which is called when user clicks outside of a dropdown */\n    onClickOutside: PropTypes.func,\n    /** Defines a callback function which is called on `onMouseEnter` event on the entire component */\n    onMouseEnter: PropTypes.func,\n    /** Defines a callback function which is called on `onMouseLeave` event on the entire component */\n    onMouseLeave: PropTypes.func,\n    /** Defines a callback function which is called when dropdown is opened */\n    onShow: PropTypes.func,\n    /** Defines a callback function which is called when dropdown is closed */\n    onHide: PropTypes.func,\n    /** Defines a callback function which is called whenever user selects a different option in the list */\n    onSelect: PropTypes.func,\n    /**\n     * Set popover's content width to a minimum width of a trigger element,\n     * but it can expand up to the defined value of `maxWidth`\n     */\n    dynamicWidth: PropTypes.bool,\n    /** Controls the minimum width of dropdown layout */\n    minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /** Controls the maximum width of dropdown layout */\n    maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /** Controls the maximum height of dropdown layout */\n    maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Specifies a target component to be rendered. If a regular node is passed, it'll be rendered as-is.\n     * If a function is passed, it's expected to return a React element.\n     * The function accepts an object containing the following properties:\n     *\n     *  * `open` - will open the Popover\n     *  * `close` - will close the Popover\n     *  * `toggle` - will toggle the Popover\n     *  * `isOpen` - indicates whether the items list is currently open\n     *  * `delegateKeyDown` - the underlying DropdownLayout's keydown handler. It can be called\n     *                        inside another keyDown event in order to delegate it.\n     *  * `selectedOption` - the currently selected option\n     *\n     * Check inserted component documentation for more information on available properties.\n     */\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Specifies an array of options for a dropdown list. Objects must have an id and can include string value or node.\n     * If value is '-', a divider will be rendered instead (dividers do not require and id).\n     */\n    options: PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n            .isRequired,\n          value: PropTypes.oneOfType([\n            PropTypes.node,\n            PropTypes.string,\n            PropTypes.func,\n          ]).isRequired,\n          disabled: PropTypes.bool,\n          overrideStyle: PropTypes.bool,\n        }),\n\n        // A divider option without an id\n        PropTypes.shape({\n          value: PropTypes.oneOf(['-']),\n        }),\n      ]),\n    ),\n\n    /** Sets the initial marking of an option in the list when opened:\n     *  - `false` - no initially hovered list item\n     *  - `true` - hover first selectable option\n     *  - any `number/string` specify the id of an option to be hovered\n     */\n    markedOption: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n\n    /** Define the selected option in the list */\n    selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    /** Handles container overflow behaviour */\n    overflow: PropTypes.string,\n\n    /** Indicates that element can be focused and where it participates in sequential keyboard navigation */\n    tabIndex: PropTypes.number,\n\n    /**\n     * Sets the initially selected option in the list. Used when selection\n     * behaviour is being controlled.\n     */\n    initialSelectedId: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n\n    /** Specifies the stack order (`z-index`) of a dropdown layout */\n    zIndex: PropTypes.number,\n\n    /** Moves dropdown content relative to the parent on X or Y axis by a defined amount of pixels */\n    moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n\n    /**\n     * Specifies whether to flip the <Popover/> placement\n     * when it starts to overlap the target element (<Popover.Element/>)\n     */\n    flip: PropTypes.bool,\n\n    /**\n     * Specifies whether to enable the fixed behaviour. If enabled, <Popover/> keep its\n     * original placement even when it's being positioned outside the boundary.\n     */\n    fixed: PropTypes.bool,\n\n    /** Stretches trigger element to fill its parent container width */\n    fluid: PropTypes.bool,\n\n    /** Adds enter and exit animation */\n    animate: PropTypes.bool,\n\n    /** Focus to the selected option when dropdown is opened */\n    focusOnSelectedOption: PropTypes.bool,\n\n    /** Specifies whether lazy loading of the dropdown items is enabled */\n    infiniteScroll: PropTypes.bool,\n\n    /** Defines a callback function which is called on a request to render more list items */\n    loadMore: PropTypes.func,\n\n    /** Specifies whether there are more items to load */\n    hasMore: PropTypes.bool,\n\n    /** Focus to the specified option when dropdown is opened */\n    focusOnOption: PropTypes.number,\n\n    /** Scrolls to the specified option when dropdown is opened without marking it */\n    scrollToOption: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /** Defines type of behavior applied in list */\n    listType: PropTypes.oneOf(['action', 'select']),\n\n    /** A fixed header to the list */\n    fixedHeader: PropTypes.node,\n    /** A fixed footer to the list */\n    fixedFooter: PropTypes.node,\n    /** Specifies whether first list item should be focused */\n    autoFocus: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n    this.triggerElementRef = React.createRef();\n  }\n\n  static defaultProps = {\n    placement: 'bottom',\n    appendTo: 'parent',\n    showArrow: false,\n    maxHeight: '260px',\n    fluid: false,\n    animate: false,\n    listType: 'select',\n    onShow: () => {},\n    onHide: () => {},\n  };\n\n  _dropdownLayoutRef = null;\n  _shouldCloseOnMouseLeave = false;\n\n  state = {\n    open: this.props.open,\n    selectedId: this.props.selectedId ?? this.props.initialSelectedId ?? -1,\n    listAutoFocus: false,\n  };\n\n  /**\n   * Return `true` if the `open` prop is being controlled\n   */\n  _isControllingOpen = (props = this.props) => {\n    return typeof props.open !== 'undefined';\n  };\n\n  /**\n   * Return `true` if the selection behaviour is being controlled\n   */\n  _isControllingSelection = (props = this.props) => {\n    return (\n      typeof props.selectedId !== 'undefined' &&\n      typeof props.onSelect !== 'undefined'\n    );\n  };\n\n  _open = () => {\n    if (this.state.open) {\n      this._dropdownLayoutRef && this._dropdownLayoutRef._focusFirstOption();\n      return;\n    }\n\n    if (!this._isControllingOpen()) {\n      this.setState({ open: true });\n      this.props.onShow();\n    }\n  };\n\n  _close = e => {\n    if (this._isControllingOpen()) {\n      return;\n    }\n\n    // If called within a `mouseleave` event on the target element, we would like to close the\n    // popover only on the popover's `mouseleave` event\n    if (e && e.type === 'mouseleave') {\n      // We're not using `setState` since we don't want to wait for the next render\n      this._shouldCloseOnMouseLeave = true;\n    } else {\n      this.setState({ open: false, listAutoFocus: false });\n    }\n    this.props.onHide();\n  };\n\n  _toggle = () => {\n    !this._isControllingOpen() &&\n      this.setState(({ open }) => {\n        if (open) {\n          this.props.onHide();\n        } else {\n          this.props.onShow();\n        }\n\n        return {\n          open: !open,\n          listAutoFocus: false,\n        };\n      });\n  };\n\n  _handleClickOutside = () => {\n    const { onClickOutside } = this.props;\n\n    this._close();\n    onClickOutside && onClickOutside();\n  };\n\n  _handlePopoverMouseEnter = () => {\n    const { onMouseEnter } = this.props;\n\n    onMouseEnter && onMouseEnter();\n  };\n\n  _handlePopoverMouseLeave = () => {\n    const { onMouseLeave } = this.props;\n\n    if (this._shouldCloseOnMouseLeave) {\n      this._shouldCloseOnMouseLeave = false;\n\n      this.setState({\n        open: false,\n      });\n    }\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  _handleSelect = selectedOption => {\n    const newState = {};\n\n    if (!this._isControllingOpen()) {\n      newState.open = false;\n      this.props.onHide();\n    }\n\n    if (!this._isControllingSelection()) {\n      newState.selectedId = selectedOption.id;\n    }\n\n    this.setState(newState, () => {\n      const { onSelect } = this.props;\n      onSelect && onSelect(selectedOption);\n    });\n  };\n\n  _handleClose = () => {\n    if (this.state.open) {\n      this._close();\n    }\n\n    if (\n      this.triggerElementRef &&\n      this.triggerElementRef.current &&\n      this.triggerElementRef.current.focus\n    ) {\n      this.triggerElementRef.current.focus();\n    }\n  };\n\n  _getSelectedOption = selectedId => {\n    return this.props.options.find(({ id }) => id === selectedId);\n  };\n\n  /**\n   * Determine if a certain key should open the DropdownLayout\n   */\n  _isOpenKey = key => {\n    return ['Enter', ' ', 'ArrowDown'].includes(key);\n  };\n  _isClosingKey = key => {\n    return ['Tab', 'Escape'].includes(key);\n  };\n\n  /**\n   * A common `keydown` event that can be used for the target elements. It will automatically\n   * delegate the event to the underlying <DropdownLayout/>, and will determine when to open the\n   * dropdown depending on the pressed key.\n   */\n  _handleKeyDown = e => {\n    if (this._isControllingOpen()) {\n      return;\n    }\n    const isHandledByDropdownLayout = this._delegateKeyDown(e);\n\n    if (!isHandledByDropdownLayout) {\n      if (this._isOpenKey(e.key)) {\n        this.setState({ listAutoFocus: true });\n        this._open();\n        e.preventDefault();\n      } else if (this._isClosingKey(e.key)) {\n        this._close();\n      }\n    }\n    // prevent toggle button onClick when pressing enter and dropdown is open\n    else if (this.state.open && e.key === 'Enter') {\n      e.preventDefault();\n    }\n  };\n\n  /*\n   * Delegate the event to the DropdownLayout. It'll handle the navigation, option selection and\n   * closing of the dropdown.\n   */\n  _delegateKeyDown = e => {\n    if (!this._dropdownLayoutRef) {\n      return false;\n    }\n\n    return this._dropdownLayoutRef._onSelectListKeyDown(e);\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    // Keep internal state updated if needed\n    if (\n      this._isControllingOpen(nextProps) &&\n      this.props.open !== nextProps.open\n    ) {\n      this.setState({ open: nextProps.open });\n    }\n\n    if (\n      this._isControllingSelection(nextProps) &&\n      this.props.selectedId !== nextProps.selectedId\n    ) {\n      this.setState({ selectedId: nextProps.selectedId });\n    }\n  }\n\n  _renderChildren() {\n    const { children } = this.props;\n    const { selectedId, open } = this.state;\n\n    if (!children) {\n      return null;\n    }\n\n    return React.isValidElement(children)\n      ? children // Returning the children as is when using in controlled mode\n      : children({\n          open: this._open,\n          close: this._close,\n          toggle: this._toggle,\n          isOpen: Boolean(open),\n          ref: this.triggerElementRef,\n          delegateKeyDown: this._delegateKeyDown,\n\n          selectedOption: this._getSelectedOption(selectedId),\n        });\n  }\n\n  render() {\n    const {\n      dataHook,\n      placement,\n      appendTo,\n      showArrow,\n      zIndex,\n      moveBy,\n      options,\n      minWidth,\n      maxWidth,\n      fixed,\n      flip,\n      tabIndex,\n      overflow,\n      dynamicWidth,\n      maxHeight,\n      fluid,\n      animate,\n      className,\n      focusOnSelectedOption,\n      infiniteScroll,\n      loadMore,\n      hasMore,\n      focusOnOption,\n      scrollToOption,\n      markedOption,\n      onMouseDown,\n      listType,\n      fixedHeader,\n      fixedFooter,\n      autoFocus,\n    } = this.props;\n\n    const { open, selectedId } = this.state;\n    const { onShow, onHide, ...popoverProps } = this.props;\n    return (\n      <Popover\n        data-list-type={listType}\n        {...popoverProps} // backward compatible for migration stylable 1 to stylable 3\n        animate={animate}\n        dataHook={dataHook}\n        shown={open}\n        placement={placement}\n        dynamicWidth={dynamicWidth}\n        appendTo={appendTo}\n        showArrow={showArrow}\n        zIndex={zIndex}\n        moveBy={moveBy}\n        onKeyDown={this._handleKeyDown}\n        onMouseEnter={this._handlePopoverMouseEnter}\n        onMouseLeave={this._handlePopoverMouseLeave}\n        onClickOutside={this._handleClickOutside}\n        fixed={fixed}\n        flip={flip}\n        fluid={fluid}\n        className={st(\n          classes.root,\n          {\n            withWidth: Boolean(minWidth || maxWidth),\n          },\n          className,\n        )}\n      >\n        <Popover.Element>{this._renderChildren()}</Popover.Element>\n\n        <Popover.Content>\n          <div\n            style={{\n              minWidth,\n              maxWidth,\n            }}\n          >\n            <DropdownLayout\n              dataHook=\"dropdown-base-dropdownlayout\"\n              className={classes.list}\n              ref={r => (this._dropdownLayoutRef = r)}\n              selectedId={selectedId}\n              options={options}\n              maxHeightPixels={maxHeight}\n              onSelect={this._handleSelect}\n              onClose={this._handleClose}\n              tabIndex={tabIndex}\n              inContainer\n              visible\n              overflow={overflow}\n              focusOnSelectedOption={focusOnSelectedOption}\n              infiniteScroll={infiniteScroll}\n              loadMore={loadMore}\n              hasMore={hasMore}\n              focusOnOption={focusOnOption}\n              markedOption={markedOption}\n              scrollToOption={scrollToOption}\n              onMouseDown={onMouseDown}\n              listType={listType}\n              autoFocus={autoFocus || this.state.listAutoFocus}\n              fixedHeader={fixedHeader}\n              fixedFooter={fixedFooter}\n            />\n          </div>\n        </Popover.Content>\n      </Popover>\n    );\n  }\n}\n\nexport default DropdownBase;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA+C,IAAAM,SAAA;AAAA,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE/C,MAAMW,YAAY,SAASC,cAAK,CAACC,aAAa,CAAC;EAsK7CC,WAAWA,CAACC,MAAK,EAAE;IAAA,IAAAC,IAAA,EAAAC,qBAAA,EAAAC,KAAA;IACjB,KAAK,CAACH,MAAK,CAAC;IAAAG,KAAA,GAAAC,IAAA;IAAA,KAgBdC,kBAAkB,GAAG,IAAI;IAAA,KACzBC,wBAAwB,GAAG,KAAK;IAAA,KAEhCC,KAAK,GAAG;MACNC,IAAI,EAAE,IAAI,CAACR,KAAK,CAACQ,IAAI;MACrBC,UAAU,GAAAR,IAAA,IAAAC,qBAAA,GAAE,IAAI,CAACF,KAAK,CAACS,UAAU,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,IAAI,CAACF,KAAK,CAACU,iBAAiB,cAAAT,IAAA,cAAAA,IAAA,GAAI,CAAC,CAAC;MACvEU,aAAa,EAAE;IACjB,CAAC;IAED;AACF;AACA;IAFE,KAGAC,kBAAkB,GAAG,YAAwB;MAAA,IAAvBZ,KAAK,GAAAa,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGV,KAAI,CAACH,KAAK;MACtC,OAAO,OAAOA,KAAK,CAACQ,IAAI,KAAK,WAAW;IAC1C,CAAC;IAED;AACF;AACA;IAFE,KAGAQ,uBAAuB,GAAG,YAAwB;MAAA,IAAvBhB,KAAK,GAAAa,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGV,KAAI,CAACH,KAAK;MAC3C,OACE,OAAOA,KAAK,CAACS,UAAU,KAAK,WAAW,IACvC,OAAOT,KAAK,CAACiB,QAAQ,KAAK,WAAW;IAEzC,CAAC;IAAA,KAEDC,KAAK,GAAG,MAAM;MACZ,IAAI,IAAI,CAACX,KAAK,CAACC,IAAI,EAAE;QACnB,IAAI,CAACH,kBAAkB,IAAI,IAAI,CAACA,kBAAkB,CAACc,iBAAiB,CAAC,CAAC;QACtE;MACF;MAEA,IAAI,CAAC,IAAI,CAACP,kBAAkB,CAAC,CAAC,EAAE;QAC9B,IAAI,CAACQ,QAAQ,CAAC;UAAEZ,IAAI,EAAE;QAAK,CAAC,CAAC;QAC7B,IAAI,CAACR,KAAK,CAACqB,MAAM,CAAC,CAAC;MACrB;IACF,CAAC;IAAA,KAEDC,MAAM,GAAG7C,CAAC,IAAI;MACZ,IAAI,IAAI,CAACmC,kBAAkB,CAAC,CAAC,EAAE;QAC7B;MACF;;MAEA;MACA;MACA,IAAInC,CAAC,IAAIA,CAAC,CAAC8C,IAAI,KAAK,YAAY,EAAE;QAChC;QACA,IAAI,CAACjB,wBAAwB,GAAG,IAAI;MACtC,CAAC,MAAM;QACL,IAAI,CAACc,QAAQ,CAAC;UAAEZ,IAAI,EAAE,KAAK;UAAEG,aAAa,EAAE;QAAM,CAAC,CAAC;MACtD;MACA,IAAI,CAACX,KAAK,CAACwB,MAAM,CAAC,CAAC;IACrB,CAAC;IAAA,KAEDC,OAAO,GAAG,MAAM;MACd,CAAC,IAAI,CAACb,kBAAkB,CAAC,CAAC,IACxB,IAAI,CAACQ,QAAQ,CAACM,KAAA,IAAc;QAAA,IAAb;UAAElB;QAAK,CAAC,GAAAkB,KAAA;QACrB,IAAIlB,IAAI,EAAE;UACR,IAAI,CAACR,KAAK,CAACwB,MAAM,CAAC,CAAC;QACrB,CAAC,MAAM;UACL,IAAI,CAACxB,KAAK,CAACqB,MAAM,CAAC,CAAC;QACrB;QAEA,OAAO;UACLb,IAAI,EAAE,CAACA,IAAI;UACXG,aAAa,EAAE;QACjB,CAAC;MACH,CAAC,CAAC;IACN,CAAC;IAAA,KAEDgB,mBAAmB,GAAG,MAAM;MAC1B,IAAM;QAAEC;MAAe,CAAC,GAAG,IAAI,CAAC5B,KAAK;MAErC,IAAI,CAACsB,MAAM,CAAC,CAAC;MACbM,cAAc,IAAIA,cAAc,CAAC,CAAC;IACpC,CAAC;IAAA,KAEDC,wBAAwB,GAAG,MAAM;MAC/B,IAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAAC9B,KAAK;MAEnC8B,YAAY,IAAIA,YAAY,CAAC,CAAC;IAChC,CAAC;IAAA,KAEDC,wBAAwB,GAAG,MAAM;MAC/B,IAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAAChC,KAAK;MAEnC,IAAI,IAAI,CAACM,wBAAwB,EAAE;QACjC,IAAI,CAACA,wBAAwB,GAAG,KAAK;QAErC,IAAI,CAACc,QAAQ,CAAC;UACZZ,IAAI,EAAE;QACR,CAAC,CAAC;MACJ;MAEAwB,YAAY,IAAIA,YAAY,CAAC,CAAC;IAChC,CAAC;IAAA,KAEDC,aAAa,GAAGC,cAAc,IAAI;MAChC,IAAMC,QAAQ,GAAG,CAAC,CAAC;MAEnB,IAAI,CAAC,IAAI,CAACvB,kBAAkB,CAAC,CAAC,EAAE;QAC9BuB,QAAQ,CAAC3B,IAAI,GAAG,KAAK;QACrB,IAAI,CAACR,KAAK,CAACwB,MAAM,CAAC,CAAC;MACrB;MAEA,IAAI,CAAC,IAAI,CAACR,uBAAuB,CAAC,CAAC,EAAE;QACnCmB,QAAQ,CAAC1B,UAAU,GAAGyB,cAAc,CAACE,EAAE;MACzC;MAEA,IAAI,CAAChB,QAAQ,CAACe,QAAQ,EAAE,MAAM;QAC5B,IAAM;UAAElB;QAAS,CAAC,GAAG,IAAI,CAACjB,KAAK;QAC/BiB,QAAQ,IAAIA,QAAQ,CAACiB,cAAc,CAAC;MACtC,CAAC,CAAC;IACJ,CAAC;IAAA,KAEDG,YAAY,GAAG,MAAM;MACnB,IAAI,IAAI,CAAC9B,KAAK,CAACC,IAAI,EAAE;QACnB,IAAI,CAACc,MAAM,CAAC,CAAC;MACf;MAEA,IACE,IAAI,CAACgB,iBAAiB,IACtB,IAAI,CAACA,iBAAiB,CAACC,OAAO,IAC9B,IAAI,CAACD,iBAAiB,CAACC,OAAO,CAACC,KAAK,EACpC;QACA,IAAI,CAACF,iBAAiB,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;MACxC;IACF,CAAC;IAAA,KAEDC,kBAAkB,GAAGhC,UAAU,IAAI;MACjC,OAAO,IAAI,CAACT,KAAK,CAAC0C,OAAO,CAACC,IAAI,CAACC,KAAA;QAAA,IAAC;UAAER;QAAG,CAAC,GAAAQ,KAAA;QAAA,OAAKR,EAAE,KAAK3B,UAAU;MAAA,EAAC;IAC/D,CAAC;IAED;AACF;AACA;IAFE,KAGAoC,UAAU,GAAGC,GAAG,IAAI;MAClB,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC;IAClD,CAAC;IAAA,KACDE,aAAa,GAAGF,GAAG,IAAI;MACrB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC;IACxC,CAAC;IAED;AACF;AACA;AACA;AACA;IAJE,KAKAG,cAAc,GAAGxE,CAAC,IAAI;MACpB,IAAI,IAAI,CAACmC,kBAAkB,CAAC,CAAC,EAAE;QAC7B;MACF;MACA,IAAMsC,yBAAyB,GAAG,IAAI,CAACC,gBAAgB,CAAC1E,CAAC,CAAC;MAE1D,IAAI,CAACyE,yBAAyB,EAAE;QAC9B,IAAI,IAAI,CAACL,UAAU,CAACpE,CAAC,CAACqE,GAAG,CAAC,EAAE;UAC1B,IAAI,CAAC1B,QAAQ,CAAC;YAAET,aAAa,EAAE;UAAK,CAAC,CAAC;UACtC,IAAI,CAACO,KAAK,CAAC,CAAC;UACZzC,CAAC,CAAC2E,cAAc,CAAC,CAAC;QACpB,CAAC,MAAM,IAAI,IAAI,CAACJ,aAAa,CAACvE,CAAC,CAACqE,GAAG,CAAC,EAAE;UACpC,IAAI,CAACxB,MAAM,CAAC,CAAC;QACf;MACF;MACA;MAAA,KACK,IAAI,IAAI,CAACf,KAAK,CAACC,IAAI,IAAI/B,CAAC,CAACqE,GAAG,KAAK,OAAO,EAAE;QAC7CrE,CAAC,CAAC2E,cAAc,CAAC,CAAC;MACpB;IACF,CAAC;IAED;AACF;AACA;AACA;IAHE,KAIAD,gBAAgB,GAAG1E,CAAC,IAAI;MACtB,IAAI,CAAC,IAAI,CAAC4B,kBAAkB,EAAE;QAC5B,OAAO,KAAK;MACd;MAEA,OAAO,IAAI,CAACA,kBAAkB,CAACgD,oBAAoB,CAAC5E,CAAC,CAAC;IACxD,CAAC;IAlMC,IAAI,CAAC6D,iBAAiB,gBAAGzC,cAAK,CAACyD,SAAS,CAAC,CAAC;EAC5C;EAmMAC,gCAAgCA,CAACC,SAAS,EAAE;IAC1C;IACA,IACE,IAAI,CAAC5C,kBAAkB,CAAC4C,SAAS,CAAC,IAClC,IAAI,CAACxD,KAAK,CAACQ,IAAI,KAAKgD,SAAS,CAAChD,IAAI,EAClC;MACA,IAAI,CAACY,QAAQ,CAAC;QAAEZ,IAAI,EAAEgD,SAAS,CAAChD;MAAK,CAAC,CAAC;IACzC;IAEA,IACE,IAAI,CAACQ,uBAAuB,CAACwC,SAAS,CAAC,IACvC,IAAI,CAACxD,KAAK,CAACS,UAAU,KAAK+C,SAAS,CAAC/C,UAAU,EAC9C;MACA,IAAI,CAACW,QAAQ,CAAC;QAAEX,UAAU,EAAE+C,SAAS,CAAC/C;MAAW,CAAC,CAAC;IACrD;EACF;EAEAgD,eAAeA,CAAA,EAAG;IAChB,IAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAC1D,KAAK;IAC/B,IAAM;MAAES,UAAU;MAAED;IAAK,CAAC,GAAG,IAAI,CAACD,KAAK;IAEvC,IAAI,CAACmD,QAAQ,EAAE;MACb,OAAO,IAAI;IACb;IAEA,OAAO,aAAA7D,cAAK,CAAC8D,cAAc,CAACD,QAAQ,CAAC,GACjCA,QAAQ,CAAC;IAAA,EACTA,QAAQ,CAAC;MACPlD,IAAI,EAAE,IAAI,CAACU,KAAK;MAChB0C,KAAK,EAAE,IAAI,CAACtC,MAAM;MAClBuC,MAAM,EAAE,IAAI,CAACpC,OAAO;MACpBqC,MAAM,EAAEC,OAAO,CAACvD,IAAI,CAAC;MACrBwD,GAAG,EAAE,IAAI,CAAC1B,iBAAiB;MAC3B2B,eAAe,EAAE,IAAI,CAACd,gBAAgB;MAEtCjB,cAAc,EAAE,IAAI,CAACO,kBAAkB,CAAChC,UAAU;IACpD,CAAC,CAAC;EACR;EAEAyD,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,SAAS;MACTC,MAAM;MACNC,MAAM;MACN9B,OAAO;MACP+B,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLC,IAAI;MACJC,QAAQ;MACRC,QAAQ;MACRC,YAAY;MACZC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC,SAAS;MACTC,qBAAqB;MACrBC,cAAc;MACdC,QAAQ;MACRC,OAAO;MACPC,aAAa;MACbC,cAAc;MACdC,YAAY;MACZC,WAAW;MACXC,QAAQ;MACRC,WAAW;MACXC,WAAW;MACXC;IACF,CAAC,GAAG,IAAI,CAAC/F,KAAK;IAEd,IAAM;MAAEQ,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACF,KAAK;IACvC,IAAAyF,WAAA,GAA4C,IAAI,CAAChG,KAAK;MAAhD;QAAEqB,MAAM;QAAEG;MAAwB,CAAC,GAAAwE,WAAA;MAAdC,YAAY,OAAAC,yBAAA,CAAApH,OAAA,EAAAkH,WAAA,EAAA1H,SAAA;IACvC,oBACER,MAAA,CAAAgB,OAAA,CAAAqH,aAAA,CAAChI,QAAA,CAAAW,OAAO,MAAAsH,SAAA,CAAAtH,OAAA;MACN,kBAAgB8G;IAAS,GACrBK,YAAY;MAAE;MAClBf,OAAO,EAAEA,OAAQ;MACjBf,QAAQ,EAAEA,QAAS;MACnBkC,KAAK,EAAE7F,IAAK;MACZ4D,SAAS,EAAEA,SAAU;MACrBW,YAAY,EAAEA,YAAa;MAC3BV,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAEA,SAAU;MACrBC,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA,MAAO;MACf8B,SAAS,EAAE,IAAI,CAACrD,cAAe;MAC/BnB,YAAY,EAAE,IAAI,CAACD,wBAAyB;MAC5CG,YAAY,EAAE,IAAI,CAACD,wBAAyB;MAC5CH,cAAc,EAAE,IAAI,CAACD,mBAAoB;MACzCgD,KAAK,EAAEA,KAAM;MACbC,IAAI,EAAEA,IAAK;MACXK,KAAK,EAAEA,KAAM;MACbE,SAAS,EAAE,IAAAoB,kBAAE,EACXC,uBAAO,CAACC,IAAI,EACZ;QACEC,SAAS,EAAE3C,OAAO,CAACU,QAAQ,IAAIC,QAAQ;MACzC,CAAC,EACDS,SACF,CAAE;MAAAwB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtI,YAAA;QAAAuI,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAEFjJ,MAAA,CAAAgB,OAAA,CAAAqH,aAAA,CAAChI,QAAA,CAAAW,OAAO,CAACkI,OAAO;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtI,YAAA;QAAAuI,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAE,IAAI,CAACtD,eAAe,CAAC,CAAmB,CAAC,eAE3D3F,MAAA,CAAAgB,OAAA,CAAAqH,aAAA,CAAChI,QAAA,CAAAW,OAAO,CAACmI,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtI,YAAA;QAAAuI,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACdjJ,MAAA,CAAAgB,OAAA,CAAAqH,aAAA;MACEe,KAAK,EAAE;QACLzC,QAAQ;QACRC;MACF,CAAE;MAAAiC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtI,YAAA;QAAAuI,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEFjJ,MAAA,CAAAgB,OAAA,CAAAqH,aAAA,CAAC9H,eAAA,CAAAS,OAAc;MACbqF,QAAQ,EAAC,8BAA8B;MACvCgB,SAAS,EAAEqB,uBAAO,CAACW,IAAK;MACxBnD,GAAG,EAAErF,CAAC,IAAK,IAAI,CAAC0B,kBAAkB,GAAG1B,CAAG;MACxC8B,UAAU,EAAEA,UAAW;MACvBiC,OAAO,EAAEA,OAAQ;MACjB0E,eAAe,EAAEpC,SAAU;MAC3B/D,QAAQ,EAAE,IAAI,CAACgB,aAAc;MAC7BoF,OAAO,EAAE,IAAI,CAAChF,YAAa;MAC3BwC,QAAQ,EAAEA,QAAS;MACnByC,WAAW;MACXC,OAAO;MACPzC,QAAQ,EAAEA,QAAS;MACnBM,qBAAqB,EAAEA,qBAAsB;MAC7CC,cAAc,EAAEA,cAAe;MAC/BC,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,aAAa,EAAEA,aAAc;MAC7BE,YAAY,EAAEA,YAAa;MAC3BD,cAAc,EAAEA,cAAe;MAC/BE,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBG,SAAS,EAAEA,SAAS,IAAI,IAAI,CAACxF,KAAK,CAACI,aAAc;MACjDkF,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtI,YAAA;QAAAuI,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CACE,CACU,CACV,CAAC;EAEd;AACF;AA3fMnH,YAAY,CACT4H,WAAW,GAAG,cAAc;AAD/B5H,YAAY,CAGT6H,SAAS,GAAG;EACjB;EACAtD,QAAQ,EAAEuD,kBAAS,CAACC,MAAM;EAC1B;AACJ;AACA;EACIxC,SAAS,EAAEuC,kBAAS,CAACC,MAAM;EAC3B;EACAnH,IAAI,EAAEkH,kBAAS,CAACE,IAAI;EACpB;EACAxD,SAAS,EAAEsD,kBAAS,CAACG,KAAK,CAACC,mBAAU,CAAC;EACtC;EACAzD,QAAQ,EAAEqD,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,IAAI,CAAC,CAAC;EACjE;EACA1D,SAAS,EAAEoD,kBAAS,CAACE,IAAI;EACzB;EACAhG,cAAc,EAAE8F,kBAAS,CAACO,IAAI;EAC9B;EACAnG,YAAY,EAAE4F,kBAAS,CAACO,IAAI;EAC5B;EACAjG,YAAY,EAAE0F,kBAAS,CAACO,IAAI;EAC5B;EACA5G,MAAM,EAAEqG,kBAAS,CAACO,IAAI;EACtB;EACAzG,MAAM,EAAEkG,kBAAS,CAACO,IAAI;EACtB;EACAhH,QAAQ,EAAEyG,kBAAS,CAACO,IAAI;EACxB;AACJ;AACA;AACA;EACIlD,YAAY,EAAE2C,kBAAS,CAACE,IAAI;EAC5B;EACAnD,QAAQ,EAAEiD,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACQ,MAAM,EAAER,kBAAS,CAACC,MAAM,CAAC,CAAC;EACnE;EACAjD,QAAQ,EAAEgD,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACQ,MAAM,EAAER,kBAAS,CAACC,MAAM,CAAC,CAAC;EACnE;EACA3C,SAAS,EAAE0C,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACQ,MAAM,EAAER,kBAAS,CAACC,MAAM,CAAC,CAAC;EAEpE;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACIjE,QAAQ,EAAEgE,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACM,IAAI,EAAEN,kBAAS,CAACO,IAAI,CAAC,CAAC;EAE/D;AACJ;AACA;AACA;EACIvF,OAAO,EAAEgF,kBAAS,CAACS,OAAO,CACxBT,kBAAS,CAACK,SAAS,CAAC,CAClBL,kBAAS,CAACU,KAAK,CAAC;IACdhG,EAAE,EAAEsF,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACQ,MAAM,CAAC,CAAC,CAC1DG,UAAU;IACbC,KAAK,EAAEZ,kBAAS,CAACK,SAAS,CAAC,CACzBL,kBAAS,CAACM,IAAI,EACdN,kBAAS,CAACC,MAAM,EAChBD,kBAAS,CAACO,IAAI,CACf,CAAC,CAACI,UAAU;IACbE,QAAQ,EAAEb,kBAAS,CAACE,IAAI;IACxBY,aAAa,EAAEd,kBAAS,CAACE;EAC3B,CAAC,CAAC;EAEF;EACAF,kBAAS,CAACU,KAAK,CAAC;IACdE,KAAK,EAAEZ,kBAAS,CAACG,KAAK,CAAC,CAAC,GAAG,CAAC;EAC9B,CAAC,CAAC,CACH,CACH,CAAC;EAED;AACJ;AACA;AACA;AACA;EACInC,YAAY,EAAEgC,kBAAS,CAACK,SAAS,CAAC,CAChCL,kBAAS,CAACE,IAAI,EACdF,kBAAS,CAACC,MAAM,EAChBD,kBAAS,CAACQ,MAAM,CACjB,CAAC;EAEF;EACAzH,UAAU,EAAEiH,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACQ,MAAM,CAAC,CAAC;EAErE;EACApD,QAAQ,EAAE4C,kBAAS,CAACC,MAAM;EAE1B;EACA9C,QAAQ,EAAE6C,kBAAS,CAACQ,MAAM;EAE1B;AACJ;AACA;AACA;EACIxH,iBAAiB,EAAEgH,kBAAS,CAACK,SAAS,CAAC,CACrCL,kBAAS,CAACC,MAAM,EAChBD,kBAAS,CAACQ,MAAM,CACjB,CAAC;EAEF;EACA3D,MAAM,EAAEmD,kBAAS,CAACQ,MAAM;EAExB;EACA1D,MAAM,EAAEkD,kBAAS,CAACU,KAAK,CAAC;IAAEK,CAAC,EAAEf,kBAAS,CAACQ,MAAM;IAAEQ,CAAC,EAAEhB,kBAAS,CAACQ;EAAO,CAAC,CAAC;EAErE;AACJ;AACA;AACA;EACItD,IAAI,EAAE8C,kBAAS,CAACE,IAAI;EAEpB;AACJ;AACA;AACA;EACIjD,KAAK,EAAE+C,kBAAS,CAACE,IAAI;EAErB;EACA3C,KAAK,EAAEyC,kBAAS,CAACE,IAAI;EAErB;EACA1C,OAAO,EAAEwC,kBAAS,CAACE,IAAI;EAEvB;EACAxC,qBAAqB,EAAEsC,kBAAS,CAACE,IAAI;EAErC;EACAvC,cAAc,EAAEqC,kBAAS,CAACE,IAAI;EAE9B;EACAtC,QAAQ,EAAEoC,kBAAS,CAACO,IAAI;EAExB;EACA1C,OAAO,EAAEmC,kBAAS,CAACE,IAAI;EAEvB;EACApC,aAAa,EAAEkC,kBAAS,CAACQ,MAAM;EAE/B;EACAzC,cAAc,EAAEiC,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACQ,MAAM,EAAER,kBAAS,CAACC,MAAM,CAAC,CAAC;EAEzE;EACA/B,QAAQ,EAAE8B,kBAAS,CAACG,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;EAE/C;EACAhC,WAAW,EAAE6B,kBAAS,CAACM,IAAI;EAC3B;EACAlC,WAAW,EAAE4B,kBAAS,CAACM,IAAI;EAC3B;EACAjC,SAAS,EAAE2B,kBAAS,CAACE;AACvB,CAAC;AApKGhI,YAAY,CA2KT+I,YAAY,GAAG;EACpBvE,SAAS,EAAE,QAAQ;EACnBC,QAAQ,EAAE,QAAQ;EAClBC,SAAS,EAAE,KAAK;EAChBU,SAAS,EAAE,OAAO;EAClBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdU,QAAQ,EAAE,QAAQ;EAClBvE,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;EAChBG,MAAM,EAAEA,CAAA,KAAM,CAAC;AACjB,CAAC;AAAA,IAAAoH,QAAA,GAAAC,OAAA,CAAA/J,OAAA,GAwUYc,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_DropdownBaseSt","_Popover","_DropdownLayout","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownBase","PureComponent","constructor","props","_ref","_this$props$selectedI","_this","this","triggerElementRef","_dropdownLayoutRef","_shouldCloseOnMouseLeave","state","open","selectedId","initialSelectedId","listAutoFocus","_isControllingOpen","arguments","length","undefined","_isControllingSelection","onSelect","_open","_focusFirstOption","setState","onShow","_close","type","onHide","_toggle","_ref2","_handleClickOutside","onClickOutside","_handlePopoverMouseEnter","onMouseEnter","_handlePopoverMouseLeave","onMouseLeave","_handleSelect","selectedOption","newState","id","_handleClose","current","focus","_getSelectedOption","_this$props$options","options","find","_ref3","_isOpenKey","key","includes","_isClosingKey","_handleKeyDown","isHandledByDropdownLayout","_delegateKeyDown","preventDefault","_onSelectListKeyDown","React","createRef","UNSAFE_componentWillReceiveProps","nextProps","_renderChildren","children","isValidElement","close","toggle","isOpen","Boolean","ref","delegateKeyDown","render","dataHook","placement","appendTo","showArrow","zIndex","moveBy","minWidth","maxWidth","fixed","flip","tabIndex","overflow","dynamicWidth","maxHeight","fluid","animate","className","focusOnSelectedOption","infiniteScroll","loadMore","hasMore","focusOnOption","scrollToOption","markedOption","onMouseDown","listType","fixedHeader","fixedFooter","autoFocus","_this$props","popoverProps","_objectWithoutProperties2","createElement","_extends2","shown","onKeyDown","st","classes","root","withWidth","__self","__source","fileName","lineNumber","columnNumber","Element","Content","style","list","maxHeightPixels","onClose","inContainer","visible","displayName","propTypes","PropTypes","string","bool","oneOf","placements","oneOfType","node","func","number","arrayOf","shape","isRequired","value","disabled","overrideStyle","x","y","defaultProps","_default","exports"],"sources":["../../../src/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  PureComponent,\n  RefObject,\n  SyntheticEvent,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './DropdownBase.st.css';\nimport Popover, { placements } from '../Popover';\nimport DropdownLayout, {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n} from '../DropdownLayout';\nimport type { DropdownLayout as DropdownLayoutClass } from '../DropdownLayout/DropdownLayout';\nimport type { ChildrenFnArgs, DropdownBaseProps } from './DropdownBase.types';\n\ntype DropdownBaseState = {\n  open?: boolean | undefined;\n  listAutoFocus?: boolean;\n  selectedId?: string | number | undefined;\n};\n\nclass DropdownBase extends PureComponent<DropdownBaseProps, DropdownBaseState> {\n  static displayName = 'DropdownBase';\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    open: PropTypes.bool,\n    placement: PropTypes.oneOf(placements),\n    appendTo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    showArrow: PropTypes.bool,\n    onClickOutside: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onShow: PropTypes.func,\n    onHide: PropTypes.func,\n    onSelect: PropTypes.func,\n    dynamicWidth: PropTypes.bool,\n    minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    options: PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n            .isRequired,\n          value: PropTypes.oneOfType([\n            PropTypes.node,\n            PropTypes.string,\n            PropTypes.func,\n          ]).isRequired,\n          disabled: PropTypes.bool,\n          overrideStyle: PropTypes.bool,\n        }),\n\n        // A divider option without an id\n        PropTypes.shape({\n          value: PropTypes.oneOf(['-']),\n        }),\n      ]),\n    ),\n    markedOption: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    overflow: PropTypes.string,\n    tabIndex: PropTypes.number,\n    initialSelectedId: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    zIndex: PropTypes.number,\n    moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n    flip: PropTypes.bool,\n    fixed: PropTypes.bool,\n    fluid: PropTypes.bool,\n    animate: PropTypes.bool,\n    focusOnSelectedOption: PropTypes.bool,\n    infiniteScroll: PropTypes.bool,\n    loadMore: PropTypes.func,\n    hasMore: PropTypes.bool,\n    focusOnOption: PropTypes.number,\n    scrollToOption: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    listType: PropTypes.oneOf(['action', 'select']),\n    fixedHeader: PropTypes.node,\n    fixedFooter: PropTypes.node,\n    autoFocus: PropTypes.bool,\n  };\n\n  triggerElementRef: RefObject<HTMLElement>;\n  constructor(props: DropdownBaseProps) {\n    super(props);\n    this.triggerElementRef = React.createRef();\n  }\n\n  static defaultProps = {\n    placement: 'bottom',\n    appendTo: 'parent',\n    showArrow: false,\n    maxHeight: '260px',\n    fluid: false,\n    animate: false,\n    listType: 'select',\n    onShow: () => {},\n    onHide: () => {},\n  };\n\n  _dropdownLayoutRef: DropdownLayoutClass | null = null;\n  _shouldCloseOnMouseLeave = false;\n\n  state = {\n    open: this.props.open,\n    selectedId: this.props.selectedId ?? this.props.initialSelectedId ?? -1,\n    listAutoFocus: false,\n  };\n\n  /**\n   * Return `true` if the `open` prop is being controlled\n   */\n  _isControllingOpen = (props = this.props) => {\n    return typeof props.open !== 'undefined';\n  };\n\n  /**\n   * Return `true` if the selection behaviour is being controlled\n   */\n  _isControllingSelection = (props = this.props) => {\n    return (\n      typeof props.selectedId !== 'undefined' &&\n      typeof props.onSelect !== 'undefined'\n    );\n  };\n\n  _open = () => {\n    if (this.state.open) {\n      this._dropdownLayoutRef && this._dropdownLayoutRef._focusFirstOption();\n      return;\n    }\n\n    if (!this._isControllingOpen()) {\n      this.setState({ open: true });\n      /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */\n      this.props.onShow();\n    }\n  };\n\n  _close = (e?: SyntheticEvent) => {\n    if (this._isControllingOpen()) {\n      return;\n    }\n\n    // If called within a `mouseleave` event on the target element, we would like to close the\n    // popover only on the popover's `mouseleave` event\n    if (e && e.type === 'mouseleave') {\n      // We're not using `setState` since we don't want to wait for the next render\n      this._shouldCloseOnMouseLeave = true;\n    } else {\n      this.setState({ open: false, listAutoFocus: false });\n    }\n    /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */\n    this.props.onHide();\n  };\n\n  _toggle = () => {\n    !this._isControllingOpen() &&\n      this.setState(({ open }) => {\n        if (open) {\n          /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */\n          this.props.onHide();\n        } else {\n          /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */\n          this.props.onShow();\n        }\n\n        return {\n          open: !open,\n          listAutoFocus: false,\n        };\n      });\n  };\n\n  _handleClickOutside = () => {\n    const { onClickOutside } = this.props;\n\n    this._close();\n    onClickOutside && onClickOutside();\n  };\n\n  _handlePopoverMouseEnter = () => {\n    const { onMouseEnter } = this.props;\n\n    onMouseEnter && onMouseEnter();\n  };\n\n  _handlePopoverMouseLeave = () => {\n    const { onMouseLeave } = this.props;\n\n    if (this._shouldCloseOnMouseLeave) {\n      this._shouldCloseOnMouseLeave = false;\n\n      this.setState({\n        open: false,\n      });\n    }\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  _handleSelect = (selectedOption: DropdownLayoutValueOption) => {\n    const newState: Partial<DropdownBaseState> = {};\n\n    if (!this._isControllingOpen()) {\n      newState.open = false;\n      /** @ts-expect-error Typescript doesn't know about `DropdownBase.defaultProps` */\n      this.props.onHide();\n    }\n\n    if (!this._isControllingSelection()) {\n      newState.selectedId = selectedOption.id;\n    }\n\n    this.setState(newState, () => {\n      const { onSelect } = this.props;\n      onSelect && onSelect(selectedOption);\n    });\n  };\n\n  _handleClose = () => {\n    if (this.state.open) {\n      this._close();\n    }\n\n    if (\n      this.triggerElementRef &&\n      this.triggerElementRef.current &&\n      this.triggerElementRef.current.focus\n    ) {\n      this.triggerElementRef.current.focus();\n    }\n  };\n\n  _getSelectedOption = (selectedId: DropdownLayoutOption['id']) => {\n    return this.props.options?.find(({ id }) => id === selectedId);\n  };\n\n  /**\n   * Determine if a certain key should open the DropdownLayout\n   */\n  _isOpenKey = (key: string) => {\n    return ['Enter', ' ', 'ArrowDown'].includes(key);\n  };\n  _isClosingKey = (key: string) => {\n    return ['Tab', 'Escape'].includes(key);\n  };\n\n  /**\n   * A common `keydown` event that can be used for the target elements. It will automatically\n   * delegate the event to the underlying <DropdownLayout/>, and will determine when to open the\n   * dropdown depending on the pressed key.\n   */\n  _handleKeyDown = (e: KeyboardEvent) => {\n    if (this._isControllingOpen()) {\n      return;\n    }\n    const isHandledByDropdownLayout = this._delegateKeyDown(e);\n\n    if (!isHandledByDropdownLayout) {\n      if (this._isOpenKey(e.key)) {\n        this.setState({ listAutoFocus: true });\n        this._open();\n        e.preventDefault();\n      } else if (this._isClosingKey(e.key)) {\n        this._close();\n      }\n    }\n    // prevent toggle button onClick when pressing enter and dropdown is open\n    else if (this.state.open && e.key === 'Enter') {\n      e.preventDefault();\n    }\n  };\n\n  /*\n   * Delegate the event to the DropdownLayout. It'll handle the navigation, option selection and\n   * closing of the dropdown.\n   */\n  _delegateKeyDown = (\n    e: KeyboardEvent,\n  ): boolean | DropdownLayoutOption | undefined => {\n    if (!this._dropdownLayoutRef) {\n      return false;\n    }\n\n    return this._dropdownLayoutRef._onSelectListKeyDown(e);\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps: DropdownBaseProps) {\n    // Keep internal state updated if needed\n    if (\n      this._isControllingOpen(nextProps) &&\n      this.props.open !== nextProps.open\n    ) {\n      this.setState({ open: nextProps.open });\n    }\n\n    if (\n      this._isControllingSelection(nextProps) &&\n      this.props.selectedId !== nextProps.selectedId\n    ) {\n      this.setState({ selectedId: nextProps.selectedId });\n    }\n  }\n\n  _renderChildren() {\n    const { children } = this.props;\n    const { selectedId, open } = this.state;\n\n    if (!children) {\n      return null;\n    }\n\n    return React.isValidElement(children)\n      ? children // Returning the children as is when using in controlled mode\n      : (children as ChildrenFnArgs)({\n          open: this._open,\n          close: this._close,\n          toggle: this._toggle,\n          isOpen: Boolean(open),\n          ref: this.triggerElementRef,\n          delegateKeyDown: this._delegateKeyDown,\n\n          selectedOption: this._getSelectedOption(selectedId),\n        });\n  }\n\n  render() {\n    const {\n      dataHook,\n      placement,\n      appendTo,\n      showArrow,\n      zIndex,\n      moveBy,\n      options,\n      minWidth,\n      maxWidth,\n      fixed,\n      flip,\n      tabIndex,\n      overflow,\n      dynamicWidth,\n      maxHeight,\n      fluid,\n      animate,\n      className,\n      focusOnSelectedOption,\n      infiniteScroll,\n      loadMore,\n      hasMore,\n      focusOnOption,\n      scrollToOption,\n      markedOption,\n      onMouseDown,\n      listType,\n      fixedHeader,\n      fixedFooter,\n      autoFocus,\n    } = this.props;\n\n    const { open, selectedId } = this.state;\n    const { onShow, onHide, ...popoverProps } = this.props;\n    return (\n      <Popover\n        data-list-type={listType}\n        {...popoverProps} // backward compatible for migration stylable 1 to stylable 3\n        animate={animate}\n        dataHook={dataHook}\n        shown={open}\n        placement={placement}\n        dynamicWidth={dynamicWidth}\n        appendTo={appendTo}\n        showArrow={showArrow}\n        zIndex={zIndex}\n        moveBy={moveBy}\n        onKeyDown={this._handleKeyDown}\n        onMouseEnter={this._handlePopoverMouseEnter}\n        onMouseLeave={this._handlePopoverMouseLeave}\n        onClickOutside={this._handleClickOutside}\n        fixed={fixed}\n        flip={flip}\n        fluid={fluid}\n        className={st(\n          classes.root,\n          {\n            withWidth: Boolean(minWidth || maxWidth),\n          },\n          className,\n        )}\n      >\n        <Popover.Element>{this._renderChildren()}</Popover.Element>\n\n        <Popover.Content>\n          <div\n            style={{\n              minWidth,\n              maxWidth,\n            }}\n          >\n            <DropdownLayout\n              dataHook=\"dropdown-base-dropdownlayout\"\n              className={classes.list}\n              ref={r => (this._dropdownLayoutRef = r)}\n              selectedId={selectedId}\n              options={options}\n              maxHeightPixels={maxHeight}\n              onSelect={this._handleSelect}\n              onClose={this._handleClose}\n              tabIndex={tabIndex}\n              inContainer\n              visible\n              overflow={overflow}\n              focusOnSelectedOption={focusOnSelectedOption}\n              infiniteScroll={infiniteScroll}\n              loadMore={loadMore}\n              hasMore={hasMore}\n              focusOnOption={focusOnOption}\n              markedOption={markedOption}\n              scrollToOption={scrollToOption}\n              onMouseDown={onMouseDown}\n              listType={listType}\n              autoFocus={autoFocus || this.state.listAutoFocus}\n              fixedHeader={fixedHeader}\n              fixedFooter={fixedFooter}\n            />\n          </div>\n        </Popover.Content>\n      </Popover>\n    );\n  }\n}\n\nexport default DropdownBase;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DropdownBase/DropdownBase.private.uni.driver.js

@@ -13,7 +13,7 @@ var dropdownBasePrivateDriverFactory = (base, body) => {
   var byDataHook = dataHook => base.$("[data-hook=\"".concat(dataHook, "\"]"));
   var _getTargetElement = () => byDataHook('popover-element');
   var getContentElement = () => byDataHook('popover-content');
-  var createDropdownLayoutDriver = () => (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)(base);
+  var createDropdownLayoutDriver = () => (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)(base, body);
   return _objectSpread(_objectSpread({}, (0, _DropdownBaseUni.dropdownBaseDriverFactory)(base, body)), {}, {
     /** Returns the native target element */
     getTargetElement: () => _getTargetElement().getNative(),

package/dist/cjs/DropdownBase/DropdownBase.private.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DropdownBaseUni","require","_DropdownLayoutUni","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","dropdownBasePrivateDriverFactory","base","body","byDataHook","dataHook","$","concat","getTargetElement","getContentElement","createDropdownLayoutDriver","dropdownLayoutDriverFactory","publicDriverFactory","getNative","getDropdownElement","isOptionHovered","_isOptionHovered","_asyncToGenerator2","index","_x","isOptionSelected","_isOptionSelected","_x2","keyDown","_keyDown","key","pressKey","_x3","mouseLeaveTarget","_mouseLeaveTarget","mouse","leave","getDropdownLayoutDriver","keyDownListItem","_keyDownListItem","position","_x4","_x5","isListItemFocused","_isListItemFocused","_x6","exports"],"sources":["../../../src/DropdownBase/DropdownBase.private.uni.driver.js"],"sourcesContent":["import { dropdownBaseDriverFactory as publicDriverFactory } from './DropdownBase.uni.driver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\n\nexport const dropdownBasePrivateDriverFactory = (base, body) => {\n  const byDataHook = dataHook => base.$(`[data-hook=\"${dataHook}\"]`);\n\n  const getTargetElement = () => byDataHook('popover-element');\n  const getContentElement = () => byDataHook('popover-content');\n\n  const createDropdownLayoutDriver = () => dropdownLayoutDriverFactory(base);\n\n  return {\n    ...publicDriverFactory(base, body),\n\n    /** Returns the native target element */\n    getTargetElement: () => getTargetElement().getNative(),\n\n    /** Returns the native DropdownLayout element */\n    getDropdownElement: () => getContentElement().getNative(),\n\n    /** Return `true` if the option is hovered by the mouse */\n    isOptionHovered: async index =>\n      createDropdownLayoutDriver().isOptionHovered(index),\n\n    /** Return `true` if the option is selected */\n    isOptionSelected: async index =>\n      createDropdownLayoutDriver().isOptionSelected(index),\n\n    /** Trigger a keyDown event on the target element */\n    keyDown: async key => (await getTargetElement()).pressKey(key),\n\n    /** Perform a mouseLeave on the target element */\n    mouseLeaveTarget: async () => (await getTargetElement()).mouse.leave(),\n\n    getDropdownLayoutDriver: createDropdownLayoutDriver,\n\n    keyDownListItem: async (position, key) =>\n      createDropdownLayoutDriver().keyDownListItem(position, key),\n\n    isListItemFocused: async position =>\n      createDropdownLayoutDriver().isListItemFocused(position),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_DropdownBaseUni","require","_DropdownLayoutUni","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","dropdownBasePrivateDriverFactory","base","body","byDataHook","dataHook","$","concat","getTargetElement","getContentElement","createDropdownLayoutDriver","dropdownLayoutDriverFactory","publicDriverFactory","getNative","getDropdownElement","isOptionHovered","_isOptionHovered","_asyncToGenerator2","index","_x","isOptionSelected","_isOptionSelected","_x2","keyDown","_keyDown","key","pressKey","_x3","mouseLeaveTarget","_mouseLeaveTarget","mouse","leave","getDropdownLayoutDriver","keyDownListItem","_keyDownListItem","position","_x4","_x5","isListItemFocused","_isListItemFocused","_x6","exports"],"sources":["../../../src/DropdownBase/DropdownBase.private.uni.driver.ts"],"sourcesContent":["import { dropdownBaseDriverFactory as publicDriverFactory } from './DropdownBase.uni.driver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { KeyDefinitionType } from '@wix/unidriver-core';\n\nexport const dropdownBasePrivateDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const byDataHook = (dataHook: string) => base.$(`[data-hook=\"${dataHook}\"]`);\n\n  const getTargetElement = () => byDataHook('popover-element');\n  const getContentElement = () => byDataHook('popover-content');\n\n  const createDropdownLayoutDriver = () =>\n    dropdownLayoutDriverFactory(base, body);\n\n  return {\n    ...publicDriverFactory(base, body),\n\n    /** Returns the native target element */\n    getTargetElement: () => getTargetElement().getNative(),\n\n    /** Returns the native DropdownLayout element */\n    getDropdownElement: () => getContentElement().getNative(),\n\n    /** Return `true` if the option is hovered by the mouse */\n    isOptionHovered: async (index: number) =>\n      createDropdownLayoutDriver().isOptionHovered(index),\n\n    /** Return `true` if the option is selected */\n    isOptionSelected: async (index: number) =>\n      createDropdownLayoutDriver().isOptionSelected(index),\n\n    /** Trigger a keyDown event on the target element */\n    keyDown: async (key: KeyDefinitionType) =>\n      (await getTargetElement()).pressKey(key),\n\n    /** Perform a mouseLeave on the target element */\n    mouseLeaveTarget: async () => (await getTargetElement()).mouse.leave(),\n\n    getDropdownLayoutDriver: createDropdownLayoutDriver,\n\n    keyDownListItem: async (position: number, key: string) =>\n      createDropdownLayoutDriver().keyDownListItem(position, key),\n\n    isListItemFocused: async (position: number) =>\n      createDropdownLayoutDriver().isListItemFocused(position),\n  };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAA0F,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAInF,IAAMqB,gCAAgC,GAAGA,CAC9CC,IAAe,EACfC,IAAe,KACZ;EACH,IAAMC,UAAU,GAAIC,QAAgB,IAAKH,IAAI,CAACI,CAAC,iBAAAC,MAAA,CAAgBF,QAAQ,QAAI,CAAC;EAE5E,IAAMG,iBAAgB,GAAGA,CAAA,KAAMJ,UAAU,CAAC,iBAAiB,CAAC;EAC5D,IAAMK,iBAAiB,GAAGA,CAAA,KAAML,UAAU,CAAC,iBAAiB,CAAC;EAE7D,IAAMM,0BAA0B,GAAGA,CAAA,KACjC,IAAAC,8CAA2B,EAACT,IAAI,EAAEC,IAAI,CAAC;EAEzC,OAAAX,aAAA,CAAAA,aAAA,KACK,IAAAoB,0CAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;IAElC;IACAK,gBAAgB,EAAEA,CAAA,KAAMA,iBAAgB,CAAC,CAAC,CAACK,SAAS,CAAC,CAAC;IAEtD;IACAC,kBAAkB,EAAEA,CAAA,KAAML,iBAAiB,CAAC,CAAC,CAACI,SAAS,CAAC,CAAC;IAEzD;IACAE,eAAe;MAAA,IAAAC,gBAAA,OAAAC,kBAAA,CAAApB,OAAA,EAAE,WAAOqB,KAAa;QAAA,OACnCR,0BAA0B,CAAC,CAAC,CAACK,eAAe,CAACG,KAAK,CAAC;MAAA;MAAA,SADrDH,eAAeA,CAAAI,EAAA;QAAA,OAAAH,gBAAA,CAAAzB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAfsB,eAAe;IAAA,GACsC;IAErD;IACAK,gBAAgB;MAAA,IAAAC,iBAAA,OAAAJ,kBAAA,CAAApB,OAAA,EAAE,WAAOqB,KAAa;QAAA,OACpCR,0BAA0B,CAAC,CAAC,CAACU,gBAAgB,CAACF,KAAK,CAAC;MAAA;MAAA,SADtDE,gBAAgBA,CAAAE,GAAA;QAAA,OAAAD,iBAAA,CAAA9B,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAhB2B,gBAAgB;IAAA,GACsC;IAEtD;IACAG,OAAO;MAAA,IAAAC,QAAA,OAAAP,kBAAA,CAAApB,OAAA,EAAE,WAAO4B,GAAsB;QAAA,OACpC,OAAOjB,iBAAgB,CAAC,CAAC,EAAEkB,QAAQ,CAACD,GAAG,CAAC;MAAA;MAAA,SAD1CF,OAAOA,CAAAI,GAAA;QAAA,OAAAH,QAAA,CAAAjC,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAP8B,OAAO;IAAA,GACmC;IAE1C;IACAK,gBAAgB;MAAA,IAAAC,iBAAA,OAAAZ,kBAAA,CAAApB,OAAA,EAAE;QAAA,OAAY,OAAOW,iBAAgB,CAAC,CAAC,EAAEsB,KAAK,CAACC,KAAK,CAAC,CAAC;MAAA;MAAA,SAAtEH,gBAAgBA,CAAA;QAAA,OAAAC,iBAAA,CAAAtC,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAhBmC,gBAAgB;IAAA,GAAsD;IAEtEI,uBAAuB,EAAEtB,0BAA0B;IAEnDuB,eAAe;MAAA,IAAAC,gBAAA,OAAAjB,kBAAA,CAAApB,OAAA,EAAE,WAAOsC,QAAgB,EAAEV,GAAW;QAAA,OACnDf,0BAA0B,CAAC,CAAC,CAACuB,eAAe,CAACE,QAAQ,EAAEV,GAAG,CAAC;MAAA;MAAA,SAD7DQ,eAAeA,CAAAG,GAAA,EAAAC,GAAA;QAAA,OAAAH,gBAAA,CAAA3C,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAfwC,eAAe;IAAA,GAC8C;IAE7DK,iBAAiB;MAAA,IAAAC,kBAAA,OAAAtB,kBAAA,CAAApB,OAAA,EAAE,WAAOsC,QAAgB;QAAA,OACxCzB,0BAA0B,CAAC,CAAC,CAAC4B,iBAAiB,CAACH,QAAQ,CAAC;MAAA;MAAA,SAD1DG,iBAAiBA,CAAAE,GAAA;QAAA,OAAAD,kBAAA,CAAAhD,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAjB6C,iBAAiB;IAAA;EACyC;AAE9D,CAAC;AAACG,OAAA,CAAAxC,gCAAA,GAAAA,gCAAA","ignoreList":[]}

package/dist/cjs/DropdownBase/DropdownBase.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_DropdownBase";
+var _namespace_ = "wds_1_144_0_DropdownBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_DropdownBase__root","list":"wds_1_143_1_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_144_0_DropdownBase__root","list":"wds_1_144_0_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownBase/DropdownBase.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=DropdownBase.types.js.map

package/dist/cjs/DropdownBase/DropdownBase.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/DropdownBase/DropdownBase.types.ts"],"sourcesContent":["import {\n  ReactNode,\n  CSSProperties,\n  SyntheticEvent,\n  KeyboardEventHandler,\n  RefObject,\n} from 'react';\nimport { MoveByOffset } from '../common';\nimport type {\n  DropdownLayoutValueOption,\n  DropdownLayoutProps,\n  ListType,\n  Overflow,\n  DropdownLayoutOption,\n} from '../DropdownLayout';\nimport { AppendTo, PopoverProps } from '../Popover';\n\nexport type DropdownBaseProps = {\n  /** Control whether the <Popover/> should be opened */\n  open?: undefined | boolean;\n  /** Defines a callback function which is called when dropdown is opened */\n  onShow?: () => void;\n  /** Defines a callback function which is called when dropdown is closed */\n  onHide?: () => void;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Control popover placement */\n  placement?: PopoverProps['placement'];\n  /** Specifies where popover should be inserted as a last child - whether `parent` or `window` containers */\n  appendTo?: AppendTo;\n  /** Specifies whether popover arrow should be shown */\n  showArrow?: boolean;\n  /** Defines a callback function which is called when user clicks outside of a dropdown */\n  onClickOutside?: () => void;\n  /** Defines a callback function which is called on `onMouseEnter` event on the entire component */\n  onMouseEnter?: () => void;\n  /** Defines a callback function which is called on `onMouseLeave` event on the entire component */\n  onMouseLeave?: () => void;\n  onMouseDown?: DropdownLayoutProps['onMouseDown'];\n  /** Defines a callback function which is called whenever user selects a different option in the list */\n  onSelect?: (option: DropdownLayoutValueOption) => void;\n  /**\n   * Set popover's content width to a minimum width of a trigger element,\n   * but it can expand up to the defined value of `maxWidth`\n   */\n  dynamicWidth?: boolean;\n  /** Controls the maximum width of dropdown layout */\n  maxWidth?: CSSProperties['maxWidth'];\n  /** Controls the minimum width of dropdown layout */\n  minWidth?: CSSProperties['minWidth'];\n  /** Controls the maximum height of dropdown layout */\n  maxHeight?: number | string;\n  /**\n   * Specifies a target component to be rendered. If a regular node is passed, it'll be rendered as-is.\n   * If a function is passed, it's expected to return a React element.\n   * The function accepts an object containing the following properties:\n   *\n   *  * `open` - will open the Popover\n   *  * `close` - will close the Popover\n   *  * `toggle` - will toggle the Popover\n   *  * `isOpen` - indicates whether the items list is currently open\n   *  * `delegateKeyDown` - the underlying DropdownLayout's keydown handler. It can be called\n   *                        inside another keyDown event in order to delegate it.\n   *  * `selectedOption` - the currently selected option\n   *\n   * Check inserted component documentation for more information on available properties.\n   */\n  children?: DropdownBaseChildrenFn;\n  /**\n   * Specifies an array of options for a dropdown list. Objects must have an id and can include string value or node.\n   * If value is '-', a divider will be rendered instead (dividers do not require and id).\n   */\n  options?: DropdownLayoutProps['options'];\n  /** Define the selected option in the list */\n  selectedId?: string | number;\n  /** Handles container overflow behaviour */\n  overflow?: Overflow | undefined;\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */\n  tabIndex?: number;\n  /**\n   * Sets the initially selected option in the list. Used when selection\n   * behaviour is being controlled.\n   */\n  initialSelectedId?: string | number;\n  /** Specifies the stack order (`z-index`) of a dropdown layout */\n  zIndex?: number;\n  /** Moves dropdown content relative to the parent on X or Y axis by a defined amount of pixels */\n  moveBy?: MoveByOffset;\n  /**\n   * Specifies whether to flip the <Popover/> placement\n   * when it starts to overlap the target element (<Popover.Element/>)\n   */\n  flip?: boolean;\n  /**\n   * Specifies whether to enable the fixed behaviour. If enabled, <Popover/> keep its\n   * original placement even when it's being positioned outside the boundary.\n   */\n  fixed?: boolean;\n  /** Stretches trigger element to fill its parent container width */\n  fluid?: boolean;\n  /** Adds enter and exit animation */\n  animate?: boolean;\n  /** Focus to the selected option when dropdown is opened */\n  focusOnSelectedOption?: boolean;\n  /** Specifies whether lazy loading of the dropdown items is enabled */\n  infiniteScroll?: boolean;\n  /** Defines a callback function which is called on a request to render more list items */\n  loadMore?: (page: number) => void;\n  /** Specifies whether there are more items to load */\n  hasMore?: boolean;\n  /** Focus to the specified option when dropdown is opened */\n  focusOnOption?: DropdownLayoutProps['focusOnOption'];\n  /** Scrolls to the specified option when dropdown is opened without marking it */\n  scrollToOption?: DropdownLayoutProps['scrollToOption'];\n  /** A fixed header to the list */\n  fixedHeader?: DropdownLayoutProps['fixedHeader'];\n  /** A fixed footer to the list */\n  fixedFooter?: DropdownLayoutProps['fixedFooter'];\n  /** Defines type of behavior applied in list */\n  listType?: ListType;\n  /** Specifies whether first list item should be focused */\n  autoFocus?: boolean;\n  /** Sets the initial marking of an option in the list when opened:\n   *  - `false` - no initially hovered list item\n   *  - `true` - hover first selectable option\n   *  - any `number/string` specify the id of an option to be hovered\n   */\n  markedOption?: boolean | number | string;\n};\n\nexport type DropdownBaseChildrenFn = ReactNode | ChildrenFnArgs;\nexport type ChildrenFnArgs<T extends { focus: () => void } = any> = (data: {\n  open: () => void;\n  close: (e?: SyntheticEvent) => void;\n  toggle: () => void;\n  delegateKeyDown: KeyboardEventHandler;\n  selectedOption: DropdownLayoutOption | undefined;\n  isOpen: boolean;\n  ref: RefObject<T>;\n}) => ReactNode;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/DropdownBase/DropdownBase.uni.driver.js

@@ -24,7 +24,7 @@ var dropdownBaseDriverFactory = (base, body) => {
   }();
   var createDropdownLayoutDriver = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)(function* () {
-      return (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)((yield getContentElement()).$("[data-hook=\"dropdown-base-dropdownlayout\"]"));
+      return (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)((yield getContentElement()).$("[data-hook=\"dropdown-base-dropdownlayout\"]"), body);
     });
     return function createDropdownLayoutDriver() {
       return _ref2.apply(this, arguments);

package/dist/cjs/DropdownBase/DropdownBase.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_DropdownLayoutUni","_PopoverUni","_DataAttr","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","dropdownBaseDriverFactory","base","body","byDataHook","dataHook","$","concat","getTargetElement","getContentElement","_ref","_asyncToGenerator2","popoverUniDriverFactory","getContentElementUniDriver","createDropdownLayoutDriver","_ref2","dropdownLayoutDriverFactory","baseUniDriverFactory","getListType","_getListType","dropdownBaseRootElement","attr","_x","clickTargetElement","click","hoverTargetElement","hover","isDropdownShown","isContentElementExists","selectOption","_selectOption","index","clickAtOption","_x2","selectOptionByDataHook","_selectOptionByDataHook","clickAtOptionByDataHook","_x3","clickOutside","optionsCount","_optionsCount","optionsLength","optionContentAt","_optionContentAt","position","dropdownLayoutDriver","optionsDrivers","options","optionElement","element","option","findByHook","DATA_HOOKS","OPTION","nodeContent","$$","contentIsNode","count","get","getNative","text","_x4","getSelectedOptionId","_getSelectedOptionId","getMarkedOption","_getMarkedOption","markedOption","mouseEnter","mouseLeave","exports"],"sources":["../../../src/DropdownBase/DropdownBase.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport { DATA_HOOKS } from '../DropdownLayout/DataAttr';\n\nexport const dropdownBaseDriverFactory = (base, body) => {\n  const byDataHook = dataHook => base.$(`[data-hook=\"${dataHook}\"]`);\n  const getTargetElement = dataHook => byDataHook(dataHook);\n  const getContentElement = async () =>\n    popoverUniDriverFactory(base, body).getContentElementUniDriver();\n\n  const createDropdownLayoutDriver = async () =>\n    dropdownLayoutDriverFactory(\n      (await getContentElement()).$(\n        `[data-hook=\"dropdown-base-dropdownlayout\"]`,\n      ),\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns the list type prop value */\n    getListType: async dataHook => {\n      const dropdownBaseRootElement = await body.$(`[data-hook=\"${dataHook}\"]`);\n      return dropdownBaseRootElement.attr('data-list-type');\n    },\n\n    /** Returns the target element */\n    clickTargetElement: dataHook => getTargetElement(dataHook).click(),\n\n    /** Hover the target element */\n    hoverTargetElement: dataHook => getTargetElement(dataHook).hover(),\n\n    /** Returns `true` if the dropdown is being shown */\n    isDropdownShown: () =>\n      popoverUniDriverFactory(base, body).isContentElementExists(),\n\n    /** Select a specific option (requires the DropdownBase to be opened) */\n    selectOption: async index =>\n      (await createDropdownLayoutDriver()).clickAtOption(index),\n\n    /** Select a specific option by its data hook (requires the DropdownBase to be opened) */\n    selectOptionByDataHook: async dataHook =>\n      (await createDropdownLayoutDriver()).clickAtOptionByDataHook(dataHook),\n\n    /** Click outside of the component */\n    clickOutside: () => popoverUniDriverFactory(base, body).clickOutside(),\n\n    /** Options count (requires the DropdownBase to be opened) */\n    optionsCount: async () =>\n      (await createDropdownLayoutDriver()).optionsLength(),\n\n    optionContentAt: async position => {\n      const dropdownLayoutDriver = await createDropdownLayoutDriver();\n      const optionsDrivers = await dropdownLayoutDriver.options();\n      const optionElement = await optionsDrivers[position].element();\n      const option = await findByHook(optionElement, DATA_HOOKS.OPTION);\n\n      /*\n         Option content can be\n         1. node - <div>some text</div>\n         2. text - some text\n      */\n      const nodeContent = option.$$(':first-child');\n      const contentIsNode = (await nodeContent.count()) > 0;\n      if (contentIsNode) {\n        // eslint-disable-next-line no-restricted-properties\n        return await nodeContent.get(0).getNative();\n      } else {\n        return option.text();\n      }\n    },\n\n    /** Returns the selected option (requires the DropdownBase to be opened)*/\n    getSelectedOptionId: async () =>\n      (await createDropdownLayoutDriver()).getSelectedOptionId(),\n\n    /** Returns the marked option (requires the DropdownBase to be opened)*/\n    getMarkedOption: async () =>\n      (await createDropdownLayoutDriver()).markedOption(),\n\n    mouseEnter: () => popoverUniDriverFactory(base, body).mouseEnter(),\n    mouseLeave: () => popoverUniDriverFactory(base, body).mouseLeave(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_DropdownLayoutUni","_PopoverUni","_DataAttr","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","dropdownBaseDriverFactory","base","body","byDataHook","dataHook","$","concat","getTargetElement","getContentElement","_ref","_asyncToGenerator2","popoverUniDriverFactory","getContentElementUniDriver","createDropdownLayoutDriver","_ref2","dropdownLayoutDriverFactory","baseUniDriverFactory","getListType","_getListType","dropdownBaseRootElement","attr","_x","clickTargetElement","click","hoverTargetElement","hover","isDropdownShown","isContentElementExists","selectOption","_selectOption","index","clickAtOption","_x2","selectOptionByDataHook","_selectOptionByDataHook","clickAtOptionByDataHook","_x3","clickOutside","optionsCount","_optionsCount","optionsLength","optionContentAt","_optionContentAt","position","dropdownLayoutDriver","optionsDrivers","options","optionElement","element","option","findByHook","DATA_HOOKS","OPTION","nodeContent","$$","contentIsNode","count","get","getNative","text","_x4","getSelectedOptionId","_getSelectedOptionId","getMarkedOption","_getMarkedOption","markedOption","mouseEnter","mouseLeave","exports"],"sources":["../../../src/DropdownBase/DropdownBase.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport { DATA_HOOKS } from '../DropdownLayout/DataAttr';\nimport { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\n\nexport type DropdownBaseUniDriver = ReturnType<\n  typeof dropdownBaseDriverFactory\n>;\n\nexport const dropdownBaseDriverFactory = (base: UniDriver, body: UniDriver) => {\n  const byDataHook = (dataHook: string) => base.$(`[data-hook=\"${dataHook}\"]`);\n  const getTargetElement = (dataHook: string) => byDataHook(dataHook);\n  const getContentElement = async () =>\n    popoverUniDriverFactory(base, body).getContentElementUniDriver();\n\n  const createDropdownLayoutDriver = async () =>\n    dropdownLayoutDriverFactory(\n      (await getContentElement()).$(\n        `[data-hook=\"dropdown-base-dropdownlayout\"]`,\n      ),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns the list type prop value */\n    getListType: async (dataHook: string) => {\n      const dropdownBaseRootElement = await body.$(`[data-hook=\"${dataHook}\"]`);\n      return dropdownBaseRootElement.attr('data-list-type');\n    },\n\n    /** Returns the target element */\n    clickTargetElement: (dataHook: string) =>\n      getTargetElement(dataHook).click(),\n\n    /** Hover the target element */\n    hoverTargetElement: (dataHook: string) =>\n      getTargetElement(dataHook).hover(),\n\n    /** Returns `true` if the dropdown is being shown */\n    isDropdownShown: () =>\n      popoverUniDriverFactory(base, body).isContentElementExists(),\n\n    /** Select a specific option (requires the DropdownBase to be opened) */\n    selectOption: async (index: number) =>\n      (await createDropdownLayoutDriver()).clickAtOption(index),\n\n    /** Select a specific option by its data hook (requires the DropdownBase to be opened) */\n    selectOptionByDataHook: async (dataHook: string) =>\n      (await createDropdownLayoutDriver()).clickAtOptionByDataHook(dataHook),\n\n    /** Click outside of the component */\n    clickOutside: () => popoverUniDriverFactory(base, body).clickOutside(),\n\n    /** Options count (requires the DropdownBase to be opened) */\n    optionsCount: async () =>\n      (await createDropdownLayoutDriver()).optionsLength(),\n\n    optionContentAt: async (position: number) => {\n      const dropdownLayoutDriver = await createDropdownLayoutDriver();\n      const optionsDrivers = await dropdownLayoutDriver.options();\n      const optionElement = await optionsDrivers[position].element();\n      const option = await findByHook(optionElement, DATA_HOOKS.OPTION);\n\n      /*\n         Option content can be\n         1. node - <div>some text</div>\n         2. text - some text\n      */\n      const nodeContent = option.$$(':first-child');\n      const contentIsNode = (await nodeContent.count()) > 0;\n      if (contentIsNode) {\n        // eslint-disable-next-line no-restricted-properties\n        return await nodeContent.get(0).getNative();\n      } else {\n        return option.text();\n      }\n    },\n\n    /** Returns the selected option (requires the DropdownBase to be opened)*/\n    getSelectedOptionId: async () =>\n      (await createDropdownLayoutDriver()).getSelectedOptionId(),\n\n    /** Returns the marked option (requires the DropdownBase to be opened)*/\n    getMarkedOption: async () =>\n      (await createDropdownLayoutDriver()).markedOption(),\n\n    mouseEnter: () => popoverUniDriverFactory(base, body).mouseEnter(),\n    mouseLeave: () => popoverUniDriverFactory(base, body).mouseLeave(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DropdownBase/index.js

@@ -2,7 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {};
 exports.default = void 0;
-var _DropdownBase = _interopRequireDefault(require("./DropdownBase.js"));
+var _DropdownBase = _interopRequireDefault(require("./DropdownBase"));
 exports.default = _DropdownBase.default;
+var _DropdownBase2 = require("./DropdownBase.types");
+Object.keys(_DropdownBase2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownBase2[key]) return;
+  exports[key] = _DropdownBase2[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/DropdownBase/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DropdownBase","_interopRequireDefault","require","exports","default"],"sources":["../../../src/DropdownBase/index.js"],"sourcesContent":["export { default } from './DropdownBase.js';\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4CC,OAAA,CAAAC,OAAA,GAAAJ,aAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_DropdownBase","_interopRequireDefault","require","exports","default","_DropdownBase2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/DropdownBase/index.ts"],"sourcesContent":["export { default } from './DropdownBase';\nexport * from './DropdownBase.types';\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyCC,OAAA,CAAAC,OAAA,GAAAJ,aAAA,CAAAI,OAAA;AACzC,IAAAC,cAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,cAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,cAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,cAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/DropdownLayout/DropdownLayout.js

@@ -150,8 +150,8 @@ class DropdownLayout extends _react.PureComponent {
     /**
      * Handle keydown events for the DropdownLayout, mostly for accessibility
      *
-     * @param {SyntheticEvent} event - The keydown event triggered by React
-     * @returns {boolean} - Whether the event was handled by the component
+     * @param event - The keydown event triggered by React
+     * @returns Whether the event was handled by the component
      */
     this._onSelectListKeyDown = event => {
       if (!this.props.visible ||