@mailstep/design-system 0.8.30 → 0.8.31-beta.2

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

@@ -1,16 +1,32 @@
-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(" - ");
+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(' - ');
 };
-//#endregion
-export { pickerRangeToString };

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

@@ -1,4 +1,3 @@
-//#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 };
+export var sameDate = function (date1, date2) {
+    return date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
+};

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

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

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

@@ -1,95 +1,114 @@
-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 __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);
 };
-//#endregion
-export { SelectFilter as default };
+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;

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

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

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

@@ -1,6 +1,3 @@
-//#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);
+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; });
 };
-//#endregion
-export { isOptionArray };

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

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

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

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

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

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

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

@@ -1,147 +1,111 @@
-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 __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' }
 ];
-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 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 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
-		}) })]
-	});
+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 }) }))] }));
 };
-//#endregion
-export { NumberRange as default };
+export default NumberRange;

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

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

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

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

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

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