@cloud-ru/ds-fields 2.2.3-preview-8025692f.0 → 2.2.3-preview-a0540d7f.0

package/src/segments/useSegmentedMask.ts

@@ -1,19 +1,6 @@
-import { useEventHandler } from '@cloud-ru/ds-utils';
 import { ClipboardEvent, KeyboardEvent, MouseEvent, RefObject, useCallback, useRef } from 'react';
 
-import { SegmentKey, SlotMeta } from './segments';
-
-const RESET_TYPED_KEYS = new Set([
-  'ArrowLeft',
-  'ArrowRight',
-  'ArrowUp',
-  'ArrowDown',
-  'Backspace',
-  'Delete',
-  'Enter',
-  'Tab',
-  'Escape',
-]);
+import { SlotMeta } from './segments';
 
 type UseSegmentedMaskParams = {
   inputRef: RefObject<HTMLInputElement | null>;
@@ -45,7 +32,6 @@ type UseSegmentedMaskParams = {
  * Сегментный ввод даты/времени (порт `useDateField` из @snack-uikit/fields). Каретка ходит по
  * сегментам (`setSelectionRange` подсвечивает текущий), цифры заполняют сегмент с авто-переходом,
  * стрелки двигают по сегментам, Backspace очищает сегмент до плейсхолдера.
- * `nativeInputRef` передаётся в `ref` того же input'а: значение правится через нативные `beforeinput`/`input`.
  */
 export function useSegmentedMask({
   inputRef,
@@ -188,72 +174,74 @@ export function useSegmentedMask({
     [clearSlot, isValidDate, lastSlot, nextSlot, selectSlot, slots, tryToComplete],
   );
 
-  // Цифры сегмента храним отдельно от текста: по `01` в поле не отличить `1` от `0` + `1`.
-  const typedRef = useRef<{ key: SegmentKey; digits: string } | null>(null);
-  const resetTyped = useCallback(() => {
-    typedRef.current = null;
-  }, []);
-
   const typeDigit = useCallback(
     (slot: SlotMeta, key: string) => {
+      const text = getSlotText(slot);
+      const numberValue = Number(text) || 0;
+      const digit = Number(key);
+      const slotValue = parseInt(numberValue.toString() + key, 10) || 0;
+      const valueLength = slotValue.toString().length;
       const maxLength = slot.max.toString().length;
-      const prev = typedRef.current?.key === slot.key ? typedRef.current.digits : '';
-      const appended = prev + key;
-      // Как в React Aria и MUI X: `13` в месяце → `03`.
-      const overflow = Number(appended) > slot.max;
-      const digits = overflow ? key : appended;
-      const value = Number(digits);
-      const complete = overflow || digits.length >= maxLength || value * 10 > slot.max;
-      const accepted = value >= slot.min;
-
-      if (accepted) updateSlot(slot, value);
-
-      if (!complete) {
-        typedRef.current = { key: slot.key, digits };
-        return;
-      }
+      const isTheLastInput = /^0+$/.test(text) && maxLength === 2 && digit === 0;
 
-      typedRef.current = null;
-      if (accepted) checkInputAndGoNext(slot);
+      if (valueLength < maxLength) {
+        if (slotValue || slotValue >= slot.min) {
+          updateSlot(slot, slotValue);
+          if (isTheLastInput) checkInputAndGoNext(slot);
+        }
+        if (slotValue * 10 > slot.max) {
+          checkInputAndGoNext(slot);
+        }
+      } else if (valueLength > maxLength) {
+        if (digit * 10 > slot.max) {
+          updateSlot(slot, key);
+          checkInputAndGoNext(slot);
+        } else if (digit || digit >= slot.min) {
+          updateSlot(slot, key);
+        }
+      } else if (slotValue <= slot.max) {
+        updateSlot(slot, slotValue);
+        checkInputAndGoNext(slot);
+      } else if (digit * 10 > slot.max) {
+        updateSlot(slot, key);
+        checkInputAndGoNext(slot);
+      } else if (digit || digit >= slot.min) {
+        updateSlot(slot, key);
+      }
     },
-    [checkInputAndGoNext, updateSlot],
+    [checkInputAndGoNext, getSlotText, updateSlot],
   );
 
   const handleFocus = useCallback(() => {
     if (readonly || disabled) return;
-    resetTyped();
     ensureMask();
     // На фокус всегда выбираем ПЕРВЫЙ сегмент (паритет с легаси). При клике мышью `handleClick`
     // отработает следом и перевыберет сегмент под кареткой; при Tab остаётся первый.
     selectSlot(firstSlot);
-  }, [disabled, ensureMask, firstSlot, readonly, resetTyped, selectSlot]);
+  }, [disabled, ensureMask, firstSlot, readonly, selectSlot]);
 
   const handleClick = useCallback(
     (event: MouseEvent<HTMLInputElement>) => {
       if (readonly || disabled) return;
-      resetTyped();
       ensureMask();
       selectSlot(slotFromIndex(event.currentTarget.selectionStart));
     },
-    [disabled, ensureMask, readonly, resetTyped, selectSlot, slotFromIndex],
+    [disabled, ensureMask, readonly, selectSlot, slotFromIndex],
   );
 
   const handleBlur = useCallback(() => {
-    resetTyped();
     const input = inputRef.current;
     if (input && input.value === mask) {
       input.value = '';
       setValue('');
     }
-  }, [inputRef, mask, resetTyped, setValue]);
+  }, [inputRef, mask, setValue]);
 
   const handleKeyDown = useCallback(
     (event: KeyboardEvent<HTMLInputElement>) => {
       const input = inputRef.current;
       if (!input || readonly || disabled) return;
 
-      if (RESET_TYPED_KEYS.has(event.key)) resetTyped();
-
       // Tab уводит фокус из поля — не перехватываем.
       if (event.key === 'Tab') return;
 
@@ -270,14 +258,8 @@ export function useSegmentedMask({
         return;
       }
 
-      // Копирование и вставку не блокируем: правку поля перехватит beforeinput.
-      if (event.ctrlKey || event.metaKey || event.altKey) return;
-
       onEdit?.();
 
-      // Экранные клавиатуры присылают `Unidentified` вместо цифры, её данные есть только в beforeinput.
-      if (/^\d$/.test(event.key) || event.key === 'Unidentified') return;
-
       if (event.key === 'Escape') {
         event.preventDefault();
         onEscape?.();
@@ -315,6 +297,11 @@ export function useSegmentedMask({
       if (event.key === 'Enter') {
         tryToComplete();
         emit();
+        return;
+      }
+      if (/^\d$/.test(event.key)) {
+        typeDigit(slot, event.key);
+        emit();
       }
     },
     [
@@ -331,16 +318,22 @@ export function useSegmentedMask({
       onEscape,
       prevSlot,
       readonly,
-      resetTyped,
       selectSlot,
       slotFromIndex,
       tryToComplete,
+      typeDigit,
     ],
   );
 
-  const fillFromDigits = useCallback(
-    (digits: string) => {
-      resetTyped();
+  // Вставка (Ctrl+V) полной строки даты/времени: вытаскиваем цифры и заполняем сегменты
+  // слева направо. Нативный onChange у поля игнорируется (движок controlled), поэтому без
+  // этого обработчика вставка не работала бы вовсе.
+  const handlePaste = useCallback(
+    (event: ClipboardEvent<HTMLInputElement>) => {
+      if (readonly || disabled) return;
+      event.preventDefault();
+      const digits = event.clipboardData.getData('text').replace(/\D/g, '');
+      if (!digits) return;
       ensureMask();
 
       let cursor = 0;
@@ -359,123 +352,10 @@ export function useSegmentedMask({
       } else if (lastFilled) {
         selectSlot(nextSlot(lastFilled));
       }
-    },
-    [ensureMask, lastSlot, nextSlot, resetTyped, selectSlot, slots, tryToComplete, updateSlot],
-  );
-
-  const handlePaste = useCallback(
-    (event: ClipboardEvent<HTMLInputElement>) => {
-      if (readonly || disabled) return;
-      event.preventDefault();
-      const digits = event.clipboardData.getData('text').replace(/\D/g, '');
-      if (!digits) return;
-      fillFromDigits(digits);
-      emit();
-    },
-    [disabled, emit, fillFromDigits, readonly],
-  );
-
-  const applyEdit = useCallback(
-    (inputType: string, text: string) => {
-      const input = inputRef.current;
-      if (!input) return;
-      onEdit?.();
-
-      if (inputType.startsWith('delete')) {
-        resetTyped();
-        clearSlot(slotFromIndex(input.selectionStart));
-        emit();
-        return;
-      }
-
-      const digits = text.replace(/\D/g, '');
-      if (!inputType.startsWith('insert') || !digits) return;
-
-      // Автозаполнение, `fill` и drop присылают строку целиком.
-      if (text.length > 1) {
-        fillFromDigits(digits);
-      } else {
-        typeDigit(slotFromIndex(input.selectionStart), digits);
-      }
       emit();
     },
-    [clearSlot, emit, fillFromDigits, inputRef, onEdit, resetTyped, slotFromIndex, typeDigit],
-  );
-
-  // Композицию IME браузер не даёт отменить — откатываем её в input.
-  const pendingEditRef = useRef<{ value: string; start: number; end: number } | null>(null);
-
-  const handleBeforeInput = useCallback(
-    (event: InputEvent) => {
-      const input = inputRef.current;
-      if (!input || readonly || disabled) return;
-      ensureMask();
-
-      if (!event.cancelable) {
-        pendingEditRef.current = { value: input.value, start: input.selectionStart ?? 0, end: input.selectionEnd ?? 0 };
-        return;
-      }
-
-      event.preventDefault();
-      applyEdit(event.inputType, event.data ?? event.dataTransfer?.getData('text') ?? '');
-    },
-    [applyEdit, disabled, ensureMask, inputRef, readonly],
-  );
-
-  const handleInput = useCallback(
-    (event: Event) => {
-      const input = inputRef.current;
-      if (!input || readonly || disabled) return;
-      const pending = pendingEditRef.current;
-      pendingEditRef.current = null;
-
-      if (pending) {
-        const inputType = event instanceof InputEvent ? event.inputType : '';
-        const inserted = input.value.slice(pending.start, input.value.length - (pending.value.length - pending.end));
-        input.value = pending.value;
-        setValue(pending.value);
-        input.setSelectionRange(pending.start, pending.end);
-        // Цифру композиции вводит её фиксация (insertText), иначе цифра запишется дважды.
-        if (!inputType.includes('Composition')) applyEdit(inputType, inserted);
-        return;
-      }
-
-      // Автозаполнение меняет значение без beforeinput.
-      const digits = input.value.replace(/\D/g, '');
-      input.value = mask;
-      setValue(mask);
-      fillFromDigits(digits);
-      emit();
-    },
-    [applyEdit, disabled, emit, fillFromDigits, inputRef, mask, readonly, setValue],
-  );
-
-  // React 18 не отдаёт `inputType` в `onBeforeInput`, поэтому слушаем нативные события.
-  const onNativeBeforeInput = useEventHandler(handleBeforeInput);
-  const onNativeInput = useEventHandler(handleInput);
-  const attachedInputRef = useRef<HTMLInputElement | null>(null);
-  const nativeInputRef = useCallback(
-    (node: HTMLInputElement | null) => {
-      /* eslint-disable @cloud-ru/ssr-safe-react/domApi -- callback-ref вызывается только в браузере */
-      attachedInputRef.current?.removeEventListener('beforeinput', onNativeBeforeInput);
-      attachedInputRef.current?.removeEventListener('input', onNativeInput);
-      attachedInputRef.current = node;
-      node?.addEventListener('beforeinput', onNativeBeforeInput);
-      node?.addEventListener('input', onNativeInput);
-      /* eslint-enable @cloud-ru/ssr-safe-react/domApi */
-    },
-    [onNativeBeforeInput, onNativeInput],
+    [disabled, emit, ensureMask, lastSlot, nextSlot, readonly, selectSlot, slots, tryToComplete, updateSlot],
   );
 
-  return {
-    handleKeyDown,
-    handleClick,
-    handleFocus,
-    handleBlur,
-    handlePaste,
-    nativeInputRef,
-    selectSlot,
-    firstSlot,
-    lastSlot,
-  };
+  return { handleKeyDown, handleClick, handleFocus, handleBlur, handlePaste, selectSlot, firstSlot, lastSlot };
 }

package/dist/cjs/components/FieldSelect/utils.d.ts

@@ -1,19 +0,0 @@
-import { Size } from '@cloud-ru/ds-field-decorator';
-import { ItemId } from '@cloud-ru/ds-list';
-import { Appearance as TagAppearance, Size as TagSize } from '@cloud-ru/ds-tag';
-import { FieldSelectItem, FieldSelectMultipleProps, FieldSelectProps } from './types';
-export declare const TAG_SIZE_MAP: Record<Size, TagSize>;
-export type WithIdContent = {
-    id?: ItemId;
-    content?: unknown;
-    disabled?: boolean;
-    appearance?: TagAppearance;
-};
-export declare function extractLabel(item: WithIdContent): string;
-export declare function extractSearchText(item: WithIdContent): string;
-export declare function extractAppearance(item?: WithIdContent): TagAppearance | undefined;
-export declare function flatten(items: FieldSelectItem[]): WithIdContent[];
-export declare function findItem(items: FieldSelectItem[], id: ItemId): WithIdContent | undefined;
-export declare function isFuzzyMatch(haystack: string, needle: string): boolean;
-export declare function filterItems(items: FieldSelectItem[], query: string, fuzzy: boolean): FieldSelectItem[];
-export declare function isMultiple(props: FieldSelectProps): props is FieldSelectMultipleProps;

package/dist/cjs/components/FieldSelect/utils.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TAG_SIZE_MAP = void 0;
-exports.extractLabel = extractLabel;
-exports.extractSearchText = extractSearchText;
-exports.extractAppearance = extractAppearance;
-exports.flatten = flatten;
-exports.findItem = findItem;
-exports.isFuzzyMatch = isFuzzyMatch;
-exports.filterItems = filterItems;
-exports.isMultiple = isMultiple;
-const constants_1 = require("./constants");
-exports.TAG_SIZE_MAP = { s: 'xs', m: 'xs', l: 's' };
-function extractLabel(item) {
-    const { content, id } = item;
-    if (!content) {
-        return String(id ?? '');
-    }
-    if (typeof content === 'string' || typeof content === 'number') {
-        return String(content);
-    }
-    if (typeof content === 'object' && content !== null && 'label' in content) {
-        return String(content.label);
-    }
-    return String(id ?? '');
-}
-// Текст для поиска: лейбл (option) + caption + description — паритет с легаси `useSearch`,
-// который матчил запрос по всем трём полям контента, а не только по лейблу.
-function extractSearchText(item) {
-    const parts = [extractLabel(item)];
-    const { content } = item;
-    if (content && typeof content === 'object') {
-        const c = content;
-        if (typeof c.caption === 'string') {
-            parts.push(c.caption);
-        }
-        if (typeof c.description === 'string') {
-            parts.push(c.description);
-        }
-    }
-    return parts.join(' ');
-}
-// Цвет тега выбранного значения (multiple) — паритет с легаси `option.appearance`.
-// Проверка типа нужна и при типизированном поле: items часто приходят из ответа бэкенда.
-function extractAppearance(item) {
-    return typeof item?.appearance === 'string' ? item.appearance : undefined;
-}
-function flatten(items) {
-    const out = [];
-    for (const item of items) {
-        out.push(item);
-        if ('items' in item && Array.isArray(item.items)) {
-            out.push(...flatten(item.items));
-        }
-    }
-    return out;
-}
-function findItem(items, id) {
-    for (const item of flatten(items)) {
-        if (item.id === id) {
-            return item;
-        }
-    }
-    return undefined;
-}
-// Subsequence-fuzzy: символы запроса должны встречаться в строке в исходном порядке.
-// Пример: query=`lge` matches `Large` (L → r → arg → e).
-function isFuzzyMatch(haystack, needle) {
-    if (!needle) {
-        return true;
-    }
-    let i = 0;
-    for (const ch of haystack) {
-        if (ch === needle[i]) {
-            i += 1;
-            if (i === needle.length) {
-                return true;
-            }
-        }
-    }
-    return false;
-}
-function filterItems(items, query, fuzzy) {
-    if (!query) {
-        return items;
-    }
-    const q = query.toLowerCase();
-    const matches = (item) => {
-        const text = extractSearchText(item).toLowerCase();
-        return fuzzy ? isFuzzyMatch(text, q) : text.includes(q);
-    };
-    const walk = (list) => list.flatMap(item => {
-        if ('items' in item && Array.isArray(item.items)) {
-            const filteredChildren = walk(item.items);
-            return filteredChildren.length > 0 ? [{ ...item, items: filteredChildren }] : [];
-        }
-        return matches(item) ? [item] : [];
-    });
-    return walk(items);
-}
-function isMultiple(props) {
-    return props.selection === constants_1.SELECTION_MODE.Multiple;
-}

package/dist/esm/components/FieldSelect/utils.d.ts

@@ -1,19 +0,0 @@
-import { Size } from '@cloud-ru/ds-field-decorator';
-import { ItemId } from '@cloud-ru/ds-list';
-import { Appearance as TagAppearance, Size as TagSize } from '@cloud-ru/ds-tag';
-import { FieldSelectItem, FieldSelectMultipleProps, FieldSelectProps } from './types.js';
-export declare const TAG_SIZE_MAP: Record<Size, TagSize>;
-export type WithIdContent = {
-    id?: ItemId;
-    content?: unknown;
-    disabled?: boolean;
-    appearance?: TagAppearance;
-};
-export declare function extractLabel(item: WithIdContent): string;
-export declare function extractSearchText(item: WithIdContent): string;
-export declare function extractAppearance(item?: WithIdContent): TagAppearance | undefined;
-export declare function flatten(items: FieldSelectItem[]): WithIdContent[];
-export declare function findItem(items: FieldSelectItem[], id: ItemId): WithIdContent | undefined;
-export declare function isFuzzyMatch(haystack: string, needle: string): boolean;
-export declare function filterItems(items: FieldSelectItem[], query: string, fuzzy: boolean): FieldSelectItem[];
-export declare function isMultiple(props: FieldSelectProps): props is FieldSelectMultipleProps;

package/dist/esm/components/FieldSelect/utils.js

@@ -1,92 +0,0 @@
-import { SELECTION_MODE } from './constants.js';
-export const TAG_SIZE_MAP = { s: 'xs', m: 'xs', l: 's' };
-export function extractLabel(item) {
-    const { content, id } = item;
-    if (!content) {
-        return String(id ?? '');
-    }
-    if (typeof content === 'string' || typeof content === 'number') {
-        return String(content);
-    }
-    if (typeof content === 'object' && content !== null && 'label' in content) {
-        return String(content.label);
-    }
-    return String(id ?? '');
-}
-// Текст для поиска: лейбл (option) + caption + description — паритет с легаси `useSearch`,
-// который матчил запрос по всем трём полям контента, а не только по лейблу.
-export function extractSearchText(item) {
-    const parts = [extractLabel(item)];
-    const { content } = item;
-    if (content && typeof content === 'object') {
-        const c = content;
-        if (typeof c.caption === 'string') {
-            parts.push(c.caption);
-        }
-        if (typeof c.description === 'string') {
-            parts.push(c.description);
-        }
-    }
-    return parts.join(' ');
-}
-// Цвет тега выбранного значения (multiple) — паритет с легаси `option.appearance`.
-// Проверка типа нужна и при типизированном поле: items часто приходят из ответа бэкенда.
-export function extractAppearance(item) {
-    return typeof item?.appearance === 'string' ? item.appearance : undefined;
-}
-export function flatten(items) {
-    const out = [];
-    for (const item of items) {
-        out.push(item);
-        if ('items' in item && Array.isArray(item.items)) {
-            out.push(...flatten(item.items));
-        }
-    }
-    return out;
-}
-export function findItem(items, id) {
-    for (const item of flatten(items)) {
-        if (item.id === id) {
-            return item;
-        }
-    }
-    return undefined;
-}
-// Subsequence-fuzzy: символы запроса должны встречаться в строке в исходном порядке.
-// Пример: query=`lge` matches `Large` (L → r → arg → e).
-export function isFuzzyMatch(haystack, needle) {
-    if (!needle) {
-        return true;
-    }
-    let i = 0;
-    for (const ch of haystack) {
-        if (ch === needle[i]) {
-            i += 1;
-            if (i === needle.length) {
-                return true;
-            }
-        }
-    }
-    return false;
-}
-export function filterItems(items, query, fuzzy) {
-    if (!query) {
-        return items;
-    }
-    const q = query.toLowerCase();
-    const matches = (item) => {
-        const text = extractSearchText(item).toLowerCase();
-        return fuzzy ? isFuzzyMatch(text, q) : text.includes(q);
-    };
-    const walk = (list) => list.flatMap(item => {
-        if ('items' in item && Array.isArray(item.items)) {
-            const filteredChildren = walk(item.items);
-            return filteredChildren.length > 0 ? [{ ...item, items: filteredChildren }] : [];
-        }
-        return matches(item) ? [item] : [];
-    });
-    return walk(items);
-}
-export function isMultiple(props) {
-    return props.selection === SELECTION_MODE.Multiple;
-}

package/src/components/FieldSelect/utils.ts

@@ -1,132 +0,0 @@
-import { Size } from '@cloud-ru/ds-field-decorator';
-import { ItemId } from '@cloud-ru/ds-list';
-import { Appearance as TagAppearance, Size as TagSize } from '@cloud-ru/ds-tag';
-
-import { SELECTION_MODE } from './constants';
-import { FieldSelectItem, FieldSelectMultipleProps, FieldSelectProps } from './types';
-
-export const TAG_SIZE_MAP: Record<Size, TagSize> = { s: 'xs', m: 'xs', l: 's' };
-
-export type WithIdContent = { id?: ItemId; content?: unknown; disabled?: boolean; appearance?: TagAppearance };
-
-export function extractLabel(item: WithIdContent): string {
-  const { content, id } = item;
-
-  if (!content) {
-    return String(id ?? '');
-  }
-
-  if (typeof content === 'string' || typeof content === 'number') {
-    return String(content);
-  }
-
-  if (typeof content === 'object' && content !== null && 'label' in content) {
-    return String((content as { label: unknown }).label);
-  }
-
-  return String(id ?? '');
-}
-
-// Текст для поиска: лейбл (option) + caption + description — паритет с легаси `useSearch`,
-// который матчил запрос по всем трём полям контента, а не только по лейблу.
-export function extractSearchText(item: WithIdContent): string {
-  const parts = [extractLabel(item)];
-  const { content } = item;
-
-  if (content && typeof content === 'object') {
-    const c = content as { caption?: unknown; description?: unknown };
-
-    if (typeof c.caption === 'string') {
-      parts.push(c.caption);
-    }
-
-    if (typeof c.description === 'string') {
-      parts.push(c.description);
-    }
-  }
-
-  return parts.join(' ');
-}
-
-// Цвет тега выбранного значения (multiple) — паритет с легаси `option.appearance`.
-// Проверка типа нужна и при типизированном поле: items часто приходят из ответа бэкенда.
-export function extractAppearance(item?: WithIdContent): TagAppearance | undefined {
-  return typeof item?.appearance === 'string' ? item.appearance : undefined;
-}
-
-export function flatten(items: FieldSelectItem[]): WithIdContent[] {
-  const out: WithIdContent[] = [];
-
-  for (const item of items) {
-    out.push(item as WithIdContent);
-
-    if ('items' in item && Array.isArray(item.items)) {
-      out.push(...flatten(item.items as FieldSelectItem[]));
-    }
-  }
-
-  return out;
-}
-
-export function findItem(items: FieldSelectItem[], id: ItemId): WithIdContent | undefined {
-  for (const item of flatten(items)) {
-    if (item.id === id) {
-      return item;
-    }
-  }
-
-  return undefined;
-}
-
-// Subsequence-fuzzy: символы запроса должны встречаться в строке в исходном порядке.
-// Пример: query=`lge` matches `Large` (L → r → arg → e).
-export function isFuzzyMatch(haystack: string, needle: string): boolean {
-  if (!needle) {
-    return true;
-  }
-
-  let i = 0;
-
-  for (const ch of haystack) {
-    if (ch === needle[i]) {
-      i += 1;
-
-      if (i === needle.length) {
-        return true;
-      }
-    }
-  }
-
-  return false;
-}
-
-export function filterItems(items: FieldSelectItem[], query: string, fuzzy: boolean): FieldSelectItem[] {
-  if (!query) {
-    return items;
-  }
-
-  const q = query.toLowerCase();
-
-  const matches = (item: FieldSelectItem): boolean => {
-    const text = extractSearchText(item as WithIdContent).toLowerCase();
-
-    return fuzzy ? isFuzzyMatch(text, q) : text.includes(q);
-  };
-
-  const walk = (list: FieldSelectItem[]): FieldSelectItem[] =>
-    list.flatMap(item => {
-      if ('items' in item && Array.isArray(item.items)) {
-        const filteredChildren = walk(item.items as FieldSelectItem[]);
-
-        return filteredChildren.length > 0 ? [{ ...item, items: filteredChildren } as FieldSelectItem] : [];
-      }
-
-      return matches(item) ? [item] : [];
-    });
-
-  return walk(items);
-}
-
-export function isMultiple(props: FieldSelectProps): props is FieldSelectMultipleProps {
-  return props.selection === SELECTION_MODE.Multiple;
-}