@megafon/ui-core 6.0.0-beta.4 → 6.0.0

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

@@ -1,32 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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.string.replace.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.array.find.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'
@@ -38,8 +37,7 @@ 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
@@ -51,67 +49,76 @@ 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
@@ -121,6 +128,7 @@ var Select = function Select(_ref) {
       });
       return undefined;
     }
+
     onOpened === null || onOpened === void 0 ? void 0 : onOpened();
     scrollList(currentIndex);
     document.addEventListener('click', handleClickOutside);
@@ -138,6 +146,7 @@ var Select = function Select(_ref) {
     if (currentIndex === -1) {
       return;
     }
+
     changeSelectState({
       type: UPDATE_VALUE_FROM_PROPS,
       hoveredItemIndex: currentIndex,
@@ -151,9 +160,11 @@ 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({
@@ -162,6 +173,7 @@ var Select = function Select(_ref) {
       comparableInputValue: debounceFilterValue
     });
   }, 250);
+
   var handleSelectClick = function handleSelectClick() {
     var isCurrentlyOpened = isOpened;
     changeSelectState({
@@ -170,14 +182,17 @@ 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,
@@ -189,6 +204,7 @@ 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();
@@ -198,16 +214,19 @@ 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);
@@ -217,10 +236,12 @@ 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();
@@ -231,8 +252,10 @@ 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,
@@ -241,10 +264,12 @@ 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,
@@ -253,6 +278,7 @@ var Select = function Select(_ref) {
       onOpened === null || onOpened === void 0 ? void 0 : onOpened();
       return false;
     }
+
     if (e.key === 'Tab') {
       changeSelectState({
         type: TOGGLE_DROPDOWN,
@@ -260,8 +286,10 @@ 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)) {
@@ -270,8 +298,10 @@ 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({
@@ -279,8 +309,10 @@ 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, {
@@ -290,13 +322,16 @@ 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,
@@ -305,14 +340,17 @@ 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",
@@ -326,6 +364,7 @@ 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', {
@@ -338,6 +377,7 @@ 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), {
@@ -349,10 +389,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', {
@@ -372,6 +412,7 @@ 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,
@@ -395,4 +436,53 @@ 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 SelectItemValueType>(state: ISelectState<T>, action: ISelectAction<T>) => ISelectState<T>;
+declare const selectReducer: <T extends string | number | undefined>(state: ISelectState<T>, action: ISelectAction<T>) => ISelectState<T>;
 export default selectReducer;

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

@@ -1,16 +1,18 @@
 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,
@@ -19,6 +21,7 @@ export var initialState = {
   inputValue: ''
 };
 export var SelectActions;
+
 (function (SelectActions) {
   SelectActions["TOGGLE_DROPDOWN"] = "TOGGLE_DROPDOWN";
   SelectActions["UPDATE_ITEMS_LIST"] = "UPDATE_ITEMS_LIST";
@@ -28,27 +31,30 @@ 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:
       {
@@ -56,6 +62,7 @@ var selectReducer = function selectReducer(state, action) {
           isOpened: isOpened
         });
       }
+
     case UPDATE_ITEMS_LIST:
       {
         var isItemsEqual = isEqualItems(items, prevItems);
@@ -63,6 +70,7 @@ var selectReducer = function selectReducer(state, action) {
           itemsList: items
         });
       }
+
     case UPDATE_VALUE_FROM_PROPS:
       {
         return _extends(_extends({}, state), {
@@ -71,6 +79,7 @@ var selectReducer = function selectReducer(state, action) {
           comparableInputValue: ''
         });
       }
+
     case COMBOBOX_VALUE_DEBOUNCE:
       {
         return _extends(_extends({}, state), {
@@ -80,6 +89,7 @@ var selectReducer = function selectReducer(state, action) {
           hoveredItemIndex: 0
         });
       }
+
     case UPDATE_SELECT_VALUE:
       {
         return _extends(_extends({}, state), {
@@ -88,22 +98,26 @@ 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;