@mailstep/design-system 0.8.27 → 0.8.28

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

@@ -1,324 +1,164 @@
-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 _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_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 _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 _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = 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 _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);
-}
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import { Input } from "../../../../../Forms/Input/Input.js";
+import { useEvent } from "../../../hooks/useEvent.js";
+import IconList from "../../IconList/IconList.js";
 import { useCallback, useState } from "react";
-import { Input } from "../../../../../Forms/Input/Input";
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside";
-import { useEvent } from "../../../hooks/useEvent";
-import IconList from "../../IconList/IconList";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 import { Trans } from "@lingui/react";
-var OverlayComponentDefault = function OverlayComponentDefault(param) {
-    var children = param.children;
-    return /* @__PURE__ */ jsx("div", {
-        children: children
-    });
-};
-var ipv4 = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
-var createTextComparators = function createTextComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.contains",
-                message: "Contains"
-            }),
-            value: "like",
-            icon: "check"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notContains",
-                message: "Not contains"
-            }),
-            value: "notLike",
-            icon: "false"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "eq",
-            icon: "equals"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notEquals",
-                message: "Not equal"
-            }),
-            value: "neq",
-            icon: "notEqual"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.startsWith",
-                message: "Starts with"
-            }),
-            value: "startsWith",
-            icon: "startsWith"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.endsWith",
-                message: "Ends with"
-            }),
-            value: "endsWith",
-            icon: "endsWith"
-        }
-    ];
-};
-var createPresentTextComparators = function createPresentTextComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.contains",
-                message: "Contains"
-            }),
-            value: "like",
-            icon: "check"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "in",
-            icon: "equals"
-        }
-    ];
-};
-var createEqualComparators = function createEqualComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "eq",
-            icon: "equals"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notEquals",
-                message: "Not equal"
-            }),
-            value: "neq",
-            icon: "notEqual"
-        }
-    ];
-};
-var validations = {
-    ip: {
-        check: function check(value) {
-            return ipv4.test(value.trim());
-        },
-        errorMsg: /* @__PURE__ */ jsx(Trans, {
-            id: "dataGrid.errors.ipValidationError",
-            message: "Value is not valid ip"
-        })
-    }
-};
-var TextRange = function TextRange(props) {
-    var _comparators_;
-    var name = props.name, _props_value = props.value, value = _props_value === void 0 ? {} : _props_value, label = props.label, onChange = props.onChange, className = props.className, _props_OverlayComponent = props.OverlayComponent, OverlayComponent = _props_OverlayComponent === void 0 ? OverlayComponentDefault : _props_OverlayComponent, eqOnly = props.eqOnly, isPresent = props.isPresent, isEqual = props.isEqual, defaultComparator = props.defaultComparator, // from filterExtraProps
-    comparators = props.comparators, // from filterExtraProps or customComparators
-    validationKey = props.validation, rest = _object_without_properties(props, [
-        "name",
-        "value",
-        "label",
-        "onChange",
-        "className",
-        "OverlayComponent",
-        "eqOnly",
-        "isPresent",
-        "isEqual",
-        "defaultComparator",
-        "comparators",
-        "validation"
-    ]);
-    var eqOnlyTxt = i18n._({
-        id: "dataGrid.filterTxtEqWarning",
-        message: "This filter can only do exact match"
-    });
-    var _useState = _sliced_to_array(useState(false), 2), isOpen = _useState[0], setOpen = _useState[1];
-    var textComparators = createTextComparators();
-    var presentTextComparators = createPresentTextComparators();
-    var equalComparators = createEqualComparators();
-    var fallbackComparator = defaultComparator || (comparators === null || comparators === void 0 ? void 0 : (_comparators_ = comparators[0]) === null || _comparators_ === void 0 ? void 0 : _comparators_.value) || textComparators[0].value;
-    var comparator = eqOnly ? "eq" : (value === null || value === void 0 ? void 0 : value.comparator) || fallbackComparator;
-    var defaultComparators = isEqual ? equalComparators : isPresent ? presentTextComparators : textComparators;
-    var comparatorOptions = comparators || defaultComparators;
-    var fieldValue = (value === null || value === void 0 ? void 0 : value.value) || "";
-    var onClose = useCallback(function() {
-        setOpen(false);
-    }, []);
-    var pickerRef = useClickOutside({
-        onClose: onClose
-    });
-    var togglePicker = useCallback(function() {
-        setOpen(!isOpen);
-    }, [
-        isOpen,
-        setOpen
-    ]);
-    var validation = !!validationKey && validations[validationKey];
-    var isInvalid = validation && Boolean(fieldValue && !validation.check(String(fieldValue)));
-    var onChangeTextInput = useEvent(function(event) {
-        var txtValue = event.target.value;
-        if (txtValue) {
-            onChange({
-                comparator: comparator,
-                value: txtValue,
-                isInvalid: validation && !validation.check(txtValue)
-            });
-        } else {
-            onChange(null);
-        }
-    });
-    var onChangeComparator = useEvent(function(option) {
-        onChange({
-            comparator: option.value,
-            value: fieldValue,
-            isInvalid: isInvalid
-        });
-    });
-    return /* @__PURE__ */ jsxs("div", {
-        ref: pickerRef,
-        children: [
-            /* @__PURE__ */ jsx(Input, _object_spread({
-                name: name,
-                "data-test": name,
-                "data-cy": "".concat(name, "Inp"),
-                value: fieldValue,
-                label: label,
-                onChange: onChangeTextInput,
-                iconOnClick: !eqOnly ? togglePicker : void 0,
-                icon: !eqOnly ? "ellipsisVertical" : "warning",
-                iconPlacement: "right",
-                iconTooltip: eqOnly ? eqOnlyTxt : void 0,
-                type: "text",
-                className: className,
-                error: !!validation && isInvalid && validation.errorMsg || "",
-                errorAppearance: "tooltip",
-                autoComplete: "off"
-            }, rest)),
-            isOpen && /* @__PURE__ */ jsx(OverlayComponent, {
-                children: /* @__PURE__ */ jsx(IconList, {
-                    list: comparatorOptions,
-                    selected: comparator,
-                    onClick: onChangeComparator
-                })
-            })
-        ]
-    });
+//#region packages/ui/Blocks/CommonGrid/components/Filters/TextRange/TextRange.tsx
+const OverlayComponentDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children });
+const ipv4 = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
+const createTextComparators = () => [
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.contains",
+			message: "Contains"
+		}),
+		value: "like",
+		icon: "check"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.notContains",
+			message: "Not contains"
+		}),
+		value: "notLike",
+		icon: "false"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.equals",
+			message: "Equals"
+		}),
+		value: "eq",
+		icon: "equals"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.notEquals",
+			message: "Not equal"
+		}),
+		value: "neq",
+		icon: "notEqual"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.startsWith",
+			message: "Starts with"
+		}),
+		value: "startsWith",
+		icon: "startsWith"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.endsWith",
+			message: "Ends with"
+		}),
+		value: "endsWith",
+		icon: "endsWith"
+	}
+];
+const createPresentTextComparators = () => [{
+	label: i18n._({
+		id: "dataGrid.comparator.contains",
+		message: "Contains"
+	}),
+	value: "like",
+	icon: "check"
+}, {
+	label: i18n._({
+		id: "dataGrid.comparator.equals",
+		message: "Equals"
+	}),
+	value: "in",
+	icon: "equals"
+}];
+const createEqualComparators = () => [{
+	label: i18n._({
+		id: "dataGrid.comparator.equals",
+		message: "Equals"
+	}),
+	value: "eq",
+	icon: "equals"
+}, {
+	label: i18n._({
+		id: "dataGrid.comparator.notEquals",
+		message: "Not equal"
+	}),
+	value: "neq",
+	icon: "notEqual"
+}];
+const validations = { ip: {
+	check: (value) => ipv4.test(value.trim()),
+	errorMsg: /* @__PURE__ */ jsx(Trans, {
+		id: "dataGrid.errors.ipValidationError",
+		message: "Value is not valid ip"
+	})
+} };
+const TextRange = (props) => {
+	const { name, value = {}, label, onChange, className, OverlayComponent = OverlayComponentDefault, eqOnly, isPresent, isEqual, defaultComparator, comparators, validation: validationKey, ...rest } = props;
+	const eqOnlyTxt = i18n._({
+		id: "dataGrid.filterTxtEqWarning",
+		message: "This filter can only do exact match"
+	});
+	const [isOpen, setOpen] = useState(false);
+	const textComparators = createTextComparators();
+	const presentTextComparators = createPresentTextComparators();
+	const equalComparators = createEqualComparators();
+	const fallbackComparator = defaultComparator || comparators?.[0]?.value || textComparators[0].value;
+	const comparator = eqOnly ? "eq" : value?.comparator || fallbackComparator;
+	const comparatorOptions = comparators || (isEqual ? equalComparators : isPresent ? presentTextComparators : textComparators);
+	const fieldValue = value?.value || "";
+	const pickerRef = useClickOutside({ onClose: useCallback(() => {
+		setOpen(false);
+	}, []) });
+	const togglePicker = useCallback(() => {
+		setOpen(!isOpen);
+	}, [isOpen, setOpen]);
+	const validation = !!validationKey && validations[validationKey];
+	const isInvalid = validation && Boolean(fieldValue && !validation.check(String(fieldValue)));
+	const onChangeTextInput = useEvent((event) => {
+		const txtValue = event.target.value;
+		if (txtValue) onChange({
+			comparator,
+			value: txtValue,
+			isInvalid: validation && !validation.check(txtValue)
+		});
+		else onChange(null);
+	});
+	const onChangeComparator = useEvent((option) => {
+		onChange({
+			comparator: option.value,
+			value: fieldValue,
+			isInvalid
+		});
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: pickerRef,
+		children: [/* @__PURE__ */ jsx(Input, {
+			name,
+			"data-test": name,
+			"data-cy": `${name}Inp`,
+			value: fieldValue,
+			label,
+			onChange: onChangeTextInput,
+			iconOnClick: !eqOnly ? togglePicker : void 0,
+			icon: !eqOnly ? "ellipsisVertical" : "warning",
+			iconPlacement: "right",
+			iconTooltip: eqOnly ? eqOnlyTxt : void 0,
+			type: "text",
+			className,
+			error: !!validation && isInvalid && validation.errorMsg || "",
+			errorAppearance: "tooltip",
+			autoComplete: "off",
+			...rest
+		}), isOpen && /* @__PURE__ */ jsx(OverlayComponent, { children: /* @__PURE__ */ jsx(IconList, {
+			list: comparatorOptions,
+			selected: comparator,
+			onClick: onChangeComparator
+		}) })]
+	});
 };
-var TextRange_default = TextRange;
-export { TextRange_default as default, ipv4 };
+//#endregion
+export { TextRange as default, ipv4 };

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

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

package/ui/Blocks/CommonGrid/components/Filters/TextRange/types.js

@@ -0,0 +1 @@
+export {};