@megafon/ui-core 5.18.1 → 6.0.0-beta.2

package/dist/es/components/Select/Select.js

@@ -1,31 +1,32 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.sticky.js";
+import "core-js/modules/es.regexp.test.js";
 import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.string.trim.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Fragment, useEffect, useReducer, useCallback } from 'react';
 import { cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
 import debounce from 'lodash.debounce';
-import * as PropTypes from 'prop-types';
 import "./Select.css";
 import selectReducer, { initialState, SelectActions } from "./reducer/selectReducer";
 var UPDATE_ITEMS_LIST = SelectActions.UPDATE_ITEMS_LIST,
-    UPDATE_VALUE_FROM_PROPS = SelectActions.UPDATE_VALUE_FROM_PROPS,
-    COMBOBOX_VALUE_DEBOUNCE = SelectActions.COMBOBOX_VALUE_DEBOUNCE,
-    COMBOBOX_INPUT_CHANGE = SelectActions.COMBOBOX_INPUT_CHANGE,
-    TOGGLE_DROPDOWN = SelectActions.TOGGLE_DROPDOWN,
-    UPDATE_SELECT_VALUE = SelectActions.UPDATE_SELECT_VALUE,
-    SET_HOVERED_ITEM_INDEX = SelectActions.SET_HOVERED_ITEM_INDEX;
+  UPDATE_VALUE_FROM_PROPS = SelectActions.UPDATE_VALUE_FROM_PROPS,
+  COMBOBOX_VALUE_DEBOUNCE = SelectActions.COMBOBOX_VALUE_DEBOUNCE,
+  COMBOBOX_INPUT_CHANGE = SelectActions.COMBOBOX_INPUT_CHANGE,
+  TOGGLE_DROPDOWN = SelectActions.TOGGLE_DROPDOWN,
+  UPDATE_SELECT_VALUE = SelectActions.UPDATE_SELECT_VALUE,
+  SET_HOVERED_ITEM_INDEX = SelectActions.SET_HOVERED_ITEM_INDEX;
 export var SelectItemsPaddings = {
   SMALL: 'small',
   LARGE: 'large'
@@ -37,7 +38,8 @@ export var Verification = {
 export var SelectTypes = {
   CLASSIC: 'classic',
   COMBOBOX: 'combobox'
-}; // List of cases to check on component change:
+};
+// List of cases to check on component change:
 // - Should correctly choose value and trigger callbacks with correct arguments on click or touch.
 // - Should correctly choose value and trigger callbacks with correct arguments on choose via filtration in combobox.
 // - Should highlight chosen item with bold only in cases without view
@@ -49,76 +51,67 @@ export var SelectTypes = {
 // - Should add event listener for outside of dropdown click on list open and remove it on list close.
 // - onClose callback shouldn't fire multiple times on outside click if dropdown was opened multiple times.
 // - If item with currentValue is not found in items, input value will not be displayed
-
 var cn = cnCreate('mfui-select');
-
 var Select = function Select(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'classic' : _ref$type,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      verification = _ref.verification,
-      noticeText = _ref.noticeText,
-      label = _ref.label,
-      labelId = _ref.labelId,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      _ref$notFoundText = _ref.notFoundText,
-      notFoundText = _ref$notFoundText === void 0 ? 'Ничего не нашлось' : _ref$notFoundText,
-      items = _ref.items,
-      placeholder = _ref.placeholder,
-      currentValue = _ref.currentValue,
-      _ref$shortList = _ref.shortList,
-      shortList = _ref$shortList === void 0 ? false : _ref$shortList,
-      onClosed = _ref.onClosed,
-      onOpened = _ref.onOpened,
-      onSelect = _ref.onSelect;
-
+    type = _ref$type === void 0 ? 'classic' : _ref$type,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    verification = _ref.verification,
+    noticeText = _ref.noticeText,
+    label = _ref.label,
+    labelId = _ref.labelId,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    _ref$notFoundText = _ref.notFoundText,
+    notFoundText = _ref$notFoundText === void 0 ? 'Ничего не нашлось' : _ref$notFoundText,
+    items = _ref.items,
+    placeholder = _ref.placeholder,
+    currentValue = _ref.currentValue,
+    _ref$shortList = _ref.shortList,
+    shortList = _ref$shortList === void 0 ? false : _ref$shortList,
+    onClosed = _ref.onClosed,
+    onOpened = _ref.onOpened,
+    onSelect = _ref.onSelect;
   var _useReducer = useReducer(selectReducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      selectState = _useReducer2[0],
-      changeSelectState = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    selectState = _useReducer2[0],
+    changeSelectState = _useReducer2[1];
   var itemWrapperNode = React.useRef(null);
   var itemsNodeList = React.useRef([]);
   var selectNode = React.useRef(null);
   var itemsList = selectState.itemsList,
-      filterValue = selectState.comparableInputValue,
-      isOpened = selectState.isOpened,
-      hoveredItemIndex = selectState.hoveredItemIndex,
-      inputValue = selectState.inputValue;
+    filterValue = selectState.comparableInputValue,
+    isOpened = selectState.isOpened,
+    hoveredItemIndex = selectState.hoveredItemIndex,
+    inputValue = selectState.inputValue;
   var isTouch = detectTouch();
   var currentIndex = itemsList.findIndex(function (elem) {
     return elem.value === currentValue;
   });
   var handleClickOutside = useCallback(function (e) {
     var _a;
-
     if (e.target instanceof Node && ((_a = selectNode.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) || !isOpened) {
       return;
     }
-
     onClosed === null || onClosed === void 0 ? void 0 : onClosed();
     changeSelectState({
       type: TOGGLE_DROPDOWN,
       isOpened: false
     });
   }, [onClosed, isOpened]);
-
   var scrollList = function scrollList(itemIndex) {
     var _a, _b;
-
     (_b = (_a = itemsNodeList.current[itemIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
       behavior: 'smooth',
       block: 'nearest'
     });
   };
-
   useEffect(function () {
     if (!isOpened) {
       // Changes hovered item on dropdown close to currently chosen to hover it on dropdown open
@@ -128,7 +121,6 @@ var Select = function Select(_ref) {
       });
       return undefined;
     }
-
     onOpened === null || onOpened === void 0 ? void 0 : onOpened();
     scrollList(currentIndex);
     document.addEventListener('click', handleClickOutside);
@@ -146,7 +138,6 @@ var Select = function Select(_ref) {
     if (currentIndex === -1) {
       return;
     }
-
     changeSelectState({
       type: UPDATE_VALUE_FROM_PROPS,
       hoveredItemIndex: currentIndex,
@@ -160,11 +151,9 @@ var Select = function Select(_ref) {
     });
     var debounceItemsList = items.filter(function (_ref2) {
       var title = _ref2.title;
-
       if (debounceFilterValue.length <= title.length) {
         return RegExp(query, 'ig').test(title);
       }
-
       return false;
     });
     changeSelectState({
@@ -173,7 +162,6 @@ var Select = function Select(_ref) {
       comparableInputValue: debounceFilterValue
     });
   }, 250);
-
   var handleSelectClick = function handleSelectClick() {
     var isCurrentlyOpened = isOpened;
     changeSelectState({
@@ -182,17 +170,14 @@ var Select = function Select(_ref) {
     });
     isCurrentlyOpened && (onClosed === null || onClosed === void 0 ? void 0 : onClosed());
   };
-
   var handleSelectItem = function handleSelectItem(e) {
     var currentItem = itemsList[hoveredItemIndex].value;
     var item = itemsList.find(function (elem) {
       return elem.value === currentItem;
     });
-
     if (!item) {
       return;
     }
-
     var title = item.title;
     changeSelectState({
       type: UPDATE_SELECT_VALUE,
@@ -204,7 +189,6 @@ var Select = function Select(_ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
     onClosed === null || onClosed === void 0 ? void 0 : onClosed();
   };
-
   var handleHoverItem = function handleHoverItem(index) {
     return function (e) {
       e.preventDefault();
@@ -214,19 +198,16 @@ var Select = function Select(_ref) {
       });
     };
   };
-
   var handleComboboxFocus = function handleComboboxFocus(e) {
     e.stopPropagation();
     changeSelectState({
       type: TOGGLE_DROPDOWN,
       isOpened: true
     });
-
     if (!isOpened && itemsList) {
       e.target.select();
     }
   };
-
   var handleChangeCombobox = function handleChangeCombobox(e) {
     var comboboxValue = e.target.value;
     onSelect && onSelect(null);
@@ -236,12 +217,10 @@ var Select = function Select(_ref) {
     });
     debouncedComboboxChange(comboboxValue);
   };
-
   var handleKeyDown = function handleKeyDown(e) {
     if (itemsList.length === 0 || disabled) {
       return true;
     }
-
     if (e.key === 'ArrowDown' && isOpened && hoveredItemIndex < itemsList.length - 1) {
       var nextIndex = hoveredItemIndex + 1;
       e.preventDefault();
@@ -252,10 +231,8 @@ var Select = function Select(_ref) {
       scrollList(nextIndex);
       return false;
     }
-
     if (e.key === 'ArrowUp' && isOpened && hoveredItemIndex > 0) {
       var _nextIndex = hoveredItemIndex - 1;
-
       e.preventDefault();
       changeSelectState({
         type: SET_HOVERED_ITEM_INDEX,
@@ -264,12 +241,10 @@ var Select = function Select(_ref) {
       scrollList(_nextIndex);
       return false;
     }
-
     if (e.key === 'Enter' && isOpened) {
       handleSelectItem(e);
       return false;
     }
-
     if (e.key === 'Enter' && !isOpened) {
       changeSelectState({
         type: TOGGLE_DROPDOWN,
@@ -278,7 +253,6 @@ var Select = function Select(_ref) {
       onOpened === null || onOpened === void 0 ? void 0 : onOpened();
       return false;
     }
-
     if (e.key === 'Tab') {
       changeSelectState({
         type: TOGGLE_DROPDOWN,
@@ -286,10 +260,8 @@ var Select = function Select(_ref) {
       });
       return false;
     }
-
     return true;
   };
-
   var highlightString = function highlightString(title, isItemActive, view) {
     if (type === SelectTypes.CLASSIC) {
       if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
@@ -298,10 +270,8 @@ var Select = function Select(_ref) {
           isItemActive: isItemActive
         });
       }
-
       return view || title;
     }
-
     if (type === SelectTypes.COMBOBOX && view) {
       if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
         return view({
@@ -309,10 +279,8 @@ var Select = function Select(_ref) {
           isItemActive: isItemActive
         });
       }
-
       return view;
     }
-
     var stringFragments = title.split(RegExp("(".concat(filterValue, ")"), 'ig'));
     return /*#__PURE__*/React.createElement(React.Fragment, null, stringFragments.map(function (fragment, i) {
       return /*#__PURE__*/React.createElement(Fragment, {
@@ -322,16 +290,13 @@ var Select = function Select(_ref) {
       }, fragment) : fragment);
     }));
   };
-
   var getNodeList = useCallback(function (node) {
     if (filterValue.trim()) {
       itemsNodeList.current = [];
       return;
     }
-
     !filterValue && node && itemsNodeList.current.push(node);
   }, [filterValue]);
-
   var renderLabel = function renderLabel() {
     return /*#__PURE__*/React.createElement("label", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.label), {
       htmlFor: labelId,
@@ -340,17 +305,14 @@ var Select = function Select(_ref) {
       className: cn('require-mark')
     }, "*"));
   };
-
   var renderTitle = function renderTitle() {
     var item = items.find(function (elem) {
       return elem.value === currentValue;
     });
     var inputTitle = placeholder;
-
     if (item && item.title) {
       inputTitle = item.selectedView ? item.selectedView : item.title;
     }
-
     return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
       className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title]),
       role: "button",
@@ -364,7 +326,6 @@ var Select = function Select(_ref) {
       className: cn('title-value')
     }, inputTitle), label && renderLabel()));
   };
-
   var renderCombobox = function renderCombobox() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
       className: cn('combobox', {
@@ -377,7 +338,6 @@ var Select = function Select(_ref) {
       placeholder: placeholder
     })), label && renderLabel());
   };
-
   var renderChildren = function renderChildren() {
     var currentItems = type === SelectTypes.COMBOBOX ? itemsList : items;
     return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
@@ -389,10 +349,10 @@ var Select = function Select(_ref) {
       ref: itemWrapperNode
     }), currentItems.map(function (_ref3, i) {
       var title = _ref3.title,
-          value = _ref3.value,
-          view = _ref3.view,
-          _ref3$paddings = _ref3.paddings,
-          paddings = _ref3$paddings === void 0 ? SelectItemsPaddings.LARGE : _ref3$paddings;
+        value = _ref3.value,
+        view = _ref3.view,
+        _ref3$paddings = _ref3.paddings,
+        paddings = _ref3$paddings === void 0 ? SelectItemsPaddings.LARGE : _ref3$paddings;
       var isItemActive = currentValue === value;
       return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItem, i + 1), {
         className: cn('list-item', {
@@ -412,7 +372,6 @@ var Select = function Select(_ref) {
       className: cn('not-found')
     }), notFoundText)));
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       open: isOpened,
@@ -436,53 +395,4 @@ var Select = function Select(_ref) {
     })
   }), noticeText));
 };
-
-Select.propTypes = {
-  type: PropTypes.oneOf(Object.values(SelectTypes)),
-  label: PropTypes.string,
-  id: PropTypes.string,
-  currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  verification: PropTypes.oneOf(Object.values(Verification)),
-  noticeText: PropTypes.string,
-  disabled: PropTypes.bool,
-  required: PropTypes.bool,
-  placeholder: PropTypes.string,
-  notFoundText: PropTypes.string,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    control: PropTypes.string,
-    title: PropTypes.string,
-    titleInner: PropTypes.string,
-    list: PropTypes.string,
-    listInner: PropTypes.string,
-    listItem: PropTypes.string,
-    listItemTitle: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    label: PropTypes.objectOf(PropTypes.string.isRequired),
-    control: PropTypes.objectOf(PropTypes.string.isRequired),
-    title: PropTypes.objectOf(PropTypes.string.isRequired),
-    titleInner: PropTypes.objectOf(PropTypes.string.isRequired),
-    input: PropTypes.objectOf(PropTypes.string.isRequired),
-    noticeText: PropTypes.objectOf(PropTypes.string.isRequired),
-    list: PropTypes.objectOf(PropTypes.string.isRequired),
-    listInner: PropTypes.objectOf(PropTypes.string.isRequired),
-    listItem: PropTypes.objectOf(PropTypes.string.isRequired),
-    listItemTitle: PropTypes.objectOf(PropTypes.string.isRequired),
-    notFound: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  items: PropTypes.arrayOf(PropTypes.exact({
-    view: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
-    selectedView: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
-    title: PropTypes.string.isRequired,
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    paddings: PropTypes.oneOf(Object.values(SelectItemsPaddings))
-  })).isRequired,
-  shortList: PropTypes.bool,
-  onSelect: PropTypes.func,
-  onOpened: PropTypes.func,
-  onClosed: PropTypes.func
-};
 export default Select;

package/dist/es/components/Select/reducer/selectReducer.d.ts

@@ -30,5 +30,5 @@ export interface ISelectAction<T extends SelectItemValueType> {
     comparableInputValue?: string;
     isOpened?: boolean;
 }
-declare const selectReducer: <T extends string | number | undefined>(state: ISelectState<T>, action: ISelectAction<T>) => ISelectState<T>;
+declare const selectReducer: <T extends SelectItemValueType>(state: ISelectState<T>, action: ISelectAction<T>) => ISelectState<T>;
 export default selectReducer;

package/dist/es/components/Select/reducer/selectReducer.js

@@ -1,18 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.every.js";
-
+import "core-js/modules/es.object.to-string.js";
 var isEqualItems = function isEqualItems(newItems, setItems) {
   if (newItems.length !== setItems.length) {
     return false;
   }
-
   return newItems.every(function (item, i) {
     var isEqualValue = item.value === setItems[i].value;
     var isEqualTitle = item.title === setItems[i].title;
     return isEqualValue && isEqualTitle;
   });
 };
-
 export var initialState = {
   isOpened: false,
   hoveredItemIndex: 0,
@@ -21,7 +19,6 @@ export var initialState = {
   inputValue: ''
 };
 export var SelectActions;
-
 (function (SelectActions) {
   SelectActions["TOGGLE_DROPDOWN"] = "TOGGLE_DROPDOWN";
   SelectActions["UPDATE_ITEMS_LIST"] = "UPDATE_ITEMS_LIST";
@@ -31,30 +28,27 @@ export var SelectActions;
   SelectActions["COMBOBOX_VALUE_DEBOUNCE"] = "COMBOBOX_VALUE_DEBOUNCE";
   SelectActions["COMBOBOX_INPUT_CHANGE"] = "COMBOBOX_INPUT_CHANGE";
 })(SelectActions || (SelectActions = {}));
-
 var _SelectActions = SelectActions,
-    TOGGLE_DROPDOWN = _SelectActions.TOGGLE_DROPDOWN,
-    UPDATE_ITEMS_LIST = _SelectActions.UPDATE_ITEMS_LIST,
-    UPDATE_VALUE_FROM_PROPS = _SelectActions.UPDATE_VALUE_FROM_PROPS,
-    UPDATE_SELECT_VALUE = _SelectActions.UPDATE_SELECT_VALUE,
-    SET_HOVERED_ITEM_INDEX = _SelectActions.SET_HOVERED_ITEM_INDEX,
-    COMBOBOX_VALUE_DEBOUNCE = _SelectActions.COMBOBOX_VALUE_DEBOUNCE,
-    COMBOBOX_INPUT_CHANGE = _SelectActions.COMBOBOX_INPUT_CHANGE;
-
+  TOGGLE_DROPDOWN = _SelectActions.TOGGLE_DROPDOWN,
+  UPDATE_ITEMS_LIST = _SelectActions.UPDATE_ITEMS_LIST,
+  UPDATE_VALUE_FROM_PROPS = _SelectActions.UPDATE_VALUE_FROM_PROPS,
+  UPDATE_SELECT_VALUE = _SelectActions.UPDATE_SELECT_VALUE,
+  SET_HOVERED_ITEM_INDEX = _SelectActions.SET_HOVERED_ITEM_INDEX,
+  COMBOBOX_VALUE_DEBOUNCE = _SelectActions.COMBOBOX_VALUE_DEBOUNCE,
+  COMBOBOX_INPUT_CHANGE = _SelectActions.COMBOBOX_INPUT_CHANGE;
 var selectReducer = function selectReducer(state, action) {
   var type = action.type,
-      _action$items = action.items,
-      items = _action$items === void 0 ? [] : _action$items,
-      _action$hoveredItemIn = action.hoveredItemIndex,
-      hoveredItemIndex = _action$hoveredItemIn === void 0 ? 0 : _action$hoveredItemIn,
-      _action$inputValue = action.inputValue,
-      inputValue = _action$inputValue === void 0 ? '' : _action$inputValue,
-      _action$comparableInp = action.comparableInputValue,
-      comparableInputValue = _action$comparableInp === void 0 ? '' : _action$comparableInp,
-      _action$isOpened = action.isOpened,
-      isOpened = _action$isOpened === void 0 ? false : _action$isOpened;
+    _action$items = action.items,
+    items = _action$items === void 0 ? [] : _action$items,
+    _action$hoveredItemIn = action.hoveredItemIndex,
+    hoveredItemIndex = _action$hoveredItemIn === void 0 ? 0 : _action$hoveredItemIn,
+    _action$inputValue = action.inputValue,
+    inputValue = _action$inputValue === void 0 ? '' : _action$inputValue,
+    _action$comparableInp = action.comparableInputValue,
+    comparableInputValue = _action$comparableInp === void 0 ? '' : _action$comparableInp,
+    _action$isOpened = action.isOpened,
+    isOpened = _action$isOpened === void 0 ? false : _action$isOpened;
   var prevItems = state.itemsList;
-
   switch (type) {
     case TOGGLE_DROPDOWN:
       {
@@ -62,7 +56,6 @@ var selectReducer = function selectReducer(state, action) {
           isOpened: isOpened
         });
       }
-
     case UPDATE_ITEMS_LIST:
       {
         var isItemsEqual = isEqualItems(items, prevItems);
@@ -70,7 +63,6 @@ var selectReducer = function selectReducer(state, action) {
           itemsList: items
         });
       }
-
     case UPDATE_VALUE_FROM_PROPS:
       {
         return _extends(_extends({}, state), {
@@ -79,7 +71,6 @@ var selectReducer = function selectReducer(state, action) {
           comparableInputValue: ''
         });
       }
-
     case COMBOBOX_VALUE_DEBOUNCE:
       {
         return _extends(_extends({}, state), {
@@ -89,7 +80,6 @@ var selectReducer = function selectReducer(state, action) {
           hoveredItemIndex: 0
         });
       }
-
     case UPDATE_SELECT_VALUE:
       {
         return _extends(_extends({}, state), {
@@ -98,26 +88,22 @@ var selectReducer = function selectReducer(state, action) {
           hoveredItemIndex: hoveredItemIndex
         });
       }
-
     case SET_HOVERED_ITEM_INDEX:
       {
         return _extends(_extends({}, state), {
           hoveredItemIndex: hoveredItemIndex
         });
       }
-
     case COMBOBOX_INPUT_CHANGE:
       {
         return _extends(_extends({}, state), {
           inputValue: inputValue
         });
       }
-
     default:
       {
         return state;
       }
   }
 };
-
 export default selectReducer;

package/dist/es/components/Selector/Selector.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Selector.less';
+import './Selector.scss';
 export interface ISelectorProps {
     /** Цвет селектора */
     color?: 'dark' | 'light';