@cloud-ru/ds-fields 2.2.2 → 2.2.3-preview-0c4119af.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/README.md +3 -1
- package/dist/cjs/components/FieldSelect/FieldSelect.js +81 -41
- package/dist/cjs/components/FieldSelect/constants.d.ts +11 -0
- package/dist/cjs/components/FieldSelect/constants.js +20 -1
- package/dist/cjs/components/FieldSelect/hooks.d.ts +32 -0
- package/dist/cjs/components/FieldSelect/hooks.js +83 -0
- package/dist/cjs/components/FieldSelect/types.d.ts +26 -3
- package/dist/cjs/components/FieldSelect/utils/customOption.d.ts +21 -0
- package/dist/cjs/components/FieldSelect/utils/customOption.js +55 -0
- package/dist/cjs/components/FieldSelect/utils/extract.d.ts +11 -0
- package/dist/cjs/components/FieldSelect/utils/extract.js +39 -0
- package/dist/cjs/components/FieldSelect/utils/filter.d.ts +3 -0
- package/dist/cjs/components/FieldSelect/utils/filter.js +40 -0
- package/dist/cjs/components/FieldSelect/utils/index.d.ts +6 -0
- package/dist/cjs/components/FieldSelect/utils/index.js +22 -0
- package/dist/cjs/components/FieldSelect/utils/items.d.ts +9 -0
- package/dist/cjs/components/FieldSelect/utils/items.js +47 -0
- package/dist/cjs/components/FieldSelect/utils/selection.d.ts +11 -0
- package/dist/cjs/components/FieldSelect/utils/selection.js +18 -0
- package/dist/cjs/components/FieldSelect/utils/tagSize.d.ts +4 -0
- package/dist/cjs/components/FieldSelect/utils/tagSize.js +5 -0
- package/dist/esm/components/FieldSelect/FieldSelect.js +82 -42
- package/dist/esm/components/FieldSelect/constants.d.ts +11 -0
- package/dist/esm/components/FieldSelect/constants.js +19 -0
- package/dist/esm/components/FieldSelect/hooks.d.ts +32 -0
- package/dist/esm/components/FieldSelect/hooks.js +80 -0
- package/dist/esm/components/FieldSelect/types.d.ts +26 -3
- package/dist/esm/components/FieldSelect/utils/customOption.d.ts +21 -0
- package/dist/esm/components/FieldSelect/utils/customOption.js +48 -0
- package/dist/esm/components/FieldSelect/utils/extract.d.ts +11 -0
- package/dist/esm/components/FieldSelect/utils/extract.js +34 -0
- package/dist/esm/components/FieldSelect/utils/filter.d.ts +3 -0
- package/dist/esm/components/FieldSelect/utils/filter.js +36 -0
- package/dist/esm/components/FieldSelect/utils/index.d.ts +6 -0
- package/dist/esm/components/FieldSelect/utils/index.js +6 -0
- package/dist/esm/components/FieldSelect/utils/items.d.ts +9 -0
- package/dist/esm/components/FieldSelect/utils/items.js +41 -0
- package/dist/esm/components/FieldSelect/utils/selection.d.ts +11 -0
- package/dist/esm/components/FieldSelect/utils/selection.js +14 -0
- package/dist/esm/components/FieldSelect/utils/tagSize.d.ts +4 -0
- package/dist/esm/components/FieldSelect/utils/tagSize.js +2 -0
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +20 -20
- package/src/components/FieldSelect/FieldSelect.tsx +129 -61
- package/src/components/FieldSelect/constants.ts +22 -0
- package/src/components/FieldSelect/hooks.ts +162 -0
- package/src/components/FieldSelect/types.ts +82 -48
- package/src/components/FieldSelect/utils/customOption.ts +77 -0
- package/src/components/FieldSelect/utils/extract.ts +49 -0
- package/src/components/FieldSelect/utils/filter.ts +51 -0
- package/src/components/FieldSelect/utils/index.ts +6 -0
- package/src/components/FieldSelect/utils/items.ts +58 -0
- package/src/components/FieldSelect/utils/selection.ts +25 -0
- package/src/components/FieldSelect/utils/tagSize.ts +5 -0
- package/dist/cjs/components/FieldSelect/utils.d.ts +0 -19
- package/dist/cjs/components/FieldSelect/utils.js +0 -103
- package/dist/esm/components/FieldSelect/utils.d.ts +0 -19
- package/dist/esm/components/FieldSelect/utils.js +0 -92
- package/src/components/FieldSelect/utils.ts +0 -132
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { Size } from '@cloud-ru/ds-field-decorator';
|
|
2
|
-
import { ItemId } from '@cloud-ru/ds-list';
|
|
3
|
-
import { Appearance as TagAppearance, Size as TagSize } from '@cloud-ru/ds-tag';
|
|
4
|
-
|
|
5
|
-
import { SELECTION_MODE } from './constants';
|
|
6
|
-
import { FieldSelectItem, FieldSelectMultipleProps, FieldSelectProps } from './types';
|
|
7
|
-
|
|
8
|
-
export const TAG_SIZE_MAP: Record<Size, TagSize> = { s: 'xs', m: 'xs', l: 's' };
|
|
9
|
-
|
|
10
|
-
export type WithIdContent = { id?: ItemId; content?: unknown; disabled?: boolean; appearance?: TagAppearance };
|
|
11
|
-
|
|
12
|
-
export function extractLabel(item: WithIdContent): string {
|
|
13
|
-
const { content, id } = item;
|
|
14
|
-
|
|
15
|
-
if (!content) {
|
|
16
|
-
return String(id ?? '');
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
if (typeof content === 'string' || typeof content === 'number') {
|
|
20
|
-
return String(content);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
if (typeof content === 'object' && content !== null && 'label' in content) {
|
|
24
|
-
return String((content as { label: unknown }).label);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
return String(id ?? '');
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// Текст для поиска: лейбл (option) + caption + description — паритет с легаси `useSearch`,
|
|
31
|
-
// который матчил запрос по всем трём полям контента, а не только по лейблу.
|
|
32
|
-
export function extractSearchText(item: WithIdContent): string {
|
|
33
|
-
const parts = [extractLabel(item)];
|
|
34
|
-
const { content } = item;
|
|
35
|
-
|
|
36
|
-
if (content && typeof content === 'object') {
|
|
37
|
-
const c = content as { caption?: unknown; description?: unknown };
|
|
38
|
-
|
|
39
|
-
if (typeof c.caption === 'string') {
|
|
40
|
-
parts.push(c.caption);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
if (typeof c.description === 'string') {
|
|
44
|
-
parts.push(c.description);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
return parts.join(' ');
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
// Цвет тега выбранного значения (multiple) — паритет с легаси `option.appearance`.
|
|
52
|
-
// Проверка типа нужна и при типизированном поле: items часто приходят из ответа бэкенда.
|
|
53
|
-
export function extractAppearance(item?: WithIdContent): TagAppearance | undefined {
|
|
54
|
-
return typeof item?.appearance === 'string' ? item.appearance : undefined;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export function flatten(items: FieldSelectItem[]): WithIdContent[] {
|
|
58
|
-
const out: WithIdContent[] = [];
|
|
59
|
-
|
|
60
|
-
for (const item of items) {
|
|
61
|
-
out.push(item as WithIdContent);
|
|
62
|
-
|
|
63
|
-
if ('items' in item && Array.isArray(item.items)) {
|
|
64
|
-
out.push(...flatten(item.items as FieldSelectItem[]));
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
return out;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export function findItem(items: FieldSelectItem[], id: ItemId): WithIdContent | undefined {
|
|
72
|
-
for (const item of flatten(items)) {
|
|
73
|
-
if (item.id === id) {
|
|
74
|
-
return item;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return undefined;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
// Subsequence-fuzzy: символы запроса должны встречаться в строке в исходном порядке.
|
|
82
|
-
// Пример: query=`lge` matches `Large` (L → r → arg → e).
|
|
83
|
-
export function isFuzzyMatch(haystack: string, needle: string): boolean {
|
|
84
|
-
if (!needle) {
|
|
85
|
-
return true;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
let i = 0;
|
|
89
|
-
|
|
90
|
-
for (const ch of haystack) {
|
|
91
|
-
if (ch === needle[i]) {
|
|
92
|
-
i += 1;
|
|
93
|
-
|
|
94
|
-
if (i === needle.length) {
|
|
95
|
-
return true;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
return false;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export function filterItems(items: FieldSelectItem[], query: string, fuzzy: boolean): FieldSelectItem[] {
|
|
104
|
-
if (!query) {
|
|
105
|
-
return items;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
const q = query.toLowerCase();
|
|
109
|
-
|
|
110
|
-
const matches = (item: FieldSelectItem): boolean => {
|
|
111
|
-
const text = extractSearchText(item as WithIdContent).toLowerCase();
|
|
112
|
-
|
|
113
|
-
return fuzzy ? isFuzzyMatch(text, q) : text.includes(q);
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
const walk = (list: FieldSelectItem[]): FieldSelectItem[] =>
|
|
117
|
-
list.flatMap(item => {
|
|
118
|
-
if ('items' in item && Array.isArray(item.items)) {
|
|
119
|
-
const filteredChildren = walk(item.items as FieldSelectItem[]);
|
|
120
|
-
|
|
121
|
-
return filteredChildren.length > 0 ? [{ ...item, items: filteredChildren } as FieldSelectItem] : [];
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return matches(item) ? [item] : [];
|
|
125
|
-
});
|
|
126
|
-
|
|
127
|
-
return walk(items);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
export function isMultiple(props: FieldSelectProps): props is FieldSelectMultipleProps {
|
|
131
|
-
return props.selection === SELECTION_MODE.Multiple;
|
|
132
|
-
}
|