blixify-ui-web 0.4.98 → 0.4.99

package/lib/components/advanced/popUp/index.js

@@ -78,7 +78,7 @@ var PopUp = /** @class */ (function (_super) {
             react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("div", { className: "cursor-pointer", onClick: function () {
                         return _this.setState({
-                            open: true,
+                            open: !_this.state.open,
                         });
                     } }, this.props.ctaComp && this.props.ctaComp),
                 this.state.open && (react_1.default.createElement(Transition, { show: this.state.open, as: react_1.Fragment, enter: "transition ease-out duration-200", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },

package/lib/components/advanced/popUp/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/advanced/popUp/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8BAA4B;AAiB5B;IAA2B,yBAAgB;IAA3C;;QAEE,WAAK,GAAU;YACb,IAAI,EAAE,KAAK;SACZ,CAAC;QAYF,yBAAmB,GAAG,UAAC,KAAK;YAC1B,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEF,wBAAkB,GAAG,UAAC,KAAK;YACzB,IAAI,KAAI,CAAC,UAAU,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC/D,IAAI,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;oBACpB,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;wBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oBACvB,CAAC;oBACD,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAO,CAAC,CAAC,CAAC;gBAC3C,CAAC;YACH,CAAC;QACH,CAAC,CAAC;;IA6CJ,CAAC;IApEC,iCAAiB,GAAjB;QACE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAChE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,oCAAoB,GAApB;QACE,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACnE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAiBD,sBAAM,GAAN;QAAA,iBA0CC;QAzCS,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,CAAC,GAAG,WAAnB,CAAoB;QAEtC,OAAO,CACL,uCACE,SAAS,EAAE,mBAAY,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,EAC7C,GAAG,EAAE,IAAI,CAAC,mBAAmB;YAE7B;gBACE,uCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE;wBACP,OAAA,KAAI,CAAC,QAAQ,CAAC;4BACZ,IAAI,EAAE,IAAI;yBACX,CAAC;oBAFF,CAEE,IAGH,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CACrC;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAClB,8BAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oBAEtC,uCACE,SAAS,EAAE,yCACT,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,4FACoC,IAExF,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3C,CACK,CACd,CACA,CACC,CACP,CAAC;IACJ,CAAC;IACH,YAAC;AAAD,CAAC,AA1ED,CAA2B,iBAAS,GA0EnC;AA1EY,sBAAK"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/advanced/popUp/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8BAA4B;AAiB5B;IAA2B,yBAAgB;IAA3C;;QAEE,WAAK,GAAU;YACb,IAAI,EAAE,KAAK;SACZ,CAAC;QAYF,yBAAmB,GAAG,UAAC,KAAK;YAC1B,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEF,wBAAkB,GAAG,UAAC,KAAK;YACzB,IAAI,KAAI,CAAC,UAAU,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC/D,IAAI,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;oBACpB,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;wBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oBACvB,CAAC;oBACD,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAO,CAAC,CAAC,CAAC;gBAC3C,CAAC;YACH,CAAC;QACH,CAAC,CAAC;;IA6CJ,CAAC;IApEC,iCAAiB,GAAjB;QACE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAChE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,oCAAoB,GAApB;QACE,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACnE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAiBD,sBAAM,GAAN;QAAA,iBA0CC;QAzCS,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,CAAC,GAAG,WAAnB,CAAoB;QAEtC,OAAO,CACL,uCACE,SAAS,EAAE,mBAAY,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,EAC7C,GAAG,EAAE,IAAI,CAAC,mBAAmB;YAE7B;gBACE,uCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE;wBACP,OAAA,KAAI,CAAC,QAAQ,CAAC;4BACZ,IAAI,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI;yBACvB,CAAC;oBAFF,CAEE,IAGH,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CACrC;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAClB,8BAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oBAEtC,uCACE,SAAS,EAAE,yCACT,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,4FACoC,IAExF,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3C,CACK,CACd,CACA,CACC,CACP,CAAC;IACJ,CAAC;IACH,YAAC;AAAD,CAAC,AA1ED,CAA2B,iBAAS,GA0EnC;AA1EY,sBAAK"}

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":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAoEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAqwOvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAqEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAm7NvB,CAAC"}

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

@@ -485,7 +485,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }, [selectedData, props.id]);
     //INFO : Change Data Type & ID Refresh
     (0, react_1.useEffect)(function () {
-        var _a;
+        var _a, _b, _c;
         switch (props.type) {
             case "read":
             case "update":
@@ -497,12 +497,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 setSelectedData({});
                 setSelectedObjectData({});
                 setSelectedIds([]);
+                setActiveTab((_b = (_a = structure.find(function (item) { return item.tabId; })) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : "");
                 if (props.id !== "new" && props.id !== "") {
                     setModalVisible(true);
                     setLoading(true);
                     if ((previousType.current === "read" && props.type === "update") ||
                         (previousType.current === "update" && props.type === "read")) {
-                        (_a = readQueryHocRef.current) === null || _a === void 0 ? void 0 : _a.handleRefresh();
+                        (_c = readQueryHocRef.current) === null || _c === void 0 ? void 0 : _c.handleRefresh();
                     }
                 }
                 if (props.id === "new") {
@@ -3793,245 +3794,28 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return listElement;
     };
     var renderListObject = function (type) {
+        var _a;
         var listElement = [];
+        var hasTabAlign = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.tabAlign;
         var isListObject = structure.filter(function (eachAttribute) {
             var _a;
             var tabId = (_a = eachAttribute.tabId) !== null && _a !== void 0 ? _a : "";
-            if (eachAttribute.type === "listObject" && tabId === activeTab)
-                return true;
+            if (eachAttribute.type === "listObject") {
+                if (type === "update" &&
+                    !eachAttribute.listObjOrder &&
+                    ((hasTabAlign && tabId === activeTab) || !hasTabAlign)) {
+                    return true;
+                }
+                else if (type === "read") {
+                    return true;
+                }
+            }
             return false;
         });
-        var list = {};
-        var listObjTableData = {};
         var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, remainId);
         isListObject.map(function (eachListObject) {
-            var _a, _b, _c, _d, _e, _f;
-            if (type === "update") {
-                var isForm = props.onComplete ? true : false;
-                var shouldShow = (0, updateModule_1.renderShowCondition)(eachListObject, clonedSelectedData, isForm);
-                if (!shouldShow)
-                    return null;
-            }
-            if (props.onComplete &&
-                eachListObject.hideForm &&
-                eachListObject.optional) {
-                return null;
-            }
-            else if (clonedSelectedData[eachListObject.id] &&
-                Array.isArray(clonedSelectedData[eachListObject.id])) {
-                var checkIdExists_1 = (_a = eachListObject === null || eachListObject === void 0 ? void 0 : eachListObject.objectData) === null || _a === void 0 ? void 0 : _a.some(function (eachAttribute) {
-                    return eachAttribute.id === "id";
-                });
-                var eachListObjTableHeaders = (_c = (_b = eachListObject === null || eachListObject === void 0 ? void 0 : eachListObject.objectData) === null || _b === void 0 ? void 0 : _b.map(function (eachObj) { return ({
-                    key: eachObj.id,
-                    title: eachObj.name,
-                }); })) !== null && _c !== void 0 ? _c : [];
-                clonedSelectedData[eachListObject.id].map(function (eachObject) {
-                    var _a, _b;
-                    var eachNewList = {
-                        id: "",
-                        title: "",
-                    };
-                    var eachNewTable = { id: "" };
-                    var isTitle = true;
-                    var _loop_3 = function (eachKey, eachValue) {
-                        if (eachListObject.objectData) {
-                            var model_2 = eachListObject.objectData.find(function (eachAttribute) {
-                                return eachAttribute.id === eachKey;
-                            });
-                            switch (model_2 === null || model_2 === void 0 ? void 0 : model_2.type) {
-                                case "string":
-                                case "contact":
-                                case "email":
-                                    isTitle
-                                        ? (eachNewList["title"] =
-                                            typeof eachValue === "string" ? eachValue : "")
-                                        : (eachNewList[eachKey] = model_2.name + " : " + eachValue);
-                                    isTitle = false;
-                                    eachNewTable[eachKey] = eachValue;
-                                    break;
-                                case "image":
-                                    var url = void 0;
-                                    if (typeof eachValue === "string") {
-                                        url = (0, blobModule_1.renderImageUrlFromPath)(devSettings.imageEndpoint, model_2.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model_2.imageFileName, eachValue, devSettings.bucketName);
-                                    }
-                                    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" }));
-                                    eachNewTable[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "object-contain w-10 h-10" }));
-                                    break;
-                                case "multipleImage":
-                                    var urlList_1 = [];
-                                    var combinedList = [];
-                                    if (eachValue)
-                                        combinedList = Array.isArray(eachValue)
-                                            ? eachValue
-                                            : __spreadArray(__spreadArray([], eachValue === null || eachValue === void 0 ? void 0 : eachValue.data, true), eachValue === null || eachValue === void 0 ? void 0 : eachValue.upload, true);
-                                    combinedList.map(function (eachImage) {
-                                        var _a, _b;
-                                        var url;
-                                        if (typeof eachImage.fileName === "string") {
-                                            url = (0, blobModule_1.renderImageUrlFromPath)(devSettings.imageEndpoint, model_2.imageCollectionName + "%2F" + props.id, eachListObject.id +
-                                                "%2F" +
-                                                eachObject.id +
-                                                "%2F" +
-                                                eachKey, (_a = eachImage === null || eachImage === void 0 ? void 0 : eachImage.fileName) !== null && _a !== void 0 ? _a : "", (_b = eachImage === null || eachImage === void 0 ? void 0 : eachImage.token) !== null && _b !== void 0 ? _b : "", devSettings.bucketName);
-                                        }
-                                        else if (eachImage.fileName instanceof File) {
-                                            url = URL.createObjectURL(eachImage.fileName);
-                                        }
-                                        if (url)
-                                            urlList_1.push(url);
-                                        return null;
-                                    });
-                                    if (urlList_1.length) {
-                                        eachNewList[eachKey] = (react_1.default.createElement("div", { className: "flex gap-x-2" }, urlList_1.map(function (eachUrl, index) { return (react_1.default.createElement("img", { key: index, src: eachUrl, alt: "list-obj-multi-img-".concat(eachUrl), className: "object-contain w-10 h-10" })); })));
-                                        eachNewTable[eachKey] = (react_1.default.createElement("div", { className: "flex gap-x-2" }, urlList_1.map(function (eachUrl, index) { return (react_1.default.createElement("img", { key: index, src: eachUrl, alt: "list-obj-multi-img-".concat(eachUrl), className: "object-contain w-10 h-10" })); })));
-                                    }
-                                    break;
-                                case "file":
-                                case "multipleFile":
-                                    var fileElement = react_1.default.createElement(react_1.default.Fragment, null);
-                                    if (model_2.type === "file") {
-                                        if (eachValue)
-                                            fileElement = react_1.default.createElement("p", null, "1 file");
-                                    }
-                                    else {
-                                        var fileCount = Array.isArray(eachValue)
-                                            ? eachValue.length
-                                            : 0;
-                                        fileElement = react_1.default.createElement("p", null, "".concat(fileCount, " file(s)"));
-                                    }
-                                    eachNewList[eachKey] = fileElement;
-                                    eachNewTable[eachKey] = fileElement;
-                                    break;
-                                case "reference":
-                                    if (referencesOptions[eachListObject.id + "." + model_2.id]) {
-                                        var selectedReferences = referencesOptions[eachListObject.id + "." + model_2.id].find(function (eachOption) { return eachOption.key === eachValue; });
-                                        eachNewList[eachKey] =
-                                            (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) === "id"
-                                                ? (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) +
-                                                    " : " +
-                                                    (eachValue ? (_a = selectedReferences === null || selectedReferences === void 0 ? void 0 : selectedReferences.label) !== null && _a !== void 0 ? _a : " - " : " ")
-                                                : eachValue
-                                                    ? (_b = selectedReferences === null || selectedReferences === void 0 ? void 0 : selectedReferences.label) !== null && _b !== void 0 ? _b : " - "
-                                                    : " ";
-                                        eachNewTable[eachKey] = selectedReferences === null || selectedReferences === void 0 ? void 0 : selectedReferences.label;
-                                    }
-                                    break;
-                                case "listReference":
-                                    var refLabelList_1 = [];
-                                    if (referencesOptions[eachListObject.id + "." + model_2.id]) {
-                                        if (eachValue && Array.isArray(eachValue)) {
-                                            eachValue.map(function (eachRefValue) {
-                                                var _a;
-                                                var selectedReferences = referencesOptions[eachListObject.id + "." + model_2.id].find(function (eachOption) { return eachOption.key === eachRefValue; });
-                                                refLabelList_1.push((_a = selectedReferences === null || selectedReferences === void 0 ? void 0 : selectedReferences.label) !== null && _a !== void 0 ? _a : "-");
-                                                return null;
-                                            });
-                                        }
-                                    }
-                                    var refLabels = refLabelList_1.length > 0 ? refLabelList_1.join(",") : "-";
-                                    eachNewList[eachKey] =
-                                        (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) === "id"
-                                            ? (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) + " : " + (eachValue ? refLabels : "")
-                                            : eachValue
-                                                ? refLabels
-                                                : " ";
-                                    break;
-                                case "date":
-                                    if (eachValue) {
-                                        var timeStamp = isFirebase && (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
-                                            ? (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"]) * 1000
-                                            : eachValue;
-                                        eachNewList[eachKey] =
-                                            (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) +
-                                                " : " +
-                                                (0, moment_1.default)(timeStamp).format("DD/MM/YYYY h:mm a");
-                                        eachNewTable[eachKey] =
-                                            (0, moment_1.default)(timeStamp).format("DD/MM/YYYY h:mm a");
-                                    }
-                                    else {
-                                        eachNewList[eachKey] = (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) + " : -";
-                                    }
-                                    break;
-                                case "address":
-                                case "object":
-                                    break;
-                                default:
-                                    if (eachKey === "id" && typeof eachValue === "string") {
-                                        eachNewList[eachKey] = eachValue;
-                                        eachNewTable[eachKey] = eachValue;
-                                    }
-                                    else {
-                                        eachNewList[eachKey] = (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) + " : " + eachValue;
-                                        eachNewTable[eachKey] = eachValue;
-                                    }
-                                    break;
-                            }
-                        }
-                    };
-                    for (var _i = 0, _c = Object.entries(eachObject); _i < _c.length; _i++) {
-                        var _d = _c[_i], eachKey = _d[0], eachValue = _d[1];
-                        _loop_3(eachKey, eachValue);
-                    }
-                    if (!checkIdExists_1) {
-                        delete eachNewList["id"];
-                        delete eachNewList["_id"];
-                    }
-                    if (list === null || list === void 0 ? void 0 : list[eachListObject.id])
-                        list[eachListObject.id].push(eachNewList);
-                    else
-                        list[eachListObject.id] = [eachNewList];
-                    if (listObjTableData === null || listObjTableData === void 0 ? void 0 : listObjTableData[eachListObject.id])
-                        listObjTableData[eachListObject.id].push(eachNewTable);
-                    else
-                        listObjTableData[eachListObject.id] = [eachNewTable];
-                    return null;
-                });
-                var useTable = ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.listObjectTableView) ||
-                    eachListObject.listObjectTableView;
-                if (!list[eachListObject.id] && type === "update") {
-                    if (useTable) {
-                        listElement.push(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(table_1.Table, { loading: false, data: [], className: "w-full", header: eachListObjTableHeaders })));
-                    }
-                    else {
-                        listElement.push(react_1.default.createElement(react_1.default.Fragment, null,
-                            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())))));
-                    }
-                }
-                else {
-                    if (list[eachListObject.id]) {
-                        listElement.push(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("div", { className: "flex flex-col space-y-2" }, useTable ? (react_1.default.createElement(table_1.Table, { loading: false, data: (_e = listObjTableData[eachListObject.id]) !== null && _e !== void 0 ? _e : [], onClickRow: function (id, index) {
-                                    handleSelectListObjectData(id, eachListObject.id, index);
-                                }, className: "w-full", header: eachListObjTableHeaders })) : (react_1.default.createElement(list_1.List, { className: "my-5", list: (_f = list[eachListObject.id]) !== null && _f !== void 0 ? _f : [], showId: checkIdExists_1, loading: false, onClickRow: function (id, index) {
-                                    handleSelectListObjectData(id, eachListObject.id, index);
-                                } })))));
-                    }
-                }
-            }
+            var _a, _b;
+            listElement.push((0, updateModule_1.renderEachListObject)(type, eachListObject.id, props.model, clonedSelectedData, (_a = props.id) !== null && _a !== void 0 ? _a : "", remainId, props.onComplete ? true : false, ((_b = props.organise) === null || _b === void 0 ? void 0 : _b.listObjectTableView) ? true : false, props.devSettings, handleSelectListObjectData, referencesOptions, setSelectedObjectStructureId, handlePopUpModal));
             return null;
         });
         return listElement;
@@ -4508,7 +4292,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Render Utils
     //=====================================================================================
     var renderDataTemplateFormContent = function (state, model, ref, isObject, isObjectList, modalInput, parentData) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return (0, updateModule_1.renderDataTemplateForm)(state, model, ref, {
             handleOnChangeAddress: handleOnChangeAddress,
             handleOnChangeText: handleOnChangeText,
@@ -4528,6 +4312,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             },
             type: props.type,
             showId: showId,
+            remainId: remainId,
             groupIdCollapsible: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.groupIdCollapsible,
         }, {
             dbModule: dbModule,
@@ -4547,11 +4332,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             selectedObjectId: selectedObjectId,
             selectedObjectStructureId: selectedObjectStructureId,
             parentData: parentData,
+            organiseListObjTableView: ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.listObjectTableView)
+                ? true
+                : false,
             setSelectedObjectStructureId: setSelectedObjectStructureId,
             setSelectedObjectData: setSelectedObjectData,
             handlePopUpModal: handlePopUpModal,
+            handleSelectListObjectData: handleSelectListObjectData,
             renderObjectTags: renderObjectTags,
-        }, { signing: signatureSigning, setSigning: setSignatureSigning }, props.onComplete ? true : false, (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareUpdateOneColumn, (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareSelectCustomBtns);
+        }, { signing: signatureSigning, setSigning: setSignatureSigning }, props.onComplete ? true : false, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareOffline, (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateOneColumn, (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareSelectCustomBtns);
     };
     var renderGridAndListData = function (imageTag, type, kanbanGroupId, useColumnName) {
         var _a, _b;