@snack-uikit/chips 0.19.3 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/README.md +0 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
- package/dist/cjs/components/ChipChoice/components/ChipChoiceMultiple.js +3 -7
- package/dist/cjs/components/ChipChoice/types.d.ts +0 -2
- package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.d.ts +1 -1
- package/dist/esm/components/ChipChoice/components/ChipChoiceMultiple.js +2 -5
- package/dist/esm/components/ChipChoice/types.d.ts +0 -2
- package/package.json +2 -2
- package/src/components/ChipChoice/components/ChipChoiceMultiple.tsx +1 -5
- package/src/components/ChipChoice/types.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 0.20.0 (2024-11-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### BREAKING CHANGES
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
* **PDS-965:** remove redundant prop resetSearchOnOptionSelection ([88e052a](https://github.com/cloud-ru-tech/snack-uikit/commit/88e052ae556239d0eed11fa32fa0b2a56edfebbb))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.19.3 (2024-11-08)
|
|
7
18
|
|
|
8
19
|
### Only dependencies have been changed
|
package/README.md
CHANGED
|
@@ -200,7 +200,6 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
|
|
|
200
200
|
| value | `ItemId[]` | - | Controlled состояние |
|
|
201
201
|
| defaultValue | `ItemId[]` | - | Начальное состояние |
|
|
202
202
|
| valueRender | `(option?: BaseOption<T>[]) => ReactNode` | - | Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label |
|
|
203
|
-
| resetSearchOnOptionSelection | `boolean` | - | Поведение строки поиска при выборе опции из списка |
|
|
204
203
|
## ChipChoice.Date
|
|
205
204
|
### Props
|
|
206
205
|
| name | type | default value | description |
|
|
@@ -5,4 +5,4 @@ export type ChipChoiceMultipleValueFormatterProps<T extends ContentRenderProps =
|
|
|
5
5
|
total: number;
|
|
6
6
|
allLabel: string;
|
|
7
7
|
};
|
|
8
|
-
export declare function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderProps>({ value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size, label, searchable, contentRender, dropDownClassName, showClearButton,
|
|
8
|
+
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;
|
|
@@ -50,10 +50,9 @@ function ChipChoiceMultiple(_a) {
|
|
|
50
50
|
searchable,
|
|
51
51
|
contentRender,
|
|
52
52
|
dropDownClassName,
|
|
53
|
-
showClearButton = true
|
|
54
|
-
resetSearchOnOptionSelection = true
|
|
53
|
+
showClearButton = true
|
|
55
54
|
} = _a,
|
|
56
|
-
rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueRender", "size", "label", "searchable", "contentRender", "dropDownClassName", "showClearButton"
|
|
55
|
+
rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueRender", "size", "label", "searchable", "contentRender", "dropDownClassName", "showClearButton"]);
|
|
57
56
|
const [value, setValue] = (0, utils_1.useValueControl)({
|
|
58
57
|
value: valueProp,
|
|
59
58
|
defaultValue,
|
|
@@ -95,11 +94,8 @@ function ChipChoiceMultiple(_a) {
|
|
|
95
94
|
if (searchValue) {
|
|
96
95
|
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
97
96
|
}
|
|
98
|
-
if (resetSearchOnOptionSelection) {
|
|
99
|
-
setSearchValue('');
|
|
100
|
-
}
|
|
101
97
|
}
|
|
102
|
-
}, [searchValue, setValue
|
|
98
|
+
}, [searchValue, setValue]);
|
|
103
99
|
(0, react_1.useEffect)(() => {
|
|
104
100
|
if (searchValue && !open) {
|
|
105
101
|
setSearchValue('');
|
|
@@ -71,6 +71,4 @@ export type ChipChoiceMultipleProps<T extends ContentRenderProps = ContentRender
|
|
|
71
71
|
options: FilterOption<T>[];
|
|
72
72
|
/** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
|
|
73
73
|
valueRender?(option?: BaseOption<T>[]): ReactNode;
|
|
74
|
-
/** Поведение строки поиска при выборе опции из списка */
|
|
75
|
-
resetSearchOnOptionSelection?: boolean;
|
|
76
74
|
};
|
|
@@ -5,4 +5,4 @@ export type ChipChoiceMultipleValueFormatterProps<T extends ContentRenderProps =
|
|
|
5
5
|
total: number;
|
|
6
6
|
allLabel: string;
|
|
7
7
|
};
|
|
8
|
-
export declare function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderProps>({ value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size, label, searchable, contentRender, dropDownClassName, showClearButton,
|
|
8
|
+
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;
|
|
@@ -31,7 +31,7 @@ const defaultMultiValueLabelFormatter = ({ value, total, allLabel }) => {
|
|
|
31
31
|
return `${len.toString()}/${total}`;
|
|
32
32
|
};
|
|
33
33
|
export function ChipChoiceMultiple(_a) {
|
|
34
|
-
var { value: valueProp, defaultValue, options, onChange: onChangeProp, valueRender, size = SIZE.S, label, searchable, contentRender, dropDownClassName, showClearButton = true
|
|
34
|
+
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"]);
|
|
35
35
|
const [value, setValue] = useValueControl({
|
|
36
36
|
value: valueProp,
|
|
37
37
|
defaultValue,
|
|
@@ -67,11 +67,8 @@ export function ChipChoiceMultiple(_a) {
|
|
|
67
67
|
if (searchValue) {
|
|
68
68
|
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
69
69
|
}
|
|
70
|
-
if (resetSearchOnOptionSelection) {
|
|
71
|
-
setSearchValue('');
|
|
72
|
-
}
|
|
73
70
|
}
|
|
74
|
-
}, [searchValue, setValue
|
|
71
|
+
}, [searchValue, setValue]);
|
|
75
72
|
useEffect(() => {
|
|
76
73
|
if (searchValue && !open) {
|
|
77
74
|
setSearchValue('');
|
|
@@ -71,6 +71,4 @@ export type ChipChoiceMultipleProps<T extends ContentRenderProps = ContentRender
|
|
|
71
71
|
options: FilterOption<T>[];
|
|
72
72
|
/** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
|
|
73
73
|
valueRender?(option?: BaseOption<T>[]): ReactNode;
|
|
74
|
-
/** Поведение строки поиска при выборе опции из списка */
|
|
75
|
-
resetSearchOnOptionSelection?: boolean;
|
|
76
74
|
};
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Chips",
|
|
7
|
-
"version": "0.
|
|
7
|
+
"version": "0.20.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@snack-uikit/locale": "*"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "996fdd9ce072b510d120480c7e0d8662b3f6df7c"
|
|
58
58
|
}
|
|
@@ -44,7 +44,6 @@ export function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderP
|
|
|
44
44
|
contentRender,
|
|
45
45
|
dropDownClassName,
|
|
46
46
|
showClearButton = true,
|
|
47
|
-
resetSearchOnOptionSelection = true,
|
|
48
47
|
...rest
|
|
49
48
|
}: ChipChoiceMultipleProps<T>) {
|
|
50
49
|
const [value, setValue] = useValueControl<SelectionSingleValueType[]>({
|
|
@@ -100,12 +99,9 @@ export function ChipChoiceMultiple<T extends ContentRenderProps = ContentRenderP
|
|
|
100
99
|
if (searchValue) {
|
|
101
100
|
listRef.current?.focus();
|
|
102
101
|
}
|
|
103
|
-
if (resetSearchOnOptionSelection) {
|
|
104
|
-
setSearchValue('');
|
|
105
|
-
}
|
|
106
102
|
}
|
|
107
103
|
},
|
|
108
|
-
[searchValue, setValue
|
|
104
|
+
[searchValue, setValue],
|
|
109
105
|
);
|
|
110
106
|
|
|
111
107
|
useEffect(() => {
|
|
@@ -127,6 +127,4 @@ export type ChipChoiceMultipleProps<T extends ContentRenderProps = ContentRender
|
|
|
127
127
|
options: FilterOption<T>[];
|
|
128
128
|
/** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
|
|
129
129
|
valueRender?(option?: BaseOption<T>[]): ReactNode;
|
|
130
|
-
/** Поведение строки поиска при выборе опции из списка */
|
|
131
|
-
resetSearchOnOptionSelection?: boolean;
|
|
132
130
|
};
|