@mailstep/design-system 0.8.31-beta.4 → 0.8.31

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

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

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

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
+import React from 'react';
 import { CommonGridProps, GridActionsType, GridSelectorsType } from '../types';
-
 type ReturnProps = {
     displayColumnsWidth: {
         [anyColumn: string]: number;
@@ -9,5 +8,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,83 +1,87 @@
-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 };
+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
+		])
+	};
 };
-export default useColumnSizes;
+//#endregion
+export { useColumnSizes as default };

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

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

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

@@ -1,34 +1,32 @@
-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
-    };
+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);
+		})
+	};
 };
+//#endregion
+export { useCreatePreset };

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

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

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

@@ -1,29 +1,24 @@
-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
-    };
+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
+	};
 };
+//#endregion
+export { useDeletePreset };

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

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

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

@@ -1,72 +1,58 @@
-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 "../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
+	};
 };
-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;
+//#endregion
+export { useEditReadAsColumn as default };

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 | undefined) => T;
+export declare const useEvent: <T extends AnyFunction>(callback?: T) => T;
 export {};

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

@@ -1,17 +1,13 @@
-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);
-    }, []);
+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), []);
 };
+//#endregion
+export { useEvent };

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

@@ -1,4 +1,3 @@
 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,12 +1,15 @@
-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;
+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 };

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

@@ -1,9 +1,8 @@
 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 {};