blixify-ui-web 0.4.72 → 0.4.74

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,mFAuuNvB,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,20 +4244,30 @@ 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;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             var clonedEachData = JSON.parse(JSON.stringify(eachData));
             var allValues = Object.values(clonedEachData);
             var title = "";
             if (allValues.length > 0) {
-                var renderedTitle = (0, readModule_1.renderEachRowDataBasedOnDataType)(titleKey, eachData[titleKey], props.bareSettings, true);
+                var renderedTitle = (0, readModule_1.renderEachRowDataBasedOnDataType)(titleKey, eachData[titleKey], props.bareSettings, true, (_a = props.organise) === null || _a === void 0 ? void 0 : _a.disableEllipsisOnLongWord);
                 if (renderedTitle !== " - ")
                     title = renderedTitle;
             }
@@ -4258,10 +4297,17 @@ 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;
                 }
-                if (type === "grid" &&
+                if ((type === "grid" || type === "kanban") &&
                     (selectedModel.type === "multipleImage" ||
                         selectedModel.type === "markdown"))
                     return null;
@@ -4278,14 +4324,54 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         react_1.default.createElement("div", { className: "bg-white rounded-lg border p-4 mb-2" }, (0, readModule_1.renderEachRowDataBasedOnDataType)(selectedKey, eachValue, props.bareSettings, true, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.disableEllipsisOnLongWord))));
                 }
                 else {
-                    listDescArray.push(react_1.default.createElement("div", { className: "flex" },
-                        useColumnName ? selectedModel.name : (0, utils_1.camelCaseToText)(eachKey),
-                        " :",
-                        " ",
-                        (0, readModule_1.renderEachRowDataBasedOnDataType)(selectedKey, eachValue, props.bareSettings, true, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.disableEllipsisOnLongWord)));
+                    var baseClassName = "my-1.5";
+                    if (type === "grid")
+                        baseClassName += " grid grid-cols-3 gap-x-1";
+                    else
+                        baseClassName += " flex flex-wrap items-center gap-x-1";
+                    var keyClassName = "flex text-gray-500 font-normal";
+                    if (type === "grid")
+                        keyClassName += " justify-between items-start";
+                    else
+                        keyClassName += " items-center";
+                    var valueClassName = "";
+                    if (type === "grid")
+                        valueClassName += "col-span-2";
+                    listDescArray.push(react_1.default.createElement("div", { className: baseClassName },
+                        react_1.default.createElement("div", { className: keyClassName },
+                            react_1.default.createElement("p", null, useColumnName
+                                ? selectedModel.name
+                                : (0, utils_1.camelCaseToText)(eachKey)),
+                            react_1.default.createElement("p", null, ":")),
+                        react_1.default.createElement("div", { className: valueClassName }, (0, readModule_1.renderEachRowDataBasedOnDataType)(selectedKey, eachValue, props.bareSettings, true, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.disableEllipsisOnLongWord))));
                 }
                 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 = {
@@ -4294,15 +4380,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 description: react_1.default.createElement("div", null, listDescArray.map(function (eachDesc) { return eachDesc; })),
                 tags: [],
             };
-            if (type === "grid") {
+            if (type === "grid" || type === "kanban") {
                 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)) {
+                if ((_c = (_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareListGridComponent) === null || _c === void 0 ? void 0 : _c.call(_b, 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);
+                        (_e = (_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareListGridComponent) === null || _e === void 0 ? void 0 : _e.call(_d, eachData);
                 }
-                if ((_f = (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareListGridTags) === null || _f === void 0 ? void 0 : _f.call(_e, eachData)) {
-                    var eachDataTags = (_h = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListGridTags) === null || _h === void 0 ? void 0 : _h.call(_g, eachData);
+                if ((_g = (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListGridTags) === null || _g === void 0 ? void 0 : _g.call(_f, eachData)) {
+                    var eachDataTags = (_j = (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareListGridTags) === null || _j === void 0 ? void 0 : _j.call(_h, eachData);
                     if (Array.isArray(eachDataTags)) {
                         var gridTagList_1 = [];
                         eachDataTags.forEach(function (eachTag) {
@@ -4315,9 +4401,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                 }
                 var eachDataGridImage = "";
-                var gridFallbackImg = (_k = (_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareListGridFallbackImg) === null || _k === void 0 ? void 0 : _k.call(_j, eachData);
+                var gridFallbackImg = (_l = (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareListGridFallbackImg) === null || _l === void 0 ? void 0 : _l.call(_k, eachData);
                 if (clonedEachData[imageTag] && clonedEachData[imageTag] !== " - ") {
-                    eachDataGridImage = (_m = (_l = clonedEachData[imageTag]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.src;
+                    eachDataGridImage = (_o = (_m = clonedEachData[imageTag]) === null || _m === void 0 ? void 0 : _m.props) === null || _o === void 0 ? void 0 : _o.src;
                 }
                 else if (gridFallbackImg && typeof gridFallbackImg === "string") {
                     eachDataGridImage = gridFallbackImg;
@@ -4326,7 +4412,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else {
                 data["img"] = clonedEachData[imageTag]
-                    ? (_p = (_o = clonedEachData[imageTag]) === null || _o === void 0 ? void 0 : _o.props) === null || _p === void 0 ? void 0 : _p.src
+                    ? (_q = (_p = clonedEachData[imageTag]) === null || _p === void 0 ? void 0 : _p.props) === null || _q === void 0 ? void 0 : _q.src
                     : "";
             }
             gridData.push(data);
@@ -4789,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 = [];
@@ -4957,7 +5045,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     return null;
                 });
-                var kanbanData = renderGridAndListData("", "grid", kanbanTitle_2, kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.useColumnName);
+                var kanbanData = renderGridAndListData("", "kanban", kanbanTitle_2, kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.useColumnName);
                 return (react_1.default.createElement(kanban_1.Kanban, { className: "inline-flex", 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 () {