blixify-ui-web 0.4.73 → 0.4.75

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":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAmEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFA4vNvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAmEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAy2NvB,CAAC"}

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

@@ -302,11 +302,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         type: "string",
     }), referenceCreationModal = _103[0], setReferenceCreationModal = _103[1];
     var _104 = (0, react_1.useState)({}), referenceModelSchema = _104[0], setReferenceSchema = _104[1];
+    var _105 = (0, react_1.useState)([]), kanbanChecked = _105[0], setKanbanChecked = _105[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _105 = (0, react_1.useState)(false), prefillTrigger = _105[0], setPrefillTrigger = _105[1];
+    var _106 = (0, react_1.useState)(false), prefillTrigger = _106[0], setPrefillTrigger = _106[1];
     //INFO : Offline
-    var _106 = (0, react_1.useState)(0), offlineDataLength = _106[0], setOfflineDataLength = _106[1];
-    var _107 = (0, react_1.useState)(false), offlineModal = _107[0], setOfflineModal = _107[1];
+    var _107 = (0, react_1.useState)(0), offlineDataLength = _107[0], setOfflineDataLength = _107[1];
+    var _108 = (0, react_1.useState)(false), offlineModal = _108[0], setOfflineModal = _108[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     var formRef = (0, react_1.createRef)();
@@ -863,6 +864,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var _a, _b, _c, _d, _e;
         setTableData(newTableData);
         setSpaceTableData(newSpaceTableData);
+        var kanbanBooleanColumns = props.model
+            .filter(function (eachModel) {
+            return eachModel.type === "boolean" &&
+                eachModel.enableCheckbox &&
+                !eachModel.hide &&
+                !eachModel.disabled;
+        })
+            .map(function (eachModel) { return eachModel.id; });
+        var kanbanCheckedData = [];
+        newTableData.forEach(function (eachData) {
+            var eachKanbanCheckedData = { id: eachData.id };
+            kanbanBooleanColumns.forEach(function (eachCol) { var _a; return (eachKanbanCheckedData[eachCol] = (_a = eachData[eachCol]) !== null && _a !== void 0 ? _a : false); });
+            kanbanCheckedData.push(eachKanbanCheckedData);
+        });
+        setKanbanChecked(kanbanCheckedData);
         (_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListHandleData) === null || _b === void 0 ? void 0 : _b.call(_a, newTableData, newSpaceTableData);
         if (((_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs) &&
             props.organise.extendedTabs.length > 0) {
@@ -2620,6 +2636,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         });
     }); };
+    var handleUpdateKanbanChecked = function (id, columnId, value) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            try {
+                writeServerQuery.call("update", {
+                    id: id,
+                    data: (_a = {}, _a[columnId] = value, _a),
+                });
+            }
+            catch (err) { }
+            return [2 /*return*/];
+        });
+    }); };
     var handleRetrieveSelectedData = function (responseData) { return __awaiter(void 0, void 0, void 0, function () {
         var clonedReferencesOptions_1, dummyRespData, dummyReferenceModelSchema, newRespData, _a;
         var _b, _c, _d, _e, _f, _g;
@@ -4215,13 +4244,23 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, { 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, kanbanGroupId, useColumnName) {
+        var _a, _b;
         var gridData = [];
+        var isKanban = (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.viewType) === "kanban";
+        var isListEditable = (_a = props.edit) === null || _a === void 0 ? void 0 : _a.listEditable;
+        var disableUpdate = (_b = props.edit) === null || _b === void 0 ? void 0 : _b.disabledUpdate;
         var titleKey = "";
         var titleModel = structure.find(function (eachModel) {
             return !eachModel.hide && eachModel.id !== "_id" && eachModel.id !== "id";
         });
         if (titleModel)
             titleKey = titleModel.id;
+        var booleanModels = props.model.filter(function (eachModel) {
+            return eachModel.type === "boolean" &&
+                eachModel.enableCheckbox &&
+                !eachModel.hide &&
+                !eachModel.disabled;
+        });
         spaceTableData.forEach(function (eachData, index) {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             var clonedEachData = JSON.parse(JSON.stringify(eachData));
@@ -4258,6 +4297,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     (structurePresent && (!modelInStructure || modelInStructure.hide))) {
                     return null;
                 }
+                if (isKanban &&
+                    isListEditable &&
+                    selectedModel.type === "boolean" &&
+                    selectedModel.enableCheckbox &&
+                    !disableUpdate) {
+                    return null;
+                }
                 if (!((_a = props.organise) === null || _a === void 0 ? void 0 : _a.showBaseUpdatedAt) && eachKey === "baseUpdatedAt") {
                     return null;
                 }
@@ -4301,6 +4347,31 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 return null;
             });
+            if (booleanModels.length &&
+                isKanban &&
+                isListEditable &&
+                !disableUpdate) {
+                booleanModels.map(function (eachModel) {
+                    return listDescArray.push(react_1.default.createElement("div", { className: "flex space-x-1 items-center", key: "kanban-checkbox-".concat(eachModel.id) },
+                        react_1.default.createElement("p", null,
+                            eachModel.name,
+                            " : "),
+                        react_1.default.createElement("input", { type: "checkbox", checked: kanbanChecked.some(function (eachCheckedData) {
+                                return eachCheckedData.id === eachData.id &&
+                                    eachCheckedData[eachModel.id] === true;
+                            }), onClick: function (e) { return e.stopPropagation(); }, onChange: function (e) {
+                                var isChecked = e.target.checked;
+                                setKanbanChecked(function (prev) {
+                                    return prev.map(function (eachPrevItem) {
+                                        var _a;
+                                        return eachPrevItem.id === eachData.id
+                                            ? __assign(__assign({}, eachPrevItem), (_a = {}, _a[eachModel.id] = isChecked, _a)) : eachPrevItem;
+                                    });
+                                });
+                                handleUpdateKanbanChecked(eachData.id, eachModel.id, isChecked);
+                            }, className: "border-primary-500 border-2 rounded focus:ring-gray-50" })));
+                });
+            }
             var selectedTGroupData = tableData;
             var selectedTData = selectedTGroupData[index];
             var data = {
@@ -4804,7 +4875,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         var _a, _b;
                         if (id)
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                    }, height: "95vh", dayCellMinHeight: 120, lib: { moment: moment_1.default }, customPlugin: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customPlugin, headerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.headerToolbar, footerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.footerToolbar, customButtons: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customButtons, handleCalendarResize: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.handleCalendarResize }))));
+                    }, height: "95vh", dayCellMinHeight: 120, lib: { moment: moment_1.default }, customPlugin: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customPlugin, headerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.headerToolbar, footerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.footerToolbar, customButtons: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customButtons, customHeaderFn: (calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customHeader)
+                        ? function () { return calendarSettings_1.customHeader || ""; }
+                        : undefined, handleCalendarResize: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.handleCalendarResize }))));
             }
             else if (selectedTabData.viewType === "feeds") {
                 var contentList_1 = [];