blixify-ui-web 0.2.14 → 0.2.16

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

@@ -130,7 +130,7 @@ var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
 var settingsModal_1 = require("./settingsModal");
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
@@ -141,73 +141,73 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var readQueryHocRef = (0, react_1.useRef)();
     var listRQueryHocRef = (0, react_1.useRef)();
     var typingTimeout = (0, react_1.useRef)();
-    var _y = (0, react_1.useState)(false), loading = _y[0], setLoading = _y[1];
-    var _z = (0, react_1.useState)(), notification = _z[0], setNotification = _z[1];
+    var _q = (0, react_1.useState)(false), loading = _q[0], setLoading = _q[1];
+    var _r = (0, react_1.useState)(), notification = _r[0], setNotification = _r[1];
     //INFO : Used by List
-    var _0 = (0, react_1.useState)({}), filterSearch = _0[0], setFilterSearch = _0[1];
-    var _1 = (0, react_1.useState)({}), filterSearchParams = _1[0], setFilterSearchParams = _1[1];
-    var _2 = (0, react_1.useState)({}), filterSelection = _2[0], setFilterSelection = _2[1];
-    var _3 = (0, react_1.useState)({}), filterReference = _3[0], setFilterReference = _3[1];
-    var _4 = (0, react_1.useState)({}), filterReferenceSearch = _4[0], setFilterReferenceSearch = _4[1];
-    var _5 = (0, react_1.useState)({}), filterReferenceList = _5[0], setFilterReferenceList = _5[1];
-    var _6 = (0, react_1.useState)({
+    var _s = (0, react_1.useState)({}), filterSearch = _s[0], setFilterSearch = _s[1];
+    var _t = (0, react_1.useState)({}), filterSearchParams = _t[0], setFilterSearchParams = _t[1];
+    var _u = (0, react_1.useState)({}), filterSelection = _u[0], setFilterSelection = _u[1];
+    var _v = (0, react_1.useState)({}), filterReference = _v[0], setFilterReference = _v[1];
+    var _w = (0, react_1.useState)({}), filterReferenceSearch = _w[0], setFilterReferenceSearch = _w[1];
+    var _x = (0, react_1.useState)({}), filterReferenceList = _x[0], setFilterReferenceList = _x[1];
+    var _y = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _6[0], setFilterReferenceDate = _6[1];
-    var _7 = (0, react_1.useState)(true), tableLoading = _7[0], setTableLoading = _7[1];
-    var _8 = (0, react_1.useState)(""), cursor = _8[0], setCursor = _8[1];
-    var _9 = (0, react_1.useState)(""), lastCursor = _9[0], setLastCursor = _9[1];
-    var _10 = (0, react_1.useState)([]), tableData = _10[0], setTableData = _10[1];
-    var _11 = (0, react_1.useState)([]), spaceTableData = _11[0], setSpaceTableData = _11[1];
-    var _12 = (0, react_1.useState)(0), size = _12[0], setSize = _12[1];
-    var _13 = (0, react_1.useState)(0), pageIndex = _13[0], setPageIndex = _13[1];
-    var _14 = (0, react_1.useState)([]), selectedIds = _14[0], setSelectedIds = _14[1];
-    var _15 = (0, react_1.useState)(false), selectAll = _15[0], setSelectAll = _15[1];
-    var _16 = (0, react_1.useState)(""), deletePasscode = _16[0], setDeletePasscode = _16[1];
-    var _17 = (0, react_1.useState)(""), deletePasscodeInput = _17[0], setDeletePasscodeInput = _17[1];
+    }), filterReferenceDate = _y[0], setFilterReferenceDate = _y[1];
+    var _z = (0, react_1.useState)(true), tableLoading = _z[0], setTableLoading = _z[1];
+    var _0 = (0, react_1.useState)(""), cursor = _0[0], setCursor = _0[1];
+    var _1 = (0, react_1.useState)(""), lastCursor = _1[0], setLastCursor = _1[1];
+    var _2 = (0, react_1.useState)([]), tableData = _2[0], setTableData = _2[1];
+    var _3 = (0, react_1.useState)([]), spaceTableData = _3[0], setSpaceTableData = _3[1];
+    var _4 = (0, react_1.useState)(0), size = _4[0], setSize = _4[1];
+    var _5 = (0, react_1.useState)(0), pageIndex = _5[0], setPageIndex = _5[1];
+    var _6 = (0, react_1.useState)([]), selectedIds = _6[0], setSelectedIds = _6[1];
+    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];
     //INFO : Used by List Organise
-    var _18 = (0, react_1.useState)(false), sortModal = _18[0], setSortModal = _18[1];
-    var _19 = (0, react_1.useState)(false), filterModal = _19[0], setFilterModal = _19[1];
-    var _20 = (0, react_1.useState)(false), addTabModal = _20[0], setAddTabModal = _20[1];
-    var _21 = (0, react_1.useState)(), selectedTab = _21[0], setSelectedTab = _21[1];
-    var _22 = (0, react_1.useState)("dayGridMonth"), calendarView = _22[0], setCalendarView = _22[1];
-    var _23 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _23[0], setCalendarTabMonth = _23[1];
-    var _24 = (0, react_1.useState)(false), queryForm = _24[0], setQueryForm = _24[1];
-    var _25 = (0, react_1.useState)(false), batchUpdateModal = _25[0], setBatchUpdateModal = _25[1];
-    var _26 = (0, react_1.useState)({
+    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)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _26[0], setBatchUpdateData = _26[1];
+    }), batchUpdateData = _18[0], setBatchUpdateData = _18[1];
     //INFO : Used by Export
-    var _27 = (0, react_1.useState)(null), csvFile = _27[0], setCSVFile = _27[1];
-    var _28 = (0, react_1.useState)([]), csvFileData = _28[0], setCSVFileData = _28[1];
-    var _29 = (0, react_1.useState)(0), stepCSVIndex = _29[0], setStepCSVIndex = _29[1];
-    var _30 = (0, react_1.useState)({}), listCSVMapAttribute = _30[0], setListCSVMapAttribute = _30[1];
-    var _31 = (0, react_1.useState)({}), listCSVObjAttribute = _31[0], setListCSVObjAttribute = _31[1];
-    var _32 = (0, react_1.useState)([]), csvAPIAttribute = _32[0], setCSVAPIAttribute = _32[1];
-    var _33 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _33[0], setExportCSVEmail = _33[1];
-    var _34 = (0, react_1.useState)([]), importTableData = _34[0], setImportTableData = _34[1];
-    var _35 = (0, react_1.useState)([]), queryList = _35[0], setQueryList = _35[1];
-    var _36 = (0, react_1.useState)(-1), queryIndex = _36[0], setQueryIndex = _36[1];
+    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];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _37 = (0, react_1.useState)(false), modalVisible = _37[0], setModalVisible = _37[1];
-    var _38 = (0, react_1.useState)(false), deleteModal = _38[0], setDeleteModal = _38[1];
-    var _39 = (0, react_1.useState)(false), excelModal = _39[0], setExcelModal = _39[1];
-    var _40 = (0, react_1.useState)(false), exportExcel = _40[0], setExportExcel = _40[1];
-    var _41 = (0, react_1.useState)(false), exportQR = _41[0], setExportQR = _41[1];
-    var _42 = (0, react_1.useState)({}), selectedData = _42[0], setSelectedData = _42[1];
-    var _43 = (0, react_1.useState)(""), selectedObjectStructureId = _43[0], setSelectedObjectStructureId = _43[1];
-    var _44 = (0, react_1.useState)(""), selectedObjectId = _44[0], setSelectedObjectId = _44[1];
-    var _45 = (0, react_1.useState)({}), selectedObjectData = _45[0], setSelectedObjectData = _45[1];
-    var _46 = (0, react_1.useState)(false), referenceLoading = _46[0], setReferenceLoading = _46[1];
-    var _47 = (0, react_1.useState)({}), referencesOptions = _47[0], setReferencesOptions = _47[1];
-    var _48 = (0, react_1.useState)({}), referenceDeleteTableData = _48[0], setReferenceDeleteTableData = _48[1];
-    var _49 = (0, react_1.useState)(0), referenceDeleteIndex = _49[0], setReferenceDeleteIndex = _49[1];
-    var _50 = (0, react_1.useState)({}), referenceModelSchema = _50[0], setReferenceSchema = _50[1];
+    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];
     //INFO : Offline
-    var _51 = (0, react_1.useState)(0), offlineDataLength = _51[0], setOfflineDataLength = _51[1];
-    var _52 = (0, react_1.useState)(false), offlineModal = _52[0], setOfflineModal = _52[1];
+    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 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;
@@ -3061,7 +3061,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Render Utils
     //=====================================================================================
     var renderDataTemplateFormContent = function (state, model, ref, isObject, isObjectList, modalInput) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return (0, updateModule_1.renderDataTemplateForm)(state, model, ref, {
             handleOnChangeAddress: handleOnChangeAddress,
             handleOnChangeText: handleOnChangeText,
@@ -3076,17 +3076,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             isObjectList: isObjectList,
             lib: {
                 axios: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios,
-                Dialog: (_b = props.lib) === null || _b === void 0 ? void 0 : _b.Dialog,
-                Transition: (_c = props === null || props === void 0 ? void 0 : props.lib) === null || _c === void 0 ? void 0 : _c.Transition,
+                Transition: (_b = props === null || props === void 0 ? void 0 : props.lib) === null || _b === void 0 ? void 0 : _b.Transition,
             },
             type: props.type,
             showId: showId,
         }, {
             dbModule: dbModule,
-            server: (_d = devSettings.server) !== null && _d !== void 0 ? _d : "mongoServer",
-            dbEndpoint: (_e = devSettings.dbEndpoint) !== null && _e !== void 0 ? _e : "",
-            dbApiToken: (_f = devSettings.dbAPIToken) !== null && _f !== void 0 ? _f : "",
-            dbUserToken: (_g = devSettings.dbUserToken) !== null && _g !== void 0 ? _g : "",
+            server: (_c = devSettings.server) !== null && _c !== void 0 ? _c : "mongoServer",
+            dbEndpoint: (_d = devSettings.dbEndpoint) !== null && _d !== void 0 ? _d : "",
+            dbApiToken: (_e = devSettings.dbAPIToken) !== null && _e !== void 0 ? _e : "",
+            dbUserToken: (_f = devSettings.dbUserToken) !== null && _f !== void 0 ? _f : "",
             referencesOptions: referencesOptions,
             referenceLoading: referenceLoading,
             setReferenceLoading: setReferenceLoading,
@@ -3102,7 +3101,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setSelectedObjectData: setSelectedObjectData,
             handlePopUpModal: handlePopUpModal,
             renderObjectTags: renderObjectTags,
-        }, props.onComplete ? true : false, (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareOffline, (_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareUpdateOneColumn);
+        }, props.onComplete ? true : false, (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline, (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareUpdateOneColumn);
     };
     var renderGridAndListData = function (imageTag, type) {
         var gridData = [];
@@ -3160,7 +3159,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, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3221,23 +3220,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else if (dataType === "read") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(detailList_1.DetailList, { lib: {
-                            Dialog: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.Dialog,
-                            Transition: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.Transition,
-                        }, model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadReferenceView)
+                    react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareReadReferenceView)
                             ? props.bareSettings.bareReadReferenceView
                             : undefined }),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
             }
         }
         else if (selectedTabData) {
-            if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareListComponent) {
+            if ((_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading),
-                    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: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode })));
+                    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: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.darkMode })));
             }
             else if (selectedTabData.viewType === "iframe") {
-                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_k = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _k !== void 0 ? _k : "", title: (_l = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _l !== void 0 ? _l : "", onLoad: props.onLoadIframe }));
+                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_h = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _h !== void 0 ? _h : "", title: (_j = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _j !== void 0 ? _j : "", onLoad: props.onLoadIframe }));
             }
             else if (selectedTabData.viewType === "list") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -3251,7 +3247,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(grid_1.Grid, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareListGridColClassName, className: "mt-5" })));
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareListGridColClassName, className: "mt-5" })));
             }
             else if (selectedTabData.viewType === "calendar") {
                 var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -3360,9 +3356,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             else if (selectedTabData.viewType === "feeds") {
                 var feedsSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.feedsSettings;
                 var contentList_1 = [];
-                var feedsTab = (_p = (_o = props.organise) === null || _o === void 0 ? void 0 : _o.extendedTabs) === null || _p === void 0 ? void 0 : _p.find(function (eachTab) { return eachTab.viewType === "feeds"; });
+                var feedsTab = (_m = (_l = props.organise) === null || _l === void 0 ? void 0 : _l.extendedTabs) === null || _m === void 0 ? void 0 : _m.find(function (eachTab) { return eachTab.viewType === "feeds"; });
                 if (feedsTab) {
-                    var customFeedsData = (_r = (_q = feedsTab.feedsSettings) === null || _q === void 0 ? void 0 : _q.customFeedsData) === null || _r === void 0 ? void 0 : _r.call(_q, tableData, spaceTableData);
+                    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;
@@ -3393,7 +3389,7 @@ 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: (_s = props.organise) === null || _s === void 0 ? void 0 : _s.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 })))));
             }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
@@ -3709,7 +3705,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     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(), lib: { Dialog: (_q = props.lib) === null || _q === void 0 ? void 0 : _q.Dialog, Transition: (_r = props.lib) === null || _r === void 0 ? void 0 : _r.Transition }, renderContent: renderModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;
@@ -3720,14 +3716,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
                 }
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, lib: { Dialog: (_s = props.lib) === null || _s === void 0 ? void 0 : _s.Dialog, Transition: (_t = props.lib) === null || _t === void 0 ? void 0 : _t.Transition }, renderContent: renderReferenceDeleteTable, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
                 setReferenceDeleteTableData({});
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_u = props.lib) === null || _u === void 0 ? void 0 : _u.Dialog, Transition: (_v = props.lib) === null || _v === void 0 ? void 0 : _v.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, lib: { Dialog: (_w = props.lib) === null || _w === void 0 ? void 0 : _w.Dialog, Transition: (_x = props.lib) === null || _x === void 0 ? void 0 : _x.Transition }, renderContent: renderBatchUpdateModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
                 setBatchUpdateData({ columnId: "", columnData: {} });
                 setBatchUpdateModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),