@wallarm-org/design-system 0.34.0 → 0.34.1-rc-feature-AS-929-filter-input.1
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/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useChipEditing.d.ts +0 -1
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useChipEditing.js +4 -18
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.js +9 -1
- package/dist/metadata/components.json +2 -2
- package/package.json +1 -1
|
@@ -27,6 +27,5 @@ export declare const useChipEditing: ({ conditions, chips, fields, containerRef,
|
|
|
27
27
|
resetSegmentTyping: () => void;
|
|
28
28
|
handleChipClick: (chipId: string, segment: ChipSegment, anchorRect: DOMRect) => void;
|
|
29
29
|
clearEditing: () => void;
|
|
30
|
-
cancelSegmentEdit: () => void;
|
|
31
30
|
};
|
|
32
31
|
export {};
|
|
@@ -61,24 +61,12 @@ const useChipEditing = ({ conditions, chips, fields, containerRef, setMenuOffset
|
|
|
61
61
|
setMenuState,
|
|
62
62
|
upsertCondition
|
|
63
63
|
]);
|
|
64
|
-
const
|
|
64
|
+
const clearEditing = useCallback(()=>{
|
|
65
|
+
setEditingChipId(null);
|
|
65
66
|
setEditingSegment(null);
|
|
66
67
|
setSegmentFilterText('');
|
|
67
68
|
setUserHasTyped(false);
|
|
68
69
|
}, []);
|
|
69
|
-
const clearEditing = useCallback(()=>{
|
|
70
|
-
setEditingChipId(null);
|
|
71
|
-
resetSegmentState();
|
|
72
|
-
}, [
|
|
73
|
-
resetSegmentState
|
|
74
|
-
]);
|
|
75
|
-
const cancelSegmentEdit = useCallback(()=>{
|
|
76
|
-
resetSegmentState();
|
|
77
|
-
setMenuState('closed');
|
|
78
|
-
}, [
|
|
79
|
-
resetSegmentState,
|
|
80
|
-
setMenuState
|
|
81
|
-
]);
|
|
82
70
|
const handleSegmentFilterChange = useCallback((text)=>{
|
|
83
71
|
setSegmentFilterText(text);
|
|
84
72
|
setUserHasTyped(true);
|
|
@@ -97,8 +85,7 @@ const useChipEditing = ({ conditions, chips, fields, containerRef, setMenuOffset
|
|
|
97
85
|
setSegmentFilterText: handleSegmentFilterChange,
|
|
98
86
|
resetSegmentTyping,
|
|
99
87
|
handleChipClick,
|
|
100
|
-
clearEditing
|
|
101
|
-
cancelSegmentEdit
|
|
88
|
+
clearEditing
|
|
102
89
|
}), [
|
|
103
90
|
editingChipId,
|
|
104
91
|
editingSegment,
|
|
@@ -107,8 +94,7 @@ const useChipEditing = ({ conditions, chips, fields, containerRef, setMenuOffset
|
|
|
107
94
|
handleSegmentFilterChange,
|
|
108
95
|
resetSegmentTyping,
|
|
109
96
|
handleChipClick,
|
|
110
|
-
clearEditing
|
|
111
|
-
cancelSegmentEdit
|
|
97
|
+
clearEditing
|
|
112
98
|
]);
|
|
113
99
|
};
|
|
114
100
|
export { useChipEditing };
|
package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.js
CHANGED
|
@@ -159,6 +159,14 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
|
|
|
159
159
|
selectedField,
|
|
160
160
|
editing
|
|
161
161
|
]);
|
|
162
|
+
const cancelSegmentEdit = useCallback(()=>{
|
|
163
|
+
setSelectedField(null);
|
|
164
|
+
setSelectedOperator(null);
|
|
165
|
+
editing.clearEditing();
|
|
166
|
+
setMenuState('closed');
|
|
167
|
+
}, [
|
|
168
|
+
editing
|
|
169
|
+
]);
|
|
162
170
|
return {
|
|
163
171
|
inputText,
|
|
164
172
|
menuState,
|
|
@@ -197,7 +205,7 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
|
|
|
197
205
|
segmentFilterText: editing.segmentFilterText,
|
|
198
206
|
segmentMenuFilterText: editing.segmentMenuFilterText,
|
|
199
207
|
handleSegmentFilterChange,
|
|
200
|
-
cancelSegmentEdit
|
|
208
|
+
cancelSegmentEdit,
|
|
201
209
|
handleCustomValueCommit,
|
|
202
210
|
handleCustomAttributeCommit,
|
|
203
211
|
menuRef,
|
package/package.json
CHANGED