@rescui/select 0.15.2 → 0.16.0

package/lib/utils.js

@@ -1,199 +0,0 @@
-import React, { useRef } from 'react';
-import { ARROW_DOWN, ARROW_UP, SPACE, ENTER } from './key-codes.js';
-const DEFAULT_NO_OPTIONS_MESSAGES = {
-  noOptions: 'No options',
-  nothingFound: 'Nothing found',
-  loading: 'Loading...'
-};
-const MAX_VISIBLE_ITEMS = 5;
-const ITEM_HEIGHT_BY_SIZE = {
-  s: 32,
-  m: 40,
-  l: 52
-};
-
-const getTextFromNodes = function (node) {
-  let depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-  if (typeof node === 'string' || typeof node === 'number') {
-    return node.toString();
-  }
-
-  if (depth > 15) {
-    console.warn('Max depth reached while getting text from nodes');
-    return '';
-  }
-
-  if (Array.isArray(node)) {
-    return node.map(n => getTextFromNodes(n, depth + 1)).join('');
-  }
-
-  if ( /*#__PURE__*/React.isValidElement(node) && node?.type?.toString()?.toLowerCase() !== 'svg') {
-    return getTextFromNodes(node.props.children, depth + 1);
-  }
-
-  return '';
-};
-
-const isOptionsGroup = optionOrGroup => typeof optionOrGroup.options !== 'undefined';
-
-function shouldOpenSelect(key) {
-  let isTriggerTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  return key === ARROW_DOWN || key === ARROW_UP || (key === SPACE || key === ENTER) && isTriggerTarget;
-}
-
-function isString(s) {
-  return Object.prototype.toString.call(s) === '[object String]';
-}
-
-function getEmptyMessage(isLoading, isNothingFound, noOptionsMessage) {
-  const {
-    noOptions,
-    nothingFound,
-    loading
-  } = isString(noOptionsMessage) ? { ...DEFAULT_NO_OPTIONS_MESSAGES,
-    noOptions: noOptionsMessage
-  } : { ...DEFAULT_NO_OPTIONS_MESSAGES,
-    ...noOptionsMessage
-  };
-
-  if (isLoading) {
-    return loading;
-  } else if (isNothingFound) {
-    return nothingFound;
-  } else {
-    return noOptions;
-  }
-}
-
-function escapeRegex(str) {
-  return str.replace(/[\-\[\]\/{}()\*+?.\\^$|]/g, '\\$&');
-}
-
-function convertToOptionGroupsIfNeeded() {
-  let optionsOrGroups = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  const newOptions = [];
-  let topLevelOptions = [];
-  optionsOrGroups.forEach(optionOrGroup => {
-    if (isOptionsGroup(optionOrGroup)) {
-      if (topLevelOptions.length) {
-        newOptions.push({
-          options: topLevelOptions
-        });
-        topLevelOptions = [];
-      }
-
-      newOptions.push(optionOrGroup);
-    } else {
-      topLevelOptions.push(optionOrGroup);
-    }
-  });
-
-  if (topLevelOptions.length) {
-    newOptions.push({
-      options: topLevelOptions
-    });
-    topLevelOptions = [];
-  }
-
-  return newOptions;
-}
-
-const calculateMaxHeight = size => {
-  const itemHeight = ITEM_HEIGHT_BY_SIZE[size]; // half of item added to show that there is more items even if scroll bar hidden
-
-  return (Math.ceil(MAX_VISIBLE_ITEMS) + 0.5) * itemHeight;
-};
-
-function getOptionValue(option) {
-  return typeof option.value === 'string' ? option.value : getTextFromNodes(option.label);
-}
-
-const OptionGroupTypes = {
-  HEADER: 'header',
-  OPTION: 'option',
-  DIVIDER: 'divider'
-};
-
-const getDefaultCursorIndex = groups => {
-  if (groups.length === 0) {
-    return null;
-  }
-
-  const firstNonEmptyGroupIndex = groups.findIndex(group => group.options && group.options.length > 0);
-
-  if (firstNonEmptyGroupIndex === -1) {
-    return null;
-  }
-
-  return [firstNonEmptyGroupIndex, 0];
-};
-
-function optionsNotEmpty(options) {
-  return options && options.length > 0;
-}
-
-const getPlainOptionsFromGroups = groups => groups.reduce( // eslint-disable-next-line no-shadow
-(acc, group, i) => acc.concat([optionsNotEmpty(group.options) && i !== 0 && !group.label && {
-  type: OptionGroupTypes.DIVIDER
-}, optionsNotEmpty(group.options) && group.label && {
-  type: OptionGroupTypes.HEADER,
-  label: group.label
-}, ...group.options.map((option, j) => ({ ...option,
-  index: [i, j],
-  type: OptionGroupTypes.OPTION
-}))].filter(e => e)), []);
-
-function isGroupsEmpty(groups) {
-  return groups.length === 0 || groups.every(g => !g.options || g.options.length === 0);
-}
-
-function useStrongMemo(callback, deps) {
-  const prevDeps = useRef([]);
-  const memoResult = useRef(null);
-
-  if (deps.length !== prevDeps.current.length || !prevDeps.current.every((dep, i) => dep === deps[i])) {
-    prevDeps.current = [...deps];
-    memoResult.current = callback();
-  }
-
-  return memoResult.current;
-}
-
-function nextIndex(index, isDownDirection) {
-  return isDownDirection ? index + 1 : index - 1;
-}
-
-function isIndexOutOfRange(index, len) {
-  return index < 0 || index >= len;
-} // eslint-disable-next-line complexity
-
-
-function getMovedCursorIndex(groups, currentCursorIndex, isDownDirection) {
-  if (isGroupsEmpty(groups)) return currentCursorIndex;
-  const [grpIndex, optIndex] = currentCursorIndex;
-  const optLenByGroup = groups.map(g => g.options ? g.options.length : 0);
-  let newGrpIndex = grpIndex;
-  let 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];
-}
-
-const isIndexMatchCursor = (cursorIndex, index) => {
-  if (cursorIndex === null) return false;
-  return index[0] === cursorIndex[0] && index[1] === cursorIndex[1];
-};
-
-const withoutGroupsLabel = groups => groups.every(g => !g.label);
-
-export { OptionGroupTypes, calculateMaxHeight, convertToOptionGroupsIfNeeded, escapeRegex, getDefaultCursorIndex, getEmptyMessage, getMovedCursorIndex, getOptionValue, getPlainOptionsFromGroups, getTextFromNodes, isGroupsEmpty, isIndexMatchCursor, shouldOpenSelect, useStrongMemo, withoutGroupsLabel };