@snack-uikit/fields 0.18.0 → 0.18.1-preview-69abc1d3.0

package/README.md

@@ -312,6 +312,8 @@ const [isOpen, setIsOpen] = useState(false);
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
+| pinBottom* | `OptionProps[]` | - |  |
+| pinTop* | `OptionProps[]` | - |  |
 | options* | `OptionProps[]` | - |  |
 | disabled | `boolean` | false | Является ли поле деактивированным |
 | readonly | `boolean` | false false | Является ли поле доступным только для чтения |
@@ -332,9 +334,9 @@ const [isOpen, setIsOpen] = useState(false);
 | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
 | showHintIcon | `boolean` | - | Отображать иконку подсказки |
 | loading | `boolean` | - |  |
-| value | `SelectionSingleValueType \| SelectionSingleValueType[]` | - | Controlled состояние |
-| onChange | `((value: any) => void) \| ((value: any) => void)` | - | Controlled обработчик измения состояния |
-| defaultValue | `SelectionSingleValueType \| SelectionSingleValueType[]` | - | Начальное состояние |
+| value | `ItemId \| ItemId[]` | - | Controlled состояние |
+| onChange | `OnChangeHandler<any, any>` | - | Controlled обработчик измения состояния |
+| defaultValue | `ItemId \| ItemId[]` | - | Начальное состояние |
 | searchable | `boolean` | - |  |
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
@@ -350,8 +352,6 @@ 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/FieldSelect/FieldSelectMultiple.d.ts

@@ -9,6 +9,8 @@ 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;
@@ -21,4 +23,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" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectMultiple.js

@@ -25,7 +25,10 @@ import { useButtons, useHandleDeleteItem, useHandleOnKeyDown, useSearchInput } f
 import styles from './styles.module.css';
 import { extractListProps, getArrowIcon, updateMultipleItems } from './utils';
 const BASE_MIN_WIDTH = 4;
-const defaultSelectedOptionFormatter = item => (item === null || item === void 0 ? void 0 : item.content.option) || '';
+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) || '';
 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,6 +7,8 @@ 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;
@@ -19,4 +21,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" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectSingle.js

@@ -23,7 +23,10 @@ import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleOnKeyDown, useSearchInput } from './hooks';
 import styles from './styles.module.css';
 import { extractListProps, getArrowIcon, updateItems } from './utils';
-const defaultSelectedOptionFormatter = item => (item === null || item === void 0 ? void 0 : item.content.option) || '';
+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) || '';
 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"]);
@@ -35,7 +38,10 @@ 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), { 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), { 
+        // 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 prevSelectedItem = useRef(selectedItem);
     useLayoutEffect(() => {
         setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
@@ -43,6 +49,8 @@ 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

@@ -74,7 +74,10 @@ export function useHandleDeleteItem(setValue) {
             return;
         }
         if (isBaseOptionProps(item)) {
-            setValue((value) => value === null || value === void 0 ? void 0 : value.filter(v => v !== item.id));
+            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]);
 }

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

@@ -1,12 +1,13 @@
 import { ReactElement } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
-import { AccordionItemProps, BaseItemProps, GroupItemProps, ListProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
+import { AccordionItemProps, BaseItemProps, GroupItemProps, ItemContentProps, 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'> & BaseItemProps['content'] & {
+export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> & Pick<ItemContentProps, 'option' | 'caption' | 'description'> & {
     value: string | number;
 } & Pick<TagProps, 'appearance'>;
 export type AccordionOptionProps = Pick<AccordionItemProps, 'type'> & BaseOptionProps & {
@@ -37,6 +38,8 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & {
 };
 type FiledSelectCommonProps = WithSupportProps<{
     options: OptionProps[];
+    pinTop: OptionProps[];
+    pinBottom: OptionProps[];
     searchable?: boolean;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
@@ -59,7 +62,7 @@ type FiledSelectCommonProps = WithSupportProps<{
     open?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-}> & Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'>;
+}> & Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | '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, pinTop, pinBottom, dataFiltered, loading, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
+export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, }: Partial<FieldSelectProps>): Partial<DroplistProps>;

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

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

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'] === undefined;
+    return 'options' in option && option['type'] === 'group';
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isFieldSelectMultipleProps(props) {

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

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

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

@@ -42,8 +42,11 @@ export function updateMultipleItems({ options, value, selectedItems, }) {
     let newItems = originalItems;
     let newSelectedItems = selectedItems;
     const flattenOriginalItems = flattenItems(originalItems);
-    const foundItems = flattenOriginalItems.filter(item => value.includes(item.id));
-    const nonFoundValues = value.filter(value => !flattenOriginalItems.find(item => item.id === value));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const foundItems = flattenOriginalItems.filter((item) => value.includes(item.id));
+    const nonFoundValues = value.filter(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    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/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.18.0",
+  "version": "0.18.1-preview-69abc1d3.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,18 +32,18 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.0",
-    "@snack-uikit/calendar": "0.7.6",
-    "@snack-uikit/droplist": "0.13.14",
+    "@snack-uikit/button": "0.17.1-preview-69abc1d3.0",
+    "@snack-uikit/calendar": "0.7.7-preview-69abc1d3.0",
+    "@snack-uikit/droplist": "0.13.15-preview-69abc1d3.0",
     "@snack-uikit/icons": "0.20.1",
-    "@snack-uikit/input-private": "3.1.1",
-    "@snack-uikit/list": "0.10.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",
+    "@snack-uikit/input-private": "3.1.2-preview-69abc1d3.0",
+    "@snack-uikit/list": "0.10.1-preview-69abc1d3.0",
+    "@snack-uikit/scroll": "0.5.3-preview-69abc1d3.0",
+    "@snack-uikit/slider": "0.1.8-preview-69abc1d3.0",
+    "@snack-uikit/tag": "0.8.3-preview-69abc1d3.0",
+    "@snack-uikit/tooltip": "0.13.2-preview-69abc1d3.0",
+    "@snack-uikit/truncate-string": "0.4.13-preview-69abc1d3.0",
+    "@snack-uikit/utils": "3.2.1-preview-69abc1d3.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "3.3.3",
     "merge-refs": "1.2.2",
@@ -56,5 +56,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "381565b14f3e08082b29add05be8f982fa8f4c2f"
+  "gitHead": "f1afde301bcd6ae86662d45c89041e7a14cc7b98"
 }

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -18,7 +18,10 @@ import { extractListProps, getArrowIcon, updateMultipleItems } from './utils';
 
 const BASE_MIN_WIDTH = 4;
 
-const defaultSelectedOptionFormatter: SelectedOptionFormatter = item => item?.content.option || '';
+const defaultSelectedOptionFormatter: SelectedOptionFormatter = item =>
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  item?.content.option || '';
 
 export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMultipleProps>(
   (

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -25,7 +25,10 @@ import styles from './styles.module.scss';
 import { FieldSelectSingleProps, ItemWithId, SelectedOptionFormatter } from './types';
 import { extractListProps, getArrowIcon, updateItems } from './utils';
 
-const defaultSelectedOptionFormatter: SelectedOptionFormatter = item => item?.content.option || '';
+const defaultSelectedOptionFormatter: SelectedOptionFormatter = item =>
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  item?.content.option || '';
 
 export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleProps>(
   (
@@ -72,6 +75,8 @@ 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,
     });
@@ -86,6 +91,8 @@ 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

@@ -136,7 +136,15 @@ export function useHandleDeleteItem(setValue: Handler) {
       }
 
       if (isBaseOptionProps(item)) {
-        setValue((value: SelectionSingleValueType[]) => value?.filter(v => v !== item.id));
+        setValue(
+          (value: SelectionSingleValueType[]) =>
+            value?.filter(
+              v =>
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                v !== item.id,
+            ),
+        );
       }
     },
     [setValue],

package/src/components/FieldSelect/types.ts

@@ -5,6 +5,7 @@ import {
   AccordionItemProps,
   BaseItemProps,
   GroupItemProps,
+  ItemContentProps,
   ListProps,
   NextListItemProps,
   SelectionMultipleState,
@@ -15,17 +16,33 @@ import { WithSupportProps } from '@snack-uikit/utils';
 
 import { FieldDecoratorProps } from '../FieldDecorator';
 
-// eslint-disable-next-line no-use-before-define
-export type OptionProps = BaseOptionProps | AccordionOptionProps | GroupOptionProps | NestListOptionProps;
+// 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 OptionWithoutGroup = BaseOptionProps | AccordionOptionProps | NestListOptionProps;
 
 export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> &
-  BaseItemProps['content'] & { value: string | number } & Pick<TagProps, 'appearance'>;
+  Pick<ItemContentProps, 'option' | 'caption' | 'description'> & { 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[] };
 
@@ -66,6 +83,10 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & { options: Opt
 
 type FiledSelectCommonProps = WithSupportProps<{
   options: OptionProps[];
+
+  pinTop: OptionProps[];
+  pinBottom: OptionProps[];
+
   searchable?: boolean;
   /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
   showCopyButton?: boolean;
@@ -97,20 +118,16 @@ type FiledSelectCommonProps = WithSupportProps<{
 
   selectedOptionFormatter?: SelectedOptionFormatter;
 }> &
-  Pick<
-    ListProps,
-    'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'
-  >;
+  Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | '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,8 +7,6 @@ export function extractListProps({
   noDataState,
   noResultsState,
   errorDataState,
-  pinTop,
-  pinBottom,
   dataFiltered,
   loading,
 }: Partial<FieldSelectProps>): Partial<DroplistProps> {
@@ -17,8 +15,6 @@ export function extractListProps({
     noDataState,
     noResultsState,
     errorDataState,
-    pinTop,
-    pinBottom,
     dataFiltered,
     loading,
     trigger: 'clickAndFocusVisible',

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'] === undefined;
+  return 'options' in option && option['type'] === 'group';
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -1,4 +1,5 @@
 import { flattenItems, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { ItemId } from '@snack-uikit/list/dist/components/Items';
 
 import { ItemWithId, OptionProps } from '../types';
 import { transformOptionsToItems } from './options';
@@ -13,7 +14,7 @@ export function updateItems({
   selectedItem,
 }: {
   options: OptionProps[];
-  value: SelectionSingleValueType;
+  value?: ItemId;
   selectedItem?: ItemWithId;
   currentItems?: ItemProps[];
 }) {
@@ -72,9 +73,11 @@ export function updateMultipleItems({
 
   const flattenOriginalItems = flattenItems(originalItems);
 
-  const foundItems: ItemWithId[] = flattenOriginalItems.filter(item => value.includes(item.id));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const foundItems: ItemWithId[] = flattenOriginalItems.filter((item: any) => value.includes(item.id));
   const nonFoundValues: SelectionSingleValueType[] = value.filter(
-    value => !flattenOriginalItems.find(item => item.id === value),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    value => !flattenOriginalItems.find((item: any) => item.id === value),
   );
 
   if (nonFoundValues.length) {