iticket-seatingplan-dev 1.2.0 → 1.2.2

package/dist/components/SeatingPlan.js

@@ -287,8 +287,25 @@ const SeatingPlan = _ref => {
       }));
     }
   }, [chosenSeat, processing]);
+  const calculateCenterOfMap = (height, seats) => {
+    const filteredSeats = seats.filter(price => price.psId === priceSectionId);
+    const avgY = filteredSeats.reduce((acc, val) => {
+      return acc + val.y / filteredSeats.length;
+    }, 0);
+    const avgX = filteredSeats.reduce((acc, val) => {
+      return acc + val.x / filteredSeats.length;
+    }, 0);
+    return [height * 0.05 - avgY / (height > 800 ? height > 999 ? 3.5 : 3.3 : 3.35) - (height > 800 ? height > 999 ? height * 0.0201 : height * 0.0198 : height * 0.0206), avgX * 0.3 + 0.15];
+  };
+  const determineZoom = seats => {
+    const filteredSeats = seats.filter(price => price.psId === priceSectionId);
+    const x = filteredSeats.map(fs => fs.x);
+    const y = filteredSeats.map(fs => fs.y);
+    const maxX = Math.max(...x) - Math.min(...x);
+    const maxY = Math.max(...y) - Math.min(...y);
+    if (maxY > 67.5) return 4;else return 6;
+  };
 
-  // console.log(height, width)
   // return seating plan
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -297,10 +314,14 @@ const SeatingPlan = _ref => {
     }
   }, error ? /*#__PURE__*/_react.default.createElement("div", {
     className: "loading"
-  }, /*#__PURE__*/_react.default.createElement("h1", null, "OOPS!"), /*#__PURE__*/_react.default.createElement("div", null, error.response.data.message)) : position && area === areaId ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, height, "xxx", width / height * 0.01, /*#__PURE__*/_react.default.createElement(_reactLeaflet.MapContainer, {
-    whenReady: setMap,
-    center: [height * 0.015, width * 0.015],
-    zoom: 6,
+  }, /*#__PURE__*/_react.default.createElement("h1", null, "OOPS!"), /*#__PURE__*/_react.default.createElement("div", null, error.response.data.message)) : position && area === areaId ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLeaflet.MapContainer, {
+    whenReady: setMap
+    // center={[height * 0.015, width * 0.015]}
+    ,
+    center: calculateCenterOfMap(height, seats.seats)
+    // zoom={6}
+    ,
+    zoom: determineZoom(seats.seats),
     zoomControl: true,
     scrollWheelZoom: true,
     style: {
@@ -381,7 +402,7 @@ const SeatingPlan = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
     title: "Re-centre Seating Plan",
-    onClick: () => map.target.setView([height * 0.015, width * 0.015], 6),
+    onClick: () => map.target.setView(calculateCenterOfMap(height, seats.seats), determineZoom(seats.seats)),
     className: "leaflet-control-zoom-in",
     style: {
       border: 'none',

package/package.json

@@ -2,7 +2,7 @@
   "name": "iticket-seatingplan-dev",
   "description": "Seating plan with FLEXi pricing",
   "author": "gedwyne",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "private": false,
   "keywords": [
     "iticket",