blixify-ui-web 1.2.56 → 1.2.59

package/lib/components/display/table/index.d.ts

@@ -28,6 +28,7 @@ interface EditableProps {
         active: boolean;
         onUpdateData: (rowId: string, columnId: string, data: any) => Promise<void>;
     };
+    onObjectEdit?: (rowId: string, columnId: string, data: any) => void;
 }
 interface DeleteableProps {
     deleteable?: {
@@ -100,9 +101,8 @@ export interface State {
     addColumnModal: string;
     referenceLoading: boolean;
     referencesOptions: {
-        key: string;
-        label: string;
-    }[];
+        [key: string]: Option[];
+    };
     referencesDetails: any;
     editDataRowId: string;
     editDataHeaderKey: string;
@@ -110,6 +110,7 @@ export interface State {
         [key: string]: any;
     };
     editDataIsLoading: boolean;
+    modalEditVisible: boolean;
 }
 export declare class Table extends Component<Props> {
     state: State;
@@ -119,7 +120,6 @@ export declare class Table extends Component<Props> {
     originalEditData: {
         [key: string]: any;
     };
-    hasActionFeatures: () => boolean | undefined;
     setReferencesOptions: (options: {}) => void;
     setReferencesDetails: (options: {}) => void;
     setReferenceLoading: (value: boolean) => void;
@@ -136,7 +136,21 @@ export declare class Table extends Component<Props> {
     handleOnChangeText: (e: any) => void;
     handleOnChangeSelect: (id: string, value: string) => void;
     handleOnChangeDate: (id: string, value: Date) => void;
+    handleOnChangeFile: (e: any) => void;
+    handleOnChangeFiles: (id: string, value: any, action: "upload" | "remove" | "tagEdit") => void;
+    renderUpdateMethods: () => {
+        handleOnChangeAddress: (id: string, address: AddressClass) => void;
+        handleOnChangeText: (e: any) => void;
+        handleOnChangeSelect: (id: string, value: string) => void;
+        handleOnChangeDate: (id: string, value: Date) => void;
+        handleOnChangeFile: (e: any) => void;
+        handleOnChangeFiles: (id: string, value: any, action: "upload" | "remove" | "tagEdit") => void;
+    };
+    handleNormalizeEditValue: (headerKey: string, data: any) => any;
     handleEditDataOnClick: (id: string, headerKey: string, data: {}) => void;
+    handleModalEditOnClick: (id: string, headerKey: string, data: {}) => void;
+    handleModalEditClose: () => void;
+    handleModalEditSave: () => Promise<void>;
     handleEditDataOnBlur: (rowId: string, columnId: string, data: any) => Promise<void>;
     handleRefreshTrigger: () => void;
     handleSelect: (data: any, event: any) => void;
@@ -178,6 +192,7 @@ export declare class Table extends Component<Props> {
         dataColor: string;
         textColor: string;
     };
+    renderModalEditor: () => React.JSX.Element | null;
     render(): React.JSX.Element;
 }
 export {};

package/lib/components/display/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/display/table/index.js

@@ -84,6 +84,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -101,8 +110,25 @@ var popUp_1 = require("../../advanced/popUp");
 var readModule_1 = require("../../data/readModule");
 var updateModule_1 = require("../../data/updateModule");
 var utils_1 = require("../../data/utils");
+var button_1 = require("../../action/button");
 var link_1 = require("../../structure/link");
 var modal_1 = require("../modal");
+var handleCheckModalEditEmpty = function (value) {
+    if (value === undefined || value === null)
+        return true;
+    if (typeof value === "string") {
+        var trimmed = value.trim();
+        return trimmed === "" || trimmed === "-";
+    }
+    if (Array.isArray(value))
+        return value.length === 0;
+    if (typeof value === "object") {
+        if (Array.isArray(value.data))
+            return value.data.length === 0;
+        return Object.values(value).every(function (each) { return each === undefined || each === null || each === ""; });
+    }
+    return false;
+};
 var defaultLimit = 10;
 var defaultPageSize = 5;
 var Table = /** @class */ (function (_super) {
@@ -119,12 +145,13 @@ var Table = /** @class */ (function (_super) {
             addColumnModal: "",
             filterModal: "",
             referenceLoading: false,
-            referencesOptions: [],
+            referencesOptions: {},
             referencesDetails: {},
             editDataRowId: "",
             editDataHeaderKey: "",
             editDataValue: {},
             editDataIsLoading: false,
+            modalEditVisible: false,
         };
         _this.dbModule = ((_a = _this.props.devSettings) === null || _a === void 0 ? void 0 : _a.server) === "firebase"
             ? (_b = _this.props.lib) === null || _b === void 0 ? void 0 : _b.firebase
@@ -133,15 +160,11 @@ var Table = /** @class */ (function (_super) {
         _this.editDataInputRefs = [];
         // INFO: snapshot of row data when editing starts — used for diff check on blur
         _this.originalEditData = {};
-        _this.hasActionFeatures = function () {
-            var _a, _b;
-            return ((_a = _this.props.addable) === null || _a === void 0 ? void 0 : _a.active) || ((_b = _this.props.deleteable) === null || _b === void 0 ? void 0 : _b.active);
-        };
         _this.setReferencesOptions = function (options) {
             _this.setState({ referencesOptions: options });
         };
         _this.setReferencesDetails = function (options) {
-            _this.setState({ referenceDetails: options });
+            _this.setState({ referencesDetails: options });
         };
         _this.setReferenceLoading = function (value) {
             _this.setState({ referenceLoading: value });
@@ -153,18 +176,8 @@ var Table = /** @class */ (function (_super) {
             var _a;
             if ((_a = _this.props.addable) === null || _a === void 0 ? void 0 : _a.active)
                 _this.handleCreateFormInputRefs("add");
-            if (_this.hasActionFeatures() && _this.props.devSettings) {
-                // const tableHeaderAsDataStructure =
-                //   this.handleConvertTableHeaderToDataStructure(this.props.header);
-                // handleRetrieveReferenceOptions(
-                //   {},
-                //   tableHeaderAsDataStructure,
-                //   this.props.lib?.axios,
-                //   this.props.devSettings,
-                //   this.setReferencesOptions,
-                //   this.setReferencesDetails
-                // );
-            }
+            // INFO: reference options are fetched per-cell by the Select component's
+            // own on-focus handler — one call per column focus, cached in state
             if (_this.props.fixedPagination)
                 window.addEventListener("scroll", _this.handleScroll);
         };
@@ -290,17 +303,130 @@ var Table = /** @class */ (function (_super) {
             clonedData[id] = value;
             _this.handleUpdateChangeData(clonedData);
         };
+        _this.handleOnChangeFile = function (e) {
+            var clonedData = _this.handleGenerateClonedData();
+            clonedData[e.target.id] =
+                e.target.files.length > 0 ? e.target.files[0] : undefined;
+            _this.handleUpdateChangeData(clonedData);
+        };
+        // INFO: mirrors DataTemplate's FilesObj bookkeeping — {data, upload, remove} —
+        // so a multipleImage edited from the list goes through the exact same upload
+        // pipeline on submit as one edited from the update form
+        _this.handleOnChangeFiles = function (id, value, action) {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var clonedData = _this.handleGenerateClonedData();
+            var previousData = (_b = (_a = clonedData[id]) === null || _a === void 0 ? void 0 : _a["data"]) !== null && _b !== void 0 ? _b : [];
+            var previousUploadData = (_d = (_c = clonedData[id]) === null || _c === void 0 ? void 0 : _c["upload"]) !== null && _d !== void 0 ? _d : [];
+            var previousRemoveData = (_f = (_e = clonedData[id]) === null || _e === void 0 ? void 0 : _e["remove"]) !== null && _f !== void 0 ? _f : [];
+            if (action === "tagEdit") {
+                var applyTagUpdates = function (target, source) {
+                    return target.map(function (item) {
+                        var match = source.find(function (s) { return s.token === item.token; });
+                        if (match) {
+                            return __assign(__assign({}, item), { tags: match.tags, description: match.description, hidden: match.hidden });
+                        }
+                        return item;
+                    });
+                };
+                clonedData[id] = __assign(__assign({}, clonedData[id]), { data: applyTagUpdates(previousData, (_g = value.data) !== null && _g !== void 0 ? _g : []), upload: applyTagUpdates(previousUploadData, (_h = value.upload) !== null && _h !== void 0 ? _h : []) });
+            }
+            else if (action === "upload") {
+                clonedData[id] = __assign(__assign({}, clonedData[id]), { upload: __spreadArray(__spreadArray([], value, true), previousUploadData, true) });
+            }
+            else {
+                if (previousData.some(function (file) { return file.token === value.token; })) {
+                    clonedData[id] = __assign(__assign({}, clonedData[id]), { data: previousData.filter(function (file) { return file.token !== value.token; }), remove: __spreadArray(__spreadArray([], previousRemoveData, true), [value], false) });
+                }
+                else {
+                    clonedData[id] = __assign(__assign({}, clonedData[id]), { upload: previousUploadData.filter(function (file) { return file.token !== value.token; }) });
+                }
+            }
+            _this.handleUpdateChangeData(clonedData);
+        };
+        _this.renderUpdateMethods = function () {
+            return {
+                handleOnChangeAddress: _this.handleOnChangeAddress,
+                handleOnChangeText: _this.handleOnChangeText,
+                handleOnChangeSelect: _this.handleOnChangeSelect,
+                handleOnChangeDate: _this.handleOnChangeDate,
+                handleOnChangeFile: _this.handleOnChangeFile,
+                handleOnChangeFiles: _this.handleOnChangeFiles,
+            };
+        };
+        // INFO: multiple-file fields store a plain [{token, fileName}] array but the
+        // form input works on the {data, upload, remove} FilesObj shape — normalise on
+        // the way into the editor, never in the row data itself
+        _this.handleNormalizeEditValue = function (headerKey, data) {
+            var _a;
+            var selectedHeader = _this.props.header.find(function (eachHeader) { return eachHeader.key === headerKey; });
+            if (!selectedHeader)
+                return data;
+            if (selectedHeader.type === "multipleImage" ||
+                selectedHeader.type === "multipleFile") {
+                var value = data[headerKey];
+                if (Array.isArray(value) || value === undefined || value === null) {
+                    return __assign(__assign({}, data), (_a = {}, _a[headerKey] = { data: value !== null && value !== void 0 ? value : [], upload: [], remove: [] }, _a));
+                }
+            }
+            return data;
+        };
         _this.handleEditDataOnClick = function (id, headerKey, data) {
             if (_this.state.editDataRowId !== id) {
                 _this.originalEditData = data;
                 _this.setState({
                     editDataRowId: id,
-                    editDataValue: data,
+                    editDataValue: _this.handleNormalizeEditValue(headerKey, data),
                 });
                 _this.handleCreateFormInputRefs("edit");
             }
             _this.setState({ addData: false, editDataHeaderKey: headerKey });
         };
+        _this.handleModalEditOnClick = function (id, headerKey, data) {
+            _this.originalEditData = data;
+            _this.setState({
+                editDataRowId: id,
+                editDataValue: _this.handleNormalizeEditValue(headerKey, data),
+                editDataHeaderKey: headerKey,
+                addData: false,
+                modalEditVisible: true,
+            });
+            _this.handleCreateFormInputRefs("edit");
+        };
+        _this.handleModalEditClose = function () {
+            _this.setState({
+                modalEditVisible: false,
+                editDataRowId: "",
+                editDataValue: {},
+                editDataHeaderKey: "",
+            });
+        };
+        _this.handleModalEditSave = function () { return __awaiter(_this, void 0, void 0, function () {
+            var _a, editDataRowId, editDataHeaderKey, editDataValue, value, isUntouchedFilesObj;
+            var _b, _c, _d, _e, _f, _g;
+            return __generator(this, function (_h) {
+                switch (_h.label) {
+                    case 0:
+                        _a = this.state, editDataRowId = _a.editDataRowId, editDataHeaderKey = _a.editDataHeaderKey, editDataValue = _a.editDataValue;
+                        value = editDataValue[editDataHeaderKey];
+                        isUntouchedFilesObj = value &&
+                            typeof value === "object" &&
+                            !Array.isArray(value) &&
+                            Array.isArray(value.data) &&
+                            ((_c = (_b = value.upload) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) === 0 &&
+                            ((_e = (_d = value.remove) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) === 0 &&
+                            JSON.stringify(value.data) ===
+                                JSON.stringify((_g = (_f = this.originalEditData) === null || _f === void 0 ? void 0 : _f[editDataHeaderKey]) !== null && _g !== void 0 ? _g : []);
+                        if (!!isUntouchedFilesObj) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.handleEditDataOnBlur(editDataRowId, editDataHeaderKey, editDataValue)];
+                    case 1:
+                        _h.sent();
+                        _h.label = 2;
+                    case 2:
+                        this.handleModalEditClose();
+                        return [2 /*return*/];
+                }
+            });
+        }); };
         _this.handleEditDataOnBlur = function (rowId, columnId, data) { return __awaiter(_this, void 0, void 0, function () {
             var completedCond, isDiff;
             var _a, _b, _c;
@@ -745,12 +871,7 @@ var Table = /** @class */ (function (_super) {
                 var originalHeaderType = (_a = filteredTableHeaderList[index]["type"]) !== null && _a !== void 0 ? _a : "string";
                 if (utils_1.supportedTableAddList.includes(originalHeaderType)) {
                     renderAddDataList.push(react_2.default.createElement("td", { key: eachHeader.id + String(index), className: "px-4 py-4 whitespace-nowrap align-top" },
-                        react_2.default.createElement("div", null, (0, updateModule_1.renderDataTemplateForm)(_this.state.addDataValue, [eachHeader], [_this.addDataInputRefs[index]], {
-                            handleOnChangeAddress: _this.handleOnChangeAddress,
-                            handleOnChangeText: _this.handleOnChangeText,
-                            handleOnChangeSelect: _this.handleOnChangeSelect,
-                            handleOnChangeDate: _this.handleOnChangeDate,
-                        }, false, undefined, undefined, {
+                        react_2.default.createElement("div", null, (0, updateModule_1.renderDataTemplateForm)(_this.state.addDataValue, [eachHeader], [_this.addDataInputRefs[index]], _this.renderUpdateMethods(), false, undefined, undefined, {
                             dbModule: axios_1.default,
                             devSettings: _this.props.devSettings,
                             referencesOptions: _this.state.referencesOptions,
@@ -804,14 +925,23 @@ var Table = /** @class */ (function (_super) {
                 ? _this.props.header
                 : _this.props.header.filter(function (eachHeader) { return eachHeader.key !== "id"; });
             filteredTableHeaderList.map(function (eachHeader, colIndex) {
-                var _a, _b, _c, _d, _e, _f, _g;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                 var value = selectedSpaceData
                     ? selectedSpaceData[eachHeader.key]
                     : eachData[eachHeader.key];
                 var editRowSelected = rowId === _this.state.editDataRowId;
                 // INFO: default to "string" when type is undefined so editable cells still work
                 var resolvedType = (_a = eachHeader.type) !== null && _a !== void 0 ? _a : "string";
-                var validateHeaderType = utils_1.supportedTableAddList.includes(resolvedType);
+                // INFO: "update" is DataTemplate's action column — its cell value is a
+                // React element, never data. Treating it as an editable string cell mounts
+                // a required empty TextInput whose validation silently blocks EVERY inline
+                // commit on the row
+                var isActionColumn = eachHeader.key === "update" && !eachHeader.type;
+                var validateHeaderType = !isActionColumn && utils_1.supportedInlineEditList.includes(resolvedType);
+                var modalEditType = !isActionColumn && utils_1.supportedModalEditList.includes(resolvedType);
+                var objectEditType = !isActionColumn &&
+                    resolvedType === "object" &&
+                    !!_this.props.onObjectEdit;
                 var rowClassName = function (header, isGroupHeader) {
                     var className = "px-6 py-4 text-sm ";
                     if (header.width) {
@@ -845,8 +975,30 @@ var Table = /** @class */ (function (_super) {
                 }
                 else {
                     var data = editRowSelected ? _this.state.editDataValue : eachData;
-                    if (((_d = _this.props.editable) === null || _d === void 0 ? void 0 : _d.active) && validateHeaderType) {
-                        var bareListDescription = (_f = (_e = _this.props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareListDescription) === null || _f === void 0 ? void 0 : _f.call(_e, eachHeader.key, value);
+                    if (((_d = _this.props.editable) === null || _d === void 0 ? void 0 : _d.active) && objectEditType) {
+                        renderRowData.push(react_2.default.createElement("td", { key: eachHeader.key + String(index), className: "".concat(rowClassName(eachHeader), " ").concat(dataColor) },
+                            react_2.default.createElement("div", { className: "cursor-pointer group/modaledit flex items-center gap-x-2 min-h-6", "data-testid": "table-object-edit-".concat(eachHeader.key), onClick: function (e) {
+                                    var _a, _b;
+                                    e.stopPropagation();
+                                    (_b = (_a = _this.props).onObjectEdit) === null || _b === void 0 ? void 0 : _b.call(_a, rowId, eachHeader.key, eachData);
+                                } },
+                                handleCheckModalEditEmpty(value) ? (react_2.default.createElement("span", { className: "text-gray-400 italic" }, "Add")) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord)),
+                                react_2.default.createElement(outline_1.PencilIcon, { className: "w-3.5 h-3.5 text-gray-400 opacity-0 group-hover/modaledit:opacity-100 flex-shrink-0" }))));
+                    }
+                    else if (((_e = _this.props.editable) === null || _e === void 0 ? void 0 : _e.active) && modalEditType) {
+                        // INFO: heavy editors (image upload, address autocomplete) get a Modal
+                        // instead of an in-cell input — the cell itself stays a read-only
+                        // preview that opens the editor on click
+                        renderRowData.push(react_2.default.createElement("td", { key: eachHeader.key + String(index), className: "".concat(rowClassName(eachHeader), " ").concat(dataColor) },
+                            react_2.default.createElement("div", { className: "cursor-pointer group/modaledit flex items-center gap-x-2 min-h-6", "data-testid": "table-modal-edit-".concat(eachHeader.key), onClick: function (e) {
+                                    e.stopPropagation();
+                                    _this.handleModalEditOnClick(rowId, eachHeader.key, eachData);
+                                } },
+                                handleCheckModalEditEmpty(value) ? (react_2.default.createElement("span", { className: "text-gray-400 italic" }, "Add")) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord)),
+                                react_2.default.createElement(outline_1.PencilIcon, { className: "w-3.5 h-3.5 text-gray-400 opacity-0 group-hover/modaledit:opacity-100 flex-shrink-0" }))));
+                    }
+                    else if (((_f = _this.props.editable) === null || _f === void 0 ? void 0 : _f.active) && validateHeaderType) {
+                        var bareListDescription = (_h = (_g = _this.props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListDescription) === null || _h === void 0 ? void 0 : _h.call(_g, eachHeader.key, value);
                         if (bareListDescription) {
                             renderRowData.push(react_2.default.createElement("td", { key: eachHeader.key + String(index), className: "".concat(rowClassName(eachHeader), " ").concat(dataColor) }, (0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord)));
                         }
@@ -857,7 +1009,7 @@ var Table = /** @class */ (function (_super) {
                     else if (_this.props.onClickRow) {
                         renderRowData.push(react_2.default.createElement("td", { key: eachHeader.key + String(index), className: clickableClassName }, _this.props.newTabUrl ? (react_2.default.createElement(link_1.Link, { href: _this.props.newTabUrl +
                                 rowId +
-                                ((_g = _this.props.addNewTabUrl) !== null && _g !== void 0 ? _g : ""), className: "w-full block", linkType: _this.props.linkType, custom: _this.props.custom }, (0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord))) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord))));
+                                ((_j = _this.props.addNewTabUrl) !== null && _j !== void 0 ? _j : ""), className: "w-full block", linkType: _this.props.linkType, custom: _this.props.custom }, (0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord))) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord))));
                     }
                     else {
                         renderRowData.push(react_2.default.createElement("td", { key: eachHeader.key + String(index), className: "".concat(rowClassName(eachHeader), " ").concat(dataColor) }, (0, readModule_1.renderEachRowDataBasedOnDataType)(eachHeader.key, value, _this.props.bareSettings, true, _this.props.disableEllipsisOnLongWord)));
@@ -879,12 +1031,7 @@ var Table = /** @class */ (function (_super) {
                 react_2.default.createElement("div", { onClick: function (e) {
                         e.stopPropagation();
                         _this.handleEditDataOnClick(rowId, eachHeader.key, data);
-                    }, className: "w-max p-[1px]" }, (0, updateModule_1.renderDataTemplateForm)(data, [tempDS], refs, {
-                    handleOnChangeAddress: _this.handleOnChangeAddress,
-                    handleOnChangeText: _this.handleOnChangeText,
-                    handleOnChangeSelect: _this.handleOnChangeSelect,
-                    handleOnChangeDate: _this.handleOnChangeDate,
-                }, false, {
+                    }, className: "w-max p-[1px]" }, (0, updateModule_1.renderDataTemplateForm)(data, [tempDS], refs, _this.renderUpdateMethods(), false, {
                     active: true,
                     onBlur: function (updateData) {
                         return _this.handleEditDataOnBlur(_this.state.editDataRowId, eachHeader.key, updateData !== null && updateData !== void 0 ? updateData : data);
@@ -1009,6 +1156,39 @@ var Table = /** @class */ (function (_super) {
                 textColor: textColor,
             };
         };
+        _this.renderModalEditor = function () {
+            var _a;
+            var _b = _this.state, editDataHeaderKey = _b.editDataHeaderKey, editDataValue = _b.editDataValue, modalEditVisible = _b.modalEditVisible;
+            var selectedHeader = _this.props.header.find(function (eachHeader) { return eachHeader.key === editDataHeaderKey; });
+            if (!modalEditVisible || !selectedHeader)
+                return null;
+            var tempDS = __assign(__assign({}, selectedHeader), { id: selectedHeader.key, name: selectedHeader.title, type: (_a = selectedHeader.type) !== null && _a !== void 0 ? _a : "string" });
+            return (react_2.default.createElement(modal_1.Modal, { open: modalEditVisible, title: "Edit ".concat(selectedHeader.title), maxWidth: "3xl", testId: "table-modal-editor", renderContent: function () {
+                    var _a, _b, _c, _d;
+                    return (react_2.default.createElement("div", { className: "text-left space-y-6 pt-2" },
+                        (0, updateModule_1.renderDataTemplateForm)(editDataValue, [tempDS], _this.editDataInputRefs, _this.renderUpdateMethods(), true, undefined, {
+                            id: _this.state.editDataRowId,
+                            type: "list",
+                            showId: _this.props.showId,
+                        }, {
+                            dbModule: axios_1.default,
+                            devSettings: _this.props.devSettings,
+                            referencesOptions: _this.state.referencesOptions,
+                            referencesDetails: _this.state.referencesDetails,
+                            referenceLoading: _this.state.referenceLoading,
+                            setReferenceLoading: _this.setReferenceLoading,
+                            setReferencesOptions: _this.setReferencesOptions,
+                            setReferencesDetails: _this.setReferencesDetails,
+                        }, {
+                            imageEndpoint: (_b = (_a = _this.props.devSettings) === null || _a === void 0 ? void 0 : _a.imageEndpoint) !== null && _b !== void 0 ? _b : "",
+                            imageBucketName: (_c = _this.props.devSettings) === null || _c === void 0 ? void 0 : _c.bucketName,
+                            maxFileSize: (_d = _this.props.devSettings) === null || _d === void 0 ? void 0 : _d.maxFileSize,
+                        }),
+                        react_2.default.createElement("div", { className: "flex justify-end gap-3", "data-testid": "table-modal-editor-actions" },
+                            react_2.default.createElement(button_1.Button, { text: "Cancel", type: "light", onClick: _this.handleModalEditClose }),
+                            react_2.default.createElement(button_1.Button, { text: _this.state.editDataIsLoading ? "Saving" : "Save", type: "normal", disable: _this.state.editDataIsLoading, onClick: _this.handleModalEditSave }))));
+                }, onClose: _this.handleModalEditClose }));
+        };
         return _this;
     }
     Table.prototype.componentWillUnmount = function () {
@@ -1036,6 +1216,7 @@ var Table = /** @class */ (function (_super) {
                 }, onClose: function () {
                     _this.handleAddColumnModal("");
                 } }),
+            this.renderModalEditor(),
             react_2.default.createElement("div", { className: "relative align-middle min-w-full overflow-x-auto shadow ".concat(bgColor, " sm:rounded-t-lg") },
                 (this.props.selectAll ||
                     (this.props.selectedIds