blixify-ui-web 0.2.47 → 0.2.49

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

@@ -55,6 +55,7 @@ export interface DataTemplateProps extends LinkProps {
         Menu: any;
         Transition: any;
         papaParser?: any;
+        Browser?: any;
     };
     devSettings: DevSettings;
     bareSettings?: BareSettings;

package/lib/components/data/dataTemplate/dataStateModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataStateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dataStateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":"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"}

package/lib/components/data/dataTemplate/dataStateModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataStateModel.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":";;;AA6Fa,QAAA,gBAAgB,GAAkB;IAC7C;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;KACf;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}
+{"version":3,"file":"dataStateModel.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":";;;AA8Fa,QAAA,gBAAgB,GAAkB;IAC7C;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;KACf;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}

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":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAsDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAQ1B,eAAO,MAAM,YAAY,mFA2pJvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAuDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFA66JvB,CAAC"}

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

@@ -106,10 +106,12 @@ var feeds_1 = require("../../display/feeds");
 var grid_1 = require("../../display/grid");
 var list_1 = require("../../display/list");
 var loading_1 = require("../../display/loading");
+var mapView_1 = require("../../display/mapView");
 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 address_1 = require("../../input/address");
 var form_1 = require("../../input/form");
 var select_1 = require("../../input/select");
 var textInput_1 = require("../../input/textInput");
@@ -130,11 +132,12 @@ var dataStateModel_1 = require("./dataStateModel");
 var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
 var settingsModal_1 = require("./settingsModal");
-var mapView_1 = require("../../display/mapView");
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
+    var listAddressFromRef = (0, react_1.createRef)();
+    var listAddressInputRef = (0, react_1.createRef)();
     var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
     var batchUpdateFormRef = (0, react_1.createRef)();
     var batchUpdateColumnIdRef = (0, react_1.createRef)();
@@ -143,6 +146,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var readQueryHocRef = (0, react_1.useRef)();
     var listRQueryHocRef = (0, react_1.useRef)();
     var typingTimeout = (0, react_1.useRef)();
+    var mapViewRef = (0, react_1.useRef)();
     var _t = (0, react_1.useState)(false), loading = _t[0], setLoading = _t[1];
     var _u = (0, react_1.useState)(), notification = _u[0], setNotification = _u[1];
     //INFO : Used by List
@@ -202,15 +206,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _38 = (0, react_1.useState)({}), selectedData = _38[0], setSelectedData = _38[1];
     var _39 = (0, react_1.useState)(""), selectedObjectStructureId = _39[0], setSelectedObjectStructureId = _39[1];
     var _40 = (0, react_1.useState)(""), selectedObjectId = _40[0], setSelectedObjectId = _40[1];
-    var _41 = (0, react_1.useState)({}), selectedObjectData = _41[0], setSelectedObjectData = _41[1];
-    var _42 = (0, react_1.useState)(false), referenceLoading = _42[0], setReferenceLoading = _42[1];
-    var _43 = (0, react_1.useState)({}), referencesOptions = _43[0], setReferencesOptions = _43[1];
-    var _44 = (0, react_1.useState)({}), referenceDeleteTableData = _44[0], setReferenceDeleteTableData = _44[1];
-    var _45 = (0, react_1.useState)(0), referenceDeleteIndex = _45[0], setReferenceDeleteIndex = _45[1];
-    var _46 = (0, react_1.useState)({}), referenceModelSchema = _46[0], setReferenceSchema = _46[1];
+    var _41 = (0, react_1.useState)(""), selectedListAddressId = _41[0], setSelectedListAddressId = _41[1];
+    var _42 = (0, react_1.useState)({
+        lat: 0,
+        lng: 0,
+        name: "",
+    }), selectedListAddress = _42[0], setSelectedListAddress = _42[1];
+    var _43 = (0, react_1.useState)({}), selectedObjectData = _43[0], setSelectedObjectData = _43[1];
+    var _44 = (0, react_1.useState)(false), referenceLoading = _44[0], setReferenceLoading = _44[1];
+    var _45 = (0, react_1.useState)({}), referencesOptions = _45[0], setReferencesOptions = _45[1];
+    var _46 = (0, react_1.useState)({}), referenceDeleteTableData = _46[0], setReferenceDeleteTableData = _46[1];
+    var _47 = (0, react_1.useState)(0), referenceDeleteIndex = _47[0], setReferenceDeleteIndex = _47[1];
+    var _48 = (0, react_1.useState)({}), referenceModelSchema = _48[0], setReferenceSchema = _48[1];
     //INFO : Offline
-    var _47 = (0, react_1.useState)(0), offlineDataLength = _47[0], setOfflineDataLength = _47[1];
-    var _48 = (0, react_1.useState)(false), offlineModal = _48[0], setOfflineModal = _48[1];
+    var _49 = (0, react_1.useState)(0), offlineDataLength = _49[0], setOfflineDataLength = _49[1];
+    var _50 = (0, react_1.useState)(false), offlineModal = _50[0], setOfflineModal = _50[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var isFirebaseClient = devSettings.server === "firebase";
@@ -272,6 +282,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         handleRefresh: handleRefresh,
         handleFormSubmit: handleFormSubmit,
+        handleFormCheck: handleFormCheck,
         handlePopUpModal: handlePopUpModal,
     }); });
     (0, react_1.useEffect)(function () {
@@ -1251,6 +1262,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }))];
                 case 12:
                     _f.sent();
+                    if (mapViewRef.current)
+                        mapViewRef.current.handleClearPolygons();
                     _f.label = 13;
                 case 13: return [3 /*break*/, 15];
                 case 14:
@@ -1598,6 +1611,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         setSelectedIds([]);
                         setModalVisible(false);
                         setBatchUpdateModal(false);
+                        if (selectedTab.viewType === "map" && mapViewRef.current) {
+                            mapViewRef.current.handleClearPolygons();
+                        }
                     }
                     return [3 /*break*/, 6];
                 case 2:
@@ -1636,8 +1652,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     })];
                 case 5:
                     res = _c.sent();
-                    if (res)
+                    if (res) {
                         handleRefresh(false);
+                        if (selectedTab.viewType === "map" && mapViewRef.current) {
+                            mapViewRef.current.handleClearPolygons();
+                        }
+                    }
                     _c.label = 6;
                 case 6: return [3 /*break*/, 8];
                 case 7:
@@ -1927,6 +1947,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         });
     }); };
+    var handleFormCheck = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var condition;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, ((_a = formRef.current) === null || _a === void 0 ? void 0 : _a.handleCheckValidation())];
+                case 1:
+                    condition = _b.sent();
+                    if (condition)
+                        return [2 /*return*/, selectedData];
+                    else
+                        return [2 /*return*/, null];
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
         var res, err_14;
         var _a, _b, _c, _d, _e;
@@ -1973,9 +2009,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleRetrieveSelectedData = function (responseData) { return __awaiter(void 0, void 0, void 0, function () {
         var clonedReferencesOptions_1, dummyRespData, dummyReferenceModelSchema, newRespData, _a;
-        var _b, _c, _d, _e, _f, _g;
-        return __generator(this, function (_h) {
-            switch (_h.label) {
+        var _b, _c, _d, _e, _f, _g, _h;
+        return __generator(this, function (_j) {
+            switch (_j.label) {
                 case 0:
                     if (!responseData.data) return [3 /*break*/, 6];
                     if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 2];
@@ -1998,7 +2034,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 1:
-                    _h.sent();
+                    _j.sent();
                     setReferencesOptions(clonedReferencesOptions_1);
                     return [3 /*break*/, 6];
                 case 2:
@@ -2008,20 +2044,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     return [4 /*yield*/, (0, readModule_1.handleRetrieveDeepModel)(dummyRespData, (_d = props.model) !== null && _d !== void 0 ? _d : [], dbModule, devSettings, {
                             assetParentId: (_e = props.id) !== null && _e !== void 0 ? _e : "",
                             bucketName: (_f = devSettings.bucketName) !== null && _f !== void 0 ? _f : "",
-                        }, dummyReferenceModelSchema, setReferenceSchema)];
+                        }, dummyReferenceModelSchema, setReferenceSchema, (_g = props.lib) === null || _g === void 0 ? void 0 : _g.Browser)];
                 case 3:
-                    _a = _h.sent();
+                    _a = _j.sent();
                     return [3 /*break*/, 5];
                 case 4:
                     _a = dummyRespData;
-                    _h.label = 5;
+                    _j.label = 5;
                 case 5:
                     newRespData = _a;
                     setSelectedData(newRespData);
-                    if ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadHandleData)
+                    if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadHandleData)
                         props.bareSettings.bareReadHandleData(newRespData);
                     (0, updateModule_1.handleRetrieveReferenceOptions)(newRespData, props.model, dbModule, devSettings, setReferencesOptions);
-                    _h.label = 6;
+                    _j.label = 6;
                 case 6:
                     setModalVisible(false);
                     setLoading(false);
@@ -2615,6 +2651,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             if (eachAttribute.id === "baseUpdatedAt" ||
                 eachAttribute.id === "baseDraft" ||
                 eachAttribute.type === "listObject" ||
+                eachAttribute.type === "listAddress" ||
                 eachAttribute.type === "file" ||
                 eachAttribute.type === "multipleFile" ||
                 eachAttribute.type === "markdown" ||
@@ -2685,6 +2722,76 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
         return detailList;
     };
+    var renderListAddressTable = function (data, fieldsId) {
+        var listAddressTable = [];
+        data.map(function (eachDataTable, index) {
+            listAddressTable.push(__assign(__assign({}, eachDataTable), { del: (react_1.default.createElement(outline_1.TrashIcon, { className: "w-5 text-red-600 cursor-pointer", onClick: function (event) {
+                        var _a;
+                        event.preventDefault();
+                        event.stopPropagation();
+                        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server);
+                        (_a = clonedSelectedData[fieldsId]) === null || _a === void 0 ? void 0 : _a.splice(index, 1);
+                        setSelectedData(clonedSelectedData);
+                    } })) }));
+            return null;
+        });
+        return listAddressTable;
+    };
+    var renderListAddress = function (type) {
+        var listElement = [];
+        var isListAddress = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listAddress"; });
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId ? true : false);
+        isListAddress.map(function (eachListAdressFields) {
+            var _a;
+            var header = [
+                {
+                    key: "name",
+                    title: "Name",
+                },
+                {
+                    key: "lat",
+                    title: "Latitude",
+                },
+                {
+                    key: "lng",
+                    title: "Longitude",
+                },
+            ];
+            if (type === "update") {
+                header.push({
+                    key: "del",
+                    title: "Delete",
+                });
+            }
+            if (props.onComplete &&
+                eachListAdressFields.hideForm &&
+                eachListAdressFields.optional) {
+                return null;
+            }
+            else if ((clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) &&
+                Array.isArray(clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id])) {
+                listElement.push(react_1.default.createElement(react_1.default.Fragment, null, !(clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.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 () {
+                        setSelectedListAddressId(eachListAdressFields.id);
+                        setModalVisible(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(eachListAdressFields.name.toLocaleLowerCase())))) : (react_1.default.createElement(react_1.default.Fragment, null, (clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.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" }, eachListAdressFields.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 () {
+                                setSelectedListAddressId(eachListAdressFields.id);
+                                setModalVisible(true);
+                            } }))),
+                    react_1.default.createElement(table_1.Table, { data: renderListAddressTable((_a = clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) !== null && _a !== void 0 ? _a : [], eachListAdressFields.id), header: header, loading: false })))))));
+            }
+            return null;
+        });
+        return listElement;
+    };
     var renderListObject = function (type) {
         var listElement = [];
         var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
@@ -3005,6 +3112,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
                         ((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateComponent) &&
                             ((_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareUpdateComponent(selectedData))),
+                    react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
                     isBottom && renderActionButtons(props.type)));
             case "list":
@@ -3303,6 +3411,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadReferenceView)
                             ? props.bareSettings.bareReadReferenceView
                             : undefined }),
+                    react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(dataType)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
             }
         }
@@ -3488,7 +3597,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     var uniqueGroupList_1 = [];
                     var markerColorMap_1 = {};
                     var markerColorList_1 = [
-                        "red",
                         "blue",
                         "green",
                         "yellow",
@@ -3508,19 +3616,35 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             markerColorMap_1[group] = markerColorList_1[colorIndex];
                         });
                     }
-                    var InfoWindowContent = function (id, data) {
+                    var infoWindowContent = function (id, data) {
                         return (react_1.default.createElement("div", { key: id, className: "w-72 break-words font-normal" },
-                            react_1.default.createElement("p", { className: "text-primary-500 font-semibold text-base" }, data.title),
                             react_1.default.createElement("p", { className: "text-primary-500 font-semibold text-sm" }, data.group),
-                            react_1.default.createElement("p", { className: "text-sm" }, data.address)));
+                            react_1.default.createElement("p", { className: "text-sm" }, data.address),
+                            react_1.default.createElement("hr", { className: "my-4" }),
+                            Object.keys(data)
+                                .filter(function (eachKey) {
+                                return eachKey !== "title" &&
+                                    eachKey !== "address" &&
+                                    eachKey !== "group";
+                            })
+                                .map(function (eachKey) { return (react_1.default.createElement("p", { key: eachKey, className: "text-sm" },
+                                eachKey,
+                                ": ",
+                                data[eachKey])); })));
+                    };
+                    var infoWindowHeaderComponent = function (_, data) {
+                        return (react_1.default.createElement("p", { className: "text-primary-500 font-semibold text-base" }, data.title));
                     };
                     spaceTableData.map(function (eachData) {
                         var _a, _b, _c, _d, _e, _f, _g, _h;
-                        var eachMarkerColor = mapSettings_1.group
-                            ? markerColorMap_1[eachData[mapSettings_1.group]] || "red"
-                            : "red";
+                        var eachMarkerColor = "red";
+                        if (mapSettings_1.group) {
+                            if (eachData[mapSettings_1.group]) {
+                                eachMarkerColor = markerColorMap_1[eachData[mapSettings_1.group]];
+                            }
+                        }
                         if (eachData[mapSettings_1.address]) {
-                            mapMarkerList_1.push({
+                            var markerData_1 = {
                                 id: eachData.id,
                                 coord: {
                                     lat: (_b = (_a = eachData[mapSettings_1.address]) === null || _a === void 0 ? void 0 : _a.lat) !== null && _b !== void 0 ? _b : 0,
@@ -3536,12 +3660,24 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         ? (_h = eachData[mapSettings_1.group]) !== null && _h !== void 0 ? _h : ""
                                         : "",
                                 },
+                            };
+                            Object.keys(eachData).forEach(function (eachKey) {
+                                if (!markerData_1.data.hasOwnProperty(eachKey) &&
+                                    eachKey !== "id" &&
+                                    eachKey !== "_id" &&
+                                    eachKey !== "update" &&
+                                    eachKey !== mapSettings_1.title &&
+                                    eachKey !== mapSettings_1.address &&
+                                    eachKey !== mapSettings_1.group) {
+                                    markerData_1["data"][eachKey] = eachData[eachKey];
+                                }
                             });
+                            mapMarkerList_1.push(markerData_1);
                         }
                         return null;
                     });
                     return (react_1.default.createElement("div", { className: "w-full h-[700px]" },
-                        react_1.default.createElement(mapView_1.MapView, { markerList: mapMarkerList_1, enableMapControl: true, enablePolygonSelect: true, infoWindowComponent: InfoWindowContent, handleSelectPolygon: function (ids) { return setSelectedIds(ids); }, handleUpdateOnClick: function () { return setBatchUpdateModal(true); }, handleDeleteOnClick: function () {
+                        react_1.default.createElement(mapView_1.MapView, { ref: mapViewRef, markerList: mapMarkerList_1, enableMapControl: true, enablePolygonSelect: true, infoWindowComponent: infoWindowContent, infoWindowHeaderComponent: infoWindowHeaderComponent, handleSelectPolygon: function (ids) { return setSelectedIds(ids); }, handleUpdateOnClick: function () { return setBatchUpdateModal(true); }, handleDeleteOnClick: function () {
                                 handleGenerateDeletePasscode();
                                 setDeleteModal(true);
                             } })));
@@ -3672,6 +3808,41 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         } }),
                     react_1.default.createElement(button_1.Button, { className: "ml-2", text: "Upload", type: "normal", onClick: handleUploadOfflineData }))));
         }
+        else if (selectedListAddressId) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(form_1.Form, { className: "grid grid-cols-1 gap-6 pb-20 mt-6", ref: listAddressFromRef, refList: [listAddressInputRef], handleComplete: function () {
+                        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server);
+                        clonedSelectedData[selectedListAddressId] = __spreadArray(__spreadArray([], clonedSelectedData[selectedListAddressId], true), [
+                            selectedListAddress,
+                        ], false);
+                        setSelectedData(clonedSelectedData);
+                        setSelectedListAddress({ lat: 0, lng: 0, name: "" });
+                        setSelectedListAddressId("");
+                        setModalVisible(false);
+                    }, disabledOnEnter: true },
+                    react_1.default.createElement(address_1.Address, { id: "", label: "Sub-Address", latLngEditModal: true, ref: listAddressInputRef, value: selectedListAddress, onChange: function (value) {
+                            setSelectedListAddress(value);
+                        } })),
+                react_1.default.createElement("div", { className: "flex justify-end pt-8" },
+                    selectedObjectId && props.type !== "read" && (react_1.default.createElement(button_1.Button, { className: "mr-5", text: "Delete", type: "danger", onClick: function () { } })),
+                    react_1.default.createElement(button_1.Button, { text: "".concat(props.type === "read" ? "Close" : "Submit"), type: "normal", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                            var _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!(props.type === "update")) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, ((_a = listAddressFromRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit())];
+                                    case 1:
+                                        _b.sent();
+                                        return [3 /*break*/, 3];
+                                    case 2:
+                                        handlePopUpModal(false);
+                                        _b.label = 3;
+                                    case 3: return [2 /*return*/];
+                                }
+                            });
+                        }); } }))));
+        }
         else {
             var filterObjectModel = props.model.find(function (eachModel) {
                 return eachModel.id === selectedObjectStructureId;