blixify-ui-web 0.3.64 → 0.3.66

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AA2Df,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAQ1B,eAAO,MAAM,YAAY,mFAghLvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AA4Df,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAa1B,eAAO,MAAM,YAAY,mFAgnLvB,CAAC"}

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

@@ -104,6 +104,7 @@ var calendar_1 = require("../../display/calendar");
 var detailList_1 = require("../../display/detailList");
 var feeds_1 = require("../../display/feeds");
 var grid_1 = require("../../display/grid");
+var kanban_1 = require("../../display/kanban");
 var list_1 = require("../../display/list");
 var loading_1 = require("../../display/loading");
 var mapView_1 = require("../../display/mapView");
@@ -185,60 +186,62 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _27 = (0, react_1.useState)((_a = props.defaultTab) !== null && _a !== void 0 ? _a : ""), selectedTab = _27[0], setSelectedTab = _27[1];
     var _28 = (0, react_1.useState)("dayGridMonth"), calendarView = _28[0], setCalendarView = _28[1];
     var _29 = (0, react_1.useState)(new Date()), calendarTabMonth = _29[0], setCalendarTabMonth = _29[1];
-    var _30 = (0, react_1.useState)(false), queryForm = _30[0], setQueryForm = _30[1];
-    var _31 = (0, react_1.useState)(false), batchUpdateModal = _31[0], setBatchUpdateModal = _31[1];
-    var _32 = (0, react_1.useState)({
+    var _30 = (0, react_1.useState)(true), kanbanDroppable = _30[0], setKanbanDroppable = _30[1];
+    var _31 = (0, react_1.useState)([]), kanbanOptions = _31[0], setKanbanOptions = _31[1];
+    var _32 = (0, react_1.useState)(false), queryForm = _32[0], setQueryForm = _32[1];
+    var _33 = (0, react_1.useState)(false), batchUpdateModal = _33[0], setBatchUpdateModal = _33[1];
+    var _34 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _32[0], setBatchUpdateData = _32[1];
+    }), batchUpdateData = _34[0], setBatchUpdateData = _34[1];
     // INFO: Used by Activity Log
-    var _33 = (0, react_1.useState)(false), activityModal = _33[0], setActivityModal = _33[1];
-    var _34 = (0, react_1.useState)(""), activityId = _34[0], setActivityId = _34[1];
+    var _35 = (0, react_1.useState)(false), activityModal = _35[0], setActivityModal = _35[1];
+    var _36 = (0, react_1.useState)(""), activityId = _36[0], setActivityId = _36[1];
     //INFO : Used by Export
-    var _35 = (0, react_1.useState)(null), csvFile = _35[0], setCSVFile = _35[1];
-    var _36 = (0, react_1.useState)([]), csvFileData = _36[0], setCSVFileData = _36[1];
-    var _37 = (0, react_1.useState)(0), stepCSVIndex = _37[0], setStepCSVIndex = _37[1];
-    var _38 = (0, react_1.useState)({}), listCSVMapAttribute = _38[0], setListCSVMapAttribute = _38[1];
-    var _39 = (0, react_1.useState)({}), listCSVObjAttribute = _39[0], setListCSVObjAttribute = _39[1];
-    var _40 = (0, react_1.useState)([]), csvAPIAttribute = _40[0], setCSVAPIAttribute = _40[1];
-    var _41 = (0, react_1.useState)(((_b = props.devSettings.currentUser) === null || _b === void 0 ? void 0 : _b.userEmail) || ""), exportCSVEmail = _41[0], setExportCSVEmail = _41[1];
-    var _42 = (0, react_1.useState)([]), importTableData = _42[0], setImportTableData = _42[1];
-    var _43 = (0, react_1.useState)([]), queryList = _43[0], setQueryList = _43[1];
-    var _44 = (0, react_1.useState)(-1), queryIndex = _44[0], setQueryIndex = _44[1];
+    var _37 = (0, react_1.useState)(null), csvFile = _37[0], setCSVFile = _37[1];
+    var _38 = (0, react_1.useState)([]), csvFileData = _38[0], setCSVFileData = _38[1];
+    var _39 = (0, react_1.useState)(0), stepCSVIndex = _39[0], setStepCSVIndex = _39[1];
+    var _40 = (0, react_1.useState)({}), listCSVMapAttribute = _40[0], setListCSVMapAttribute = _40[1];
+    var _41 = (0, react_1.useState)({}), listCSVObjAttribute = _41[0], setListCSVObjAttribute = _41[1];
+    var _42 = (0, react_1.useState)([]), csvAPIAttribute = _42[0], setCSVAPIAttribute = _42[1];
+    var _43 = (0, react_1.useState)(((_b = props.devSettings.currentUser) === null || _b === void 0 ? void 0 : _b.userEmail) || ""), exportCSVEmail = _43[0], setExportCSVEmail = _43[1];
+    var _44 = (0, react_1.useState)([]), importTableData = _44[0], setImportTableData = _44[1];
+    var _45 = (0, react_1.useState)([]), queryList = _45[0], setQueryList = _45[1];
+    var _46 = (0, react_1.useState)(-1), queryIndex = _46[0], setQueryIndex = _46[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _45 = (0, react_1.useState)(false), modalVisible = _45[0], setModalVisible = _45[1];
-    var _46 = (0, react_1.useState)(false), deleteModal = _46[0], setDeleteModal = _46[1];
-    var _47 = (0, react_1.useState)(false), excelModal = _47[0], setExcelModal = _47[1];
-    var _48 = (0, react_1.useState)(false), exportExcel = _48[0], setExportExcel = _48[1];
-    var _49 = (0, react_1.useState)(false), exportQR = _49[0], setExportQR = _49[1];
-    var _50 = (0, react_1.useState)(false), signatureSigning = _50[0], setSignatureSigning = _50[1];
-    var _51 = (0, react_1.useState)({}), selectedData = _51[0], setSelectedData = _51[1];
-    var _52 = (0, react_1.useState)(""), selectedObjectStructureId = _52[0], setSelectedObjectStructureId = _52[1];
-    var _53 = (0, react_1.useState)(""), selectedObjectId = _53[0], setSelectedObjectId = _53[1];
-    var _54 = (0, react_1.useState)(""), selectedListAddressId = _54[0], setSelectedListAddressId = _54[1];
-    var _55 = (0, react_1.useState)({
+    var _47 = (0, react_1.useState)(false), modalVisible = _47[0], setModalVisible = _47[1];
+    var _48 = (0, react_1.useState)(false), deleteModal = _48[0], setDeleteModal = _48[1];
+    var _49 = (0, react_1.useState)(false), excelModal = _49[0], setExcelModal = _49[1];
+    var _50 = (0, react_1.useState)(false), exportExcel = _50[0], setExportExcel = _50[1];
+    var _51 = (0, react_1.useState)(false), exportQR = _51[0], setExportQR = _51[1];
+    var _52 = (0, react_1.useState)(false), signatureSigning = _52[0], setSignatureSigning = _52[1];
+    var _53 = (0, react_1.useState)({}), selectedData = _53[0], setSelectedData = _53[1];
+    var _54 = (0, react_1.useState)(""), selectedObjectStructureId = _54[0], setSelectedObjectStructureId = _54[1];
+    var _55 = (0, react_1.useState)(""), selectedObjectId = _55[0], setSelectedObjectId = _55[1];
+    var _56 = (0, react_1.useState)(""), selectedListAddressId = _56[0], setSelectedListAddressId = _56[1];
+    var _57 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _55[0], setSelectedListAddress = _55[1];
-    var _56 = (0, react_1.useState)({}), selectedObjectData = _56[0], setSelectedObjectData = _56[1];
-    var _57 = (0, react_1.useState)(false), referenceLoading = _57[0], setReferenceLoading = _57[1];
-    var _58 = (0, react_1.useState)({}), referencesOptions = _58[0], setReferencesOptions = _58[1];
-    var _59 = (0, react_1.useState)({}), referencesDetails = _59[0], setReferencesDetails = _59[1];
-    var _60 = (0, react_1.useState)({}), referenceDeleteTableData = _60[0], setReferenceDeleteTableData = _60[1];
-    var _61 = (0, react_1.useState)(0), referenceDeleteIndex = _61[0], setReferenceDeleteIndex = _61[1];
-    var _62 = (0, react_1.useState)({
+    }), selectedListAddress = _57[0], setSelectedListAddress = _57[1];
+    var _58 = (0, react_1.useState)({}), selectedObjectData = _58[0], setSelectedObjectData = _58[1];
+    var _59 = (0, react_1.useState)(false), referenceLoading = _59[0], setReferenceLoading = _59[1];
+    var _60 = (0, react_1.useState)({}), referencesOptions = _60[0], setReferencesOptions = _60[1];
+    var _61 = (0, react_1.useState)({}), referencesDetails = _61[0], setReferencesDetails = _61[1];
+    var _62 = (0, react_1.useState)({}), referenceDeleteTableData = _62[0], setReferenceDeleteTableData = _62[1];
+    var _63 = (0, react_1.useState)(0), referenceDeleteIndex = _63[0], setReferenceDeleteIndex = _63[1];
+    var _64 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _62[0], setReferenceCreationModal = _62[1];
-    var _63 = (0, react_1.useState)({}), referenceModelSchema = _63[0], setReferenceSchema = _63[1];
+    }), referenceCreationModal = _64[0], setReferenceCreationModal = _64[1];
+    var _65 = (0, react_1.useState)({}), referenceModelSchema = _65[0], setReferenceSchema = _65[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _64 = (0, react_1.useState)(false), prefillTrigger = _64[0], setPrefillTrigger = _64[1];
+    var _66 = (0, react_1.useState)(false), prefillTrigger = _66[0], setPrefillTrigger = _66[1];
     //INFO : Offline
-    var _65 = (0, react_1.useState)(0), offlineDataLength = _65[0], setOfflineDataLength = _65[1];
-    var _66 = (0, react_1.useState)(false), offlineModal = _66[0], setOfflineModal = _66[1];
+    var _67 = (0, react_1.useState)(0), offlineDataLength = _67[0], setOfflineDataLength = _67[1];
+    var _68 = (0, react_1.useState)(false), offlineModal = _68[0], setOfflineModal = _68[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId) !== null && _d !== void 0 ? _d : "general";
@@ -377,16 +380,69 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //   oldCollectionId.current = props.collectionId;
     // }, [props.collectionId]);
     (0, react_1.useEffect)(function () {
-        var _a, _b, _c, _d;
-        if (props.type === "list" && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId)) {
-            var currentTab = (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.extendedTabs, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId);
-            setSelectedTab(currentTab);
-            if ((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "calendar") {
-                setFilterSearch({});
-                setFilterSearchParams({});
-                (_d = listRQueryHocRef.current) === null || _d === void 0 ? void 0 : _d.handleRefresh();
-            }
-        }
+        var handleInitTab = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var currentTab, kanbanSettings, kanbanTitle_1, kanbanRefRQ_1, kanbanRefOption_1, kanbanRefLabel_1, kanbanRefQuery;
+            var _a, _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        if (!(props.type === "list" && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId))) return [3 /*break*/, 4];
+                        currentTab = (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.extendedTabs, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId);
+                        setSelectedTab(currentTab);
+                        if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "calendar")) return [3 /*break*/, 1];
+                        setFilterSearch({});
+                        setFilterSearchParams({});
+                        (_d = listRQueryHocRef.current) === null || _d === void 0 ? void 0 : _d.handleRefresh();
+                        return [3 /*break*/, 4];
+                    case 1:
+                        if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "kanban")) return [3 /*break*/, 4];
+                        kanbanSettings = currentTab === null || currentTab === void 0 ? void 0 : currentTab.kanbanSettings;
+                        kanbanTitle_1 = (_e = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _e !== void 0 ? _e : "";
+                        kanbanRefRQ_1 = null;
+                        kanbanRefOption_1 = [];
+                        kanbanRefLabel_1 = "";
+                        props.model.map(function (eachModel) {
+                            var _a, _b;
+                            if (kanbanTitle_1 === eachModel.id) {
+                                if (eachModel.type === "reference") {
+                                    kanbanRefRQ_1 = new readQuery_1.ReadQuery({
+                                        dbModule: dbModule,
+                                        dbType: props.devSettings.server,
+                                        dbCollection: (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "",
+                                        dbEndpoint: props.devSettings.dbEndpoint,
+                                        dbAPIToken: props.devSettings.dbAPIToken,
+                                        dbUserToken: props.devSettings.dbUserToken,
+                                    });
+                                    kanbanRefLabel_1 = (_b = eachModel.referenceLabel) !== null && _b !== void 0 ? _b : "";
+                                }
+                            }
+                            return null;
+                        });
+                        if (!kanbanRefRQ_1) return [3 /*break*/, 3];
+                        return [4 /*yield*/, kanbanRefRQ_1.call({
+                                type: "list",
+                                limit: limit,
+                            })];
+                    case 2:
+                        kanbanRefQuery = _f.sent();
+                        if (kanbanRefQuery.data) {
+                            kanbanRefQuery.data.map(function (eachData) {
+                                kanbanRefOption_1.push({
+                                    key: eachData[serverId],
+                                    label: eachData[kanbanRefLabel_1],
+                                });
+                                return null;
+                            });
+                        }
+                        _f.label = 3;
+                    case 3:
+                        setKanbanOptions(kanbanRefOption_1);
+                        _f.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleInitTab();
     }, [
         props.collectionId,
         props.id,
@@ -3576,7 +3632,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             renderObjectTags: renderObjectTags,
         }, { signing: signatureSigning, setSigning: setSignatureSigning }, props.onComplete ? true : false, (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareUpdateOneColumn);
     };
-    var renderGridAndListData = function (imageTag, type) {
+    var renderGridAndListData = function (imageTag, type, kanbanGroupId) {
         var gridData = [];
         var titleKey = "";
         var titleModel = props.model.find(function (eachModel) {
@@ -3584,7 +3640,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
         if (titleModel)
             titleKey = titleModel.id;
-        spaceTableData.forEach(function (eachData) {
+        spaceTableData.forEach(function (eachData, index) {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
             var clonedEachData = JSON.parse(JSON.stringify(eachData));
             var allValues = Object.values(clonedEachData);
@@ -3641,13 +3697,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 return null;
             });
+            var selectedTData = tableData[index];
             var data = {
-                id: clonedEachData["id"],
+                id: selectedTData["_id"] ? selectedTData["_id"] : selectedTData["id"],
                 title: title,
                 description: desc,
                 tags: [],
             };
             if (type === "grid") {
+                if (kanbanGroupId)
+                    data[kanbanGroupId] = selectedTData[kanbanGroupId];
                 if ((_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListGridComponent) === null || _b === void 0 ? void 0 : _b.call(_a, eachData)) {
                     data[type === "grid" ? "extra" : "action"] =
                         (_d = (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareListGridComponent) === null || _d === void 0 ? void 0 : _d.call(_c, eachData);
@@ -3753,7 +3812,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return tabs;
     };
     var renderTabContent = function (tabs, dataType, viewType) {
-        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;
+        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;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -4112,6 +4171,50 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 else
                     return react_1.default.createElement(react_1.default.Fragment, null);
             }
+            else if (selectedTabData.viewType === "kanban") {
+                var kanbanSettings = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.kanbanSettings;
+                var kanbanTitle_2 = (_8 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _8 !== void 0 ? _8 : "";
+                var nullColumn_1 = false;
+                var groupBy_1 = [];
+                var groupLabel_1 = [];
+                props.model.map(function (eachModel) {
+                    var _a, _b, _c;
+                    if (kanbanTitle_2 === eachModel.id) {
+                        if (eachModel.type === "list") {
+                            groupBy_1 = (_a = eachModel.listSelection) !== null && _a !== void 0 ? _a : [];
+                            groupLabel_1 = (_b = eachModel.listSelectionLabel) !== null && _b !== void 0 ? _b : [];
+                        }
+                        else if (eachModel.type === "reference") {
+                            groupBy_1 = kanbanOptions.map(function (eachOption) { return eachOption.key; });
+                            groupLabel_1 = kanbanOptions.map(function (eachOption) { return eachOption.label; });
+                        }
+                        nullColumn_1 = (_c = eachModel.optional) !== null && _c !== void 0 ? _c : false;
+                    }
+                    return null;
+                });
+                var kanbanData = renderGridAndListData("", "grid", kanbanTitle_2);
+                return (react_1.default.createElement(kanban_1.Kanban, { data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
+                        ? "Data has exceeded limit, please apply filters"
+                        : "", draggable: true, droppable: kanbanDroppable, onUpdateData: function (data) { return __awaiter(void 0, void 0, void 0, function () {
+                        var _a;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    setKanbanDroppable(false);
+                                    return [4 /*yield*/, handleSubmitData("update", data.id, kanbanTitle_2, (_a = {},
+                                            _a[kanbanTitle_2] = data[kanbanTitle_2],
+                                            _a))];
+                                case 1:
+                                    _b.sent();
+                                    setKanbanDroppable(true);
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); }, onClickData: function (id) {
+                        var _a, _b;
+                        (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
+                    } }));
+            }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }