@rescui/select 0.1.1 → 0.2.0

package/lib/state/select/actions.js

@@ -1,87 +0,0 @@
-function cursorMovedUp() {
-  return {
-    type: cursorMovedUp.type
-  };
-}
-
-cursorMovedUp.type = 'STEP_UP';
-
-function cursorMovedDown() {
-  return {
-    type: cursorMovedDown.type
-  };
-}
-
-cursorMovedDown.type = 'STEP_DOWN';
-
-function setCursorIndex(cursorIndex) {
-  return {
-    type: setCursorIndex.type,
-    cursorIndex: cursorIndex
-  };
-}
-
-setCursorIndex.type = 'SET_CURSOR_INDEX';
-
-function setGroups(groups) {
-  return {
-    type: setGroups.type,
-    groups: groups
-  };
-}
-
-setGroups.type = 'SET_GROUPS';
-
-function setSelectedValue(selected) {
-  return {
-    type: setSelectedValue.type,
-    selected: selected
-  };
-}
-
-setSelectedValue.type = 'SET_SELECTED_VALUE';
-
-function setSelectedIndex(index) {
-  return {
-    type: setSelectedIndex.type,
-    index: index
-  };
-}
-
-setSelectedIndex.type = 'SET_SELECTED_BY_INDEX';
-
-function clearSelectedAndCloseMenu() {
-  return {
-    type: clearSelectedAndCloseMenu.type
-  };
-}
-
-clearSelectedAndCloseMenu.type = 'CLEAR_SELECTED_AND_CLOSE_MENU';
-
-function setSearchString(searchString) {
-  var filterFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return {
-    type: setSearchString.type,
-    searchString: searchString,
-    filterFn: filterFn
-  };
-}
-
-setSearchString.type = 'SET_SEARCH_STRING';
-
-function openMenu() {
-  return {
-    type: openMenu.type
-  };
-}
-
-openMenu.type = 'OPEN_MENU';
-
-function closeMenu() {
-  return {
-    type: closeMenu.type
-  };
-}
-
-closeMenu.type = 'CLOSE_MENU';
-export { clearSelectedAndCloseMenu, closeMenu, cursorMovedDown, cursorMovedUp, openMenu, setCursorIndex, setGroups, setSearchString, setSelectedIndex, setSelectedValue };

package/lib/state/select/reducer.d.ts

@@ -1,22 +0,0 @@
-import type { SelectOptionsGroup, SelectOption, Groups, State, Index, Action, SelectReducer } from '../../types';
-export declare function getInitialState(groups: SelectOptionsGroup[], defaultSelected?: SelectOption): State;
-export declare function baseReducer(state: State, action: Action, overrides?: {}): {
-    cursorIndex: any;
-    groups: Groups;
-    menuIsOpen: boolean;
-    selected: SelectOption | SelectOption[];
-    searchString: string;
-    filteredGroups: Groups;
-    hideSelected?: boolean;
-    groupsWithoutSelected?: Groups;
-} | {
-    selected: any;
-    groups: Groups;
-    menuIsOpen: boolean;
-    searchString: string;
-    filteredGroups: Groups;
-    cursorIndex: Index;
-    hideSelected?: boolean;
-    groupsWithoutSelected?: Groups;
-};
-export declare const selectReducer: SelectReducer;

package/lib/state/select/reducer.js

@@ -1,199 +0,0 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { setSelectedIndex, setSearchString, clearSelectedAndCloseMenu, setSelectedValue, setGroups, setCursorIndex, cursorMovedDown, cursorMovedUp, closeMenu, openMenu } from './actions.js';
-import { getDefaultCursorIndex, getGroups, isEmpty, getCursorIndex } from './selectors.js';
-
-function getInitialState(groups) {
-  var defaultSelected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return {
-    groups: groups,
-    menuIsOpen: false,
-    selected: defaultSelected,
-    searchString: '',
-    filteredGroups: null,
-    cursorIndex: getDefaultCursorIndex(groups)
-  };
-}
-
-function setSelectedByIndex(state, index) {
-  var groups = getGroups(state);
-
-  var _index = _slicedToArray(index, 2),
-      grpIndex = _index[0],
-      optIndex = _index[1];
-
-  var selectedOption = groups[grpIndex].options[optIndex];
-  return {
-    selected: selectedOption,
-    cursorIndex: getDefaultCursorIndex(groups),
-    menuIsOpen: false,
-    searchString: ''
-  };
-}
-
-function clearSelection(state) {
-  var groups = getGroups(state);
-  return {
-    selected: null,
-    cursorIndex: getDefaultCursorIndex(groups),
-    menuIsOpen: false
-  };
-}
-
-function nextIndex(index, isDownDirection) {
-  return isDownDirection ? index + 1 : index - 1;
-}
-
-function isIndexOutOfRange(index, len) {
-  return index < 0 || index >= len;
-}
-
-function applySearchFilter(state, searchString, filterFn) {
-  if (searchString === '') {
-    var selected = Array.isArray(state.selected) ? state.selected[0] : state.selected;
-    return _objectSpread(_objectSpread({}, getInitialState(state.groups, selected)), {}, {
-      menuIsOpen: state.menuIsOpen
-    });
-  } else {
-    var _context;
-
-    var filteredGroups = _mapInstanceProperty(_context = state.groups).call(_context, function (g) {
-      var _context2;
-
-      return _objectSpread(_objectSpread({}, g), {}, {
-        options: _filterInstanceProperty(_context2 = g.options).call(_context2, filterFn)
-      });
-    });
-
-    return {
-      searchString: searchString,
-      filteredGroups: filteredGroups,
-      cursorIndex: getDefaultCursorIndex(filteredGroups),
-      menuIsOpen: true
-    };
-  }
-}
-
-function handleOpenMenu(state) {
-  return _objectSpread(_objectSpread({}, applySearchFilter(state, '')), {}, {
-    menuIsOpen: true
-  });
-}
-
-function handleCloseMenu(state) {
-  return _objectSpread(_objectSpread({}, applySearchFilter(state, '')), {}, {
-    menuIsOpen: false
-  });
-} // eslint-disable-next-line complexity
-
-
-function moveCursor(state, isDownDirection, overrides) {
-  var isGroupsEmpty = overrides.isEmpty ? overrides.isEmpty(state) : isEmpty(state);
-  if (isGroupsEmpty) return getCursorIndex(state);
-  var groups = overrides.getGroups ? overrides.getGroups(state) : getGroups(state);
-
-  var _getCursorIndex = getCursorIndex(state),
-      _getCursorIndex2 = _slicedToArray(_getCursorIndex, 2),
-      grpIndex = _getCursorIndex2[0],
-      optIndex = _getCursorIndex2[1];
-
-  var optLenByGroup = _mapInstanceProperty(groups).call(groups, function (g) {
-    return g.options ? g.options.length : 0;
-  });
-
-  var newGrpIndex = grpIndex;
-  var newOptIndex = nextIndex(optIndex, isDownDirection);
-
-  while (isIndexOutOfRange(newOptIndex, optLenByGroup[newGrpIndex]) || isIndexOutOfRange(newGrpIndex, groups.length)) {
-    newGrpIndex = nextIndex(newGrpIndex, isDownDirection);
-
-    if (isIndexOutOfRange(newGrpIndex, groups.length)) {
-      newGrpIndex = isDownDirection ? 0 : groups.length - 1;
-    }
-
-    newOptIndex = isDownDirection ? 0 : optLenByGroup[newGrpIndex] - 1;
-  }
-
-  return [newGrpIndex, newOptIndex];
-}
-
-function down(state, overrides) {
-  return moveCursor(state, true, overrides);
-}
-
-function up(state, overrides) {
-  return moveCursor(state, false, overrides);
-} // eslint-disable-next-line complexity
-
-
-function baseReducer(state, action) {
-  var overrides = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-  switch (action.type) {
-    case openMenu.type:
-      return _objectSpread(_objectSpread({}, state), handleOpenMenu(state));
-
-    case closeMenu.type:
-      return _objectSpread(_objectSpread({}, state), handleCloseMenu(state));
-
-    case cursorMovedUp.type:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        cursorIndex: up(state, overrides)
-      });
-
-    case cursorMovedDown.type:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        cursorIndex: down(state, overrides)
-      });
-
-    case setCursorIndex.type:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        cursorIndex: action.cursorIndex
-      });
-
-    case setGroups.type:
-      var selected = Array.isArray(state.selected) ? state.selected[0] : state.selected;
-      return _objectSpread({}, getInitialState(action.groups, selected));
-
-    case setSelectedValue.type:
-      return action.selected !== undefined ? _objectSpread(_objectSpread({}, state), {}, {
-        selected: action.selected
-      }) : _objectSpread({}, state);
-
-    case setSelectedIndex.type:
-      return _objectSpread(_objectSpread({}, state), setSelectedByIndex(state, action.index));
-
-    case clearSelectedAndCloseMenu.type:
-      return _objectSpread(_objectSpread({}, state), clearSelection(state));
-
-    case setSearchString.type:
-      return _objectSpread(_objectSpread({}, state), applySearchFilter(state, action.searchString, action.filterFn));
-
-    default:
-      throw new Error('Unexpected action in Select/Multiselect component');
-  }
-}
-
-var selectReducer = function selectReducer(state, action) {
-  switch (action.type) {
-    case setSelectedIndex.type:
-      return _objectSpread(_objectSpread({}, state), setSelectedByIndex(state, action.index));
-
-    default:
-      return baseReducer(state, action);
-  }
-};
-
-export { baseReducer, getInitialState, selectReducer };

package/lib/state/select/selectors.d.ts

@@ -1,20 +0,0 @@
-import type { SelectOption, State, Index, Groups } from '../../types';
-export declare const getGroups: (state: State) => Groups;
-export declare const getCursorIndex: (state: State) => Index;
-export declare const isIndexMatchCursor: (state: State, index: Index) => boolean;
-export declare const isEmpty: (state: State) => boolean;
-export declare const withoutGroupsLabel: ({ groups }: {
-    groups: Groups;
-}) => boolean;
-export declare const OptionGroupTypes: {
-    HEADER: string;
-    OPTION: string;
-    DIVIDER: string;
-};
-export declare const getPlainOptionsFromGroups: (groups: Groups) => any[];
-export declare const getPlainOptions: (state: State) => any[];
-export declare function getOptionValue(option: SelectOption): string;
-export declare const getSelectedValue: (state: State) => string;
-export declare const getSelectedLabel: (state: State) => string;
-export declare const getSelected: (state: State) => SelectOption | SelectOption[];
-export declare const getDefaultCursorIndex: (groups: Groups) => Index;

package/lib/state/select/selectors.js

@@ -1,114 +0,0 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
-
-var getGroups = function getGroups(state) {
-  return state.searchString && state.searchString !== '' ? state.filteredGroups : state.groups;
-};
-
-var getCursorIndex = function getCursorIndex(state) {
-  return state.cursorIndex;
-};
-
-var isIndexMatchCursor = function isIndexMatchCursor(state, index) {
-  var cursorIndex = getCursorIndex(state);
-  if (cursorIndex === null) return false;
-  return index[0] === cursorIndex[0] && index[1] === cursorIndex[1];
-};
-
-var isEmpty = function isEmpty(state) {
-  var groups = getGroups(state);
-  return groups.length === 0 || groups.every(function (g) {
-    return !g.options || g.options.length === 0;
-  });
-};
-
-var withoutGroupsLabel = function withoutGroupsLabel(_ref) {
-  var groups = _ref.groups;
-  return groups.every(function (g) {
-    return !g.label;
-  });
-};
-
-var OptionGroupTypes = {
-  HEADER: 'header',
-  OPTION: 'option',
-  DIVIDER: 'divider'
-};
-
-function optionsNotEmpty(options) {
-  return options && options.length > 0;
-}
-
-var getPlainOptionsFromGroups = function getPlainOptionsFromGroups(groups) {
-  return groups.reduce( // eslint-disable-next-line no-shadow
-  function (acc, group, i) {
-    var _context, _context2, _context3;
-
-    return _concatInstanceProperty(acc).call(acc, _filterInstanceProperty(_context = _concatInstanceProperty(_context2 = [optionsNotEmpty(group.options) && i !== 0 && !group.label && {
-      type: OptionGroupTypes.DIVIDER
-    }, optionsNotEmpty(group.options) && group.label && {
-      type: OptionGroupTypes.HEADER,
-      label: group.label
-    }]).call(_context2, _toConsumableArray(_mapInstanceProperty(_context3 = group.options).call(_context3, function (option, j) {
-      return _objectSpread(_objectSpread({}, option), {}, {
-        index: [i, j],
-        type: OptionGroupTypes.OPTION
-      });
-    })))).call(_context, function (e) {
-      return e;
-    }));
-  }, []);
-};
-
-var getPlainOptions = function getPlainOptions(state) {
-  return getPlainOptionsFromGroups(getGroups(state));
-};
-
-function getOptionValue(option) {
-  return typeof option.value === 'string' ? option.value : option.label;
-}
-
-var getSelectedValue = function getSelectedValue(state) {
-  if (state.selected === null) {
-    return null;
-  }
-
-  var selected = Array.isArray(state.selected) ? state.selected[0] : state.selected;
-  return getOptionValue(selected);
-};
-
-var getSelected = function getSelected(state) {
-  return state.selected;
-};
-
-var getDefaultCursorIndex = function getDefaultCursorIndex(groups) {
-  if (groups.length === 0) {
-    return null;
-  }
-
-  var firstNonEmptyGroupIndex = _findIndexInstanceProperty(groups).call(groups, function (group) {
-    return group.options && group.options.length > 0;
-  });
-
-  if (firstNonEmptyGroupIndex === -1) {
-    return null;
-  }
-
-  return [firstNonEmptyGroupIndex, 0];
-};
-
-export { OptionGroupTypes, getCursorIndex, getDefaultCursorIndex, getGroups, getOptionValue, getPlainOptions, getPlainOptionsFromGroups, getSelected, getSelectedValue, isEmpty, isIndexMatchCursor, withoutGroupsLabel };