@snack-uikit/chips 0.14.21 → 0.15.0

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.15.0 (2024-08-23)
+
+
+### Features
+
+* **AICDTS-2159:** add resetSearchOnOptionSelection property ([ac874e8](https://github.com/cloud-ru-tech/snack-uikit/commit/ac874e8b0ea16589765f9b76ad0652bbcacbf424))
+
+
+
+
+
 ## 0.14.21 (2024-08-21)
 
 ### Only dependencies have been changed

package/README.md

@@ -200,6 +200,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | value | `ItemId[]` | - | Controlled состояние |
 | defaultValue | `ItemId[]` | - | Начальное состояние |
 | valueRender | `(option?: BaseOption<T>[]) => ReactNode` | - | Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label |
+| resetSearchOnOptionSelection | `boolean` | - | Поведение строки поиска при выборе опции из списка |
 ## ChipChoice.Date
 ### Props
 | name | type | default value | description |

package/dist/components/ChipChoice/components/ChipChoiceMultiple.d.ts

@@ -5,4 +5,4 @@ export type ChipChoiceMultipleValueFormatterProps<T extends ContentRenderProps =
     total: number;
     allLabel: string;
 };
-export declare function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderProps>({ value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size, label, searchable, contentRender, dropDownClassName, showClearButton, ...rest }: ChipChoiceMultipleProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderProps>({ value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size, label, searchable, contentRender, dropDownClassName, showClearButton, resetSearchOnOptionSelection, ...rest }: ChipChoiceMultipleProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChipChoice/components/ChipChoiceMultiple.js

@@ -31,7 +31,7 @@ const defaultMultiValueLabelFormatter = ({ value, total, allLabel }) => {
     return `${len.toString()}/${total}`;
 };
 export function ChipChoiceMultiple(_a) {
-    var { value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size = SIZE.S, label, searchable, contentRender, dropDownClassName, showClearButton = true } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueRender", "size", "label", "searchable", "contentRender", "dropDownClassName", "showClearButton"]);
+    var { value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size = SIZE.S, label, searchable, contentRender, dropDownClassName, showClearButton = true, resetSearchOnOptionSelection = true } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueRender", "size", "label", "searchable", "contentRender", "dropDownClassName", "showClearButton", "resetSearchOnOptionSelection"]);
     const [value, setValue] = useValueControl({
         value: valueProp,
         defaultValue,
@@ -67,9 +67,11 @@ export function ChipChoiceMultiple(_a) {
             if (searchValue) {
                 (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
-            setSearchValue('');
+            if (resetSearchOnOptionSelection) {
+                setSearchValue('');
+            }
         }
-    }, [searchValue, setValue]);
+    }, [searchValue, setValue, resetSearchOnOptionSelection]);
     useEffect(() => {
         if (searchValue && !open) {
             setSearchValue('');

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

@@ -71,4 +71,6 @@ export type ChipChoiceMultipleProps<T extends ContentRenderProps = ContentRender
     options: FilterOption<T>[];
     /** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
     valueRender?(option?: BaseOption<T>[]): ReactNode;
+    /** Поведение строки поиска при выборе опции из списка */
+    resetSearchOnOptionSelection?: boolean;
 };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.14.21",
+  "version": "0.15.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -50,5 +50,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "f28082de935a68b3cd19966d62b18ad6b98f4197"
+  "gitHead": "76c3c7d39cbff5434a147e0282b520b46d6d37f5"
 }

package/src/components/ChipChoice/components/ChipChoiceMultiple.tsx

@@ -44,6 +44,7 @@ export function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderP
   contentRender,
   dropDownClassName,
   showClearButton = true,
+  resetSearchOnOptionSelection = true,
   ...rest
 }: ChipChoiceMultipleProps<T>) {
   const [value, setValue] = useValueControl<SelectionSingleValueType[]>({
@@ -99,10 +100,12 @@ export function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderP
         if (searchValue) {
           listRef.current?.focus();
         }
-        setSearchValue('');
+        if (resetSearchOnOptionSelection) {
+          setSearchValue('');
+        }
       }
     },
-    [searchValue, setValue],
+    [searchValue, setValue, resetSearchOnOptionSelection],
   );
 
   useEffect(() => {

package/src/components/ChipChoice/types.ts

@@ -127,4 +127,6 @@ export type ChipChoiceMultipleProps<T extends ContentRenderProps = ContentRender
       options: FilterOption<T>[];
       /** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
       valueRender?(option?: BaseOption<T>[]): ReactNode;
+      /** Поведение строки поиска при выборе опции из списка */
+      resetSearchOnOptionSelection?: boolean;
     };