@snack-uikit/fields 0.18.2-preview-cb79db34.0 → 0.18.2-preview-01f09206.0

package/README.md

@@ -312,8 +312,6 @@ const [isOpen, setIsOpen] = useState(false);
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| pinBottom* | `OptionProps[]` | - |  |
-| pinTop* | `OptionProps[]` | - |  |
 | options* | `OptionProps[]` | - |  |
 | disabled | `boolean` | false | Является ли поле деактивированным |
 | readonly | `boolean` | false false | Является ли поле доступным только для чтения |
@@ -334,9 +332,9 @@ const [isOpen, setIsOpen] = useState(false);
 | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
 | showHintIcon | `boolean` | - | Отображать иконку подсказки |
 | loading | `boolean` | - |  |
-| value | `ItemId \| ItemId[]` | - | Controlled состояние |
-| onChange | `OnChangeHandler<any>` | - | Controlled обработчик измения состояния |
-| defaultValue | `ItemId \| ItemId[]` | - | Начальное состояние |
+| value | `SelectionSingleValueType \| SelectionSingleValueType[]` | - | Controlled состояние |
+| onChange | `((value: any) => void) \| ((value: any) => void)` | - | Controlled обработчик измения состояния |
+| defaultValue | `SelectionSingleValueType \| SelectionSingleValueType[]` | - | Начальное состояние |
 | searchable | `boolean` | - |  |
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
@@ -352,6 +350,8 @@ const [isOpen, setIsOpen] = useState(false);
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
 | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
+| pinTop | `ItemProps[]` | - | Элементы списка, закрепленные сверху |
+| pinBottom | `ItemProps[]` | - | Элементы списка, закрепленные снизу |
 | dataFiltered | `boolean` | - |  |
 | selection | "single" \| "multiple" | - |  |
 | ref | `Ref<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |

package/dist/components/FieldDate/FieldDate.js

@@ -14,7 +14,7 @@ import mergeRefs from 'merge-refs';
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 import { Calendar } from '@snack-uikit/calendar';
-import { Dropdown } from '@snack-uikit/dropdown';
+import { Dropdown } from '@snack-uikit/droplist';
 import { CalendarSVG } from '@snack-uikit/icons';
 import { ICON_SIZE, InputPrivate, runAfterRerender, SIZE, useButtonNavigation, useClearButton, } from '@snack-uikit/input-private';
 import { extractSupportProps } from '@snack-uikit/utils';

package/dist/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -9,8 +9,6 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     'data-test-id'?: string | undefined;
 } & import("react").AriaAttributes & {
     options: import("./types").OptionProps[];
-    pinTop: import("./types").OptionProps[];
-    pinBottom: import("./types").OptionProps[];
     searchable?: boolean | undefined;
     showCopyButton?: boolean | undefined;
     showClearButton?: boolean | undefined;
@@ -23,4 +21,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     open?: boolean | undefined;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter | undefined;
-} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectMultiple.js

@@ -14,7 +14,7 @@ import cn from 'classnames';
 import mergeRefs from 'merge-refs';
 import { forwardRef, useLayoutEffect, useRef, useState } from 'react';
 import { InputPrivate } from '@snack-uikit/input-private';
-import { Droplist } from '@snack-uikit/list';
+import { Droplist, useFuzzySearch } from '@snack-uikit/list';
 import { Tag } from '@snack-uikit/tag';
 import { extractSupportProps } from '@snack-uikit/utils';
 import { FieldContainerPrivate } from '../../helperComponents';
@@ -22,14 +22,10 @@ import { useValueControl } from '../../hooks';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleDeleteItem, useHandleOnKeyDown, useSearchInput } from './hooks';
-import { useFuzzySearch } from './legacy';
 import styles from './styles.module.css';
 import { extractListProps, getArrowIcon, updateMultipleItems } from './utils';
 const BASE_MIN_WIDTH = 4;
-const defaultSelectedOptionFormatter = item => 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-(item === null || item === void 0 ? void 0 : item.content.option) || '';
+const defaultSelectedOptionFormatter = item => (item === null || item === void 0 ? void 0 : item.content.option) || '';
 export const FieldSelectMultiple = forwardRef((_a, ref) => {
     var _b;
     var { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showClearButton = true, onKeyDown: onInputKeyDownProp, validationState = 'default', search, autocomplete = false, prefixIcon, removeByBackspace = false, addOptionByEnter = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter } = _a, rest = __rest(_a, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "removeByBackspace", "addOptionByEnter", "open", "onOpenChange", "selectedOptionFormatter"]);

package/dist/components/FieldSelect/FieldSelectSingle.d.ts

@@ -7,8 +7,6 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     'data-test-id'?: string | undefined;
 } & import("react").AriaAttributes & {
     options: import("./types").OptionProps[];
-    pinTop: import("./types").OptionProps[];
-    pinBottom: import("./types").OptionProps[];
     searchable?: boolean | undefined;
     showCopyButton?: boolean | undefined;
     showClearButton?: boolean | undefined;
@@ -21,4 +19,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     open?: boolean | undefined;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter | undefined;
-} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectSingle.js

@@ -14,20 +14,16 @@ import cn from 'classnames';
 import mergeRefs from 'merge-refs';
 import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
 import { InputPrivate } from '@snack-uikit/input-private';
-import { Droplist } from '@snack-uikit/list';
+import { Droplist, useFuzzySearch } from '@snack-uikit/list';
 import { extractSupportProps } from '@snack-uikit/utils';
 import { FieldContainerPrivate } from '../../helperComponents';
 import { useValueControl } from '../../hooks';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleOnKeyDown, useSearchInput } from './hooks';
-import { useFuzzySearch } from './legacy';
 import styles from './styles.module.css';
 import { extractListProps, getArrowIcon, updateItems } from './utils';
-const defaultSelectedOptionFormatter = item => 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-(item === null || item === void 0 ? void 0 : item.content.option) || '';
+const defaultSelectedOptionFormatter = item => (item === null || item === void 0 ? void 0 : item.content.option) || '';
 export const FieldSelectSingle = forwardRef((_a, ref) => {
     var _b;
     var { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showCopyButton = true, showClearButton = true, onKeyDown: onInputKeyDownProp, required = false, validationState = 'default', search, autocomplete = false, prefixIcon, addOptionByEnter = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter } = _a, rest = __rest(_a, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "addOptionByEnter", "open", "onOpenChange", "selectedOptionFormatter"]);
@@ -39,10 +35,7 @@ export const FieldSelectSingle = forwardRef((_a, ref) => {
         onChange: onChangeProp,
     });
     const [{ selectedItem, items = [] }, setItems] = useState(() => updateItems({ options, value, currentItems: [], selectedItem: undefined }));
-    const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput(Object.assign(Object.assign({}, search), { 
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        defaultValue: (_b = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.content.option) !== null && _b !== void 0 ? _b : '', selectedOptionFormatter }));
+    const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput(Object.assign(Object.assign({}, search), { defaultValue: (_b = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.content.option) !== null && _b !== void 0 ? _b : '', selectedOptionFormatter }));
     const prevSelectedItem = useRef(selectedItem);
     useLayoutEffect(() => {
         setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
@@ -50,8 +43,6 @@ export const FieldSelectSingle = forwardRef((_a, ref) => {
     useEffect(() => {
         if (prevSelectedItem.current &&
             prevSelectedItem.current.id === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) &&
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
             prevSelectedItem.current.content.option === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.content.option)) {
             return;
         }

package/dist/components/FieldSelect/hooks.js

@@ -1,10 +1,7 @@
 import { useCallback, useMemo, useRef } from 'react';
 import { useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
-import { 
-// extractChildIds,
-isAccordionItemProps, isNextListItemProps, } from '@snack-uikit/list';
+import { extractChildIds, isAccordionItemProps, isNextListItemProps, } from '@snack-uikit/list';
 import { useCopyButton, useValueControl } from '../../hooks';
-import { extractChildIds } from './legacy';
 import { isBaseOptionProps } from './utils';
 export function useHandleOnKeyDown({ setOpen, inputKeyDownNavigationHandler, onInputKeyDownProp, }) {
     return useCallback((onKeyDown) => (e) => {
@@ -77,10 +74,7 @@ export function useHandleDeleteItem(setValue) {
             return;
         }
         if (isBaseOptionProps(item)) {
-            setValue((value) => value === null || value === void 0 ? void 0 : value.filter(v => 
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            v !== item.id));
+            setValue((value) => value === null || value === void 0 ? void 0 : value.filter(v => v !== item.id));
         }
     }, [setValue]);
 }

package/dist/components/FieldSelect/types.d.ts

@@ -1,13 +1,12 @@
 import { ReactElement } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
-import { AccordionItemProps, BaseItemProps, GroupItemProps, ItemContentProps, ListProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
+import { AccordionItemProps, BaseItemProps, GroupItemProps, ListProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
 import { TagProps } from '@snack-uikit/tag';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { FieldDecoratorProps } from '../FieldDecorator';
-export type AnyType = any;
 export type OptionProps = BaseOptionProps | AccordionOptionProps | GroupOptionProps | NestListOptionProps;
 export type OptionWithoutGroup = BaseOptionProps | AccordionOptionProps | NestListOptionProps;
-export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> & Pick<ItemContentProps, 'option' | 'caption' | 'description'> & {
+export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> & BaseItemProps['content'] & {
     value: string | number;
 } & Pick<TagProps, 'appearance'>;
 export type AccordionOptionProps = Pick<AccordionItemProps, 'type'> & BaseOptionProps & {
@@ -37,8 +36,6 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & {
 };
 type FiledSelectCommonProps = WithSupportProps<{
     options: OptionProps[];
-    pinTop: OptionProps[];
-    pinBottom: OptionProps[];
     searchable?: boolean;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
@@ -61,7 +58,7 @@ type FiledSelectCommonProps = WithSupportProps<{
     open?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-}> & Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered'>;
+}> & Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'>;
 export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & FiledSelectCommonProps;
 export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
     removeByBackspace?: boolean;

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

@@ -1,3 +1,3 @@
 import { DroplistProps } from '@snack-uikit/list';
 import { FieldSelectProps } from '../types';
-export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
+export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, }: Partial<FieldSelectProps>): Partial<DroplistProps>;

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

@@ -1,9 +1,11 @@
-export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, }) {
+export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, }) {
     return {
         dataError,
         noDataState,
         noResultsState,
         errorDataState,
+        pinTop,
+        pinBottom,
         dataFiltered,
         loading,
         trigger: 'clickAndFocusVisible',

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { flattenItems } from '../legacy';
+import { flattenItems } from '@snack-uikit/list';
 import { isAccordionOptionProps, isGroupOptionProps, isNextListOptionProps } from './typeGuards';
 export function transformOptionsToItems(options) {
     return options.map(option => {

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

@@ -12,7 +12,7 @@ export function isNextListOptionProps(option) {
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isGroupOptionProps(option) {
-    return 'options' in option && option['type'] === 'group';
+    return 'options' in option && option['type'] === undefined;
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isFieldSelectMultipleProps(props) {

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

@@ -1,7 +1,7 @@
-import { ItemId, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
 import { ItemWithId, OptionProps } from '../types';
 export declare function createPlaceholderItem(value: SelectionSingleValueType): {
-    id: ItemId;
+    id: SelectionSingleValueType;
     content: {
         option: string;
     };
@@ -9,12 +9,12 @@ export declare function createPlaceholderItem(value: SelectionSingleValueType):
 };
 export declare function updateItems({ options, value, selectedItem, }: {
     options: OptionProps[];
-    value?: ItemId;
+    value: SelectionSingleValueType;
     selectedItem?: ItemWithId;
     currentItems?: ItemProps[];
 }): {
     selectedItem: ItemWithId | undefined;
-    items: import("@snack-uikit/list/dist/components/Items").Item[];
+    items: ItemProps[];
 };
 export declare function updateMultipleItems({ options, value, selectedItems, }: {
     options: OptionProps[];
@@ -23,10 +23,10 @@ export declare function updateMultipleItems({ options, value, selectedItems, }:
     currentItems?: ItemProps[];
 }): {
     selectedItems: undefined;
-    items: (import("@snack-uikit/list/dist/components/Items").Item & {
+    items: (ItemProps & {
         appearance?: import("@snack-uikit/tag/dist/types").Appearance | undefined;
     })[];
 } | {
     selectedItems: ItemWithId[];
-    items: import("@snack-uikit/list/dist/components/Items").Item[];
+    items: ItemProps[];
 };

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

@@ -1,4 +1,4 @@
-import { flattenItems } from '../legacy';
+import { flattenItems } from '@snack-uikit/list';
 import { transformOptionsToItems } from './options';
 export function createPlaceholderItem(value) {
     return { id: value, content: { option: String(value) }, placeholder: true };
@@ -39,20 +39,11 @@ export function updateMultipleItems({ options, value, selectedItems, }) {
             items: originalItems,
         };
     }
-    const foundedValue = [];
     let newItems = originalItems;
     let newSelectedItems = selectedItems;
     const flattenOriginalItems = flattenItems(originalItems);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const foundItems = flattenOriginalItems.filter((item) => {
-        if (value.includes(item.id) && !foundedValue.includes(item.id)) {
-            foundedValue.push(item.id);
-            return true;
-        }
-    });
-    const nonFoundValues = value.filter(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value => !flattenOriginalItems.find((item) => item.id === value));
+    const foundItems = flattenOriginalItems.filter(item => value.includes(item.id));
+    const nonFoundValues = value.filter(value => !flattenOriginalItems.find(item => item.id === value));
     if (nonFoundValues.length) {
         const nonFoundItems = nonFoundValues.map(value => (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(selectedItem => selectedItem.id === value)) || createPlaceholderItem(value));
         newSelectedItems = [...foundItems, ...nonFoundItems];

package/dist/helperComponents/FieldContainerPrivate/styles.module.css

@@ -7,7 +7,7 @@
   border-style:solid;
 }
 .container[data-validation=default]{
-  background-color:var(--sys-neutral-background1-level, #fdfdff);
+  background-color:var(--sys-neutral-background1-level, #fafafc);
   border-color:var(--sys-neutral-decor-default, #dfe2ec);
 }
 .container[data-validation=default]:hover{

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.18.2-preview-cb79db34.0",
+  "version": "0.18.2-preview-01f09206.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,31 +32,29 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.1-preview-cb79db34.0",
-    "@snack-uikit/calendar": "0.7.7-preview-cb79db34.0",
-    "@snack-uikit/dropdown": "0.2.2-preview-cb79db34.0",
+    "@snack-uikit/button": "0.17.0",
+    "@snack-uikit/calendar": "0.7.6",
+    "@snack-uikit/droplist": "0.13.14",
     "@snack-uikit/icons": "0.20.1",
-    "@snack-uikit/input-private": "3.1.2-preview-cb79db34.0",
-    "@snack-uikit/list": "0.10.1-preview-cb79db34.0",
-    "@snack-uikit/scroll": "0.5.3-preview-cb79db34.0",
-    "@snack-uikit/slider": "0.1.8-preview-cb79db34.0",
-    "@snack-uikit/tag": "0.8.3-preview-cb79db34.0",
-    "@snack-uikit/tooltip": "0.13.2-preview-cb79db34.0",
-    "@snack-uikit/truncate-string": "0.4.13-preview-cb79db34.0",
-    "@snack-uikit/utils": "3.2.1-preview-cb79db34.0",
+    "@snack-uikit/input-private": "3.1.1",
+    "@snack-uikit/list": "0.10.1-preview-01f09206.0",
+    "@snack-uikit/scroll": "0.5.2",
+    "@snack-uikit/slider": "0.1.7",
+    "@snack-uikit/tag": "0.8.2",
+    "@snack-uikit/tooltip": "0.13.1",
+    "@snack-uikit/truncate-string": "0.4.12",
+    "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "3.3.3",
-    "fuzzy-search": "3.2.1",
     "merge-refs": "1.2.2",
     "react-textarea-autosize": "8.5.3",
     "uncontrollable": "8.0.4"
   },
   "devDependencies": {
-    "@types/fuzzy-search": "2.1.5",
     "@types/merge-refs": "1.0.0"
   },
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "ec06c40c0ed64aa42d8842734a8c532f5c4603e6"
+  "gitHead": "83d9838d9512ed93692593a24cbd05a68d622281"
 }

package/src/components/FieldDate/FieldDate.tsx

@@ -13,7 +13,7 @@ import {
 import { useUncontrolledProp } from 'uncontrollable';
 
 import { Calendar, CalendarProps } from '@snack-uikit/calendar';
-import { Dropdown } from '@snack-uikit/dropdown';
+import { Dropdown } from '@snack-uikit/droplist';
 import { CalendarSVG } from '@snack-uikit/icons';
 import {
   ICON_SIZE,

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -3,7 +3,7 @@ import mergeRefs from 'merge-refs';
 import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useLayoutEffect, useRef, useState } from 'react';
 
 import { InputPrivate } from '@snack-uikit/input-private';
-import { BaseItemProps, Droplist, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { BaseItemProps, Droplist, ItemProps, SelectionSingleValueType, useFuzzySearch } from '@snack-uikit/list';
 import { Tag } from '@snack-uikit/tag';
 import { extractSupportProps } from '@snack-uikit/utils';
 
@@ -12,17 +12,13 @@ import { useValueControl } from '../../hooks';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleDeleteItem, useHandleOnKeyDown, useSearchInput } from './hooks';
-import { useFuzzySearch } from './legacy';
 import styles from './styles.module.scss';
 import { FieldSelectMultipleProps, ItemWithId, SelectedOptionFormatter } from './types';
 import { extractListProps, getArrowIcon, updateMultipleItems } from './utils';
 
 const BASE_MIN_WIDTH = 4;
 
-const defaultSelectedOptionFormatter: SelectedOptionFormatter = item =>
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  item?.content.option || '';
+const defaultSelectedOptionFormatter: SelectedOptionFormatter = item => item?.content.option || '';
 
 export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMultipleProps>(
   (

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -13,7 +13,7 @@ import {
 } from 'react';
 
 import { InputPrivate } from '@snack-uikit/input-private';
-import { Droplist, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { Droplist, ItemProps, SelectionSingleValueType, useFuzzySearch } from '@snack-uikit/list';
 import { extractSupportProps } from '@snack-uikit/utils';
 
 import { FieldContainerPrivate } from '../../helperComponents';
@@ -21,15 +21,11 @@ import { useValueControl } from '../../hooks';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleOnKeyDown, useSearchInput } from './hooks';
-import { useFuzzySearch } from './legacy';
 import styles from './styles.module.scss';
 import { FieldSelectSingleProps, ItemWithId, SelectedOptionFormatter } from './types';
 import { extractListProps, getArrowIcon, updateItems } from './utils';
 
-const defaultSelectedOptionFormatter: SelectedOptionFormatter = item =>
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  item?.content.option || '';
+const defaultSelectedOptionFormatter: SelectedOptionFormatter = item => item?.content.option || '';
 
 export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleProps>(
   (
@@ -76,8 +72,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
 
     const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput({
       ...search,
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
       defaultValue: selectedItem?.content.option ?? '',
       selectedOptionFormatter,
     });
@@ -92,8 +86,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
       if (
         prevSelectedItem.current &&
         prevSelectedItem.current.id === selectedItem?.id &&
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
         prevSelectedItem.current.content.option === selectedItem?.content.option
       ) {
         return;

package/src/components/FieldSelect/hooks.ts

@@ -3,14 +3,13 @@ import { Handler } from 'uncontrollable';
 
 import { useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
 import {
-  // extractChildIds,
+  extractChildIds,
   isAccordionItemProps,
   isNextListItemProps,
   SelectionSingleValueType,
 } from '@snack-uikit/list';
 
 import { useCopyButton, useValueControl } from '../../hooks';
-import { extractChildIds } from './legacy';
 import { ItemWithId, SearchState, SelectedOptionFormatter } from './types';
 import { isBaseOptionProps } from './utils';
 
@@ -142,15 +141,7 @@ export function useHandleDeleteItem(setValue: Handler) {
       }
 
       if (isBaseOptionProps(item)) {
-        setValue(
-          (value: SelectionSingleValueType[]) =>
-            value?.filter(
-              v =>
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-expect-error
-                v !== item.id,
-            ),
-        );
+        setValue((value: SelectionSingleValueType[]) => value?.filter(v => v !== item.id));
       }
     },
     [setValue],

package/src/components/FieldSelect/types.ts

@@ -5,7 +5,6 @@ import {
   AccordionItemProps,
   BaseItemProps,
   GroupItemProps,
-  ItemContentProps,
   ListProps,
   NextListItemProps,
   SelectionMultipleState,
@@ -16,33 +15,17 @@ import { WithSupportProps } from '@snack-uikit/utils';
 
 import { FieldDecoratorProps } from '../FieldDecorator';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type AnyType = any;
-
-export type OptionProps =
-  // eslint-disable-next-line no-use-before-define
-  | BaseOptionProps
-  // eslint-disable-next-line no-use-before-define
-  | AccordionOptionProps
-  // eslint-disable-next-line no-use-before-define
-  | GroupOptionProps
-  // eslint-disable-next-line no-use-before-define
-  | NestListOptionProps;
+// eslint-disable-next-line no-use-before-define
+export type OptionProps = BaseOptionProps | AccordionOptionProps | GroupOptionProps | NestListOptionProps;
 
 // eslint-disable-next-line no-use-before-define
 export type OptionWithoutGroup = BaseOptionProps | AccordionOptionProps | NestListOptionProps;
 
 export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> &
-  Pick<ItemContentProps, 'option' | 'caption' | 'description'> & { value: string | number } & Pick<
-    TagProps,
-    'appearance'
-  >;
+  BaseItemProps['content'] & { value: string | number } & Pick<TagProps, 'appearance'>;
 
 export type AccordionOptionProps = Pick<AccordionItemProps, 'type'> & BaseOptionProps & { options: OptionProps[] };
-
-export type GroupOptionProps = Omit<GroupItemProps, 'items' | 'id'> & {
-  options: OptionProps[];
-};
+export type GroupOptionProps = Omit<GroupItemProps, 'items' | 'id'> & { options: OptionProps[] };
 export type NestListOptionProps = Pick<NextListItemProps, 'type' | 'onSublistOpenChanged' | 'id'> &
   BaseOptionProps & { options: OptionProps[] };
 
@@ -82,10 +65,6 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & { options: Opt
 
 type FiledSelectCommonProps = WithSupportProps<{
   options: OptionProps[];
-
-  pinTop: OptionProps[];
-  pinBottom: OptionProps[];
-
   searchable?: boolean;
   /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
   showCopyButton?: boolean;
@@ -117,16 +96,20 @@ type FiledSelectCommonProps = WithSupportProps<{
 
   selectedOptionFormatter?: SelectedOptionFormatter;
 }> &
-  Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered'>;
+  Pick<
+    ListProps,
+    'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'
+  >;
 
 export type FieldSelectSingleProps = FieldSelectPrivateProps &
   Omit<SelectionSingleState, 'mode'> &
   WrapperProps &
   FiledSelectCommonProps;
 
-export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
-  removeByBackspace?: boolean;
-} & Omit<SelectionMultipleState, 'mode'> &
+export type FieldSelectMultipleProps = FieldSelectPrivateProps & { removeByBackspace?: boolean } & Omit<
+    SelectionMultipleState,
+    'mode'
+  > &
   Omit<FiledSelectCommonProps, 'showCopyButton'>;
 
 export type FieldSelectProps =

package/src/components/FieldSelect/utils/extractListProps.ts

@@ -7,6 +7,8 @@ export function extractListProps({
   noDataState,
   noResultsState,
   errorDataState,
+  pinTop,
+  pinBottom,
   dataFiltered,
   loading,
 }: Partial<FieldSelectProps>): Partial<DroplistProps> {
@@ -15,6 +17,8 @@ export function extractListProps({
     noDataState,
     noResultsState,
     errorDataState,
+    pinTop,
+    pinBottom,
     dataFiltered,
     loading,
     trigger: 'clickAndFocusVisible',

package/src/components/FieldSelect/utils/options.ts

@@ -1,7 +1,6 @@
-import { ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { flattenItems, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
 import { TagProps } from '@snack-uikit/tag';
 
-import { flattenItems } from '../legacy';
 import { BaseOptionProps, ItemWithId, OptionProps } from '../types';
 import { isAccordionOptionProps, isGroupOptionProps, isNextListOptionProps } from './typeGuards';
 

package/src/components/FieldSelect/utils/typeGuards.ts

@@ -24,7 +24,7 @@ export function isNextListOptionProps(option: any): option is NestListOptionProp
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isGroupOptionProps(option: any): option is GroupOptionProps {
-  return 'options' in option && option['type'] === 'group';
+  return 'options' in option && option['type'] === undefined;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/components/FieldSelect/utils/updateItems.ts

@@ -1,6 +1,5 @@
-import { ItemId, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { flattenItems, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
 
-import { flattenItems } from '../legacy';
 import { ItemWithId, OptionProps } from '../types';
 import { transformOptionsToItems } from './options';
 
@@ -14,7 +13,7 @@ export function updateItems({
   selectedItem,
 }: {
   options: OptionProps[];
-  value?: ItemId;
+  value: SelectionSingleValueType;
   selectedItem?: ItemWithId;
   currentItems?: ItemProps[];
 }) {
@@ -68,23 +67,14 @@ export function updateMultipleItems({
     };
   }
 
-  const foundedValue: (number | string)[] = [];
-
   let newItems: ItemProps[] = originalItems;
   let newSelectedItems = selectedItems;
 
   const flattenOriginalItems = flattenItems(originalItems);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const foundItems: ItemWithId[] = flattenOriginalItems.filter((item: any) => {
-    if (value.includes(item.id) && !foundedValue.includes(item.id)) {
-      foundedValue.push(item.id);
-      return true;
-    }
-  });
+  const foundItems: ItemWithId[] = flattenOriginalItems.filter(item => value.includes(item.id));
   const nonFoundValues: SelectionSingleValueType[] = value.filter(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value => !flattenOriginalItems.find((item: any) => item.id === value),
+    value => !flattenOriginalItems.find(item => item.id === value),
   );
 
   if (nonFoundValues.length) {

package/dist/components/FieldSelect/legacy/components/Items/hooks.d.ts

@@ -1,12 +0,0 @@
-import { ItemProps } from '@snack-uikit/list';
-type UseGroupItemSelectionProps = {
-    items: ItemProps[];
-    id?: string | number;
-    disabled?: boolean;
-};
-export declare function useLegacyGroupItemSelection({ id, items, disabled }: UseGroupItemSelectionProps): {
-    checked: boolean | undefined;
-    isIndeterminate: boolean;
-    handleOnSelect: () => void;
-};
-export {};

package/dist/components/FieldSelect/legacy/components/Items/hooks.js

@@ -1,33 +0,0 @@
-import { useEffect, useMemo } from 'react';
-import { useSelectionContext } from '@snack-uikit/list';
-import { extractAllChildIds, extractChildIds } from '../../utils';
-export function useLegacyGroupItemSelection({ id = '', items, disabled }) {
-    const { value, setValue, isSelectionMultiple } = useSelectionContext();
-    const { childIds, allChildIds } = useMemo(() => ({ childIds: extractChildIds({ items }), allChildIds: extractAllChildIds({ items }) }), [items]);
-    const isIndeterminate = isSelectionMultiple
-        ? allChildIds.some(childId => value === null || value === void 0 ? void 0 : value.includes(childId))
-        : allChildIds.includes(value !== null && value !== void 0 ? value : '');
-    const checked = isSelectionMultiple ? allChildIds.every(childId => value === null || value === void 0 ? void 0 : value.includes(childId)) : undefined;
-    useEffect(() => {
-        if (isSelectionMultiple) {
-            if (checked && !(value === null || value === void 0 ? void 0 : value.includes(id))) {
-                setValue === null || setValue === void 0 ? void 0 : setValue((value) => (value !== null && value !== void 0 ? value : []).concat([id !== null && id !== void 0 ? id : '']));
-            }
-            if (!checked && (value === null || value === void 0 ? void 0 : value.includes(id))) {
-                setValue === null || setValue === void 0 ? void 0 : setValue((value) => (value !== null && value !== void 0 ? value : []).filter(itemId => itemId !== id));
-            }
-        }
-    }, [checked, disabled, id, isSelectionMultiple, setValue, value]);
-    const handleOnSelect = () => {
-        if (checked) {
-            setValue === null || setValue === void 0 ? void 0 : setValue((value) => (value !== null && value !== void 0 ? value : []).filter(itemId => itemId !== id && !childIds.includes(itemId)));
-            return;
-        }
-        if (isIndeterminate) {
-            setValue === null || setValue === void 0 ? void 0 : setValue((value) => Array.from(new Set([...(value !== null && value !== void 0 ? value : []), ...childIds, id])));
-            return;
-        }
-        setValue === null || setValue === void 0 ? void 0 : setValue((value) => (value !== null && value !== void 0 ? value : []).concat([...childIds, id !== null && id !== void 0 ? id : '']));
-    };
-    return { checked, isIndeterminate, handleOnSelect };
-}

package/dist/components/FieldSelect/legacy/components/index.d.ts

@@ -1 +0,0 @@
-export { useLegacyGroupItemSelection } from './Items/hooks';

package/dist/components/FieldSelect/legacy/components/index.js

@@ -1 +0,0 @@
-export { useLegacyGroupItemSelection } from './Items/hooks';

package/dist/components/FieldSelect/legacy/hooks.d.ts

@@ -1,5 +0,0 @@
-import { ItemProps } from '@snack-uikit/list';
-/**
- * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
- */
-export declare function useFuzzySearch(items: ItemProps[], minSearchInputLength?: number): (search: string) => import("@snack-uikit/list/dist/components/Items").Item[] | import("@snack-uikit/list/dist/components/Items").FlattenItem[];

package/dist/components/FieldSelect/legacy/hooks.js

@@ -1,19 +0,0 @@
-import FuzzySearch from 'fuzzy-search';
-import { useCallback, useMemo } from 'react';
-import { kindFlattenItems } from '@snack-uikit/list';
-const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
-/**
- * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
- */
-export function useFuzzySearch(items, minSearchInputLength) {
-    const flattenItems = useMemo(() => {
-        const { flattenItems } = kindFlattenItems({ items });
-        return Object.values(flattenItems);
-    }, [items]);
-    return useCallback((search) => {
-        const searcher = new FuzzySearch(flattenItems, ['content.option', 'content.caption', 'content.description', 'label'], {});
-        return search.length > (minSearchInputLength !== null && minSearchInputLength !== void 0 ? minSearchInputLength : DEFAULT_MIN_SEARCH_INPUT_LENGTH)
-            ? searcher.search(search)
-            : items;
-    }, [flattenItems, items, minSearchInputLength]);
-}

package/dist/components/FieldSelect/legacy/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export { useFuzzySearch } from './hooks';
-export { extractChildIds, flattenItems } from './utils';

package/dist/components/FieldSelect/legacy/index.js

@@ -1,3 +0,0 @@
-export * from './components';
-export { useFuzzySearch } from './hooks';
-export { extractChildIds, flattenItems } from './utils';

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

@@ -1,29 +0,0 @@
-import { RefObject } from 'react';
-import { AccordionItemProps, BaseItemProps, ItemProps, NextListItemProps } from '@snack-uikit/list';
-type WithCollapsedItemsProps = {
-    items: ItemProps[];
-    openCollapsedItems: Array<number | string>;
-};
-export declare function withCollapsedItems({ items, openCollapsedItems }: WithCollapsedItemsProps): {
-    items: import("@snack-uikit/list/dist/components/Items").Item[];
-    itemRefs: RefObject<HTMLElement>[];
-    ids: (string | number)[];
-    expandedIds: (string | number)[];
-};
-/**
- * Функция возвращает массив id дочерних items
- * @function  extractItemIds
- */
-export declare function extractItemIds(items: ItemProps[]): Array<string | number>;
-export declare function extractChildIds({ items }: {
-    items: ItemProps[];
-}): Array<string | number>;
-export declare function extractAllChildIds({ items }: {
-    items: ItemProps[];
-}): Array<string | number>;
-/**
- *  Функция разворачивает массив айтемов в плоский список
- *  @function  flattenItems
- */
-export declare function flattenItems(items: ItemProps[]): (BaseItemProps | AccordionItemProps | NextListItemProps)[];
-export {};

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

@@ -1,107 +0,0 @@
-import { isAccordionItemProps, isBaseItemProps, isGroupItemProps, isNextListItemProps, } from '@snack-uikit/list';
-export function withCollapsedItems({ items, openCollapsedItems }) {
-    let itemRefs = [];
-    let newItems = [];
-    let ids = [];
-    let expandedIds = [];
-    items.forEach(item => {
-        var _a;
-        if (((isBaseItemProps(item) && !item.inactive) || isNextListItemProps(item) || isAccordionItemProps(item)) &&
-            !item.disabled) {
-            newItems = newItems.concat([item]);
-            ids = ids.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']);
-            if (item.itemRef) {
-                itemRefs = itemRefs.concat([item.itemRef]);
-            }
-        }
-        if (isNextListItemProps(item) && item.id && !item.disabled) {
-            expandedIds = expandedIds.concat(item.id);
-        }
-        if (isGroupItemProps(item)) {
-            const { itemRefs: nestedItemsRefs, ids: nestedIds } = withCollapsedItems({
-                items: item.items,
-                openCollapsedItems,
-            });
-            ids = ids.concat(nestedIds);
-            itemRefs = itemRefs.concat(nestedItemsRefs);
-        }
-        if (isAccordionItemProps(item) && item.id && openCollapsedItems.includes(item.id)) {
-            const { itemRefs: nestedItemsRefs, ids: nestedIds, items: nestedItems, expandedIds: nestedExpandedIds, } = withCollapsedItems({
-                items: item.items,
-                openCollapsedItems,
-            });
-            ids = ids.concat(nestedIds);
-            newItems = newItems.concat(nestedItems);
-            itemRefs = itemRefs.concat(nestedItemsRefs);
-            expandedIds = expandedIds.concat(nestedExpandedIds);
-        }
-    });
-    return { items, itemRefs, ids, expandedIds };
-}
-/**
- * Функция возвращает массив id дочерних items
- * @function  extractItemIds
- */
-export function extractItemIds(items) {
-    return items.reduce((prev, item) => {
-        if (isGroupItemProps(item)) {
-            return prev.concat(extractItemIds(item.items));
-        }
-        return item.id ? prev.concat([item.id]) : prev;
-    }, []);
-}
-export function extractChildIds({ items }) {
-    return items
-        .filter(item => isAccordionItemProps(item) ||
-        isNextListItemProps(item) ||
-        isGroupItemProps(item) ||
-        (isBaseItemProps(item) && !item.disabled && !item.inactive))
-        .reduce((prev, item) => {
-        var _a;
-        if (isAccordionItemProps(item) || isNextListItemProps(item)) {
-            return prev.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']).concat(extractChildIds({ items: item.items }));
-        }
-        if (isGroupItemProps(item)) {
-            return prev.concat(extractChildIds({ items: item.items }));
-        }
-        return item.id && !isGroupItemProps(item) ? prev.concat([item.id]) : prev;
-    }, []);
-}
-export function extractAllChildIds({ items }) {
-    return items
-        .filter(item => isAccordionItemProps(item) ||
-        isNextListItemProps(item) ||
-        isGroupItemProps(item) ||
-        (isBaseItemProps(item) && !item.inactive))
-        .reduce((prev, item) => {
-        var _a;
-        if (isAccordionItemProps(item) || isNextListItemProps(item)) {
-            return prev.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']).concat(extractAllChildIds({ items: item.items }));
-        }
-        if (isGroupItemProps(item)) {
-            return prev.concat(extractAllChildIds({ items: item.items }));
-        }
-        return item.id && !isGroupItemProps(item) ? prev.concat([item.id]) : prev;
-    }, []);
-}
-/**
- *  Функция разворачивает массив айтемов в плоский список
- *  @function  flattenItems
- */
-export function flattenItems(items) {
-    const flattenItems = [];
-    function flatten(item) {
-        if (!isGroupItemProps(item)) {
-            flattenItems.push(item);
-        }
-        if ('items' in item) {
-            for (const nestedItem of item.items) {
-                flatten(nestedItem);
-            }
-        }
-    }
-    for (const item of items) {
-        flatten(item);
-    }
-    return flattenItems;
-}

package/src/components/FieldSelect/legacy/components/Items/hooks.tsx

@@ -1,53 +0,0 @@
-import { useEffect, useMemo } from 'react';
-
-import { ItemProps, useSelectionContext } from '@snack-uikit/list';
-
-import { extractAllChildIds, extractChildIds } from '../../utils';
-
-type UseGroupItemSelectionProps = {
-  items: ItemProps[];
-  id?: string | number;
-  disabled?: boolean;
-};
-
-export function useLegacyGroupItemSelection({ id = '', items, disabled }: UseGroupItemSelectionProps) {
-  const { value, setValue, isSelectionMultiple } = useSelectionContext();
-  const { childIds, allChildIds } = useMemo(
-    () => ({ childIds: extractChildIds({ items }), allChildIds: extractAllChildIds({ items }) }),
-    [items],
-  );
-
-  const isIndeterminate = isSelectionMultiple
-    ? allChildIds.some(childId => value?.includes(childId))
-    : allChildIds.includes(value ?? '');
-  const checked = isSelectionMultiple ? allChildIds.every(childId => value?.includes(childId)) : undefined;
-
-  useEffect(() => {
-    if (isSelectionMultiple) {
-      if (checked && !value?.includes(id)) {
-        setValue?.((value: Array<number | string>) => (value ?? []).concat([id ?? '']));
-      }
-      if (!checked && value?.includes(id)) {
-        setValue?.((value: Array<number | string>) => (value ?? []).filter(itemId => itemId !== id));
-      }
-    }
-  }, [checked, disabled, id, isSelectionMultiple, setValue, value]);
-
-  const handleOnSelect = () => {
-    if (checked) {
-      setValue?.((value: Array<string | number>) =>
-        (value ?? []).filter(itemId => itemId !== id && !childIds.includes(itemId)),
-      );
-      return;
-    }
-
-    if (isIndeterminate) {
-      setValue?.((value: Array<string | number>) => Array.from(new Set([...(value ?? []), ...childIds, id])));
-      return;
-    }
-
-    setValue?.((value: Array<string | number>) => (value ?? []).concat([...childIds, id ?? '']));
-  };
-
-  return { checked, isIndeterminate, handleOnSelect };
-}

package/src/components/FieldSelect/legacy/components/index.ts

@@ -1 +0,0 @@
-export { useLegacyGroupItemSelection } from './Items/hooks';

package/src/components/FieldSelect/legacy/hooks.ts

@@ -1,32 +0,0 @@
-import FuzzySearch from 'fuzzy-search';
-import { useCallback, useMemo } from 'react';
-
-import { ItemProps, kindFlattenItems } from '@snack-uikit/list';
-
-const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
-
-/**
- * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
- */
-export function useFuzzySearch(items: ItemProps[], minSearchInputLength?: number) {
-  const flattenItems = useMemo(() => {
-    const { flattenItems } = kindFlattenItems({ items });
-
-    return Object.values(flattenItems);
-  }, [items]);
-
-  return useCallback(
-    (search: string) => {
-      const searcher = new FuzzySearch(
-        flattenItems,
-        ['content.option', 'content.caption', 'content.description', 'label'],
-        {},
-      );
-
-      return search.length > (minSearchInputLength ?? DEFAULT_MIN_SEARCH_INPUT_LENGTH)
-        ? searcher.search(search)
-        : items;
-    },
-    [flattenItems, items, minSearchInputLength],
-  );
-}

package/src/components/FieldSelect/legacy/index.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export { useFuzzySearch } from './hooks';
-export { extractChildIds, flattenItems } from './utils';

package/src/components/FieldSelect/legacy/utils.ts

@@ -1,166 +0,0 @@
-import { RefObject } from 'react';
-
-import {
-  AccordionItemProps,
-  BaseItemProps,
-  isAccordionItemProps,
-  isBaseItemProps,
-  isGroupItemProps,
-  isNextListItemProps,
-  ItemProps,
-  NextListItemProps,
-} from '@snack-uikit/list';
-
-type WithCollapsedItemsProps = {
-  items: ItemProps[];
-  openCollapsedItems: Array<number | string>;
-};
-
-export function withCollapsedItems({ items, openCollapsedItems }: WithCollapsedItemsProps) {
-  let itemRefs: RefObject<HTMLElement>[] = [];
-  let newItems: ItemProps[] = [];
-  let ids: Array<string | number> = [];
-  let expandedIds: Array<string | number> = [];
-
-  items.forEach(item => {
-    if (
-      ((isBaseItemProps(item) && !item.inactive) || isNextListItemProps(item) || isAccordionItemProps(item)) &&
-      !item.disabled
-    ) {
-      newItems = newItems.concat([item]);
-      ids = ids.concat([item.id ?? '']);
-
-      if (item.itemRef) {
-        itemRefs = itemRefs.concat([item.itemRef]);
-      }
-    }
-
-    if (isNextListItemProps(item) && item.id && !item.disabled) {
-      expandedIds = expandedIds.concat(item.id);
-    }
-
-    if (isGroupItemProps(item)) {
-      const { itemRefs: nestedItemsRefs, ids: nestedIds } = withCollapsedItems({
-        items: item.items,
-        openCollapsedItems,
-      });
-
-      ids = ids.concat(nestedIds);
-
-      itemRefs = itemRefs.concat(nestedItemsRefs);
-    }
-
-    if (isAccordionItemProps(item) && item.id && openCollapsedItems.includes(item.id)) {
-      const {
-        itemRefs: nestedItemsRefs,
-        ids: nestedIds,
-        items: nestedItems,
-        expandedIds: nestedExpandedIds,
-      } = withCollapsedItems({
-        items: item.items,
-        openCollapsedItems,
-      });
-
-      ids = ids.concat(nestedIds);
-      newItems = newItems.concat(nestedItems);
-      itemRefs = itemRefs.concat(nestedItemsRefs);
-      expandedIds = expandedIds.concat(nestedExpandedIds);
-    }
-  });
-
-  return { items, itemRefs, ids, expandedIds };
-}
-
-/**
- * Функция возвращает массив id дочерних items
- * @function  extractItemIds
- */
-
-export function extractItemIds(items: ItemProps[]): Array<string | number> {
-  return items.reduce(
-    (prev: Array<string | number>, item: ItemProps) => {
-      if (isGroupItemProps(item)) {
-        return prev.concat(extractItemIds(item.items));
-      }
-      return item.id ? prev.concat([item.id]) : prev;
-    },
-    [] as Array<string | number>,
-  );
-}
-
-export function extractChildIds({ items }: { items: ItemProps[] }): Array<string | number> {
-  return items
-    .filter(
-      item =>
-        isAccordionItemProps(item) ||
-        isNextListItemProps(item) ||
-        isGroupItemProps(item) ||
-        (isBaseItemProps(item) && !item.disabled && !item.inactive),
-    )
-    .reduce(
-      (prev: Array<string | number>, item: ItemProps) => {
-        if (isAccordionItemProps(item) || isNextListItemProps(item)) {
-          return prev.concat([item.id ?? '']).concat(extractChildIds({ items: item.items }));
-        }
-
-        if (isGroupItemProps(item)) {
-          return prev.concat(extractChildIds({ items: item.items }));
-        }
-
-        return item.id && !isGroupItemProps(item) ? prev.concat([item.id]) : prev;
-      },
-      [] as Array<string | number>,
-    );
-}
-
-export function extractAllChildIds({ items }: { items: ItemProps[] }): Array<string | number> {
-  return items
-    .filter(
-      item =>
-        isAccordionItemProps(item) ||
-        isNextListItemProps(item) ||
-        isGroupItemProps(item) ||
-        (isBaseItemProps(item) && !item.inactive),
-    )
-    .reduce(
-      (prev: Array<string | number>, item: ItemProps) => {
-        if (isAccordionItemProps(item) || isNextListItemProps(item)) {
-          return prev.concat([item.id ?? '']).concat(extractAllChildIds({ items: item.items }));
-        }
-
-        if (isGroupItemProps(item)) {
-          return prev.concat(extractAllChildIds({ items: item.items }));
-        }
-
-        return item.id && !isGroupItemProps(item) ? prev.concat([item.id]) : prev;
-      },
-      [] as Array<string | number>,
-    );
-}
-
-/**
- *  Функция разворачивает массив айтемов в плоский список
- *  @function  flattenItems
- */
-
-export function flattenItems(items: ItemProps[]): (BaseItemProps | AccordionItemProps | NextListItemProps)[] {
-  const flattenItems: (BaseItemProps | AccordionItemProps | NextListItemProps)[] = [];
-
-  function flatten(item: ItemProps) {
-    if (!isGroupItemProps(item)) {
-      flattenItems.push(item);
-    }
-
-    if ('items' in item) {
-      for (const nestedItem of item.items) {
-        flatten(nestedItem);
-      }
-    }
-  }
-
-  for (const item of items) {
-    flatten(item);
-  }
-
-  return flattenItems;
-}