blixify-ui-web 0.2.2 → 0.2.4

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":"AAmBA,OAAO,KAON,MAAM,OAAO,CAAC;AAoDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAg0IvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAON,MAAM,OAAO,CAAC;AAoDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAQ1B,eAAO,MAAM,YAAY,mFA+4IvB,CAAC"}

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

@@ -128,6 +128,7 @@ var dataStateModel_1 = require("./dataStateModel");
 var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
 var settingsModal_1 = require("./settingsModal");
+var feeds_1 = require("../../display/feeds");
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     var formRef = (0, react_1.createRef)();
@@ -293,25 +294,29 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     }, [props.type, props.id]);
     (0, react_1.useEffect)(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (!selectedTab) {
             var currentTab = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) === null || _b === void 0 ? void 0 : _b.find(function (eachTab) { var _a; return (0, utils_1.lowercaseTextToId)(eachTab.name) === ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId); });
-            if (currentTab && currentTab.viewType === "calendar") {
-                var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(props.type, "&collection=").concat(props.collectionId);
-                if (props.id)
-                    hrefPoint += "&data=".concat(props.id);
-                var id = (0, utils_1.lowercaseTextToId)(currentTab.name);
-                setSelectedTab({
-                    id: id,
-                    name: currentTab.name,
-                    href: hrefPoint + "&view=".concat(id),
-                    type: currentTab.type,
-                    viewType: currentTab.viewType,
-                    viewImage: currentTab.viewImage,
-                    calendarSettings: (_c = currentTab.calendarSettings) !== null && _c !== void 0 ? _c : undefined,
-                });
-                if (listRQueryHocRef.current)
-                    listRQueryHocRef.current.handleRefresh();
+            if (currentTab) {
+                if (currentTab.viewType === "calendar" ||
+                    currentTab.viewType === "feeds") {
+                    var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(props.type, "&collection=").concat(props.collectionId);
+                    if (props.id)
+                        hrefPoint += "&data=".concat(props.id);
+                    var id = (0, utils_1.lowercaseTextToId)(currentTab.name);
+                    setSelectedTab({
+                        id: id,
+                        name: currentTab.name,
+                        href: hrefPoint + "&view=".concat(id),
+                        type: currentTab.type,
+                        viewType: currentTab.viewType,
+                        viewImage: currentTab.viewImage,
+                        calendarSettings: (_c = currentTab.calendarSettings) !== null && _c !== void 0 ? _c : undefined,
+                        feedsSettings: (_d = currentTab.feedsSettings) !== null && _d !== void 0 ? _d : undefined,
+                    });
+                    if (listRQueryHocRef.current)
+                        listRQueryHocRef.current.handleRefresh();
+                }
             }
         }
     }, [
@@ -508,11 +513,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleSetListData = function (tableData, spaceTableData) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         setTableData(tableData);
         setSpaceTableData(spaceTableData);
         if (tableData.length > 0)
             (_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListHandleData) === null || _b === void 0 ? void 0 : _b.call(_a, tableData, spaceTableData);
+        if (((_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs) &&
+            props.organise.extendedTabs.length > 0) {
+            var feedsTab = props.organise.extendedTabs.find(function (eachTab) { return eachTab.viewType === "feeds"; });
+            if (feedsTab) {
+                (_e = (_d = feedsTab.feedsSettings) === null || _d === void 0 ? void 0 : _d.customFeedsData) === null || _e === void 0 ? void 0 : _e.call(_d, tableData, spaceTableData);
+            }
+        }
     };
     var handleGetListData = function (responseData, type, rowId) { return __awaiter(void 0, void 0, void 0, function () {
         var dataList, prettierDataList, dummyPrettierDataList_1, selectedIndex_1, newTableData, newPrettierTableData, isExists;
@@ -2815,7 +2827,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_d = props.organise) === null || _d === void 0 ? void 0 : _d.extendedTabs) &&
             ((_e = props.organise.extendedTabs) === null || _e === void 0 ? void 0 : _e.length) > 0) {
             (_f = props.organise) === null || _f === void 0 ? void 0 : _f.extendedTabs.map(function (eachTab) {
-                var _a;
+                var _a, _b;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(props.type, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -2828,6 +2840,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     viewType: eachTab.viewType,
                     viewImage: eachTab.viewImage,
                     calendarSettings: (_a = eachTab.calendarSettings) !== null && _a !== void 0 ? _a : undefined,
+                    feedsSettings: (_b = eachTab.feedsSettings) !== null && _b !== void 0 ? _b : undefined,
                 };
                 if (eachTab.viewType === "iframe")
                     tabData["iframeSrc"] = eachTab.src;
@@ -3133,7 +3146,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return gridData;
     };
     var renderTabContent = function (tabs, dataType, viewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3330,6 +3343,43 @@ 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");
                     }, lib: { moment: moment_1.default } }))));
             }
+            else if (selectedTabData.viewType === "feeds") {
+                var feedsSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.feedsSettings;
+                var contentList_1 = [];
+                var feedsTab = (_m = (_l = props.organise) === null || _l === void 0 ? void 0 : _l.extendedTabs) === null || _m === void 0 ? void 0 : _m.find(function (eachTab) { return eachTab.viewType === "feeds"; });
+                if (feedsTab) {
+                    var customFeedsData = (_p = (_o = feedsTab.feedsSettings) === null || _o === void 0 ? void 0 : _o.customFeedsData) === null || _p === void 0 ? void 0 : _p.call(_o, tableData, spaceTableData);
+                    if (customFeedsData && customFeedsData.length > 0) {
+                        customFeedsData.map(function (eachData) {
+                            var _a, _b, _c, _d, _e;
+                            var content = {
+                                content: (_a = eachData.content) !== null && _a !== void 0 ? _a : "",
+                                addContent: (_b = eachData.addContent) !== null && _b !== void 0 ? _b : "",
+                                step: (_c = eachData.step) !== null && _c !== void 0 ? _c : "",
+                                iconClass: (_d = eachData.iconClass) !== null && _d !== void 0 ? _d : "",
+                                iconType: (_e = eachData.iconType) !== null && _e !== void 0 ? _e : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
+                            };
+                            contentList_1.push(content);
+                            return null;
+                        });
+                    }
+                    else {
+                        spaceTableData.map(function (eachData) {
+                            var _a, _b, _c, _d, _e;
+                            var content = {
+                                content: (_a = eachData[feedsSettings_1.title]) !== null && _a !== void 0 ? _a : "",
+                                addContent: (react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, (_b = eachData[feedsSettings_1.content]) !== null && _b !== void 0 ? _b : "")),
+                                step: (_c = eachData[feedsSettings_1.step]) !== null && _c !== void 0 ? _c : "",
+                                iconClass: (_d = feedsSettings_1.iconClass) !== null && _d !== void 0 ? _d : "bg-primary-500",
+                                iconType: (_e = feedsSettings_1.icon) !== null && _e !== void 0 ? _e : (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white" })),
+                            };
+                            contentList_1.push(content);
+                            return null;
+                        });
+                    }
+                }
+                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.darkMode }))));
+            }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }