blixify-ui-web 0.1.110 → 0.1.112

package/lib/components/chart/DateRange.js

@@ -68,7 +68,7 @@ var defaultInput = {
     startDate: startDate,
     endDate: (0, moment_1.default)().toDate(),
     startTime: "00:00:00",
-    endTime: "24:59:59",
+    endTime: "23:59:59",
     isDuration: true,
 };
 var DateRange = /** @class */ (function (_super) {

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { Option } from "../../input/select";
 import { LinkProps } from "../../structure/link";
-import { DataStructure } from "./model";
+import { DataStructure, DevSettings } from "./model";
 import { AdditionalQuery } from "./spaceModel";
 interface Props extends LinkProps {
     lib?: {
@@ -18,24 +17,16 @@ interface Props extends LinkProps {
     description: string;
     type: "read" | "update" | "list" | string;
     id?: string;
-    organisationMembers?: Option[];
+    deleteBtn?: boolean;
     collectionId: string;
-    dbAPIToken: string;
     model: DataStructure[];
-    server: "mongoServer" | "fbServer" | "firebase";
-    dbEndpoint: string;
-    schemaEndpoint: string;
+    devSettings: DevSettings;
     localURLEndpoint: string;
-    imageEndpoint: string;
-    uploadEndpoint?: string;
-    bucketName?: string;
-    maxFileSize?: number;
     limit?: number;
     sort?: {
         sortId: string;
         type: "asc" | "desc";
     };
-    viewId?: string;
     additionalQuery: AdditionalQuery[];
     extendedTabs?: {
         id: string;
@@ -45,8 +36,8 @@ interface Props extends LinkProps {
         iframeSrc?: string;
         renderComp?: () => void;
     }[];
+    viewId?: string;
     breadcrumb?: boolean;
-    deleteBtn?: boolean;
     role: "admin" | "manager" | "editor" | "viewer";
     onComplete?: () => void;
 }

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":";AAoCA,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;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,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,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,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,eA42GxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAcvD,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtE,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,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,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,eA2xGxC"}

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

@@ -100,7 +100,6 @@ var modal_1 = require("../../display/modal");
 var notification_1 = require("../../display/notification");
 var stepper_1 = require("../../display/stepper");
 var table_1 = require("../../display/table");
-var utils_1 = require("../../display/utils");
 var address_1 = require("../../input/address");
 var datePicker_1 = require("../../input/datePicker");
 var form_1 = require("../../input/form");
@@ -112,7 +111,7 @@ var tabs_1 = require("../../navigation/tabs");
 var link_1 = require("../../structure/link");
 var readQuery_1 = require("../readQuery");
 var readQueryHoc_1 = require("../readQueryHoc");
-var utils_2 = require("../utils");
+var utils_1 = require("../utils");
 var writeQuery_1 = require("../writeQuery");
 var grid_1 = require("../../display/grid");
 var queryTableHeader = [
@@ -219,16 +218,17 @@ function DataTemplate(props) {
     var _22 = (0, react_1.useState)(false), referenceLoading = _22[0], setReferenceLoading = _22[1];
     var _23 = (0, react_1.useState)({}), referencesOptions = _23[0], setReferencesOptions = _23[1];
     var _24 = (0, react_1.useState)({}), referenceModelSchema = _24[0], setReferenceSchema = _24[1];
-    var serverId = props.server === "mongoServer" ? "_id" : "id";
+    var devSettings = props.devSettings;
+    var serverId = devSettings.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 dbModule = devSettings.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({
         dbModule: (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios,
-        dbType: props.server,
+        dbType: devSettings.server,
         dbCollection: props.collectionId,
-        dbEndpoint: props.dbEndpoint,
+        dbEndpoint: devSettings.dbEndpoint,
     });
     var moreButtonPopUp = [
         {
@@ -283,10 +283,10 @@ function DataTemplate(props) {
                                                 eachModel.type === "listReference")) return [3 /*break*/, 2];
                                             referenceRQ = new readQuery_1.ReadQuery({
                                                 dbModule: dbModule,
-                                                dbType: props.server,
+                                                dbType: devSettings.server,
                                                 dbCollection: (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "",
-                                                dbEndpoint: props.dbEndpoint,
-                                                dbAPIToken: props.dbAPIToken,
+                                                dbEndpoint: devSettings.dbEndpoint,
+                                                dbAPIToken: devSettings.dbAPIToken,
                                             });
                                             query = [];
                                             if (exportReferenceSearch) {
@@ -345,10 +345,10 @@ function DataTemplate(props) {
         queryInput,
         exportReferenceSearch,
         dbModule,
-        props.dbEndpoint,
-        props.dbAPIToken,
+        devSettings.dbEndpoint,
+        devSettings.dbAPIToken,
         props.model,
-        props.server,
+        devSettings.server,
         serverId,
     ]);
     //=====================================================================================
@@ -365,10 +365,10 @@ function DataTemplate(props) {
                     optionList_1 = [];
                     referenceRQ_1 = new readQuery_1.ReadQuery({
                         dbModule: dbModule,
-                        dbType: props.server,
+                        dbType: devSettings.server,
                         dbCollection: (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "",
-                        dbEndpoint: props.dbEndpoint,
-                        dbAPIToken: props.dbAPIToken,
+                        dbEndpoint: devSettings.dbEndpoint,
+                        dbAPIToken: devSettings.dbAPIToken,
                     });
                     return [4 /*yield*/, referenceRQ_1.call({
                             type: "list",
@@ -551,7 +551,7 @@ function DataTemplate(props) {
         setSelectAll(value);
     };
     var handlePagination = function (value) {
-        if (props.server === "mongoServer") {
+        if (devSettings.server === "mongoServer") {
             setTableLoading(true);
             setTableData([]);
         }
@@ -561,7 +561,7 @@ function DataTemplate(props) {
         else {
             if (value === "next") {
                 //INFO : Retrieve latest cursor data from Firebase only
-                if (props.server !== "mongoServer" &&
+                if (devSettings.server !== "mongoServer" &&
                     cursor &&
                     (pageIndex + 1) * limit + 1 > tableData.length) {
                     setLastCursor(cursor);
@@ -580,10 +580,10 @@ function DataTemplate(props) {
             switch (_b.label) {
                 case 0:
                     dataList = [];
-                    return [4 /*yield*/, (0, utils_2.handleListDataBasedOnModel)(responseData.data, props.server, dbModule, props.model, props.imageEndpoint, props.localURLEndpoint, props.collectionId, props.dbEndpoint, (_a = props.organisationMembers) !== null && _a !== void 0 ? _a : [], handleNavigate, props.bucketName)];
+                    return [4 /*yield*/, (0, utils_1.handleListDataBasedOnModel)(responseData.data, devSettings.server, dbModule, props.model, devSettings.imageEndpoint, props.localURLEndpoint, props.collectionId, devSettings.dbEndpoint, (_a = devSettings.organisationMembers) !== null && _a !== void 0 ? _a : [], handleNavigate, devSettings.bucketName)];
                 case 1:
                     handleListResponse = _b.sent();
-                    if (!(props.server === "mongoServer")) return [3 /*break*/, 4];
+                    if (!(devSettings.server === "mongoServer")) return [3 /*break*/, 4];
                     if (!responseData.data) return [3 /*break*/, 3];
                     return [4 /*yield*/, handleListResponse];
                 case 2:
@@ -637,7 +637,7 @@ function DataTemplate(props) {
     //=====================================================================================
     // TODO - Remove Root Folder of the Object List Image
     var handleRemoveObjectListData = function () {
-        var clonedSelectedData = handleClonedDataAttribute(selectedData, props.model);
+        var clonedSelectedData = (0, utils_1.handleClonedDataAttribute)(selectedData, props.model);
         if (selectedObjectId) {
             var index = clonedSelectedData[selectedObjectStructureId].findIndex(function (eachData) { return eachData.id === selectedObjectId; });
             if (index !== -1) {
@@ -650,11 +650,11 @@ function DataTemplate(props) {
     };
     var handleSubmitObjectDataType = function () {
         var _a, _b;
-        var clonedSelectedData = handleClonedDataAttribute(selectedData, props.model);
+        var clonedSelectedData = (0, utils_1.handleClonedDataAttribute)(selectedData, props.model);
         var filterObjectModel = props.model.find(function (eachModel) {
             return eachModel.id === selectedObjectStructureId;
         });
-        var clonedSelectedObjectData = handleClonedDataAttribute(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], true, true);
+        var clonedSelectedObjectData = (0, utils_1.handleClonedDataAttribute)(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], true, true);
         if (!clonedSelectedObjectData["id"]) {
             clonedSelectedObjectData["id"] = (0, uuid_1.v4)();
         }
@@ -682,7 +682,7 @@ function DataTemplate(props) {
             }
         }
         else {
-            var clonedSelectedObjectData_1 = handleClonedDataAttribute(selectedObjectData, (_b = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _b !== void 0 ? _b : []);
+            var clonedSelectedObjectData_1 = (0, utils_1.handleClonedDataAttribute)(selectedObjectData, (_b = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _b !== void 0 ? _b : []);
             clonedSelectedData[selectedObjectStructureId] = clonedSelectedObjectData_1;
             setSelectedData(clonedSelectedData);
         }
@@ -744,7 +744,7 @@ function DataTemplate(props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    clonedSelectedData = handleClonedDataAttribute(selectedData, props.model, true);
+                    clonedSelectedData = (0, utils_1.handleClonedDataAttribute)(selectedData, props.model, true);
                     return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, props.model)];
                 case 1:
                     //INFO: Parse & Upload Data "Image & File attributes"
@@ -786,8 +786,8 @@ function DataTemplate(props) {
         });
     }); };
     var handleUploadEndpoint = function (eachImage) {
-        if (props.uploadEndpoint)
-            return props.uploadEndpoint;
+        if (devSettings.uploadEndpoint)
+            return devSettings.uploadEndpoint;
         else if (eachImage.uploadEndpoint)
             return eachImage.uploadEndpoint;
         else
@@ -839,7 +839,7 @@ function DataTemplate(props) {
                                                             imageParentId += "/".concat(listObjectId);
                                                         }
                                                         fileName = (0, uuid_1.v4)() + eachImage.imageFileName;
-                                                        return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, fileName, eachField.fileName, (_b = props.bucketName) !== null && _b !== void 0 ? _b : "")];
+                                                        return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, fileName, eachField.fileName, (_b = devSettings.bucketName) !== null && _b !== void 0 ? _b : "")];
                                                     case 1:
                                                         responseData = _c.sent();
                                                         if (responseData.data)
@@ -864,7 +864,7 @@ function DataTemplate(props) {
                                     if (listObjectId) {
                                         imageParentId += "/".concat(listObjectId);
                                     }
-                                    return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, (_b = eachImage.imageFileName) !== null && _b !== void 0 ? _b : "", selectedField, (_c = props.bucketName) !== null && _c !== void 0 ? _c : "")];
+                                    return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, (_b = eachImage.imageFileName) !== null && _b !== void 0 ? _b : "", selectedField, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
                                 case 4:
                                     responseData = _d.sent();
                                     if (responseData.data) {
@@ -892,7 +892,7 @@ function DataTemplate(props) {
                                                     startIndex = eachField.fileName.lastIndexOf("%2F") + 3;
                                                     endIndex = eachField.fileName.indexOf("?alt=media&token=");
                                                     imageFileName = eachField.fileName.substring(startIndex, endIndex);
-                                                    return [4 /*yield*/, handleRemoveImageAxios(handleUploadEndpoint(eachImage), (_a = props.id) !== null && _a !== void 0 ? _a : "", (_b = eachImage.imageCollectionName) !== null && _b !== void 0 ? _b : "", imageFileName, (_c = props.bucketName) !== null && _c !== void 0 ? _c : "")];
+                                                    return [4 /*yield*/, handleRemoveImageAxios(handleUploadEndpoint(eachImage), (_a = props.id) !== null && _a !== void 0 ? _a : "", (_b = eachImage.imageCollectionName) !== null && _b !== void 0 ? _b : "", imageFileName, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
                                                 case 1:
                                                     _d.sent();
                                                     return [2 /*return*/];
@@ -1032,7 +1032,7 @@ function DataTemplate(props) {
                         assetCollectionName: props.collectionId,
                         assetParentId: props.id,
                     };
-                    uploadEndpoint = (_a = props.uploadEndpoint) !== null && _a !== void 0 ? _a : "/api/asset";
+                    uploadEndpoint = (_a = devSettings.uploadEndpoint) !== null && _a !== void 0 ? _a : "/api/asset";
                     if (bucketName)
                         data["bucketName"] = bucketName;
                     return [4 /*yield*/, ((_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios.post(uploadEndpoint + "/deleteDirectory", {
@@ -1119,7 +1119,7 @@ function DataTemplate(props) {
                     if (!selectedId) return [3 /*break*/, 3];
                     setLoading(true);
                     setDeleteModal(true);
-                    return [4 /*yield*/, handleRemoveImage((_a = props.bucketName) !== null && _a !== void 0 ? _a : "")];
+                    return [4 /*yield*/, handleRemoveImage((_a = devSettings.bucketName) !== null && _a !== void 0 ? _a : "")];
                 case 1:
                     _b.sent();
                     return [4 /*yield*/, writeServerQuery.call("delete", { id: selectedId })];
@@ -1201,10 +1201,10 @@ function DataTemplate(props) {
             switch (_f.label) {
                 case 0:
                     if (!responseData.data) return [3 /*break*/, 4];
-                    dummyRespData = JSON.parse(JSON.stringify(responseData.data), utils_2.jsonReviver);
+                    dummyRespData = JSON.parse(JSON.stringify(responseData.data), utils_1.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, props.imageEndpoint, (_c = props.id) !== null && _c !== void 0 ? _c : "", dummyReferenceModelSchema, (_d = props.organisationMembers) !== null && _d !== void 0 ? _d : [], setReferenceSchema, undefined, (_e = props.bucketName) !== null && _e !== void 0 ? _e : "")];
+                    return [4 /*yield*/, (0, utils_1.handleRetrieveDeepModel)(dummyRespData, (_b = props.model) !== null && _b !== void 0 ? _b : [], dbModule, devSettings.server, devSettings.dbEndpoint, devSettings.schemaEndpoint, devSettings.imageEndpoint, (_c = props.id) !== null && _c !== void 0 ? _c : "", dummyReferenceModelSchema, (_d = devSettings.organisationMembers) !== null && _d !== void 0 ? _d : [], setReferenceSchema, undefined, (_e = devSettings.bucketName) !== null && _e !== void 0 ? _e : "")];
                 case 1:
                     _a = _f.sent();
                     return [3 /*break*/, 3];
@@ -1223,81 +1223,6 @@ function DataTemplate(props) {
             }
         });
     }); };
-    var handleClonedDataAttribute = function (selectedData, model, force, isRemainId) {
-        var defaultValue = selectedData;
-        var clonedSelectedData = JSON.parse(JSON.stringify(selectedData));
-        model.map(function (eachAttribute) {
-            var _a, _b;
-            if (eachAttribute.id === "_id" || eachAttribute.id === "id") {
-                return null;
-            }
-            switch (eachAttribute.type) {
-                case "date":
-                    if (defaultValue[eachAttribute.id]) {
-                        clonedSelectedData[eachAttribute.id] = (0, moment_1.default)(defaultValue[eachAttribute.id]).toDate();
-                    }
-                    break;
-                case "boolean":
-                    //INFO : Force is only called during submission, some casting may affect UI
-                    if (force) {
-                        if (defaultValue[eachAttribute.id] === "true") {
-                            clonedSelectedData[eachAttribute.id] = true;
-                        }
-                        else if (defaultValue[eachAttribute.id] === "false") {
-                            clonedSelectedData[eachAttribute.id] = false;
-                        }
-                    }
-                    break;
-                case "listObject":
-                    clonedSelectedData[eachAttribute.id] =
-                        (_a = defaultValue[eachAttribute.id]) !== null && _a !== void 0 ? _a : [];
-                    break;
-                case "object":
-                    if (force)
-                        clonedSelectedData[eachAttribute.id] =
-                            (_b = defaultValue[eachAttribute.id]) !== null && _b !== void 0 ? _b : {};
-                    else
-                        clonedSelectedData[eachAttribute.id] =
-                            defaultValue[eachAttribute.id];
-                    break;
-                case "image":
-                case "file":
-                    clonedSelectedData[eachAttribute.id] = defaultValue[eachAttribute.id];
-                    break;
-                case "multipleImage":
-                case "multipleFile":
-                    if (Array.isArray(clonedSelectedData[eachAttribute.id])) {
-                        clonedSelectedData[eachAttribute.id] = {
-                            data: defaultValue[eachAttribute.id],
-                            upload: [],
-                            remove: [],
-                        };
-                    }
-                    else if (clonedSelectedData[eachAttribute.id] instanceof Object) {
-                        clonedSelectedData[eachAttribute.id] =
-                            defaultValue[eachAttribute.id];
-                    }
-                    else
-                        clonedSelectedData[eachAttribute.id] = {
-                            data: [],
-                            upload: [],
-                            remove: [],
-                        };
-                    break;
-                case "number":
-                    if (defaultValue[eachAttribute.id]) {
-                        clonedSelectedData[eachAttribute.id] = Number(defaultValue[eachAttribute.id]);
-                    }
-                    break;
-            }
-            return null;
-        });
-        if (!isRemainId) {
-            delete clonedSelectedData["id"];
-            delete clonedSelectedData["_id"];
-        }
-        return clonedSelectedData;
-    };
     var handleOnChangeData = function () {
         var _a;
         if (modalVisible && selectedObjectStructureId) {
@@ -1326,14 +1251,14 @@ function DataTemplate(props) {
     };
     var handleOnChangeFile = function (e) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         clonedData[e.target.id] =
             e.target.files.length > 0 ? e.target.files[0] : undefined;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeFiles = function (id, value, action) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         var previousData = clonedData[id] && clonedData[id]["data"] ? clonedData[id]["data"] : [];
         var previousUploadData = clonedData[id] && clonedData[id]["upload"]
             ? clonedData[id]["upload"]
@@ -1362,25 +1287,25 @@ function DataTemplate(props) {
     };
     var handleOnChangeAddress = function (id, address) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         clonedData[id] = address;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeText = function (e) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         clonedData[e.target.id] = e.target.value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeSelect = function (id, value) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeDate = function (id, value) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
-        var clonedData = handleClonedDataAttribute(data, model);
+        var clonedData = (0, utils_1.handleClonedDataAttribute)(data, model);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
@@ -1940,7 +1865,7 @@ function DataTemplate(props) {
         return tableHeader;
     };
     var renderCursor = function () {
-        if (props.server === "mongoServer") {
+        if (devSettings.server === "mongoServer") {
             return pageIndex === 0 ? undefined : pageIndex * limit;
         }
         else {
@@ -1963,7 +1888,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, _o, _p, _q;
-            var clonedSelectedData = handleClonedDataAttribute(data, model);
+            var clonedSelectedData = (0, utils_1.handleClonedDataAttribute)(data, model);
             var label = eachAttribute.name;
             var labelExtra = !eachAttribute.optional ? (react_1.default.createElement("span", { className: "text-red-500" }, " (*) ")) : undefined;
             var disabled = props.type === "read"
@@ -2043,25 +1968,25 @@ function DataTemplate(props) {
                     if (hasImageToken) {
                         url = isObject
                             ? isObjectList
-                                ? (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId + "%2F" + selectedObjectId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], props.bucketName)
-                                : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], props.bucketName)
-                            : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], props.bucketName);
+                                ? (0, utils_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId + "%2F" + selectedObjectId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName)
+                                : (0, utils_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName)
+                            : (0, utils_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName);
                     }
-                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: devSettings.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
                     break;
                 case "multipleFile":
                 case "multipleImage":
                     var multipleDataUrl = clonedSelectedData[eachAttribute.id]["data"].map(function (eachImage) {
                         return {
                             token: eachImage.token,
-                            fileName: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token, props.bucketName),
+                            fileName: (0, utils_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token, devSettings.bucketName),
                         };
                     });
                     inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
                             ? ".png,.jpg,.jpe,.tiff"
                             : ".pdf", fileDescription: eachAttribute.type === "multipleImage"
                             ? undefined
-                            : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: function (_a) {
+                            : "PDF up to 30MB", maxFileSize: devSettings.maxFileSize, onChange: function (_a) {
                             var value = _a.value, action = _a.action;
                             handleOnChangeFiles(eachAttribute.id, value, action);
                         }, lib: {
@@ -2114,7 +2039,7 @@ function DataTemplate(props) {
                     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) {
+                    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 = devSettings.organisationMembers) !== null && _q !== void 0 ? _q : [], onChange: function (value) {
                             handleOnChangeSelect(eachAttribute.id, value);
                         }, disabled: disabled }));
             }
@@ -2149,7 +2074,7 @@ function DataTemplate(props) {
     var renderListObject = function (type) {
         var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
         var list = {};
-        var clonedSelectedData = handleClonedDataAttribute(selectedData, props.model);
+        var clonedSelectedData = (0, utils_1.handleClonedDataAttribute)(selectedData, props.model);
         return isListObject.map(function (eachListObject) {
             var _a;
             if (clonedSelectedData[eachListObject.id] &&
@@ -2179,7 +2104,7 @@ function DataTemplate(props) {
                                 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, props.bucketName);
+                                        url = (0, utils_1.renderImageUrlFromPath)(devSettings.imageEndpoint, model.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model.imageFileName, eachValue, devSettings.bucketName);
                                     }
                                     else if (eachValue instanceof File) {
                                         url = URL.createObjectURL(eachValue);
@@ -2285,10 +2210,10 @@ function DataTemplate(props) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
                             dbModule: dbModule,
-                            dbType: props.server,
+                            dbType: devSettings.server,
                             dbCollection: props.collectionId,
-                            dbEndpoint: props.dbEndpoint,
-                            dbAPIToken: props.dbAPIToken,
+                            dbEndpoint: devSettings.dbEndpoint,
+                            dbAPIToken: devSettings.dbAPIToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
@@ -2314,10 +2239,10 @@ function DataTemplate(props) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
                             dbModule: dbModule,
-                            dbType: props.server,
+                            dbType: devSettings.server,
                             dbCollection: props.collectionId,
-                            dbEndpoint: props.dbEndpoint,
-                            dbAPIToken: props.dbAPIToken,
+                            dbEndpoint: devSettings.dbEndpoint,
+                            dbAPIToken: devSettings.dbAPIToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
@@ -2348,10 +2273,10 @@ function DataTemplate(props) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
                             dbModule: dbModule,
-                            dbType: props.server,
+                            dbType: devSettings.server,
                             dbCollection: props.collectionId,
-                            dbEndpoint: props.dbEndpoint,
-                            dbAPIToken: props.dbAPIToken,
+                            dbEndpoint: devSettings.dbEndpoint,
+                            dbAPIToken: devSettings.dbAPIToken,
                         }, cond: {
                             type: "list",
                             query: renderSearchFilterConditions(),
@@ -2420,7 +2345,7 @@ function DataTemplate(props) {
             return null;
         });
         if (!searchQueryExist &&
-            props.server === "mongoServer" &&
+            devSettings.server === "mongoServer" &&
             filterSearchParams) {
             var searchKeys = props.model.map(function (eachAttribute) {
                 if (eachAttribute.type === "address")
@@ -2460,10 +2385,10 @@ function DataTemplate(props) {
                     searchFilterList.push(react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
                                 dbModule: dbModule,
-                                dbType: props.server,
+                                dbType: devSettings.server,
                                 dbCollection: (_b = eachSettings.spaceId) !== null && _b !== void 0 ? _b : "",
-                                dbEndpoint: props.dbEndpoint,
-                                dbAPIToken: props.dbAPIToken,
+                                dbEndpoint: devSettings.dbEndpoint,
+                                dbAPIToken: devSettings.dbAPIToken,
                             }, cond: {
                                 type: "list",
                                 limit: limit,
@@ -2507,7 +2432,7 @@ function DataTemplate(props) {
             }
             return null;
         });
-        if (!searchQueryExist && props.server === "mongoServer") {
+        if (!searchQueryExist && devSettings.server === "mongoServer") {
             searchFilterList.push(react_1.default.createElement(textInput_1.TextInput, { containerClassName: "w-full", placeholder: "Search", label: "", type: "text", value: filterSearch, onChange: handleNameSearch }));
         }
         return searchFilterList;
@@ -2561,7 +2486,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: 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 () {
+                return (react_1.default.createElement(table_1.Table, { paginationType: devSettings.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) {
@@ -2583,13 +2508,13 @@ 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: props.server === "mongoServer" ? "page" : "cursor", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: function (id) {
+                    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"));
                         }, 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: props.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
+                    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"));
                         }, 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" })));
             }