blixify-ui-web 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/components/data/dataTemplate/index.d.ts.map +1 -1
  2. package/lib/components/data/dataTemplate/index.js +434 -135
  3. package/lib/components/data/dataTemplate/index.js.map +1 -1
  4. package/lib/components/data/dataTemplate/model.d.ts +6 -0
  5. package/lib/components/data/dataTemplate/model.d.ts.map +1 -1
  6. package/lib/components/data/stories.d.ts +1 -1
  7. package/lib/components/data/stories.d.ts.map +1 -1
  8. package/lib/components/data/stories.js +2 -2
  9. package/lib/components/data/stories.js.map +1 -1
  10. package/package.json +1 -1
package/lib/components/data/dataTemplate/index.js CHANGED
@@ -69,6 +69,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
69
69
  if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
70
70
  }
71
71
  };
72
+ var __asyncValues = (this && this.__asyncValues) || function (o) {
73
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
74
+ var m = o[Symbol.asyncIterator], i;
75
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
76
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
77
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
78
+ };
72
79
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
73
80
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
74
81
  if (ar || !(i in from)) {
@@ -112,6 +119,7 @@ var blobModule_1 = require("../blobModule");
112
119
  var listModule_1 = require("../listModule");
113
120
  var queryForm_1 = require("../queryForm");
114
121
  var readModule_1 = require("../readModule");
122
+ var readQuery_1 = require("../readQuery");
115
123
  var readQueryHoc_1 = require("../readQueryHoc");
116
124
  var updateModule_1 = require("../updateModule");
117
125
  var utils_1 = require("../utils");
@@ -121,7 +129,7 @@ var indexedDb_1 = require("./indexedDb");
121
129
  var pagination_1 = require("./pagination");
122
130
  var settingsModal_1 = require("./settingsModal");
123
131
  exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
124
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
132
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
125
133
  var formRef = (0, react_1.createRef)();
126
134
  var objectFormRef = (0, react_1.createRef)();
127
135
  var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
@@ -132,71 +140,73 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
132
140
  var readQueryHocRef = (0, react_1.useRef)();
133
141
  var listRQueryHocRef = (0, react_1.useRef)();
134
142
  var typingTimeout = (0, react_1.useRef)();
135
- var _v = (0, react_1.useState)(false), loading = _v[0], setLoading = _v[1];
136
- var _w = (0, react_1.useState)(), notification = _w[0], setNotification = _w[1];
143
+ var _y = (0, react_1.useState)(false), loading = _y[0], setLoading = _y[1];
144
+ var _z = (0, react_1.useState)(), notification = _z[0], setNotification = _z[1];
137
145
  //INFO : Used by List
138
- var _x = (0, react_1.useState)({}), filterSearch = _x[0], setFilterSearch = _x[1];
139
- var _y = (0, react_1.useState)({}), filterSearchParams = _y[0], setFilterSearchParams = _y[1];
140
- var _z = (0, react_1.useState)({}), filterSelection = _z[0], setFilterSelection = _z[1];
141
- var _0 = (0, react_1.useState)({}), filterReference = _0[0], setFilterReference = _0[1];
142
- var _1 = (0, react_1.useState)({}), filterReferenceSearch = _1[0], setFilterReferenceSearch = _1[1];
143
- var _2 = (0, react_1.useState)({}), filterReferenceList = _2[0], setFilterReferenceList = _2[1];
144
- var _3 = (0, react_1.useState)({
146
+ var _0 = (0, react_1.useState)({}), filterSearch = _0[0], setFilterSearch = _0[1];
147
+ var _1 = (0, react_1.useState)({}), filterSearchParams = _1[0], setFilterSearchParams = _1[1];
148
+ var _2 = (0, react_1.useState)({}), filterSelection = _2[0], setFilterSelection = _2[1];
149
+ var _3 = (0, react_1.useState)({}), filterReference = _3[0], setFilterReference = _3[1];
150
+ var _4 = (0, react_1.useState)({}), filterReferenceSearch = _4[0], setFilterReferenceSearch = _4[1];
151
+ var _5 = (0, react_1.useState)({}), filterReferenceList = _5[0], setFilterReferenceList = _5[1];
152
+ var _6 = (0, react_1.useState)({
145
153
  startDate: undefined,
146
154
  endDate: undefined,
147
- }), filterReferenceDate = _3[0], setFilterReferenceDate = _3[1];
148
- var _4 = (0, react_1.useState)(true), tableLoading = _4[0], setTableLoading = _4[1];
149
- var _5 = (0, react_1.useState)(""), cursor = _5[0], setCursor = _5[1];
150
- var _6 = (0, react_1.useState)(""), lastCursor = _6[0], setLastCursor = _6[1];
151
- var _7 = (0, react_1.useState)([]), tableData = _7[0], setTableData = _7[1];
152
- var _8 = (0, react_1.useState)([]), spaceTableData = _8[0], setSpaceTableData = _8[1];
153
- var _9 = (0, react_1.useState)(0), size = _9[0], setSize = _9[1];
154
- var _10 = (0, react_1.useState)(0), pageIndex = _10[0], setPageIndex = _10[1];
155
- var _11 = (0, react_1.useState)([]), selectedIds = _11[0], setSelectedIds = _11[1];
156
- var _12 = (0, react_1.useState)(false), selectAll = _12[0], setSelectAll = _12[1];
157
- var _13 = (0, react_1.useState)(""), deletePasscode = _13[0], setDeletePasscode = _13[1];
158
- var _14 = (0, react_1.useState)(""), deletePasscodeInput = _14[0], setDeletePasscodeInput = _14[1];
155
+ }), filterReferenceDate = _6[0], setFilterReferenceDate = _6[1];
156
+ var _7 = (0, react_1.useState)(true), tableLoading = _7[0], setTableLoading = _7[1];
157
+ var _8 = (0, react_1.useState)(""), cursor = _8[0], setCursor = _8[1];
158
+ var _9 = (0, react_1.useState)(""), lastCursor = _9[0], setLastCursor = _9[1];
159
+ var _10 = (0, react_1.useState)([]), tableData = _10[0], setTableData = _10[1];
160
+ var _11 = (0, react_1.useState)([]), spaceTableData = _11[0], setSpaceTableData = _11[1];
161
+ var _12 = (0, react_1.useState)(0), size = _12[0], setSize = _12[1];
162
+ var _13 = (0, react_1.useState)(0), pageIndex = _13[0], setPageIndex = _13[1];
163
+ var _14 = (0, react_1.useState)([]), selectedIds = _14[0], setSelectedIds = _14[1];
164
+ var _15 = (0, react_1.useState)(false), selectAll = _15[0], setSelectAll = _15[1];
165
+ var _16 = (0, react_1.useState)(""), deletePasscode = _16[0], setDeletePasscode = _16[1];
166
+ var _17 = (0, react_1.useState)(""), deletePasscodeInput = _17[0], setDeletePasscodeInput = _17[1];
159
167
  //INFO : Used by List Organise
160
- var _15 = (0, react_1.useState)(false), sortModal = _15[0], setSortModal = _15[1];
161
- var _16 = (0, react_1.useState)(false), filterModal = _16[0], setFilterModal = _16[1];
162
- var _17 = (0, react_1.useState)(false), addTabModal = _17[0], setAddTabModal = _17[1];
163
- var _18 = (0, react_1.useState)(), selectedTab = _18[0], setSelectedTab = _18[1];
164
- var _19 = (0, react_1.useState)("dayGridMonth"), calendarView = _19[0], setCalendarView = _19[1];
165
- var _20 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _20[0], setCalendarTabMonth = _20[1];
166
- var _21 = (0, react_1.useState)(false), queryForm = _21[0], setQueryForm = _21[1];
167
- var _22 = (0, react_1.useState)(false), batchUpdateModal = _22[0], setBatchUpdateModal = _22[1];
168
- var _23 = (0, react_1.useState)({
168
+ var _18 = (0, react_1.useState)(false), sortModal = _18[0], setSortModal = _18[1];
169
+ var _19 = (0, react_1.useState)(false), filterModal = _19[0], setFilterModal = _19[1];
170
+ var _20 = (0, react_1.useState)(false), addTabModal = _20[0], setAddTabModal = _20[1];
171
+ var _21 = (0, react_1.useState)(), selectedTab = _21[0], setSelectedTab = _21[1];
172
+ var _22 = (0, react_1.useState)("dayGridMonth"), calendarView = _22[0], setCalendarView = _22[1];
173
+ var _23 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _23[0], setCalendarTabMonth = _23[1];
174
+ var _24 = (0, react_1.useState)(false), queryForm = _24[0], setQueryForm = _24[1];
175
+ var _25 = (0, react_1.useState)(false), batchUpdateModal = _25[0], setBatchUpdateModal = _25[1];
176
+ var _26 = (0, react_1.useState)({
169
177
  columnId: "",
170
178
  columnData: {},
171
- }), batchUpdateData = _23[0], setBatchUpdateData = _23[1];
179
+ }), batchUpdateData = _26[0], setBatchUpdateData = _26[1];
172
180
  //INFO : Used by Export
173
- var _24 = (0, react_1.useState)(null), csvFile = _24[0], setCSVFile = _24[1];
174
- var _25 = (0, react_1.useState)([]), csvFileData = _25[0], setCSVFileData = _25[1];
175
- var _26 = (0, react_1.useState)(0), stepCSVIndex = _26[0], setStepCSVIndex = _26[1];
176
- var _27 = (0, react_1.useState)({}), listCSVMapAttribute = _27[0], setListCSVMapAttribute = _27[1];
177
- var _28 = (0, react_1.useState)({}), listCSVObjAttribute = _28[0], setListCSVObjAttribute = _28[1];
178
- var _29 = (0, react_1.useState)([]), csvAPIAttribute = _29[0], setCSVAPIAttribute = _29[1];
179
- var _30 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _30[0], setExportCSVEmail = _30[1];
180
- var _31 = (0, react_1.useState)([]), importTableData = _31[0], setImportTableData = _31[1];
181
- var _32 = (0, react_1.useState)([]), queryList = _32[0], setQueryList = _32[1];
182
- var _33 = (0, react_1.useState)(-1), queryIndex = _33[0], setQueryIndex = _33[1];
181
+ var _27 = (0, react_1.useState)(null), csvFile = _27[0], setCSVFile = _27[1];
182
+ var _28 = (0, react_1.useState)([]), csvFileData = _28[0], setCSVFileData = _28[1];
183
+ var _29 = (0, react_1.useState)(0), stepCSVIndex = _29[0], setStepCSVIndex = _29[1];
184
+ var _30 = (0, react_1.useState)({}), listCSVMapAttribute = _30[0], setListCSVMapAttribute = _30[1];
185
+ var _31 = (0, react_1.useState)({}), listCSVObjAttribute = _31[0], setListCSVObjAttribute = _31[1];
186
+ var _32 = (0, react_1.useState)([]), csvAPIAttribute = _32[0], setCSVAPIAttribute = _32[1];
187
+ var _33 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _33[0], setExportCSVEmail = _33[1];
188
+ var _34 = (0, react_1.useState)([]), importTableData = _34[0], setImportTableData = _34[1];
189
+ var _35 = (0, react_1.useState)([]), queryList = _35[0], setQueryList = _35[1];
190
+ var _36 = (0, react_1.useState)(-1), queryIndex = _36[0], setQueryIndex = _36[1];
183
191
  //INFO : Used by Read
184
192
  //INFO : Used by Update
185
- var _34 = (0, react_1.useState)(false), modalVisible = _34[0], setModalVisible = _34[1];
186
- var _35 = (0, react_1.useState)(false), deleteModal = _35[0], setDeleteModal = _35[1];
187
- var _36 = (0, react_1.useState)(false), excelModal = _36[0], setExcelModal = _36[1];
188
- var _37 = (0, react_1.useState)(false), exportExcel = _37[0], setExportExcel = _37[1];
189
- var _38 = (0, react_1.useState)(false), exportQR = _38[0], setExportQR = _38[1];
190
- var _39 = (0, react_1.useState)({}), selectedData = _39[0], setSelectedData = _39[1];
191
- var _40 = (0, react_1.useState)(""), selectedObjectStructureId = _40[0], setSelectedObjectStructureId = _40[1];
192
- var _41 = (0, react_1.useState)(""), selectedObjectId = _41[0], setSelectedObjectId = _41[1];
193
- var _42 = (0, react_1.useState)({}), selectedObjectData = _42[0], setSelectedObjectData = _42[1];
194
- var _43 = (0, react_1.useState)(false), referenceLoading = _43[0], setReferenceLoading = _43[1];
195
- var _44 = (0, react_1.useState)({}), referencesOptions = _44[0], setReferencesOptions = _44[1];
196
- var _45 = (0, react_1.useState)({}), referenceModelSchema = _45[0], setReferenceSchema = _45[1];
193
+ var _37 = (0, react_1.useState)(false), modalVisible = _37[0], setModalVisible = _37[1];
194
+ var _38 = (0, react_1.useState)(false), deleteModal = _38[0], setDeleteModal = _38[1];
195
+ var _39 = (0, react_1.useState)(false), excelModal = _39[0], setExcelModal = _39[1];
196
+ var _40 = (0, react_1.useState)(false), exportExcel = _40[0], setExportExcel = _40[1];
197
+ var _41 = (0, react_1.useState)(false), exportQR = _41[0], setExportQR = _41[1];
198
+ var _42 = (0, react_1.useState)({}), selectedData = _42[0], setSelectedData = _42[1];
199
+ var _43 = (0, react_1.useState)(""), selectedObjectStructureId = _43[0], setSelectedObjectStructureId = _43[1];
200
+ var _44 = (0, react_1.useState)(""), selectedObjectId = _44[0], setSelectedObjectId = _44[1];
201
+ var _45 = (0, react_1.useState)({}), selectedObjectData = _45[0], setSelectedObjectData = _45[1];
202
+ var _46 = (0, react_1.useState)(false), referenceLoading = _46[0], setReferenceLoading = _46[1];
203
+ var _47 = (0, react_1.useState)({}), referencesOptions = _47[0], setReferencesOptions = _47[1];
204
+ var _48 = (0, react_1.useState)({}), referenceDeleteTableData = _48[0], setReferenceDeleteTableData = _48[1];
205
+ var _49 = (0, react_1.useState)(0), referenceDeleteIndex = _49[0], setReferenceDeleteIndex = _49[1];
206
+ var _50 = (0, react_1.useState)({}), referenceModelSchema = _50[0], setReferenceSchema = _50[1];
197
207
  //INFO : Offline
198
- var _46 = (0, react_1.useState)(0), offlineDataLength = _46[0], setOfflineDataLength = _46[1];
199
- var _47 = (0, react_1.useState)(false), offlineModal = _47[0], setOfflineModal = _47[1];
208
+ var _51 = (0, react_1.useState)(0), offlineDataLength = _51[0], setOfflineDataLength = _51[1];
209
+ var _52 = (0, react_1.useState)(false), offlineModal = _52[0], setOfflineModal = _52[1];
200
210
  var devSettings = props.devSettings;
201
211
  var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
202
212
  var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
@@ -215,8 +225,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
215
225
  dbCollection: props.collectionId,
216
226
  dbEndpoint: devSettings.dbEndpoint,
217
227
  });
228
+ var readServerQuery = new readQuery_1.ReadQuery({
229
+ dbModule: (_k = props.lib) === null || _k === void 0 ? void 0 : _k.axios,
230
+ dbType: devSettings.server,
231
+ dbCollection: props.collectionId,
232
+ dbEndpoint: devSettings.dbEndpoint,
233
+ });
218
234
  var moreButtonPopUp = [
219
- ((_k = props.edit) === null || _k === void 0 ? void 0 : _k.allEditable) &&
235
+ ((_l = props.edit) === null || _l === void 0 ? void 0 : _l.allEditable) &&
220
236
  props.devSettings.server !== "fbServer" &&
221
237
  props.devSettings.server !== "firebase"
222
238
  ? {
@@ -242,7 +258,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
242
258
  },
243
259
  },
244
260
  ].filter(Boolean);
245
- if ((_l = props.organise) === null || _l === void 0 ? void 0 : _l.moreSettings)
261
+ if ((_m = props.organise) === null || _m === void 0 ? void 0 : _m.moreSettings)
246
262
  moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
247
263
  (0, react_1.useImperativeHandle)(ref, function () { return ({
248
264
  handleRefresh: handleRefresh,
@@ -302,8 +318,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
302
318
  props.collectionId,
303
319
  props.id,
304
320
  props.localURLEndpoint,
305
- (_m = props.organise) === null || _m === void 0 ? void 0 : _m.extendedTabs,
306
- (_o = props.organise) === null || _o === void 0 ? void 0 : _o.viewId,
321
+ (_o = props.organise) === null || _o === void 0 ? void 0 : _o.extendedTabs,
322
+ (_p = props.organise) === null || _p === void 0 ? void 0 : _p.viewId,
307
323
  props.type,
308
324
  selectedTab,
309
325
  ]);
@@ -1123,20 +1139,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1123
1139
  setDeletePasscode(passcode);
1124
1140
  };
1125
1141
  var handleMultipleRemoveSelectedData = function () { return __awaiter(void 0, void 0, void 0, function () {
1126
- var passcodeMatch, offlineDataResp, offlineData, filteredData, ids, query, data, uploadEndpoint, err_6;
1127
- var _a, _b, _c;
1128
- return __generator(this, function (_d) {
1129
- switch (_d.label) {
1142
+ var passcodeMatch, offlineDataResp, offlineData, filteredData, ids, notReferenceId, query, responseData, responseData, data, uploadEndpoint, err_6;
1143
+ var _a, _b, _c, _d, _e;
1144
+ return __generator(this, function (_f) {
1145
+ switch (_f.label) {
1130
1146
  case 0:
1131
- _d.trys.push([0, 12, , 13]);
1147
+ _f.trys.push([0, 16, , 17]);
1132
1148
  setLoading(true);
1133
1149
  setModalVisible(true);
1134
1150
  passcodeMatch = deletePasscodeInput === deletePasscode;
1135
- if (!passcodeMatch) return [3 /*break*/, 10];
1151
+ if (!passcodeMatch) return [3 /*break*/, 14];
1136
1152
  if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 3];
1137
1153
  return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
1138
1154
  case 1:
1139
- offlineDataResp = _d.sent();
1155
+ offlineDataResp = _f.sent();
1140
1156
  offlineData = (_b = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _b !== void 0 ? _b : [];
1141
1157
  filteredData = offlineData.filter(function (eachOfflineData) {
1142
1158
  return !selectedIds.includes(eachOfflineData[serverId]);
@@ -1146,23 +1162,50 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1146
1162
  type: props.collectionId,
1147
1163
  })];
1148
1164
  case 2:
1149
- _d.sent();
1150
- return [3 /*break*/, 9];
1165
+ _f.sent();
1166
+ return [3 /*break*/, 13];
1151
1167
  case 3:
1152
1168
  ids = [];
1153
- if (!selectAll) return [3 /*break*/, 5];
1169
+ notReferenceId = [];
1170
+ if (!selectAll) return [3 /*break*/, 7];
1154
1171
  query = renderImpSearchFilterConditions();
1155
- return [4 /*yield*/, writeServerQuery.call("batchDelete", { query: query })];
1172
+ return [4 /*yield*/, readServerQuery.call({
1173
+ type: "list",
1174
+ query: query,
1175
+ })];
1156
1176
  case 4:
1157
- ids = _d.sent();
1158
- return [3 /*break*/, 7];
1159
- case 5: return [4 /*yield*/, writeServerQuery.call("batchDelete", {
1160
- id: selectedIds,
1161
- })];
1177
+ responseData = _f.sent();
1178
+ return [4 /*yield*/, handleCheckDeleteReference((_c = responseData === null || responseData === void 0 ? void 0 : responseData.data) !== null && _c !== void 0 ? _c : [])];
1179
+ case 5:
1180
+ notReferenceId = _f.sent();
1181
+ return [4 /*yield*/, writeServerQuery.call("batchDelete", {
1182
+ id: notReferenceId,
1183
+ })];
1162
1184
  case 6:
1163
- ids = _d.sent();
1164
- _d.label = 7;
1165
- case 7:
1185
+ ids = _f.sent();
1186
+ return [3 /*break*/, 11];
1187
+ case 7: return [4 /*yield*/, readServerQuery.call({
1188
+ type: "list",
1189
+ query: [
1190
+ {
1191
+ type: "in",
1192
+ value: selectedIds,
1193
+ queryId: "_id",
1194
+ },
1195
+ ],
1196
+ })];
1197
+ case 8:
1198
+ responseData = _f.sent();
1199
+ return [4 /*yield*/, handleCheckDeleteReference((_d = responseData === null || responseData === void 0 ? void 0 : responseData.data) !== null && _d !== void 0 ? _d : [])];
1200
+ case 9:
1201
+ notReferenceId = _f.sent();
1202
+ return [4 /*yield*/, writeServerQuery.call("batchDelete", {
1203
+ id: notReferenceId,
1204
+ })];
1205
+ case 10:
1206
+ ids = _f.sent();
1207
+ _f.label = 11;
1208
+ case 11:
1166
1209
  data = new FormData();
1167
1210
  data.append("data[assetCollectionName]", props.collectionId);
1168
1211
  data.append("data[assetParentId]", JSON.stringify(ids !== null && ids !== void 0 ? ids : []));
@@ -1171,17 +1214,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1171
1214
  : "/api/asset";
1172
1215
  if (props.devSettings.bucketName)
1173
1216
  data.append("data[bucketName]", props.devSettings.bucketName);
1174
- return [4 /*yield*/, ((_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios({
1217
+ return [4 /*yield*/, ((_e = props.lib) === null || _e === void 0 ? void 0 : _e.axios({
1175
1218
  data: data,
1176
1219
  method: "post",
1177
1220
  url: "".concat(uploadEndpoint, "/batchDeleteDirectory"),
1178
1221
  headers: { "Content-Type": "multipart/form-data" },
1179
1222
  }))];
1180
- case 8:
1181
- _d.sent();
1182
- _d.label = 9;
1183
- case 9: return [3 /*break*/, 11];
1184
- case 10:
1223
+ case 12:
1224
+ _f.sent();
1225
+ _f.label = 13;
1226
+ case 13: return [3 /*break*/, 15];
1227
+ case 14:
1185
1228
  setNotification({
1186
1229
  type: false,
1187
1230
  title: "Incorrect Passcode",
@@ -1190,11 +1233,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1190
1233
  setLoading(false);
1191
1234
  setModalVisible(false);
1192
1235
  return [2 /*return*/];
1193
- case 11: return [3 /*break*/, 13];
1194
- case 12:
1195
- err_6 = _d.sent();
1196
- return [3 /*break*/, 13];
1197
- case 13:
1236
+ case 15: return [3 /*break*/, 17];
1237
+ case 16:
1238
+ err_6 = _f.sent();
1239
+ return [3 /*break*/, 17];
1240
+ case 17:
1198
1241
  setDeletePasscodeInput("");
1199
1242
  handleRefresh();
1200
1243
  return [2 /*return*/];
@@ -1202,21 +1245,28 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1202
1245
  });
1203
1246
  }); };
1204
1247
  var handleRemoveSelectedData = function () { return __awaiter(void 0, void 0, void 0, function () {
1205
- var selectedId_1, res, offlineDataResp, offlineData, selectedIndex_2, err_7;
1248
+ var deletable, selectedId_1, deleteIds, res, offlineDataResp, offlineData, selectedIndex_2, err_7;
1206
1249
  var _a, _b, _c, _d, _e;
1207
1250
  return __generator(this, function (_f) {
1208
1251
  switch (_f.label) {
1209
1252
  case 0:
1210
- _f.trys.push([0, 8, , 9]);
1253
+ _f.trys.push([0, 9, , 10]);
1254
+ deletable = true;
1211
1255
  selectedId_1 = props.id;
1212
- if (!selectedId_1) return [3 /*break*/, 7];
1256
+ return [4 /*yield*/, handleCheckDeleteReference([selectedData])];
1257
+ case 1:
1258
+ deleteIds = _f.sent();
1259
+ if (deleteIds) {
1260
+ deletable = false;
1261
+ }
1262
+ if (!(selectedId_1 && deletable)) return [3 /*break*/, 8];
1213
1263
  setLoading(true);
1214
1264
  setModalVisible(true);
1215
1265
  setDeleteModal(true);
1216
1266
  res = void 0;
1217
- if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 3];
1267
+ if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 4];
1218
1268
  return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
1219
- case 1:
1269
+ case 2:
1220
1270
  offlineDataResp = _f.sent();
1221
1271
  offlineData = (_b = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _b !== void 0 ? _b : [];
1222
1272
  selectedIndex_2 = -1;
@@ -1232,37 +1282,245 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1232
1282
  data: offlineData,
1233
1283
  type: props.collectionId,
1234
1284
  })];
1235
- case 2:
1285
+ case 3:
1236
1286
  _f.sent();
1237
1287
  res = true;
1238
- return [3 /*break*/, 6];
1239
- case 3: return [4 /*yield*/, handleRemoveImage((_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
1240
- case 4:
1288
+ return [3 /*break*/, 7];
1289
+ case 4: return [4 /*yield*/, handleRemoveImage((_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
1290
+ case 5:
1241
1291
  _f.sent();
1242
1292
  return [4 /*yield*/, writeServerQuery.call("delete", { id: selectedId_1 })];
1243
- case 5:
1244
- res = _f.sent();
1245
- _f.label = 6;
1246
1293
  case 6:
1294
+ res = _f.sent();
1295
+ _f.label = 7;
1296
+ case 7:
1247
1297
  if (res) {
1248
1298
  handleRefresh();
1249
1299
  (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.handleNavigate) === null || _e === void 0 ? void 0 : _e.call(_d, "list", "", "general");
1250
1300
  }
1251
- _f.label = 7;
1252
- case 7: return [3 /*break*/, 9];
1253
- case 8:
1301
+ _f.label = 8;
1302
+ case 8: return [3 /*break*/, 10];
1303
+ case 9:
1254
1304
  err_7 = _f.sent();
1255
1305
  setDeleteModal(false);
1256
- return [3 /*break*/, 9];
1257
- case 9:
1306
+ return [3 /*break*/, 10];
1307
+ case 10:
1258
1308
  setLoading(false);
1259
1309
  setModalVisible(false);
1260
1310
  return [2 /*return*/];
1261
1311
  }
1262
1312
  });
1263
1313
  }); };
1314
+ var handleCheckDeleteReference = function (selectedData) { return __awaiter(void 0, void 0, void 0, function () {
1315
+ var existDataIds, existsData, handleFindReference_1, collectionIdList_1, columnIdList_1, collectionNameList_1, refStructureList_1, schemaQuery, schemaRes, spaceList, err_8;
1316
+ var _a, _b, _c;
1317
+ return __generator(this, function (_d) {
1318
+ switch (_d.label) {
1319
+ case 0:
1320
+ existDataIds = [];
1321
+ existsData = {};
1322
+ _d.label = 1;
1323
+ case 1:
1324
+ _d.trys.push([1, 8, , 9]);
1325
+ handleFindReference_1 = function (data, referenceStructure, space, spaceId, spaceName) { return __awaiter(void 0, void 0, void 0, function () {
1326
+ var referenceRQ, currentReferenceSelectedList;
1327
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
1328
+ return __generator(this, function (_k) {
1329
+ switch (_k.label) {
1330
+ case 0:
1331
+ referenceRQ = new readQuery_1.ReadQuery({
1332
+ dbModule: dbModule,
1333
+ dbType: (_a = props.devSettings.server) !== null && _a !== void 0 ? _a : "mongoServer",
1334
+ dbCollection: space ? space._id : spaceId !== null && spaceId !== void 0 ? spaceId : "",
1335
+ dbEndpoint: (_b = props.devSettings.dbEndpoint) !== null && _b !== void 0 ? _b : "",
1336
+ dbAPIToken: (_c = props.devSettings.dbAPIToken) !== null && _c !== void 0 ? _c : "",
1337
+ });
1338
+ return [4 /*yield*/, referenceRQ.call({
1339
+ type: "list",
1340
+ query: [
1341
+ {
1342
+ type: (referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.type) === "listReference" ? "in" : "=",
1343
+ value: (referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.type) === "listReference"
1344
+ ? [data[serverId]]
1345
+ : data[serverId],
1346
+ queryId: referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.id,
1347
+ },
1348
+ ],
1349
+ })];
1350
+ case 1:
1351
+ currentReferenceSelectedList = _k.sent();
1352
+ if ((currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data) &&
1353
+ (currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data.length) > 0) {
1354
+ if (!existDataIds.includes(data[serverId]))
1355
+ existDataIds.push(data[serverId]);
1356
+ if (existsData[(_e = data[(_d = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _d !== void 0 ? _d : ""]) !== null && _e !== void 0 ? _e : data[serverId]]) {
1357
+ existsData[(_g = data[(_f = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _f !== void 0 ? _f : ""]) !== null && _g !== void 0 ? _g : data[serverId]].push("".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count));
1358
+ }
1359
+ else {
1360
+ existsData[(_j = data[(_h = referenceStructure.referenceLabel) !== null && _h !== void 0 ? _h : ""]) !== null && _j !== void 0 ? _j : data[serverId]] = [
1361
+ "".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count, " row(s)"),
1362
+ ];
1363
+ }
1364
+ }
1365
+ return [2 /*return*/];
1366
+ }
1367
+ });
1368
+ }); };
1369
+ if (!!schemaPresent) return [3 /*break*/, 4];
1370
+ if (!(((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareReferenceDel) &&
1371
+ props.bareSettings.bareReferenceDel.length > 0)) return [3 /*break*/, 3];
1372
+ collectionIdList_1 = [];
1373
+ columnIdList_1 = [];
1374
+ collectionNameList_1 = [];
1375
+ refStructureList_1 = [];
1376
+ props.bareSettings.bareReferenceDel.map(function (eachRef) {
1377
+ collectionIdList_1.push(eachRef.collectionId);
1378
+ columnIdList_1.push(eachRef.columnId);
1379
+ collectionNameList_1.push(eachRef.collectionName);
1380
+ refStructureList_1.push(eachRef.schema);
1381
+ return null;
1382
+ });
1383
+ if (!(collectionIdList_1.length > 0 && columnIdList_1.length > 0)) return [3 /*break*/, 3];
1384
+ return [4 /*yield*/, Promise.all(selectedData.map(function (eachData) { return __awaiter(void 0, void 0, void 0, function () {
1385
+ return __generator(this, function (_a) {
1386
+ switch (_a.label) {
1387
+ case 0: return [4 /*yield*/, Promise.all(collectionIdList_1.map(function (eachCollectionId, index) { return __awaiter(void 0, void 0, void 0, function () {
1388
+ var selectedRefStructure, selectedColumn;
1389
+ return __generator(this, function (_a) {
1390
+ switch (_a.label) {
1391
+ case 0:
1392
+ selectedRefStructure = refStructureList_1[index];
1393
+ if (!(selectedRefStructure &&
1394
+ selectedRefStructure.length > 0)) return [3 /*break*/, 2];
1395
+ selectedColumn = selectedRefStructure.find(function (eachField) { return eachField.id === columnIdList_1[index]; });
1396
+ if (!selectedColumn) return [3 /*break*/, 2];
1397
+ return [4 /*yield*/, handleFindReference_1(eachData, selectedColumn, undefined, eachCollectionId, collectionNameList_1[index])];
1398
+ case 1:
1399
+ _a.sent();
1400
+ _a.label = 2;
1401
+ case 2: return [2 /*return*/];
1402
+ }
1403
+ });
1404
+ }); }))];
1405
+ case 1:
1406
+ _a.sent();
1407
+ return [2 /*return*/];
1408
+ }
1409
+ });
1410
+ }); }))];
1411
+ case 2:
1412
+ _d.sent();
1413
+ _d.label = 3;
1414
+ case 3: return [3 /*break*/, 7];
1415
+ case 4:
1416
+ schemaQuery = new readQuery_1.ReadQuery({
1417
+ dbModule: dbModule,
1418
+ dbType: (_b = props.devSettings.server) !== null && _b !== void 0 ? _b : "mongoServer",
1419
+ dbCollection: "spaces",
1420
+ dbEndpoint: props.devSettings.schemaEndpoint,
1421
+ });
1422
+ return [4 /*yield*/, schemaQuery.call({
1423
+ query: [
1424
+ {
1425
+ type: "=",
1426
+ queryId: "workspaceId",
1427
+ value: (_c = props.space) === null || _c === void 0 ? void 0 : _c.workspaceId,
1428
+ },
1429
+ {
1430
+ type: "=",
1431
+ queryId: "type",
1432
+ value: "datasheet",
1433
+ },
1434
+ ],
1435
+ type: "list",
1436
+ })];
1437
+ case 5:
1438
+ schemaRes = _d.sent();
1439
+ spaceList = schemaRes === null || schemaRes === void 0 ? void 0 : schemaRes.data;
1440
+ return [4 /*yield*/, Promise.all(spaceList.map(function (eachSpace) { return __awaiter(void 0, void 0, void 0, function () {
1441
+ var reference;
1442
+ var _a;
1443
+ return __generator(this, function (_b) {
1444
+ switch (_b.label) {
1445
+ case 0:
1446
+ reference = (_a = eachSpace.structure) === null || _a === void 0 ? void 0 : _a.filter(function (eacStructure) {
1447
+ var _a;
1448
+ return eacStructure.referenceSpaceId === ((_a = props.space) === null || _a === void 0 ? void 0 : _a._id);
1449
+ });
1450
+ if (!(reference && reference.length > 0)) return [3 /*break*/, 2];
1451
+ return [4 /*yield*/, Promise.all(selectedData.map(function (eachData) { return __awaiter(void 0, void 0, void 0, function () {
1452
+ var _a, reference_1, reference_1_1, eachReferenceStructure, e_1_1;
1453
+ var _b, e_1, _c, _d;
1454
+ return __generator(this, function (_e) {
1455
+ switch (_e.label) {
1456
+ case 0:
1457
+ _e.trys.push([0, 8, 9, 14]);
1458
+ _a = true, reference_1 = __asyncValues(reference);
1459
+ _e.label = 1;
1460
+ case 1: return [4 /*yield*/, reference_1.next()];
1461
+ case 2:
1462
+ if (!(reference_1_1 = _e.sent(), _b = reference_1_1.done, !_b)) return [3 /*break*/, 7];
1463
+ _d = reference_1_1.value;
1464
+ _a = false;
1465
+ _e.label = 3;
1466
+ case 3:
1467
+ _e.trys.push([3, , 5, 6]);
1468
+ eachReferenceStructure = _d;
1469
+ return [4 /*yield*/, handleFindReference_1(eachData, eachReferenceStructure, eachSpace)];
1470
+ case 4:
1471
+ _e.sent();
1472
+ return [3 /*break*/, 6];
1473
+ case 5:
1474
+ _a = true;
1475
+ return [7 /*endfinally*/];
1476
+ case 6: return [3 /*break*/, 1];
1477
+ case 7: return [3 /*break*/, 14];
1478
+ case 8:
1479
+ e_1_1 = _e.sent();
1480
+ e_1 = { error: e_1_1 };
1481
+ return [3 /*break*/, 14];
1482
+ case 9:
1483
+ _e.trys.push([9, , 12, 13]);
1484
+ if (!(!_a && !_b && (_c = reference_1.return))) return [3 /*break*/, 11];
1485
+ return [4 /*yield*/, _c.call(reference_1)];
1486
+ case 10:
1487
+ _e.sent();
1488
+ _e.label = 11;
1489
+ case 11: return [3 /*break*/, 13];
1490
+ case 12:
1491
+ if (e_1) throw e_1.error;
1492
+ return [7 /*endfinally*/];
1493
+ case 13: return [7 /*endfinally*/];
1494
+ case 14: return [2 /*return*/];
1495
+ }
1496
+ });
1497
+ }); }))];
1498
+ case 1:
1499
+ _b.sent();
1500
+ _b.label = 2;
1501
+ case 2: return [2 /*return*/];
1502
+ }
1503
+ });
1504
+ }); }))];
1505
+ case 6:
1506
+ _d.sent();
1507
+ _d.label = 7;
1508
+ case 7: return [3 /*break*/, 9];
1509
+ case 8:
1510
+ err_8 = _d.sent();
1511
+ return [3 /*break*/, 9];
1512
+ case 9:
1513
+ setReferenceDeleteTableData(existsData);
1514
+ return [2 /*return*/, selectedData
1515
+ .filter(function (eachData) {
1516
+ return !existDataIds.includes(eachData[serverId]);
1517
+ })
1518
+ .map(function (eachData) { return eachData[serverId]; })];
1519
+ }
1520
+ });
1521
+ }); };
1264
1522
  var handleBatchUpdateData = function () { return __awaiter(void 0, void 0, void 0, function () {
1265
- var model_1, columnId_1, dataToSubmit_1, isFile, res, res, err_8;
1523
+ var model_1, columnId_1, dataToSubmit_1, isFile, res, res, err_9;
1266
1524
  var _a, _b;
1267
1525
  return __generator(this, function (_c) {
1268
1526
  switch (_c.label) {
@@ -1339,12 +1597,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1339
1597
  _c.label = 6;
1340
1598
  case 6: return [3 /*break*/, 8];
1341
1599
  case 7:
1342
- err_8 = _c.sent();
1343
- if (err_8.response && err_8.response.status === 400) {
1600
+ err_9 = _c.sent();
1601
+ if (err_9.response && err_9.response.status === 400) {
1344
1602
  setNotification({
1345
1603
  type: false,
1346
1604
  title: "Error",
1347
- msg: err_8.response.data.err,
1605
+ msg: err_9.response.data.err,
1348
1606
  });
1349
1607
  }
1350
1608
  return [3 /*break*/, 8];
@@ -1355,7 +1613,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1355
1613
  });
1356
1614
  }); };
1357
1615
  var handleUploadOfflineData = function () { return __awaiter(void 0, void 0, void 0, function () {
1358
- var dataUploadedId, offlineDataResp, offlineData, i, eachOfflineData, offlineDataId, res, err_9, success, filteredData;
1616
+ var dataUploadedId, offlineDataResp, offlineData, i, eachOfflineData, offlineDataId, res, err_10, success, filteredData;
1359
1617
  var _a;
1360
1618
  return __generator(this, function (_b) {
1361
1619
  switch (_b.label) {
@@ -1390,7 +1648,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1390
1648
  return [3 /*break*/, 3];
1391
1649
  case 7: return [3 /*break*/, 9];
1392
1650
  case 8:
1393
- err_9 = _b.sent();
1651
+ err_10 = _b.sent();
1394
1652
  return [3 /*break*/, 9];
1395
1653
  case 9:
1396
1654
  success = dataUploadedId.length === offlineData.length;
@@ -1416,7 +1674,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1416
1674
  });
1417
1675
  }); };
1418
1676
  var handleSubmitData = function (type, rowId, columnId, data, offlineId) { return __awaiter(void 0, void 0, void 0, function () {
1419
- var selectedId_2, id, createSelectedData_1, uniqueDataStructure, uniqueColumnId, res, offlineDataResp, offlineData, tempData, err_10, offlineDataResp, tempData, selectedIndex_3, offlineData, err_11, dataToSubmit, operationType, selectedIndex_4, dataId, err_12;
1677
+ var selectedId_2, id, createSelectedData_1, uniqueDataStructure, uniqueColumnId, res, offlineDataResp, offlineData, tempData, err_11, offlineDataResp, tempData, selectedIndex_3, offlineData, err_12, dataToSubmit, operationType, selectedIndex_4, dataId, err_13;
1420
1678
  var _a;
1421
1679
  var _b, _c, _d, _e, _f;
1422
1680
  return __generator(this, function (_g) {
@@ -1485,7 +1743,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1485
1743
  res = true;
1486
1744
  return [3 /*break*/, 8];
1487
1745
  case 7:
1488
- err_10 = _g.sent();
1746
+ err_11 = _g.sent();
1489
1747
  return [3 /*break*/, 8];
1490
1748
  case 8: return [3 /*break*/, 11];
1491
1749
  case 9: return [4 /*yield*/, writeServerQuery.call("create", {
@@ -1526,7 +1784,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1526
1784
  res = true;
1527
1785
  return [3 /*break*/, 17];
1528
1786
  case 16:
1529
- err_11 = _g.sent();
1787
+ err_12 = _g.sent();
1530
1788
  return [3 /*break*/, 17];
1531
1789
  case 17: return [3 /*break*/, 20];
1532
1790
  case 18:
@@ -1592,14 +1850,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1592
1850
  dataId = res ? id : "";
1593
1851
  return [2 /*return*/, dataId];
1594
1852
  case 29:
1595
- err_12 = _g.sent();
1596
- console.log("error", err_12);
1597
- if (err_12.response && err_12.response.status === 400) {
1598
- if (typeof ((_f = err_12.response.data) === null || _f === void 0 ? void 0 : _f.err) === "string")
1853
+ err_13 = _g.sent();
1854
+ console.log("error", err_13);
1855
+ if (err_13.response && err_13.response.status === 400) {
1856
+ if (typeof ((_f = err_13.response.data) === null || _f === void 0 ? void 0 : _f.err) === "string")
1599
1857
  setNotification({
1600
1858
  type: false,
1601
1859
  title: "Error",
1602
- msg: err_12.response.data.err,
1860
+ msg: err_13.response.data.err,
1603
1861
  });
1604
1862
  else
1605
1863
  setNotification({
@@ -1614,7 +1872,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1614
1872
  });
1615
1873
  }); };
1616
1874
  var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
1617
- var res, err_13;
1875
+ var res, err_14;
1618
1876
  var _a, _b;
1619
1877
  return __generator(this, function (_c) {
1620
1878
  switch (_c.label) {
@@ -1640,8 +1898,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1640
1898
  }
1641
1899
  return [3 /*break*/, 3];
1642
1900
  case 2:
1643
- err_13 = _c.sent();
1644
- console.log(err_13);
1901
+ err_14 = _c.sent();
1902
+ console.log(err_14);
1645
1903
  setModalVisible(false);
1646
1904
  setLoading(false);
1647
1905
  return [3 /*break*/, 3];
@@ -1898,7 +2156,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1898
2156
  }
1899
2157
  };
1900
2158
  var handleStepCSV = function () { return __awaiter(void 0, void 0, void 0, function () {
1901
- var csvList_1, _loop_1, _i, _a, _b, eachKey, eachValue, valid_1, errorValue_1, excelFormData, response, open_1, err_14;
2159
+ var csvList_1, _loop_1, _i, _a, _b, eachKey, eachValue, valid_1, errorValue_1, excelFormData, response, open_1, err_15;
1902
2160
  var _c, _d, _e, _f, _g, _h, _j, _k;
1903
2161
  return __generator(this, function (_l) {
1904
2162
  switch (_l.label) {
@@ -2042,12 +2300,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2042
2300
  _l.label = 5;
2043
2301
  case 5: return [3 /*break*/, 7];
2044
2302
  case 6:
2045
- err_14 = _l.sent();
2303
+ err_15 = _l.sent();
2046
2304
  setLoading(false);
2047
2305
  setNotification({
2048
2306
  type: false,
2049
2307
  title: "Import Error",
2050
- msg: err_14.message,
2308
+ msg: err_15.message,
2051
2309
  });
2052
2310
  return [3 /*break*/, 7];
2053
2311
  case 7: return [2 /*return*/];
@@ -2055,7 +2313,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2055
2313
  });
2056
2314
  }); };
2057
2315
  var handleExportCSVData = function () { return __awaiter(void 0, void 0, void 0, function () {
2058
- var err_15;
2316
+ var err_16;
2059
2317
  var _a, _b, _c, _d, _e;
2060
2318
  return __generator(this, function (_f) {
2061
2319
  switch (_f.label) {
@@ -2090,7 +2348,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2090
2348
  setExportCSVEmail((_e = (_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) !== null && _e !== void 0 ? _e : "");
2091
2349
  return [3 /*break*/, 3];
2092
2350
  case 2:
2093
- err_15 = _f.sent();
2351
+ err_16 = _f.sent();
2094
2352
  setLoading(false);
2095
2353
  return [3 /*break*/, 3];
2096
2354
  case 3: return [2 /*return*/];
@@ -2625,9 +2883,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2625
2883
  id: props.id,
2626
2884
  }, offline: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
2627
2885
  !loading && (react_1.default.createElement(react_1.default.Fragment, null,
2628
- props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5", onClick: handleBreadcrumbNavigate.bind(pages) })),
2886
+ props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "sm:mb-5", onClick: handleBreadcrumbNavigate.bind(pages) })),
2629
2887
  react_1.default.createElement("div", null,
2630
- react_1.default.createElement("div", { className: "flex flex-col justify-between py-2 sm:items-center sm:flex-row" },
2888
+ react_1.default.createElement("div", { className: "flex flex-col justify-between sm:py-2 sm:items-center sm:flex-row" },
2631
2889
  react_1.default.createElement("div", { className: "flex flex-col" },
2632
2890
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
2633
2891
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
@@ -2644,9 +2902,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2644
2902
  current: true,
2645
2903
  });
2646
2904
  var filterModel_1 = [];
2905
+ var markdownPresent_1 = false;
2647
2906
  props.model.map(function (eachModel) {
2648
2907
  var _a;
2649
2908
  var present = false;
2909
+ if (eachModel.type === "markdown")
2910
+ markdownPresent_1 = true;
2650
2911
  if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdatePrefill) {
2651
2912
  props.bareSettings
2652
2913
  .bareUpdatePrefill(selectedData)
@@ -2678,7 +2939,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2678
2939
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
2679
2940
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
2680
2941
  !isBottom && renderActionButtons(props.type)),
2681
- react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: (_r = (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateFormOnComplete) !== null && _r !== void 0 ? _r : handleSubmit },
2942
+ react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: (_r = (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateFormOnComplete) !== null && _r !== void 0 ? _r : handleSubmit, disabledOnEnter: markdownPresent_1 ? true : false },
2682
2943
  renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
2683
2944
  ((_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareUpdateComponent) &&
2684
2945
  ((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateComponent(selectedData))),
@@ -3238,6 +3499,41 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3238
3499
  }
3239
3500
  }
3240
3501
  };
3502
+ var renderReferenceDeleteTable = function () {
3503
+ var _a;
3504
+ var data = [];
3505
+ for (var _i = 0, _b = Object.entries(referenceDeleteTableData); _i < _b.length; _i++) {
3506
+ var _c = _b[_i], eachKey = _c[0], eachValue = _c[1];
3507
+ data.push({
3508
+ label: eachKey !== null && eachKey !== void 0 ? eachKey : "",
3509
+ desc: (_a = eachValue === null || eachValue === void 0 ? void 0 : eachValue.toString()) !== null && _a !== void 0 ? _a : "",
3510
+ });
3511
+ }
3512
+ return (react_1.default.createElement("div", { className: "px-3 sm:px-0" },
3513
+ react_1.default.createElement("div", { className: "flex" },
3514
+ react_1.default.createElement("h2", { className: "mt-2 mb-2 text-xl font-bold text-gray-900" }, "Unable to Delete")),
3515
+ react_1.default.createElement("p", { className: "mt-2 mb-4" }, "The data shown below is currently referenced in other spaces/collections. To proceed with deletion, you must first update or delete the referencing data in those respective spaces/collections:"),
3516
+ react_1.default.createElement(table_1.Table, { data: data, header: [
3517
+ {
3518
+ key: "label",
3519
+ title: "Data",
3520
+ },
3521
+ {
3522
+ key: "desc",
3523
+ title: "Space that consists data",
3524
+ },
3525
+ ], paginationType: "cursor", limit: 5, size: data.length, pageIndex: referenceDeleteIndex, handleUpdatePageIndex: function (value) {
3526
+ if (value === "next")
3527
+ setReferenceDeleteIndex(referenceDeleteIndex + 1);
3528
+ else
3529
+ setReferenceDeleteIndex(referenceDeleteIndex - 1);
3530
+ }, loading: false }),
3531
+ react_1.default.createElement("div", { className: "flex flex-row justify-end pt-5 mt-6 space-x-2" },
3532
+ react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "normal", onClick: function () {
3533
+ setReferenceDeleteIndex(0);
3534
+ setReferenceDeleteTableData({});
3535
+ } }))));
3536
+ };
3241
3537
  var renderDeleteModalContent = function () {
3242
3538
  return (react_1.default.createElement(react_1.default.Fragment, null,
3243
3539
  react_1.default.createElement("div", { className: "px-3 sm:px-0" },
@@ -3342,7 +3638,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3342
3638
  };
3343
3639
  return (react_1.default.createElement(react_1.default.Fragment, null,
3344
3640
  renderNotification("root"),
3345
- react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), lib: { Dialog: (_p = props.lib) === null || _p === void 0 ? void 0 : _p.Dialog, Transition: (_q = props.lib) === null || _q === void 0 ? void 0 : _q.Transition }, renderContent: renderModalContent, onClose: function () {
3641
+ 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 () {
3346
3642
  var _a, _b;
3347
3643
  if (loading)
3348
3644
  return;
@@ -3353,11 +3649,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3353
3649
  setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
3354
3650
  }
3355
3651
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3356
- react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_r = props.lib) === null || _r === void 0 ? void 0 : _r.Dialog, Transition: (_s = props.lib) === null || _s === void 0 ? void 0 : _s.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
3652
+ 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 () {
3653
+ setReferenceDeleteTableData({});
3654
+ }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3655
+ 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 () {
3357
3656
  setDeletePasscodeInput("");
3358
3657
  setDeleteModal(!deleteModal);
3359
3658
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3360
- react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, lib: { Dialog: (_t = props.lib) === null || _t === void 0 ? void 0 : _t.Dialog, Transition: (_u = props.lib) === null || _u === void 0 ? void 0 : _u.Transition }, renderContent: renderBatchUpdateModalContent, onClose: function () {
3659
+ 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 () {
3361
3660
  setBatchUpdateData({ columnId: "", columnData: {} });
3362
3661
  setBatchUpdateModal(false);
3363
3662
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),