@wix/design-system 1.0.0

package/dist/cjs/Badge/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+var _Badge = _interopRequireDefault(require("./Badge"));
+exports.default = _Badge.default;
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  exports[key] = _constants[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Badge/index.js"],"sourcesContent":["export { default } from './Badge';\n\nexport * from './constants';\n"],"mappings":";;;;;;AAAA;AAAkC;AAElC;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/BadgeSelect/BadgeSelect.driver.d.js

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

package/dist/cjs/BadgeSelect/BadgeSelect.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/BadgeSelect/BadgeSelect.driver.d.ts"],"sourcesContent":["import { BaseDriver } from 'wix-ui-test-utils/driver-factory';\n\nexport interface BadgeSelectDriver extends BaseDriver {\n  text: () => string;\n  clickAtOption: (index: number) => void;\n}\n"],"mappings":""}

package/dist/cjs/BadgeSelect/BadgeSelect.driver.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Badge = _interopRequireDefault(require("../Badge/Badge.driver"));
+var DATA_ATTR = _interopRequireWildcard(require("./DataAttr"));
+var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout/DropdownLayout.driver"));
+var _Popover = require("../Popover/Popover.driver");
+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; }
+var badgeSelectDriverFactory = _ref => {
+  var {
+    element,
+    eventTrigger
+  } = _ref;
+  var popoverDriver = (0, _Popover.popoverLegacyDriverFactory)({
+    element,
+    eventTrigger
+  });
+  var badgeDriver = (0, _Badge.default)({
+    element: element.querySelector("[data-hook=\"".concat(DATA_ATTR.DATA_BADGE, "\"]")),
+    eventTrigger
+  });
+  return {
+    /** Returns 'true' whether the element exists */
+    exists: () => !!element,
+    /** Gets badge text */
+    text: badgeDriver.text,
+    /** Click on an option */
+    clickAtOption: index => {
+      if (!popoverDriver.isContentElementExists()) {
+        badgeDriver.click();
+      }
+
+      // Since the popover may be closed, we need to create the DropdownLayout driver every time
+      var dropdownLayoutDriver = (0, _DropdownLayout.default)({
+        element: popoverDriver.getContentElement().querySelector("[data-hook=\"".concat(DATA_ATTR.DATA_DROPDOWN, "\"]"))
+      });
+      if (dropdownLayoutDriver.exists()) {
+        dropdownLayoutDriver.clickAtOption(index);
+      }
+    }
+  };
+};
+var _default = badgeSelectDriverFactory;
+exports.default = _default;
+//# sourceMappingURL=BadgeSelect.driver.js.map

package/dist/cjs/BadgeSelect/BadgeSelect.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeSelectDriverFactory","element","eventTrigger","popoverDriver","popoverLegacyDriverFactory","badgeDriver","badgeDriverFactory","querySelector","DATA_ATTR","DATA_BADGE","exists","text","clickAtOption","index","isContentElementExists","click","dropdownLayoutDriver","dropdownLayoutDriverFactory","getContentElement","DATA_DROPDOWN"],"sources":["../../../src/BadgeSelect/BadgeSelect.driver.js"],"sourcesContent":["import badgeDriverFactory from '../Badge/Badge.driver';\nimport * as DATA_ATTR from './DataAttr';\n\nimport dropdownLayoutDriverFactory from '../DropdownLayout/DropdownLayout.driver';\nimport { popoverLegacyDriverFactory } from '../Popover/Popover.driver';\n\nconst badgeSelectDriverFactory = ({ element, eventTrigger }) => {\n  const popoverDriver = popoverLegacyDriverFactory({ element, eventTrigger });\n  const badgeDriver = badgeDriverFactory({\n    element: element.querySelector(`[data-hook=\"${DATA_ATTR.DATA_BADGE}\"]`),\n    eventTrigger,\n  });\n\n  return {\n    /** Returns 'true' whether the element exists */\n    exists: () => !!element,\n\n    /** Gets badge text */\n    text: badgeDriver.text,\n\n    /** Click on an option */\n    clickAtOption: index => {\n      if (!popoverDriver.isContentElementExists()) {\n        badgeDriver.click();\n      }\n\n      // Since the popover may be closed, we need to create the DropdownLayout driver every time\n      const dropdownLayoutDriver = dropdownLayoutDriverFactory({\n        element: popoverDriver\n          .getContentElement()\n          .querySelector(`[data-hook=\"${DATA_ATTR.DATA_DROPDOWN}\"]`),\n      });\n\n      if (dropdownLayoutDriver.exists()) {\n        dropdownLayoutDriver.clickAtOption(index);\n      }\n    },\n  };\n};\n\nexport default badgeSelectDriverFactory;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAuE;AAAA;AAEvE,IAAMA,wBAAwB,GAAG,QAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC;EACzD,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAAC;IAAEH,OAAO;IAAEC;EAAa,CAAC,CAAC;EAC3E,IAAMG,WAAW,GAAG,IAAAC,cAAkB,EAAC;IACrCL,OAAO,EAAEA,OAAO,CAACM,aAAa,wBAAgBC,SAAS,CAACC,UAAU,SAAK;IACvEP;EACF,CAAC,CAAC;EAEF,OAAO;IACL;IACAQ,MAAM,EAAE,MAAM,CAAC,CAACT,OAAO;IAEvB;IACAU,IAAI,EAAEN,WAAW,CAACM,IAAI;IAEtB;IACAC,aAAa,EAAEC,KAAK,IAAI;MACtB,IAAI,CAACV,aAAa,CAACW,sBAAsB,EAAE,EAAE;QAC3CT,WAAW,CAACU,KAAK,EAAE;MACrB;;MAEA;MACA,IAAMC,oBAAoB,GAAG,IAAAC,uBAA2B,EAAC;QACvDhB,OAAO,EAAEE,aAAa,CACnBe,iBAAiB,EAAE,CACnBX,aAAa,wBAAgBC,SAAS,CAACW,aAAa;MACzD,CAAC,CAAC;MAEF,IAAIH,oBAAoB,CAACN,MAAM,EAAE,EAAE;QACjCM,oBAAoB,CAACJ,aAAa,CAACC,KAAK,CAAC;MAC3C;IACF;EACF,CAAC;AACH,CAAC;AAAC,eAEab,wBAAwB;AAAA"}

package/dist/cjs/BadgeSelect/BadgeSelect.js

@@ -0,0 +1,227 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _BadgeSelectSt = require("./BadgeSelect.st.css.js");
+var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout"));
+var _Popover = _interopRequireDefault(require("../Popover"));
+var _Badge = _interopRequireDefault(require("../Badge"));
+var _BadgeSelectItem = require("../BadgeSelectItem");
+var DATA_ATTR = _interopRequireWildcard(require("./DataAttr"));
+var _PopoverCommon = require("../common/PropTypes/PopoverCommon");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/BadgeSelect/BadgeSelect.js";
+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; }
+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; }
+class BadgeSelect extends _react.default.Component {
+  /**
+   * Determine if a certain key should open the DropdownLayout
+   *
+   * @param {KeyboardEvent.key} key - The key name
+   * @return {boolean} - Whether the key should cause the DropdownLayout to open
+   */
+
+  constructor(_props) {
+    super(_props);
+    this._isControlled = () => {
+      return typeof this.props.selectedId !== 'undefined';
+    };
+    this._isOpenKey = key => {
+      return ['Enter', 'Spacebar', ' ', 'ArrowDown'].includes(key);
+    };
+    this._getBadgeOptionById = (options, wantedId) => {
+      return options.find(_ref => {
+        var {
+          id
+        } = _ref;
+        return id === wantedId;
+      });
+    };
+    this._handleSelect = _ref2 => {
+      var {
+        id: selectedId
+      } = _ref2;
+      var {
+        onSelect,
+        options
+      } = this.props;
+      var selectedBadge = this._getBadgeOptionById(options, selectedId);
+      var newState = {
+        visible: false
+      };
+      if (!this._isControlled()) {
+        newState.selectedBadge = selectedBadge;
+      }
+      this.setState(newState);
+      onSelect && onSelect(selectedBadge);
+    };
+    this._onKeyDown = event => {
+      // Delegate the event to the DropdownLayout. It'll handle the navigation,
+      // option selection and closing of the dropdown.
+      var isHandledByDropdownLayout = this.dropdownLayout ? this.dropdownLayout._onSelectListKeyDown(event) : false;
+
+      // If the event wasn't handled by the DropdownLayout correctly, check if
+      // the pressed key should open the dropdown and act accordingly.
+      if (!isHandledByDropdownLayout) {
+        if (this._isOpenKey(event.key)) {
+          this.showDropdown();
+          event.preventDefault();
+        }
+      }
+    };
+    this.getSelectedOption = props => {
+      return this._getBadgeOptionById(props.options, props.selectedId) || props.options[0];
+    };
+    this.hideDropdown = () => {
+      this.setState({
+        visible: false
+      });
+    };
+    this.showDropdown = () => {
+      this.setState({
+        visible: true
+      });
+    };
+    this.toggleDropdown = () => {
+      this.setState({
+        visible: !this.state.visible
+      });
+    };
+    this.state = {
+      visible: false,
+      selectedBadge: this.getSelectedOption(_props)
+    };
+  }
+  get options() {
+    var {
+      options
+    } = this.props;
+    return Array.isArray(options) ? options.map(option => (0, _BadgeSelectItem.badgeSelectItemBuilder)(_objectSpread({}, option))) : [];
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.selectedId !== nextProps.selectedId) {
+      this.setState({
+        selectedBadge: this.getSelectedOption(nextProps)
+      });
+    }
+  }
+  render() {
+    var {
+      type,
+      size,
+      uppercase,
+      dataHook,
+      popoverProps
+    } = this.props;
+    var {
+      visible,
+      selectedBadge
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+      shown: visible,
+      dataHook: dataHook,
+      placement: "bottom",
+      onKeyDown: this._onKeyDown,
+      onClickOutside: this.hideDropdown
+    }, popoverProps, {
+      className: _BadgeSelectSt.classes.root,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 111,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 120,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Badge.default, {
+      ref: badge => this.badge = badge,
+      type: type,
+      size: size,
+      uppercase: uppercase,
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDownSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 126,
+          columnNumber: 25
+        }
+      }),
+      skin: this.state.selectedBadge.skin,
+      onClick: this.toggleDropdown,
+      dataHook: DATA_ATTR.DATA_BADGE,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 121,
+        columnNumber: 11
+      }
+    }, this.state.selectedBadge.text)), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 135,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_DropdownLayout.default, {
+      ref: r => this.dropdownLayout = r,
+      dataHook: DATA_ATTR.DATA_DROPDOWN,
+      visible: true,
+      selectedId: selectedBadge.id,
+      options: this.options,
+      onSelect: this._handleSelect,
+      onClose: this.hideDropdown,
+      inContainer: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 136,
+        columnNumber: 11
+      }
+    })));
+  }
+}
+BadgeSelect.displayName = 'BadgeSelect';
+BadgeSelect.propTypes = {
+  /** An array of options. Each option must have a unique `id`, a `text` and a `skin` whose value should match one of `<Badge/>`'s skin values */
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    skin: _propTypes.default.oneOf(['general', 'standard', 'danger', 'success', 'neutral', 'neutralLight', 'warning', 'warningLight', 'urgent', 'neutralStandard', 'neutralSuccess', 'neutralDanger', 'premium']).isRequired,
+    text: _propTypes.default.string.isRequired,
+    subtitle: _propTypes.default.string,
+    ellipsis: _propTypes.default.bool
+  })).isRequired,
+  /** The id of the selected option in the list */
+  selectedId: _propTypes.default.string,
+  /** Callback function called whenever the user selects a different option in the list */
+  onSelect: _propTypes.default.func,
+  /** The size of the `<Badge/>` */
+  size: _propTypes.default.oneOf(['small', 'medium']),
+  /** The type of the `<Badge/>` */
+  type: _propTypes.default.oneOf(['solid', 'outlined', 'transparent']),
+  /** Whether the text of the `<Badge/>` should be uppercase */
+  uppercase: _propTypes.default.bool,
+  /** Applied as data-hook HTML attribute that can be used to create driver in testing */
+  dataHook: _propTypes.default.string,
+  /** common popover props */
+  popoverProps: _propTypes.default.shape(_PopoverCommon.PopoverCommonProps)
+};
+BadgeSelect.defaultProps = {
+  size: 'medium',
+  type: 'solid',
+  uppercase: true
+};
+var _default = BadgeSelect;
+exports.default = _default;
+//# sourceMappingURL=BadgeSelect.js.map

package/dist/cjs/BadgeSelect/BadgeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BadgeSelect","React","Component","constructor","props","_isControlled","selectedId","_isOpenKey","key","includes","_getBadgeOptionById","options","wantedId","find","id","_handleSelect","onSelect","selectedBadge","newState","visible","setState","_onKeyDown","event","isHandledByDropdownLayout","dropdownLayout","_onSelectListKeyDown","showDropdown","preventDefault","getSelectedOption","hideDropdown","toggleDropdown","state","Array","isArray","map","option","badgeSelectItemBuilder","UNSAFE_componentWillReceiveProps","nextProps","render","type","size","uppercase","dataHook","popoverProps","classes","root","badge","skin","DATA_ATTR","DATA_BADGE","text","r","DATA_DROPDOWN","displayName","propTypes","PropTypes","arrayOf","shape","string","isRequired","oneOf","subtitle","ellipsis","bool","func","PopoverCommonProps","defaultProps"],"sources":["../../../src/BadgeSelect/BadgeSelect.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronDownSmall } from '@wix/wix-ui-icons-common';\nimport { classes } from './BadgeSelect.st.css';\n\nimport DropdownLayout from '../DropdownLayout';\nimport Popover from '../Popover';\nimport Badge from '../Badge';\nimport { badgeSelectItemBuilder } from '../BadgeSelectItem';\nimport * as DATA_ATTR from './DataAttr';\n\nimport { PopoverCommonProps } from '../common/PropTypes/PopoverCommon';\n\nclass BadgeSelect extends React.Component {\n  _isControlled = () => {\n    return typeof this.props.selectedId !== 'undefined';\n  };\n\n  /**\n   * Determine if a certain key should open the DropdownLayout\n   *\n   * @param {KeyboardEvent.key} key - The key name\n   * @return {boolean} - Whether the key should cause the DropdownLayout to open\n   */\n  _isOpenKey = key => {\n    return ['Enter', 'Spacebar', ' ', 'ArrowDown'].includes(key);\n  };\n\n  _getBadgeOptionById = (options, wantedId) => {\n    return options.find(({ id }) => id === wantedId);\n  };\n\n  _handleSelect = ({ id: selectedId }) => {\n    const { onSelect, options } = this.props;\n    const selectedBadge = this._getBadgeOptionById(options, selectedId);\n    const newState = { visible: false };\n    if (!this._isControlled()) {\n      newState.selectedBadge = selectedBadge;\n    }\n    this.setState(newState);\n\n    onSelect && onSelect(selectedBadge);\n  };\n\n  _onKeyDown = event => {\n    // Delegate the event to the DropdownLayout. It'll handle the navigation,\n    // option selection and closing of the dropdown.\n    const isHandledByDropdownLayout = this.dropdownLayout\n      ? this.dropdownLayout._onSelectListKeyDown(event)\n      : false;\n\n    // If the event wasn't handled by the DropdownLayout correctly, check if\n    // the pressed key should open the dropdown and act accordingly.\n    if (!isHandledByDropdownLayout) {\n      if (this._isOpenKey(event.key)) {\n        this.showDropdown();\n        event.preventDefault();\n      }\n    }\n  };\n\n  getSelectedOption = props => {\n    return (\n      this._getBadgeOptionById(props.options, props.selectedId) ||\n      props.options[0]\n    );\n  };\n\n  hideDropdown = () => {\n    this.setState({ visible: false });\n  };\n\n  showDropdown = () => {\n    this.setState({ visible: true });\n  };\n\n  toggleDropdown = () => {\n    this.setState({ visible: !this.state.visible });\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      visible: false,\n      selectedBadge: this.getSelectedOption(props),\n    };\n  }\n\n  get options() {\n    const { options } = this.props;\n\n    return Array.isArray(options)\n      ? options.map(option => badgeSelectItemBuilder({ ...option }))\n      : [];\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (this.props.selectedId !== nextProps.selectedId) {\n      this.setState({\n        selectedBadge: this.getSelectedOption(nextProps),\n      });\n    }\n  }\n\n  render() {\n    const { type, size, uppercase, dataHook, popoverProps } = this.props;\n    const { visible, selectedBadge } = this.state;\n\n    return (\n      <Popover\n        shown={visible}\n        dataHook={dataHook}\n        placement=\"bottom\"\n        onKeyDown={this._onKeyDown}\n        onClickOutside={this.hideDropdown}\n        {...popoverProps}\n        className={classes.root}\n      >\n        <Popover.Element>\n          <Badge\n            ref={badge => (this.badge = badge)}\n            type={type}\n            size={size}\n            uppercase={uppercase}\n            suffixIcon={<ChevronDownSmall />}\n            skin={this.state.selectedBadge.skin}\n            onClick={this.toggleDropdown}\n            dataHook={DATA_ATTR.DATA_BADGE}\n          >\n            {this.state.selectedBadge.text}\n          </Badge>\n        </Popover.Element>\n\n        <Popover.Content>\n          <DropdownLayout\n            ref={r => (this.dropdownLayout = r)}\n            dataHook={DATA_ATTR.DATA_DROPDOWN}\n            visible\n            selectedId={selectedBadge.id}\n            options={this.options}\n            onSelect={this._handleSelect}\n            onClose={this.hideDropdown}\n            inContainer\n          />\n        </Popover.Content>\n      </Popover>\n    );\n  }\n}\n\nBadgeSelect.displayName = 'BadgeSelect';\n\nBadgeSelect.propTypes = {\n  /** An array of options. Each option must have a unique `id`, a `text` and a `skin` whose value should match one of `<Badge/>`'s skin values */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      skin: PropTypes.oneOf([\n        'general',\n        'standard',\n        'danger',\n        'success',\n        'neutral',\n        'neutralLight',\n        'warning',\n        'warningLight',\n        'urgent',\n        'neutralStandard',\n        'neutralSuccess',\n        'neutralDanger',\n        'premium',\n      ]).isRequired,\n      text: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      ellipsis: PropTypes.bool,\n    }),\n  ).isRequired,\n\n  /** The id of the selected option in the list */\n  selectedId: PropTypes.string,\n\n  /** Callback function called whenever the user selects a different option in the list */\n  onSelect: PropTypes.func,\n\n  /** The size of the `<Badge/>` */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** The type of the `<Badge/>` */\n  type: PropTypes.oneOf(['solid', 'outlined', 'transparent']),\n\n  /** Whether the text of the `<Badge/>` should be uppercase */\n  uppercase: PropTypes.bool,\n\n  /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n  dataHook: PropTypes.string,\n\n  /** common popover props */\n  popoverProps: PropTypes.shape(PopoverCommonProps),\n};\n\nBadgeSelect.defaultProps = {\n  size: 'medium',\n  type: 'solid',\n  uppercase: true,\n};\n\nexport default BadgeSelect;\n"],"mappings":"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"}

package/dist/cjs/BadgeSelect/BadgeSelect.meta.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  options: [{
+    id: '0',
+    skin: 'general',
+    text: 'general'
+  }]
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=BadgeSelect.meta.js.map

package/dist/cjs/BadgeSelect/BadgeSelect.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","options","id","skin","text","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/BadgeSelect/BadgeSelect.meta.tsx"],"sourcesContent":["import { BadgeSelectProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: BadgeSelectProps = {\n  options: [\n    {\n      id: '0',\n      skin: 'general',\n      text: 'general',\n    },\n  ],\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as BadgeSelectProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA+B,GAAG;EAC7CC,OAAO,EAAE,CACP;IACEC,EAAE,EAAE,GAAG;IACPC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAE;EACR,CAAC;AAEL,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAP,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMQ,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/BadgeSelect/BadgeSelect.private.driver.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.badgeSelectPrivateDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Badge = _interopRequireDefault(require("../Badge/Badge.driver"));
+var _Popover = require("../Popover/Popover.driver");
+var _BadgeSelect = _interopRequireDefault(require("./BadgeSelect.driver"));
+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 badgeSelectPrivateDriverFactory = _ref => {
+  var {
+    element,
+    eventTrigger
+  } = _ref;
+  var popoverDriver = (0, _Popover.popoverLegacyDriverFactory)({
+    element,
+    eventTrigger
+  });
+  var badgeDriver = (0, _Badge.default)({
+    element: popoverDriver.getTargetElement().childNodes[0],
+    eventTrigger
+  });
+  return _objectSpread(_objectSpread({}, (0, _BadgeSelect.default)({
+    element,
+    eventTrigger
+  })), {}, {
+    /** Clicks on the element */
+    click: () => element.click(),
+    /** Clicks on the badge */
+    clickOnBadge: () => badgeDriver.click(),
+    /** Performs a click outside the component */
+    clickOutside: () => popoverDriver.clickOutside(),
+    /** Whether the dropdown is shown */
+    isDropdownShown: () => popoverDriver.isContentElementExists(),
+    /** Gets badge type */
+    getType: badgeDriver.getType,
+    /** Gets badge type */
+    getSkin: badgeDriver.getSkin,
+    /** Gets badge size */
+    getSize: badgeDriver.getSize,
+    /** Checks whether the text is uppercase */
+    isUppercase: badgeDriver.isUppercase
+  });
+};
+exports.badgeSelectPrivateDriverFactory = badgeSelectPrivateDriverFactory;
+//# sourceMappingURL=BadgeSelect.private.driver.js.map

package/dist/cjs/BadgeSelect/BadgeSelect.private.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeSelectPrivateDriverFactory","element","eventTrigger","popoverDriver","popoverLegacyDriverFactory","badgeDriver","badgeDriverFactory","getTargetElement","childNodes","badgeSelectPublicDriverFactory","click","clickOnBadge","clickOutside","isDropdownShown","isContentElementExists","getType","getSkin","getSize","isUppercase"],"sources":["../../../src/BadgeSelect/BadgeSelect.private.driver.js"],"sourcesContent":["import badgeDriverFactory from '../Badge/Badge.driver';\nimport { popoverLegacyDriverFactory } from '../Popover/Popover.driver';\nimport badgeSelectPublicDriverFactory from './BadgeSelect.driver';\n\nexport const badgeSelectPrivateDriverFactory = ({ element, eventTrigger }) => {\n  const popoverDriver = popoverLegacyDriverFactory({ element, eventTrigger });\n\n  const badgeDriver = badgeDriverFactory({\n    element: popoverDriver.getTargetElement().childNodes[0],\n    eventTrigger,\n  });\n\n  return {\n    ...badgeSelectPublicDriverFactory({ element, eventTrigger }),\n\n    /** Clicks on the element */\n    click: () => element.click(),\n\n    /** Clicks on the badge */\n    clickOnBadge: () => badgeDriver.click(),\n\n    /** Performs a click outside the component */\n    clickOutside: () => popoverDriver.clickOutside(),\n\n    /** Whether the dropdown is shown */\n    isDropdownShown: () => popoverDriver.isContentElementExists(),\n\n    /** Gets badge type */\n    getType: badgeDriver.getType,\n\n    /** Gets badge type */\n    getSkin: badgeDriver.getSkin,\n\n    /** Gets badge size */\n    getSize: badgeDriver.getSize,\n\n    /** Checks whether the text is uppercase */\n    isUppercase: badgeDriver.isUppercase,\n  };\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAkE;AAAA;AAE3D,IAAMA,+BAA+B,GAAG,QAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC;EACvE,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAAC;IAAEH,OAAO;IAAEC;EAAa,CAAC,CAAC;EAE3E,IAAMG,WAAW,GAAG,IAAAC,cAAkB,EAAC;IACrCL,OAAO,EAAEE,aAAa,CAACI,gBAAgB,EAAE,CAACC,UAAU,CAAC,CAAC,CAAC;IACvDN;EACF,CAAC,CAAC;EAEF,uCACK,IAAAO,oBAA8B,EAAC;IAAER,OAAO;IAAEC;EAAa,CAAC,CAAC;IAE5D;IACAQ,KAAK,EAAE,MAAMT,OAAO,CAACS,KAAK,EAAE;IAE5B;IACAC,YAAY,EAAE,MAAMN,WAAW,CAACK,KAAK,EAAE;IAEvC;IACAE,YAAY,EAAE,MAAMT,aAAa,CAACS,YAAY,EAAE;IAEhD;IACAC,eAAe,EAAE,MAAMV,aAAa,CAACW,sBAAsB,EAAE;IAE7D;IACAC,OAAO,EAAEV,WAAW,CAACU,OAAO;IAE5B;IACAC,OAAO,EAAEX,WAAW,CAACW,OAAO;IAE5B;IACAC,OAAO,EAAEZ,WAAW,CAACY,OAAO;IAE5B;IACAC,WAAW,EAAEb,WAAW,CAACa;EAAW;AAExC,CAAC;AAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.badgeSelectPrivateUniDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+var _BadgeSelectUni = require("./BadgeSelect.uni.driver");
+var _PopoverUni = require("../Popover/Popover.uni.driver");
+var _BadgeUni = require("../Badge/Badge.uni.driver");
+var DATA_ATTR = _interopRequireWildcard(require("./DataAttr"));
+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; }
+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 badgeSelectPrivateUniDriverFactory = (base, body) => {
+  var popoverDriver = (0, _PopoverUni.popoverUniDriverFactory)(base, body);
+  var badgeDriver = (0, _BadgeUni.badgeUniDriverFactory)((0, _unidriver.findByHook)(base, DATA_ATTR.DATA_BADGE));
+  return _objectSpread(_objectSpread({}, (0, _BadgeSelectUni.badgeSelectUniDriverFactory)(base, body)), {}, {
+    /** Performs a click outside the component */
+    clickOutside: popoverDriver.clickOutside,
+    /** Clicks on the badge */
+    clickOnBadge: () => badgeDriver.click(),
+    /** Whether the dropdown is shown */
+    isDropdownShown: popoverDriver.isContentElementExists
+  });
+};
+exports.badgeSelectPrivateUniDriverFactory = badgeSelectPrivateUniDriverFactory;
+//# sourceMappingURL=BadgeSelect.private.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["badgeSelectPrivateUniDriverFactory","base","body","popoverDriver","popoverUniDriverFactory","badgeDriver","badgeUniDriverFactory","findByHook","DATA_ATTR","DATA_BADGE","badgeSelectUniDriverFactory","clickOutside","clickOnBadge","click","isDropdownShown","isContentElementExists"],"sources":["../../../src/BadgeSelect/BadgeSelect.private.uni.driver.js"],"sourcesContent":["import { findByHook } from '../test-utils/utils/unidriver';\nimport { badgeSelectUniDriverFactory } from './BadgeSelect.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport { badgeUniDriverFactory } from '../Badge/Badge.uni.driver';\nimport * as DATA_ATTR from './DataAttr';\n\nexport const badgeSelectPrivateUniDriverFactory = (base, body) => {\n  const popoverDriver = popoverUniDriverFactory(base, body);\n  const badgeDriver = badgeUniDriverFactory(\n    findByHook(base, DATA_ATTR.DATA_BADGE),\n  );\n\n  return {\n    ...badgeSelectUniDriverFactory(base, body),\n\n    /** Performs a click outside the component */\n    clickOutside: popoverDriver.clickOutside,\n\n    /** Clicks on the badge */\n    clickOnBadge: () => badgeDriver.click(),\n\n    /** Whether the dropdown is shown */\n    isDropdownShown: popoverDriver.isContentElementExists,\n  };\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAEjC,IAAMA,kCAAkC,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EAChE,IAAMC,aAAa,GAAG,IAAAC,mCAAuB,EAACH,IAAI,EAAEC,IAAI,CAAC;EACzD,IAAMG,WAAW,GAAG,IAAAC,+BAAqB,EACvC,IAAAC,qBAAU,EAACN,IAAI,EAAEO,SAAS,CAACC,UAAU,CAAC,CACvC;EAED,uCACK,IAAAC,2CAA2B,EAACT,IAAI,EAAEC,IAAI,CAAC;IAE1C;IACAS,YAAY,EAAER,aAAa,CAACQ,YAAY;IAExC;IACAC,YAAY,EAAE,MAAMP,WAAW,CAACQ,KAAK,EAAE;IAEvC;IACAC,eAAe,EAAEX,aAAa,CAACY;EAAsB;AAEzD,CAAC;AAAC"}

package/dist/cjs/BadgeSelect/BadgeSelect.st.css

@@ -0,0 +1,23 @@
+:import {
+  -st-from: "../Popover/Popover.st.css";
+  -st-default: Popover;
+}
+
+.root {
+  -st-extends: Popover;
+}
+
+.root::content {
+  overflow: hidden;
+
+  /* Fix word wrapping issue */
+  width: intrinsic;
+  /* Safari/WebKit uses a non-standard name */
+  width: -moz-max-content;
+  /* Firefox/Gecko */
+  width: -webkit-max-content;
+  /* Chrome */
+  width: max-content;
+
+  max-width: 300px;
+}

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

@@ -0,0 +1,24 @@
+
+require("../Popover/Popover.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_BadgeSelect";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_BadgeSelect__root"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/BadgeSelect/BadgeSelect.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=BadgeSelect.uni.driver.d.js.map

package/dist/cjs/BadgeSelect/BadgeSelect.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/BadgeSelect/BadgeSelect.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\nimport { BadgeSize, BadgeType, BadgeSkin } from '../Badge';\n\nexport interface BadgeSelectUniDriver extends BaseUniDriver {\n  text: () => Promise<string>;\n  getType: () => Promise<BadgeType>;\n  getSkin: () => Promise<BadgeSkin>;\n  getSize: () => Promise<BadgeSize>;\n  isUppercase: () => Promise<boolean>;\n  hasClickCursor: () => Promise<boolean>;\n  clickAtOption: (index: number) => Promise<void>;\n}\n"],"mappings":""}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.badgeSelectUniDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+var _BadgeUni = require("../Badge/Badge.uni.driver");
+var _PopoverUni = require("../Popover/Popover.uni.driver");
+var DATA_ATTR = _interopRequireWildcard(require("./DataAttr"));
+var _DropdownLayoutUni = require("../DropdownLayout/DropdownLayout.uni.driver");
+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; }
+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 badgeSelectUniDriverFactory = (base, body) => {
+  var popoverDriver = (0, _PopoverUni.popoverUniDriverFactory)(base, body);
+  var badgeDriver = (0, _BadgeUni.badgeUniDriverFactory)((0, _unidriver.findByHook)(base, DATA_ATTR.DATA_BADGE));
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    exists: () => popoverDriver.exists(),
+    /**
+     * Clicks an option at given index
+     * @param {number} index Position of the option
+     * @returns {Promise<void>}
+     */
+    clickAtOption: function () {
+      var _clickAtOption = (0, _asyncToGenerator2.default)(function* (index) {
+        yield badgeDriver.click();
+        var popoverCommonTestkit = () => (0, _PopoverUni.popoverUniDriverFactory)(base, body);
+        var contentElement = yield popoverCommonTestkit().getContentElementUniDriver();
+        var dropdownLayoutDriver = (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)(contentElement.$("[data-hook=\"".concat(DATA_ATTR.DATA_DROPDOWN, "\"]")));
+        yield dropdownLayoutDriver.clickAtOption(index);
+      });
+      function clickAtOption(_x) {
+        return _clickAtOption.apply(this, arguments);
+      }
+      return clickAtOption;
+    }(),
+    /**
+     * Gets badge text
+     * @return {Promise<string>}
+     */
+    text: badgeDriver.text,
+    /**
+     * Gets badge type
+     * @return {Promise<'solid' | 'outlined' | 'transparent'>}
+     */
+    getType: badgeDriver.getType,
+    /**
+     * Gets badge type
+     * @return {Promise<'general' | 'standard' | 'danger' | 'success' | 'neutral' | 'neutralLight' | 'warning' | 'warningLight' | 'urgent' | 'neutralStandard' | 'neutralSuccess' | 'neutralDanger' | 'premium'>}
+     */
+    getSkin: badgeDriver.getSkin,
+    /**
+     * Gets badge size
+     * @return {Promise<'medium' | 'small'>}
+     */
+    getSize: badgeDriver.getSize,
+    /**
+     * Checks whether the text is uppercase
+     * @return {Promise<boolean>}
+     */
+    isUppercase: badgeDriver.isUppercase,
+    /**
+     * Checks whether badge is clickable
+     * @return {Promise<boolean>}
+     */
+    hasClickCursor: badgeDriver.hasClickCursor
+  });
+};
+exports.badgeSelectUniDriverFactory = badgeSelectUniDriverFactory;
+//# sourceMappingURL=BadgeSelect.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["badgeSelectUniDriverFactory","base","body","popoverDriver","popoverUniDriverFactory","badgeDriver","badgeUniDriverFactory","findByHook","DATA_ATTR","DATA_BADGE","baseUniDriverFactory","exists","clickAtOption","index","click","popoverCommonTestkit","contentElement","getContentElementUniDriver","dropdownLayoutDriver","dropdownLayoutDriverFactory","$","DATA_DROPDOWN","text","getType","getSkin","getSize","isUppercase","hasClickCursor"],"sources":["../../../src/BadgeSelect/BadgeSelect.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../test-utils/utils/unidriver';\nimport { badgeUniDriverFactory } from '../Badge/Badge.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport * as DATA_ATTR from './DataAttr';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\n\nexport const badgeSelectUniDriverFactory = (base, body) => {\n  const popoverDriver = popoverUniDriverFactory(base, body);\n  const badgeDriver = badgeUniDriverFactory(\n    findByHook(base, DATA_ATTR.DATA_BADGE),\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    exists: () => popoverDriver.exists(),\n\n    /**\n     * Clicks an option at given index\n     * @param {number} index Position of the option\n     * @returns {Promise<void>}\n     */\n    clickAtOption: async index => {\n      await badgeDriver.click();\n      const popoverCommonTestkit = () => popoverUniDriverFactory(base, body);\n      const contentElement =\n        await popoverCommonTestkit().getContentElementUniDriver();\n      const dropdownLayoutDriver = dropdownLayoutDriverFactory(\n        contentElement.$(`[data-hook=\"${DATA_ATTR.DATA_DROPDOWN}\"]`),\n      );\n\n      await dropdownLayoutDriver.clickAtOption(index);\n    },\n\n    /**\n     * Gets badge text\n     * @return {Promise<string>}\n     */\n    text: badgeDriver.text,\n\n    /**\n     * Gets badge type\n     * @return {Promise<'solid' | 'outlined' | 'transparent'>}\n     */\n    getType: badgeDriver.getType,\n\n    /**\n     * Gets badge type\n     * @return {Promise<'general' | 'standard' | 'danger' | 'success' | 'neutral' | 'neutralLight' | 'warning' | 'warningLight' | 'urgent' | 'neutralStandard' | 'neutralSuccess' | 'neutralDanger' | 'premium'>}\n     */\n    getSkin: badgeDriver.getSkin,\n\n    /**\n     * Gets badge size\n     * @return {Promise<'medium' | 'small'>}\n     */\n    getSize: badgeDriver.getSize,\n\n    /**\n     * Checks whether the text is uppercase\n     * @return {Promise<boolean>}\n     */\n    isUppercase: badgeDriver.isUppercase,\n\n    /**\n     * Checks whether badge is clickable\n     * @return {Promise<boolean>}\n     */\n    hasClickCursor: badgeDriver.hasClickCursor,\n  };\n};\n"],"mappings":";;;;;;;AAAA;AAIA;AACA;AACA;AACA;AAA0F;AAAA;AAAA;AAAA;AAEnF,IAAMA,2BAA2B,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EACzD,IAAMC,aAAa,GAAG,IAAAC,mCAAuB,EAACH,IAAI,EAAEC,IAAI,CAAC;EACzD,IAAMG,WAAW,GAAG,IAAAC,+BAAqB,EACvC,IAAAC,qBAAU,EAACN,IAAI,EAAEO,SAAS,CAACC,UAAU,CAAC,CACvC;EAED,uCACK,IAAAC,+BAAoB,EAACT,IAAI,CAAC;IAE7BU,MAAM,EAAE,MAAMR,aAAa,CAACQ,MAAM,EAAE;IAEpC;AACJ;AACA;AACA;AACA;IACIC,aAAa;MAAA,qDAAE,WAAMC,KAAK,EAAI;QAC5B,MAAMR,WAAW,CAACS,KAAK,EAAE;QACzB,IAAMC,oBAAoB,GAAG,MAAM,IAAAX,mCAAuB,EAACH,IAAI,EAAEC,IAAI,CAAC;QACtE,IAAMc,cAAc,SACZD,oBAAoB,EAAE,CAACE,0BAA0B,EAAE;QAC3D,IAAMC,oBAAoB,GAAG,IAAAC,8CAA2B,EACtDH,cAAc,CAACI,CAAC,wBAAgBZ,SAAS,CAACa,aAAa,SAAK,CAC7D;QAED,MAAMH,oBAAoB,CAACN,aAAa,CAACC,KAAK,CAAC;MACjD,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;AACJ;AACA;AACA;IACIS,IAAI,EAAEjB,WAAW,CAACiB,IAAI;IAEtB;AACJ;AACA;AACA;IACIC,OAAO,EAAElB,WAAW,CAACkB,OAAO;IAE5B;AACJ;AACA;AACA;IACIC,OAAO,EAAEnB,WAAW,CAACmB,OAAO;IAE5B;AACJ;AACA;AACA;IACIC,OAAO,EAAEpB,WAAW,CAACoB,OAAO;IAE5B;AACJ;AACA;AACA;IACIC,WAAW,EAAErB,WAAW,CAACqB,WAAW;IAEpC;AACJ;AACA;AACA;IACIC,cAAc,EAAEtB,WAAW,CAACsB;EAAc;AAE9C,CAAC;AAAC"}