@snack-uikit/fields 0.42.1 → 0.42.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.42.2 (2025-05-07)
+
+
+### Bug Fixes
+
+* **PDS-2167:** field select behavior fixed when options are changed ([29c2cfe](https://github.com/cloud-ru-tech/snack-uikit/commit/29c2cfe43ecaceaaf0dba7b63b1c23b264df1aed))
+
+
+
+
+
 ## 0.42.1 (2025-05-06)
 
 

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

@@ -109,11 +109,6 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     postfix,
     disabled
   });
-  (0, react_1.useEffect)(() => {
-    if (options.length === 0 && value && value.length > 0) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
   (0, utils_1.useLayoutEffect)(() => {
     setItems(_ref => {
       let {

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

@@ -107,11 +107,6 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
     postfix,
     disabled
   });
-  (0, react_1.useEffect)(() => {
-    if (options.length < 1 && Boolean(value)) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
   (0, utils_1.useLayoutEffect)(() => {
     setItems(_ref => {
       let {
@@ -157,7 +152,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   } = (0, hooks_2.useButtons)({
     readonly,
     size,
-    showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+    showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
     showCopyButton,
     inputRef: localRef,
     onClear,

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { forwardRef, useEffect, useRef, useState } from 'react';
+import { forwardRef, useRef, useState } from 'react';
 import { InputPrivate } from '@snack-uikit/input-private';
 import { Droplist } from '@snack-uikit/list';
 import { Tag } from '@snack-uikit/tag';
@@ -47,11 +47,6 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
         resetSearchOnOptionSelection }));
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
-    useEffect(() => {
-        if (options.length === 0 && value && value.length > 0) {
-            setValue(undefined);
-        }
-    }, [options.length, setValue, value]);
     useLayoutEffect(() => {
         setItems(({ selectedItems }) => updateMultipleItems({ options, value, selectedItems }));
     }, [options, value]);

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

@@ -43,11 +43,6 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const prevSelectedItem = useRef(selectedItem);
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
-    useEffect(() => {
-        if (options.length < 1 && Boolean(value)) {
-            setValue(undefined);
-        }
-    }, [options.length, setValue, value]);
     useLayoutEffect(() => {
         setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
     }, [options, value]);
@@ -75,7 +70,7 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const { postfixButtons, inputKeyDownNavigationHandler, buttonsRefs } = useButtons({
         readonly,
         size,
-        showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+        showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
         showCopyButton,
         inputRef: localRef,
         onClear,

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.42.1",
+  "version": "0.42.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "637f86200b41cf9c01d5f22fe6c6324fb2eb608f"
+  "gitHead": "ab82d31b168bac141d19f6b7d43b3f1888387038"
 }

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useEffect, useRef, useState } from 'react';
+import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useRef, useState } from 'react';
 
 import { InputPrivate } from '@snack-uikit/input-private';
 import { BaseItemProps, Droplist, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
@@ -82,12 +82,6 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 
-  useEffect(() => {
-    if (options.length === 0 && value && value.length > 0) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
-
   useLayoutEffect(() => {
     setItems(({ selectedItems }) => updateMultipleItems({ options, value, selectedItems }));
   }, [options, value]);

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -88,12 +88,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 
-  useEffect(() => {
-    if (options.length < 1 && Boolean(value)) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
-
   useLayoutEffect(() => {
     setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
   }, [options, value]);
@@ -128,7 +122,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
   const { postfixButtons, inputKeyDownNavigationHandler, buttonsRefs } = useButtons({
     readonly,
     size,
-    showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+    showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
     showCopyButton,
     inputRef: localRef,
     onClear,