@sap-ux/ui-components 1.0.0

package/dist/components/UIFlexibleTable/RowActions.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { UIFlexibleTableProps } from './types';
+export interface RowActionsProps<T> {
+    rowIndex: number;
+    onMoveDownClick?: () => void;
+    onMoveUpClick?: () => void;
+    onFocusRowAction: (name: string) => void;
+    tableProps: UIFlexibleTableProps<T>;
+}
+/**
+ * RowActions component.
+ *
+ * @param {RowActionsProps<T>} props
+ * @returns {React.ReactElement}
+ */
+export declare function RowActions<T>(props: RowActionsProps<T>): React.ReactElement;
+//# sourceMappingURL=RowActions.d.ts.map

package/dist/components/UIFlexibleTable/RowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/RowActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAkC,MAAM,SAAS,CAAC;AAGpF,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA6E3E"}

package/dist/components/UIFlexibleTable/RowActions.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowActions = void 0;
+const react_1 = __importDefault(require("react"));
+const UIFlexibleTableRowActionButton_1 = require("./UIFlexibleTableRowActionButton");
+const __1 = require("..");
+/**
+ * RowActions component.
+ *
+ * @param {RowActionsProps<T>} props
+ * @returns {React.ReactElement}
+ */
+function RowActions(props) {
+    const { rowIndex, tableProps } = props;
+    const rows = props.tableProps.rows;
+    const rowKey = rows[rowIndex].key;
+    const cells = rows[rowIndex].cells;
+    const upArrowDisabled = rowIndex <= 0;
+    const downArrowDisabled = rowIndex >= rows.length - 1;
+    const isShowReorderButtons = !tableProps.readonly && tableProps.onTableReorder;
+    const additionalActions = [];
+    const isShowDeleteAction = tableProps.onDeleteRow && !tableProps.readonly;
+    const divider = react_1.default.createElement(__1.UIVerticalDivider, { className: "flexible-table-content-table-row-item-actions-divider" });
+    if (tableProps.onRenderActions) {
+        const customActions = tableProps.onRenderActions({ rowIndex, rowKey, cells, readonly: !!tableProps.readonly });
+        additionalActions.push(...customActions.map((actionElement, idx) => {
+            return (react_1.default.createElement(react_1.default.Fragment, { key: `action-${actionElement.key}` },
+                react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-actions-item-wrapper" }, actionElement),
+                idx < customActions.length - 1 && divider));
+        }));
+    }
+    const reorderButtons = isShowReorderButtons && (react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-actions-item-wrapper" },
+        react_1.default.createElement(UIFlexibleTableRowActionButton_1.UIFlexibleTableRowActionButton, { key: "up-action", actionName: "up", disabled: upArrowDisabled || tableProps.isContentLoading, iconName: __1.UiIcons.ArrowUp, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveUpClick, onFocus: () => {
+                props.onFocusRowAction('up');
+            } }),
+        react_1.default.createElement(UIFlexibleTableRowActionButton_1.UIFlexibleTableRowActionButton, { key: "down-action", actionName: "down", disabled: downArrowDisabled || tableProps.isContentLoading, iconName: __1.UiIcons.ArrowDown, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveDownClick, onFocus: () => {
+                props.onFocusRowAction('down');
+            } })));
+    const deleteRowAction = isShowDeleteAction && (react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-actions-item-wrapper" }, getDeleteRowAction(tableProps, { rowIndex, rowKey, cells, readonly: false })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        additionalActions,
+        additionalActions.length > 0 && (isShowReorderButtons || isShowDeleteAction) && divider,
+        reorderButtons,
+        isShowReorderButtons && isShowDeleteAction && divider,
+        deleteRowAction));
+}
+exports.RowActions = RowActions;
+/**
+ * Get delete row action.
+ *
+ * @param {UIFlexibleTableProps<T>} props
+ * @param {TableRowEventHandlerParameters<T>} params
+ * @returns {React.ReactNode}
+ */
+function getDeleteRowAction(props, params) {
+    const { isDeleteDisabled } = props.onRenderDeleteAction
+        ? props.onRenderDeleteAction(params)
+        : { isDeleteDisabled: false };
+    return (react_1.default.createElement(UIFlexibleTableRowActionButton_1.UIFlexibleTableRowActionButton, { key: "delete-action", actionName: "delete", iconName: __1.UiIcons.TrashCan, disabled: !!isDeleteDisabled || props.isContentLoading, rowNumber: params.rowIndex, onClick: () => {
+            if (props.onDeleteRow) {
+                props.onDeleteRow(params);
+            }
+        }, tableId: props.id }));
+}
+//# sourceMappingURL=RowActions.js.map

package/dist/components/UIFlexibleTable/RowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/RowActions.tsx"],"names":[],"mappings":"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"}

package/dist/components/UIFlexibleTable/RowData.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { UIFlexibleTableProps, UIFlexibleTableRowType } from './types';
+interface RowDataCellsProps<T> {
+    tableProps: UIFlexibleTableProps<T>;
+    row: UIFlexibleTableRowType<T>;
+    rowIndex: number;
+    isInRowLayout: boolean;
+}
+/**
+ * RowDataCells component.
+ * @param {RowDataCellsProps<T>} props
+ * @returns {React.ReactElement}
+ */
+export declare function RowDataCells<T>(props: RowDataCellsProps<T>): React.ReactElement;
+export {};
+//# sourceMappingURL=RowData.d.ts.map

package/dist/components/UIFlexibleTable/RowData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowData.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/RowData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAG5E,UAAU,iBAAiB,CAAC,CAAC;IACzB,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACpC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAwED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA4C/E"}

package/dist/components/UIFlexibleTable/RowData.js

@@ -0,0 +1,109 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowDataCells = void 0;
+const react_1 = __importDefault(require("react"));
+const types_1 = require("./types");
+const utils_1 = require("./utils");
+/**
+ * Get cell title element.
+ *
+ * @param {UIFlexibleTableProps<T>} tableProps
+ * @param {React.ReactNode} title
+ * @param {boolean} inRowLayout
+ * @returns {React.ReactNode}
+ */
+function getCellTitleElement(tableProps, title, inRowLayout) {
+    const wrappingLayout = tableProps.layout === types_1.UIFlexibleTableLayout.Wrapping;
+    const isFlexContent = wrappingLayout || !inRowLayout || tableProps.showColumnTitlesInCells;
+    if (tableProps.showColumnTitles && isFlexContent) {
+        return react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-title" }, title);
+    }
+    else {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+}
+/**
+ * Gets row data cells.
+ *
+ * @param {RowDataCellsProps<T>} props
+ * @returns {Array<React.ReactNode>}
+ */
+function getRowDataCells(props) {
+    const { isInRowLayout, row, rowIndex, tableProps } = props;
+    const result = [];
+    for (let i = 0; i < tableProps.columns.length; i++) {
+        if (tableProps.columns[i].hidden) {
+            continue;
+        }
+        const colKey = tableProps.columns[i].key;
+        const { content, isSpan, cellClassNames, title } = tableProps.onRenderCell({
+            cells: row.cells,
+            colIndex: i,
+            colKey,
+            readonly: !!tableProps.readonly,
+            rowIndex,
+            rowKey: row.key,
+            value: row.cells[colKey],
+            isInRowLayout
+        });
+        if (tableProps.layout === types_1.UIFlexibleTableLayout.InlineFlex || content) {
+            const classNameStr = utils_1.composeClassNames('flexible-table-content-table-row-item-data-cells-wrapper', [
+                cellClassNames,
+                tableProps.columns[i].className
+            ]);
+            const cellId = `cell-${colKey}`;
+            result.push(react_1.default.createElement("div", { key: isSpan ? `cell-unknown` : `cell-${colKey}-${i}`, className: classNameStr, id: cellId },
+                getCellTitleElement(tableProps, title || tableProps.columns[i].title, isInRowLayout),
+                react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-data-cells-value" }, content)));
+        }
+        if (isSpan) {
+            break;
+        }
+    }
+    return result;
+}
+/**
+ * RowDataCells component.
+ * @param {RowDataCellsProps<T>} props
+ * @returns {React.ReactElement}
+ */
+function RowDataCells(props) {
+    const { isInRowLayout, row, rowIndex, tableProps } = props;
+    const rowCells = [];
+    const rowCellsData = [];
+    let alternativeContent;
+    if (tableProps.onRenderRowDataContent) {
+        alternativeContent = tableProps.onRenderRowDataContent({
+            cells: row.cells,
+            readonly: !!tableProps.readonly,
+            rowIndex,
+            rowKey: row.key
+        });
+    }
+    if (tableProps.showIndexColumn) {
+        // Add index cell
+        rowCells.push(react_1.default.createElement("div", { key: `cell-index-${rowIndex}`, className: "flexible-table-content-table-row-item-index" },
+            react_1.default.createElement("span", { className: "flexible-table-content-table-row-item-index-value" }, row.key)));
+    }
+    if (!alternativeContent) {
+        rowCellsData.push(...getRowDataCells(props));
+    }
+    else {
+        rowCellsData.push(alternativeContent);
+    }
+    // Add data cells
+    const classNames = ['flexible-table-content-table-row-item-data-cells'];
+    if (tableProps.layout === types_1.UIFlexibleTableLayout.Wrapping) {
+        classNames.push('dynamic');
+    }
+    else {
+        classNames.push(isInRowLayout ? 'in-row' : 'in-column');
+    }
+    rowCells.push(react_1.default.createElement("div", { key: `flexible-table-content-table-row-item-${rowIndex}`, className: classNames.join(' ') }, rowCellsData));
+    return react_1.default.createElement("div", { className: "flexible-table-content-table-row-item-wrapper" }, rowCells);
+}
+exports.RowDataCells = RowDataCells;
+//# sourceMappingURL=RowData.js.map

package/dist/components/UIFlexibleTable/RowData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowData.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/RowData.tsx"],"names":[],"mappings":"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"}

package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { UIFlexibleTableProps } from './types';
+import './UIFlexibleTable.scss';
+/**
+ * UIFlexibleTable component.
+ *
+ * @exports
+ * @param {UIFlexibleTableProps<T>} props
+ * @returns {React.ReactElement}
+ */
+export declare function UIFlexibleTable<T>(props: UIFlexibleTableProps<T>): React.ReactElement;
+//# sourceMappingURL=UIFlexibleTable.d.ts.map

package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFlexibleTable.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/UIFlexibleTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAgC,oBAAoB,EAA0B,MAAM,SAAS,CAAC;AAE1G,OAAO,wBAAwB,CAAC;AAiBhC;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAiOrF"}

package/dist/components/UIFlexibleTable/UIFlexibleTable.js

@@ -0,0 +1,256 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIFlexibleTable = void 0;
+const react_1 = __importStar(require("react"));
+const react_movable_1 = require("react-movable");
+const __1 = require("..");
+const UIFlexibleTableRow_1 = require("./UIFlexibleTableRow");
+const types_1 = require("./types");
+require("./UIFlexibleTable.scss");
+const utils_1 = require("./utils");
+const RowActions_1 = require("./RowActions");
+const RowData_1 = require("./RowData");
+/**
+ * UIFlexibleTable component.
+ *
+ * @exports
+ * @param {UIFlexibleTableProps<T>} props
+ * @returns {React.ReactElement}
+ */
+function UIFlexibleTable(props) {
+    const [currentFocusedRowIndex, setCurrentFocusedRowIndex] = react_1.useState();
+    const [currentFocusedRowAction, setCurrentFocusedRowAction] = react_1.useState('');
+    const [isInRowLayout, setIsInRowLayout] = react_1.useState(props.layout === types_1.UIFlexibleTableLayout.InlineFlex);
+    const [titleRowRightPadding, setTitleRowRightPadding] = react_1.useState(0);
+    const [rowToNavigate, setRowToNavigate] = react_1.useState();
+    const scrollableElement = react_1.useRef(null);
+    const tableRootElementRef = react_1.useRef(null);
+    const contentElementRef = react_1.useRef(null);
+    const tableBodyElementRef = react_1.useRef(null);
+    const scrollTargetRef = react_1.useRef(null);
+    const onResize = (element) => {
+        setIsInRowLayout(props.layout === types_1.UIFlexibleTableLayout.InlineFlex &&
+            isRowFitsContainer(props.inRowLayoutMinWidth, tableRootElementRef));
+        const rootContainer = tableRootElementRef.current;
+        if (element && props.onContentSizeChange && rootContainer) {
+            props.onContentSizeChange({ height: rootContainer.clientHeight, width: rootContainer.clientWidth });
+        }
+    };
+    const onScrollBarStateChange = () => {
+        const content = contentElementRef
+            .current;
+        const scrollableContent = scrollableElement.current;
+        const scrollBarSize = content && scrollableContent ? content.clientWidth - scrollableContent.clientWidth : 0;
+        setTitleRowRightPadding(scrollBarSize);
+    };
+    const [resizeObserver] = react_1.useState(new ResizeObserver(onResize));
+    const scrollBarObserver = react_1.useRef(new ResizeObserver(onScrollBarStateChange));
+    react_1.useEffect(() => {
+        if (tableRootElementRef.current) {
+            resizeObserver.observe(tableRootElementRef.current);
+            onResize();
+        }
+    }, [tableRootElementRef.current]);
+    react_1.useEffect(() => {
+        if (currentFocusedRowIndex !== undefined) {
+            restoreFocus(currentFocusedRowAction, currentFocusedRowIndex, props.id);
+        }
+        if (!props.isContentLoading && scrollTargetRef.current) {
+            scrollTargetRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+            setRowToNavigate(undefined);
+        }
+    }, [props.isContentLoading, props.rows]);
+    react_1.useEffect(() => {
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    react_1.useEffect(() => {
+        onResize();
+    }, [props.layout, props.maxWidth]);
+    const reorderTable = (oldIndex, newIndex) => {
+        if (props.onTableReorder) {
+            props.onTableReorder({ oldIndex, newIndex });
+            setCurrentFocusedRowIndex(newIndex);
+        }
+    };
+    const addNewRow = () => {
+        if (props.addRowButton?.onClick) {
+            const result = props.addRowButton.onClick();
+            if (result instanceof Promise) {
+                result.then((data) => setRowToNavigate(data?.scrollToRow)).catch(() => undefined);
+            }
+            else {
+                setRowToNavigate(result?.scrollToRow);
+            }
+        }
+    };
+    const onFocusRowAction = (rowIndex, actionName = '') => {
+        setCurrentFocusedRowIndex(rowIndex);
+        setCurrentFocusedRowAction(actionName);
+    };
+    const renderRowActions = (rowIndex) => {
+        return (react_1.default.createElement(RowActions_1.RowActions, { rowIndex: rowIndex, tableProps: props, onFocusRowAction: (actionName) => onFocusRowAction(rowIndex, actionName), onMoveDownClick: () => reorderTable(rowIndex, rowIndex + 1), onMoveUpClick: () => reorderTable(rowIndex, rowIndex - 1) }));
+    };
+    const renderRowData = (params) => (react_1.default.createElement(RowData_1.RowDataCells, { key: params.index || 0, isInRowLayout: isInRowLayout, row: params.value, rowIndex: params.index || 0, tableProps: props }));
+    /**
+     * Renders row.
+     *
+     * @param {NodeDragAndDropSortingParams} params
+     * @returns {React.ReactElement<UIFlexibleTableRowProps<T>, 'UIFlexibleTableRow'>}
+     */
+    function renderRow(params) {
+        const rowIndex = params.index;
+        return (react_1.default.createElement(UIFlexibleTableRow_1.UIFlexibleTableRow, { key: `row-${rowIndex}`, dragAndDropParams: params, rowActions: renderRowActions(rowIndex || 0), rowData: renderRowData(params), tableProps: props, rowRef: typeof rowToNavigate === 'number' && rowIndex === rowToNavigate ? scrollTargetRef : undefined }));
+    }
+    const renderTable = (params) => {
+        const ulElement = params.props.ref?.current;
+        if (ulElement && scrollableElement.current !== ulElement) {
+            scrollableElement.current = ulElement;
+            scrollBarObserver.current.observe(ulElement);
+        }
+        return (react_1.default.createElement("ul", { ref: params.props.ref, className: `flexible-table-content-table${params.isDragged ? ' dragged' : ''}`, style: {
+                cursor: params.isDragged ? 'grabbing' : 'default',
+                maxHeight: props.maxScrollableContentHeight ? `${props.maxScrollableContentHeight}px` : undefined
+            } }, params.children));
+    };
+    const tableBody = getTableBody(props, renderTable, renderRow, reorderTable, tableBodyElementRef);
+    const tableClasses = utils_1.composeClassNames('flexible-table', [
+        props.layout === types_1.UIFlexibleTableLayout.InlineFlex ? 'inline-layout' : 'wrapping-layout',
+        props.readonly ? 'readonly' : ''
+    ]);
+    const contentClasses = utils_1.composeClassNames('flexible-table-content', [
+        props.rows.length === 0 ? 'empty-table' : '',
+        props.isContentLoading ? 'loading' : ''
+    ]);
+    const showTitleRow = props.showColumnTitles && isInRowLayout && !props.showColumnTitlesInCells;
+    const tableRootElementStyle = {
+        maxWidth: props.maxWidth ? `${props.maxWidth}px` : '100%'
+    };
+    const primaryTableActions = [];
+    const secondaryTableActions = [];
+    const getActionFragment = (actionElement) => (react_1.default.createElement(react_1.default.Fragment, { key: `table-action-${actionElement.key}` },
+        react_1.default.createElement("div", { className: "flexible-table-header-action" }, actionElement)));
+    if (props.onRenderPrimaryTableActions) {
+        const customActions = props.onRenderPrimaryTableActions({ readonly: !!props.readonly });
+        primaryTableActions.push(...customActions.map((item) => getActionFragment(item)));
+    }
+    if (props.onRenderSecondaryTableActions) {
+        const customActions = props.onRenderSecondaryTableActions({ readonly: !!props.readonly });
+        secondaryTableActions.push(...customActions.map((item) => getActionFragment(item)));
+    }
+    return (react_1.default.createElement("div", { className: tableClasses, ref: tableRootElementRef, id: props.id, style: tableRootElementStyle, onBlur: () => {
+            onFocusRowAction();
+        } },
+        react_1.default.createElement("div", { className: "flexible-table-header" },
+            react_1.default.createElement("div", { className: "flexible-table-header-primary-actions" },
+                props.addRowButton && (react_1.default.createElement("div", { className: "flexible-table-header-action" },
+                    react_1.default.createElement(__1.UIDefaultButton, { iconProps: { iconName: 'Add' }, className: "flexible-table-btn-add", id: utils_1.getTableActionButtonId(props.id, 'add-row'), primary: true, disabled: props.isAddItemDisabled || props.isContentLoading || props.readonly, onClick: addNewRow, title: props.addRowButton.title }, props.addRowButton.label))),
+                primaryTableActions),
+            react_1.default.createElement("div", { className: "flexible-table-header-secondary-actions" }, secondaryTableActions)),
+        react_1.default.createElement("div", { className: contentClasses, ref: contentElementRef },
+            showTitleRow && UIFlexibleTableRow_1.renderTitleRow(props, titleRowRightPadding),
+            tableBody,
+            props.isContentLoading && (react_1.default.createElement(__1.UILoader, { className: 'uiLoaderXLarge flexible-table-overlay-loader', blockDOM: true })))));
+}
+exports.UIFlexibleTable = UIFlexibleTable;
+/**
+ * Gets table body.
+ *
+ * @param {UIFlexibleTableProps<T>} props
+ * @param {(params: { children: React.ReactNode; isDragged: boolean; props: { ref?: React.RefObject<any>; }; }) => React.ReactNode} renderTable
+ * @param {( params: NodeDragAndDropSortingParams) => React.ReactElement<UIFlexibleTableRowProps<T>, 'UIFlexibleTableRow'>} renderRow
+ * @param { (oldIndex: number, newIndex: number) => void} reorderTable
+ * @param {React.MutableRefObject<any>} tableBodyElementRef
+ * @returns {React.ReactNode}
+ */
+function getTableBody(props, renderTable, renderRow, reorderTable, tableBodyElementRef) {
+    let tableBody;
+    if (props.onTableReorder && !props.readonly) {
+        tableBody = (react_1.default.createElement(react_movable_1.List, { values: props.rows, lockVertically: props.lockVertically, onChange: ({ oldIndex, newIndex }) => {
+                reorderTable(oldIndex, newIndex);
+            }, renderList: (params) => renderTable(params), renderItem: (params) => renderRow(params), removableByMove: true }));
+    }
+    else {
+        const children = props.rows.map((row, index) => {
+            const rowProps = {
+                key: index
+            };
+            const dragAndDropParams = {
+                index,
+                isDragged: false,
+                isOutOfBounds: false,
+                isSelected: false,
+                props: rowProps,
+                value: row
+            };
+            return renderRow(dragAndDropParams);
+        });
+        tableBody = renderTable({ children, isDragged: false, props: { ...props, ref: tableBodyElementRef } });
+    }
+    return tableBody;
+}
+/**
+ * Restore focus.
+ *
+ * @param {string} currentFocusedRowAction
+ * @param {number | undefined} currentFocusedRowIndex
+ * @param {string} tableId
+ */
+function restoreFocus(currentFocusedRowAction, currentFocusedRowIndex, tableId) {
+    if (currentFocusedRowAction) {
+        let actionElement = document.getElementById(utils_1.getRowActionButtonId(tableId, currentFocusedRowIndex, currentFocusedRowAction));
+        if (actionElement) {
+            if (!actionElement.hasAttribute('disabled')) {
+                actionElement.focus();
+            }
+            else {
+                if (currentFocusedRowAction === 'up') {
+                    actionElement = document.getElementById(utils_1.getRowActionButtonId(tableId, currentFocusedRowIndex, 'down'));
+                }
+                else {
+                    actionElement = document.getElementById(utils_1.getRowActionButtonId(tableId, currentFocusedRowIndex, 'up'));
+                }
+                if (actionElement) {
+                    actionElement.focus();
+                }
+            }
+        }
+    }
+}
+/**
+ * Check row fit container.
+ *
+ * @param {number | undefined} propThreshold
+ * @param {React.MutableRefObject<HTMLDivElement | null>} containerRef
+ * @returns {boolean}
+ */
+function isRowFitsContainer(propThreshold, containerRef) {
+    let result = true;
+    const inRowMinWidth = propThreshold ?? 600;
+    const containerWidth = containerRef?.current?.clientWidth ?? 0;
+    if (containerWidth) {
+        result = containerWidth >= inRowMinWidth;
+    }
+    return result;
+}
+//# sourceMappingURL=UIFlexibleTable.js.map

package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFlexibleTable.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/UIFlexibleTable.tsx"],"names":[],"mappings":"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"}