@mailstep/design-system 0.8.27 → 0.8.28

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

@@ -1,379 +1,95 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
-    return d(g, "next", {
-        value: verb(0)
-    }), d(g, "throw", {
-        value: verb(1)
-    }), d(g, "return", {
-        value: verb(2)
-    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
-        value: function() {
-            return this;
-        }
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
+import Select_default from "../../../../../Elements/Select/index.js";
+import SingleSelect_default from "../../../../../Elements/SingleSelect/index.js";
+import { isOptionArray } from "./guards.js";
+import { useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useState, useMemo } from "react";
-import Select from "../../../../../Elements/Select";
-import SingleSelect from "../../../../../Elements/SingleSelect";
 import { i18n } from "@lingui/core";
-import isArray from "lodash/isArray";
-import uniqBy from "lodash/uniqBy";
-import { isOptionArray } from "./guards";
-var minColumnWidth = 120;
-var noOptionsMessage = function noOptionsMessage() {
-    return null;
+import isArray from "lodash/isArray.js";
+import uniqBy from "lodash/uniqBy.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.tsx
+const minColumnWidth = 120;
+const noOptionsMessage = () => null;
+const SelectFilter = ({ onChange, isClearable = true, disabled, placeholder, showValue = true, columnWidth, isMulti, value, options, checkAllButton, asyncLoadKey, onAsyncLoadFilterOptions, withNotEqComparator = true }) => {
+	const [loadedOptions, setLoadedOptions] = useState([]);
+	const [isNotEqNoValue, setIsNotEqNoValue] = useState(false);
+	const isAsync = !!asyncLoadKey;
+	const isNotEq = useMemo(() => isOptionArray(value) ? value.some((option) => option.isNotEq) : isNotEqNoValue, [value, isNotEqNoValue]);
+	const handleOnMultiChange = useCallback((options) => {
+		onChange?.(!isArray(options) || !options?.length ? null : options?.map((option) => ({
+			...option,
+			isNotEq
+		})));
+	}, [onChange, isNotEq]);
+	const handleLoadOptions = useCallback(async (fulltext) => {
+		let data = [];
+		if (asyncLoadKey) data = await onAsyncLoadFilterOptions?.(asyncLoadKey, fulltext) || [];
+		setLoadedOptions(data);
+		return data;
+	}, [asyncLoadKey, onAsyncLoadFilterOptions]);
+	const handleIconClick = useCallback((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		if (!value || !isOptionArray(value)) {
+			setIsNotEqNoValue((prev) => !prev);
+			return;
+		}
+		const newOptions = value?.map((option) => ({
+			...option,
+			isNotEq: !isNotEq
+		}));
+		onChange(newOptions);
+	}, [
+		value,
+		isNotEq,
+		onChange
+	]);
+	const defaultOptions = useMemo(() => isMulti && isAsync && isOptionArray(value) ? uniqBy([...loadedOptions, ...value], "value") : void 0, [
+		isAsync,
+		value,
+		loadedOptions
+	]);
+	const isWide = columnWidth && columnWidth > minColumnWidth;
+	const isSelectClearable = isWide ? isClearable : false;
+	const placeholderValue = placeholder || (isAsync ? i18n._({
+		id: "dataGrid.filterCell",
+		message: "Type to filter"
+	}) : void 0);
+	if (isMulti) {
+		const placeholderIcon = isWide && withNotEqComparator ? isNotEq ? "notEqual" : "equals" : null;
+		return /* @__PURE__ */ jsx(Select_default, {
+			maxMenuHeight: 250,
+			onChange: handleOnMultiChange,
+			value: showValue ? isOptionArray(value) ? value.map((option) => String(option.value)) : value : void 0,
+			options: defaultOptions || options,
+			showSelectAllButton: checkAllButton,
+			style: "gridFilter",
+			loadOptions: isAsync ? handleLoadOptions : void 0,
+			defaultOptions,
+			placeholder: placeholderValue,
+			noOptionsMessage,
+			containerVariant: isAsync ? "search" : void 0,
+			placeholderIcon,
+			onIconClick: withNotEqComparator ? handleIconClick : void 0,
+			optionVariant: "checkbox",
+			multiLabelVariant: "count",
+			shortVariant: "join",
+			isMulti: true,
+			disabled,
+			isClearable: isSelectClearable
+		});
+	}
+	return /* @__PURE__ */ jsx(SingleSelect_default, {
+		maxMenuHeight: 250,
+		onChange,
+		value: showValue ? value : void 0,
+		options,
+		style: "gridFilter",
+		loadOptions: isAsync ? handleLoadOptions : void 0,
+		placeholder: placeholderValue,
+		placeholderIcon: isWide ? void 0 : null,
+		isClearable: isSelectClearable,
+		disabled
+	});
 };
-var SelectFilter = function SelectFilter(param) {
-    var onChange = param.onChange, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, disabled = param.disabled, placeholder = param.placeholder, _param_showValue = param.showValue, showValue = _param_showValue === void 0 ? true : _param_showValue, columnWidth = param.columnWidth, isMulti = param.isMulti, value = param.value, options = param.options, checkAllButton = param.checkAllButton, asyncLoadKey = param.asyncLoadKey, onAsyncLoadFilterOptions = param.onAsyncLoadFilterOptions, _param_withNotEqComparator = param.withNotEqComparator, withNotEqComparator = _param_withNotEqComparator === void 0 ? true : _param_withNotEqComparator;
-    var _useState = _sliced_to_array(useState([]), 2), loadedOptions = _useState[0], setLoadedOptions = _useState[1];
-    var _useState1 = _sliced_to_array(useState(false), 2), isNotEqNoValue = _useState1[0], setIsNotEqNoValue = _useState1[1];
-    var isAsync = !!asyncLoadKey;
-    var isNotEq = useMemo(function() {
-        return isOptionArray(value) ? value.some(function(option) {
-            return option.isNotEq;
-        }) : isNotEqNoValue;
-    }, [
-        value,
-        isNotEqNoValue
-    ]);
-    var handleOnMultiChange = useCallback(function(options2) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(!isArray(options2) || !(options2 === null || options2 === void 0 ? void 0 : options2.length) ? null : options2 === null || options2 === void 0 ? void 0 : options2.map(function(option) {
-            return _object_spread_props(_object_spread({}, option), {
-                isNotEq: isNotEq
-            });
-        }));
-    }, [
-        onChange,
-        isNotEq
-    ]);
-    var handleLoadOptions = useCallback(function(fulltext) {
-        return _async_to_generator(function() {
-            var data;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        data = [];
-                        if (!asyncLoadKey) return [
-                            3,
-                            2
-                        ];
-                        return [
-                            4,
-                            onAsyncLoadFilterOptions === null || onAsyncLoadFilterOptions === void 0 ? void 0 : onAsyncLoadFilterOptions(asyncLoadKey, fulltext)
-                        ];
-                    case 1:
-                        data = _state.sent() || [];
-                        _state.label = 2;
-                    case 2:
-                        setLoadedOptions(data);
-                        return [
-                            2,
-                            data
-                        ];
-                }
-            });
-        })();
-    }, [
-        asyncLoadKey,
-        onAsyncLoadFilterOptions
-    ]);
-    var handleIconClick = useCallback(function(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!value || !isOptionArray(value)) {
-            setIsNotEqNoValue(function(prev) {
-                return !prev;
-            });
-            return;
-        }
-        var newOptions = value === null || value === void 0 ? void 0 : value.map(function(option) {
-            return _object_spread_props(_object_spread({}, option), {
-                isNotEq: !isNotEq
-            });
-        });
-        onChange(newOptions);
-    }, [
-        value,
-        isNotEq,
-        onChange
-    ]);
-    var defaultOptions = useMemo(function() {
-        return isMulti && isAsync && isOptionArray(value) ? uniqBy(_to_consumable_array(loadedOptions).concat(_to_consumable_array(value)), "value") : void 0;
-    }, [
-        isAsync,
-        value,
-        loadedOptions
-    ]);
-    var isWide = columnWidth && columnWidth > minColumnWidth;
-    var isSelectClearable = isWide ? isClearable : false;
-    var placeholderValue = placeholder || (isAsync ? i18n._({
-        id: "dataGrid.filterCell",
-        message: "Type to filter"
-    }) : void 0);
-    if (isMulti) {
-        var placeholderIcon = isWide && withNotEqComparator ? isNotEq ? "notEqual" : "equals" : null;
-        var selectValue = showValue ? isOptionArray(value) ? value.map(function(option) {
-            return String(option.value);
-        }) : value : void 0;
-        return /* @__PURE__ */ jsx(Select, {
-            maxMenuHeight: 250,
-            onChange: handleOnMultiChange,
-            value: selectValue,
-            options: defaultOptions || options,
-            showSelectAllButton: checkAllButton,
-            style: "gridFilter",
-            loadOptions: isAsync ? handleLoadOptions : void 0,
-            defaultOptions: defaultOptions,
-            placeholder: placeholderValue,
-            noOptionsMessage: noOptionsMessage,
-            containerVariant: isAsync ? "search" : void 0,
-            placeholderIcon: placeholderIcon,
-            onIconClick: withNotEqComparator ? handleIconClick : void 0,
-            optionVariant: "checkbox",
-            multiLabelVariant: "count",
-            shortVariant: "join",
-            isMulti: true,
-            disabled: disabled,
-            isClearable: isSelectClearable
-        });
-    }
-    return /* @__PURE__ */ jsx(SingleSelect, {
-        maxMenuHeight: 250,
-        onChange: onChange,
-        value: showValue ? value : void 0,
-        options: options,
-        style: "gridFilter",
-        loadOptions: isAsync ? handleLoadOptions : void 0,
-        placeholder: placeholderValue,
-        placeholderIcon: isWide ? void 0 : null,
-        isClearable: isSelectClearable,
-        disabled: disabled
-    });
-};
-var GridSelect_default = SelectFilter;
-export { GridSelect_default as default };
+//#endregion
+export { SelectFilter as default };

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

@@ -1,10 +1,6 @@
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var isOptionArray = function isOptionArray(value) {
-    return Array.isArray(value) && value.every(function(v) {
-        return (typeof v === "undefined" ? "undefined" : _type_of(v)) === "object" && v !== null && "label" in v && "value" in v;
-    });
+//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/guards.ts
+const isOptionArray = (value) => {
+	return Array.isArray(value) && value.every((v) => typeof v === "object" && v !== null && "label" in v && "value" in v);
 };
+//#endregion
 export { isOptionArray };

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

@@ -1,3 +1,5 @@
-import GridSelect from "./GridSelect";
-var GridSelect_default = GridSelect;
+import SelectFilter from "./GridSelect.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/index.tsx
+var GridSelect_default = SelectFilter;
+//#endregion
 export { GridSelect_default as default };