@mailstep/design-system 0.8.26-beta.2 → 0.8.26-beta.4

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

@@ -0,0 +1,66 @@
+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 { 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 };

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

@@ -0,0 +1,66 @@
+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 { 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 };

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

@@ -0,0 +1,74 @@
+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 { 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"
+        })
+    }));
+};
+export { SortingDown, SortingUp };

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

@@ -0,0 +1,70 @@
+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
+    };
+};
+export { useTimeMeasurement };

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

@@ -0,0 +1,17 @@
+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
+    ]);
+};
+export { useAddFilter };

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

@@ -0,0 +1,121 @@
+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;
+}
+import React from "react";
+import sum from "lodash/sum";
+var useColumnSizes = function useColumnSizes(displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout) {
+    var minColumnWidth = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 50;
+    var handleSetColumnWidth = React.useCallback(function(columnWidth) {
+        return setColumnWidth(columnWidth, columnLayout);
+    }, [
+        columnLayout,
+        setColumnWidth
+    ]);
+    React.useEffect(function() {
+        if (storeColumnsWidthVariant != columnLayout) handleSetColumnWidth(null);
+    }, [
+        columnLayout,
+        storeColumnsWidthVariant,
+        handleSetColumnWidth
+    ]);
+    var displayColumnsWidth = React.useMemo(function() {
+        var displayColumnsWidth2 = {};
+        displayColumnsDefinitions.forEach(function(column) {
+            return displayColumnsWidth2[column.name] = (storeColumnsWidth === null || storeColumnsWidth === void 0 ? void 0 : storeColumnsWidth[column.name]) || column.flexBasis;
+        });
+        return displayColumnsWidth2;
+    }, [
+        displayColumnsDefinitions,
+        storeColumnsWidth
+    ]);
+    var totalColumnsWidth = React.useMemo(function() {
+        return sum(Object.values(displayColumnsWidth));
+    }, [
+        displayColumnsWidth
+    ]);
+    var gridBoxRef = React.useRef(null);
+    var testAdjustLastColumn = React.useCallback(function() {
+        var _gridBoxRef_current;
+        var gridWidth = (gridBoxRef === null || gridBoxRef === void 0 ? void 0 : (_gridBoxRef_current = gridBoxRef.current) === null || _gridBoxRef_current === void 0 ? void 0 : _gridBoxRef_current.clientWidth) || null;
+        if ((columnLayout == "normal" || columnLayout == "sticky") && gridWidth && totalColumnsWidth < gridWidth) {
+            var lastColumn = displayColumnsDefinitions[displayColumnsDefinitions.length - 1];
+            if (lastColumn) {
+                var change = _define_property({}, lastColumn.name, displayColumnsWidth[lastColumn.name] + gridWidth - totalColumnsWidth);
+                handleSetColumnWidth(change);
+            }
+        }
+    }, [
+        columnLayout,
+        displayColumnsDefinitions,
+        displayColumnsWidth,
+        gridBoxRef,
+        handleSetColumnWidth,
+        totalColumnsWidth
+    ]);
+    React.useEffect(function() {
+        testAdjustLastColumn();
+    }, [
+        testAdjustLastColumn
+    ]);
+    React.useLayoutEffect(function() {
+        window.addEventListener("resize", testAdjustLastColumn);
+        return function() {
+            return window.removeEventListener("resize", testAdjustLastColumn);
+        };
+    }, [
+        testAdjustLastColumn
+    ]);
+    var handleResizeDrag = React.useCallback(function(columnName, width) {
+        var i = displayColumnsDefinitions.findIndex(function(param) {
+            var name = param.name;
+            return name == columnName;
+        });
+        var nextColumn = displayColumnsDefinitions[i + 1];
+        if (columnLayout == "normal" || columnLayout == "sticky") {
+            var _gridBoxRef_current;
+            var gridWidth = (gridBoxRef === null || gridBoxRef === void 0 ? void 0 : (_gridBoxRef_current = gridBoxRef.current) === null || _gridBoxRef_current === void 0 ? void 0 : _gridBoxRef_current.clientWidth) || null;
+            var lastColumnWidth = displayColumnsWidth[displayColumnsDefinitions[displayColumnsDefinitions.length - 1].name];
+            var lastColumnMinWidth = gridWidth && gridWidth - (totalColumnsWidth - lastColumnWidth) || 0;
+            var minWidth = !nextColumn ? Math.max(lastColumnMinWidth, minColumnWidth) : minColumnWidth;
+            var origin = displayColumnsWidth[columnName];
+            var newWidth = origin + width < minWidth ? minWidth : origin + width;
+            handleSetColumnWidth(_define_property({}, columnName, newWidth));
+        } else if (columnLayout == "no-scroll") {
+            var nextColumnWidth = displayColumnsWidth[nextColumn.name];
+            var origin1 = displayColumnsWidth[columnName];
+            var addedColumnWidth = origin1 + width < minColumnWidth ? minColumnWidth - origin1 : width;
+            var addedNextColumnWidth = nextColumnWidth - addedColumnWidth < minColumnWidth ? nextColumnWidth - minColumnWidth : addedColumnWidth;
+            var addedWidth = Math.min(addedColumnWidth, addedNextColumnWidth);
+            var columnsWidth = _define_property({}, columnName, origin1 + addedWidth);
+            if (nextColumn) {
+                columnsWidth[nextColumn.name] = nextColumnWidth - addedWidth;
+            }
+            handleSetColumnWidth(columnsWidth);
+        }
+    }, [
+        displayColumnsDefinitions,
+        columnLayout,
+        displayColumnsWidth,
+        totalColumnsWidth,
+        minColumnWidth,
+        handleSetColumnWidth
+    ]);
+    return {
+        totalColumnsWidth: totalColumnsWidth,
+        gridBoxRef: gridBoxRef,
+        displayColumnsWidth: displayColumnsWidth,
+        handleResizeDrag: handleResizeDrag
+    };
+};
+var useColumnSizes_default = useColumnSizes;
+export { useColumnSizes_default as default };

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

@@ -0,0 +1,80 @@
+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 { useCallback, useState } from "react";
+import { useModal } from "../../Modal/hooks/useModal";
+import isEmpty from "lodash/isEmpty";
+import { useEvent } from "./useEvent";
+var useCreatePreset = function useCreatePreset(param) {
+    var gridName = param.gridName, filters = param.filters, onClosePresetsModal = param.onClosePresetsModal, setSelectedPresetName = param.setSelectedPresetName, gridActions = param.gridActions;
+    var _useModal = useModal(), isCreatePresetModalOpen = _useModal.isOpen, onOpenCreatePresetModal = _useModal.onOpen, onCloseCreatePresetModal = _useModal.onClose;
+    var _useState = _sliced_to_array(useState(""), 2), presetName = _useState[0], setPresetName = _useState[1];
+    var handleChangePresetName = useCallback(function(event) {
+        setPresetName(event.target.value);
+    }, []);
+    var handleCloseCreatePresetModal = useCallback(function() {
+        setPresetName("");
+        onCloseCreatePresetModal();
+    }, []);
+    var handleCreatePreset = useEvent(function() {
+        var _gridActions_createPreset;
+        setPresetName("");
+        onCloseCreatePresetModal();
+        onClosePresetsModal();
+        if (isEmpty(filters) || !gridName) return;
+        (_gridActions_createPreset = gridActions.createPreset) === null || _gridActions_createPreset === void 0 ? void 0 : _gridActions_createPreset.call(gridActions, presetName, filters);
+        setSelectedPresetName(presetName);
+    });
+    return {
+        isCreatePresetModalOpen: isCreatePresetModalOpen,
+        onOpenCreatePresetModal: onOpenCreatePresetModal,
+        handleCloseCreatePresetModal: handleCloseCreatePresetModal,
+        presetName: presetName,
+        handleChangePresetName: handleChangePresetName,
+        handleCreatePreset: handleCreatePreset
+    };
+};
+export { useCreatePreset };

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

@@ -0,0 +1,35 @@
+import { useCallback } from "react";
+import { useModal } from "../../Modal/hooks/useModal";
+var useDeletePreset = function useDeletePreset(param) {
+    var selectedPresetName = param.selectedPresetName, gridName = param.gridName, gridActions = param.gridActions, setSelectedPresetName = param.setSelectedPresetName;
+    var _useModal = useModal(), isDeletePresetModalOpen = _useModal.isOpen, onOpenDeletePresetModal = _useModal.onOpen, onCloseDeletePresetModal = _useModal.onClose, presetNameToDelete = _useModal.data;
+    var handleOpenDeletePresetModal = useCallback(function(presetName) {
+        return function(e) {
+            if (!presetName) return;
+            e.stopPropagation();
+            onOpenDeletePresetModal(presetName);
+        };
+    }, [
+        selectedPresetName
+    ]);
+    var handleDeletePreset = useCallback(function() {
+        var _gridActions_deletePreset;
+        if (!gridName || !presetNameToDelete) return;
+        (_gridActions_deletePreset = gridActions.deletePreset) === null || _gridActions_deletePreset === void 0 ? void 0 : _gridActions_deletePreset.call(gridActions, presetNameToDelete);
+        if (selectedPresetName === presetNameToDelete) {
+            setSelectedPresetName("");
+        }
+        onCloseDeletePresetModal();
+    }, [
+        gridName,
+        presetNameToDelete
+    ]);
+    return {
+        handleOpenDeletePresetModal: handleOpenDeletePresetModal,
+        isDeletePresetModalOpen: isDeletePresetModalOpen,
+        handleDeletePreset: handleDeletePreset,
+        onCloseDeletePresetModal: onCloseDeletePresetModal,
+        presetNameToDelete: presetNameToDelete
+    };
+};
+export { useDeletePreset };

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

@@ -0,0 +1,93 @@
+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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useCallback, useMemo } from "react";
+import withProps from "../HoC/withProps";
+import { RowActionsCell } from "../components/gridCells";
+import { EditReadPosition } from "../types";
+var useEditReadAsColumn = function useEditReadAsColumn(props) {
+    var _actionColumnDefinition_actionOptions;
+    var onRowAction = props.onRowAction, actionColumnDefinition = props.actionColumnDefinition, columnsDefinitions = props.columnsDefinitions, gridSelectors = props.gridSelectors, gridActions = props.gridActions, onRowEditClick = props.onRowEditClick, onRowReadClick = props.onRowReadClick;
+    var modifiedOnRowAction = useCallback(function(id, field, value, rowData) {
+        if (field === "row_edit" || field === "row_read") {
+            if (field === "row_edit" && onRowEditClick) onRowEditClick(id, value);
+            if (field === "row_read" && onRowReadClick) onRowReadClick(id, value);
+        } else if (onRowAction) {
+            return onRowAction(id, field, value, rowData);
+        }
+    }, [
+        onRowAction,
+        onRowEditClick,
+        onRowReadClick
+    ]);
+    var _ref = actionColumnDefinition || {}, canRowEdit = _ref.canRowEdit, canRowRead = _ref.canRowRead, addRowNumbers = _ref.addRowNumbers, _ref_stickTo = _ref.stickTo, stickTo = _ref_stickTo === void 0 ? "left" : _ref_stickTo, _ref_flexBasis = _ref.flexBasis, flexBasis = _ref_flexBasis === void 0 ? 20 : _ref_flexBasis;
+    var withCheckboxes = !!(actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : (_actionColumnDefinition_actionOptions = actionColumnDefinition.actionOptions) === null || _actionColumnDefinition_actionOptions === void 0 ? void 0 : _actionColumnDefinition_actionOptions.length) || (actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.forceCheckboxes);
+    var hasActions = canRowEdit || canRowRead || withCheckboxes || addRowNumbers;
+    var modifiedColumnsDefinitions = useMemo(function() {
+        var _gridSelectors_uxState;
+        var editReadColumnDefinition = {
+            name: "actions-cell-cg",
+            flexBasis: flexBasis,
+            filtering: withCheckboxes || addRowNumbers,
+            filteringType: "actions",
+            sorting: false,
+            sticky: !!hasActions,
+            stickTo: stickTo,
+            alwaysOn: true,
+            cellComponent: withProps({
+                actionColumnDefinition: actionColumnDefinition,
+                withCheckboxes: withCheckboxes,
+                addRowNumbers: actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.addRowNumbers,
+                checkedRows: gridSelectors === null || gridSelectors === void 0 ? void 0 : (_gridSelectors_uxState = gridSelectors.uxState) === null || _gridSelectors_uxState === void 0 ? void 0 : _gridSelectors_uxState.checkedRows,
+                onUxChange: gridActions === null || gridActions === void 0 ? void 0 : gridActions.handleUxChange
+            })(RowActionsCell)
+        };
+        if (stickTo === EditReadPosition.Left) {
+            return [
+                editReadColumnDefinition
+            ].concat(_to_consumable_array(columnsDefinitions));
+        } else {
+            return _to_consumable_array(columnsDefinitions).concat([
+                editReadColumnDefinition
+            ]);
+        }
+    }, [
+        addRowNumbers,
+        flexBasis,
+        stickTo,
+        hasActions,
+        columnsDefinitions,
+        withCheckboxes,
+        gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.uxState,
+        actionColumnDefinition,
+        gridActions === null || gridActions === void 0 ? void 0 : gridActions.handleUxChange
+    ]);
+    return {
+        columnsDefinitions: modifiedColumnsDefinitions,
+        onRowAction: modifiedOnRowAction
+    };
+};
+var useEditReadAsColumn_default = useEditReadAsColumn;
+export { useEditReadAsColumn_default as default };

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

@@ -0,0 +1,17 @@
+import { useCallback, useLayoutEffect, useRef } from "react";
+var useEvent = function useEvent(callback) {
+    var ref = useRef(function() {
+        throw new Error("Cannot call an event handler while rendering.");
+    });
+    useLayoutEffect(function() {
+        ref.current = callback;
+    });
+    return useCallback(function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        var _ref_current;
+        return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.apply(null, args);
+    }, []);
+};
+export { useEvent };

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

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+var useFloatingButton = function useFloatingButton(hasPermission, onClick, options) {
+    return useMemo(function() {
+        if (!hasPermission) return;
+        return {
+            onClick: onClick,
+            options: options
+        };
+    }, [
+        hasPermission,
+        onClick,
+        options
+    ]);
+};
+var useFloatingButton_default = useFloatingButton;
+export { useFloatingButton_default as default };