blixify-ui-web 0.2.45 → 0.2.47

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;AAO1B,eAAO,MAAM,YAAY,mFA+jJvB,CAAC"}
+{"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"}

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

@@ -130,6 +130,7 @@ 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)();
@@ -302,7 +303,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     }, [props.type, props.id]);
     (0, react_1.useEffect)(function () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (!selectedTab) {
             var currentTab = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) === null || _b === void 0 ? void 0 : _b.find(function (eachTab) { var _a; return (0, utils_1.lowercaseTextToId)(eachTab.name) === ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId); });
             if (currentTab) {
@@ -321,6 +322,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         viewImage: currentTab.viewImage,
                         calendarSettings: (_c = currentTab.calendarSettings) !== null && _c !== void 0 ? _c : undefined,
                         feedsSettings: (_d = currentTab.feedsSettings) !== null && _d !== void 0 ? _d : undefined,
+                        mapSettings: (_e = currentTab.mapSettings) !== null && _e !== void 0 ? _e : undefined,
                     });
                     if (listRQueryHocRef.current)
                         listRQueryHocRef.current.handleRefresh();
@@ -475,7 +477,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             sort: handleReadQueryHocSort(query),
             limit: limit,
         };
-        if (calendarSettings) {
+        if (calendarSettings || (selectedTab && selectedTab.viewType === "map")) {
             cond.limit = undefined;
             cond.stopLimit = true;
         }
@@ -2870,7 +2872,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_d = props.organise) === null || _d === void 0 ? void 0 : _d.extendedTabs) &&
             ((_e = props.organise.extendedTabs) === null || _e === void 0 ? void 0 : _e.length) > 0) {
             (_f = props.organise) === null || _f === void 0 ? void 0 : _f.extendedTabs.map(function (eachTab) {
-                var _a, _b;
+                var _a, _b, _c;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(props.type, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -2884,6 +2886,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     viewImage: eachTab.viewImage,
                     calendarSettings: (_a = eachTab.calendarSettings) !== null && _a !== void 0 ? _a : undefined,
                     feedsSettings: (_b = eachTab.feedsSettings) !== null && _b !== void 0 ? _b : undefined,
+                    mapSettings: (_c = eachTab.mapSettings) !== null && _c !== void 0 ? _c : undefined,
                 };
                 if (eachTab.viewType === "iframe")
                     tabData["iframeSrc"] = eachTab.src;
@@ -3478,6 +3481,74 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement("div", { className: "my-10" }),
                     contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
             }
+            else if (selectedTabData.viewType === "map") {
+                var mapSettings_1 = selectedTabData.mapSettings;
+                if (mapSettings_1) {
+                    var mapMarkerList_1 = [];
+                    var uniqueGroupList_1 = [];
+                    var markerColorMap_1 = {};
+                    var markerColorList_1 = [
+                        "red",
+                        "blue",
+                        "green",
+                        "yellow",
+                        "orange",
+                        "purple",
+                    ];
+                    if (mapSettings_1.group) {
+                        spaceTableData.map(function (eachData) {
+                            if (eachData[mapSettings_1.group] &&
+                                !uniqueGroupList_1.includes(eachData[mapSettings_1.group])) {
+                                uniqueGroupList_1.push(eachData[mapSettings_1.group]);
+                            }
+                            return null;
+                        });
+                        uniqueGroupList_1.forEach(function (group, index) {
+                            var colorIndex = index % markerColorList_1.length;
+                            markerColorMap_1[group] = markerColorList_1[colorIndex];
+                        });
+                    }
+                    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)));
+                    };
+                    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";
+                        if (eachData[mapSettings_1.address]) {
+                            mapMarkerList_1.push({
+                                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,
+                                    lng: (_d = (_c = eachData[mapSettings_1.address]) === null || _c === void 0 ? void 0 : _c.lng) !== null && _d !== void 0 ? _d : 0,
+                                },
+                                color: eachMarkerColor,
+                                data: {
+                                    title: mapSettings_1.title
+                                        ? (_e = eachData[mapSettings_1.title]) !== null && _e !== void 0 ? _e : ""
+                                        : "",
+                                    address: (_g = (_f = eachData[mapSettings_1.address]) === null || _f === void 0 ? void 0 : _f.name) !== null && _g !== void 0 ? _g : "",
+                                    group: mapSettings_1.group
+                                        ? (_h = eachData[mapSettings_1.group]) !== null && _h !== void 0 ? _h : ""
+                                        : "",
+                                },
+                            });
+                        }
+                        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 () {
+                                handleGenerateDeletePasscode();
+                                setDeleteModal(true);
+                            } })));
+                }
+                else
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }