blixify-ui-web 0.4.22 → 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 +171 -153
- 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,20 +511,27 @@ 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 () {
|
|
509
|
-
var _a, _b, _c;
|
|
510
|
-
|
|
511
|
-
|
|
519
|
+
var _a, _b, _c, _d, _e;
|
|
520
|
+
if ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.exportSettings) === null || _b === void 0 ? void 0 : _b.sumColumnId) {
|
|
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 : []);
|
|
522
|
+
}
|
|
523
|
+
}, (_17 = (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.exportSettings) === null || _17 === void 0 ? void 0 : _17.sumColumnId);
|
|
512
524
|
(0, react_1.useEffect)(function () {
|
|
513
525
|
if (props.devSettings.schemaReference)
|
|
514
526
|
setReferenceSchema(props.devSettings.schemaReference);
|
|
515
527
|
}, [props.devSettings.schemaReference]);
|
|
516
528
|
(0, react_1.useEffect)(function () {
|
|
517
529
|
var newQuery = renderImpSearchFilterConditions();
|
|
530
|
+
// INFO - Use to clear table data when query is clear
|
|
531
|
+
if (isFirebase && !newQuery) {
|
|
532
|
+
setTableData([]);
|
|
533
|
+
setSpaceTableData([]);
|
|
534
|
+
}
|
|
518
535
|
if (newQuery)
|
|
519
536
|
setQueryList(newQuery);
|
|
520
537
|
}, [filterSelection, filterReferenceDate, filterReference]);
|
|
@@ -806,7 +823,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
806
823
|
else {
|
|
807
824
|
newTableData = [];
|
|
808
825
|
newPrettierTableData = [];
|
|
809
|
-
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; })) {
|
|
810
828
|
newTableData = dataList;
|
|
811
829
|
newPrettierTableData = prettierDataList;
|
|
812
830
|
}
|
|
@@ -3730,7 +3748,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3730
3748
|
authList));
|
|
3731
3749
|
};
|
|
3732
3750
|
var renderContent = function () {
|
|
3733
|
-
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;
|
|
3734
3752
|
var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
|
|
3735
3753
|
var tabs = renderTabs();
|
|
3736
3754
|
var pages = [
|
|
@@ -3744,7 +3762,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3744
3762
|
case "read":
|
|
3745
3763
|
var anyAuthMethod = Object.values(authMethods).some(function (value) { return value; });
|
|
3746
3764
|
pages.push({
|
|
3747
|
-
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"),
|
|
3748
3766
|
href: "#",
|
|
3749
3767
|
current: true,
|
|
3750
3768
|
});
|
|
@@ -3752,7 +3770,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3752
3770
|
react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
|
|
3753
3771
|
dbModule: dbModule,
|
|
3754
3772
|
dbType: devSettings.server,
|
|
3755
|
-
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,
|
|
3756
3774
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3757
3775
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3758
3776
|
dbUserToken: devSettings.dbUserToken,
|
|
@@ -3760,7 +3778,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3760
3778
|
type: "get",
|
|
3761
3779
|
id: props.id,
|
|
3762
3780
|
pipeline: pipeline,
|
|
3763
|
-
}, offline: (
|
|
3781
|
+
}, offline: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
|
|
3764
3782
|
!loading && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
3765
3783
|
renderBreadcrumb(pages),
|
|
3766
3784
|
react_1.default.createElement("div", null,
|
|
@@ -3769,13 +3787,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3769
3787
|
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
3770
3788
|
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
3771
3789
|
!isBottom && renderActionButtons(props.type))),
|
|
3772
|
-
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: (
|
|
3773
|
-
((
|
|
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" &&
|
|
3774
3792
|
renderBareReadComp(),
|
|
3775
3793
|
anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
|
|
3776
|
-
!((
|
|
3794
|
+
!((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
|
|
3777
3795
|
renderTabContent(tabs, props.type, viewType),
|
|
3778
|
-
((
|
|
3796
|
+
((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponentPos) !== "top" &&
|
|
3779
3797
|
renderBareReadComp(),
|
|
3780
3798
|
isBottom && renderActionButtons(props.type, true)))));
|
|
3781
3799
|
case "update":
|
|
@@ -3787,12 +3805,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3787
3805
|
});
|
|
3788
3806
|
}
|
|
3789
3807
|
pages.push({
|
|
3790
|
-
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"),
|
|
3791
3809
|
href: "#",
|
|
3792
3810
|
current: true,
|
|
3793
3811
|
});
|
|
3794
3812
|
var filterModel_1 = [];
|
|
3795
|
-
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;
|
|
3796
3814
|
props.model.map(function (eachModel) {
|
|
3797
3815
|
var _a;
|
|
3798
3816
|
var present = false;
|
|
@@ -3819,7 +3837,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3819
3837
|
props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
|
|
3820
3838
|
dbModule: dbModule,
|
|
3821
3839
|
dbType: devSettings.server,
|
|
3822
|
-
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,
|
|
3823
3841
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3824
3842
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3825
3843
|
dbUserToken: devSettings.dbUserToken,
|
|
@@ -3827,7 +3845,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3827
3845
|
type: "get",
|
|
3828
3846
|
id: props.id,
|
|
3829
3847
|
pipeline: pipeline,
|
|
3830
|
-
}, offline: (
|
|
3848
|
+
}, offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
|
|
3831
3849
|
renderBreadcrumb(pages),
|
|
3832
3850
|
react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
|
|
3833
3851
|
react_1.default.createElement("div", { className: "flex flex-col w-full" },
|
|
@@ -3836,8 +3854,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3836
3854
|
!isBottom && renderActionButtons(props.type)),
|
|
3837
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 },
|
|
3838
3856
|
renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
|
|
3839
|
-
((
|
|
3840
|
-
((
|
|
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))),
|
|
3841
3859
|
react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
|
|
3842
3860
|
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
|
|
3843
3861
|
isBottom && renderActionButtons(props.type, true)));
|
|
@@ -3848,14 +3866,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3848
3866
|
var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
|
|
3849
3867
|
dbModule: dbModule,
|
|
3850
3868
|
dbType: devSettings.server,
|
|
3851
|
-
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,
|
|
3852
3870
|
dbEndpoint: devSettings.dbEndpoint,
|
|
3853
3871
|
dbAPIToken: devSettings.dbAPIToken,
|
|
3854
3872
|
dbUserToken: devSettings.dbUserToken,
|
|
3855
|
-
}, cond: handleReadQueryHocCond(), offline: (
|
|
3873
|
+
}, cond: handleReadQueryHocCond(), offline: (_z = props.bareSettings) === null || _z === void 0 ? void 0 : _z.bareOffline, onChangeData: function (data) {
|
|
3856
3874
|
handleGetListData(data, "", "");
|
|
3857
3875
|
}, onError: handleGetItemError }));
|
|
3858
|
-
if ((
|
|
3876
|
+
if ((_0 = props.renderSettings) === null || _0 === void 0 ? void 0 : _0.renderListUI) {
|
|
3859
3877
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
3860
3878
|
listReadQueryHOC,
|
|
3861
3879
|
props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
|
|
@@ -3867,8 +3885,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3867
3885
|
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
3868
3886
|
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
3869
3887
|
react_1.default.createElement("div", { className: "grow" }),
|
|
3870
|
-
!((
|
|
3871
|
-
((
|
|
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); } })),
|
|
3872
3890
|
filterComponent)),
|
|
3873
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" },
|
|
3874
3892
|
schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -3894,16 +3912,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3894
3912
|
});
|
|
3895
3913
|
}, bgColor: "bg-white" }))),
|
|
3896
3914
|
!isBottom && renderActionButtons(props.type),
|
|
3897
|
-
(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 (
|
|
3898
3916
|
//TODO: Bug - Crash on Next Js
|
|
3899
3917
|
// <Menu.Item>
|
|
3900
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)
|
|
3901
3919
|
// </Menu.Item>
|
|
3902
3920
|
); })), lib: {
|
|
3903
|
-
Transition: (
|
|
3921
|
+
Transition: (_10 = props === null || props === void 0 ? void 0 : props.lib) === null || _10 === void 0 ? void 0 : _10.Transition,
|
|
3904
3922
|
} })))),
|
|
3905
|
-
((
|
|
3906
|
-
((
|
|
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); } })),
|
|
3907
3925
|
filterComponent.map(function (item, index) {
|
|
3908
3926
|
var _a, _b;
|
|
3909
3927
|
var filter = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.additionalQuery) === null || _b === void 0 ? void 0 : _b[index];
|
|
@@ -3911,7 +3929,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
3911
3929
|
? "flex-grow sm:basis-full md:basis-1/2 lg:basis-1/3"
|
|
3912
3930
|
: "flex-grow sm:flex-shrink-0 sm:basis-1/2 md:basis-1/4 lg:basis-1/6" }, item));
|
|
3913
3931
|
}))),
|
|
3914
|
-
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 })),
|
|
3915
3933
|
renderTabContent(tabs, props.type, viewType),
|
|
3916
3934
|
isBottom && renderActionButtons(props.type, true)));
|
|
3917
3935
|
default:
|
|
@@ -4935,7 +4953,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
4935
4953
|
react_1.default.createElement(table_1.Table, { className: "mt-5", header: dataStateModel_1.queryTableHeader, data: renderQueryData(), loading: false }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
4936
4954
|
react_1.default.createElement("p", null, "Click the button below to download."),
|
|
4937
4955
|
(exportType === "pdf" || exportType === "print") && (react_1.default.createElement(textInput_1.TextInput, { containerClassName: "mt-5", value: exportPDFTitle, type: "text", label: "Title (Optional)", placeholder: (_k = (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.exportSettings) === null || _j === void 0 ? void 0 : _j.defaultExportPDFName) !== null && _k !== void 0 ? _k : "Enter your report title", onChange: function (e) { return setExportPDFTitle(e.target.value); } })),
|
|
4938
|
-
(exportType === "pdf" || exportType === "print") && (react_1.default.createElement(select_1.Select, { label: "Sum Attribute", containerClassName: "mt-5", value: exportSumAttributeIds, options: (_o = (_m = (_l = props.organise) === null || _l === void 0 ? void 0 : _l.renderReferenceLabelOptions) === null || _m === void 0 ? void 0 : _m.call(_l)) !== null && _o !== void 0 ? _o : [], staticDropdown: true, onChange: function (value) {
|
|
4956
|
+
(exportType === "pdf" || exportType === "print") && (react_1.default.createElement(select_1.Select, { label: "Sum Attribute", containerClassName: "mt-5", value: exportSumAttributeIds, options: (_o = (_m = (_l = props.organise) === null || _l === void 0 ? void 0 : _l.renderReferenceLabelOptions) === null || _m === void 0 ? void 0 : _m.call(_l, "", false, "number")) !== null && _o !== void 0 ? _o : [], staticDropdown: true, onChange: function (value) {
|
|
4939
4957
|
setExportSumAttributeIds(value);
|
|
4940
4958
|
} })))),
|
|
4941
4959
|
react_1.default.createElement("div", { className: "flex justify-end mt-5 " },
|
|
@@ -5264,7 +5282,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
5264
5282
|
};
|
|
5265
5283
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
5266
5284
|
renderNotification("root"),
|
|
5267
|
-
((
|
|
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 () {
|
|
5268
5286
|
var _a, _b;
|
|
5269
5287
|
if (loading)
|
|
5270
5288
|
return;
|