blixify-ui-web 0.4.23 → 0.4.24
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.
- package/lib/components/chart/barChart/index.d.ts +1 -0
- package/lib/components/chart/barChart/index.d.ts.map +1 -1
- package/lib/components/chart/barChart/index.js +10 -0
- package/lib/components/chart/barChart/index.js.map +1 -1
- package/lib/components/chart/lineChart/index.d.ts +1 -0
- package/lib/components/chart/lineChart/index.d.ts.map +1 -1
- package/lib/components/chart/lineChart/index.js.map +1 -1
- package/lib/components/data/dataTemplate/dataStateModel.d.ts +6 -0
- package/lib/components/data/dataTemplate/dataStateModel.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/dataStateModel.js.map +1 -1
- package/lib/components/data/dataTemplate/index.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/index.js +166 -150
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -140,7 +140,7 @@ var pagination_1 = require("./pagination");
|
|
|
140
140
|
var referenceModal_1 = require("./referenceModal");
|
|
141
141
|
var settingsModal_1 = require("./settingsModal");
|
|
142
142
|
exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
143
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
|
|
143
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20;
|
|
144
144
|
var formRef = (0, react_1.createRef)();
|
|
145
145
|
var objectFormRef = (0, react_1.createRef)();
|
|
146
146
|
var listAddressFromRef = (0, react_1.createRef)();
|
|
@@ -155,109 +155,109 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
155
155
|
var typingTimeout = (0, react_1.useRef)();
|
|
156
156
|
// const oldCollectionId: any = useRef();
|
|
157
157
|
var mapViewRef = (0, react_1.useRef)();
|
|
158
|
-
var
|
|
159
|
-
var
|
|
158
|
+
var _21 = (0, react_1.useState)(false), loading = _21[0], setLoading = _21[1];
|
|
159
|
+
var _22 = (0, react_1.useState)(), notification = _22[0], setNotification = _22[1];
|
|
160
160
|
//INFO : Used by List
|
|
161
|
-
var
|
|
162
|
-
var
|
|
163
|
-
var
|
|
164
|
-
var
|
|
165
|
-
var
|
|
166
|
-
var
|
|
167
|
-
var
|
|
161
|
+
var _23 = (0, react_1.useState)({}), filterSearch = _23[0], setFilterSearch = _23[1];
|
|
162
|
+
var _24 = (0, react_1.useState)({}), filterSearchParams = _24[0], setFilterSearchParams = _24[1];
|
|
163
|
+
var _25 = (0, react_1.useState)({}), filterSelection = _25[0], setFilterSelection = _25[1];
|
|
164
|
+
var _26 = (0, react_1.useState)({}), filterReference = _26[0], setFilterReference = _26[1];
|
|
165
|
+
var _27 = (0, react_1.useState)({}), filterReferenceSearch = _27[0], setFilterReferenceSearch = _27[1];
|
|
166
|
+
var _28 = (0, react_1.useState)({}), filterReferenceList = _28[0], setFilterReferenceList = _28[1];
|
|
167
|
+
var _29 = (0, react_1.useState)({
|
|
168
168
|
startDate: undefined,
|
|
169
169
|
endDate: undefined,
|
|
170
|
-
}), filterReferenceDate =
|
|
171
|
-
var
|
|
172
|
-
var
|
|
173
|
-
var
|
|
174
|
-
var
|
|
175
|
-
var
|
|
176
|
-
var
|
|
177
|
-
var
|
|
178
|
-
var
|
|
179
|
-
var
|
|
180
|
-
var
|
|
181
|
-
var
|
|
182
|
-
var
|
|
170
|
+
}), filterReferenceDate = _29[0], setFilterReferenceDate = _29[1];
|
|
171
|
+
var _30 = (0, react_1.useState)(true), tableLoading = _30[0], setTableLoading = _30[1];
|
|
172
|
+
var _31 = (0, react_1.useState)(""), cursor = _31[0], setCursor = _31[1];
|
|
173
|
+
var _32 = (0, react_1.useState)(""), lastCursor = _32[0], setLastCursor = _32[1];
|
|
174
|
+
var _33 = (0, react_1.useState)([]), tableData = _33[0], setTableData = _33[1];
|
|
175
|
+
var _34 = (0, react_1.useState)([]), spaceTableData = _34[0], setSpaceTableData = _34[1];
|
|
176
|
+
var _35 = (0, react_1.useState)(0), size = _35[0], setSize = _35[1];
|
|
177
|
+
var _36 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _36[0], setPageIndex = _36[1];
|
|
178
|
+
var _37 = (0, react_1.useState)([]), selectedIds = _37[0], setSelectedIds = _37[1];
|
|
179
|
+
var _38 = (0, react_1.useState)(false), selectAll = _38[0], setSelectAll = _38[1];
|
|
180
|
+
var _39 = (0, react_1.useState)(""), deletePasscode = _39[0], setDeletePasscode = _39[1];
|
|
181
|
+
var _40 = (0, react_1.useState)(""), deletePasscodeInput = _40[0], setDeletePasscodeInput = _40[1];
|
|
182
|
+
var _41 = (0, react_1.useState)(""), deleteFeedId = _41[0], setDeleteFeedId = _41[1];
|
|
183
183
|
var previousType = (0, react_1.useRef)();
|
|
184
184
|
var previousSelectedData = (0, react_1.useRef)();
|
|
185
185
|
//INFO : Used by List Organise
|
|
186
|
-
var
|
|
187
|
-
var
|
|
188
|
-
var
|
|
189
|
-
var
|
|
190
|
-
var
|
|
191
|
-
var
|
|
192
|
-
var
|
|
193
|
-
var
|
|
194
|
-
var
|
|
195
|
-
var
|
|
196
|
-
var
|
|
197
|
-
var
|
|
186
|
+
var _42 = (0, react_1.useState)(false), sortModal = _42[0], setSortModal = _42[1];
|
|
187
|
+
var _43 = (0, react_1.useState)(false), filterModal = _43[0], setFilterModal = _43[1];
|
|
188
|
+
var _44 = (0, react_1.useState)(false), addTabModal = _44[0], setAddTabModal = _44[1];
|
|
189
|
+
var _45 = (0, react_1.useState)(false), overviewModal = _45[0], setOverviewModal = _45[1];
|
|
190
|
+
var _46 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _46[0], setSelectedTab = _46[1];
|
|
191
|
+
var _47 = (0, react_1.useState)("dayGridMonth"), calendarView = _47[0], setCalendarView = _47[1];
|
|
192
|
+
var _48 = (0, react_1.useState)(new Date()), calendarTabMonth = _48[0], setCalendarTabMonth = _48[1];
|
|
193
|
+
var _49 = (0, react_1.useState)(true), kanbanDroppable = _49[0], setKanbanDroppable = _49[1];
|
|
194
|
+
var _50 = (0, react_1.useState)([]), kanbanOptions = _50[0], setKanbanOptions = _50[1];
|
|
195
|
+
var _51 = (0, react_1.useState)(false), queryForm = _51[0], setQueryForm = _51[1];
|
|
196
|
+
var _52 = (0, react_1.useState)(false), batchUpdateModal = _52[0], setBatchUpdateModal = _52[1];
|
|
197
|
+
var _53 = (0, react_1.useState)({
|
|
198
198
|
columnId: "",
|
|
199
199
|
columnData: {},
|
|
200
|
-
}), batchUpdateData =
|
|
200
|
+
}), batchUpdateData = _53[0], setBatchUpdateData = _53[1];
|
|
201
201
|
//INFO : Used by Auth
|
|
202
|
-
var
|
|
202
|
+
var _54 = (0, react_1.useState)({
|
|
203
203
|
email: "",
|
|
204
204
|
google: "",
|
|
205
205
|
phone: "",
|
|
206
206
|
disabled: false,
|
|
207
|
-
}), authMethods =
|
|
208
|
-
var
|
|
207
|
+
}), authMethods = _54[0], setAuthMethods = _54[1];
|
|
208
|
+
var _55 = (0, react_1.useState)(""), selectedAuthMethod = _55[0], setSelectedAuthMethod = _55[1];
|
|
209
209
|
// INFO: Used by Activity Log
|
|
210
|
-
var
|
|
211
|
-
var
|
|
210
|
+
var _56 = (0, react_1.useState)(false), activityModal = _56[0], setActivityModal = _56[1];
|
|
211
|
+
var _57 = (0, react_1.useState)(""), activityId = _57[0], setActivityId = _57[1];
|
|
212
212
|
//INFO : Used by Export
|
|
213
|
-
var
|
|
214
|
-
var
|
|
215
|
-
var
|
|
216
|
-
var
|
|
217
|
-
var
|
|
218
|
-
var
|
|
219
|
-
var
|
|
220
|
-
var
|
|
221
|
-
var
|
|
222
|
-
var
|
|
223
|
-
var
|
|
224
|
-
var
|
|
225
|
-
var
|
|
213
|
+
var _58 = (0, react_1.useState)(null), csvFile = _58[0], setCSVFile = _58[1];
|
|
214
|
+
var _59 = (0, react_1.useState)([]), csvFileData = _59[0], setCSVFileData = _59[1];
|
|
215
|
+
var _60 = (0, react_1.useState)(0), stepCSVIndex = _60[0], setStepCSVIndex = _60[1];
|
|
216
|
+
var _61 = (0, react_1.useState)({}), listCSVMapAttribute = _61[0], setListCSVMapAttribute = _61[1];
|
|
217
|
+
var _62 = (0, react_1.useState)({}), listCSVObjAttribute = _62[0], setListCSVObjAttribute = _62[1];
|
|
218
|
+
var _63 = (0, react_1.useState)([]), csvAPIAttribute = _63[0], setCSVAPIAttribute = _63[1];
|
|
219
|
+
var _64 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _64[0], setExportCSVEmail = _64[1];
|
|
220
|
+
var _65 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _65[0], setExportPDFTitle = _65[1];
|
|
221
|
+
var _66 = (0, react_1.useState)([]), exportSumAttributeIds = _66[0], setExportSumAttributeIds = _66[1];
|
|
222
|
+
var _67 = (0, react_1.useState)([]), importTableData = _67[0], setImportTableData = _67[1];
|
|
223
|
+
var _68 = (0, react_1.useState)([]), queryList = _68[0], setQueryList = _68[1];
|
|
224
|
+
var _69 = (0, react_1.useState)(-1), queryIndex = _69[0], setQueryIndex = _69[1];
|
|
225
|
+
var _70 = (0, react_1.useState)((_g = props.organise) === null || _g === void 0 ? void 0 : _g.groupBy), groupId = _70[0], setGroupId = _70[1];
|
|
226
226
|
//INFO : Used by Read
|
|
227
227
|
//INFO : Used by Update
|
|
228
|
-
var
|
|
229
|
-
var
|
|
230
|
-
var
|
|
231
|
-
var
|
|
232
|
-
var
|
|
233
|
-
var
|
|
234
|
-
var
|
|
235
|
-
var
|
|
236
|
-
var
|
|
237
|
-
var
|
|
238
|
-
var
|
|
239
|
-
var
|
|
228
|
+
var _71 = (0, react_1.useState)(false), modalVisible = _71[0], setModalVisible = _71[1];
|
|
229
|
+
var _72 = (0, react_1.useState)(false), deleteModal = _72[0], setDeleteModal = _72[1];
|
|
230
|
+
var _73 = (0, react_1.useState)(false), excelModal = _73[0], setExcelModal = _73[1];
|
|
231
|
+
var _74 = (0, react_1.useState)(false), exportExcel = _74[0], setExportExcel = _74[1];
|
|
232
|
+
var _75 = (0, react_1.useState)(""), exportType = _75[0], setExportType = _75[1];
|
|
233
|
+
var _76 = (0, react_1.useState)(false), exportQR = _76[0], setExportQR = _76[1];
|
|
234
|
+
var _77 = (0, react_1.useState)(false), signatureSigning = _77[0], setSignatureSigning = _77[1];
|
|
235
|
+
var _78 = (0, react_1.useState)({}), selectedData = _78[0], setSelectedData = _78[1];
|
|
236
|
+
var _79 = (0, react_1.useState)(""), selectedObjectStructureId = _79[0], setSelectedObjectStructureId = _79[1];
|
|
237
|
+
var _80 = (0, react_1.useState)(""), selectedObjectId = _80[0], setSelectedObjectId = _80[1];
|
|
238
|
+
var _81 = (0, react_1.useState)(""), selectedListAddressId = _81[0], setSelectedListAddressId = _81[1];
|
|
239
|
+
var _82 = (0, react_1.useState)({
|
|
240
240
|
lat: 0,
|
|
241
241
|
lng: 0,
|
|
242
242
|
name: "",
|
|
243
|
-
}), selectedListAddress =
|
|
244
|
-
var
|
|
245
|
-
var
|
|
246
|
-
var
|
|
247
|
-
var
|
|
248
|
-
var
|
|
249
|
-
var
|
|
250
|
-
var
|
|
243
|
+
}), selectedListAddress = _82[0], setSelectedListAddress = _82[1];
|
|
244
|
+
var _83 = (0, react_1.useState)({}), selectedObjectData = _83[0], setSelectedObjectData = _83[1];
|
|
245
|
+
var _84 = (0, react_1.useState)(false), referenceLoading = _84[0], setReferenceLoading = _84[1];
|
|
246
|
+
var _85 = (0, react_1.useState)({}), referencesOptions = _85[0], setReferencesOptions = _85[1];
|
|
247
|
+
var _86 = (0, react_1.useState)({}), referencesDetails = _86[0], setReferencesDetails = _86[1];
|
|
248
|
+
var _87 = (0, react_1.useState)({}), referenceDeleteTableData = _87[0], setReferenceDeleteTableData = _87[1];
|
|
249
|
+
var _88 = (0, react_1.useState)(0), referenceDeleteIndex = _88[0], setReferenceDeleteIndex = _88[1];
|
|
250
|
+
var _89 = (0, react_1.useState)({
|
|
251
251
|
id: "",
|
|
252
252
|
name: "",
|
|
253
253
|
type: "string",
|
|
254
|
-
}), referenceCreationModal =
|
|
255
|
-
var
|
|
254
|
+
}), referenceCreationModal = _89[0], setReferenceCreationModal = _89[1];
|
|
255
|
+
var _90 = (0, react_1.useState)({}), referenceModelSchema = _90[0], setReferenceSchema = _90[1];
|
|
256
256
|
// INFO ; Use to Trigger Update Prefill UI
|
|
257
|
-
var
|
|
257
|
+
var _91 = (0, react_1.useState)(false), prefillTrigger = _91[0], setPrefillTrigger = _91[1];
|
|
258
258
|
//INFO : Offline
|
|
259
|
-
var
|
|
260
|
-
var
|
|
259
|
+
var _92 = (0, react_1.useState)(0), offlineDataLength = _92[0], setOfflineDataLength = _92[1];
|
|
260
|
+
var _93 = (0, react_1.useState)(false), offlineModal = _93[0], setOfflineModal = _93[1];
|
|
261
261
|
var devSettings = props.devSettings;
|
|
262
262
|
var serverId = (0, utils_1.parseServerId)(devSettings.server);
|
|
263
263
|
var viewType = (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.viewId) !== null && _j !== void 0 ? _j : "general";
|
|
@@ -306,49 +306,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
306
306
|
},
|
|
307
307
|
}
|
|
308
308
|
: null,
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
309
|
+
!((_4 = (_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.exportSettings) === null || _4 === void 0 ? void 0 : _4.hideExportCSV)
|
|
310
|
+
? {
|
|
311
|
+
text: "Export CSV",
|
|
312
|
+
onClick: function () {
|
|
313
|
+
setExportExcel(true);
|
|
314
|
+
setExportType("csv");
|
|
315
|
+
setModalVisible(true);
|
|
316
|
+
},
|
|
317
|
+
}
|
|
318
|
+
: null,
|
|
319
|
+
!((_6 = (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.exportSettings) === null || _6 === void 0 ? void 0 : _6.hideExportExcel)
|
|
320
|
+
? {
|
|
321
|
+
text: "Export Excel",
|
|
322
|
+
onClick: function () {
|
|
323
|
+
setExportExcel(true);
|
|
324
|
+
setExportType("excel");
|
|
325
|
+
setModalVisible(true);
|
|
326
|
+
},
|
|
327
|
+
}
|
|
328
|
+
: null,
|
|
329
|
+
!((_8 = (_7 = props.organise) === null || _7 === void 0 ? void 0 : _7.exportSettings) === null || _8 === void 0 ? void 0 : _8.hideExportPDF)
|
|
330
|
+
? {
|
|
331
|
+
text: "Export PDF",
|
|
332
|
+
onClick: function () {
|
|
333
|
+
setExportExcel(true);
|
|
334
|
+
setExportType("pdf");
|
|
335
|
+
setModalVisible(true);
|
|
336
|
+
},
|
|
337
|
+
}
|
|
338
|
+
: null,
|
|
339
|
+
!((_10 = (_9 = props.organise) === null || _9 === void 0 ? void 0 : _9.exportSettings) === null || _10 === void 0 ? void 0 : _10.hideExportQR)
|
|
340
|
+
? {
|
|
341
|
+
text: "Export QR",
|
|
342
|
+
onClick: function () {
|
|
343
|
+
setExportExcel(true);
|
|
344
|
+
setExportType("qr");
|
|
345
|
+
setModalVisible(true);
|
|
346
|
+
},
|
|
347
|
+
}
|
|
348
|
+
: null,
|
|
349
|
+
!((_12 = (_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.exportSettings) === null || _12 === void 0 ? void 0 : _12.hideExportPrint)
|
|
350
|
+
? {
|
|
351
|
+
text: "Print",
|
|
352
|
+
onClick: function () {
|
|
353
|
+
setExportExcel(true);
|
|
354
|
+
setModalVisible(true);
|
|
355
|
+
setExportType("print");
|
|
356
|
+
// handleExportCSVData(true, true);
|
|
357
|
+
},
|
|
358
|
+
}
|
|
359
|
+
: null,
|
|
350
360
|
].filter(Boolean);
|
|
351
|
-
if ((
|
|
361
|
+
if ((_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.moreSettings)
|
|
352
362
|
moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
|
|
353
363
|
var renderImpSearchFilterConditions = function () {
|
|
354
364
|
var _a;
|
|
@@ -501,8 +511,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
501
511
|
props.collectionId,
|
|
502
512
|
props.id,
|
|
503
513
|
props.localURLEndpoint,
|
|
504
|
-
(
|
|
505
|
-
(
|
|
514
|
+
(_14 = props.organise) === null || _14 === void 0 ? void 0 : _14.extendedTabs,
|
|
515
|
+
(_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.viewId,
|
|
506
516
|
props.type,
|
|
507
517
|
]);
|
|
508
518
|
(0, react_1.useEffect)(function () {
|
|
@@ -510,13 +520,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
510
520
|
if ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.exportSettings) === null || _b === void 0 ? void 0 : _b.sumColumnId) {
|
|
511
521
|
setExportSumAttributeIds((_e = (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.exportSettings) === null || _d === void 0 ? void 0 : _d.sumColumnId) !== null && _e !== void 0 ? _e : []);
|
|
512
522
|
}
|
|
513
|
-
}, (
|
|
523
|
+
}, (_17 = (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.exportSettings) === null || _17 === void 0 ? void 0 : _17.sumColumnId);
|
|
514
524
|
(0, react_1.useEffect)(function () {
|
|
515
525
|
if (props.devSettings.schemaReference)
|
|
516
526
|
setReferenceSchema(props.devSettings.schemaReference);
|
|
517
527
|
}, [props.devSettings.schemaReference]);
|
|
518
528
|
(0, react_1.useEffect)(function () {
|
|
519
529
|
var newQuery = renderImpSearchFilterConditions();
|
|
530
|
+
// INFO - Use to clear table data when query is clear
|
|
531
|
+
if (isFirebase && !newQuery) {
|
|
532
|
+
setTableData([]);
|
|
533
|
+
setSpaceTableData([]);
|
|
534
|
+
}
|
|
520
535
|
if (newQuery)
|
|
521
536
|
setQueryList(newQuery);
|
|
522
537
|
}, [filterSelection, filterReferenceDate, filterReference]);
|
|
@@ -808,7 +823,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
808
823
|
else {
|
|
809
824
|
newTableData = [];
|
|
810
825
|
newPrettierTableData = [];
|
|
811
|
-
if (Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; })
|
|
826
|
+
if (Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; }) ||
|
|
827
|
+
Object.values(filterReference).some(function (eachValue) { return eachValue && eachValue.length > 0; })) {
|
|
812
828
|
newTableData = dataList;
|
|
813
829
|
newPrettierTableData = prettierDataList;
|
|
814
830
|
}
|
|
@@ -3732,7 +3748,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3732
3748
|
authList));
|
|
3733
3749
|
};
|
|
3734
3750
|
var renderContent = function () {
|
|
3735
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14;
|
|
3751
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
|
|
3736
3752
|
var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
|
|
3737
3753
|
var tabs = renderTabs();
|
|
3738
3754
|
var pages = [
|
|
@@ -3746,7 +3762,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3746
3762
|
case "read":
|
|
3747
3763
|
var anyAuthMethod = Object.values(authMethods).some(function (value) { return value; });
|
|
3748
3764
|
pages.push({
|
|
3749
|
-
name: (_b = props.
|
|
3765
|
+
name: (_d = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_c = (_b = props.organise) === null || _b === void 0 ? void 0 : _b.breadcrumbAttributeId) !== null && _c !== void 0 ? _c : serverId]) !== null && _d !== void 0 ? _d : (props.id ? props.id : "new"),
|
|
3750
3766
|
href: "#",
|
|
3751
3767
|
current: true,
|
|
3752
3768
|
});
|
|
@@ -3754,7 +3770,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3754
3770
|
react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
|
|
3755
3771
|
dbModule: dbModule,
|
|
3756
3772
|
dbType: devSettings.server,
|
|
3757
|
-
dbCollection: (
|
|
3773
|
+
dbCollection: (_f = (_e = props === null || props === void 0 ? void 0 : props.space) === null || _e === void 0 ? void 0 : _e.pipelineDefaultSpaceId) !== null && _f !== void 0 ? _f : props.collectionId,
|
|
3758
3774
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3759
3775
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3760
3776
|
dbUserToken: devSettings.dbUserToken,
|
|
@@ -3762,7 +3778,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3762
3778
|
type: "get",
|
|
3763
3779
|
id: props.id,
|
|
3764
3780
|
pipeline: pipeline,
|
|
3765
|
-
}, offline: (
|
|
3781
|
+
}, offline: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
|
|
3766
3782
|
!loading && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
3767
3783
|
renderBreadcrumb(pages),
|
|
3768
3784
|
react_1.default.createElement("div", null,
|
|
@@ -3771,13 +3787,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3771
3787
|
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
3772
3788
|
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
3773
3789
|
!isBottom && renderActionButtons(props.type))),
|
|
3774
|
-
schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (
|
|
3775
|
-
((
|
|
3790
|
+
schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.darkMode })),
|
|
3791
|
+
((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadComponentPos) === "top" &&
|
|
3776
3792
|
renderBareReadComp(),
|
|
3777
3793
|
anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
|
|
3778
|
-
!((
|
|
3794
|
+
!((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
|
|
3779
3795
|
renderTabContent(tabs, props.type, viewType),
|
|
3780
|
-
((
|
|
3796
|
+
((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponentPos) !== "top" &&
|
|
3781
3797
|
renderBareReadComp(),
|
|
3782
3798
|
isBottom && renderActionButtons(props.type, true)))));
|
|
3783
3799
|
case "update":
|
|
@@ -3789,12 +3805,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3789
3805
|
});
|
|
3790
3806
|
}
|
|
3791
3807
|
pages.push({
|
|
3792
|
-
name: props.id ? props.id : "new",
|
|
3808
|
+
name: (_p = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_o = (_m = props.organise) === null || _m === void 0 ? void 0 : _m.breadcrumbAttributeId) !== null && _o !== void 0 ? _o : serverId]) !== null && _p !== void 0 ? _p : (props.id ? props.id : "new"),
|
|
3793
3809
|
href: "#",
|
|
3794
3810
|
current: true,
|
|
3795
3811
|
});
|
|
3796
3812
|
var filterModel_1 = [];
|
|
3797
|
-
var disabledOnEnter_1 = (
|
|
3813
|
+
var disabledOnEnter_1 = (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.disabledOnEnter) !== null && _r !== void 0 ? _r : false;
|
|
3798
3814
|
props.model.map(function (eachModel) {
|
|
3799
3815
|
var _a;
|
|
3800
3816
|
var present = false;
|
|
@@ -3821,7 +3837,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3821
3837
|
props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
|
|
3822
3838
|
dbModule: dbModule,
|
|
3823
3839
|
dbType: devSettings.server,
|
|
3824
|
-
dbCollection: (
|
|
3840
|
+
dbCollection: (_t = (_s = props === null || props === void 0 ? void 0 : props.space) === null || _s === void 0 ? void 0 : _s.pipelineDefaultSpaceId) !== null && _t !== void 0 ? _t : props.collectionId,
|
|
3825
3841
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3826
3842
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3827
3843
|
dbUserToken: devSettings.dbUserToken,
|
|
@@ -3829,7 +3845,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3829
3845
|
type: "get",
|
|
3830
3846
|
id: props.id,
|
|
3831
3847
|
pipeline: pipeline,
|
|
3832
|
-
}, offline: (
|
|
3848
|
+
}, offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
|
|
3833
3849
|
renderBreadcrumb(pages),
|
|
3834
3850
|
react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
|
|
3835
3851
|
react_1.default.createElement("div", { className: "flex flex-col w-full" },
|
|
@@ -3838,8 +3854,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3838
3854
|
!isBottom && renderActionButtons(props.type)),
|
|
3839
3855
|
react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
|
|
3840
3856
|
renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
|
|
3841
|
-
((
|
|
3842
|
-
((
|
|
3857
|
+
((_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareUpdateComponent) &&
|
|
3858
|
+
((_w = props.bareSettings) === null || _w === void 0 ? void 0 : _w.bareUpdateComponent(selectedData))),
|
|
3843
3859
|
react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
|
|
3844
3860
|
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
|
|
3845
3861
|
isBottom && renderActionButtons(props.type, true)));
|
|
@@ -3850,14 +3866,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3850
3866
|
var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
|
|
3851
3867
|
dbModule: dbModule,
|
|
3852
3868
|
dbType: devSettings.server,
|
|
3853
|
-
dbCollection: (
|
|
3869
|
+
dbCollection: (_y = (_x = props === null || props === void 0 ? void 0 : props.space) === null || _x === void 0 ? void 0 : _x.pipelineDefaultSpaceId) !== null && _y !== void 0 ? _y : props.collectionId,
|
|
3854
3870
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3855
3871
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3856
3872
|
dbUserToken: devSettings.dbUserToken,
|
|
3857
|
-
}, cond: handleReadQueryHocCond(), offline: (
|
|
3873
|
+
}, cond: handleReadQueryHocCond(), offline: (_z = props.bareSettings) === null || _z === void 0 ? void 0 : _z.bareOffline, onChangeData: function (data) {
|
|
3858
3874
|
handleGetListData(data, "", "");
|
|
3859
3875
|
}, onError: handleGetItemError }));
|
|
3860
|
-
if ((
|
|
3876
|
+
if ((_0 = props.renderSettings) === null || _0 === void 0 ? void 0 : _0.renderListUI) {
|
|
3861
3877
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
3862
3878
|
listReadQueryHOC,
|
|
3863
3879
|
props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
|
|
@@ -3869,8 +3885,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3869
3885
|
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
3870
3886
|
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
3871
3887
|
react_1.default.createElement("div", { className: "grow" }),
|
|
3872
|
-
!((
|
|
3873
|
-
((
|
|
3888
|
+
!((_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" },
|
|
3889
|
+
((_2 = props === null || props === void 0 ? void 0 : props.organise) === null || _2 === void 0 ? void 0 : _2.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_8 = (_5 = (_4 = (_3 = props === null || props === void 0 ? void 0 : props.organise) === null || _3 === void 0 ? void 0 : _3.renderGroupByOptions) === null || _4 === void 0 ? void 0 : _4.call(_3)) !== null && _5 !== void 0 ? _5 : (_7 = (_6 = props === null || props === void 0 ? void 0 : props.organise) === null || _6 === void 0 ? void 0 : _6.renderReferenceLabelOptions) === null || _7 === void 0 ? void 0 : _7.call(_6, props.collectionId, true)) !== null && _8 !== void 0 ? _8 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
|
|
3874
3890
|
filterComponent)),
|
|
3875
3891
|
react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
|
|
3876
3892
|
schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -3896,16 +3912,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3896
3912
|
});
|
|
3897
3913
|
}, bgColor: "bg-white" }))),
|
|
3898
3914
|
!isBottom && renderActionButtons(props.type),
|
|
3899
|
-
(schemaPresent || ((
|
|
3915
|
+
(schemaPresent || ((_9 = props.organise) === null || _9 === void 0 ? void 0 : _9.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
|
|
3900
3916
|
//TODO: Bug - Crash on Next Js
|
|
3901
3917
|
// <Menu.Item>
|
|
3902
3918
|
react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
|
|
3903
3919
|
// </Menu.Item>
|
|
3904
3920
|
); })), lib: {
|
|
3905
|
-
Transition: (
|
|
3921
|
+
Transition: (_10 = props === null || props === void 0 ? void 0 : props.lib) === null || _10 === void 0 ? void 0 : _10.Transition,
|
|
3906
3922
|
} })))),
|
|
3907
|
-
((
|
|
3908
|
-
((
|
|
3923
|
+
((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-center my-6 gap-3" },
|
|
3924
|
+
((_12 = props === null || props === void 0 ? void 0 : props.organise) === null || _12 === void 0 ? void 0 : _12.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_18 = (_15 = (_14 = (_13 = props === null || props === void 0 ? void 0 : props.organise) === null || _13 === void 0 ? void 0 : _13.renderGroupByOptions) === null || _14 === void 0 ? void 0 : _14.call(_13)) !== null && _15 !== void 0 ? _15 : (_17 = (_16 = props === null || props === void 0 ? void 0 : props.organise) === null || _16 === void 0 ? void 0 : _16.renderReferenceLabelOptions) === null || _17 === void 0 ? void 0 : _17.call(_16, props.collectionId, true)) !== null && _18 !== void 0 ? _18 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
|
|
3909
3925
|
filterComponent.map(function (item, index) {
|
|
3910
3926
|
var _a, _b;
|
|
3911
3927
|
var filter = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.additionalQuery) === null || _b === void 0 ? void 0 : _b[index];
|
|
@@ -3913,7 +3929,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3913
3929
|
? "flex-grow sm:basis-full md:basis-1/2 lg:basis-1/3"
|
|
3914
3930
|
: "flex-grow sm:flex-shrink-0 sm:basis-1/2 md:basis-1/4 lg:basis-1/6" }, item));
|
|
3915
3931
|
}))),
|
|
3916
|
-
schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (
|
|
3932
|
+
schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_19 = props.organise) === null || _19 === void 0 ? void 0 : _19.darkMode })),
|
|
3917
3933
|
renderTabContent(tabs, props.type, viewType),
|
|
3918
3934
|
isBottom && renderActionButtons(props.type, true)));
|
|
3919
3935
|
default:
|
|
@@ -5266,7 +5282,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
5266
5282
|
};
|
|
5267
5283
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
5268
5284
|
renderNotification("root"),
|
|
5269
|
-
((
|
|
5285
|
+
((_19 = (_18 = props.renderSettings) === null || _18 === void 0 ? void 0 : _18.renderLoadingUI) === null || _19 === void 0 ? void 0 : _19.call(_18)) && loading ? ((_20 = props.renderSettings) === null || _20 === void 0 ? void 0 : _20.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
|
|
5270
5286
|
var _a, _b;
|
|
5271
5287
|
if (loading)
|
|
5272
5288
|
return;
|