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

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

@@ -1,17 +1,14 @@
-import { createFilterType, getFilterName } from "../utils/index.js";
-import { useCallback } from "react";
-//#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]);
+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]);
 };
-//#endregion
-export { useAddFilter };

package/ui/Blocks/CommonGrid/hooks/useColumnSizes.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CommonGridProps, GridActionsType, GridSelectorsType } from '../types';
+
 type ReturnProps = {
     displayColumnsWidth: {
         [anyColumn: string]: number;
@@ -8,5 +9,5 @@ type ReturnProps = {
     gridBoxRef: React.MutableRefObject<HTMLElement>;
     handleResizeDrag: (column: string, width: number) => void;
 };
-declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps["columnsDefinitions"], storeColumnsWidth: Required<GridSelectorsType>["columnsWidth"], storeColumnsWidthVariant: GridSelectorsType["columnsWidthVariant"], setColumnWidth: Required<GridActionsType>["setColumnWidth"], columnLayout: Required<CommonGridProps>["columnLayout"], minColumnWidth?: number) => ReturnProps;
+declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps['columnsDefinitions'], storeColumnsWidth: Required<GridSelectorsType>['columnsWidth'], storeColumnsWidthVariant: GridSelectorsType['columnsWidthVariant'], setColumnWidth: Required<GridActionsType>['setColumnWidth'], columnLayout: Required<CommonGridProps>['columnLayout'], minColumnWidth?: number) => ReturnProps;
 export default useColumnSizes;

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

@@ -1,87 +1,83 @@
-import React from "react";
-import sum from "lodash/sum";
-//#region packages/ui/Blocks/CommonGrid/hooks/useColumnSizes.tsx
-const useColumnSizes = (displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth = 50) => {
-	/**
-	* decorate grid resize with layout and reset grid widths if layout changes
-	*/
-	const handleSetColumnWidth = React.useCallback((columnWidth) => setColumnWidth(columnWidth, columnLayout), [columnLayout, setColumnWidth]);
-	React.useEffect(() => {
-		if (storeColumnsWidthVariant != columnLayout) handleSetColumnWidth(null);
-	}, [
-		columnLayout,
-		storeColumnsWidthVariant,
-		handleSetColumnWidth
-	]);
-	/**
-	* base width of each displayed column and of all displayed columns put together
-	*/
-	const displayColumnsWidth = React.useMemo(() => {
-		const displayColumnsWidth = {};
-		displayColumnsDefinitions.forEach((column) => displayColumnsWidth[column.name] = storeColumnsWidth?.[column.name] || column.flexBasis);
-		return displayColumnsWidth;
-	}, [displayColumnsDefinitions, storeColumnsWidth]);
-	const totalColumnsWidth = React.useMemo(() => {
-		return sum(Object.values(displayColumnsWidth));
-	}, [displayColumnsWidth]);
-	/**
-	* handling of remaining space
-	*/
-	const gridBoxRef = React.useRef(null);
-	const testAdjustLastColumn = React.useCallback(() => {
-		const gridWidth = gridBoxRef?.current?.clientWidth || null;
-		if ((columnLayout == "normal" || columnLayout == "sticky") && gridWidth && totalColumnsWidth < gridWidth) {
-			const lastColumn = displayColumnsDefinitions[displayColumnsDefinitions.length - 1];
-			if (lastColumn) handleSetColumnWidth({ [lastColumn.name]: displayColumnsWidth[lastColumn.name] + gridWidth - totalColumnsWidth });
-		}
-	}, [
-		columnLayout,
-		displayColumnsDefinitions,
-		displayColumnsWidth,
-		gridBoxRef,
-		handleSetColumnWidth,
-		totalColumnsWidth
-	]);
-	React.useEffect(() => {
-		testAdjustLastColumn();
-	}, [testAdjustLastColumn]);
-	React.useLayoutEffect(() => {
-		window.addEventListener("resize", testAdjustLastColumn);
-		return () => window.removeEventListener("resize", testAdjustLastColumn);
-	}, [testAdjustLastColumn]);
-	return {
-		totalColumnsWidth,
-		gridBoxRef,
-		displayColumnsWidth,
-		handleResizeDrag: React.useCallback((columnName, width) => {
-			const nextColumn = displayColumnsDefinitions[displayColumnsDefinitions.findIndex(({ name }) => name == columnName) + 1];
-			if (columnLayout == "normal" || columnLayout == "sticky") {
-				const gridWidth = gridBoxRef?.current?.clientWidth || null;
-				const lastColumnWidth = displayColumnsWidth[displayColumnsDefinitions[displayColumnsDefinitions.length - 1].name];
-				const lastColumnMinWidth = gridWidth && gridWidth - (totalColumnsWidth - lastColumnWidth) || 0;
-				const minWidth = !nextColumn ? Math.max(lastColumnMinWidth, minColumnWidth) : minColumnWidth;
-				const origin = displayColumnsWidth[columnName];
-				const newWidth = origin + width < minWidth ? minWidth : origin + width;
-				handleSetColumnWidth({ [columnName]: newWidth });
-			} else if (columnLayout == "no-scroll") {
-				const nextColumnWidth = displayColumnsWidth[nextColumn.name];
-				const origin = displayColumnsWidth[columnName];
-				const addedColumnWidth = origin + width < minColumnWidth ? minColumnWidth - origin : width;
-				const addedNextColumnWidth = nextColumnWidth - addedColumnWidth < minColumnWidth ? nextColumnWidth - minColumnWidth : addedColumnWidth;
-				const addedWidth = Math.min(addedColumnWidth, addedNextColumnWidth);
-				const columnsWidth = { [columnName]: origin + addedWidth };
-				if (nextColumn) columnsWidth[nextColumn.name] = nextColumnWidth - addedWidth;
-				handleSetColumnWidth(columnsWidth);
-			}
-		}, [
-			displayColumnsDefinitions,
-			columnLayout,
-			displayColumnsWidth,
-			totalColumnsWidth,
-			minColumnWidth,
-			handleSetColumnWidth
-		])
-	};
+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 };
 };
-//#endregion
-export { useColumnSizes as default };
+export default useColumnSizes;

package/ui/Blocks/CommonGrid/hooks/useCreatePreset.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { Filtering, GridActionsType } from '../types';
+
 type Props = {
     gridName?: string;
     filters?: Filtering;

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

@@ -1,32 +1,34 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
-import { useEvent } from "./useEvent.js";
-import { useCallback, useState } from "react";
-import isEmpty from "lodash/isEmpty";
-//#region packages/ui/Blocks/CommonGrid/hooks/useCreatePreset.ts
-const useCreatePreset = ({ gridName, filters, onClosePresetsModal, setSelectedPresetName, gridActions }) => {
-	const { isOpen: isCreatePresetModalOpen, onOpen: onOpenCreatePresetModal, onClose: onCloseCreatePresetModal } = useModal();
-	const [presetName, setPresetName] = useState("");
-	const handleChangePresetName = useCallback((event) => {
-		setPresetName(event.target.value);
-	}, []);
-	return {
-		isCreatePresetModalOpen,
-		onOpenCreatePresetModal,
-		handleCloseCreatePresetModal: useCallback(() => {
-			setPresetName("");
-			onCloseCreatePresetModal();
-		}, []),
-		presetName,
-		handleChangePresetName,
-		handleCreatePreset: useEvent(() => {
-			setPresetName("");
-			onCloseCreatePresetModal();
-			onClosePresetsModal();
-			if (isEmpty(filters) || !gridName) return;
-			gridActions.createPreset?.(presetName, filters);
-			setSelectedPresetName(presetName);
-		})
-	};
+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
+    };
 };
-//#endregion
-export { useCreatePreset };

package/ui/Blocks/CommonGrid/hooks/useDeletePreset.d.ts

@@ -1,5 +1,6 @@
 import { MouseEvent } from 'react';
 import { GridActionsType } from '../types';
+
 type Props = {
     gridName?: string;
     selectedPresetName: string;

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

@@ -1,24 +1,29 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
-import { useCallback } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useDeletePreset.ts
-const useDeletePreset = ({ selectedPresetName, gridName, gridActions, setSelectedPresetName }) => {
-	const { isOpen: isDeletePresetModalOpen, onOpen: onOpenDeletePresetModal, onClose: onCloseDeletePresetModal, data: presetNameToDelete } = useModal();
-	return {
-		handleOpenDeletePresetModal: useCallback((presetName) => (e) => {
-			if (!presetName) return;
-			e.stopPropagation();
-			onOpenDeletePresetModal(presetName);
-		}, [selectedPresetName]),
-		isDeletePresetModalOpen,
-		handleDeletePreset: useCallback(() => {
-			if (!gridName || !presetNameToDelete) return;
-			gridActions.deletePreset?.(presetNameToDelete);
-			if (selectedPresetName === presetNameToDelete) setSelectedPresetName("");
-			onCloseDeletePresetModal();
-		}, [gridName, presetNameToDelete]),
-		onCloseDeletePresetModal,
-		presetNameToDelete
-	};
+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
+    };
 };
-//#endregion
-export { useDeletePreset };

package/ui/Blocks/CommonGrid/hooks/useEditReadAsColumn.d.ts

@@ -1,4 +1,5 @@
-import type { CommonGridProps } from '../types';
+import { CommonGridProps } from '../types';
+
 type ExcludedProps = 'components' | 'filters' | 'onBatchAction' | 'extraControlButtons';
 type Props = Omit<CommonGridProps, ExcludedProps>;
 type UseEditReadAsColumnHook = {

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

@@ -1,58 +1,72 @@
-import "../types.js";
-import withProps from "../HoC/withProps.js";
-import { RowActionsCell } from "../components/gridCells/RowActionsCell.js";
-import "../components/gridCells/index.js";
-import { useCallback, useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEditReadAsColumn.tsx
-const useEditReadAsColumn = (props) => {
-	const { onRowAction, actionColumnDefinition, columnsDefinitions, gridSelectors, gridActions, onRowEditClick, onRowReadClick } = props;
-	const modifiedOnRowAction = useCallback((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
-	]);
-	const { canRowEdit, canRowRead, addRowNumbers, stickTo = "left", flexBasis = 20 } = actionColumnDefinition || {};
-	const withCheckboxes = !!actionColumnDefinition?.actionOptions?.length || actionColumnDefinition?.forceCheckboxes;
-	const hasActions = canRowEdit || canRowRead || withCheckboxes || addRowNumbers;
-	return {
-		columnsDefinitions: useMemo(() => {
-			const editReadColumnDefinition = {
-				name: "actions-cell-cg",
-				flexBasis,
-				filtering: withCheckboxes || addRowNumbers,
-				filteringType: "actions",
-				sorting: false,
-				sticky: !!hasActions,
-				stickTo,
-				alwaysOn: true,
-				cellComponent: withProps({
-					actionColumnDefinition,
-					withCheckboxes,
-					addRowNumbers: actionColumnDefinition?.addRowNumbers,
-					checkedRows: gridSelectors?.uxState?.checkedRows,
-					onUxChange: gridActions?.handleUxChange
-				})(RowActionsCell)
-			};
-			if (stickTo === "left") return [editReadColumnDefinition, ...columnsDefinitions];
-			else return [...columnsDefinitions, editReadColumnDefinition];
-		}, [
-			addRowNumbers,
-			flexBasis,
-			stickTo,
-			hasActions,
-			columnsDefinitions,
-			withCheckboxes,
-			gridSelectors?.uxState,
-			actionColumnDefinition,
-			gridActions?.handleUxChange
-		]),
-		onRowAction: modifiedOnRowAction
-	};
+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));
 };
-//#endregion
-export { useEditReadAsColumn as default };
+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.d.ts

@@ -1,3 +1,3 @@
 type AnyFunction = (...args: any[]) => any;
-export declare const useEvent: <T extends AnyFunction>(callback?: T) => T;
+export declare const useEvent: <T extends AnyFunction>(callback?: T | undefined) => T;
 export {};

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

@@ -1,13 +1,17 @@
-import { useCallback, useLayoutEffect, useRef } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEvent.ts
-const useEvent = (callback) => {
-	const ref = useRef(() => {
-		throw new Error("Cannot call an event handler while rendering.");
-	});
-	useLayoutEffect(() => {
-		ref.current = callback;
-	});
-	return useCallback((...args) => ref.current?.apply(null, args), []);
+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);
+    }, []);
 };
-//#endregion
-export { useEvent };

package/ui/Blocks/CommonGrid/hooks/useFloatingButton.d.ts

@@ -1,3 +1,4 @@
 import { FloatingButtonProps, Item } from '../types';
+
 declare const useFloatingButton: (hasPermission: any, onClick?: () => void, options?: Item[]) => FloatingButtonProps | undefined;
 export default useFloatingButton;

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

@@ -1,15 +1,12 @@
-import { useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useFloatingButton.ts
-const useFloatingButton = (hasPermission, onClick, options) => useMemo(() => {
-	if (!hasPermission) return;
-	return {
-		onClick,
-		options
-	};
-}, [
-	hasPermission,
-	onClick,
-	options
-]);
-//#endregion
-export { useFloatingButton as default };
+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.d.ts

@@ -1,8 +1,9 @@
 import { RowProps, UxState, ActionColumn, OnBatchActionFn } from '../types';
+
 /**
  * hook for action selection and trigger
  * returns [subset of actions that are enabled, onSelect(value) - param1: selected action value]
  */
 type GridActionTriggerRet = [Required<ActionColumn>['actionOptions'], (value: any) => void];
-export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn["actionOptions"], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
+export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn['actionOptions'], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
 export {};