@antscorp/antsomi-ui 1.3.5-beta.889 → 1.3.5-beta.890
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.
|
@@ -167,7 +167,8 @@ export function MatchesAny(props) {
|
|
|
167
167
|
};
|
|
168
168
|
const onClickApply = () => {
|
|
169
169
|
const isOverMaxSelected = maxSelectedItem && selectedItems && selectedItems.length > maxSelectedItem;
|
|
170
|
-
const isSomeTextTooLong = selectedItems &&
|
|
170
|
+
const isSomeTextTooLong = selectedItems &&
|
|
171
|
+
selectedItems.some(item => item.title?.toString().split(' ').length > maxLengthEachItem);
|
|
171
172
|
if (isOverMaxSelected) {
|
|
172
173
|
setMaxItemsError(true);
|
|
173
174
|
}
|
|
@@ -180,7 +181,7 @@ export function MatchesAny(props) {
|
|
|
180
181
|
};
|
|
181
182
|
const handleClickRemoveInvalid = () => {
|
|
182
183
|
selectedItems?.forEach(item => {
|
|
183
|
-
if (item.title.split(' ').length > maxLengthEachItem) {
|
|
184
|
+
if (item.title?.toString().split(' ').length > maxLengthEachItem) {
|
|
184
185
|
onRemoveItem(item);
|
|
185
186
|
}
|
|
186
187
|
});
|
|
@@ -20,6 +20,8 @@ import { OPERATORS_CODE } from '@antscorp/antsomi-ui/es/constants/condition';
|
|
|
20
20
|
import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
|
|
21
21
|
import { EXCEPTION_OFF_FILTER_CLASS, METRIC_MAP_NUMBER_TYPE, METRIC_MAP_STRING_TYPE, } from '../constants/filter';
|
|
22
22
|
const { MATCHES, MATCHES_ANY, NOT_MATCHES, ON, BEFORE, BEFORE_DATE, AFTER, AFTER_DATE } = OPERATORS_CODE;
|
|
23
|
+
const MAX_SELECTED_ITEM = 100;
|
|
24
|
+
const MAX_LENGTH_EACH_ITEM = 200;
|
|
23
25
|
const { t } = i18nInstance;
|
|
24
26
|
const { Text } = Typography;
|
|
25
27
|
/* Filter */
|
|
@@ -161,7 +163,7 @@ export const renderValueField = ({ filterMetric, operator, value, matchesAny, on
|
|
|
161
163
|
case OPERATORS_CODE.MATCHES_ANY:
|
|
162
164
|
case OPERATORS_CODE.NOT_MATCHES: {
|
|
163
165
|
const { list, isLoading } = matchesAny || {};
|
|
164
|
-
return (_jsx(MatchesAnySelect, { selectedItems: Array.isArray(value) ? value : [], popupClassName: EXCEPTION_OFF_FILTER_CLASS, objectName: name, items: list, loading: isLoading, onChange: onChangeValue, onLoadMore: onLoadMore }));
|
|
166
|
+
return (_jsx(MatchesAnySelect, { maxSelectedItem: MAX_SELECTED_ITEM, maxLengthEachItem: MAX_LENGTH_EACH_ITEM, selectedItems: Array.isArray(value) ? value : [], popupClassName: EXCEPTION_OFF_FILTER_CLASS, objectName: name, items: list, loading: isLoading, onChange: onChangeValue, onLoadMore: onLoadMore }));
|
|
165
167
|
}
|
|
166
168
|
case OPERATORS_CODE.AFTER:
|
|
167
169
|
case OPERATORS_CODE.AFTER_DATE:
|
|
@@ -16,6 +16,8 @@ import { EXCEPTION_OFF_FILTER_CLASS, METRIC_MAP_NUMBER_TYPE, METRIC_MAP_STRING_T
|
|
|
16
16
|
const { MATCHES, MATCHES_ANY, NOT_MATCHES, ON, BEFORE, BEFORE_DATE, AFTER, AFTER_DATE } = OPERATORS_CODE;
|
|
17
17
|
const { t } = i18nInstance;
|
|
18
18
|
const { Text } = Typography;
|
|
19
|
+
const MAX_SELECTED_ITEM = 100;
|
|
20
|
+
const MAX_LENGTH_EACH_ITEM = 200;
|
|
19
21
|
/* Filter */
|
|
20
22
|
export const serializeFilterMetricsToMenuItems = ({ filterMetrics = [], level = 0, onSelectFilterMetric, onClickFilterMetric, }) => {
|
|
21
23
|
const isShowPopover = level >= 1;
|
|
@@ -155,7 +157,7 @@ export const renderValueField = ({ filterMetric, operator, value, matchesAny, on
|
|
|
155
157
|
case OPERATORS_CODE.MATCHES_ANY:
|
|
156
158
|
case OPERATORS_CODE.NOT_MATCHES: {
|
|
157
159
|
const { list, isLoading } = matchesAny || {};
|
|
158
|
-
return (_jsx(MatchesAnySelect, { maxSelectedItem:
|
|
160
|
+
return (_jsx(MatchesAnySelect, { maxSelectedItem: MAX_SELECTED_ITEM, maxLengthEachItem: MAX_LENGTH_EACH_ITEM, selectedItems: Array.isArray(value) ? value : [], popupClassName: EXCEPTION_OFF_FILTER_CLASS, objectName: name, items: list, loading: isLoading, onChange: onChangeValue, onLoadMore: onLoadMore }));
|
|
159
161
|
}
|
|
160
162
|
case OPERATORS_CODE.AFTER:
|
|
161
163
|
case OPERATORS_CODE.AFTER_DATE:
|