@wix/design-system 1.0.0

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

@@ -0,0 +1,451 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.dropdownLayoutDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _unidriver = require("../test-utils/utils/unidriver");
+var _DataAttr = require("./DataAttr");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var dropdownLayoutDriverFactory = (base, body) => {
+  var reactBase = (0, _unidriver.ReactBase)(base);
+  var contentContainer = () => (0, _unidriver.findByHook)(base, _DataAttr.DATA_HOOKS.CONTENT_CONTAINER);
+  var infiniteScrollContainer = () => (0, _unidriver.findByHook)(base, _DataAttr.DATA_HOOKS.INFINITE_SCROLL_CONTAINER);
+  var optionsElement = () => (0, _unidriver.findByHook)(base, _DataAttr.DATA_HOOKS.DROPDOWN_LAYOUT_OPTIONS);
+  function getOptionsContainerDataHook() {
+    return _getOptionsContainerDataHook.apply(this, arguments);
+  }
+  function _getOptionsContainerDataHook() {
+    _getOptionsContainerDataHook = (0, _asyncToGenerator2.default)(function* () {
+      return (yield infiniteScrollContainer().exists()) ? _DataAttr.DATA_HOOKS.INFINITE_SCROLL_CONTAINER : _DataAttr.DATA_HOOKS.DROPDOWN_LAYOUT_OPTIONS;
+    });
+    return _getOptionsContainerDataHook.apply(this, arguments);
+  }
+  var optionElementAt = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* (position) {
+      return yield base.$("[data-hook=".concat(yield getOptionsContainerDataHook(), "] > *:nth-child(").concat(position + 1, ")"));
+    });
+    return function optionElementAt(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var optionElementContentAt = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* (position) {
+      return yield base.$("[data-list-type=\"action\"] [data-hook=".concat(yield getOptionsContainerDataHook(), "] > *:nth-child(").concat(position + 1, ") > *"));
+    });
+    return function optionElementContentAt(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var optionElementByDataHook = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)(function* (dataHook) {
+      return yield base.$("[data-hook=".concat(yield getOptionsContainerDataHook(), "] [data-hook=\"").concat(dataHook, "\"]"));
+    });
+    return function optionElementByDataHook(_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var options = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)(function* () {
+      return base.$$("[data-hook=".concat(yield getOptionsContainerDataHook(), "] > *")).map(i => i);
+    });
+    return function options() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var optionsLength = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)(function* () {
+      return (yield options()).length;
+    });
+    return function optionsLength() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var doIfOptionExists = (position, onSuccess) => {
+    if (optionsLength() <= position) {
+      throw new Error("index out of bounds, try to get option ".concat(position, " while only ").concat(optionsLength(), " options exists"));
+    }
+    return onSuccess();
+  };
+  var getOptionDriver = position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+    var optionElementContent = yield optionElementContentAt(position);
+    return createOptionDriver((yield optionElementContent.exists()) ? optionElementContent : yield optionElementAt(position));
+  }));
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /** @deprecated should be private */
+    classes: () => optionsElement()._prop('className'),
+    /** Clicks on an option at a specific index
+     * @param {number} option index
+     * @return {Promise<void>}
+     */
+    clickAtOption: function () {
+      var _clickAtOption = (0, _asyncToGenerator2.default)(function* (index) {
+        return (yield getOptionDriver(index)).click();
+      });
+      function clickAtOption(_x4) {
+        return _clickAtOption.apply(this, arguments);
+      }
+      return clickAtOption;
+    }(),
+    /** Clicks on an option with a specific dataHook
+     * @param {string} dataHook
+     * @return {Promise<void>}
+     */
+    clickAtOptionByDataHook: function () {
+      var _clickAtOptionByDataHook = (0, _asyncToGenerator2.default)(function* (dataHook) {
+        return (yield optionElementByDataHook(dataHook)).click();
+      });
+      function clickAtOptionByDataHook(_x5) {
+        return _clickAtOptionByDataHook.apply(this, arguments);
+      }
+      return clickAtOptionByDataHook;
+    }(),
+    /** Clicks on an option with a specific value
+     * @param {string} value
+     * @return {Promise<void>}
+     */
+    clickAtOptionWithValue: function () {
+      var _clickAtOptionWithValue = (0, _asyncToGenerator2.default)(function* (value) {
+        for (var _option of yield options()) {
+          var optionDriver = yield createOptionDriver(_option);
+          if ((yield optionDriver.content()) === value) {
+            return optionDriver.click();
+          }
+        }
+      });
+      function clickAtOptionWithValue(_x6) {
+        return _clickAtOptionWithValue.apply(this, arguments);
+      }
+      return clickAtOptionWithValue;
+    }(),
+    /** @deprecated deprecated prop */
+    hasTopArrow: function () {
+      var _hasTopArrow = (0, _asyncToGenerator2.default)(function* () {
+        return yield (yield (0, _unidriver.findByHook)(base, _DataAttr.DATA_HOOKS.TOP_ARROW)).exists();
+      });
+      function hasTopArrow() {
+        return _hasTopArrow.apply(this, arguments);
+      }
+      return hasTopArrow;
+    }(),
+    /** @deprecated deprecated prop */
+    isDown: function () {
+      var _isDown = (0, _asyncToGenerator2.default)(function* () {
+        return (yield (yield contentContainer()).attr(_DataAttr.DATA_DIRECTION)) === _DataAttr.DROPDOWN_LAYOUT_DIRECTIONS.DOWN;
+      });
+      function isDown() {
+        return _isDown.apply(this, arguments);
+      }
+      return isDown;
+    }(),
+    /** @deprecated deprecated prop */
+    isUp: function () {
+      var _isUp = (0, _asyncToGenerator2.default)(function* () {
+        return (yield (yield contentContainer()).attr(_DataAttr.DATA_DIRECTION)) === _DataAttr.DROPDOWN_LAYOUT_DIRECTIONS.UP;
+      });
+      function isUp() {
+        return _isUp.apply(this, arguments);
+      }
+      return isUp;
+    }(),
+    isLinkOption: function () {
+      var _isLinkOption = (0, _asyncToGenerator2.default)(function* (position) {
+        return doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+          var optionDriver = yield getOptionDriver(position);
+          return optionDriver.isLink();
+        }));
+      });
+      function isLinkOption(_x7) {
+        return _isLinkOption.apply(this, arguments);
+      }
+      return isLinkOption;
+    }(),
+    isOptionADivider: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      var optionDriver = yield getOptionDriver(position);
+      return optionDriver.isDivider();
+    })),
+    isOptionExists: function () {
+      var _isOptionExists = (0, _asyncToGenerator2.default)(function* (optionText) {
+        for (var _option of yield options()) {
+          if ((yield _option.text()) === optionText) {
+            return true;
+          }
+        }
+        return false;
+      });
+      function isOptionExists(_x8) {
+        return _isOptionExists.apply(this, arguments);
+      }
+      return isOptionExists;
+    }(),
+    isOptionHovered: function () {
+      var _isOptionHovered = (0, _asyncToGenerator2.default)(function* (index) {
+        return doIfOptionExists(index, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+          var optionDriver = yield getOptionDriver(index);
+          return optionDriver.isHovered();
+        }));
+      });
+      function isOptionHovered(_x9) {
+        return _isOptionHovered.apply(this, arguments);
+      }
+      return isOptionHovered;
+    }(),
+    isOptionSelected: function () {
+      var _isOptionSelected = (0, _asyncToGenerator2.default)(function* (index) {
+        return doIfOptionExists(index, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+          var optionDriver = yield getOptionDriver(index);
+          return optionDriver.isSelected();
+        }));
+      });
+      function isOptionSelected(_x10) {
+        return _isOptionSelected.apply(this, arguments);
+      }
+      return isOptionSelected;
+    }(),
+    /** @deprecated */
+    isOptionHeightSmall: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      return (yield (yield optionElementAt(position)).attr(_DataAttr.DATA_OPTION.SIZE)) === 'small';
+    })),
+    /** @deprecated */
+    isOptionHeightBig: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      return (yield (yield optionElementAt(position)).attr(_DataAttr.DATA_OPTION.SIZE)) === 'big';
+    })),
+    isListItemFocused: function () {
+      var _isListItemFocused = (0, _asyncToGenerator2.default)(function* (position) {
+        return (0, _unidriver.isElementFocused)(yield optionElementContentAt(position));
+      });
+      function isListItemFocused(_x11) {
+        return _isListItemFocused.apply(this, arguments);
+      }
+      return isListItemFocused;
+    }(),
+    isShown: function () {
+      var _isShown = (0, _asyncToGenerator2.default)(function* () {
+        return !!(yield (yield contentContainer()).attr(_DataAttr.DATA_SHOWN));
+      });
+      function isShown() {
+        return _isShown.apply(this, arguments);
+      }
+      return isShown;
+    }(),
+    mouseEnter: () => base.hover(),
+    mouseEnterAtOption: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      var optionDriver = yield getOptionDriver(position);
+      return optionDriver.mouseEnter();
+    })),
+    mouseLeave: function () {
+      var _mouseLeave = (0, _asyncToGenerator2.default)(function* () {
+        switch (base.type) {
+          case 'react':
+            reactBase.mouseLeave();
+            return;
+          case 'puppeteer':
+            var {
+              element
+            } = yield (0, _unidriver.baseUniDriverFactory)(base).element();
+            page.evaluate(element => {
+              element.dispatchEvent(new MouseEvent('mouseout', {
+                bubbles: true,
+                view: window,
+                cancelable: true
+              }));
+            }, element);
+            return;
+          default:
+            return;
+        }
+      });
+      function mouseLeave() {
+        return _mouseLeave.apply(this, arguments);
+      }
+      return mouseLeave;
+    }(),
+    /** @deprecated deprecated prop */
+    mouseClickOutside: () => _unidriver.ReactBase.clickBody(),
+    mouseLeaveAtOption: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      var optionDriver = yield getOptionDriver(position);
+      return optionDriver.mouseLeave();
+    })),
+    /** @deprecated Use optionDriver*/
+    optionAt: () => {
+      return optionElementAt.getNative(); // eslint-disable-line no-restricted-properties
+    },
+
+    // This should be a private method since the hook include internal parts ('dropdown-divider-{id}, dropdown-item-{id})') */
+    /** @deprecated */
+    optionByHook: function () {
+      var _optionByHook = (0, _asyncToGenerator2.default)(function* (hook) {
+        var option = optionsElement().$("[data-hook=".concat(hook, "]"));
+        if (!(yield option.exists())) {
+          throw new Error("an option with data-hook ".concat(hook, " was not found"));
+        }
+        return createOptionDriver(option);
+      });
+      function optionByHook(_x12) {
+        return _optionByHook.apply(this, arguments);
+      }
+      return optionByHook;
+    }(),
+    /**
+     * Get Option by id
+     * @returns {Promise<any>}
+     */
+    optionById(optionId) {
+      return this.optionByHook("dropdown-item-".concat(optionId));
+    },
+    optionContentAt: position => doIfOptionExists(position, /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      var optionDriver = yield getOptionDriver(position);
+      return optionDriver.content();
+    })),
+    optionDriver: createOptionDriver,
+    /** Get Options drivers */
+    options: function () {
+      var _options = (0, _asyncToGenerator2.default)(function* () {
+        var drivers = [];
+        for (var position = 0; position < (yield optionsLength()); position++) {
+          drivers.push(yield getOptionDriver(position));
+        }
+        return drivers;
+      });
+      function options() {
+        return _options.apply(this, arguments);
+      }
+      return options;
+    }(),
+    optionsContent: function () {
+      var _optionsContent = (0, _asyncToGenerator2.default)(function* () {
+        var contentArray = [];
+        for (var option of yield options()) {
+          var optionDriver = yield createOptionDriver(option);
+          contentArray.push(yield optionDriver.content());
+        }
+        return contentArray;
+      });
+      function optionsContent() {
+        return _optionsContent.apply(this, arguments);
+      }
+      return optionsContent;
+    }(),
+    markedOption: function () {
+      var _markedOption = (0, _asyncToGenerator2.default)(function* () {
+        var allOptions = yield options();
+        var optionsWithHovered = yield Promise.all(allOptions.map( /*#__PURE__*/function () {
+          var _ref16 = (0, _asyncToGenerator2.default)(function* (option) {
+            return {
+              option,
+              hovered: !!(yield option.attr(_DataAttr.DATA_OPTION.HOVERED))
+            };
+          });
+          return function (_x13) {
+            return _ref16.apply(this, arguments);
+          };
+        }()));
+        var hoveredOptions = optionsWithHovered.filter(option => option.hovered).map(option => option.option);
+        return hoveredOptions.length && createOptionDriver(hoveredOptions[0]).content() || null;
+      });
+      function markedOption() {
+        return _markedOption.apply(this, arguments);
+      }
+      return markedOption;
+    }(),
+    getSelectedOptionId: function () {
+      var _getSelectedOptionId = (0, _asyncToGenerator2.default)(function* () {
+        return yield (0, _unidriver.getDataAttributeValue)(yield contentContainer(), _DataAttr.DATA_SELECTED_OPTION_ID);
+      });
+      function getSelectedOptionId() {
+        return _getSelectedOptionId.apply(this, arguments);
+      }
+      return getSelectedOptionId;
+    }(),
+    optionsLength,
+    /** @deprecated should be private */
+    optionsScrollTop: () => optionsElement()._prop('scrollTop'),
+    pressDownKey: () => base.pressKey('ArrowDown'),
+    pressUpKey: () => base.pressKey('ArrowUp'),
+    pressEnterKey: () => base.pressKey('Enter'),
+    pressSpaceKey: () => base.pressKey(' '),
+    pressTabKey: () => base.pressKey('Tab'),
+    pressEscKey: () => base.pressKey('Escape'),
+    keyDownListItem: function () {
+      var _keyDownListItem = (0, _asyncToGenerator2.default)(function* (position, key) {
+        var optionDriver = yield getOptionDriver(position);
+        return (yield optionDriver.element()).pressKey(key);
+      });
+      function keyDownListItem(_x14, _x15) {
+        return _keyDownListItem.apply(this, arguments);
+      }
+      return keyDownListItem;
+    }(),
+    tabIndex: () => base._prop('tabIndex'),
+    getListItemAttribute: function () {
+      var _getListItemAttribute = (0, _asyncToGenerator2.default)(function* (position, attribute) {
+        var optionDriver = yield getOptionDriver(position);
+        return (yield optionDriver.element()).attr(attribute);
+      });
+      function getListItemAttribute(_x16, _x17) {
+        return _getListItemAttribute.apply(this, arguments);
+      }
+      return getListItemAttribute;
+    }(),
+    /** Returns the list type prop value */
+    getListType: dataHook => (0, _unidriver.findByHook)(body, dataHook).attr('data-list-type'),
+    getOptionsContainerRole: () => optionsElement().attr('role')
+  });
+};
+exports.dropdownLayoutDriverFactory = dropdownLayoutDriverFactory;
+var createOptionDriver = option => ({
+  element: () => option,
+  mouseEnter: () => option.hover(),
+  mouseLeave: () => (0, _unidriver.ReactBase)(option).mouseLeave(),
+  isHovered: function () {
+    var _isHovered = (0, _asyncToGenerator2.default)(function* () {
+      return !!(yield option.attr(_DataAttr.DATA_OPTION.HOVERED));
+    });
+    function isHovered() {
+      return _isHovered.apply(this, arguments);
+    }
+    return isHovered;
+  }(),
+  isSelected: function () {
+    var _isSelected = (0, _asyncToGenerator2.default)(function* () {
+      return !!(yield option.attr(_DataAttr.DATA_OPTION.SELECTED));
+    });
+    function isSelected() {
+      return _isSelected.apply(this, arguments);
+    }
+    return isSelected;
+  }(),
+  content: () => option.text(),
+  click: () => option.click(),
+  isDivider: function () {
+    var _isDivider = (0, _asyncToGenerator2.default)(function* () {
+      var divider = yield (0, _unidriver.findByHook)(option, _DataAttr.OPTION_DATA_HOOKS.DIVIDER);
+      return divider.exists();
+    });
+    function isDivider() {
+      return _isDivider.apply(this, arguments);
+    }
+    return isDivider;
+  }(),
+  isDisabled: function () {
+    var _isDisabled = (0, _asyncToGenerator2.default)(function* () {
+      return !!(yield option.attr(_DataAttr.DATA_OPTION.DISABLED));
+    });
+    function isDisabled() {
+      return _isDisabled.apply(this, arguments);
+    }
+    return isDisabled;
+  }(),
+  isLink: function () {
+    var _isLink = (0, _asyncToGenerator2.default)(function* () {
+      return (yield option._prop('tagName')).toLowerCase() === 'a';
+    });
+    function isLink() {
+      return _isLink.apply(this, arguments);
+    }
+    return isLink;
+  }()
+});
+//# sourceMappingURL=DropdownLayout.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownLayoutDriverFactory","base","body","reactBase","ReactBase","contentContainer","findByHook","DATA_HOOKS","CONTENT_CONTAINER","infiniteScrollContainer","INFINITE_SCROLL_CONTAINER","optionsElement","DROPDOWN_LAYOUT_OPTIONS","getOptionsContainerDataHook","exists","optionElementAt","position","$","optionElementContentAt","optionElementByDataHook","dataHook","options","$$","map","i","optionsLength","length","doIfOptionExists","onSuccess","Error","getOptionDriver","optionElementContent","createOptionDriver","baseUniDriverFactory","classes","_prop","clickAtOption","index","click","clickAtOptionByDataHook","clickAtOptionWithValue","value","_option","optionDriver","content","hasTopArrow","TOP_ARROW","isDown","attr","DATA_DIRECTION","DROPDOWN_LAYOUT_DIRECTIONS","DOWN","isUp","UP","isLinkOption","isLink","isOptionADivider","isDivider","isOptionExists","optionText","text","isOptionHovered","isHovered","isOptionSelected","isSelected","isOptionHeightSmall","DATA_OPTION","SIZE","isOptionHeightBig","isListItemFocused","isElementFocused","isShown","DATA_SHOWN","mouseEnter","hover","mouseEnterAtOption","mouseLeave","type","element","page","evaluate","dispatchEvent","MouseEvent","bubbles","view","window","cancelable","mouseClickOutside","clickBody","mouseLeaveAtOption","optionAt","getNative","optionByHook","hook","option","optionById","optionId","optionContentAt","drivers","push","optionsContent","contentArray","markedOption","allOptions","optionsWithHovered","Promise","all","hovered","HOVERED","hoveredOptions","filter","getSelectedOptionId","getDataAttributeValue","DATA_SELECTED_OPTION_ID","optionsScrollTop","pressDownKey","pressKey","pressUpKey","pressEnterKey","pressSpaceKey","pressTabKey","pressEscKey","keyDownListItem","key","tabIndex","getListItemAttribute","attribute","getListType","getOptionsContainerRole","SELECTED","divider","OPTION_DATA_HOOKS","DIVIDER","isDisabled","DISABLED","toLowerCase"],"sources":["../../../src/DropdownLayout/DropdownLayout.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  ReactBase,\n  findByHook,\n  getDataAttributeValue,\n  isElementFocused,\n} from '../test-utils/utils/unidriver';\n\nimport {\n  DATA_OPTION,\n  DATA_HOOKS,\n  DATA_DIRECTION,\n  DATA_SHOWN,\n  DROPDOWN_LAYOUT_DIRECTIONS,\n  OPTION_DATA_HOOKS,\n  DATA_SELECTED_OPTION_ID,\n} from './DataAttr';\n\nexport const dropdownLayoutDriverFactory = (base, body) => {\n  const reactBase = ReactBase(base);\n  const contentContainer = () => findByHook(base, DATA_HOOKS.CONTENT_CONTAINER);\n  const infiniteScrollContainer = () =>\n    findByHook(base, DATA_HOOKS.INFINITE_SCROLL_CONTAINER);\n  const optionsElement = () =>\n    findByHook(base, DATA_HOOKS.DROPDOWN_LAYOUT_OPTIONS);\n\n  async function getOptionsContainerDataHook() {\n    return (await infiniteScrollContainer().exists())\n      ? DATA_HOOKS.INFINITE_SCROLL_CONTAINER\n      : DATA_HOOKS.DROPDOWN_LAYOUT_OPTIONS;\n  }\n\n  const optionElementAt = async position =>\n    await base.$(\n      `[data-hook=${await getOptionsContainerDataHook()}] > *:nth-child(${\n        position + 1\n      })`,\n    );\n\n  const optionElementContentAt = async position =>\n    await base.$(\n      `[data-list-type=\"action\"] [data-hook=${await getOptionsContainerDataHook()}] > *:nth-child(${\n        position + 1\n      }) > *`,\n    );\n\n  const optionElementByDataHook = async dataHook =>\n    await base.$(\n      `[data-hook=${await getOptionsContainerDataHook()}] [data-hook=\"${dataHook}\"]`,\n    );\n  const options = async () =>\n    base\n      .$$(`[data-hook=${await getOptionsContainerDataHook()}] > *`)\n      .map(i => i);\n\n  const optionsLength = async () => (await options()).length;\n\n  const doIfOptionExists = (position, onSuccess) => {\n    if (optionsLength() <= position) {\n      throw new Error(\n        `index out of bounds, try to get option ${position} while only ${optionsLength()} options exists`,\n      );\n    }\n    return onSuccess();\n  };\n\n  const getOptionDriver = position =>\n    doIfOptionExists(position, async () => {\n      const optionElementContent = await optionElementContentAt(position);\n      return createOptionDriver(\n        (await optionElementContent.exists())\n          ? optionElementContent\n          : await optionElementAt(position),\n      );\n    });\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** @deprecated should be private */\n    classes: () => optionsElement()._prop('className'),\n\n    /** Clicks on an option at a specific index\n     * @param {number} option index\n     * @return {Promise<void>}\n     */\n    clickAtOption: async index => (await getOptionDriver(index)).click(),\n\n    /** Clicks on an option with a specific dataHook\n     * @param {string} dataHook\n     * @return {Promise<void>}\n     */\n    clickAtOptionByDataHook: async dataHook =>\n      (await optionElementByDataHook(dataHook)).click(),\n\n    /** Clicks on an option with a specific value\n     * @param {string} value\n     * @return {Promise<void>}\n     */\n    clickAtOptionWithValue: async value => {\n      for (const _option of await options()) {\n        const optionDriver = await createOptionDriver(_option);\n        if ((await optionDriver.content()) === value) {\n          return optionDriver.click();\n        }\n      }\n    },\n\n    /** @deprecated deprecated prop */\n    hasTopArrow: async () =>\n      await (await findByHook(base, DATA_HOOKS.TOP_ARROW)).exists(),\n\n    /** @deprecated deprecated prop */\n    isDown: async () =>\n      (await (await contentContainer()).attr(DATA_DIRECTION)) ===\n      DROPDOWN_LAYOUT_DIRECTIONS.DOWN,\n\n    /** @deprecated deprecated prop */\n    isUp: async () =>\n      (await (await contentContainer()).attr(DATA_DIRECTION)) ===\n      DROPDOWN_LAYOUT_DIRECTIONS.UP,\n\n    isLinkOption: async position =>\n      doIfOptionExists(position, async () => {\n        const optionDriver = await getOptionDriver(position);\n        return optionDriver.isLink();\n      }),\n\n    isOptionADivider: position =>\n      doIfOptionExists(position, async () => {\n        const optionDriver = await getOptionDriver(position);\n        return optionDriver.isDivider();\n      }),\n\n    isOptionExists: async optionText => {\n      for (const _option of await options()) {\n        if ((await _option.text()) === optionText) {\n          return true;\n        }\n      }\n      return false;\n    },\n\n    isOptionHovered: async index =>\n      doIfOptionExists(index, async () => {\n        const optionDriver = await getOptionDriver(index);\n        return optionDriver.isHovered();\n      }),\n\n    isOptionSelected: async index =>\n      doIfOptionExists(index, async () => {\n        const optionDriver = await getOptionDriver(index);\n        return optionDriver.isSelected();\n      }),\n\n    /** @deprecated */\n    isOptionHeightSmall: position =>\n      doIfOptionExists(\n        position,\n        async () =>\n          (await (await optionElementAt(position)).attr(DATA_OPTION.SIZE)) ===\n          'small',\n      ),\n\n    /** @deprecated */\n    isOptionHeightBig: position =>\n      doIfOptionExists(\n        position,\n        async () =>\n          (await (await optionElementAt(position)).attr(DATA_OPTION.SIZE)) ===\n          'big',\n      ),\n\n    isListItemFocused: async position =>\n      isElementFocused(await optionElementContentAt(position)),\n\n    isShown: async () => !!(await (await contentContainer()).attr(DATA_SHOWN)),\n\n    mouseEnter: () => base.hover(),\n\n    mouseEnterAtOption: position =>\n      doIfOptionExists(position, async () => {\n        const optionDriver = await getOptionDriver(position);\n        return optionDriver.mouseEnter();\n      }),\n\n    mouseLeave: async () => {\n      switch (base.type) {\n        case 'react':\n          reactBase.mouseLeave();\n          return;\n        case 'puppeteer':\n          const { element } = await baseUniDriverFactory(base).element();\n          page.evaluate(element => {\n            element.dispatchEvent(\n              new MouseEvent('mouseout', {\n                bubbles: true,\n                view: window,\n                cancelable: true,\n              }),\n            );\n          }, element);\n          return;\n        default:\n          return;\n      }\n    },\n\n    /** @deprecated deprecated prop */\n    mouseClickOutside: () => ReactBase.clickBody(),\n\n    mouseLeaveAtOption: position =>\n      doIfOptionExists(position, async () => {\n        const optionDriver = await getOptionDriver(position);\n        return optionDriver.mouseLeave();\n      }),\n\n    /** @deprecated Use optionDriver*/\n    optionAt: () => {\n      return optionElementAt.getNative(); // eslint-disable-line no-restricted-properties\n    },\n\n    // This should be a private method since the hook include internal parts ('dropdown-divider-{id}, dropdown-item-{id})') */\n    /** @deprecated */\n    optionByHook: async hook => {\n      const option = optionsElement().$(`[data-hook=${hook}]`);\n      if (!(await option.exists())) {\n        throw new Error(`an option with data-hook ${hook} was not found`);\n      }\n\n      return createOptionDriver(option);\n    },\n\n    /**\n     * Get Option by id\n     * @returns {Promise<any>}\n     */\n    optionById(optionId) {\n      return this.optionByHook(`dropdown-item-${optionId}`);\n    },\n\n    optionContentAt: position =>\n      doIfOptionExists(position, async () => {\n        const optionDriver = await getOptionDriver(position);\n        return optionDriver.content();\n      }),\n\n    optionDriver: createOptionDriver,\n\n    /** Get Options drivers */\n    options: async () => {\n      const drivers = [];\n      for (let position = 0; position < (await optionsLength()); position++) {\n        drivers.push(await getOptionDriver(position));\n      }\n      return drivers;\n    },\n\n    optionsContent: async () => {\n      const contentArray = [];\n      for (const option of await options()) {\n        const optionDriver = await createOptionDriver(option);\n        contentArray.push(await optionDriver.content());\n      }\n      return contentArray;\n    },\n\n    markedOption: async () => {\n      const allOptions = await options();\n      const optionsWithHovered = await Promise.all(\n        allOptions.map(async option => ({\n          option,\n          hovered: !!(await option.attr(DATA_OPTION.HOVERED)),\n        })),\n      );\n      const hoveredOptions = optionsWithHovered\n        .filter(option => option.hovered)\n        .map(option => option.option);\n      return (\n        (hoveredOptions.length &&\n          createOptionDriver(hoveredOptions[0]).content()) ||\n        null\n      );\n    },\n    getSelectedOptionId: async () =>\n      await getDataAttributeValue(\n        await contentContainer(),\n        DATA_SELECTED_OPTION_ID,\n      ),\n    optionsLength,\n    /** @deprecated should be private */\n    optionsScrollTop: () => optionsElement()._prop('scrollTop'),\n    pressDownKey: () => base.pressKey('ArrowDown'),\n    pressUpKey: () => base.pressKey('ArrowUp'),\n    pressEnterKey: () => base.pressKey('Enter'),\n    pressSpaceKey: () => base.pressKey(' '),\n    pressTabKey: () => base.pressKey('Tab'),\n    pressEscKey: () => base.pressKey('Escape'),\n\n    keyDownListItem: async (position, key) => {\n      const optionDriver = await getOptionDriver(position);\n      return (await optionDriver.element()).pressKey(key);\n    },\n\n    tabIndex: () => base._prop('tabIndex'),\n\n    getListItemAttribute: async (position, attribute) => {\n      const optionDriver = await getOptionDriver(position);\n      return (await optionDriver.element()).attr(attribute);\n    },\n\n    /** Returns the list type prop value */\n    getListType: dataHook => findByHook(body, dataHook).attr('data-list-type'),\n    getOptionsContainerRole: () => optionsElement().attr('role'),\n  };\n};\n\nconst createOptionDriver = option => ({\n  element: () => option,\n  mouseEnter: () => option.hover(),\n  mouseLeave: () => ReactBase(option).mouseLeave(),\n  isHovered: async () => !!(await option.attr(DATA_OPTION.HOVERED)),\n  isSelected: async () => !!(await option.attr(DATA_OPTION.SELECTED)),\n  content: () => option.text(),\n  click: () => option.click(),\n  isDivider: async () => {\n    const divider = await findByHook(option, OPTION_DATA_HOOKS.DIVIDER);\n    return divider.exists();\n  },\n  isDisabled: async () => !!(await option.attr(DATA_OPTION.DISABLED)),\n  isLink: async () => (await option._prop('tagName')).toLowerCase() === 'a',\n});\n"],"mappings":"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"}

package/dist/cjs/DropdownLayout/index.d.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class DropdownLayout extends React.PureComponent {}
+exports.default = DropdownLayout;
+DropdownLayout.NONE_SELECTED_ID = void 0;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/DropdownLayout/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DropdownLayout","React","PureComponent","NONE_SELECTED_ID"],"sources":["../../../src/DropdownLayout/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface DropdownLayoutProps {\n  dataHook?: string;\n  className?: string;\n  dropDirectionUp?: boolean;\n  focusOnSelectedOption?: boolean;\n  onClose?: () => void;\n  onSelect?: (\n    option: DropdownLayoutValueOption,\n    sameOptionWasPicked: boolean,\n  ) => void;\n  onOptionMarked?: (option: DropdownLayoutValueOption | null) => void;\n  visible?: boolean;\n  options?: DropdownLayoutOption[];\n  selectedId?: string | number;\n  tabIndex?: number;\n  onClickOutside?: (e: TouchEvent | MouseEvent) => void;\n  fixedHeader?: React.ReactNode;\n  fixedFooter?: React.ReactNode;\n  maxHeightPixels?: string | number;\n  minWidthPixels?: string | number;\n  withArrow?: boolean;\n  closeOnSelect?: boolean;\n  onMouseEnter?: React.MouseEventHandler<HTMLElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLElement>;\n  itemHeight?: DropdownLayoutItemHeight;\n  selectedHighlight?: boolean;\n  inContainer?: boolean;\n  infiniteScroll?: boolean;\n  loadMore?: (page: number) => void;\n  hasMore?: boolean;\n  markedOption?: boolean | string | number;\n  overflow?: Overflow;\n  focusOnOption?: string | number;\n  scrollToOption?: string | number;\n  listType?: ListType;\n  autoFocus?: boolean;\n}\n\nexport type Overflow = 'visible' | 'hidden' | 'scroll' | 'auto';\nexport type ListType = 'action' | 'select';\n\nexport default class DropdownLayout extends React.PureComponent<DropdownLayoutProps> {\n  static NONE_SELECTED_ID: NoneSelectedId;\n}\n\ntype NoneSelectedId = -1;\n\nexport type DropdownLayoutOption =\n  | DropdownLayoutValueOption\n  | DropdownLayoutDividerOption;\n\nexport type DropdownLayoutValueOption = {\n  id: string | number;\n  value: React.ReactNode | string | RenderOptionFn;\n  disabled?: boolean;\n  title?: boolean;\n  linkTo?: string;\n  overrideStyle?: boolean;\n  overrideOptionStyle?: boolean;\n  label?: string;\n};\n\nexport type RenderOptionFn = (options: {\n  selected: boolean;\n  hovered: boolean;\n  disabled: boolean;\n}) => JSX.Element;\n\nexport type DropdownLayoutDividerOption = {\n  value: '-';\n  id?: string | number;\n};\n\nexport type DropdownLayoutItemHeight = 'small' | 'big';\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AA2ChB,MAAMA,cAAc,SAASC,KAAK,CAACC,aAAa,CAAsB;AAEpF;AAFoBF,cAAc,CAC1BG,gBAAgB"}

package/dist/cjs/DropdownLayout/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _DropdownLayout = _interopRequireDefault(require("./DropdownLayout.js"));
+exports.default = _DropdownLayout.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/DropdownLayout/index.js"],"sourcesContent":["export { default } from './DropdownLayout.js';\n"],"mappings":";;;;;AAAA;AAA8C"}