holiday-react-big-scheduler - npm Package Compare versions

Comparing version 0.2.107 to 0.2.108

lib/EventItem.js

@@ -619,4 +619,4 @@ "use strict";
 
-    _this.popoverRef = /*#__PURE__*/_react["default"].createRef();
-    _this.handleClickOutsideFromPopover = _this.handleClickOutside.bind(_assertThisInitialized(_this));
+    _this.wrapperRef = /*#__PURE__*/_react["default"].createRef();
+    _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized(_this));
     var _left = _props.left,
@@ -639,3 +639,3 @@ _top = _props.top,
     value: function componentWillUnmount() {
-      document.removeEventListener("mousedown", this.handleClickOutsideFromPopover);
+      document.removeEventListener("mousedown", this.handleClickOutside);
     }
@@ -658,3 +658,3 @@ }, {
     value: function componentDidMount() {
-      document.addEventListener("mousedown", this.handleClickOutsideFromPopover);
+      document.addEventListener("mousedown", this.handleClickOutside);
       this.subscribeResizeEvent(this.props);
@@ -668,11 +668,23 @@ }
 
+    /*handleClickOutside (event) {
+        console.log('popoverRef', this.popoverRef)
+        if (this.popoverRef && !this.popoverRef.current.contains(event.target)) {
+            this.setState({
+                isPopOverOpen: false
+            })
+        }
+    }*/
+
   }, {
+    key: "setWrapperRef",
+    value: function setWrapperRef(node) {
+      this.wrapperRef = node;
+    }
+  }, {
     key: "handleClickOutside",
     value: function handleClickOutside(event) {
-      console.log('popoverRef', this.popoverRef);
+      console.log('event', event, 'ref', this.wrapperRef);
 
-      if (this.popoverRef && !this.popoverRef.current.contains(event.target)) {
-        this.setState({
-          isPopOverOpen: false
-        });
+      if (this.wrapperRef && !this.wrapperRef.current.contains(event.target)) {
+        alert("You clicked outside of me!");
       }
@@ -738,2 +750,3 @@ }
       var eventItemTemplate = /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.setWrapperRef,
         className: roundCls + ' event-item',
@@ -767,3 +780,2 @@ key: eventItem.id,
       return isDragging ? null : schedulerData._isResizing() || config.eventItemPopoverEnabled == false || eventItem.showPopover == false ? /*#__PURE__*/_react["default"].createElement("div", null, connectDragPreview(connectDragSource(a))) : /*#__PURE__*/_react["default"].createElement(_popover["default"], {
-        visible: this.state.isPopOverOpen,
         placement: "topLeft",
@@ -770,0 +782,0 @@ content: content,

package.json

 {
   "name": "holiday-react-big-scheduler",
-  "version": "0.2.107",
+  "version": "0.2.108",
   "description": "A scheduler and resource planning component built for React and made for modern browsers (IE10+)",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

341389

increased by0.1%

Lines of code

6319

increased by0.17%

No dependency changes