@megafon/ui-core 8.17.0 → 8.17.1

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

@@ -1,97 +0,0 @@
-import * as React from 'react';
-import './Select.scss';
-export declare const SelectItemsPaddings: {
-    readonly SMALL: "small";
-    readonly LARGE: "large";
-};
-export declare const Verification: {
-    readonly VALID: "valid";
-    readonly ERROR: "error";
-};
-type VerificationType = (typeof Verification)[keyof typeof Verification];
-export declare const SelectTypes: {
-    readonly CLASSIC: "classic";
-    readonly COMBOBOX: "combobox";
-};
-type SelectTypesType = (typeof SelectTypes)[keyof typeof SelectTypes];
-export type SelectItemValueType = number | string | undefined;
-type ViewCallbackArguments = {
-    filterValue: string;
-    isItemActive: boolean;
-};
-export interface ISelectItem<T extends SelectItemValueType> {
-    /** Заголовок элемента в выпадающем списке  */
-    title: string;
-    /** Значение value элемента */
-    value: T;
-    /** Настраиваемое отображение элементов в выпадающем списке  */
-    view?: React.ReactNode | ((data: ViewCallbackArguments) => React.ReactNode);
-    /** Настраиваемое отображение выбранного элемента в поле селекта  */
-    selectedView?: JSX.Element | Element | React.ReactElement;
-    /** Размер горизонтальных отступов элемента */
-    paddings?: (typeof SelectItemsPaddings)[keyof typeof SelectItemsPaddings];
-}
-export interface ISelectProps<T extends SelectItemValueType> {
-    /** Тип компонента */
-    type?: SelectTypesType;
-    /** Заголовок поля */
-    label?: string;
-    /** HTML идентификатор для заголовка поля */
-    labelId?: string;
-    /** Текущий выбранный элемент селекта (extends SelectItemValueType) */
-    currentValue?: T;
-    /** Результат проверки данных */
-    verification?: VerificationType;
-    /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string | JSX.Element;
-    /** Отключение селекта */
-    disabled?: boolean;
-    /** Делает поле обязательным */
-    required?: boolean;
-    /** Текст внутри поля по умолчанию */
-    placeholder?: string;
-    /** Текст при отсутствии результатов поиска */
-    notFoundText?: string;
-    /** Массив элементов селекта */
-    items: Array<ISelectItem<T>>;
-    /** Отображать короткий выпадающий список */
-    shortList?: boolean;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        control?: string;
-        title?: string;
-        titleInner?: string;
-        list?: string;
-        listInner?: string;
-        listItem?: string;
-        listItemTitle?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        label?: Record<string, string>;
-        control?: Record<string, string>;
-        title?: Record<string, string>;
-        titleInner?: Record<string, string>;
-        input?: Record<string, string>;
-        noticeText?: Record<string, string>;
-        list?: Record<string, string>;
-        listInner?: Record<string, string>;
-        listItem?: Record<string, string>;
-        listItemTitle?: Record<string, string>;
-        notFound?: Record<string, string>;
-    };
-    /** Ref обработчик */
-    inputRef?: (node: HTMLDivElement) => void;
-    /** Обработчик выбора элемента селекта */
-    onSelect?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | null, dataItem?: ISelectItem<T>) => void;
-    /** Обработчик при открытом селекте */
-    onOpened?: () => void;
-    /** Обработчик при закрытом селекте */
-    onClosed?: () => void;
-}
-declare const Select: <T extends SelectItemValueType>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, inputRef, onClosed, onOpened, onSelect, }: ISelectProps<T>) => JSX.Element;
-export default Select;

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

@@ -1,414 +0,0 @@
-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.string.split.js";
-import "core-js/modules/es.string.trim.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 "./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;
-export var SelectItemsPaddings = {
-  SMALL: 'small',
-  LARGE: 'large'
-};
-export var Verification = {
-  VALID: 'valid',
-  ERROR: 'error'
-};
-export var SelectTypes = {
-  CLASSIC: 'classic',
-  COMBOBOX: 'combobox'
-};
-// 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
-// - Should scroll to chosen element (to make it visible), highlight it with bold and set hovered on dropdown open.
-// - Should scroll (to make hovered element visible) and highlight next/previous element on arrow up and arrow down presses when dropdown is opened.
-// - Should correctly set value on enter press while some element hovered.
-// - If select dropdown is closed and select focused, dropdown should toggle open on Enter press.
-// - Opened dropdown could be closed only via value choose, click outside of select and on TAB press.
-// - 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,
-    inputRef = _ref.inputRef,
-    onClosed = _ref.onClosed,
-    onOpened = _ref.onOpened,
-    onSelect = _ref.onSelect;
-  var _useReducer = useReducer(selectReducer, initialState),
-    _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;
-  var isTouch = detectTouch();
-  var currentIndex = itemsList.findIndex(function (elem) {
-    return elem.value === currentValue;
-  });
-  var getFieldNode = function getFieldNode(node) {
-    if (!node) {
-      return;
-    }
-    selectNode.current = node;
-    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
-  };
-  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
-      changeSelectState({
-        type: SET_HOVERED_ITEM_INDEX,
-        hoveredItemIndex: currentIndex === -1 ? 0 : currentIndex
-      });
-      return undefined;
-    }
-    onOpened === null || onOpened === void 0 ? void 0 : onOpened();
-    scrollList(currentIndex);
-    document.addEventListener('click', handleClickOutside);
-    return function () {
-      document.removeEventListener('click', handleClickOutside);
-    };
-  }, [isOpened, currentIndex, onOpened, handleClickOutside]);
-  useEffect(function () {
-    changeSelectState({
-      type: UPDATE_ITEMS_LIST,
-      items: items
-    });
-  }, [items]);
-  useEffect(function () {
-    if (currentIndex === -1) {
-      return;
-    }
-    changeSelectState({
-      type: UPDATE_VALUE_FROM_PROPS,
-      hoveredItemIndex: currentIndex,
-      inputValue: itemsList[currentIndex].title,
-      comparableInputValue: itemsList[currentIndex].title
-    });
-  }, [currentIndex, itemsList]);
-  var debouncedComboboxChange = debounce(function (debounceFilterValue) {
-    var query = debounceFilterValue.replace(/[^A-Z-a-zА-ЯЁа-яё0-9]/g, function (w) {
-      return "\\".concat(w);
-    });
-    var debounceItemsList = items.filter(function (_ref2) {
-      var title = _ref2.title;
-      if (debounceFilterValue.length <= title.length) {
-        return RegExp(query, 'ig').test(title);
-      }
-      return false;
-    });
-    changeSelectState({
-      type: COMBOBOX_VALUE_DEBOUNCE,
-      items: debounceItemsList,
-      comparableInputValue: debounceFilterValue
-    });
-  }, 250);
-  var handleSelectClick = function handleSelectClick() {
-    var isCurrentlyOpened = isOpened;
-    changeSelectState({
-      type: TOGGLE_DROPDOWN,
-      isOpened: !isCurrentlyOpened
-    });
-    isCurrentlyOpened && (onClosed === null || onClosed === void 0 ? void 0 : onClosed());
-  };
-  var handleSelectItem = function handleSelectItem(index) {
-    return function (e) {
-      var currentItem = itemsList[index].value;
-      var item = itemsList.find(function (elem) {
-        return elem.value === currentItem;
-      });
-      if (!item) {
-        return;
-      }
-      var title = item.title;
-      changeSelectState({
-        type: UPDATE_SELECT_VALUE,
-        inputValue: title,
-        comparableInputValue: title,
-        items: items,
-        hoveredItemIndex: index
-      });
-      e.persist();
-      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();
-      changeSelectState({
-        type: SET_HOVERED_ITEM_INDEX,
-        hoveredItemIndex: index
-      });
-    };
-  };
-  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);
-    changeSelectState({
-      type: COMBOBOX_INPUT_CHANGE,
-      inputValue: comboboxValue
-    });
-    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();
-      changeSelectState({
-        type: SET_HOVERED_ITEM_INDEX,
-        hoveredItemIndex: nextIndex
-      });
-      scrollList(nextIndex);
-      return false;
-    }
-    if (e.key === 'ArrowUp' && isOpened && hoveredItemIndex > 0) {
-      var _nextIndex = hoveredItemIndex - 1;
-      e.preventDefault();
-      changeSelectState({
-        type: SET_HOVERED_ITEM_INDEX,
-        hoveredItemIndex: _nextIndex
-      });
-      scrollList(_nextIndex);
-      return false;
-    }
-    if (e.key === 'Enter' && isOpened) {
-      var _nextIndex2 = hoveredItemIndex - 1;
-      handleSelectItem(_nextIndex2)(e);
-      return false;
-    }
-    if (e.key === 'Enter' && !isOpened) {
-      changeSelectState({
-        type: TOGGLE_DROPDOWN,
-        isOpened: true
-      });
-      onOpened === null || onOpened === void 0 ? void 0 : onOpened();
-      return false;
-    }
-    if (e.key === 'Tab') {
-      changeSelectState({
-        type: TOGGLE_DROPDOWN,
-        isOpened: false
-      });
-      return false;
-    }
-    return true;
-  };
-  var isMatch = function isMatch(fragment, find) {
-    return fragment.toLowerCase() === find.toLowerCase() && fragment !== '';
-  };
-  var highlightString = function highlightString(title, isItemActive, view) {
-    if (type === SelectTypes.CLASSIC) {
-      if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
-        return view({
-          filterValue: inputValue,
-          isItemActive: isItemActive
-        });
-      }
-      return view || title;
-    }
-    if (type === SelectTypes.COMBOBOX && view) {
-      if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
-        return view({
-          filterValue: inputValue,
-          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, {
-        key: i
-      }, isMatch(fragment, filterValue) ? /*#__PURE__*/React.createElement("span", {
-        className: cn('highlighted-fragment')
-      }, 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,
-      className: cn('label')
-    }), label, required && /*#__PURE__*/React.createElement("span", {
-      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",
-      tabIndex: 0,
-      onClick: handleSelectClick
-    }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.titleInner), {
-      className: cn('title-inner', {
-        'hide-value': !item
-      }, [classes === null || classes === void 0 ? void 0 : classes.titleInner])
-    }), /*#__PURE__*/React.createElement("div", {
-      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', {
-        'hide-value': !inputValue
-      }),
-      onFocus: handleComboboxFocus,
-      onChange: handleChangeCombobox,
-      type: "text",
-      value: inputValue,
-      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), {
-      className: cn('list', [classes.list])
-    }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listInner), {
-      className: cn('list-inner', {
-        "short": shortList
-      }, [classes.listInner]),
-      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;
-      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', {
-          hovered: hoveredItemIndex === i,
-          paddings: paddings
-        }, [classes.listItem]),
-        key: "".concat(i, "_").concat(value),
-        onClick: handleSelectItem(i),
-        onMouseEnter: !isTouch ? handleHoverItem(i) : undefined,
-        ref: getNodeList
-      }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItemTitle, i + 1), {
-        className: cn('item-title', {
-          active: isItemActive && !view,
-          custom: !!view
-        }, [classes.listItemTitle])
-      }), highlightString(title, isItemActive, view)));
-    }), type === SelectTypes.COMBOBOX && !currentItems.length && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notFound), {
-      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,
-      disabled: disabled,
-      'no-touch': !isTouch,
-      valid: verification === Verification.VALID,
-      error: verification === Verification.ERROR
-    }, [className, classes.root]),
-    ref: getFieldNode
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('inner')
-  }, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
-    className: cn('control', {
-      labeled: !!label
-    }, classes.control),
-    onKeyDown: handleKeyDown
-  }), type === SelectTypes.COMBOBOX && renderCombobox(), type === SelectTypes.CLASSIC && renderTitle()), renderChildren()), noticeText && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.noticeText), {
-    className: cn('text', {
-      error: verification === Verification.ERROR,
-      success: verification === Verification.VALID
-    })
-  }), noticeText));
-};
-export default Select;

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

@@ -1,34 +0,0 @@
-import { ISelectItem, SelectItemValueType } from '../Select';
-export declare const initialState: {
-    isOpened: boolean;
-    hoveredItemIndex: number;
-    itemsList: never[];
-    comparableInputValue: string;
-    inputValue: string;
-};
-export declare enum SelectActions {
-    TOGGLE_DROPDOWN = "TOGGLE_DROPDOWN",
-    UPDATE_ITEMS_LIST = "UPDATE_ITEMS_LIST",
-    UPDATE_VALUE_FROM_PROPS = "UPDATE_VALUE_FROM_PROPS",
-    UPDATE_SELECT_VALUE = "UPDATE_SELECT_VALUE",
-    SET_HOVERED_ITEM_INDEX = "SET_HOVERED_ITEM_INDEX",
-    COMBOBOX_VALUE_DEBOUNCE = "COMBOBOX_VALUE_DEBOUNCE",
-    COMBOBOX_INPUT_CHANGE = "COMBOBOX_INPUT_CHANGE"
-}
-export interface ISelectState<T extends SelectItemValueType> {
-    isOpened: boolean;
-    hoveredItemIndex: number;
-    itemsList: Array<ISelectItem<T>>;
-    comparableInputValue: string;
-    inputValue: string;
-}
-export interface ISelectAction<T extends SelectItemValueType> {
-    type: SelectActions;
-    items?: Array<ISelectItem<T>>;
-    hoveredItemIndex?: number;
-    inputValue?: string;
-    comparableInputValue?: string;
-    isOpened?: boolean;
-}
-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,109 +0,0 @@
-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,
-  itemsList: [],
-  comparableInputValue: '',
-  inputValue: ''
-};
-export var SelectActions;
-(function (SelectActions) {
-  SelectActions["TOGGLE_DROPDOWN"] = "TOGGLE_DROPDOWN";
-  SelectActions["UPDATE_ITEMS_LIST"] = "UPDATE_ITEMS_LIST";
-  SelectActions["UPDATE_VALUE_FROM_PROPS"] = "UPDATE_VALUE_FROM_PROPS";
-  SelectActions["UPDATE_SELECT_VALUE"] = "UPDATE_SELECT_VALUE";
-  SelectActions["SET_HOVERED_ITEM_INDEX"] = "SET_HOVERED_ITEM_INDEX";
-  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;
-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;
-  var prevItems = state.itemsList;
-  switch (type) {
-    case TOGGLE_DROPDOWN:
-      {
-        return _extends(_extends({}, state), {
-          isOpened: isOpened
-        });
-      }
-    case UPDATE_ITEMS_LIST:
-      {
-        var isItemsEqual = isEqualItems(items, prevItems);
-        return isItemsEqual ? state : _extends(_extends({}, state), {
-          itemsList: items
-        });
-      }
-    case UPDATE_VALUE_FROM_PROPS:
-      {
-        return _extends(_extends({}, state), {
-          hoveredItemIndex: hoveredItemIndex,
-          inputValue: inputValue,
-          comparableInputValue: ''
-        });
-      }
-    case COMBOBOX_VALUE_DEBOUNCE:
-      {
-        return _extends(_extends({}, state), {
-          comparableInputValue: comparableInputValue,
-          itemsList: items,
-          isOpened: true,
-          hoveredItemIndex: 0
-        });
-      }
-    case UPDATE_SELECT_VALUE:
-      {
-        return _extends(_extends({}, state), {
-          isOpened: false,
-          itemsList: items,
-          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.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-selector__input{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-1}.mfui-selector__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-selector__custom-input,.mfui-selector__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-selector__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;border:2px solid;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:28px;justify-content:center;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:28px}.mfui-selector__icon{display:block;height:12px;opacity:0;-webkit-transition:fill,opacity;transition:fill,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;width:14px}.mfui-selector__label_dark .mfui-selector__custom-input{background-color:var(--base);border-color:var(--spbSky2)}.mfui-selector__label_dark .mfui-selector__icon{fill:var(--stcWhite)}.mfui-selector__label_dark:not(.mfui-selector__label_disabled):hover .mfui-selector__custom-input{border-color:var(--buttonHoverGreen)}.mfui-selector__label_dark:not(.mfui-selector__label_disabled):active .mfui-selector__custom-input{border-color:var(--buttonDown)}.mfui-selector__label_dark:not(.mfui-selector__label_disabled):hover .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--buttonHoverGreen);border-color:var(--buttonHoverGreen)}.mfui-selector__label_dark:not(.mfui-selector__label_disabled):active .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-selector__label_dark:not(.mfui-selector__label_disabled) .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--brandGreen);border-color:var(--brandGreen)}.mfui-selector__label_light .mfui-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-selector__label_light .mfui-selector__icon{fill:var(--stcWhite)}.mfui-selector__label_light:not(.mfui-selector__label_disabled):hover .mfui-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-selector__label_light:not(.mfui-selector__label_disabled):active .mfui-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-selector__label_light:not(.mfui-selector__label_disabled):hover .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-selector__label_light:not(.mfui-selector__label_disabled):active .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-selector__label_light:not(.mfui-selector__label_disabled):active .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon{fill:var(--stcWhite)}.mfui-selector__label_light:not(.mfui-selector__label_disabled) .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-selector__label_light:not(.mfui-selector__label_disabled) .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon{fill:var(--stcBlack)}.mfui-selector__label_lightk.mfui-selector__label_disabled .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon{fill:var(--stcWhite)}.mfui-selector__label:not(.mfui-selector__label_disabled) .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon,.mfui-selector__label:not(.mfui-selector__label_disabled):active .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon,.mfui-selector__label:not(.mfui-selector__label_disabled):hover .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon,.mfui-selector__label_disabled .mfui-selector__input:checked+.mfui-selector__custom-input .mfui-selector__icon{opacity:1}.mfui-selector__label_disabled{cursor:default}.mfui-selector__label_disabled .mfui-selector__custom-input{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-selector__label_disabled .mfui-selector__input:checked+.mfui-selector__custom-input{background-color:var(--spbSky2)}.mfui-selector__label_error .mfui-selector__custom-input{border-color:var(--fury)}