@sap-ux/ui-components 1.13.5 → 1.14.1

package/dist/components/UIDropdown/index.js

@@ -1,19 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UIDropdown"), exports);
-__exportStar(require("./utils"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UIDropdown"), exports);
+__exportStar(require("./utils"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIDropdown/utils.d.ts

@@ -1,21 +1,21 @@
-import type { IDropdownProps, IComboBoxProps, ICalloutProps } from '@fluentui/react';
-import type { CalloutCollisionTransform } from '../UICallout';
-/**
- * Method checks if drodpown or combobox is empty or any value is selected.
- *
- * @param {Partial<IDropdownProps | IComboBoxProps>} props Dropdown or combobox props.
- * @returns {boolean} Is dropdown or combobox empty.
- */
-export declare function isDropdownEmpty(props: Partial<IDropdownProps | IComboBoxProps>): boolean;
-/**
- * Method returns additional callout props for callout collision transformation if feature is enabled.
- * Callout collision transformation checks if dropdown menu overlaps with dialog action/submit buttons
- *  and if overlap happens, then additional offset is applied to make action buttons visible.
- *
- * @param calloutCollisionTransform Instance of callout collision transformation.
- * @param multiSelect Is multi select enabled.
- * @param enabled Is transformation enabled.
- * @returns Callout props to enable callout collision transformation.
- */
-export declare function getCalloutCollisionTransformationProps(calloutCollisionTransform: CalloutCollisionTransform, multiSelect?: boolean, enabled?: boolean): ICalloutProps | undefined;
+import type { IDropdownProps, IComboBoxProps, ICalloutProps } from '@fluentui/react';
+import type { CalloutCollisionTransform } from '../UICallout';
+/**
+ * Method checks if drodpown or combobox is empty or any value is selected.
+ *
+ * @param {Partial<IDropdownProps | IComboBoxProps>} props Dropdown or combobox props.
+ * @returns {boolean} Is dropdown or combobox empty.
+ */
+export declare function isDropdownEmpty(props: Partial<IDropdownProps | IComboBoxProps>): boolean;
+/**
+ * Method returns additional callout props for callout collision transformation if feature is enabled.
+ * Callout collision transformation checks if dropdown menu overlaps with dialog action/submit buttons
+ *  and if overlap happens, then additional offset is applied to make action buttons visible.
+ *
+ * @param calloutCollisionTransform Instance of callout collision transformation.
+ * @param multiSelect Is multi select enabled.
+ * @param enabled Is transformation enabled.
+ * @returns Callout props to enable callout collision transformation.
+ */
+export declare function getCalloutCollisionTransformationProps(calloutCollisionTransform: CalloutCollisionTransform, multiSelect?: boolean, enabled?: boolean): ICalloutProps | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/UIDropdown/utils.js

@@ -1,44 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCalloutCollisionTransformationProps = exports.isDropdownEmpty = void 0;
-/**
- * Method checks if drodpown or combobox is empty or any value is selected.
- *
- * @param {Partial<IDropdownProps | IComboBoxProps>} props Dropdown or combobox props.
- * @returns {boolean} Is dropdown or combobox empty.
- */
-function isDropdownEmpty(props) {
-    const { selectedKey } = props;
-    if (Array.isArray(selectedKey)) {
-        return selectedKey.length === 0;
-    }
-    if (('text' in props && props.text) || ('selectedKeys' in props && props.selectedKeys?.length)) {
-        return false;
-    }
-    return !selectedKey;
-}
-exports.isDropdownEmpty = isDropdownEmpty;
-/**
- * Method returns additional callout props for callout collision transformation if feature is enabled.
- * Callout collision transformation checks if dropdown menu overlaps with dialog action/submit buttons
- *  and if overlap happens, then additional offset is applied to make action buttons visible.
- *
- * @param calloutCollisionTransform Instance of callout collision transformation.
- * @param multiSelect Is multi select enabled.
- * @param enabled Is transformation enabled.
- * @returns Callout props to enable callout collision transformation.
- */
-function getCalloutCollisionTransformationProps(calloutCollisionTransform, multiSelect, enabled) {
-    if (multiSelect && enabled) {
-        return {
-            preventDismissOnEvent: calloutCollisionTransform.preventDismissOnEvent,
-            layerProps: {
-                onLayerDidMount: calloutCollisionTransform.applyTransformation,
-                onLayerWillUnmount: calloutCollisionTransform.resetTransformation
-            }
-        };
-    }
-    return undefined;
-}
-exports.getCalloutCollisionTransformationProps = getCalloutCollisionTransformationProps;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCalloutCollisionTransformationProps = exports.isDropdownEmpty = void 0;
+/**
+ * Method checks if drodpown or combobox is empty or any value is selected.
+ *
+ * @param {Partial<IDropdownProps | IComboBoxProps>} props Dropdown or combobox props.
+ * @returns {boolean} Is dropdown or combobox empty.
+ */
+function isDropdownEmpty(props) {
+    const { selectedKey } = props;
+    if (Array.isArray(selectedKey)) {
+        return selectedKey.length === 0;
+    }
+    if (('text' in props && props.text) || ('selectedKeys' in props && props.selectedKeys?.length)) {
+        return false;
+    }
+    return !selectedKey;
+}
+exports.isDropdownEmpty = isDropdownEmpty;
+/**
+ * Method returns additional callout props for callout collision transformation if feature is enabled.
+ * Callout collision transformation checks if dropdown menu overlaps with dialog action/submit buttons
+ *  and if overlap happens, then additional offset is applied to make action buttons visible.
+ *
+ * @param calloutCollisionTransform Instance of callout collision transformation.
+ * @param multiSelect Is multi select enabled.
+ * @param enabled Is transformation enabled.
+ * @returns Callout props to enable callout collision transformation.
+ */
+function getCalloutCollisionTransformationProps(calloutCollisionTransform, multiSelect, enabled) {
+    if (multiSelect && enabled) {
+        return {
+            preventDismissOnEvent: calloutCollisionTransform.preventDismissOnEvent,
+            layerProps: {
+                onLayerDidMount: calloutCollisionTransform.applyTransformation,
+                onLayerWillUnmount: calloutCollisionTransform.resetTransformation
+            }
+        };
+    }
+    return undefined;
+}
+exports.getCalloutCollisionTransformationProps = getCalloutCollisionTransformationProps;
 //# sourceMappingURL=utils.js.map

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

@@ -1,17 +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;
+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.js

@@ -1,74 +1,74 @@
-"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 isTableTop = rowIndex <= 0;
-    const isTableBottom = 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 { up, down } = isShowReorderButtons && tableProps.onRenderReorderActions
-        ? tableProps.onRenderReorderActions({ rowIndex, rowKey, cells, readonly: !!tableProps.readonly }) || {}
-        : {
-            up: undefined,
-            down: undefined
-        };
-    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: isTableTop || tableProps.isContentLoading || up?.disabled, iconName: __1.UiIcons.ArrowUp, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveUpClick, onFocus: () => {
-                props.onFocusRowAction('up');
-            }, title: up?.tooltip }),
-        react_1.default.createElement(UIFlexibleTableRowActionButton_1.UIFlexibleTableRowActionButton, { key: "down-action", actionName: "down", disabled: isTableBottom || tableProps.isContentLoading || down?.disabled, iconName: __1.UiIcons.ArrowDown, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveDownClick, onFocus: () => {
-                props.onFocusRowAction('down');
-            }, title: down?.tooltip })));
-    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, tooltip } = props.onRenderDeleteAction
-        ? props.onRenderDeleteAction(params)
-        : { isDeleteDisabled: false, tooltip: undefined };
-    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, title: tooltip }));
-}
+"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 isTableTop = rowIndex <= 0;
+    const isTableBottom = 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 { up, down } = isShowReorderButtons && tableProps.onRenderReorderActions
+        ? tableProps.onRenderReorderActions({ rowIndex, rowKey, cells, readonly: !!tableProps.readonly }) || {}
+        : {
+            up: undefined,
+            down: undefined
+        };
+    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: isTableTop || tableProps.isContentLoading || up?.disabled, iconName: __1.UiIcons.ArrowUp, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveUpClick, onFocus: () => {
+                props.onFocusRowAction('up');
+            }, title: up?.tooltip }),
+        react_1.default.createElement(UIFlexibleTableRowActionButton_1.UIFlexibleTableRowActionButton, { key: "down-action", actionName: "down", disabled: isTableBottom || tableProps.isContentLoading || down?.disabled, iconName: __1.UiIcons.ArrowDown, rowNumber: rowIndex, tableId: tableProps.id, onClick: props.onMoveDownClick, onFocus: () => {
+                props.onFocusRowAction('down');
+            }, title: down?.tooltip })));
+    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, tooltip } = props.onRenderDeleteAction
+        ? props.onRenderDeleteAction(params)
+        : { isDeleteDisabled: false, tooltip: undefined };
+    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, title: tooltip }));
+}
 //# sourceMappingURL=RowActions.js.map

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

@@ -1,17 +1,17 @@
-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 {};
+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.js

@@ -1,112 +1,112 @@
-"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
- * @param {string} tooltip
- * @returns {React.ReactNode}
- */
-function getCellTitleElement(tableProps, title, inRowLayout, tooltip) {
-    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: tooltip }, 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++) {
-        const column = tableProps.columns[i];
-        if (column.hidden) {
-            continue;
-        }
-        const colKey = column.key;
-        const { content, isSpan, cellClassNames, title, tooltip } = 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 = (0, utils_1.composeClassNames)('flexible-table-content-table-row-item-data-cells-wrapper', [
-                cellClassNames,
-                column.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 || column.title, isInRowLayout, tooltip || column.tooltip),
-                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;
+"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
+ * @param {string} tooltip
+ * @returns {React.ReactNode}
+ */
+function getCellTitleElement(tableProps, title, inRowLayout, tooltip) {
+    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: tooltip }, 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++) {
+        const column = tableProps.columns[i];
+        if (column.hidden) {
+            continue;
+        }
+        const colKey = column.key;
+        const { content, isSpan, cellClassNames, title, tooltip } = 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 = (0, utils_1.composeClassNames)('flexible-table-content-table-row-item-data-cells-wrapper', [
+                cellClassNames,
+                column.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 || column.title, isInRowLayout, tooltip || column.tooltip),
+                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/UIFlexibleTable.d.ts

@@ -1,12 +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;
+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