iticket-seatingplan-dev 1.7.3 → 1.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/HoverPopup.js +19 -17
- package/package.json +1 -1
- package/dist/components/Control.js +0 -75
|
@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = HoverPopup;
|
|
7
7
|
var _reactLeaflet = require("react-leaflet");
|
|
8
8
|
var _utils = require("../utils");
|
|
9
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
12
|
const offset = 10;
|
|
11
13
|
const numOnlyRgx = /^\d+$/;
|
|
12
14
|
function HoverPopup(_ref) {
|
|
@@ -61,7 +63,7 @@ function HoverPopup(_ref) {
|
|
|
61
63
|
}
|
|
62
64
|
return acc;
|
|
63
65
|
}, []).map(s => s.psName).join(", ") : hoveredSeat === null || hoveredSeat === void 0 ? void 0 : hoveredSeat.psName;
|
|
64
|
-
return /*#__PURE__*/
|
|
66
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
67
|
ref: ref,
|
|
66
68
|
className: "hover-popup",
|
|
67
69
|
style: {
|
|
@@ -72,49 +74,49 @@ function HoverPopup(_ref) {
|
|
|
72
74
|
// a way to have smooth animation when hovering over the same row
|
|
73
75
|
transitionDuration: prevHovered !== null && prevHovered !== void 0 && prevHovered.r && prevHovered.r === (hoveredSeat === null || hoveredSeat === void 0 ? void 0 : hoveredSeat.r) ? "100ms, 150ms, 150ms" : "100ms, 50ms, 50ms"
|
|
74
76
|
}
|
|
75
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
76
78
|
className: "hover-popup-content"
|
|
77
|
-
}, /*#__PURE__*/
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
78
80
|
className: "hover-popup-header"
|
|
79
|
-
}, /*#__PURE__*/
|
|
81
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
80
82
|
className: "hover-popup-row"
|
|
81
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
82
84
|
className: "hover-popup-header-title"
|
|
83
|
-
}, "ROW"), /*#__PURE__*/
|
|
85
|
+
}, "ROW"), /*#__PURE__*/_react.default.createElement("div", {
|
|
84
86
|
className: "row-name"
|
|
85
|
-
}, /*#__PURE__*/
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement("p", null, rowName))), /*#__PURE__*/_react.default.createElement("div", {
|
|
86
88
|
className: "hover-popup-column"
|
|
87
|
-
}, /*#__PURE__*/
|
|
89
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
88
90
|
className: "hover-popup-header-title"
|
|
89
|
-
}, "SEAT"), /*#__PURE__*/
|
|
91
|
+
}, "SEAT"), /*#__PURE__*/_react.default.createElement("div", {
|
|
90
92
|
className: "hover-popup-seats"
|
|
91
93
|
}, seatNames.map((s, i) => {
|
|
92
94
|
if (seatNames.length > 4) {
|
|
93
95
|
if (i === 3) {
|
|
94
|
-
return /*#__PURE__*/
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement("p", {
|
|
95
97
|
key: "".concat(s).concat(i),
|
|
96
98
|
className: "seat-name"
|
|
97
99
|
}, "...");
|
|
98
100
|
}
|
|
99
101
|
if (i < 2 || i === seatNames.length - 1) {
|
|
100
|
-
return /*#__PURE__*/
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement("p", {
|
|
101
103
|
key: "".concat(s).concat(i),
|
|
102
104
|
className: "seat-name"
|
|
103
105
|
}, s);
|
|
104
106
|
}
|
|
105
107
|
return null;
|
|
106
108
|
}
|
|
107
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/_react.default.createElement("p", {
|
|
108
110
|
key: "".concat(s).concat(i),
|
|
109
111
|
className: "seat-name"
|
|
110
112
|
}, s);
|
|
111
|
-
})))), /*#__PURE__*/
|
|
113
|
+
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
112
114
|
className: "hover-popup-price"
|
|
113
|
-
}, /*#__PURE__*/
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
114
116
|
className: "hover-popup-psname"
|
|
115
|
-
}, psName), /*#__PURE__*/
|
|
117
|
+
}, psName), /*#__PURE__*/_react.default.createElement("div", {
|
|
116
118
|
className: "hover-popup-divider"
|
|
117
|
-
}), /*#__PURE__*/
|
|
119
|
+
}), /*#__PURE__*/_react.default.createElement("p", {
|
|
118
120
|
className: "hover-popup-pricetext"
|
|
119
121
|
}, priceText))));
|
|
120
122
|
}
|
package/package.json
CHANGED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _leaflet = _interopRequireDefault(require("leaflet"));
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _reactLeaflet = require("react-leaflet");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
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); }
|
|
12
|
-
const POSITION_CLASSES = {
|
|
13
|
-
bottomleft: "leaflet-bottom leaflet-left",
|
|
14
|
-
bottomright: "leaflet-bottom leaflet-right",
|
|
15
|
-
topleft: "leaflet-top leaflet-left",
|
|
16
|
-
topright: "leaflet-top leaflet-right"
|
|
17
|
-
};
|
|
18
|
-
const Control = props => {
|
|
19
|
-
var _props$container;
|
|
20
|
-
const [portalRoot, setPortalRoot] = _react.default.useState(document.createElement("div"));
|
|
21
|
-
const positionClass = props.position && POSITION_CLASSES[props.position] || POSITION_CLASSES.topright;
|
|
22
|
-
const controlContainerRef = /*#__PURE__*/_react.default.createRef();
|
|
23
|
-
const map = (0, _reactLeaflet.useMap)();
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Whenever the control container ref is created,
|
|
27
|
-
* Ensure the click / scroll propagation is removed
|
|
28
|
-
* This way click/scroll events do not bubble down to the map
|
|
29
|
-
*/
|
|
30
|
-
_react.default.useEffect(() => {
|
|
31
|
-
if (controlContainerRef.current !== null) {
|
|
32
|
-
_leaflet.default.DomEvent.disableClickPropagation(controlContainerRef.current);
|
|
33
|
-
_leaflet.default.DomEvent.disableScrollPropagation(controlContainerRef.current);
|
|
34
|
-
}
|
|
35
|
-
}, [controlContainerRef]);
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Whenever the position is changed, go ahead and get the container of the map and the first
|
|
39
|
-
* instance of the position class in that map container
|
|
40
|
-
* Fixes #17
|
|
41
|
-
*/
|
|
42
|
-
_react.default.useEffect(() => {
|
|
43
|
-
const mapContainer = map.getContainer();
|
|
44
|
-
const targetDiv = mapContainer.getElementsByClassName(positionClass);
|
|
45
|
-
setPortalRoot(targetDiv[0]);
|
|
46
|
-
}, [positionClass]);
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Whenever the portal root is complete,
|
|
50
|
-
* append or prepend the control container to the portal root
|
|
51
|
-
*/
|
|
52
|
-
_react.default.useEffect(() => {
|
|
53
|
-
if (portalRoot !== null) {
|
|
54
|
-
if (props.prepend !== undefined && props.prepend === true) {
|
|
55
|
-
portalRoot.prepend(controlContainerRef.current);
|
|
56
|
-
} else {
|
|
57
|
-
portalRoot.append(controlContainerRef.current);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}, [portalRoot, props.prepend, controlContainerRef]);
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Concatenate the props.container className to the class of the control div
|
|
64
|
-
*/
|
|
65
|
-
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";
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Render
|
|
69
|
-
*/
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement("div", _extends({}, props.container, {
|
|
71
|
-
ref: controlContainerRef,
|
|
72
|
-
className: className
|
|
73
|
-
}), props.children);
|
|
74
|
-
};
|
|
75
|
-
var _default = exports.default = Control;
|