blixify-ui-web 0.2.17 → 0.2.19

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAON,MAAM,OAAO,CAAC;AAqDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAk7IvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAON,MAAM,OAAO,CAAC;AAqDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAQ1B,eAAO,MAAM,YAAY,mFAggJvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -129,6 +129,7 @@ var dataStateModel_1 = require("./dataStateModel");
 var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
 var settingsModal_1 = require("./settingsModal");
+var HeroIcons = __importStar(require("@heroicons/react/24/solid"));
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var formRef = (0, react_1.createRef)();
@@ -165,49 +166,50 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _7 = (0, react_1.useState)(false), selectAll = _7[0], setSelectAll = _7[1];
     var _8 = (0, react_1.useState)(""), deletePasscode = _8[0], setDeletePasscode = _8[1];
     var _9 = (0, react_1.useState)(""), deletePasscodeInput = _9[0], setDeletePasscodeInput = _9[1];
+    var _10 = (0, react_1.useState)(""), deleteFeedId = _10[0], setDeleteFeedId = _10[1];
     //INFO : Used by List Organise
-    var _10 = (0, react_1.useState)(false), sortModal = _10[0], setSortModal = _10[1];
-    var _11 = (0, react_1.useState)(false), filterModal = _11[0], setFilterModal = _11[1];
-    var _12 = (0, react_1.useState)(false), addTabModal = _12[0], setAddTabModal = _12[1];
-    var _13 = (0, react_1.useState)(), selectedTab = _13[0], setSelectedTab = _13[1];
-    var _14 = (0, react_1.useState)("dayGridMonth"), calendarView = _14[0], setCalendarView = _14[1];
-    var _15 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _15[0], setCalendarTabMonth = _15[1];
-    var _16 = (0, react_1.useState)(false), queryForm = _16[0], setQueryForm = _16[1];
-    var _17 = (0, react_1.useState)(false), batchUpdateModal = _17[0], setBatchUpdateModal = _17[1];
-    var _18 = (0, react_1.useState)({
+    var _11 = (0, react_1.useState)(false), sortModal = _11[0], setSortModal = _11[1];
+    var _12 = (0, react_1.useState)(false), filterModal = _12[0], setFilterModal = _12[1];
+    var _13 = (0, react_1.useState)(false), addTabModal = _13[0], setAddTabModal = _13[1];
+    var _14 = (0, react_1.useState)(), selectedTab = _14[0], setSelectedTab = _14[1];
+    var _15 = (0, react_1.useState)("dayGridMonth"), calendarView = _15[0], setCalendarView = _15[1];
+    var _16 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _16[0], setCalendarTabMonth = _16[1];
+    var _17 = (0, react_1.useState)(false), queryForm = _17[0], setQueryForm = _17[1];
+    var _18 = (0, react_1.useState)(false), batchUpdateModal = _18[0], setBatchUpdateModal = _18[1];
+    var _19 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _18[0], setBatchUpdateData = _18[1];
+    }), batchUpdateData = _19[0], setBatchUpdateData = _19[1];
     //INFO : Used by Export
-    var _19 = (0, react_1.useState)(null), csvFile = _19[0], setCSVFile = _19[1];
-    var _20 = (0, react_1.useState)([]), csvFileData = _20[0], setCSVFileData = _20[1];
-    var _21 = (0, react_1.useState)(0), stepCSVIndex = _21[0], setStepCSVIndex = _21[1];
-    var _22 = (0, react_1.useState)({}), listCSVMapAttribute = _22[0], setListCSVMapAttribute = _22[1];
-    var _23 = (0, react_1.useState)({}), listCSVObjAttribute = _23[0], setListCSVObjAttribute = _23[1];
-    var _24 = (0, react_1.useState)([]), csvAPIAttribute = _24[0], setCSVAPIAttribute = _24[1];
-    var _25 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _25[0], setExportCSVEmail = _25[1];
-    var _26 = (0, react_1.useState)([]), importTableData = _26[0], setImportTableData = _26[1];
-    var _27 = (0, react_1.useState)([]), queryList = _27[0], setQueryList = _27[1];
-    var _28 = (0, react_1.useState)(-1), queryIndex = _28[0], setQueryIndex = _28[1];
+    var _20 = (0, react_1.useState)(null), csvFile = _20[0], setCSVFile = _20[1];
+    var _21 = (0, react_1.useState)([]), csvFileData = _21[0], setCSVFileData = _21[1];
+    var _22 = (0, react_1.useState)(0), stepCSVIndex = _22[0], setStepCSVIndex = _22[1];
+    var _23 = (0, react_1.useState)({}), listCSVMapAttribute = _23[0], setListCSVMapAttribute = _23[1];
+    var _24 = (0, react_1.useState)({}), listCSVObjAttribute = _24[0], setListCSVObjAttribute = _24[1];
+    var _25 = (0, react_1.useState)([]), csvAPIAttribute = _25[0], setCSVAPIAttribute = _25[1];
+    var _26 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _26[0], setExportCSVEmail = _26[1];
+    var _27 = (0, react_1.useState)([]), importTableData = _27[0], setImportTableData = _27[1];
+    var _28 = (0, react_1.useState)([]), queryList = _28[0], setQueryList = _28[1];
+    var _29 = (0, react_1.useState)(-1), queryIndex = _29[0], setQueryIndex = _29[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _29 = (0, react_1.useState)(false), modalVisible = _29[0], setModalVisible = _29[1];
-    var _30 = (0, react_1.useState)(false), deleteModal = _30[0], setDeleteModal = _30[1];
-    var _31 = (0, react_1.useState)(false), excelModal = _31[0], setExcelModal = _31[1];
-    var _32 = (0, react_1.useState)(false), exportExcel = _32[0], setExportExcel = _32[1];
-    var _33 = (0, react_1.useState)(false), exportQR = _33[0], setExportQR = _33[1];
-    var _34 = (0, react_1.useState)({}), selectedData = _34[0], setSelectedData = _34[1];
-    var _35 = (0, react_1.useState)(""), selectedObjectStructureId = _35[0], setSelectedObjectStructureId = _35[1];
-    var _36 = (0, react_1.useState)(""), selectedObjectId = _36[0], setSelectedObjectId = _36[1];
-    var _37 = (0, react_1.useState)({}), selectedObjectData = _37[0], setSelectedObjectData = _37[1];
-    var _38 = (0, react_1.useState)(false), referenceLoading = _38[0], setReferenceLoading = _38[1];
-    var _39 = (0, react_1.useState)({}), referencesOptions = _39[0], setReferencesOptions = _39[1];
-    var _40 = (0, react_1.useState)({}), referenceDeleteTableData = _40[0], setReferenceDeleteTableData = _40[1];
-    var _41 = (0, react_1.useState)(0), referenceDeleteIndex = _41[0], setReferenceDeleteIndex = _41[1];
-    var _42 = (0, react_1.useState)({}), referenceModelSchema = _42[0], setReferenceSchema = _42[1];
+    var _30 = (0, react_1.useState)(false), modalVisible = _30[0], setModalVisible = _30[1];
+    var _31 = (0, react_1.useState)(false), deleteModal = _31[0], setDeleteModal = _31[1];
+    var _32 = (0, react_1.useState)(false), excelModal = _32[0], setExcelModal = _32[1];
+    var _33 = (0, react_1.useState)(false), exportExcel = _33[0], setExportExcel = _33[1];
+    var _34 = (0, react_1.useState)(false), exportQR = _34[0], setExportQR = _34[1];
+    var _35 = (0, react_1.useState)({}), selectedData = _35[0], setSelectedData = _35[1];
+    var _36 = (0, react_1.useState)(""), selectedObjectStructureId = _36[0], setSelectedObjectStructureId = _36[1];
+    var _37 = (0, react_1.useState)(""), selectedObjectId = _37[0], setSelectedObjectId = _37[1];
+    var _38 = (0, react_1.useState)({}), selectedObjectData = _38[0], setSelectedObjectData = _38[1];
+    var _39 = (0, react_1.useState)(false), referenceLoading = _39[0], setReferenceLoading = _39[1];
+    var _40 = (0, react_1.useState)({}), referencesOptions = _40[0], setReferencesOptions = _40[1];
+    var _41 = (0, react_1.useState)({}), referenceDeleteTableData = _41[0], setReferenceDeleteTableData = _41[1];
+    var _42 = (0, react_1.useState)(0), referenceDeleteIndex = _42[0], setReferenceDeleteIndex = _42[1];
+    var _43 = (0, react_1.useState)({}), referenceModelSchema = _43[0], setReferenceSchema = _43[1];
     //INFO : Offline
-    var _43 = (0, react_1.useState)(0), offlineDataLength = _43[0], setOfflineDataLength = _43[1];
-    var _44 = (0, react_1.useState)(false), offlineModal = _44[0], setOfflineModal = _44[1];
+    var _44 = (0, react_1.useState)(0), offlineDataLength = _44[0], setOfflineDataLength = _44[1];
+    var _45 = (0, react_1.useState)(false), offlineModal = _45[0], setOfflineModal = _45[1];
     var devSettings = props.devSettings;
     var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
     var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
@@ -1258,16 +1260,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleRemoveSelectedData = function () { return __awaiter(void 0, void 0, void 0, function () {
         var deletable, selectedId_1, deleteIds, res, offlineDataResp, offlineData, selectedIndex_2, err_7;
-        var _a, _b, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
-                    _f.trys.push([0, 9, , 10]);
+                    _h.trys.push([0, 9, , 10]);
                     deletable = true;
-                    selectedId_1 = props.id;
+                    selectedId_1 = deleteFeedId || props.id;
                     return [4 /*yield*/, handleCheckDeleteReference([selectedData])];
                 case 1:
-                    deleteIds = _f.sent();
+                    deleteIds = _h.sent();
                     if (deleteIds && deleteIds.length <= 0)
                         deletable = false;
                     if (!(selectedId_1 && deletable)) return [3 /*break*/, 8];
@@ -1278,7 +1280,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 4];
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
                 case 2:
-                    offlineDataResp = _f.sent();
+                    offlineDataResp = _h.sent();
                     offlineData = (_b = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _b !== void 0 ? _b : [];
                     selectedIndex_2 = -1;
                     offlineData.map(function (eachOfflineData, index) {
@@ -1294,26 +1296,31 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: props.collectionId,
                         })];
                 case 3:
-                    _f.sent();
+                    _h.sent();
                     res = true;
                     return [3 /*break*/, 7];
                 case 4: return [4 /*yield*/, handleRemoveImage((_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
                 case 5:
-                    _f.sent();
+                    _h.sent();
                     return [4 /*yield*/, writeServerQuery.call("delete", { id: selectedId_1 })];
                 case 6:
-                    res = _f.sent();
-                    _f.label = 7;
+                    res = _h.sent();
+                    _h.label = 7;
                 case 7:
                     if (res) {
                         handleRefresh();
-                        (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.handleNavigate) === null || _e === void 0 ? void 0 : _e.call(_d, "list", "", "general");
+                        if (selectedTab) {
+                            (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.handleNavigate) === null || _e === void 0 ? void 0 : _e.call(_d, "list", "", selectedTab.id);
+                        }
+                        else
+                            (_g = (_f = props.organise) === null || _f === void 0 ? void 0 : _f.handleNavigate) === null || _g === void 0 ? void 0 : _g.call(_f, "list", "", "general");
                     }
-                    _f.label = 8;
+                    _h.label = 8;
                 case 8: return [3 /*break*/, 10];
                 case 9:
-                    err_7 = _f.sent();
+                    err_7 = _h.sent();
                     setDeleteModal(false);
+                    setDeleteFeedId("");
                     return [3 /*break*/, 10];
                 case 10:
                     setLoading(false);
@@ -1892,16 +1899,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
         var res, err_14;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
-                    _c.trys.push([0, 2, , 3]);
+                    _e.trys.push([0, 2, , 3]);
                     setLoading(true);
                     setModalVisible(true);
                     return [4 /*yield*/, handleSubmitData()];
                 case 1:
-                    res = _c.sent();
+                    res = _e.sent();
                     setModalVisible(false);
                     setLoading(false);
                     if (res) {
@@ -1912,12 +1919,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         else {
                             if (props.id === "new")
                                 handleRefresh();
-                            (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "list", "", "general");
+                            if (selectedTab) {
+                                (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "list", "", selectedTab.id);
+                            }
+                            else
+                                (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate) === null || _d === void 0 ? void 0 : _d.call(_c, "list", "", "general");
                         }
                     }
                     return [3 /*break*/, 3];
                 case 2:
-                    err_14 = _c.sent();
+                    err_14 = _e.sent();
                     console.log(err_14);
                     setModalVisible(false);
                     setLoading(false);
@@ -3159,7 +3170,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return gridData;
     };
     var renderTabContent = function (tabs, dataType, viewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3361,27 +3372,38 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     var customFeedsData = (_p = (_o = feedsTab.feedsSettings) === null || _o === void 0 ? void 0 : _o.customFeedsData) === null || _p === void 0 ? void 0 : _p.call(_o, tableData, spaceTableData);
                     if (customFeedsData && customFeedsData.length > 0) {
                         customFeedsData.map(function (eachData) {
-                            var _a, _b, _c, _d, _e;
+                            var _a, _b, _c, _d, _e, _f;
                             var content = {
                                 content: (_a = eachData.title) !== null && _a !== void 0 ? _a : "",
                                 addContent: (_b = eachData.content) !== null && _b !== void 0 ? _b : "",
-                                step: (_c = eachData.desc) !== null && _c !== void 0 ? _c : "",
-                                iconClass: (_d = eachData.iconClass) !== null && _d !== void 0 ? _d : "",
-                                iconType: (_e = eachData.icon) !== null && _e !== void 0 ? _e : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
+                                step: (react_1.default.createElement("div", { className: "flex flex-col" },
+                                    eachData.desc && react_1.default.createElement("div", null, eachData.desc),
+                                    (((_c = props.edit) === null || _c === void 0 ? void 0 : _c.allEditable) || ((_d = props.edit) === null || _d === void 0 ? void 0 : _d.deleteBtn)) &&
+                                        renderFeedsUpdateDeleteButtons(eachData[serverId], eachData.desc))),
+                                iconClass: (_e = eachData.iconClass) !== null && _e !== void 0 ? _e : "",
+                                iconType: (_f = eachData.icon) !== null && _f !== void 0 ? _f : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
                             };
                             contentList_1.push(content);
                             return null;
                         });
                     }
                     else {
+                        var selectedIcon_1 = undefined;
+                        var IconFound = HeroIcons[feedsSettings_1.icon];
+                        if (IconFound) {
+                            selectedIcon_1 = react_1.default.createElement(IconFound, { className: "h-5 w-5 text-white" });
+                        }
                         spaceTableData.map(function (eachData) {
                             var _a, _b, _c, _d, _e;
                             var content = {
                                 content: (_a = eachData[feedsSettings_1.title]) !== null && _a !== void 0 ? _a : "",
                                 addContent: (react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, (_b = eachData[feedsSettings_1.content]) !== null && _b !== void 0 ? _b : "")),
-                                step: (_c = eachData[feedsSettings_1.desc]) !== null && _c !== void 0 ? _c : "",
-                                iconClass: (_d = feedsSettings_1.iconClass) !== null && _d !== void 0 ? _d : "bg-primary-500",
-                                iconType: (_e = feedsSettings_1.icon) !== null && _e !== void 0 ? _e : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
+                                step: (react_1.default.createElement("div", { className: "flex flex-col" },
+                                    eachData[feedsSettings_1.desc] && (react_1.default.createElement("div", null, eachData[feedsSettings_1.desc])),
+                                    (((_c = props.edit) === null || _c === void 0 ? void 0 : _c.allEditable) || ((_d = props.edit) === null || _d === void 0 ? void 0 : _d.deleteBtn)) &&
+                                        renderFeedsUpdateDeleteButtons(eachData.id, eachData[feedsSettings_1.desc]))),
+                                iconClass: (_e = feedsSettings_1.iconClass) !== null && _e !== void 0 ? _e : "bg-primary-500",
+                                iconType: selectedIcon_1 ? (selectedIcon_1) : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
                             };
                             contentList_1.push(content);
                             return null;
@@ -3389,7 +3411,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-sm" },
-                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.darkMode })))));
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.darkMode }),
+                    react_1.default.createElement("div", { className: "my-10" }),
+                    react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_r = props.organise) === null || _r === void 0 ? void 0 : _r.darkMode })))));
             }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
@@ -3609,9 +3633,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 react_1.default.createElement("p", { className: "mt-2 mb-4" },
                     "Are you sure you want to permanently delete",
                     " ",
-                    props.type === "list" ? "these" : "this",
+                    props.type === "list" && !deleteFeedId ? "these" : "this",
                     " data?"),
-                props.type === "list" && (react_1.default.createElement(react_1.default.Fragment, null,
+                props.type === "list" && !deleteFeedId && (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("p", { className: "mb-2" },
                         "Enter passcode",
                         " ",
@@ -3624,8 +3648,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             setDeleteModal(false);
                         } }),
                     react_1.default.createElement(button_1.Button, { text: "Delete", size: "small", type: "danger", onClick: function () {
-                            if (props.type === "list")
+                            if (selectedTab &&
+                                selectedTab.viewType === "feeds" &&
+                                deleteFeedId) {
+                                handleRemoveSelectedData();
+                            }
+                            else if (props.type === "list") {
                                 handleMultipleRemoveSelectedData();
+                            }
                             else
                                 handleRemoveSelectedData();
                         } })))));
@@ -3703,6 +3733,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else
             return "";
     };
+    var renderFeedsUpdateDeleteButtons = function (id, description) {
+        var _a, _b;
+        return (react_1.default.createElement("div", { className: "w-full flex justify-end gap-4 ".concat(description && "mt-2") },
+            ((_a = props.edit) === null || _a === void 0 ? void 0 : _a.allEditable) && (react_1.default.createElement(outline_1.PencilSquareIcon, { className: "h-5 w-5 text-primary-500 hover:cursor-pointer", onClick: function () {
+                    var _a, _b;
+                    (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "update", id);
+                } })),
+            ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.deleteBtn) && (react_1.default.createElement(outline_1.TrashIcon, { className: "h-5 w-5 text-red-500 hover:cursor-pointer", onClick: function () {
+                    setDeleteModal(true);
+                    setDeleteFeedId(id);
+                } }))));
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
         react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
@@ -3722,6 +3764,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         react_1.default.createElement(modal_1.Modal, { open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
+                setDeleteFeedId("");
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
         react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
                 setBatchUpdateData({ columnId: "", columnData: {} });