@mailstep/design-system 0.8.4 → 0.8.5-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.4",
+  "version": "0.8.5-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.js

@@ -65,11 +65,12 @@ import { isOptionArray } from './guards';
 var SelectFilter = function (_a) {
     var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions;
     var _c = useState([]), loadedOptions = _c[0], setLoadedOptions = _c[1];
-    var handleOnMultiChange = useCallback(function (options) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(!isArray(options) || !(options === null || options === void 0 ? void 0 : options.length) ? null : options);
-    }, [onChange]);
+    var _d = useState(false), isNotEqNoValue = _d[0], setIsNotEqNoValue = _d[1];
     var isAsync = !!asyncLoadKey;
-    var isNotEq = useMemo(function () { return isOptionArray(value) ? value.some(function (option) { return option.isNotEq; }) : false; }, [value]);
+    var isNotEq = useMemo(function () { return (isOptionArray(value) ? value.some(function (option) { return option.isNotEq; }) : isNotEqNoValue); }, [value, isNotEqNoValue]);
+    var handleOnMultiChange = useCallback(function (options) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(!isArray(options) || !(options === null || options === void 0 ? void 0 : options.length) ? null : options === null || options === void 0 ? void 0 : options.map(function (option) { return (__assign(__assign({}, option), { isNotEq: isNotEqNoValue })); }));
+    }, [onChange, isNotEqNoValue]);
     var handleLoadOptions = useCallback(function (fulltext) { return __awaiter(void 0, void 0, void 0, function () {
         var data;
         return __generator(this, function (_a) {
@@ -90,8 +91,10 @@ var SelectFilter = function (_a) {
     var handleIconClick = useCallback(function (event) {
         event.preventDefault();
         event.stopPropagation();
-        if (!value || !isOptionArray(value))
+        if (!value || !isOptionArray(value)) {
+            setIsNotEqNoValue(true);
             return;
+        }
         var newOptions = value === null || value === void 0 ? void 0 : value.map(function (option) { return (__assign(__assign({}, option), { isNotEq: !isNotEq })); });
         onChange(newOptions);
     }, [value, isNotEq, onChange]);