blixify-ui-web 0.1.95 → 0.1.97

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Option } from "../../input/select";
 import { LinkProps } from "../../structure/link";
 import { DataStructure } from "./model";
 import { AdditionalQuery } from "./spaceModel";
@@ -17,6 +18,7 @@ interface Props extends LinkProps {
     description: string;
     type: "read" | "update" | "list" | string;
     id?: string;
+    organisationMembers?: Option[];
     collectionId: string;
     dbAPIToken: string;
     model: DataStructure[];
@@ -43,6 +45,7 @@ interface Props extends LinkProps {
     breadcrumb?: boolean;
     maxFileSize?: number;
     deleteBtn?: boolean;
+    role: "admin" | "manager" | "editor" | "viewer";
     onComplete?: () => void;
 }
 export declare const loadingSelect: JSX.Element;

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":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,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,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,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAoqGxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAmCA,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,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,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,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAqsGxC"}

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

@@ -90,6 +90,7 @@ var react_1 = __importStar(require("react"));
 var uuid_1 = require("uuid");
 var button_1 = require("../../action/button");
 var iconButton_1 = require("../../action/iconButton");
+var textButton_1 = require("../../action/textButton");
 var popUp_1 = require("../../advanced/popUp");
 var detailList_1 = require("../../display/detailList");
 var emptyState_1 = require("../../display/emptyState");
@@ -113,7 +114,6 @@ var readQuery_1 = require("../readQuery");
 var readQueryHoc_1 = require("../readQueryHoc");
 var utils_2 = require("../utils");
 var writeQuery_1 = require("../writeQuery");
-var textButton_1 = require("../../action/textButton");
 var queryTableHeader = [
     {
         key: "name",
@@ -218,8 +218,16 @@ function DataTemplate(props) {
     var _22 = (0, react_1.useState)({}), referencesOptions = _22[0], setReferencesOptions = _22[1];
     var _23 = (0, react_1.useState)({}), referenceModelSchema = _23[0], setReferenceSchema = _23[1];
     var serverId = props.server === "mongoServer" ? "_id" : "id";
+    var isEditor = props.role === "admin" ||
+        props.role === "manager" ||
+        props.role === "editor";
     var dbModule = props.server === "firebase" ? (_a = props.lib) === null || _a === void 0 ? void 0 : _a.firebase : (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios;
-    var writeServerQuery = new writeQuery_1.WriteQuery((_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios, props.server, props.collectionId, props.dbEndpoint);
+    var writeServerQuery = new writeQuery_1.WriteQuery({
+        dbModule: (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios,
+        dbType: props.server,
+        dbCollection: props.collectionId,
+        dbEndpoint: props.dbEndpoint,
+    });
     var moreButtonPopUp = [
         {
             text: "Import Excel",
@@ -271,7 +279,13 @@ function DataTemplate(props) {
                                             if (!(queryInput.queryId === eachModel.id)) return [3 /*break*/, 3];
                                             if (!(eachModel.type === "reference" ||
                                                 eachModel.type === "listReference")) return [3 /*break*/, 2];
-                                            referenceRQ = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint, props.dbAPIToken);
+                                            referenceRQ = new readQuery_1.ReadQuery({
+                                                dbModule: dbModule,
+                                                dbType: props.server,
+                                                dbCollection: (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "",
+                                                dbEndpoint: props.dbEndpoint,
+                                                dbAPIToken: props.dbAPIToken,
+                                            });
                                             query = [];
                                             if (exportReferenceSearch) {
                                                 query.push({
@@ -347,7 +361,13 @@ function DataTemplate(props) {
                 case 0:
                     _c.trys.push([0, 6, , 7]);
                     optionList_1 = [];
-                    referenceRQ_1 = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint, props.dbAPIToken);
+                    referenceRQ_1 = new readQuery_1.ReadQuery({
+                        dbModule: dbModule,
+                        dbType: props.server,
+                        dbCollection: (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "",
+                        dbEndpoint: props.dbEndpoint,
+                        dbAPIToken: props.dbAPIToken,
+                    });
                     return [4 /*yield*/, referenceRQ_1.call({
                             type: "list",
                             limit: 10,
@@ -553,33 +573,33 @@ function DataTemplate(props) {
     };
     var handleGetListData = function (responseData) { return __awaiter(_this, void 0, void 0, function () {
         var dataList, handleListResponse;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     dataList = [];
-                    return [4 /*yield*/, (0, utils_2.handleListDataBasedOnModel)(responseData.data, props.server, dbModule, props.model, (_a = props.imageEndpoint) !== null && _a !== void 0 ? _a : "", props.localURLEndpoint, props.collectionId, props.dbEndpoint, handleNavigate)];
+                    return [4 /*yield*/, (0, utils_2.handleListDataBasedOnModel)(responseData.data, props.server, dbModule, props.model, (_a = props.imageEndpoint) !== null && _a !== void 0 ? _a : "", props.localURLEndpoint, props.collectionId, props.dbEndpoint, (_b = props.organisationMembers) !== null && _b !== void 0 ? _b : [], handleNavigate)];
                 case 1:
-                    handleListResponse = _b.sent();
+                    handleListResponse = _c.sent();
                     if (!(props.server === "mongoServer")) return [3 /*break*/, 4];
                     if (!responseData.data) return [3 /*break*/, 3];
                     return [4 /*yield*/, handleListResponse];
                 case 2:
-                    dataList = _b.sent();
+                    dataList = _c.sent();
                     setTableData(dataList);
                     setSize(responseData.count);
-                    _b.label = 3;
+                    _c.label = 3;
                 case 3: return [3 /*break*/, 7];
                 case 4:
                     if (!responseData.data) return [3 /*break*/, 6];
                     return [4 /*yield*/, handleListResponse];
                 case 5:
-                    dataList = _b.sent();
-                    _b.label = 6;
+                    dataList = _c.sent();
+                    _c.label = 6;
                 case 6:
                     setTableData(filterSearchParams ? dataList : dataList.concat(tableData));
                     setCursor(responseData.count);
-                    _b.label = 7;
+                    _c.label = 7;
                 case 7:
                     setTableLoading(false);
                     return [2 /*return*/];
@@ -1153,26 +1173,26 @@ function DataTemplate(props) {
     }); };
     var handleRetrieveSelectedData = function (responseData) { return __awaiter(_this, void 0, void 0, function () {
         var dummyRespData, dummyReferenceModelSchema, newRespData, _a;
-        var _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        var _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
                     if (!responseData.data) return [3 /*break*/, 4];
                     dummyRespData = JSON.parse(JSON.stringify(responseData.data), utils_2.jsonReviver);
                     dummyReferenceModelSchema = JSON.parse(JSON.stringify(referenceModelSchema));
                     if (!(props.type === "read")) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (0, utils_2.handleRetrieveDeepModel)(dummyRespData, (_b = props.model) !== null && _b !== void 0 ? _b : [], dbModule, props.server, props.dbEndpoint, props.schemaEndpoint, (_c = props.imageEndpoint) !== null && _c !== void 0 ? _c : "", (_d = props.id) !== null && _d !== void 0 ? _d : "", dummyReferenceModelSchema, setReferenceSchema)];
+                    return [4 /*yield*/, (0, utils_2.handleRetrieveDeepModel)(dummyRespData, (_b = props.model) !== null && _b !== void 0 ? _b : [], dbModule, props.server, props.dbEndpoint, props.schemaEndpoint, (_c = props.imageEndpoint) !== null && _c !== void 0 ? _c : "", (_d = props.id) !== null && _d !== void 0 ? _d : "", dummyReferenceModelSchema, (_e = props.organisationMembers) !== null && _e !== void 0 ? _e : [], setReferenceSchema)];
                 case 1:
-                    _a = _e.sent();
+                    _a = _f.sent();
                     return [3 /*break*/, 3];
                 case 2:
                     _a = dummyRespData;
-                    _e.label = 3;
+                    _f.label = 3;
                 case 3:
                     newRespData = _a;
                     setSelectedData(newRespData);
                     handleRetrieveReferenceOptions(newRespData);
-                    _e.label = 4;
+                    _f.label = 4;
                 case 4:
                     setModalVisible(false);
                     setLoading(false);
@@ -1875,10 +1895,11 @@ function DataTemplate(props) {
             });
             return null;
         });
-        tableHeader.push({
-            key: "update",
-            title: "Update",
-        });
+        if (isEditor)
+            tableHeader.push({
+                key: "update",
+                title: "Update",
+            });
         return tableHeader;
     };
     var renderCursor = function () {
@@ -1904,7 +1925,7 @@ function DataTemplate(props) {
         });
         filteredModel.forEach(function (eachAttribute, index) {
             //INFO - Default Model Contain Id While Object Type Don't have
-            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, _p, _q;
             var clonedSelectedData = handleClonedDataAttribute(data, model);
             var label = eachAttribute.name;
             var labelExtra = !eachAttribute.optional ? (react_1.default.createElement("span", { className: "text-red-500" }, " (*) ")) : undefined;
@@ -2016,8 +2037,8 @@ function DataTemplate(props) {
                 case "listReference":
                     inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, labelExtra: labelExtra, optional: eachAttribute.optional, options: isObject
-                                ? referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]
-                                : (_l = referencesOptions[eachAttribute.id]) !== null && _l !== void 0 ? _l : [], onChange: function (value) {
+                                ? (_l = referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]) !== null && _l !== void 0 ? _l : []
+                                : (_m = referencesOptions[eachAttribute.id]) !== null && _m !== void 0 ? _m : [], onChange: function (value) {
                                 handleOnChangeSelect(eachAttribute.id, value);
                             }, additional: referenceLoading ? exports.loadingSelect : exports.additionalSelect, onSearch: function (value) { return __awaiter(_this, void 0, void 0, function () {
                                 var clonedReferencesOptions, filterObjectModel;
@@ -2049,11 +2070,15 @@ function DataTemplate(props) {
                     else if (eachAttribute.type === "email") {
                         textType = "email";
                     }
-                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: textType, value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: textType, value: (_o = clonedSelectedData[eachAttribute.id]) !== null && _o !== void 0 ? _o : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
                     break;
                 case "date":
                     inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, labelExtra: labelExtra, id: eachAttribute.id, optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
                     break;
+                case "person":
+                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, optional: eachAttribute.optional, value: (_p = clonedSelectedData[eachAttribute.id]) !== null && _p !== void 0 ? _p : [], label: label, labelExtra: labelExtra, options: (_q = props.organisationMembers) !== null && _q !== void 0 ? _q : [], onChange: function (value) {
+                            handleOnChangeSelect(eachAttribute.id, value);
+                        }, disabled: disabled }));
             }
         });
         return inputList.map(function (eachInput, index) {
@@ -2084,99 +2109,106 @@ function DataTemplate(props) {
     };
     var renderListObject = function (type) {
         var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
-        if (isListObject.length > 0) {
-            var list_2 = {};
-            var clonedSelectedData_1 = handleClonedDataAttribute(selectedData, props.model);
-            return isListObject.map(function (eachListObject) {
-                var _a;
-                if (clonedSelectedData_1[eachListObject.id]) {
-                    clonedSelectedData_1[eachListObject.id].map(function (eachObject) {
-                        var eachNewList = {
-                            id: "",
-                            title: "",
-                        };
-                        var isTitle = true;
-                        var _loop_3 = function (eachKey, eachValue) {
-                            if (eachListObject.objectData) {
-                                var model = eachListObject.objectData.find(function (eachAttribute) {
-                                    return eachAttribute.id === eachKey;
-                                });
-                                switch (model === null || model === void 0 ? void 0 : model.type) {
-                                    case "string":
-                                    case "contact":
-                                    case "email":
-                                        isTitle
-                                            ? (eachNewList["title"] =
-                                                typeof eachValue === "string" ? eachValue : "")
-                                            : (eachNewList[eachKey] = model.name + " : " + eachValue);
-                                        isTitle = false;
-                                        break;
-                                    case "image":
-                                        var url = void 0;
-                                        if (typeof eachValue === "string") {
-                                            url = (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, model.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model.imageFileName, eachValue);
-                                        }
-                                        else if (eachValue instanceof File) {
-                                            url = URL.createObjectURL(eachValue);
-                                        }
-                                        eachNewList[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "object-contain w-10 h-10" }));
-                                        break;
-                                    case "date":
+        var list = {};
+        var clonedSelectedData = handleClonedDataAttribute(selectedData, props.model);
+        return isListObject.map(function (eachListObject) {
+            var _a;
+            if (clonedSelectedData[eachListObject.id]) {
+                clonedSelectedData[eachListObject.id].map(function (eachObject) {
+                    var _a;
+                    var eachNewList = {
+                        id: "",
+                        title: "",
+                    };
+                    var isTitle = true;
+                    var _loop_3 = function (eachKey, eachValue) {
+                        if (eachListObject.objectData) {
+                            var model = eachListObject.objectData.find(function (eachAttribute) {
+                                return eachAttribute.id === eachKey;
+                            });
+                            switch (model === null || model === void 0 ? void 0 : model.type) {
+                                case "string":
+                                case "contact":
+                                case "email":
+                                    isTitle
+                                        ? (eachNewList["title"] =
+                                            typeof eachValue === "string" ? eachValue : "")
+                                        : (eachNewList[eachKey] = model.name + " : " + eachValue);
+                                    isTitle = false;
+                                    break;
+                                case "image":
+                                    var url = void 0;
+                                    if (typeof eachValue === "string") {
+                                        url = (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, model.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model.imageFileName, eachValue);
+                                    }
+                                    else if (eachValue instanceof File) {
+                                        url = URL.createObjectURL(eachValue);
+                                    }
+                                    eachNewList[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "object-contain w-10 h-10" }));
+                                    break;
+                                case "reference":
+                                    if (referencesOptions[eachListObject.id + "." + model.id]) {
+                                        var selectedReferences = referencesOptions[eachListObject.id + "." + model.id].find(function (eachOption) { return eachOption.key === eachValue; });
                                         eachNewList[eachKey] =
                                             (model === null || model === void 0 ? void 0 : model.name) +
                                                 " : " +
-                                                (0, utils_1.renderEachRowDataBasedOnDataType)(eachValue);
-                                        break;
-                                    case "address":
-                                    case "object":
-                                    case "reference":
-                                        break;
-                                    default:
-                                        if (eachKey === "id" && typeof eachValue === "string") {
-                                            eachNewList[eachKey] = eachValue;
-                                        }
-                                        else {
-                                            eachNewList[eachKey] = (model === null || model === void 0 ? void 0 : model.name) + " : " + eachValue;
-                                        }
-                                        break;
-                                }
+                                                (eachValue ? (_a = selectedReferences === null || selectedReferences === void 0 ? void 0 : selectedReferences.label) !== null && _a !== void 0 ? _a : " - " : " ");
+                                    }
+                                    break;
+                                case "date":
+                                    eachNewList[eachKey] =
+                                        (model === null || model === void 0 ? void 0 : model.name) +
+                                            " : " +
+                                            (0, utils_1.renderEachRowDataBasedOnDataType)(eachValue);
+                                    break;
+                                case "address":
+                                case "object":
+                                    break;
+                                default:
+                                    if (eachKey === "id" && typeof eachValue === "string") {
+                                        eachNewList[eachKey] = eachValue;
+                                    }
+                                    else {
+                                        eachNewList[eachKey] = (model === null || model === void 0 ? void 0 : model.name) + " : " + eachValue;
+                                    }
+                                    break;
                             }
-                        };
-                        for (var _i = 0, _a = Object.entries(eachObject); _i < _a.length; _i++) {
-                            var _b = _a[_i], eachKey = _b[0], eachValue = _b[1];
-                            _loop_3(eachKey, eachValue);
-                        }
-                        if (list_2[eachListObject.id]) {
-                            list_2[eachListObject.id].push(eachNewList);
                         }
-                        else {
-                            list_2[eachListObject.id] = [eachNewList];
-                        }
-                        return null;
-                    });
-                }
-                return (react_1.default.createElement(react_1.default.Fragment, null, !list_2[eachListObject.id] && type === "update" ? (react_1.default.createElement("button", { type: "button", className: "relative block w-full p-12 mt-5 text-center border-2 border-gray-300 border-dashed rounded-lg", onClick: function () {
+                    };
+                    for (var _i = 0, _b = Object.entries(eachObject); _i < _b.length; _i++) {
+                        var _c = _b[_i], eachKey = _c[0], eachValue = _c[1];
+                        _loop_3(eachKey, eachValue);
+                    }
+                    if (list[eachListObject.id]) {
+                        list[eachListObject.id].push(eachNewList);
+                    }
+                    else {
+                        list[eachListObject.id] = [eachNewList];
+                    }
+                    return null;
+                });
+                return (react_1.default.createElement(react_1.default.Fragment, null, !list[eachListObject.id] && type === "update" ? (react_1.default.createElement("button", { type: "button", className: "relative block w-full p-12 mt-5 text-center border-2 border-gray-300 border-dashed rounded-lg", onClick: function () {
                         setSelectedObjectStructureId(eachListObject.id);
                         handlePopUpModal(true);
                     } },
                     react_1.default.createElement("svg", { className: "w-12 h-12 mx-auto text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true" },
                         react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6" })),
                     react_1.default.createElement("span", { className: "block mt-2 text-sm font-medium text-gray-900" },
-                        "Create a new ", "".concat(eachListObject.name.toLocaleLowerCase())))) : (react_1.default.createElement(react_1.default.Fragment, null, list_2[eachListObject.id] && (react_1.default.createElement(react_1.default.Fragment, null,
+                        "Create a new ", "".concat(eachListObject.name.toLocaleLowerCase())))) : (react_1.default.createElement(react_1.default.Fragment, null, list[eachListObject.id] && (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),
                         type === "update" && (react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
                                 setSelectedObjectStructureId(eachListObject.id);
                                 handlePopUpModal(true);
                             } }))),
-                    react_1.default.createElement(list_1.List, { className: "mt-5", list: (_a = list_2[eachListObject.id]) !== null && _a !== void 0 ? _a : [], loading: false, onClickRow: function (id) {
+                    react_1.default.createElement(list_1.List, { className: "mt-5", list: (_a = list[eachListObject.id]) !== null && _a !== void 0 ? _a : [], loading: false, onClickRow: function (id) {
                             handleSelectListObjectData(id, eachListObject.id);
                         } })))))));
-            });
-        }
-        else {
-            return react_1.default.createElement(react_1.default.Fragment, null);
-        }
+            }
+            else {
+                return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        });
     };
     var renderContent = function () {
         var _a, _b, _c, _d, _e, _f;
@@ -2228,7 +2260,7 @@ function DataTemplate(props) {
                                 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)),
-                                props.deleteBtn && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "mt-5 ml-0 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
+                                props.deleteBtn && isEditor && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "mt-5 ml-0 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
                                         setDeleteModal(true);
                                     } })))),
                         react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom }),
@@ -2255,7 +2287,7 @@ function DataTemplate(props) {
                         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)),
-                        props.deleteBtn && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "mt-5 ml-0 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
+                        props.deleteBtn && isEditor && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "mt-5 ml-0 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
                                 setDeleteModal(true);
                             } }))),
                     react_1.default.createElement(form_1.Form, { className: "grid grid-cols-4 gap-6 mt-6", ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit }, renderDataTemplateForm(selectedData, props.model, modalFormInputRefs)),
@@ -2455,7 +2487,7 @@ function DataTemplate(props) {
         });
         if (viewType === "general") {
             if (dataType === "list") {
-                return (react_1.default.createElement(table_1.Table, { paginationType: props.server === "mongoServer" ? "page" : "cursor", data: tableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: true, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Delete", onClick: function () {
+                return (react_1.default.createElement(table_1.Table, { paginationType: props.server === "mongoServer" ? "page" : "cursor", data: tableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: isEditor ? true : false, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Delete", onClick: function () {
                             handleGenerateDeletePasscode();
                             setDeleteModal(true);
                         } }), handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
@@ -2587,12 +2619,13 @@ function DataTemplate(props) {
                     " ",
                     props.type === "list" ? "these" : "this",
                     " data?"),
-                react_1.default.createElement("p", { className: "mb-2" },
-                    "Enter passcode",
-                    " ",
-                    react_1.default.createElement("span", { className: "font-semibold" }, deletePasscode),
-                    " to delete."),
-                react_1.default.createElement(textInput_1.TextInput, { label: "", value: deletePasscodeInput, onChange: function (e) { return setDeletePasscodeInput(e.target.value); }, type: "password", placeholder: "Type your passcode here" }),
+                props.type === "list" && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("p", { className: "mb-2" },
+                        "Enter passcode",
+                        " ",
+                        react_1.default.createElement("span", { className: "font-semibold" }, deletePasscode),
+                        " to delete."),
+                    react_1.default.createElement(textInput_1.TextInput, { label: "", value: deletePasscodeInput, onChange: function (e) { return setDeletePasscodeInput(e.target.value); }, type: "password", placeholder: "Type your passcode here" }))),
                 react_1.default.createElement("div", { className: "flex flex-row justify-end pt-5 mt-6 space-x-2" },
                     react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
                             setDeletePasscodeInput("");