@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.js

@@ -1,60 +1,12 @@
-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 _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;
-}
+import Toggle from "../../../../Elements/Toggle/Toggle.js";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import Toggle from "../../../../Elements/Toggle/Toggle";
-var SwitchInCell = function SwitchInCell(props) {
-    return /* @__PURE__ */ jsx(Toggle, _object_spread_props(_object_spread({}, props), {
-        variant: "grid"
-    }));
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.tsx
+const SwitchInCell = (props) => {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		variant: "grid"
+	});
 };
+//#endregion
 export { SwitchInCell };

package/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.js

@@ -1,85 +1,33 @@
-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 _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 _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 } from "react/jsx-runtime";
+import { SwitchInCell } from "./SwitchInCell.js";
 import React, { useCallback } from "react";
-import get from "lodash/fp/get";
-import { SwitchInCell } from "./SwitchInCell";
-var ToggleCell = function ToggleCell(param) {
-    var rowData = param.rowData, column = param.column, onRowAction = param.onRowAction;
-    var _column_passProps;
-    var inverse = !!(column === null || column === void 0 ? void 0 : (_column_passProps = column.passProps) === null || _column_passProps === void 0 ? void 0 : _column_passProps.inverse);
-    var rawValue = get(column.name, rowData);
-    var value = inverse ? !rawValue : !!rawValue;
-    var actionName = "toggle_".concat(column.name);
-    var _React_useState = _sliced_to_array(React.useState(value), 2), isChecked = _React_useState[0], setIsChecked = _React_useState[1];
-    React.useEffect(function() {
-        setIsChecked(value);
-    }, [
-        rowData.id
-    ]);
-    var onSwitchChange = useCallback(function() {
-        if (!onRowAction) return;
-        var ret = onRowAction(rowData.id, actionName, !isChecked, rowData);
-        if (ret) {
-            ret.then(function() {
-                setIsChecked(!isChecked);
-            });
-        } else {
-            setIsChecked(!isChecked);
-        }
-    }, [
-        onRowAction,
-        rowData.id,
-        actionName,
-        isChecked
-    ]);
-    return /* @__PURE__ */ jsx(SwitchInCell, {
-        checked: isChecked,
-        onChange: onSwitchChange
-    });
+import { jsx } from "react/jsx-runtime";
+import get from "lodash/fp/get.js";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.tsx
+const ToggleCell = ({ rowData, column, onRowAction }) => {
+	const inverse = !!column?.passProps?.inverse;
+	const rawValue = get(column.name, rowData);
+	const value = inverse ? !rawValue : !!rawValue;
+	const actionName = `toggle_${column.name}`;
+	const [isChecked, setIsChecked] = React.useState(value);
+	React.useEffect(() => {
+		setIsChecked(value);
+	}, [rowData.id]);
+	return /* @__PURE__ */ jsx(SwitchInCell, {
+		checked: isChecked,
+		onChange: useCallback(() => {
+			if (!onRowAction) return;
+			const ret = onRowAction(rowData.id, actionName, !isChecked, rowData);
+			if (ret) ret.then(() => {
+				setIsChecked(!isChecked);
+			});
+			else setIsChecked(!isChecked);
+		}, [
+			onRowAction,
+			rowData.id,
+			actionName,
+			isChecked
+		])
+	});
 };
+//#endregion
 export { ToggleCell };

package/ui/Blocks/CommonGrid/components/gridCells/index.js

@@ -1,15 +1,15 @@
-import { DateCell } from "./Date";
-import { DateTimeCell } from "./DateTime";
-import { StringJoinCell } from "./StringJoin";
-import { BoolIconCell } from "./BoolIcon";
-import { RemoveCell } from "./RemoveItem";
-import { LinkInCell } from "./LinkInCell";
-import { ButtonInCell } from "./ButtonInCell";
-import { IconButtonInCell } from "./IconButtonInCell";
-import { SwitchInCell } from "./SwitchInCell";
-import { ImageCell } from "./ImageCell";
-import { EnumInCell } from "./EnumInCell";
-import { HoverBubble } from "./HoverBubble";
-import { RowActionsCell } from "./RowActionsCell";
-import { ToggleCell } from "./ToggleCell";
+import { DateCell } from "./Date.js";
+import { DateTimeCell } from "./DateTime.js";
+import { StringJoinCell } from "./StringJoin.js";
+import { BoolIconCell } from "./BoolIcon.js";
+import { RemoveCell } from "./RemoveItem.js";
+import { LinkInCell } from "./LinkInCell.js";
+import { ButtonInCell } from "./ButtonInCell.js";
+import { IconButtonInCell } from "./IconButtonInCell.js";
+import { SwitchInCell } from "./SwitchInCell.js";
+import { ImageCell } from "./ImageCell.js";
+import { EnumInCell } from "./EnumInCell.js";
+import { HoverBubble } from "./HoverBubble.js";
+import { RowActionsCell } from "./RowActionsCell.js";
+import { ToggleCell } from "./ToggleCell.js";
 export { BoolIconCell, ButtonInCell, DateCell, DateTimeCell, EnumInCell, HoverBubble, IconButtonInCell, ImageCell, LinkInCell, RemoveCell, RowActionsCell, StringJoinCell, SwitchInCell, ToggleCell };

package/ui/Blocks/CommonGrid/components/icons/Edit.js

@@ -1,66 +1,14 @@
-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 _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;
-}
+import "react";
 import { jsx } from "react/jsx-runtime";
-var Edit = function Edit(props) {
-    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
-        "data-icon": "edit",
-        viewBox: "0 0 16 16"
-    }, props), {
-        children: /* @__PURE__ */ jsx("path", {
-            d: "M3.25 10.26l2.47 2.47 6.69-6.69-2.46-2.48-6.7 6.7zM.99 14.99l3.86-1.39-2.46-2.44-1.4 3.83zm12.25-14c-.48 0-.92.2-1.24.51l-1.44 1.44 2.47 2.47 1.44-1.44c.32-.32.51-.75.51-1.24.01-.95-.77-1.74-1.74-1.74z",
-            fillRule: "evenodd"
-        })
-    }));
-};
-var Edit_default = Edit;
-export { Edit_default as default };
+//#region packages/ui/Blocks/CommonGrid/components/icons/Edit.tsx
+const Edit = (props) => /* @__PURE__ */ jsx("svg", {
+	"data-icon": "edit",
+	viewBox: "0 0 16 16",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M3.25 10.26l2.47 2.47 6.69-6.69-2.46-2.48-6.7 6.7zM.99 14.99l3.86-1.39-2.46-2.44-1.4 3.83zm12.25-14c-.48 0-.92.2-1.24.51l-1.44 1.44 2.47 2.47 1.44-1.44c.32-.32.51-.75.51-1.24.01-.95-.77-1.74-1.74-1.74z",
+		fillRule: "evenodd"
+	})
+});
+//#endregion
+export { Edit as default };

package/ui/Blocks/CommonGrid/components/icons/EyeOpen.js

@@ -1,66 +1,14 @@
-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 _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;
-}
+import "react";
 import { jsx } from "react/jsx-runtime";
-var EyeOpen = function EyeOpen(props) {
-    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
-        "data-icon": "eye-open",
-        viewBox: "0 0 16 16"
-    }, props), {
-        children: /* @__PURE__ */ jsx("path", {
-            d: "M8.002 7.003a1.003 1.003 0 000 2.005 1.003 1.003 0 000-2.005zm7.988.972v-.02-.01-.02-.02a.675.675 0 00-.17-.36c-.509-.673-1.118-1.264-1.737-1.806-1.328-1.173-2.846-2.155-4.523-2.546a6.702 6.702 0 00-2.925-.06c-.889.18-1.738.541-2.546.992C2.84 4.837 1.692 5.81.694 6.902c-.18.211-.36.411-.53.632a.742.742 0 000 .932c.51.672 1.119 1.264 1.738 1.805 1.328 1.173 2.846 2.156 4.523 2.547.968.23 1.947.24 2.925.04.889-.18 1.738-.542 2.546-.993 1.248-.712 2.397-1.684 3.395-2.777.18-.2.37-.411.54-.632.09-.1.149-.23.169-.36v-.02-.02-.01-.02-.03c0-.01-.01-.01-.01-.02zm-7.988 3.038a2.998 2.998 0 01-2.995-3.008 2.998 2.998 0 012.995-3.008 2.998 2.998 0 012.996 3.008 2.998 2.998 0 01-2.996 3.008z",
-            fillRule: "evenodd"
-        })
-    }));
-};
-var EyeOpen_default = EyeOpen;
-export { EyeOpen_default as default };
+//#region packages/ui/Blocks/CommonGrid/components/icons/EyeOpen.tsx
+const EyeOpen = (props) => /* @__PURE__ */ jsx("svg", {
+	"data-icon": "eye-open",
+	viewBox: "0 0 16 16",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M8.002 7.003a1.003 1.003 0 000 2.005 1.003 1.003 0 000-2.005zm7.988.972v-.02-.01-.02-.02a.675.675 0 00-.17-.36c-.509-.673-1.118-1.264-1.737-1.806-1.328-1.173-2.846-2.155-4.523-2.546a6.702 6.702 0 00-2.925-.06c-.889.18-1.738.541-2.546.992C2.84 4.837 1.692 5.81.694 6.902c-.18.211-.36.411-.53.632a.742.742 0 000 .932c.51.672 1.119 1.264 1.738 1.805 1.328 1.173 2.846 2.156 4.523 2.547.968.23 1.947.24 2.925.04.889-.18 1.738-.542 2.546-.993 1.248-.712 2.397-1.684 3.395-2.777.18-.2.37-.411.54-.632.09-.1.149-.23.169-.36v-.02-.02-.01-.02-.03c0-.01-.01-.01-.01-.02zm-7.988 3.038a2.998 2.998 0 01-2.995-3.008 2.998 2.998 0 012.995-3.008 2.998 2.998 0 012.996 3.008 2.998 2.998 0 01-2.996 3.008z",
+		fillRule: "evenodd"
+	})
+});
+//#endregion
+export { EyeOpen as default };

package/ui/Blocks/CommonGrid/components/icons/Sorting.js

@@ -1,74 +1,21 @@
-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 _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;
-}
+import "react";
 import { jsx } from "react/jsx-runtime";
-var SortingUp = function SortingUp(props) {
-    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
-        viewBox: "0 0 16 16"
-    }, props), {
-        children: /* @__PURE__ */ jsx("path", {
-            d: "M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z",
-            fillRule: "evenodd"
-        })
-    }));
-};
-var SortingDown = function SortingDown(props) {
-    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
-        viewBox: "0 0 16 16"
-    }, props), {
-        children: /* @__PURE__ */ jsx("path", {
-            d: "M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z",
-            fillRule: "evenodd"
-        })
-    }));
-};
+//#region packages/ui/Blocks/CommonGrid/components/icons/Sorting.tsx
+const SortingUp = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 16 16",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z",
+		fillRule: "evenodd"
+	})
+});
+const SortingDown = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 16 16",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z",
+		fillRule: "evenodd"
+	})
+});
+//#endregion
 export { SortingDown, SortingUp };

package/ui/Blocks/CommonGrid/components/utils.js

@@ -1,70 +1,21 @@
-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 _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 _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 { useState } from "react";
-var useTimeMeasurement = function useTimeMeasurement(param) {
-    var handleRowClick = param.handleRowClick;
-    var _useState = _sliced_to_array(useState(0), 2), startTime = _useState[0], setStartTime = _useState[1];
-    var handleMouseDown = function handleMouseDown() {
-        var start = Date.now();
-        setStartTime(start);
-    };
-    var handleMouseUp = function handleMouseUp(e) {
-        if (startTime !== 0) {
-            var endTime = Date.now();
-            var duration = endTime - startTime;
-            if (duration > 0 && duration < 200) {
-                handleRowClick(e);
-            }
-            setStartTime(0);
-        }
-    };
-    return {
-        handleMouseDown: handleMouseDown,
-        handleMouseUp: handleMouseUp
-    };
+//#region packages/ui/Blocks/CommonGrid/components/utils.tsx
+const useTimeMeasurement = ({ handleRowClick }) => {
+	const [startTime, setStartTime] = useState(0);
+	const handleMouseDown = () => {
+		setStartTime(Date.now());
+	};
+	const handleMouseUp = (e) => {
+		if (startTime !== 0) {
+			const duration = Date.now() - startTime;
+			if (duration > 0 && duration < 200) handleRowClick(e);
+			setStartTime(0);
+		}
+	};
+	return {
+		handleMouseDown,
+		handleMouseUp
+	};
 };
+//#endregion
 export { useTimeMeasurement };

package/ui/Blocks/CommonGrid/hooks/useAddFilter.js

@@ -1,17 +1,17 @@
+import { createFilterType, getFilterName } from "../utils/index.js";
 import { useCallback } from "react";
-import { createFilterType, getFilterName } from "../utils";
-var useAddFilter = function useAddFilter(onChange) {
-    return useCallback(function(value, column, others) {
-        if (onChange) {
-            var filterProps = {
-                type: createFilterType(column),
-                filterExtraProps: column.filterExtraProps || {},
-                computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null
-            };
-            onChange(getFilterName(column), value, filterProps, others);
-        }
-    }, [
-        onChange
-    ]);
+//#region packages/ui/Blocks/CommonGrid/hooks/useAddFilter.ts
+const useAddFilter = (onChange) => {
+	return useCallback((value, column, others) => {
+		if (onChange) {
+			const filterProps = {
+				type: createFilterType(column),
+				filterExtraProps: column.filterExtraProps || {},
+				computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null
+			};
+			onChange(getFilterName(column), value, filterProps, others);
+		}
+	}, [onChange]);
 };
+//#endregion
 export { useAddFilter };