blixify-ui-web 0.1.303 → 0.2.1

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 +430 -132
  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,13 +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
- if (err_12.response && err_12.response.status === 400) {
1597
- 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")
1598
1857
  setNotification({
1599
1858
  type: false,
1600
1859
  title: "Error",
1601
- msg: err_12.response.data.err,
1860
+ msg: err_13.response.data.err,
1602
1861
  });
1603
1862
  else
1604
1863
  setNotification({
@@ -1613,7 +1872,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1613
1872
  });
1614
1873
  }); };
1615
1874
  var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
1616
- var res, err_13;
1875
+ var res, err_14;
1617
1876
  var _a, _b;
1618
1877
  return __generator(this, function (_c) {
1619
1878
  switch (_c.label) {
@@ -1639,7 +1898,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1639
1898
  }
1640
1899
  return [3 /*break*/, 3];
1641
1900
  case 2:
1642
- err_13 = _c.sent();
1901
+ err_14 = _c.sent();
1902
+ console.log(err_14);
1643
1903
  setModalVisible(false);
1644
1904
  setLoading(false);
1645
1905
  return [3 /*break*/, 3];
@@ -1896,7 +2156,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1896
2156
  }
1897
2157
  };
1898
2158
  var handleStepCSV = function () { return __awaiter(void 0, void 0, void 0, function () {
1899
- 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;
1900
2160
  var _c, _d, _e, _f, _g, _h, _j, _k;
1901
2161
  return __generator(this, function (_l) {
1902
2162
  switch (_l.label) {
@@ -2040,12 +2300,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2040
2300
  _l.label = 5;
2041
2301
  case 5: return [3 /*break*/, 7];
2042
2302
  case 6:
2043
- err_14 = _l.sent();
2303
+ err_15 = _l.sent();
2044
2304
  setLoading(false);
2045
2305
  setNotification({
2046
2306
  type: false,
2047
2307
  title: "Import Error",
2048
- msg: err_14.message,
2308
+ msg: err_15.message,
2049
2309
  });
2050
2310
  return [3 /*break*/, 7];
2051
2311
  case 7: return [2 /*return*/];
@@ -2053,7 +2313,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2053
2313
  });
2054
2314
  }); };
2055
2315
  var handleExportCSVData = function () { return __awaiter(void 0, void 0, void 0, function () {
2056
- var err_15;
2316
+ var err_16;
2057
2317
  var _a, _b, _c, _d, _e;
2058
2318
  return __generator(this, function (_f) {
2059
2319
  switch (_f.label) {
@@ -2088,7 +2348,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2088
2348
  setExportCSVEmail((_e = (_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) !== null && _e !== void 0 ? _e : "");
2089
2349
  return [3 /*break*/, 3];
2090
2350
  case 2:
2091
- err_15 = _f.sent();
2351
+ err_16 = _f.sent();
2092
2352
  setLoading(false);
2093
2353
  return [3 /*break*/, 3];
2094
2354
  case 3: return [2 /*return*/];
@@ -2623,9 +2883,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2623
2883
  id: props.id,
2624
2884
  }, offline: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
2625
2885
  !loading && (react_1.default.createElement(react_1.default.Fragment, null,
2626
- 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) })),
2627
2887
  react_1.default.createElement("div", null,
2628
- 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" },
2629
2889
  react_1.default.createElement("div", { className: "flex flex-col" },
2630
2890
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
2631
2891
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
@@ -3236,6 +3496,41 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3236
3496
  }
3237
3497
  }
3238
3498
  };
3499
+ var renderReferenceDeleteTable = function () {
3500
+ var _a;
3501
+ var data = [];
3502
+ for (var _i = 0, _b = Object.entries(referenceDeleteTableData); _i < _b.length; _i++) {
3503
+ var _c = _b[_i], eachKey = _c[0], eachValue = _c[1];
3504
+ data.push({
3505
+ label: eachKey !== null && eachKey !== void 0 ? eachKey : "",
3506
+ desc: (_a = eachValue === null || eachValue === void 0 ? void 0 : eachValue.toString()) !== null && _a !== void 0 ? _a : "",
3507
+ });
3508
+ }
3509
+ return (react_1.default.createElement("div", { className: "px-3 sm:px-0" },
3510
+ react_1.default.createElement("div", { className: "flex" },
3511
+ react_1.default.createElement("h2", { className: "mt-2 mb-2 text-xl font-bold text-gray-900" }, "Unable to Delete")),
3512
+ 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:"),
3513
+ react_1.default.createElement(table_1.Table, { data: data, header: [
3514
+ {
3515
+ key: "label",
3516
+ title: "Data",
3517
+ },
3518
+ {
3519
+ key: "desc",
3520
+ title: "Space that consists data",
3521
+ },
3522
+ ], paginationType: "cursor", limit: 5, size: data.length, pageIndex: referenceDeleteIndex, handleUpdatePageIndex: function (value) {
3523
+ if (value === "next")
3524
+ setReferenceDeleteIndex(referenceDeleteIndex + 1);
3525
+ else
3526
+ setReferenceDeleteIndex(referenceDeleteIndex - 1);
3527
+ }, loading: false }),
3528
+ react_1.default.createElement("div", { className: "flex flex-row justify-end pt-5 mt-6 space-x-2" },
3529
+ react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "normal", onClick: function () {
3530
+ setReferenceDeleteIndex(0);
3531
+ setReferenceDeleteTableData({});
3532
+ } }))));
3533
+ };
3239
3534
  var renderDeleteModalContent = function () {
3240
3535
  return (react_1.default.createElement(react_1.default.Fragment, null,
3241
3536
  react_1.default.createElement("div", { className: "px-3 sm:px-0" },
@@ -3340,7 +3635,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3340
3635
  };
3341
3636
  return (react_1.default.createElement(react_1.default.Fragment, null,
3342
3637
  renderNotification("root"),
3343
- 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 () {
3638
+ 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 () {
3344
3639
  var _a, _b;
3345
3640
  if (loading)
3346
3641
  return;
@@ -3351,11 +3646,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3351
3646
  setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
3352
3647
  }
3353
3648
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3354
- 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 () {
3649
+ 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 () {
3650
+ setReferenceDeleteTableData({});
3651
+ }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3652
+ 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 () {
3355
3653
  setDeletePasscodeInput("");
3356
3654
  setDeleteModal(!deleteModal);
3357
3655
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3358
- 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 () {
3656
+ 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 () {
3359
3657
  setBatchUpdateData({ columnId: "", columnData: {} });
3360
3658
  setBatchUpdateModal(false);
3361
3659
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),