@antscorp/antsomi-ui 2.0.6 → 2.0.7
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.
|
@@ -115,13 +115,6 @@ export function MatchesAny(props) {
|
|
|
115
115
|
const newSelectedTreeData = getSelectedTreeData(items || [], newSelectedItems || [], selectedTreeData || []);
|
|
116
116
|
setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: newSelectedItems, selectedTreeData: newSelectedTreeData })));
|
|
117
117
|
};
|
|
118
|
-
const onSelectAll = () => {
|
|
119
|
-
const flattenTreeData = flatTree(items, 'children').filter(item => !item.children &&
|
|
120
|
-
!(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.some(selectedItem => selectedItem.key === item.key || selectedItem.title === item.title)));
|
|
121
|
-
const newSelectedItems = uniqBy([...(state.selectedItems || []), ...flattenTreeData], 'key');
|
|
122
|
-
const newSelectedTreeData = getSelectedTreeData(items || [], newSelectedItems || [], selectedTreeData);
|
|
123
|
-
setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: newSelectedItems, selectedTreeData: newSelectedTreeData })));
|
|
124
|
-
};
|
|
125
118
|
const onRemoveAll = () => {
|
|
126
119
|
setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: [], selectedTreeData: [] })));
|
|
127
120
|
};
|
|
@@ -205,6 +198,7 @@ export function MatchesAny(props) {
|
|
|
205
198
|
title: '',
|
|
206
199
|
isLoadMore: true,
|
|
207
200
|
className: 'load-more-node',
|
|
201
|
+
disabled: true,
|
|
208
202
|
});
|
|
209
203
|
return { treeData, matchedParents };
|
|
210
204
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -214,6 +208,13 @@ export function MatchesAny(props) {
|
|
|
214
208
|
const flattenTreeData = flatTree(treeData, 'children');
|
|
215
209
|
return !(flattenTreeData === null || flattenTreeData === void 0 ? void 0 : flattenTreeData.some(item => !item.disabled));
|
|
216
210
|
}, [treeData]);
|
|
211
|
+
const isDisableApply = useDeepCompareMemo(() => isEmpty(selectedTreeData), [selectedTreeData]);
|
|
212
|
+
const onSelectAll = () => {
|
|
213
|
+
const flattenTreeData = flatTree(treeData, 'children').filter(item => !item.children && !item.disabled);
|
|
214
|
+
const newSelectedItems = uniqBy([...(state.selectedItems || []), ...flattenTreeData], 'key');
|
|
215
|
+
const newSelectedTreeData = getSelectedTreeData(items || [], newSelectedItems || [], selectedTreeData);
|
|
216
|
+
setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: newSelectedItems, selectedTreeData: newSelectedTreeData })));
|
|
217
|
+
};
|
|
217
218
|
// Renders
|
|
218
219
|
const renderExtraValueLabels = () => {
|
|
219
220
|
if (renderExtraValues === null || renderExtraValues === void 0 ? void 0 : renderExtraValues.length) {
|
|
@@ -295,7 +296,7 @@ export function MatchesAny(props) {
|
|
|
295
296
|
renderSelectedList()),
|
|
296
297
|
React.createElement(Flex, { className: "matches-any__footer", align: "center", justify: "space-between" },
|
|
297
298
|
React.createElement(Flex, { align: "center", gap: 10 },
|
|
298
|
-
React.createElement(Button, { type: "primary", onClick: onClickApply }, t(translations.apply.title).toString()),
|
|
299
|
+
React.createElement(Button, { type: "primary", disabled: isDisableApply, onClick: onClickApply }, t(translations.apply.title).toString()),
|
|
299
300
|
React.createElement(Button, { onClick: () => onCancel() }, t(translations.cancel.title).toString())),
|
|
300
301
|
showExtendValue && (React.createElement(ExtendValuePopup, { getPopupContainer: trigger => trigger.parentElement || document.body, onApply: onApplyExtendValue },
|
|
301
302
|
React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-empty-flag" }) }, t(translations.extendValue.title).toString())))))));
|