@mailstep/design-system 0.8.31-beta.3 → 0.8.31

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.js

@@ -1,32 +1,16 @@
-import { DateTime } from 'luxon';
-import { DatePickerRepeatTrans, TimePickerRepeatTrans } from '../../../../../../Elements/DatePicker/utils/constants';
-import { sameDate } from './sameDate';
-// User readable date range.
-export var pickerRangeToString = function (values, others) {
-    var _a, _b;
-    if (values === void 0) { values = []; }
-    if (((_a = others === null || others === void 0 ? void 0 : others[0]) === null || _a === void 0 ? void 0 : _a.dateTypeRepeater) || ((_b = others === null || others === void 0 ? void 0 : others[1]) === null || _b === void 0 ? void 0 : _b.dateTypeRepeater)) {
-        return others
-            .map(function (other, i) {
-            if (!(other === null || other === void 0 ? void 0 : other.dateTypeRepeater)) {
-                return values[i] && DateTime.fromJSDate(values[i]).toFormat('dd.LL.yyyy HH:mm');
-            }
-            var repeaterDate = DatePickerRepeatTrans[other === null || other === void 0 ? void 0 : other.dateTypeRepeater];
-            var repeaterTime = i === 0 ? TimePickerRepeatTrans.from : TimePickerRepeatTrans.to;
-            var time = (other === null || other === void 0 ? void 0 : other.time) ? "".concat(String(other === null || other === void 0 ? void 0 : other.time.h).padStart(2, '0'), ":").concat(String(other === null || other === void 0 ? void 0 : other.time.m).padStart(2, '0')) : '';
-            return "".concat(repeaterTime, " ").concat(repeaterDate, " ").concat(time).trim();
-        })
-            .filter(Boolean)
-            .join(' - ');
-    }
-    // If no date is specified
-    if (!values[0] && !values[1]) {
-        return '';
-    }
-    // If only From date is specified or if both of date are same, show only one date
-    if ((values[0] && !values[1]) || sameDate(values[0], values[1])) {
-        return DateTime.fromJSDate(values[0]).toFormat('dd.LL.yyyy');
-    }
-    // Format each date separately and join together
-    return values.map(function (v) { return v && DateTime.fromJSDate(v).toFormat('dd.LL.yyyy HH:mm'); }).join(' - ');
+import { DatePickerRepeatTrans, TimePickerRepeatTrans } from "../../../../../../Elements/DatePicker/utils/constants.js";
+import { sameDate } from "./sameDate.js";
+import { DateTime } from "luxon";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
+const pickerRangeToString = (values = [], others) => {
+	if (others?.[0]?.dateTypeRepeater || others?.[1]?.dateTypeRepeater) return others.map((other, i) => {
+		if (!other?.dateTypeRepeater) return values[i] && DateTime.fromJSDate(values[i]).toFormat("dd.LL.yyyy HH:mm");
+		const repeaterDate = DatePickerRepeatTrans[other?.dateTypeRepeater];
+		return `${i === 0 ? TimePickerRepeatTrans.from : TimePickerRepeatTrans.to} ${repeaterDate} ${other?.time ? `${String(other?.time.h).padStart(2, "0")}:${String(other?.time.m).padStart(2, "0")}` : ""}`.trim();
+	}).filter(Boolean).join(" - ");
+	if (!values[0] && !values[1]) return "";
+	if (values[0] && !values[1] || sameDate(values[0], values[1])) return DateTime.fromJSDate(values[0]).toFormat("dd.LL.yyyy");
+	return values.map((v) => v && DateTime.fromJSDate(v).toFormat("dd.LL.yyyy HH:mm")).join(" - ");
 };
+//#endregion
+export { pickerRangeToString };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.js

@@ -1,3 +1,4 @@
-export var sameDate = function (date1, date2) {
-    return date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
-};
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
+const sameDate = (date1, date2) => date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
+//#endregion
+export { sameDate };

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { Option } from '../../../../../Elements/Select/types';
-import { CommonGridProps } from '../../../types';
-
+import type { FC } from 'react';
+import { type Option } from '../../../../../Elements/Select/types';
+import { type CommonGridProps } from '../../../types';
 type Props = {
     onChange: (data: any) => void;
     onAsyncLoadFilterOptions?: CommonGridProps['onAsyncLoadFilterOptions'];

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

@@ -1,114 +1,95 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+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 { i18n } from "@lingui/core";
+import isArray from "lodash/isArray";
+import uniqBy from "lodash/uniqBy";
+//#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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = 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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _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 () { return null; };
-var SelectFilter = function (_a) {
-    var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.showValue, showValue = _c === void 0 ? true : _c, columnWidth = _a.columnWidth, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _d = _a.withNotEqComparator, withNotEqComparator = _d === void 0 ? true : _d;
-    var _e = useState([]), loadedOptions = _e[0], setLoadedOptions = _e[1];
-    var _f = useState(false), isNotEqNoValue = _f[0], setIsNotEqNoValue = _f[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 (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: isNotEq })); }));
-    }, [onChange, isNotEq]);
-    var handleLoadOptions = useCallback(function (fulltext) { return __awaiter(void 0, void 0, void 0, function () {
-        var data;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    data = [];
-                    if (!asyncLoadKey) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (onAsyncLoadFilterOptions === null || onAsyncLoadFilterOptions === void 0 ? void 0 : onAsyncLoadFilterOptions(asyncLoadKey, fulltext))];
-                case 1:
-                    data = (_a.sent()) || [];
-                    _a.label = 2;
-                case 2:
-                    setLoadedOptions(data);
-                    return [2 /*return*/, 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 (__assign(__assign({}, option), { isNotEq: !isNotEq })); });
-        onChange(newOptions);
-    }, [value, isNotEq, onChange]);
-    var defaultOptions = useMemo(function () { return (isMulti && isAsync && isOptionArray(value) ? uniqBy(__spreadArray(__spreadArray([], loadedOptions, true), value, true), 'value') : undefined); }, [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' }) : undefined);
-    if (isMulti) {
-        var placeholderIcon = isWide && withNotEqComparator ? (isNotEq ? 'notEqual' : 'equals') : null;
-        var selectValue = showValue ? (isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value) : undefined;
-        return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: selectValue, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: placeholderValue, noOptionsMessage: noOptionsMessage, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: placeholderIcon, onIconClick: withNotEqComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", shortVariant: "join", isMulti: true, disabled: disabled, isClearable: isSelectClearable }));
-    }
-    return (_jsx(SingleSelect, { maxMenuHeight: 250, onChange: onChange, value: showValue ? value : undefined, options: options, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, placeholder: placeholderValue, placeholderIcon: isWide ? undefined : null, isClearable: isSelectClearable, disabled: disabled }));
-};
-export default SelectFilter;
+//#endregion
+export { SelectFilter as default };

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/guards.d.ts

@@ -1,3 +1,2 @@
-import { Option } from '../../../../../Elements/Select/types';
-
+import { type Option } from '../../../../../Elements/Select/types';
 export declare const isOptionArray: (value: unknown) => value is Option[];

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

@@ -1,3 +1,6 @@
-export var isOptionArray = function (value) {
-    return Array.isArray(value) && value.every(function (v) { return typeof 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.d.ts

@@ -1,3 +1,2 @@
-import { default as GridSelect } from './GridSelect';
-
+import GridSelect from './GridSelect';
 export default GridSelect;

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

@@ -1,2 +1,5 @@
-import GridSelect from './GridSelect';
-export 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 };

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/NumberRange.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { NumberRangeProps } from './types';
-
+import { type FC } from 'react';
+import { type NumberRangeProps } from './types';
 declare const NumberRange: FC<NumberRangeProps>;
 export default NumberRange;

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

@@ -1,111 +1,147 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
-import { i18n } from '@lingui/core';
-var OverlayComponentDefault = function (_a) {
-    var children = _a.children;
-    return _jsx("div", { children: children });
-};
-var createNumberComparators = function () { 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' },
-    { label: i18n._({ id: 'dataGrid.comparator.lessThan', message: 'Less than' }), value: 'lt', icon: 'lessThen' },
-    {
-        label: i18n._({ id: 'dataGrid.comparator.lessThanOrEquals', message: 'Less than or equals' }),
-        value: 'lte',
-        icon: 'lessThanEqual'
-    },
-    { label: i18n._({ id: 'dataGrid.comparator.greaterThan', message: 'Greater than' }), value: 'gt', icon: 'greaterThan' },
-    {
-        label: i18n._({ id: 'dataGrid.comparator.greaterThanOrEquals', message: 'Greater than or equal' }),
-        value: 'gte',
-        icon: 'greaterThanEqual'
-    }
-]; };
-var 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' }
+import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import { Input } from "../../../../../Forms/Input/Input.js";
+import { useEvent } from "../../../hooks/useEvent.js";
+import IconList_default from "../../IconList/index.js";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { i18n } from "@lingui/core";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/NumberRange/NumberRange.tsx
+const OverlayComponentDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children });
+const createNumberComparators = () => [
+	{
+		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.lessThan",
+			message: "Less than"
+		}),
+		value: "lt",
+		icon: "lessThen"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.lessThanOrEquals",
+			message: "Less than or equals"
+		}),
+		value: "lte",
+		icon: "lessThanEqual"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.greaterThan",
+			message: "Greater than"
+		}),
+		value: "gt",
+		icon: "greaterThan"
+	},
+	{
+		label: i18n._({
+			id: "dataGrid.comparator.greaterThanOrEquals",
+			message: "Greater than or equal"
+		}),
+		value: "gte",
+		icon: "greaterThanEqual"
+	}
 ];
-var normalizeValue = function (number, isFloat, decimals) {
-    var normalized = String(number)
-        .replace(',', '.')
-        .replace(/(?!^)-/g, '')
-        .replace(/[^0-9.-]/g, '');
-    if (isFloat || !normalized) {
-        return normalized;
-    }
-    if (normalized === '-') {
-        return '-';
-    }
-    return !decimals ? parseInt(normalized, 10) : (parseFloat(normalized) || 0).toFixed(decimals).substr(0, String(number).length);
+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 normalizeValue = (number, isFloat, decimals) => {
+	const normalized = String(number).replace(",", ".").replace(/(?!^)-/g, "").replace(/[^0-9.-]/g, "");
+	if (isFloat || !normalized) return normalized;
+	if (normalized === "-") return "-";
+	return !decimals ? parseInt(normalized, 10) : (parseFloat(normalized) || 0).toFixed(decimals).substr(0, String(number).length);
 };
-var NumberRange = function (props) {
-    var _a;
-    var numberComparators = createNumberComparators();
-    var name = props.name, _b = props.value, value = _b === void 0 ? {} : _b, label = props.label, onChange = props.onChange, decimals = props.decimals, isFloat = props.isFloat, className = props.className, _c = props.OverlayComponent, OverlayComponent = _c === void 0 ? OverlayComponentDefault : _c, comparators = props.comparators, defaultComparator = props.defaultComparator, isEqual = props.isEqual, rest = __rest(props, ["name", "value", "label", "onChange", "decimals", "isFloat", "className", "OverlayComponent", "comparators", "defaultComparator", "isEqual"]);
-    var _d = useState(false), isOpen = _d[0], setOpen = _d[1];
-    var comparator = (value === null || value === void 0 ? void 0 : value.comparator) ||
-        defaultComparator ||
-        ((_a = comparators === null || comparators === void 0 ? void 0 : comparators[0]) === null || _a === void 0 ? void 0 : _a.value) ||
-        numberComparators[0].value;
-    var defaultComparators = isEqual ? createEqualComparators : numberComparators;
-    var comparatorOptions = comparators || defaultComparators;
-    var fieldValue = (value === null || value === void 0 ? void 0 : value.value) || (value === null || value === void 0 ? void 0 : value.value) === 0 ? value.value : '';
-    var onClose = useCallback(function () {
-        setOpen(false);
-    }, []);
-    var pickerRef = useClickOutside({ onClose: onClose });
-    var togglePicker = useCallback(function () {
-        setOpen(!isOpen);
-    }, [isOpen, setOpen]);
-    var onChangeTextInput = useEvent(function (event) {
-        // @TODO find better way to detect between comparator
-        if (comparator === 'between') {
-            var values = String(event.target.value).split(',');
-            // to many ',', invalid value
-            if (values.length > 2) {
-                onChange({ comparator: comparator, value: '' });
-                return;
-            }
-            // two values for between comparation
-            if (values.length === 2) {
-                var normalizedValues = values.map(function (value) { return normalizeValue(value, false, 0); });
-                onChange({ comparator: comparator, value: normalizedValues.join(',') });
-                return;
-            }
-        }
-        var number = normalizeValue(event.target.value, isFloat, decimals);
-        var isValid = number || number === 0;
-        onChange({ comparator: comparator, value: isValid ? number : '' });
-    });
-    var onChangeComparator = useEvent(function (option) {
-        onChange({ comparator: option.value, value: fieldValue });
-    });
-    return (_jsxs("div", { ref: pickerRef, children: [_jsx(Input, __assign({ name: name, value: fieldValue, label: label, "data-cy": "".concat(name, "Inp"), onChange: onChangeTextInput, iconOnClick: togglePicker, icon: "ellipsisVertical", iconPlacement: "right", type: "text", className: className, autoComplete: "off" }, rest)), isOpen && (_jsx(OverlayComponent, { children: _jsx(IconList, { list: comparatorOptions, selected: comparator, onClick: onChangeComparator }) }))] }));
+const NumberRange = (props) => {
+	const numberComparators = createNumberComparators();
+	const { name, value = {}, label, onChange, decimals, isFloat, className, OverlayComponent = OverlayComponentDefault, comparators, defaultComparator, isEqual, ...rest } = props;
+	const [isOpen, setOpen] = useState(false);
+	const comparator = value?.comparator || defaultComparator || comparators?.[0]?.value || numberComparators[0].value;
+	const comparatorOptions = comparators || (isEqual ? createEqualComparators : numberComparators);
+	const fieldValue = value?.value || value?.value === 0 ? value.value : "";
+	const pickerRef = useClickOutside({ onClose: useCallback(() => {
+		setOpen(false);
+	}, []) });
+	const togglePicker = useCallback(() => {
+		setOpen(!isOpen);
+	}, [isOpen, setOpen]);
+	const onChangeTextInput = useEvent((event) => {
+		if (comparator === "between") {
+			const values = String(event.target.value).split(",");
+			if (values.length > 2) {
+				onChange({
+					comparator,
+					value: ""
+				});
+				return;
+			}
+			if (values.length === 2) {
+				onChange({
+					comparator,
+					value: values.map((value) => normalizeValue(value, false, 0)).join(",")
+				});
+				return;
+			}
+		}
+		const number = normalizeValue(event.target.value, isFloat, decimals);
+		onChange({
+			comparator,
+			value: number || number === 0 ? number : ""
+		});
+	});
+	const onChangeComparator = useEvent((option) => {
+		onChange({
+			comparator: option.value,
+			value: fieldValue
+		});
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: pickerRef,
+		children: [/* @__PURE__ */ jsx(Input, {
+			name,
+			value: fieldValue,
+			label,
+			"data-cy": `${name}Inp`,
+			onChange: onChangeTextInput,
+			iconOnClick: togglePicker,
+			icon: "ellipsisVertical",
+			iconPlacement: "right",
+			type: "text",
+			className,
+			autoComplete: "off",
+			...rest
+		}), isOpen && /* @__PURE__ */ jsx(OverlayComponent, { children: /* @__PURE__ */ jsx(IconList_default, {
+			list: comparatorOptions,
+			selected: comparator,
+			onClick: onChangeComparator
+		}) })]
+	});
 };
-export default NumberRange;
+//#endregion
+export { NumberRange as default };

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/index.d.ts

@@ -1,3 +1,2 @@
-import { default as NumberRange } from './NumberRange';
-
+import NumberRange from './NumberRange';
 export default NumberRange;

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

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

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/types.d.ts

@@ -1,5 +1,4 @@
 import { Comparator, FilterComponentProps } from '../../../types';
-
 export type ComparatorValue = 'eq' | 'neq' | 'lt' | 'lte' | 'gt' | 'gte';
 export type NumberRangeValue = {
     comparator?: ComparatorValue;

package/ui/Blocks/CommonGrid/components/Filters/TextRange/TextRange.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { Props } from './types';
-
+import { type FC } from 'react';
+import { type Props } from './types';
 export declare const ipv4: RegExp;
 declare const TextRange: FC<Props>;
 export default TextRange;