@salutejs/plasma-hope 1.387.0 → 1.387.1-dev.0

package/components/Dropdown/Dropdown.component-test.js

@@ -1,547 +0,0 @@
-"use strict";
-
-var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _plasmaTypo = /*#__PURE__*/require("@salutejs/plasma-typo");
-var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
-var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
-var _StandardTypoStyle, _span;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var StandardTypoStyle = /*#__PURE__*/(0, _styledComponents.createGlobalStyle)(_plasmaTypo.standard);
-var items = [{
-  value: 'north_america',
-  label: 'Северная Америка',
-  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
-    color: "inherit"
-  }),
-  contentRight: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
-    color: "inherit"
-  })
-}, {
-  value: 'south_america',
-  label: 'Южная Америка',
-  items: [{
-    value: 'brazil',
-    label: 'Бразилия',
-    items: [{
-      value: 'rio_de_janeiro',
-      label: 'Рио-де-Жанейро'
-    }, {
-      value: 'sao_paulo',
-      label: 'Сан-Паулу'
-    }]
-  }, {
-    value: 'argentina',
-    label: 'Аргентина',
-    items: [{
-      value: 'buenos_aires',
-      label: 'Буэнос-Айрес'
-    }, {
-      value: 'cordoba',
-      label: 'Кордова'
-    }]
-  }, {
-    value: 'colombia',
-    label: 'Колумбия',
-    items: [{
-      value: 'bogota',
-      label: 'Богота'
-    }, {
-      value: 'medellin',
-      label: 'Медельин'
-    }]
-  }]
-}, {
-  value: 'europe',
-  label: 'Европа',
-  items: [{
-    value: 'france',
-    label: 'Франция',
-    items: [{
-      value: 'paris',
-      label: 'Париж'
-    }, {
-      value: 'lyon',
-      label: 'Лион'
-    }]
-  }, {
-    value: 'germany',
-    label: 'Германия',
-    items: [{
-      value: 'berlin',
-      label: 'Берлин'
-    }, {
-      value: 'munich',
-      label: 'Мюнхен'
-    }]
-  }, {
-    value: 'italy',
-    label: 'Италия',
-    items: [{
-      value: 'rome',
-      label: 'Рим'
-    }, {
-      value: 'milan',
-      label: 'Милан'
-    }]
-  }, {
-    value: 'spain',
-    label: 'Испания',
-    items: [{
-      value: 'madrid',
-      label: 'Мадрид'
-    }, {
-      value: 'barcelona',
-      label: 'Барселона'
-    }]
-  }, {
-    value: 'united_kingdom',
-    label: 'Великобритания',
-    items: [{
-      value: 'london',
-      label: 'Лондон'
-    }, {
-      value: 'manchester',
-      label: 'Манчестер'
-    }]
-  }]
-}, {
-  value: 'asia',
-  label: 'Азия',
-  items: [{
-    value: 'china',
-    label: 'Китай',
-    items: [{
-      value: 'beijing',
-      label: 'Пекин'
-    }, {
-      value: 'shanghai',
-      label: 'Шанхай'
-    }]
-  }, {
-    value: 'japan',
-    label: 'Япония',
-    items: [{
-      value: 'tokyo',
-      label: 'Токио'
-    }, {
-      value: 'osaka',
-      label: 'Осака'
-    }]
-  }, {
-    value: 'india',
-    label: 'Индия',
-    items: [{
-      value: 'delhi',
-      label: 'Дели'
-    }, {
-      value: 'mumbai',
-      label: 'Мумбаи'
-    }]
-  }, {
-    value: 'south_korea',
-    label: 'Южная Корея',
-    items: [{
-      value: 'seoul',
-      label: 'Сеул'
-    }, {
-      value: 'busan',
-      label: 'Пусан'
-    }]
-  }, {
-    value: 'thailand',
-    label: 'Таиланд',
-    items: [{
-      value: 'bangkok',
-      label: 'Бангкок'
-    }, {
-      value: 'phuket',
-      label: 'Пхукет'
-    }]
-  }]
-}, {
-  value: 'africa',
-  label: 'Африка',
-  disabled: true
-}];
-describe('plasma-b2c: Dropdown', function () {
-  var _CypressTestDecorator, _Dropdown, _Dropdown2, _Dropdown3, _Dropdown4, _Dropdown5, _Dropdown6, _Dropdown7, _Dropdown8, _Button, _Button2, _CypressTestDecorator2, _Button3, _Button4, _Button5, _CypressTestDecorator3, _CypressTestDecorator4, _CypressTestDecorator5, _CypressTestDecorator6, _Button6, _Button7, _CypressTestDecorator7, _Button8;
-  var Dropdown = (0, _plasmaCyUtils.getComponent)('Dropdown');
-  var Button = (0, _plasmaCyUtils.getComponent)('Button');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/_react["default"].createElement(StandardTypoStyle, null)), children);
-  };
-  it('default', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#south_america').click();
-    cy.get('#argentina').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: size', function () {
-    cy.viewport(1500, 500);
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '200px'
-      }
-    }, _Dropdown || (_Dropdown = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "xs",
-      closeOnOverlayClick: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "xs",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D XS"
-    }))), _Dropdown2 || (_Dropdown2 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "s",
-      closeOnOverlayClick: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "s",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D S"
-    }))), _Dropdown3 || (_Dropdown3 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "m",
-      closeOnOverlayClick: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "m",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D M"
-    }))), _Dropdown4 || (_Dropdown4 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "l",
-      closeOnOverlayClick: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "l",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D L"
-    }))))));
-    cy.get('#xs').click();
-    cy.get('#s').click();
-    cy.get('#m').click();
-    cy.get('#l').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: size, variant', function () {
-    cy.viewport(1500, 500);
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '200px'
-      }
-    }, _Dropdown5 || (_Dropdown5 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "xs",
-      closeOnOverlayClick: false,
-      variant: "tight"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "xs",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D XS"
-    }))), _Dropdown6 || (_Dropdown6 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "s",
-      closeOnOverlayClick: false,
-      variant: "tight"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "s",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D S"
-    }))), _Dropdown7 || (_Dropdown7 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "m",
-      closeOnOverlayClick: false,
-      variant: "tight"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "m",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D M"
-    }))), _Dropdown8 || (_Dropdown8 = /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      size: "l",
-      closeOnOverlayClick: false,
-      variant: "tight"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "l",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D L"
-    }))))));
-    cy.get('#xs').click();
-    cy.get('#s').click();
-    cy.get('#m').click();
-    cy.get('#l').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: onHover', function () {
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      onHover: function onHover(index) {
-        expect(index).to.eq(0);
-      }
-    }, _Button || (_Button = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#north_america').trigger('mouseover');
-  });
-  it('prop: onItemSelect', function () {
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      onItemSelect: function onItemSelect(item, event) {
-        expect(item).to.eq(items[0]);
-        expect(event.type).to.eq('click');
-      }
-    }, _Button2 || (_Button2 = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#north_america').click();
-  });
-  it('prop: trigger', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      trigger: "hover"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').trigger('mouseover');
-    cy.get('#asia').trigger('mouseover');
-    cy.get('#india').trigger('mouseover');
-    cy.get('#delhi').should('be.visible');
-    cy.matchImageSnapshot();
-  });
-  it('prop: placement', function () {
-    cy.viewport(500, 800);
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      placement: ['top', 'bottom'],
-      items: items,
-      closeOnOverlayClick: false
-    }, _Button3 || (_Button3 = /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "top",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        height: '600px'
-      }
-    }), /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      placement: ['top', 'bottom'],
-      items: items,
-      closeOnOverlayClick: false
-    }, _Button4 || (_Button4 = /*#__PURE__*/_react["default"].createElement(Button, {
-      id: "bottom",
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('#top').click();
-    cy.get('#bottom').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: offset', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      offset: [20, 20]
-    }, _Button5 || (_Button5 = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#south_america').click();
-    cy.get('#argentina').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: listWidth', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      listWidth: "300px"
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#south_america').click();
-    cy.get('#argentina').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: hasArrow', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      hasArrow: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#south_america').click();
-    cy.get('#argentina').click();
-    cy.matchImageSnapshot();
-  });
-  it('prop: closeOnSelect', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator5 || (_CypressTestDecorator5 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      closeOnSelect: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#north_america').click();
-    cy.get('#north_america').should('be.visible');
-  });
-  it('prop: closeOnOverlayClick', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator6 || (_CypressTestDecorator6 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, _span || (_span = /*#__PURE__*/_react["default"].createElement("span", {
-      id: "outer"
-    }, "outer text")), /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      closeOnOverlayClick: false
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#outer').click();
-    cy.get('#north_america').should('be.visible');
-  });
-  it('prop: onToggle', function () {
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      onToggle: function onToggle(isOpen, event) {
-        expect(isOpen).to.be.oneOf([true, false]);
-        expect(event.type).to.eq('click');
-      }
-    }, _Button6 || (_Button6 = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('button').click();
-  });
-  it('prop: onItemClick', function () {
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      onItemClick: function onItemClick(item, event) {
-        expect(item).to.eq(items[0]);
-        expect(event.type).to.eq('click');
-      }
-    }, _Button7 || (_Button7 = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.get('#north_america').click();
-  });
-  it('prop: listHeight, listOverflow', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator7 || (_CypressTestDecorator7 = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      listOverflow: "scroll",
-      listHeight: 6
-    }, /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('button').click();
-    cy.matchImageSnapshot();
-  });
-  it('keyboard interactions', function () {
-    cy.viewport(1000, 500);
-    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Dropdown, {
-      items: items,
-      onItemSelect: function onItemSelect(item, event) {
-        expect(item).to.eq(items[0]);
-        expect(event.type).to.eq('keydown');
-      }
-    }, _Button8 || (_Button8 = /*#__PURE__*/_react["default"].createElement(Button, {
-      text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
-    })))));
-    cy.get('body').realClick();
-    cy.realPress('Tab');
-
-    // Arrow Down
-    cy.realPress('ArrowDown');
-    cy.get('#listbox1').should('be.visible');
-    cy.get('#north_america').should('have.class', 'dropdown-item-is-focused');
-    cy.get('button').should('have.focus');
-    cy.realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowDown');
-    cy.get('#europe').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // Arrow Up
-    cy.realPress('ArrowUp');
-    cy.get('#north_america').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('ArrowUp');
-    cy.get('#africa').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // Arrows Right and Left
-    cy.realPress('ArrowDown').realPress('ArrowDown').realPress('ArrowRight');
-    cy.get('#listbox1').should('be.visible');
-    cy.get('#listbox2').should('be.visible');
-    cy.get('#brazil').should('have.class', 'dropdown-item-is-focused');
-    cy.get('button').should('have.focus');
-    cy.get('#south_america').should('have.class', 'dropdown-item-is-active');
-    cy.realPress('ArrowLeft');
-    cy.get('#listbox1').should('be.visible');
-    cy.get('#listbox2').should('not.be.visible');
-    cy.get('#south_america').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('ArrowDown').realPress('ArrowRight');
-    cy.get('#france').should('have.class', 'dropdown-item-is-focused');
-    cy.get('button').should('have.focus');
-    cy.get('#europe').should('have.class', 'dropdown-item-is-active');
-    cy.realPress('ArrowRight');
-    cy.get('#europe').should('have.class', 'dropdown-item-is-active');
-    cy.get('#france').should('have.class', 'dropdown-item-is-active');
-    cy.get('#paris').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('ArrowLeft').realPress('ArrowLeft').realPress('ArrowLeft');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-
-    // Escape
-    cy.realPress('Escape');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-
-    // Home
-    cy.realPress('Home');
-    cy.get('#listbox1').should('be.visible');
-    cy.get('button').should('have.focus');
-    cy.get('#north_america').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // End
-    cy.realPress('End');
-    cy.get('#listbox1').should('be.visible');
-    cy.get('button').should('have.focus');
-    cy.get('#africa').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // Page Down
-    cy.realPress('PageDown');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-    cy.realPress('ArrowDown');
-    cy.realPress('PageDown');
-    cy.get('button').should('have.focus');
-    cy.get('#africa').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // Page Up
-    cy.realPress('PageUp');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-    cy.realPress('ArrowDown');
-    cy.realPress('ArrowDown');
-    cy.realPress('PageUp');
-    cy.get('button').should('have.focus');
-    cy.get('#north_america').should('have.class', 'dropdown-item-is-focused');
-    cy.realPress('Escape');
-
-    // Space
-    cy.realPress('ArrowDown').realPress('ArrowDown').realPress('Space').realPress('ArrowLeft').realPress('ArrowUp').realPress('Space');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-
-    // Enter
-    cy.realPress('Enter').realPress('ArrowDown').realPress('Enter').realPress('ArrowLeft').realPress('ArrowUp').realPress('Enter');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('have.focus');
-
-    // Tab
-    cy.realPress('ArrowDown').realPress('Tab');
-    cy.get('#listbox1').should('not.be.visible');
-    cy.get('button').should('not.have.focus');
-  });
-});

package/components/Dropdown/Dropdown.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { DropdownUncontrolledProps } from './DropdownUncontrolled';
-import type { OnItemSelect } from './Dropdown.types';
-import type { DropdownListCssProperties } from './DropdownList';
-export interface DropdownProps extends Omit<DropdownUncontrolledProps, 'opened' | 'isOpen' | 'hoverIndex'>, DropdownListCssProperties {
-    /**
-     * Закрыть выпадающий список после выбора.
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Обработчик клика по item.
-     * @deprecated Будет удалено в v2.0, используйте onItemSelect.
-     */
-    onItemClick?: OnItemSelect;
-}
-/**
- * Выпадающий список без внешнего контроля видимости.
- */
-export declare const Dropdown: FC<DropdownProps>;
-//# sourceMappingURL=Dropdown.d.ts.map

package/components/Dropdown/Dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAwB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,WAAW,aACb,SAAQ,IAAI,CAAC,yBAAyB,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,EACvE,yBAAyB;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;CAC9B;AAMD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwCtC,CAAC"}

package/components/Dropdown/Dropdown.js

@@ -1,64 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dropdown = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
-var _DropdownUncontrolled = /*#__PURE__*/require("./DropdownUncontrolled");
-var _DropdownList = /*#__PURE__*/require("./DropdownList");
-var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
-var _excluded = ["disabled", "closeOnSelect", "onItemClick", "onToggle", "onItemSelect"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-(0, _collectPackageInfo.collectPackageInfo)('Dropdown/Dropdown');
-var StyledDropdownUncontrolled = /*#__PURE__*/(0, _styledComponents["default"])(_DropdownUncontrolled.DropdownUncontrolled).withConfig({
-  componentId: "plasma-web-core__sc-1aw1the-0"
-})(["", ";"], _DropdownList.applyDropdownListCssProperties);
-
-/**
- * Выпадающий список без внешнего контроля видимости.
- */
-var Dropdown = exports.Dropdown = function Dropdown(_ref) {
-  var disabled = _ref.disabled,
-    _ref$closeOnSelect = _ref.closeOnSelect,
-    closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
-    onItemClick = _ref.onItemClick,
-    onToggleExternal = _ref.onToggle,
-    onItemSelectExternal = _ref.onItemSelect,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var onToggle = (0, _react.useCallback)(function (newIsOpen, event) {
-    setIsOpen(newIsOpen);
-    onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(newIsOpen, event);
-  }, [onToggleExternal, disabled]);
-  var onItemSelect = (0, _react.useCallback)(function (item, event) {
-    if (closeOnSelect) {
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
-    }
-    if (onItemSelectExternal) {
-      return onItemSelectExternal(item, event);
-    }
-    return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, event);
-  }, [closeOnSelect, onToggle, onItemSelectExternal, onItemClick]);
-  return /*#__PURE__*/_react["default"].createElement(StyledDropdownUncontrolled, _extends({}, rest, {
-    opened: isOpen,
-    disabled: disabled,
-    onToggle: onToggle,
-    onItemSelect: onItemSelect
-  }));
-};

package/components/Dropdown/Dropdown.types.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode, SyntheticEvent } from 'react';
-export interface DropdownItem {
-    value: string | number;
-    label: string;
-    color?: string;
-    contentLeft?: ReactNode;
-}
-export interface DropdownNode extends DropdownItem {
-    items?: Array<DropdownNode>;
-    isActive?: boolean;
-    isDisabled?: boolean;
-}
-export type OnItemSelect = (item: DropdownNode, event: SyntheticEvent) => void;
-export type OnIndexChange = (index: number) => void;
-export type OnHover = (index: number) => void;
-//# sourceMappingURL=Dropdown.types.d.ts.map

package/components/Dropdown/Dropdown.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AACD,MAAM,WAAW,YAAa,SAAQ,YAAY;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AACpD,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC"}

package/components/Dropdown/Dropdown.types.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
-(0, _collectPackageInfo.collectPackageInfo)('Dropdown/Dropdown.types');