blixify-ui-web 0.2.11 → 0.2.13

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

@@ -1477,44 +1477,40 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                                 return __generator(this, function (_e) {
                                                     switch (_e.label) {
                                                         case 0:
-                                                            _e.trys.push([0, 8, 9, 14]);
+                                                            _e.trys.push([0, 6, 7, 12]);
                                                             _a = true, reference_1 = __asyncValues(reference);
                                                             _e.label = 1;
                                                         case 1: return [4 /*yield*/, reference_1.next()];
                                                         case 2:
-                                                            if (!(reference_1_1 = _e.sent(), _b = reference_1_1.done, !_b)) return [3 /*break*/, 7];
+                                                            if (!(reference_1_1 = _e.sent(), _b = reference_1_1.done, !_b)) return [3 /*break*/, 5];
                                                             _d = reference_1_1.value;
                                                             _a = false;
-                                                            _e.label = 3;
-                                                        case 3:
-                                                            _e.trys.push([3, , 5, 6]);
                                                             eachReferenceStructure = _d;
                                                             return [4 /*yield*/, handleFindReference_1(eachData, eachReferenceStructure, eachSpace)];
-                                                        case 4:
+                                                        case 3:
                                                             _e.sent();
-                                                            return [3 /*break*/, 6];
-                                                        case 5:
+                                                            _e.label = 4;
+                                                        case 4:
                                                             _a = true;
-                                                            return [7 /*endfinally*/];
-                                                        case 6: return [3 /*break*/, 1];
-                                                        case 7: return [3 /*break*/, 14];
-                                                        case 8:
+                                                            return [3 /*break*/, 1];
+                                                        case 5: return [3 /*break*/, 12];
+                                                        case 6:
                                                             e_1_1 = _e.sent();
                                                             e_1 = { error: e_1_1 };
-                                                            return [3 /*break*/, 14];
-                                                        case 9:
-                                                            _e.trys.push([9, , 12, 13]);
-                                                            if (!(!_a && !_b && (_c = reference_1.return))) return [3 /*break*/, 11];
+                                                            return [3 /*break*/, 12];
+                                                        case 7:
+                                                            _e.trys.push([7, , 10, 11]);
+                                                            if (!(!_a && !_b && (_c = reference_1.return))) return [3 /*break*/, 9];
                                                             return [4 /*yield*/, _c.call(reference_1)];
-                                                        case 10:
+                                                        case 8:
                                                             _e.sent();
-                                                            _e.label = 11;
-                                                        case 11: return [3 /*break*/, 13];
-                                                        case 12:
+                                                            _e.label = 9;
+                                                        case 9: return [3 /*break*/, 11];
+                                                        case 10:
                                                             if (e_1) throw e_1.error;
                                                             return [7 /*endfinally*/];
-                                                        case 13: return [7 /*endfinally*/];
-                                                        case 14: return [2 /*return*/];
+                                                        case 11: return [7 /*endfinally*/];
+                                                        case 12: return [2 /*return*/];
                                                     }
                                                 });
                                             }); }))];
@@ -2911,7 +2907,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             id: props.id,
                         }, offline: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
                     !loading && (react_1.default.createElement(react_1.default.Fragment, null,
-                        props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "sm:mb-5", onClick: handleBreadcrumbNavigate.bind(pages) })),
+                        props.breadcrumb ? (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "sm:mb-5", onClick: handleBreadcrumbNavigate })) : (react_1.default.createElement(textButton_1.TextButton, { text: "< Back", className: "sm:mb-5", onClick: handleBreadcrumbNavigate })),
                         react_1.default.createElement("div", null,
                             react_1.default.createElement("div", { className: "flex flex-col justify-between sm:py-2 sm:items-center sm:flex-row" },
                                 react_1.default.createElement("div", { className: "flex flex-col" },
@@ -2964,7 +2960,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "get",
                             id: props.id,
                         }, offline: (_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
-                    props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5", onClick: handleBreadcrumbNavigate })),
+                    props.breadcrumb ? (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5", onClick: handleBreadcrumbNavigate })) : (react_1.default.createElement(textButton_1.TextButton, { text: "< Back", className: "mb-5", onClick: handleBreadcrumbNavigate })),
                     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),
@@ -3011,13 +3007,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     rqHOCComp,
-                    react_1.default.createElement("div", { className: "flex flex-col py-2 md:items-center md:flex-row" },
+                    react_1.default.createElement("div", { className: "flex flex-col py-2 md:items-end md:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col" },
                             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)),
                         react_1.default.createElement("div", { className: "grow" }),
                         react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-3 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent),
-                        react_1.default.createElement("div", { className: "flex flex-row items-center mt-2 justify-content space-x-2 md:mt-0" },
+                        react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center mt-2 justify-content space-x-2 md:mt-0" },
                             schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white", onClick: function () {
                                         handlePopUpModal(true, "sort");
@@ -3164,7 +3160,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, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3221,27 +3217,27 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 }
                             });
                         }); },
-                    } }));
+                    }, darkMode: (_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkMode }));
             }
             else if (dataType === "read") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(detailList_1.DetailList, { lib: {
-                            Dialog: (_d = props.lib) === null || _d === void 0 ? void 0 : _d.Dialog,
-                            Transition: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.Transition,
-                        }, model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareReadReferenceView)
+                            Dialog: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.Dialog,
+                            Transition: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.Transition,
+                        }, model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadReferenceView)
                             ? props.bareSettings.bareReadReferenceView
                             : undefined }),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
             }
         }
         else if (selectedTabData) {
-            if ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListComponent) {
+            if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading),
-                    react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.darkMode })));
+                    react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode })));
             }
             else if (selectedTabData.viewType === "iframe") {
-                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_j = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _j !== void 0 ? _j : "", title: (_k = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _k !== void 0 ? _k : "", onLoad: props.onLoadIframe }));
+                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_k = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _k !== void 0 ? _k : "", title: (_l = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _l !== void 0 ? _l : "", onLoad: props.onLoadIframe }));
             }
             else if (selectedTabData.viewType === "list") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -3255,7 +3251,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(grid_1.Grid, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5" })));
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareListGridColClassName, className: "mt-5" })));
             }
             else if (selectedTabData.viewType === "calendar") {
                 var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -3364,9 +3360,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             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"; });
+                var feedsTab = (_p = (_o = props.organise) === null || _o === void 0 ? void 0 : _o.extendedTabs) === null || _p === void 0 ? void 0 : _p.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);
+                    var customFeedsData = (_r = (_q = feedsTab.feedsSettings) === null || _q === void 0 ? void 0 : _q.customFeedsData) === null || _r === void 0 ? void 0 : _r.call(_q, tableData, spaceTableData);
                     if (customFeedsData && customFeedsData.length > 0) {
                         customFeedsData.map(function (eachData) {
                             var _a, _b, _c, _d, _e;
@@ -3397,7 +3393,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-sm" },
-                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.darkMode })))));
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_s = props.organise) === null || _s === void 0 ? void 0 : _s.darkMode })))));
             }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
@@ -3479,7 +3475,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     : function () {
                         return [];
                     } })) : (react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement("div", null,
                     react_1.default.createElement("p", { className: "pt-2 mb-4 text-sm text-gray-600" },
                         exportExcel
                             ? "Export your data to .csv format to be viewable on Excel."