blixify-ui-web 0.1.159 → 0.1.161

package/lib/components/data/dataTemplate/index.d.ts

@@ -16,7 +16,7 @@ interface Organise {
     onChangeSort?: (value: Sort) => void;
     onChangeFilter?: (value: any) => void;
     onChangeTabs?: (value: ExtendedTabs[]) => void;
-    debugOnChangeType?: (value: string) => void;
+    debugOnChangeType?: (type: string, selectedId?: string) => void;
     renderReferenceLabelOptions?: (spaceId?: string, includeReference?: boolean, type?: string) => Option[];
     renderReferenceSpaceOptions?: () => Option[];
 }

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":"AAgBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYvD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAoCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBA8tGxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAavD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAoCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAywGxC"}

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

@@ -397,11 +397,15 @@ function DataTemplate(props) {
         setFilterReferenceDate(clonedRageFilter);
     };
     var handleGetItemError = function (err) {
+        var _a;
         setTableLoading(false);
         setModalVisible(false);
         setLoading(false);
         if (props.type === "update" || props.type === "read") {
-            handleNavigate();
+            if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType)
+                props.organise.debugOnChangeType("list", "");
+            else
+                handleNavigate();
         }
         else {
             console.log("Data Retrieval Error - " + err.message);
@@ -496,7 +500,7 @@ function DataTemplate(props) {
                     dataForm.append("data[assetParentId]", assetParentId);
                     dataForm.append("data[assetFileName]", assetFileName);
                     if (bucketName)
-                        dataForm.append("bucketName", bucketName);
+                        dataForm.append("data[bucketName]", bucketName);
                     _b.label = 1;
                 case 1:
                     _b.trys.push([1, 3, , 4]);
@@ -1138,7 +1142,7 @@ function DataTemplate(props) {
                         }
                         else {
                             if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType) && props.id !== "new") {
-                                props.organise.debugOnChangeType("list");
+                                props.organise.debugOnChangeType("list", "");
                             }
                             else
                                 handleNavigate("".concat(props.localURLEndpoint, "?type=list&collection=").concat(props.collectionId) +
@@ -1209,11 +1213,22 @@ function DataTemplate(props) {
         }
     };
     var handleUpdateChangeData = function (data) {
+        var _a;
         if (modalVisible && selectedObjectStructureId) {
             setSelectedObjectData(data);
         }
         else if (batchUpdateModal && batchUpdateData.columnId) {
-            setBatchUpdateData(__assign(__assign({}, batchUpdateData), { columnData: data }));
+            var selectedModel = props.model.find(function (eachModel) { return eachModel.id === batchUpdateData.columnId; });
+            if (selectedModel) {
+                var clonedData = JSON.parse(JSON.stringify(data));
+                (0, display_1.handleCastDataAttribute)(selectedModel, data, clonedData, true);
+                setBatchUpdateData({
+                    columnId: batchUpdateData.columnId,
+                    columnData: (_a = {},
+                        _a[batchUpdateData.columnId] = clonedData[selectedModel.id],
+                        _a),
+                });
+            }
         }
         else {
             setSelectedData(data);
@@ -1591,6 +1606,7 @@ function DataTemplate(props) {
         setModalVisible(modalVisible);
         if (!modalVisible) {
             setExcelModal(false);
+            setQueryList([]);
             setExportExcel(false);
             setExportLink("");
             setSelectedObjectId("");
@@ -1621,6 +1637,13 @@ function DataTemplate(props) {
             window.location.replace(href);
         }
     };
+    var handleBreadcrumbNavigate = function () {
+        var _a;
+        if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType)
+            props.organise.debugOnChangeType("list", "");
+        else
+            handleNavigate();
+    };
     //=====================================================================================
     //SECTION: Render CSV
     //=====================================================================================
@@ -1901,7 +1924,7 @@ function DataTemplate(props) {
         });
     };
     var renderContent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         var viewType = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId) !== null && _b !== void 0 ? _b : "general";
         var tabs = [
             {
@@ -1971,7 +1994,7 @@ function DataTemplate(props) {
                             id: props.id,
                         }, 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: "mb-5" })),
+                        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("div", null,
                             react_1.default.createElement("div", { className: "flex flex-col justify-between py-2 sm:items-center sm:flex-row" },
                                 react_1.default.createElement("div", { className: "flex flex-col" },
@@ -1980,7 +2003,7 @@ function DataTemplate(props) {
                                 ((_g = props.edit) === null || _g === void 0 ? void 0 : _g.deleteBtn) && isEditor && (react_1.default.createElement("div", { className: "flex flex-col sm:flex-row" },
                                     react_1.default.createElement("div", { className: "w-full mt-5 ml-0 sm:mt-0 sm:ml-3" }, debug ? (react_1.default.createElement(button_1.Button, { text: "Update", className: "w-full", type: "normal", onClick: function () {
                                             var _a, _b;
-                                            (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType) === null || _b === void 0 ? void 0 : _b.call(_a, "update");
+                                            (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType) === null || _b === void 0 ? void 0 : _b.call(_a, "update", props.id);
                                         } })) : (react_1.default.createElement(link_1.Link, { className: "w-full", href: "".concat(props.localURLEndpoint, "?data=").concat(props.id, "&type=update&collection=").concat(props.collectionId, "&view=general"), linkType: props.linkType, custom: props.custom },
                                         react_1.default.createElement(button_1.Button, { text: "Update", className: "w-full", type: "normal" })))),
                                     react_1.default.createElement(button_1.Button, { text: "Delete", className: "mt-3 ml-0 sm:mt-0 sm:ml-3", type: "danger", onClick: function () {
@@ -2010,7 +2033,7 @@ function DataTemplate(props) {
                             type: "get",
                             id: props.id,
                         }, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
-                    props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5" })),
+                    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("div", { className: "flex flex-col justify-between py-2 sm:items-center sm:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col" },
                             react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
@@ -2060,16 +2083,19 @@ function DataTemplate(props) {
                             react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100 mr-2", icon: react_1.default.createElement(outline_1.FunnelIcon, { className: "h-7 w-7 text-primary-500" }), onClick: function () {
                                     handlePopUpModal(true, "filter");
                                 } }),
-                            react_1.default.createElement(link_1.Link, { className: "mr-2", href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
-                                react_1.default.createElement(button_1.Button, { text: "Add", type: "normal" })),
+                            ((_l = props.organise) === null || _l === void 0 ? void 0 : _l.debugOnChangeType) ? (react_1.default.createElement(button_1.Button, { text: "Add", type: "normal", onClick: function () {
+                                    var _a, _b;
+                                    (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType) === null || _b === void 0 ? void 0 : _b.call(_a, "update", "new");
+                                } })) : (react_1.default.createElement(link_1.Link, { className: "mr-2", href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
+                                react_1.default.createElement(button_1.Button, { text: "Add", type: "normal" }))),
                             react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }) }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
                                 //TODO: Crash on Next Js
                                 // <Menu.Item>
                                 react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup.onClick }, eachPopup.text)
                                 // </Menu.Item>
                                 ); })), lib: {
-                                    Menu: (_l = props === null || props === void 0 ? void 0 : props.lib) === null || _l === void 0 ? void 0 : _l.Menu,
-                                    Transition: (_m = props === null || props === void 0 ? void 0 : props.lib) === null || _m === void 0 ? void 0 : _m.Transition,
+                                    Menu: (_m = props === null || props === void 0 ? void 0 : props.lib) === null || _m === void 0 ? void 0 : _m.Menu,
+                                    Transition: (_o = props === null || props === void 0 ? void 0 : props.lib) === null || _o === void 0 ? void 0 : _o.Transition,
                                 } }))),
                     react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) {
                             if (id === "blixify_new_tab") {
@@ -2291,6 +2317,7 @@ function DataTemplate(props) {
     var renderGridAndListData = function (imageTag, type) {
         var gridData = [];
         spaceTableData.forEach(function (eachData) {
+            var _a, _b;
             var clonedEachData = JSON.parse(JSON.stringify(eachData));
             var allValues = Object.values(clonedEachData);
             var titleIndex = 1;
@@ -2327,7 +2354,7 @@ function DataTemplate(props) {
                 description: desc,
             };
             data[type === "grid" ? "imageUrl" : "img"] = clonedEachData[imageTag]
-                ? clonedEachData[imageTag].props.src
+                ? (_b = (_a = clonedEachData[imageTag]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.src
                 : "";
             gridData.push(data);
         });
@@ -2353,7 +2380,11 @@ function DataTemplate(props) {
                         !selectAll && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
                                 setBatchUpdateModal(true);
                             } }))), handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
-                        handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=general"));
+                        var _a;
+                        if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType)
+                            props.organise.debugOnChangeType("read", id);
+                        else
+                            handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=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", lib: { axios: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios }, devSettings: {
                         schemaEndpoint: devSettings.schemaEndpoint,
                         server: devSettings.server,
@@ -2374,9 +2405,16 @@ function DataTemplate(props) {
                         }); },
                     }, addable: {
                         active: ((_c = props.edit) === null || _c === void 0 ? void 0 : _c.listAddable) ? true : false,
-                        onAddData: function (data) {
-                            handleSubmitData("create", "", "", data);
-                        },
+                        onAddData: function (data) { return __awaiter(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, handleSubmitData("create", "", "", data)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
                     } }));
             }
             else if (dataType === "read") {
@@ -2395,13 +2433,21 @@ function DataTemplate(props) {
             else if (selectedTabData.viewType === "list") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(list_1.List, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: function (id) {
-                            handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=general"));
+                            var _a;
+                            if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType)
+                                props.organise.debugOnChangeType("read", id);
+                            else
+                                handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=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" })));
             }
             else if (selectedTabData.viewType === "grid") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     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) {
-                            handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=general"));
+                            var _a;
+                            if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.debugOnChangeType)
+                                props.organise.debugOnChangeType("read", id);
+                            else
+                                handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=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" })));
             }
             else if (selectedTabData.renderComp) {