@mailstep/design-system 0.8.25 → 0.8.26-beta.1

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

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from '@xstyled/styled-components';
-import { SimpleLink } from '../../../../Elements/SimpleLink';
-export var LinkInCell = styled(SimpleLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: underline;\n"], ["\n  text-decoration: underline;\n"])));
-var templateObject_1;

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

@@ -1,23 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Icon from '../../../../Elements/Icon/Icon';
-import { Trans } from '@lingui/react';
-import styled from '@xstyled/styled-components';
-export var Wrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-export var Trigger = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  color: gray;\n  font-weight: bold;\n  font-size: 10px;\n  & .faIcon {\n    margin-right: 4px;\n  }\n"])));
-export var RemoveCell = function (_a) {
-    var _b;
-    var rowData = _a.rowData, onRowAction = _a.onRowAction;
-    var onRemoveClick = React.useCallback(function () {
-        onRowAction === null || onRowAction === void 0 ? void 0 : onRowAction(rowData.id, 'remove', rowData);
-    }, [rowData, onRowAction]);
-    if (((_b = rowData === null || rowData === void 0 ? void 0 : rowData.product) === null || _b === void 0 ? void 0 : _b.type) === 'virtual') {
-        return _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" });
-    }
-    return (_jsx(Wrap, { children: _jsxs(Trigger, { onClick: onRemoveClick, children: [_jsx(Icon, { icon: "deleteX", size: "12px" }), _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" })] }) }));
-};
-var templateObject_1, templateObject_2;

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

@@ -1,55 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import Checkbox from '../../../../Forms/Checkbox';
-import { x } from '@xstyled/styled-components';
-import { isFunction } from 'lodash/fp';
-import { IconButtonInCell } from './IconButtonInCell';
-export var RowActionsCell = function (_a) {
-    var actionColumnDefinition = _a.actionColumnDefinition, rowData = _a.rowData, addRowNumbers = _a.addRowNumbers, rowIndex = _a.rowIndex, checkedRows = _a.checkedRows, withCheckboxes = _a.withCheckboxes, onUxChange = _a.onUxChange, onRowAction = _a.onRowAction;
-    var rowDataId = rowData === null || rowData === void 0 ? void 0 : rowData.id;
-    var canEdit = isFunction(actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit)
-        ? actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit(rowData)
-        : actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowEdit;
-    var canRead = isFunction(actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead)
-        ? actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead(rowData)
-        : actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.canRowRead;
-    // if canEdit and canRead are both true, canEdit supersedes canRead
-    var onClick = useCallback(function () {
-        var action = canEdit ? 'row_edit' : 'row_read';
-        onRowAction === null || onRowAction === void 0 ? void 0 : onRowAction(rowData === null || rowData === void 0 ? void 0 : rowData.id, action, rowData);
-    }, [canEdit, onRowAction, rowData]);
-    var linkTo = useMemo(function () {
-        var _a;
-        var mode = canEdit ? 'edit' : 'read';
-        return (_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.createLink) === null || _a === void 0 ? void 0 : _a.call(actionColumnDefinition, { mode: mode, id: rowData === null || rowData === void 0 ? void 0 : rowData.id });
-    }, [canEdit, rowData === null || rowData === void 0 ? void 0 : rowData.id]);
-    var isChecked = !!(checkedRows === null || checkedRows === void 0 ? void 0 : checkedRows[rowDataId]);
-    // @TODO this should be in reducer
-    var onCheckboxChange = useCallback(function () {
-        var newCheckedRows = __assign({}, (checkedRows || {}));
-        if (!isChecked) {
-            newCheckedRows[rowDataId] = true;
-        }
-        else {
-            delete newCheckedRows[rowDataId];
-        }
-        onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange('checkedRows', newCheckedRows);
-    }, [onUxChange, isChecked, rowDataId, checkedRows]);
-    var handleOnClick = useCallback(function () {
-        if (isFunction(onClick)) {
-            onClick();
-        }
-    }, [onClick]);
-    return (_jsxs(x.div, { w: "100%", display: "flex", gap: "16px", pl: "4px", pr: "4px", children: [withCheckboxes && (_jsx(x.div, { w: "100%", children: _jsx(Checkbox, { checked: isChecked, onChange: onCheckboxChange, label: "" }) })), addRowNumbers && (_jsx(x.div, { display: "flex", alignItems: "center", justifyContent: "center", pr: "8px", w: "100%", children: rowIndex })), canEdit && _jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"), !canEdit && canRead && _jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read")] }));
-};

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import get from 'lodash/fp/get';
-export var StringJoinCell = function (_a) {
-    var rowData = _a.rowData, column = _a.column;
-    var values = get(column.name, rowData);
-    return (values === null || values === void 0 ? void 0 : values.length) ? _jsx("span", { children: values.join(', ') }) : null;
-};

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

@@ -1,16 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import Toggle from '../../../../Elements/Toggle/Toggle';
-export var SwitchInCell = function (props) {
-    return _jsx(Toggle, __assign({}, props, { variant: "grid" }));
-};

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import get from 'lodash/fp/get';
-import { SwitchInCell } from './SwitchInCell';
-export var ToggleCell = function (_a) {
-    var _b;
-    var rowData = _a.rowData, column = _a.column, onRowAction = _a.onRowAction;
-    var inverse = !!((_b = column === null || column === void 0 ? void 0 : column.passProps) === null || _b === void 0 ? void 0 : _b.inverse);
-    var rawValue = get(column.name, rowData);
-    var value = inverse ? !rawValue : !!rawValue;
-    var actionName = "toggle_".concat(column.name);
-    var _c = React.useState(value), isChecked = _c[0], setIsChecked = _c[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) {
-            // promise returned = we wait for result
-            ret.then(function () {
-                setIsChecked(!isChecked);
-            });
-        }
-        else {
-            // no promise = we fake feedback
-            setIsChecked(!isChecked);
-        }
-    }, [onRowAction, rowData.id, actionName, isChecked]);
-    return _jsx(SwitchInCell, { checked: isChecked, onChange: onSwitchChange });
-};

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

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

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

@@ -1,14 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-var Edit = function (props) { return (_jsx("svg", __assign({ "data-icon": "edit", viewBox: "0 0 16 16" }, props, { children: _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" }) }))); };
-export default Edit;

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

@@ -1,14 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-var EyeOpen = function (props) { return (_jsx("svg", __assign({ "data-icon": "eye-open", viewBox: "0 0 16 16" }, props, { children: _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" }) }))); };
-export default EyeOpen;

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

@@ -1,14 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-export var SortingUp = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: _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" }) }))); };
-export var SortingDown = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 16 16" }, props, { children: _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" }) }))); };

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

@@ -1,22 +0,0 @@
-import { useState } from 'react';
-export var useTimeMeasurement = function (_a) {
-    var handleRowClick = _a.handleRowClick;
-    var _b = useState(0), startTime = _b[0], setStartTime = _b[1];
-    var handleMouseDown = function () {
-        // Set the start time when mouse is pressed
-        var start = Date.now();
-        setStartTime(start);
-    };
-    var handleMouseUp = function (e) {
-        if (startTime !== 0) {
-            // Calculate the time difference between mouse down and up
-            var endTime = Date.now();
-            var duration = endTime - startTime;
-            if (duration > 0 && duration < 200) {
-                handleRowClick(e);
-            }
-            setStartTime(0);
-        }
-    };
-    return { handleMouseDown: handleMouseDown, handleMouseUp: handleMouseUp };
-};

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

@@ -1,14 +0,0 @@
-import { useCallback } from 'react';
-import { createFilterType, getFilterName } from '../utils';
-export var useAddFilter = function (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]);
-};

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

@@ -1,83 +0,0 @@
-import React from 'react';
-import sum from 'lodash/sum';
-var useColumnSizes = function (displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth) {
-    /**
-     * decorate grid resize with layout and reset grid widths if layout changes
-     */
-    if (minColumnWidth === void 0) { minColumnWidth = 50; }
-    var handleSetColumnWidth = React.useCallback(function (columnWidth) { return setColumnWidth(columnWidth, columnLayout); }, [columnLayout, setColumnWidth]);
-    React.useEffect(function () {
-        if (storeColumnsWidthVariant != columnLayout)
-            handleSetColumnWidth(null);
-    }, [columnLayout, storeColumnsWidthVariant, handleSetColumnWidth]);
-    /**
-     * base width of each displayed column and of all displayed columns put together
-     */
-    var displayColumnsWidth = React.useMemo(function () {
-        var displayColumnsWidth = {};
-        displayColumnsDefinitions.forEach(function (column) { return (displayColumnsWidth[column.name] = (storeColumnsWidth === null || storeColumnsWidth === void 0 ? void 0 : storeColumnsWidth[column.name]) || column.flexBasis); });
-        return displayColumnsWidth;
-    }, [displayColumnsDefinitions, storeColumnsWidth]);
-    var totalColumnsWidth = React.useMemo(function () {
-        return sum(Object.values(displayColumnsWidth));
-    }, [displayColumnsWidth]);
-    /**
-     * handling of remaining space
-     */
-    // TODO optimize better
-    var gridBoxRef = React.useRef(null);
-    var testAdjustLastColumn = React.useCallback(function () {
-        var _a;
-        var _b;
-        var gridWidth = ((_b = gridBoxRef === null || gridBoxRef === void 0 ? void 0 : gridBoxRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || null;
-        if ((columnLayout == 'normal' || columnLayout == 'sticky') && gridWidth && totalColumnsWidth < gridWidth) {
-            var lastColumn = displayColumnsDefinitions[displayColumnsDefinitions.length - 1];
-            if (lastColumn) {
-                var change = (_a = {}, _a[lastColumn.name] = displayColumnsWidth[lastColumn.name] + gridWidth - totalColumnsWidth, _a);
-                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]);
-    /**
-     * resizing of columns
-     */
-    var handleResizeDrag = React.useCallback(function (columnName, width) {
-        var _a, _b;
-        var _c;
-        var i = displayColumnsDefinitions.findIndex(function (_a) {
-            var name = _a.name;
-            return name == columnName;
-        });
-        var nextColumn = displayColumnsDefinitions[i + 1];
-        if (columnLayout == 'normal' || columnLayout == 'sticky') {
-            var gridWidth = ((_c = gridBoxRef === null || gridBoxRef === void 0 ? void 0 : gridBoxRef.current) === null || _c === void 0 ? void 0 : _c.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_1 = displayColumnsWidth[columnName];
-            var newWidth = origin_1 + width < minWidth ? minWidth : origin_1 + width;
-            handleSetColumnWidth((_a = {}, _a[columnName] = newWidth, _a));
-        }
-        else if (columnLayout == 'no-scroll') {
-            var nextColumnWidth = displayColumnsWidth[nextColumn.name];
-            var origin_2 = displayColumnsWidth[columnName];
-            var addedColumnWidth = origin_2 + width < minColumnWidth ? minColumnWidth - origin_2 : width;
-            var addedNextColumnWidth = nextColumnWidth - addedColumnWidth < minColumnWidth ? nextColumnWidth - minColumnWidth : addedColumnWidth;
-            var addedWidth = Math.min(addedColumnWidth, addedNextColumnWidth);
-            var columnsWidth = (_b = {}, _b[columnName] = origin_2 + addedWidth, _b);
-            if (nextColumn) {
-                columnsWidth[nextColumn.name] = nextColumnWidth - addedWidth;
-            }
-            handleSetColumnWidth(columnsWidth);
-        }
-    }, [displayColumnsDefinitions, columnLayout, displayColumnsWidth, totalColumnsWidth, minColumnWidth, handleSetColumnWidth]);
-    return { totalColumnsWidth: totalColumnsWidth, gridBoxRef: gridBoxRef, displayColumnsWidth: displayColumnsWidth, handleResizeDrag: handleResizeDrag };
-};
-export default useColumnSizes;

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

@@ -1,34 +0,0 @@
-import { useCallback, useState } from 'react';
-import { useModal } from '../../Modal/hooks/useModal';
-import isEmpty from 'lodash/isEmpty';
-import { useEvent } from './useEvent';
-export var useCreatePreset = function (_a) {
-    var gridName = _a.gridName, filters = _a.filters, onClosePresetsModal = _a.onClosePresetsModal, setSelectedPresetName = _a.setSelectedPresetName, gridActions = _a.gridActions;
-    var _b = useModal(), isCreatePresetModalOpen = _b.isOpen, onOpenCreatePresetModal = _b.onOpen, onCloseCreatePresetModal = _b.onClose;
-    var _c = useState(''), presetName = _c[0], setPresetName = _c[1];
-    var handleChangePresetName = useCallback(function (event) {
-        setPresetName(event.target.value);
-    }, []);
-    var handleCloseCreatePresetModal = useCallback(function () {
-        setPresetName('');
-        onCloseCreatePresetModal();
-    }, []);
-    var handleCreatePreset = useEvent(function () {
-        var _a;
-        setPresetName('');
-        onCloseCreatePresetModal();
-        onClosePresetsModal();
-        if (isEmpty(filters) || !gridName)
-            return;
-        (_a = gridActions.createPreset) === null || _a === void 0 ? void 0 : _a.call(gridActions, presetName, filters);
-        setSelectedPresetName(presetName);
-    });
-    return {
-        isCreatePresetModalOpen: isCreatePresetModalOpen,
-        onOpenCreatePresetModal: onOpenCreatePresetModal,
-        handleCloseCreatePresetModal: handleCloseCreatePresetModal,
-        presetName: presetName,
-        handleChangePresetName: handleChangePresetName,
-        handleCreatePreset: handleCreatePreset
-    };
-};

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

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

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

@@ -1,72 +0,0 @@
-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 { useCallback, useMemo } from 'react';
-import withProps from '../HoC/withProps';
-import { RowActionsCell } from '../components/gridCells';
-import { EditReadPosition } from '../types';
-var useEditReadAsColumn = function (props) {
-    var _a;
-    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 _b = actionColumnDefinition || {}, canRowEdit = _b.canRowEdit, canRowRead = _b.canRowRead, addRowNumbers = _b.addRowNumbers, _c = _b.stickTo, stickTo = _c === void 0 ? 'left' : _c, _d = _b.flexBasis, flexBasis = _d === void 0 ? 20 : _d;
-    var withCheckboxes = !!((_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions) === null || _a === void 0 ? void 0 : _a.length) || (actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.forceCheckboxes);
-    var hasActions = canRowEdit || canRowRead || withCheckboxes || addRowNumbers;
-    var modifiedColumnsDefinitions = useMemo(function () {
-        var _a;
-        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: (_a = gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.uxState) === null || _a === void 0 ? void 0 : _a.checkedRows,
-                onUxChange: gridActions === null || gridActions === void 0 ? void 0 : gridActions.handleUxChange
-            })(RowActionsCell)
-        };
-        if (stickTo === EditReadPosition.Left) {
-            return __spreadArray([editReadColumnDefinition], columnsDefinitions, true);
-        }
-        else {
-            return __spreadArray(__spreadArray([], columnsDefinitions, true), [editReadColumnDefinition], false);
-        }
-    }, [
-        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
-    };
-};
-export default useEditReadAsColumn;

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

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

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

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

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

@@ -1,25 +0,0 @@
-import { useMemo, useCallback } from 'react';
-import find from 'lodash/find';
-export var useGridActionTrigger = function (rowsData, uxState, actionOptions, onBatchAction) {
-    if (actionOptions === void 0) { actionOptions = []; }
-    var actionRows = useMemo(function () {
-        return (rowsData || []).filter(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; });
-    }, [uxState, rowsData]);
-    var enabledActions = useMemo(function () {
-        var actionsOptions = actionOptions || [];
-        return actionsOptions.filter(function (action) {
-            if (action.isEnabled) {
-                return action.isEnabled(actionRows);
-            }
-            else {
-                return uxState.checkedRows && find(uxState.checkedRows, Boolean);
-            }
-        });
-    }, [uxState, actionRows, actionOptions]);
-    var handleBatchAction = useCallback(function (value) {
-        var actionsOptions = actionOptions || [];
-        var action = actionsOptions.find(function (option) { return option.value == value; });
-        action && onBatchAction && onBatchAction(action, actionRows);
-    }, [actionOptions, onBatchAction, actionRows]);
-    return [enabledActions, handleBatchAction];
-};

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

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-import { rowsPerPageOptions } from '../utils/constants';
-export var useGridAutoRowsPerPage = function (_a) {
-    var gridActions = _a.gridActions, queryRowsParam = _a.queryRowsParam, selectedRowsPerPage = _a.selectedRowsPerPage, autoRowsPerPage = _a.autoRowsPerPage, autoHeight = _a.autoHeight;
-    useEffect(function () {
-        var _a;
-        if (!autoHeight || queryRowsParam || !autoRowsPerPage) {
-            return;
-        }
-        var selectedOption = rowsPerPageOptions.find(function (option) { return option.value === selectedRowsPerPage; });
-        if (!selectedOption) {
-            if (autoRowsPerPage) {
-                (_a = gridActions.setRowsPerPage) === null || _a === void 0 ? void 0 : _a.call(gridActions, autoRowsPerPage);
-            }
-        }
-    }, [gridActions, queryRowsParam]);
-};