iticket-seatingplan-dev 1.8.6 → 1.8.7

package/dist/components/Control.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _leaflet = _interopRequireDefault(require("leaflet"));
+var _react = _interopRequireDefault(require("react"));
+var _reactLeaflet = require("react-leaflet");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const POSITION_CLASSES = {
+  bottomleft: "leaflet-bottom leaflet-left",
+  bottomright: "leaflet-bottom leaflet-right",
+  topleft: "leaflet-top leaflet-left",
+  topright: "leaflet-top leaflet-right"
+};
+const Control = props => {
+  var _props$container;
+  const [portalRoot, setPortalRoot] = _react.default.useState(document.createElement("div"));
+  const positionClass = props.position && POSITION_CLASSES[props.position] || POSITION_CLASSES.topright;
+  const controlContainerRef = /*#__PURE__*/_react.default.createRef();
+  const map = (0, _reactLeaflet.useMap)();
+
+  /**
+   * Whenever the control container ref is created,
+   * Ensure the click / scroll propagation is removed
+   * This way click/scroll events do not bubble down to the map
+   */
+  _react.default.useEffect(() => {
+    if (controlContainerRef.current !== null) {
+      _leaflet.default.DomEvent.disableClickPropagation(controlContainerRef.current);
+      _leaflet.default.DomEvent.disableScrollPropagation(controlContainerRef.current);
+    }
+  }, [controlContainerRef]);
+
+  /**
+   * Whenever the position is changed, go ahead and get the container of the map and the first
+   * instance of the position class in that map container
+   * Fixes #17
+   */
+  _react.default.useEffect(() => {
+    const mapContainer = map.getContainer();
+    const targetDiv = mapContainer.getElementsByClassName(positionClass);
+    setPortalRoot(targetDiv[0]);
+  }, [positionClass]);
+
+  /**
+   * Whenever the portal root is complete,
+   * append or prepend the control container to the portal root
+   */
+  _react.default.useEffect(() => {
+    if (portalRoot !== null) {
+      if (props.prepend !== undefined && props.prepend === true) {
+        portalRoot.prepend(controlContainerRef.current);
+      } else {
+        portalRoot.append(controlContainerRef.current);
+      }
+    }
+  }, [portalRoot, props.prepend, controlContainerRef]);
+
+  /**
+   * Concatenate the props.container className to the class of the control div
+   */
+  const className = (((_props$container = props.container) === null || _props$container === void 0 || (_props$container = _props$container.className) === null || _props$container === void 0 ? void 0 : _props$container.concat(" ")) || "") + "leaflet-control";
+
+  /**
+   * Render
+   */
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props.container, {
+    ref: controlContainerRef,
+    className: className
+  }), props.children);
+};
+var _default = exports.default = Control;

package/dist/components/Map.js

@@ -420,7 +420,7 @@ function SeatMap(_ref) {
     isReloading: isReloading,
     hasMembershipSeats: (seats === null || seats === void 0 || (_seats$seats2 = seats.seats) === null || _seats$seats2 === void 0 ? void 0 : _seats$seats2.filter(seat => seat.m).length) > 0,
     hasBookedSeats: (bookedSeats === null || bookedSeats === void 0 ? void 0 : bookedSeats.length) > 0
-  }), /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
+  }), (seats === null || seats === void 0 ? void 0 : seats.background) && /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
     url: seats === null || seats === void 0 ? void 0 : seats.background,
     bounds: [[0, 0], [height * 0.03, width * 0.03]],
     zIndex: 10

package/dist/components/SeatingPlan.js

@@ -473,8 +473,6 @@ const SeatingPlan = _ref => {
           throw new Error("Something went wrong. Please try again or contact support.");
         }
       }
-      const img = new Image();
-      img.src = data.background;
       setBookedSeats(data.seats.filter(s => s.s === _utils.statuses.USER_PENDING && s.bookedPrice === price).map(s => ({
         ssId: s.ssId,
         r: s.r,
@@ -485,18 +483,29 @@ const SeatingPlan = _ref => {
         pId: s.pId,
         paName: s.paName
       })));
-      img.onload = () => {
-        const imgSouthwest = [0, 0];
-        const imgNortheast = [img.height * 0.015, img.width * 0.015];
-        setBounds([imgSouthwest, imgNortheast]);
-        setPosition([img.height * 0.005, img.width * 0.005]);
-        setHeight(img.height * 0.5);
-        setWidth(img.width * 0.5);
+      const img = new Image();
+      const setupSeats = (height, width) => {
+        const southwest = [0, 0];
+        const northeast = [height * 0.015, width * 0.015];
+        setBounds([southwest, northeast]);
+        setPosition([height * 0.005, width * 0.005]);
+        setHeight(height * 0.5);
+        setWidth(width * 0.5);
         setSeats(data);
         if (data.preventOrphanedSeats && !isReload) {
           setSelectQuantityPopupOpen(true);
         }
       };
+      if (data.background) {
+        img.src = data.background;
+        img.onload = () => {
+          setupSeats(img.height, img.width);
+        };
+      } else {
+        const estHeight = 800;
+        const estWidth = 800;
+        setupSeats(estHeight, estWidth);
+      }
       setIsReloading(false);
     } catch (error) {
       var _error$message;

package/package.json

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