blixify-ui-web 1.2.153 → 1.2.156

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

@@ -160,6 +160,7 @@ var newPagination_1 = require("../../display/newPagination");
 var pagination_1 = require("./pagination");
 var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
+var chartView_1 = require("./chartView");
 var flexFilter_1 = require("../flexFilter");
 var viewStatePersistence_1 = require("./viewStatePersistence");
 var permissions_1 = require("./permissions");
@@ -2374,7 +2375,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, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         var query = (_a = renderImpSearchFilterConditions()) !== null && _a !== void 0 ? _a : [];
         var calendarSettings = false;
         if (selectedTab && selectedTab.viewType === "calendar") {
@@ -2395,7 +2396,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 startDate = (0, dayjs_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
                 endDate = (0, dayjs_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 _w = (_e = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.customView, view = _w.view, duration = _w.duration;
+                    var _v = (_e = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.customView, view = _v.view, duration = _v.duration;
                     if (view &&
                         duration &&
                         view === "week" &&
@@ -2518,11 +2519,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             cond.limit = undefined;
             cond.stopLimit = true;
         }
-        else if (((_t = props.organise) === null || _t === void 0 ? void 0 : _t.unionPagination) &&
-            ((_v = (_u = props.organise) === null || _u === void 0 ? void 0 : _u.unionCollections) === null || _v === void 0 ? void 0 : _v.length)) {
-            // INFO: opt-in union paging — see Organise.unionPagination. A union request only
-            // carries `skip`, so the page offset goes there, and `_id` keeps the order stable
-            // between page requests.
+        else if ((_u = (_t = props.organise) === null || _t === void 0 ? void 0 : _t.unionCollections) === null || _u === void 0 ? void 0 : _u.length) {
+            // INFO: a union request only carries `skip`, so the page offset goes there, and
+            // `_id` keeps the order stable between page requests
             cond.skip = (0, unionPagination_1.handleGetUnionPageSkip)(pageIndex, limit);
             cond.sort = (0, unionPagination_1.handleBuildUnionPageSort)(handleReadQueryHocSort(query));
         }
@@ -2655,8 +2654,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         }
     };
-    var handleGetListData = function (responseData, type, rowId) { return __awaiter(void 0, void 0, void 0, function () {
-        var dataList, prettierDataList, clonedTableData, clonedSpaceTableData, dummyPrettierDataList_1, resolvedData, selectedIndex_1, isScrollMode, newTableData, newPrettierTableData, isExists, cursorResp, lastDataId, err_1;
+    var handleGetListData = function (responseData, type, rowId, requestCond) { return __awaiter(void 0, void 0, void 0, function () {
+        var dataList, prettierDataList, clonedTableData, clonedSpaceTableData, dummyPrettierDataList_1, resolvedData, selectedIndex_1, isScrollMode, newTableData, newPrettierTableData, isFirstPage, listedIds_1, newIndexes, isExists, cursorResp, lastDataId, err_1;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return __generator(this, function (_l) {
             switch (_l.label) {
@@ -2753,9 +2752,24 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         else {
                             newTableData = [];
                             newPrettierTableData = [];
-                            // INFO: Replace (not append) when any filter is active and we're at
-                            // the start of the result set — covers search, reference, and flex filters.
-                            if ((Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; }) ||
+                            if (!isFirebase && requestCond) {
+                                isFirstPage = !requestCond.cursor && !requestCond.skip;
+                                if (isFirstPage) {
+                                    newTableData = dataList;
+                                    newPrettierTableData = prettierDataList;
+                                }
+                                else {
+                                    listedIds_1 = new Set(tableData.map(function (eachData) { return eachData.id; }));
+                                    newIndexes = dataList
+                                        .map(function (eachData, eachIndex) {
+                                        return listedIds_1.has(eachData.id) ? -1 : eachIndex;
+                                    })
+                                        .filter(function (eachIndex) { return eachIndex > -1; });
+                                    newTableData = tableData.concat(newIndexes.map(function (eachIndex) { return dataList[eachIndex]; }));
+                                    newPrettierTableData = spaceTableData.concat(newIndexes.map(function (eachIndex) { return prettierDataList[eachIndex]; }));
+                                }
+                            }
+                            else if ((Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; }) ||
                                 Object.values(filterReference).some(function (eachValue) { return eachValue && eachValue.length > 0; }) ||
                                 flexFiltersDebounced.some(function (eachFilter) {
                                     return eachFilter.columnId &&
@@ -7928,8 +7942,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: ((_28 = props.bareSettings) === null || _28 === void 0 ? void 0 : _28.bareOffline) && isNetworkOffline, onChangeData: function (data) {
-                        handleGetListData(data, "", "");
+                    }, cond: handleReadQueryHocCond(), offline: ((_28 = props.bareSettings) === null || _28 === void 0 ? void 0 : _28.bareOffline) && isNetworkOffline, onChangeData: function (data, cond) {
+                        handleGetListData(data, "", "", cond);
                     }, onError: handleGetItemError }));
                 if ((_29 = props.renderSettings) === null || _29 === void 0 ? void 0 : _29.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -8068,7 +8082,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             var _a;
                             return (react_1.default.createElement("div", { className: "relative w-fit h-fit" },
                                 flexFilterLength_1 > 0 && (react_1.default.createElement("div", { className: "absolute top-0 right-0 translate-x-1/4 -translate-y-1/4 z-[1] rounded-full bg-primary-500 text-white flex items-center justify-center w-5 h-5 text-[10px]" }, flexFilterLength_1)),
-                                react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.FunnelIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.darkMode) ? "bg-white/10" : "bg-white", onClick: mobile ? function () { return setFlexFilterModalOpen(true); } : undefined })));
+                                react_1.default.createElement(iconButton_1.IconButton, { testId: mobile
+                                        ? "dtw-flex-filter-btn-mobile"
+                                        : "dtw-flex-filter-btn", icon: react_1.default.createElement(outline_1.FunnelIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.darkMode) ? "bg-white/10" : "bg-white", onClick: mobile ? function () { return setFlexFilterModalOpen(true); } : undefined })));
                         };
                         // INFO: Desktop — PopUp (hidden on mobile)
                         actionElementList.push(react_1.default.createElement("div", { className: "hidden md:block" },
@@ -8493,7 +8509,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) &&
             ((_b = props.organise.extendedTabs) === null || _b === void 0 ? void 0 : _b.length) > 0) {
             (_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs.map(function (eachTab) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(resolvedType, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -8518,6 +8534,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     // still unwound the column (it reads the raw extendedTabs) while
                     // the tile had no column to read and every file said "Attachment".
                     fileSettings: (_f = eachTab.fileSettings) !== null && _f !== void 0 ? _f : undefined,
+                    chartSettings: (_g = eachTab.chartSettings) !== null && _g !== void 0 ? _g : undefined,
                 };
                 if (eachTab.viewType === "iframe") {
                     if (typeof eachTab.src === "string") {
@@ -8532,7 +8549,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 if (eachTab.type === resolvedType) {
                     tabs.push(__assign(__assign(__assign({}, tabData), (isEditor &&
-                        ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.onChangeTabs) && {
+                        ((_h = props.organise) === null || _h === void 0 ? void 0 : _h.onChangeTabs) && {
                         action: (react_1.default.createElement("span", { role: "button", "data-testid": "tab-default-".concat(tabData.id), "aria-label": eachTab.defaultTab
                                 ? "Opens by default"
                                 : "Open this tab by default", className: "ml-2 self-center ".concat(eachTab.defaultTab
@@ -8542,8 +8559,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 e.preventDefault();
                                 handleToggleDefaultTab(eachTab.name);
                             } }, eachTab.defaultTab ? (react_1.default.createElement(HeroIcons.BookmarkIcon, { className: "h-4 w-4" })) : (react_1.default.createElement(BookmarkIcon_1.default, { className: "h-4 w-4" })))),
-                    })), (!((_h = props.edit) === null || _h === void 0 ? void 0 : _h.disabledTabsDeleteBtn) &&
-                        ((_j = props.organise) === null || _j === void 0 ? void 0 : _j.onChangeTabs) && {
+                    })), (!((_j = props.edit) === null || _j === void 0 ? void 0 : _j.disabledTabsDeleteBtn) &&
+                        ((_k = props.organise) === null || _k === void 0 ? void 0 : _k.onChangeTabs) && {
                         del: (react_1.default.createElement(outline_1.XMarkIcon, { className: "h-4 w-4 ml-2 self-center text-red-600 hover:text-red-400 ", onClick: function (e) {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -8598,6 +8615,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) { return (__assign(__assign({}, eachTab), { defaultTab: eachTab.name === name ? !eachTab.defaultTab : false })); });
         (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
     };
+    var handleChangeTabCharts = function (tabName, charts) {
+        var _a, _b, _c, _d;
+        var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) {
+            return eachTab.name === tabName
+                ? __assign(__assign({}, eachTab), { chartSettings: charts }) : eachTab;
+        });
+        (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
+    };
     var renderAddMathColumn = function (id, onClose) {
         var _a, _b, _c;
         return (react_1.default.createElement(settingsModal_1.ExpressionModal, { selectedId: id, model: structure, renderReferenceLabelOptions: (_a = props.organise) === null || _a === void 0 ? void 0 : _a.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.renderReferenceSpaceOptions, onAddModelSchema: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onAddColumns, onClose: onClose }));
@@ -9083,7 +9108,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         renderTabContent(tabs, dataType, requestedViewType),
         react_1.default.createElement("span", { ref: scrollScopeEndRef, hidden: true, "aria-hidden": "true" }))); };
     var renderTabContent = function (tabs, dataType, requestedViewType) {
-        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, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
+        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, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
         var matchedTab = tabs.find(function (eachTab) { return eachTab.id === requestedViewType; });
         /**
          * INFO: a list tab must not supply the content of a read view. The selected
@@ -10002,6 +10027,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         (_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.viewType === "chart") {
+                return (react_1.default.createElement(chartView_1.ChartView, { charts: (_60 = selectedTabData.chartSettings) !== null && _60 !== void 0 ? _60 : [], structure: structure, collectionId: props.collectionId, devSettings: props.devSettings, filterQuery: (_61 = renderImpSearchFilterConditions()) !== null && _61 !== void 0 ? _61 : [], editable: isEditor, darkMode: (_62 = props.organise) === null || _62 === void 0 ? void 0 : _62.darkMode, darkModeBg: (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.darkModeBg, onChangeCharts: ((_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.onChangeTabs)
+                        ? function (charts) {
+                            return handleChangeTabCharts(selectedTabData.name, charts);
+                        }
+                        : undefined }));
+            }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }
@@ -10127,7 +10159,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         } }))))));
         }
         else if (addTabModal) {
-            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, collectionId: props.collectionId, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }