blixify-ui-web 0.4.96 → 0.4.98

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

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

@@ -710,7 +710,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return sort;
     };
     var handleReadQueryHocCond = function () {
-        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, _r;
         var query = (_a = renderImpSearchFilterConditions()) !== null && _a !== void 0 ? _a : [];
         var calendarSettings = false;
         if (selectedTab && selectedTab.viewType === "calendar") {
@@ -731,7 +731,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 startDate = (0, moment_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
                 endDate = (0, moment_1.default)(calendarTabMonth).endOf("isoWeek").toDate();
                 if ((_d = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _d === void 0 ? void 0 : _d.customView) {
-                    var _q = (_e = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.customView, view = _q.view, duration = _q.duration;
+                    var _s = (_e = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.customView, view = _s.view, duration = _s.duration;
                     if (view &&
                         duration &&
                         view === "week" &&
@@ -817,6 +817,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             calendarSettings = true;
         }
+        else if (selectedTab && selectedTab.viewType === "kanban") {
+            var kanbanTitle = (_r = (_q = selectedTab.kanbanSettings) === null || _q === void 0 ? void 0 : _q.title) !== null && _r !== void 0 ? _r : "";
+            if (kanbanTitle) {
+                query = query.map(function (q) { return (__assign(__assign({}, q), { orQueryGroupId: "1" })); });
+                query.push({
+                    type: "in",
+                    queryId: kanbanTitle,
+                    value: ["", undefined, null],
+                    orQueryGroupId: "2",
+                });
+            }
+        }
         var cond = {
             type: "list",
             query: query,
@@ -3793,7 +3805,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var listObjTableData = {};
         var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, remainId);
         isListObject.map(function (eachListObject) {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f;
             if (type === "update") {
                 var isForm = props.onComplete ? true : false;
                 var shouldShow = (0, updateModule_1.renderShowCondition)(eachListObject, clonedSelectedData, isForm);
@@ -3978,8 +3990,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         listObjTableData[eachListObject.id] = [eachNewTable];
                     return null;
                 });
+                var useTable = ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.listObjectTableView) ||
+                    eachListObject.listObjectTableView;
                 if (!list[eachListObject.id] && type === "update") {
-                    if ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.listObjectTableView) {
+                    if (useTable) {
                         listElement.push(react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement("div", { className: "flex justify-between mt-5" },
                                 react_1.default.createElement("h3", { className: "font-medium leading-6 text-gray-900 text-md sm:text-lg" }, eachListObject.name),
@@ -4010,9 +4024,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         setSelectedObjectStructureId(eachListObject.id);
                                         handlePopUpModal(true);
                                     } }))),
-                            react_1.default.createElement("div", { className: "flex flex-col space-y-2" }, ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.listObjectTableView) ? (react_1.default.createElement(table_1.Table, { loading: false, data: (_f = listObjTableData[eachListObject.id]) !== null && _f !== void 0 ? _f : [], onClickRow: function (id, index) {
+                            react_1.default.createElement("div", { className: "flex flex-col space-y-2" }, useTable ? (react_1.default.createElement(table_1.Table, { loading: false, data: (_e = listObjTableData[eachListObject.id]) !== null && _e !== void 0 ? _e : [], onClickRow: function (id, index) {
                                     handleSelectListObjectData(id, eachListObject.id, index);
-                                }, className: "w-full", header: eachListObjTableHeaders })) : (react_1.default.createElement(list_1.List, { className: "my-5", list: (_g = list[eachListObject.id]) !== null && _g !== void 0 ? _g : [], showId: checkIdExists_1, loading: false, onClickRow: function (id, index) {
+                                }, className: "w-full", header: eachListObjTableHeaders })) : (react_1.default.createElement(list_1.List, { className: "my-5", list: (_f = list[eachListObject.id]) !== null && _f !== void 0 ? _f : [], showId: checkIdExists_1, loading: false, onClickRow: function (id, index) {
                                     handleSelectListObjectData(id, eachListObject.id, index);
                                 } })))));
                     }
@@ -4205,7 +4219,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             authList));
     };
     var renderContent = function () {
-        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;
+        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 isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
         var tabs = renderTabs();
         var pages = [
@@ -4290,10 +4304,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         filterModel_1.push(eachModel);
                     return null;
                 });
+                var hasTabAlign_1 = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.tabAlign;
                 var uniqueTabIds = Array.from(new Set(filterModel_1
                     .map(function (item) { return item.tabId; })
                     .filter(function (id) { return id !== undefined; })));
-                uniqueTabIds.push("");
+                var shouldIncludeOthers = hasTabAlign_1 &&
+                    filterModel_1.some(function (eachModel) { return eachModel.id !== "id" && !eachModel.tabId; });
+                if (shouldIncludeOthers) {
+                    uniqueTabIds.push("");
+                }
                 var tabBars = uniqueTabIds.map(function (tabId) { return ({
                     id: tabId,
                     name: tabId ? tabId : "Others",
@@ -4304,7 +4323,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     props.id && props.id !== "new" && structure.length >= 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            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,
+                            dbCollection: (_u = (_t = props === null || props === void 0 ? void 0 : props.space) === null || _t === void 0 ? void 0 : _t.pipelineDefaultSpaceId) !== null && _u !== void 0 ? _u : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
@@ -4312,22 +4331,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "get",
                             id: props.id,
                             pipeline: pipeline,
-                        }, offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
+                        }, offline: (_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col w-full" },
                             react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                             react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                         !isBottom && renderActionButtons(props.type)),
-                    react_1.default.createElement("div", { className: "w-full ".concat(((_v = props.organise) === null || _v === void 0 ? void 0 : _v.tabAlign) === "left"
+                    hasTabAlign_1 ? (react_1.default.createElement("div", { className: "w-full ".concat(((_w = props.organise) === null || _w === void 0 ? void 0 : _w.tabAlign) === "left"
                             ? "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5"
                             : "") },
-                        react_1.default.createElement("div", { className: "w-full" }, ((_w = props.organise) === null || _w === void 0 ? void 0 : _w.tabAlign) === "left" &&
+                        react_1.default.createElement("div", { className: "w-full" }, ((_x = props.organise) === null || _x === void 0 ? void 0 : _x.tabAlign) === "left" &&
                             uniqueTabIds.length >= 1 && (react_1.default.createElement(bars_1.Bars, { bars: tabBars, selectedId: activeTab || "others", onClick: function (tabId) { return setActiveTab(tabId); } }))),
-                        react_1.default.createElement("div", { className: "w-full ".concat(((_x = props.organise) === null || _x === void 0 ? void 0 : _x.tabAlign) === "left"
+                        react_1.default.createElement("div", { className: "w-full ".concat(((_y = props.organise) === null || _y === void 0 ? void 0 : _y.tabAlign) === "left"
                                 ? " md:col-span-2 lg:col-span-3"
                                 : "") },
-                            ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.tabAlign) === "top" &&
+                            ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.tabAlign) === "top" &&
                                 uniqueTabIds.length >= 1 && (react_1.default.createElement(bars_1.Bars, { bars: tabBars, selectedId: activeTab || "others", onClick: function (tabId) { return setActiveTab(tabId); }, horizontal: true })),
                             react_1.default.createElement(form_1.Form, { className: "mt-6", ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: function (refList) {
                                     var _a, _b, _c;
@@ -4340,18 +4359,32 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         }
                                     }
                                 } },
-                                uniqueTabIds.map(function (tabId) { return (react_1.default.createElement("div", { key: tabId, className: "w-full grid ".concat(formColumn, " gap-6 ").concat(activeTab === tabId ? "" : "hidden") }, renderDataTemplateFormContent(selectedData, filterModel_1
-                                    .map(function (model, index) { return (__assign(__assign({}, model), { refIndex: index })); })
-                                    .filter(function (model) {
-                                    var _a;
-                                    var modelTabId = (_a = model.tabId) !== null && _a !== void 0 ? _a : "";
-                                    return tabId === modelTabId;
-                                }), modalFormInputRefs, false, false))); }),
-                                ((_z = props.bareSettings) === null || _z === void 0 ? void 0 : _z.bareUpdateComponent) &&
-                                    ((_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareUpdateComponent(selectedData))),
+                                uniqueTabIds.map(function (tabId) {
+                                    var filterByTab = filterModel_1
+                                        .map(function (model, index) { return (__assign(__assign({}, model), { refIndex: index })); })
+                                        .filter(function (model) {
+                                        var _a;
+                                        var modelTabId = (_a = model.tabId) !== null && _a !== void 0 ? _a : "";
+                                        return tabId === modelTabId;
+                                    });
+                                    return (react_1.default.createElement("div", { key: tabId, className: "w-full grid ".concat(formColumn, " gap-6 ").concat(hasTabAlign_1
+                                            ? activeTab === tabId
+                                                ? ""
+                                                : "hidden"
+                                            : "") }, renderDataTemplateFormContent(selectedData, filterByTab, modalFormInputRefs, false, false)));
+                                }),
+                                ((_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareUpdateComponent) &&
+                                    ((_1 = props.bareSettings) === null || _1 === void 0 ? void 0 : _1.bareUpdateComponent(selectedData))),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
-                            isBottom && renderActionButtons(props.type, true)))));
+                            isBottom && renderActionButtons(props.type, true)))) : (react_1.default.createElement("div", null,
+                        react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
+                            renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
+                            ((_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareUpdateComponent) &&
+                                ((_3 = props.bareSettings) === null || _3 === void 0 ? void 0 : _3.bareUpdateComponent(selectedData))),
+                        react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
+                        react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
+                        isBottom && renderActionButtons(props.type, true)))));
             case "list":
                 var filterComponent_1 = renderSearchContent();
                 var dataComponent = renderTabContent(tabs, props.type, viewType);
@@ -4359,14 +4392,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
                         dbModule: dbModule,
                         dbType: devSettings.server,
-                        dbCollection: (_2 = (_1 = props === null || props === void 0 ? void 0 : props.space) === null || _1 === void 0 ? void 0 : _1.pipelineDefaultSpaceId) !== null && _2 !== void 0 ? _2 : props.collectionId,
+                        dbCollection: (_5 = (_4 = props === null || props === void 0 ? void 0 : props.space) === null || _4 === void 0 ? void 0 : _4.pipelineDefaultSpaceId) !== null && _5 !== void 0 ? _5 : props.collectionId,
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: (_3 = props.bareSettings) === null || _3 === void 0 ? void 0 : _3.bareOffline, onChangeData: function (data) {
+                    }, cond: handleReadQueryHocCond(), offline: (_6 = props.bareSettings) === null || _6 === void 0 ? void 0 : _6.bareOffline, onChangeData: function (data) {
                         handleGetListData(data, "", "");
                     }, onError: handleGetItemError }));
-                if ((_4 = props.renderSettings) === null || _4 === void 0 ? void 0 : _4.renderListUI) {
+                if ((_7 = props.renderSettings) === null || _7 === void 0 ? void 0 : _7.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         listReadQueryHOC,
                         props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
@@ -4464,7 +4497,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         renderListFilterElements(),
                         renderListActionElements()),
                     renderListNewRowFilterElements(),
-                    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: (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.darkMode })),
+                    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: (_8 = props.organise) === null || _8 === void 0 ? void 0 : _8.darkMode })),
                     renderTabContent(tabs, props.type, viewType),
                     isBottom && renderActionButtons(props.type, true)));
             default: