primereact 7.0.0-rc.2 → 7.0.0

package/tooltip/tooltip.js

@@ -1,11 +1,12 @@
 this.primereact = this.primereact || {};
-this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
+this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -119,19 +120,19 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
   function tip(props) {
     var appendTo = props.appendTo || document.body;
     var tooltipWrapper = document.createDocumentFragment();
-    core.DomHandler.appendChild(tooltipWrapper, appendTo);
+    utils.DomHandler.appendChild(tooltipWrapper, appendTo);
     props = _objectSpread(_objectSpread({}, props), props.options);
-    var tooltipEl = /*#__PURE__*/React__default['default'].createElement(Tooltip, props);
-    ReactDOM__default['default'].render(tooltipEl, tooltipWrapper);
+    var tooltipEl = /*#__PURE__*/React__default["default"].createElement(Tooltip, props);
+    ReactDOM__default["default"].render(tooltipEl, tooltipWrapper);
 
     var updateTooltip = function updateTooltip(newProps) {
       props = _objectSpread(_objectSpread({}, props), newProps);
-      ReactDOM__default['default'].render( /*#__PURE__*/React__default['default'].cloneElement(tooltipEl, props), tooltipWrapper);
+      ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].cloneElement(tooltipEl, props), tooltipWrapper);
     };
 
     return {
       destroy: function destroy() {
-        ReactDOM__default['default'].unmountComponentAtNode(tooltipWrapper);
+        ReactDOM__default["default"].unmountComponentAtNode(tooltipWrapper);
       },
       updateContent: function updateContent(newContent) {
         console.warn("The 'updateContent' method has been deprecated on Tooltip. Use update(newProps) method.");
@@ -272,8 +273,8 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
 
         var updateTooltipState = function updateTooltipState() {
           _this2.updateText(_this2.currentTarget, function () {
-            if (_this2.props.autoZIndex && !core.ZIndexUtils.get(_this2.containerEl)) {
-              core.ZIndexUtils.set('tooltip', _this2.containerEl, _this2.props.baseZIndex);
+            if (_this2.props.autoZIndex && !utils.ZIndexUtils.get(_this2.containerEl)) {
+              utils.ZIndexUtils.set('tooltip', _this2.containerEl, PrimeReact__default["default"].autoZIndex, _this2.props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
             }
 
             _this2.containerEl.style.left = '';
@@ -281,8 +282,8 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
 
             if (_this2.isMouseTrack(_this2.currentTarget) && !_this2.containerSize) {
               _this2.containerSize = {
-                width: core.DomHandler.getOuterWidth(_this2.containerEl),
-                height: core.DomHandler.getOuterHeight(_this2.containerEl)
+                width: utils.DomHandler.getOuterWidth(_this2.containerEl),
+                height: utils.DomHandler.getOuterHeight(_this2.containerEl)
               };
             }
 
@@ -317,7 +318,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
 
             _this2.bindScrollListener();
 
-            core.DomHandler.addClass(_this2.currentTarget, _this2.getTargetOption(_this2.currentTarget, 'classname'));
+            utils.DomHandler.addClass(_this2.currentTarget, _this2.getTargetOption(_this2.currentTarget, 'classname'));
           });
         }
       }
@@ -329,14 +330,14 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
         this.clearTimeouts();
 
         if (this.state.visible) {
-          core.DomHandler.removeClass(this.currentTarget, this.getTargetOption(this.currentTarget, 'classname'));
+          utils.DomHandler.removeClass(this.currentTarget, this.getTargetOption(this.currentTarget, 'classname'));
           this.sendCallback(this.props.onBeforeHide, {
             originalEvent: e,
             target: this.currentTarget
           });
           this.applyDelay('hideDelay', function () {
-            core.ZIndexUtils.clear(_this3.containerEl);
-            core.DomHandler.removeClass(_this3.containerEl, 'p-tooltip-active');
+            utils.ZIndexUtils.clear(_this3.containerEl);
+            utils.DomHandler.removeClass(_this3.containerEl, 'p-tooltip-active');
 
             if (!_this3.isAutoHide() && _this3.allowHide === false) {
               return;
@@ -347,7 +348,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
               position: _this3.props.position
             }, function () {
               if (_this3.tooltipTextEl) {
-                ReactDOM__default['default'].unmountComponentAtNode(_this3.tooltipTextEl);
+                ReactDOM__default["default"].unmountComponentAtNode(_this3.tooltipTextEl);
               }
 
               _this3.unbindDocumentResizeListener();
@@ -377,8 +378,8 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
 
         if (this.isMouseTrack(target) && coordinate) {
           var containerSize = {
-            width: core.DomHandler.getOuterWidth(this.containerEl),
-            height: core.DomHandler.getOuterHeight(this.containerEl)
+            width: utils.DomHandler.getOuterWidth(this.containerEl),
+            height: utils.DomHandler.getOuterHeight(this.containerEl)
           };
           left = coordinate.x;
           top = coordinate.y;
@@ -418,13 +419,13 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
           }
 
           this.containerEl.style.top = top + 'px';
-          core.DomHandler.addClass(this.containerEl, 'p-tooltip-active');
+          utils.DomHandler.addClass(this.containerEl, 'p-tooltip-active');
         } else {
-          var pos = core.DomHandler.findCollisionPosition(this.state.position);
+          var pos = utils.DomHandler.findCollisionPosition(this.state.position);
           var my = this.getTargetOption(target, 'my') || this.props.my || pos.my;
           var at = this.getTargetOption(target, 'at') || this.props.at || pos.at;
           this.containerEl.style.padding = '0px';
-          core.DomHandler.flipfitCollision(this.containerEl, target, my, at, function (currentPosition) {
+          utils.DomHandler.flipfitCollision(this.containerEl, target, my, at, function (currentPosition) {
             var _currentPosition$at = currentPosition.at,
                 atX = _currentPosition$at.x,
                 atY = _currentPosition$at.y;
@@ -437,7 +438,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
             }, function () {
               _this4.updateContainerPosition();
 
-              core.DomHandler.addClass(_this4.containerEl, 'p-tooltip-active');
+              utils.DomHandler.addClass(_this4.containerEl, 'p-tooltip-active');
             });
           });
         }
@@ -471,7 +472,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
         var _this5 = this;
 
         this.documentResizeListener = function (e) {
-          if (!core.DomHandler.isAndroid()) {
+          if (!utils.DomHandler.isAndroid()) {
             _this5.hide(e);
           }
         };
@@ -492,7 +493,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
         var _this6 = this;
 
         if (!this.scrollHandler) {
-          this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.currentTarget, function (e) {
+          this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.currentTarget, function (e) {
             if (_this6.state.visible) {
               _this6.hide(e);
             }
@@ -586,11 +587,11 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
         var _this7 = this;
 
         if (target) {
-          if (core.DomHandler.isElement(target)) {
+          if (utils.DomHandler.isElement(target)) {
             this[operation](target);
           } else {
             var setEvent = function setEvent(target) {
-              var element = core.DomHandler.find(document, target);
+              var element = utils.DomHandler.find(document, target);
               element.forEach(function (el) {
                 _this7[operation](el);
               });
@@ -649,16 +650,16 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
           this.scrollHandler = null;
         }
 
-        core.ZIndexUtils.clear(this.containerEl);
+        utils.ZIndexUtils.clear(this.containerEl);
       }
     }, {
       key: "renderElement",
       value: function renderElement() {
         var _this9 = this;
 
-        var tooltipClassName = core.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(this.state.position), true), this.props.className);
+        var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(this.state.position), true), this.props.className);
         var isTargetContentEmpty = this.isTargetContentEmpty(this.currentTarget);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           ref: function ref(el) {
             return _this9.containerEl = el;
@@ -669,9 +670,9 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
           "aria-hidden": this.state.visible,
           onMouseEnter: this.onMouseEnter,
           onMouseLeave: this.onMouseLeave
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-tooltip-arrow"
-        }), /*#__PURE__*/React__default['default'].createElement("div", {
+        }), /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this9.tooltipTextEl = el;
           },
@@ -683,7 +684,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
       value: function render() {
         if (this.state.visible) {
           var element = this.renderElement();
-          return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+          return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
             element: element,
             appendTo: this.props.appendTo,
             visible: true
@@ -733,4 +734,4 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, core) {
 
   return exports;
 
-}({}, React, ReactDOM, primereact.core));
+})({}, React, ReactDOM, primereact.utils, primereact.portal, primereact.api);

package/tooltip/tooltip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tooltip=function(t,e,n,i){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=o(e),s=o(n);function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){return(c=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function p(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c(t,e)}function h(t){return(h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d(t,e){if(e&&("object"===h(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return u(t)}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function v(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function y(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y(Object(n),!0).forEach((function(e){v(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var T=function(t){p(m,t);var e,n,o,c,h,y=(e=m,n=g(),function(){var t,i=f(e);if(n){var o=f(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return d(this,t)});function m(t){var e;return a(this,m),(e=y.call(this,t)).state={visible:!1,position:e.props.position},e.show=e.show.bind(u(e)),e.hide=e.hide.bind(u(e)),e.onMouseEnter=e.onMouseEnter.bind(u(e)),e.onMouseLeave=e.onMouseLeave.bind(u(e)),e}return o=m,(c=[{key:"isTargetContentEmpty",value:function(t){return!(this.props.content||this.getTargetOption(t,"tooltip"))}},{key:"isContentEmpty",value:function(t){return!(this.props.content||this.getTargetOption(t,"tooltip")||this.props.children)}},{key:"isMouseTrack",value:function(t){return this.getTargetOption(t,"mousetrack")||this.props.mouseTrack}},{key:"isDisabled",value:function(t){return"true"===this.getTargetOption(t,"disabled")||this.hasTargetOption(t,"disabled")||this.props.disabled}},{key:"isAutoHide",value:function(){return this.getTargetOption(this.currentTarget,"autohide")||this.props.autoHide}},{key:"getTargetOption",value:function(t,e){return this.hasTargetOption(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null}},{key:"hasTargetOption",value:function(t,e){return t&&t.hasAttribute(e)}},{key:"getEvents",value:function(t){var e=this.getTargetOption(t,"showevent")||this.props.showEvent,n=this.getTargetOption(t,"hideevent")||this.props.hideEvent;return this.isMouseTrack(t)?(e="mousemove",n="mouseleave"):"focus"===(this.getTargetOption(t,"event")||this.props.event)&&(e="focus",n="blur"),{showEvent:e,hideEvent:n}}},{key:"getPosition",value:function(t){return this.getTargetOption(t,"position")||this.state.position}},{key:"getMouseTrackPosition",value:function(t){return{top:this.getTargetOption(t,"mousetracktop")||this.props.mouseTrackTop,left:this.getTargetOption(t,"mousetrackleft")||this.props.mouseTrackLeft}}},{key:"updateText",value:function(t,e){if(this.tooltipTextEl){var n=this.getTargetOption(t,"tooltip")||this.props.content;n?(this.tooltipTextEl.innerHTML="",this.tooltipTextEl.appendChild(document.createTextNode(n)),e()):this.props.children&&e()}}},{key:"show",value:function(t){var e=this;if(this.currentTarget=t.currentTarget,!this.isContentEmpty(this.currentTarget)&&!this.isDisabled(this.currentTarget)){var n=function(){e.updateText(e.currentTarget,(function(){e.props.autoZIndex&&!i.ZIndexUtils.get(e.containerEl)&&i.ZIndexUtils.set("tooltip",e.containerEl,e.props.baseZIndex),e.containerEl.style.left="",e.containerEl.style.top="",e.isMouseTrack(e.currentTarget)&&!e.containerSize&&(e.containerSize={width:i.DomHandler.getOuterWidth(e.containerEl),height:i.DomHandler.getOuterHeight(e.containerEl)}),e.align(e.currentTarget,{x:t.pageX,y:t.pageY})}))};this.state.visible?this.applyDelay("updateDelay",n):(this.sendCallback(this.props.onBeforeShow,{originalEvent:t,target:this.currentTarget}),this.applyDelay("showDelay",(function(){e.setState({visible:!0,position:e.getPosition(e.currentTarget)},(function(){n(),e.sendCallback(e.props.onShow,{originalEvent:t,target:e.currentTarget})})),e.bindDocumentResizeListener(),e.bindScrollListener(),i.DomHandler.addClass(e.currentTarget,e.getTargetOption(e.currentTarget,"classname"))})))}}},{key:"hide",value:function(t){var e=this;this.clearTimeouts(),this.state.visible&&(i.DomHandler.removeClass(this.currentTarget,this.getTargetOption(this.currentTarget,"classname")),this.sendCallback(this.props.onBeforeHide,{originalEvent:t,target:this.currentTarget}),this.applyDelay("hideDelay",(function(){i.ZIndexUtils.clear(e.containerEl),i.DomHandler.removeClass(e.containerEl,"p-tooltip-active"),(e.isAutoHide()||!1!==e.allowHide)&&e.setState({visible:!1,position:e.props.position},(function(){e.tooltipTextEl&&s.default.unmountComponentAtNode(e.tooltipTextEl),e.unbindDocumentResizeListener(),e.unbindScrollListener(),e.currentTarget=null,e.scrollHandler=null,e.containerSize=null,e.allowHide=!0,e.sendCallback(e.props.onHide,{originalEvent:t,target:e.currentTarget})}))})))}},{key:"align",value:function(t,e){var n=this,o=0,r=0;if(this.isMouseTrack(t)&&e){var s={width:i.DomHandler.getOuterWidth(this.containerEl),height:i.DomHandler.getOuterHeight(this.containerEl)};o=e.x,r=e.y;var a=this.getMouseTrackPosition(t),l=a.top,u=a.left;switch(this.state.position){case"left":o-=s.width+u,r-=s.height/2-l;break;case"right":o+=u,r-=s.height/2-l;break;case"top":o-=s.width/2-u,r-=s.height+l;break;case"bottom":o-=s.width/2-u,r+=l}o<=0||this.containerSize.width>s.width?(this.containerEl.style.left="0px",this.containerEl.style.right=window.innerWidth-s.width-o+"px"):(this.containerEl.style.right="",this.containerEl.style.left=o+"px"),this.containerEl.style.top=r+"px",i.DomHandler.addClass(this.containerEl,"p-tooltip-active")}else{var c=i.DomHandler.findCollisionPosition(this.state.position),p=this.getTargetOption(t,"my")||this.props.my||c.my,h=this.getTargetOption(t,"at")||this.props.at||c.at;this.containerEl.style.padding="0px",i.DomHandler.flipfitCollision(this.containerEl,t,p,h,(function(t){var e=t.at,o=e.x,r=n.props.at?"center"!==o&&o!==t.my.x?o:e.y:t.at["".concat(c.axis)];n.containerEl.style.padding="",n.setState({position:r},(function(){n.updateContainerPosition(),i.DomHandler.addClass(n.containerEl,"p-tooltip-active")}))}))}}},{key:"updateContainerPosition",value:function(){if(this.containerEl){var t=getComputedStyle(this.containerEl);"left"===this.state.position?this.containerEl.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===this.state.position&&(this.containerEl.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}}},{key:"onMouseEnter",value:function(){this.isAutoHide()||(this.allowHide=!1)}},{key:"onMouseLeave",value:function(t){this.isAutoHide()||(this.allowHide=!0,this.hide(t))}},{key:"bindDocumentResizeListener",value:function(){var t=this;this.documentResizeListener=function(e){i.DomHandler.isAndroid()||t.hide(e)},window.addEventListener("resize",this.documentResizeListener)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var t=this;this.scrollHandler||(this.scrollHandler=new i.ConnectedOverlayScrollHandler(this.currentTarget,(function(e){t.state.visible&&t.hide(e)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindTargetEvent",value:function(t){if(t){var e=this.getEvents(t),n=e.hideEvent;t.addEventListener(e.showEvent,this.show),t.addEventListener(n,this.hide)}}},{key:"unbindTargetEvent",value:function(t){if(t){var e=this.getEvents(t),n=e.hideEvent;t.removeEventListener(e.showEvent,this.show),t.removeEventListener(n,this.hide)}}},{key:"applyDelay",value:function(t,e){this.clearTimeouts();var n=this.getTargetOption(this.currentTarget,t.toLowerCase())||this.props[t];n?this["".concat(t,"Timeout")]=setTimeout((function(){return e()}),n):e()}},{key:"sendCallback",value:function(t){if(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];t.apply(void 0,n)}}},{key:"clearTimeouts",value:function(){clearTimeout(this.showDelayTimeout),clearTimeout(this.updateDelayTimeout),clearTimeout(this.hideDelayTimeout)}},{key:"updateTargetEvents",value:function(t){this.unloadTargetEvents(t),this.loadTargetEvents(t)}},{key:"loadTargetEvents",value:function(t){this.setTargetEventOperations(t||this.props.target,"bindTargetEvent")}},{key:"unloadTargetEvents",value:function(t){this.setTargetEventOperations(t||this.props.target,"unbindTargetEvent")}},{key:"setTargetEventOperations",value:function(t,e){var n=this;if(t)if(i.DomHandler.isElement(t))this[e](t);else{var o=function(t){i.DomHandler.find(document,t).forEach((function(t){n[e](t)}))};t instanceof Array?t.forEach((function(t){o(t)})):o(t)}}},{key:"componentDidMount",value:function(){this.props.target&&this.loadTargetEvents()}},{key:"componentDidUpdate",value:function(t,e){var n=this;t.target!==this.props.target&&(this.unloadTargetEvents(t.target),this.loadTargetEvents()),this.state.visible&&(t.content!==this.props.content&&this.applyDelay("updateDelay",(function(){n.updateText(n.currentTarget,(function(){n.align(n.currentTarget)}))})),this.currentTarget&&this.isDisabled(this.currentTarget)&&this.hide())}},{key:"componentWillUnmount",value:function(){this.clearTimeouts(),this.unbindDocumentResizeListener(),this.unloadTargetEvents(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),i.ZIndexUtils.clear(this.containerEl)}},{key:"renderElement",value:function(){var t=this,e=i.classNames("p-tooltip p-component",v({},"p-tooltip-".concat(this.state.position),!0),this.props.className),n=this.isTargetContentEmpty(this.currentTarget);return r.default.createElement("div",{id:this.props.id,ref:function(e){return t.containerEl=e},className:e,style:this.props.style,role:"tooltip","aria-hidden":this.state.visible,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},r.default.createElement("div",{className:"p-tooltip-arrow"}),r.default.createElement("div",{ref:function(e){return t.tooltipTextEl=e},className:"p-tooltip-text"},n&&this.props.children))}},{key:"render",value:function(){if(this.state.visible){var t=this.renderElement();return r.default.createElement(i.Portal,{element:t,appendTo:this.props.appendTo,visible:!0})}return null}}])&&l(o.prototype,c),h&&l(o,h),m}(e.Component);return v(T,"defaultProps",{id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null}),t.Tooltip=T,t.tip=function(t){var e=t.appendTo||document.body,n=document.createDocumentFragment();i.DomHandler.appendChild(n,e),t=m(m({},t),t.options);var o=r.default.createElement(T,t);s.default.render(o,n);var a=function(e){t=m(m({},t),e),s.default.render(r.default.cloneElement(o,t),n)};return{destroy:function(){s.default.unmountComponentAtNode(n)},updateContent:function(t){console.warn("The 'updateContent' method has been deprecated on Tooltip. Use update(newProps) method."),a({content:t})},update:function(t){a(t)}}},Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactDOM,primereact.core);
+this.primereact=this.primereact||{},this.primereact.tooltip=function(t,e,n,i,o,r){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=s(e),l=s(n),u=s(r);function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},d(t,e)}function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d(t,e)}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function g(t,e){if(e&&("object"===v(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return h(t)}function y(t){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},y(t)}function m(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function E(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E(Object(n),!0).forEach((function(e){m(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var k=function(t){f(E,t);var e,n,r,s,d,v=(e=E,n=T(),function(){var t,i=y(e);if(n){var o=y(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return g(this,t)});function E(t){var e;return c(this,E),(e=v.call(this,t)).state={visible:!1,position:e.props.position},e.show=e.show.bind(h(e)),e.hide=e.hide.bind(h(e)),e.onMouseEnter=e.onMouseEnter.bind(h(e)),e.onMouseLeave=e.onMouseLeave.bind(h(e)),e}return r=E,s=[{key:"isTargetContentEmpty",value:function(t){return!(this.props.content||this.getTargetOption(t,"tooltip"))}},{key:"isContentEmpty",value:function(t){return!(this.props.content||this.getTargetOption(t,"tooltip")||this.props.children)}},{key:"isMouseTrack",value:function(t){return this.getTargetOption(t,"mousetrack")||this.props.mouseTrack}},{key:"isDisabled",value:function(t){return"true"===this.getTargetOption(t,"disabled")||this.hasTargetOption(t,"disabled")||this.props.disabled}},{key:"isAutoHide",value:function(){return this.getTargetOption(this.currentTarget,"autohide")||this.props.autoHide}},{key:"getTargetOption",value:function(t,e){return this.hasTargetOption(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null}},{key:"hasTargetOption",value:function(t,e){return t&&t.hasAttribute(e)}},{key:"getEvents",value:function(t){var e=this.getTargetOption(t,"showevent")||this.props.showEvent,n=this.getTargetOption(t,"hideevent")||this.props.hideEvent;return this.isMouseTrack(t)?(e="mousemove",n="mouseleave"):"focus"===(this.getTargetOption(t,"event")||this.props.event)&&(e="focus",n="blur"),{showEvent:e,hideEvent:n}}},{key:"getPosition",value:function(t){return this.getTargetOption(t,"position")||this.state.position}},{key:"getMouseTrackPosition",value:function(t){return{top:this.getTargetOption(t,"mousetracktop")||this.props.mouseTrackTop,left:this.getTargetOption(t,"mousetrackleft")||this.props.mouseTrackLeft}}},{key:"updateText",value:function(t,e){if(this.tooltipTextEl){var n=this.getTargetOption(t,"tooltip")||this.props.content;n?(this.tooltipTextEl.innerHTML="",this.tooltipTextEl.appendChild(document.createTextNode(n)),e()):this.props.children&&e()}}},{key:"show",value:function(t){var e=this;if(this.currentTarget=t.currentTarget,!this.isContentEmpty(this.currentTarget)&&!this.isDisabled(this.currentTarget)){var n=function(){e.updateText(e.currentTarget,(function(){e.props.autoZIndex&&!i.ZIndexUtils.get(e.containerEl)&&i.ZIndexUtils.set("tooltip",e.containerEl,u.default.autoZIndex,e.props.baseZIndex||u.default.zIndex.tooltip),e.containerEl.style.left="",e.containerEl.style.top="",e.isMouseTrack(e.currentTarget)&&!e.containerSize&&(e.containerSize={width:i.DomHandler.getOuterWidth(e.containerEl),height:i.DomHandler.getOuterHeight(e.containerEl)}),e.align(e.currentTarget,{x:t.pageX,y:t.pageY})}))};this.state.visible?this.applyDelay("updateDelay",n):(this.sendCallback(this.props.onBeforeShow,{originalEvent:t,target:this.currentTarget}),this.applyDelay("showDelay",(function(){e.setState({visible:!0,position:e.getPosition(e.currentTarget)},(function(){n(),e.sendCallback(e.props.onShow,{originalEvent:t,target:e.currentTarget})})),e.bindDocumentResizeListener(),e.bindScrollListener(),i.DomHandler.addClass(e.currentTarget,e.getTargetOption(e.currentTarget,"classname"))})))}}},{key:"hide",value:function(t){var e=this;this.clearTimeouts(),this.state.visible&&(i.DomHandler.removeClass(this.currentTarget,this.getTargetOption(this.currentTarget,"classname")),this.sendCallback(this.props.onBeforeHide,{originalEvent:t,target:this.currentTarget}),this.applyDelay("hideDelay",(function(){i.ZIndexUtils.clear(e.containerEl),i.DomHandler.removeClass(e.containerEl,"p-tooltip-active"),(e.isAutoHide()||!1!==e.allowHide)&&e.setState({visible:!1,position:e.props.position},(function(){e.tooltipTextEl&&l.default.unmountComponentAtNode(e.tooltipTextEl),e.unbindDocumentResizeListener(),e.unbindScrollListener(),e.currentTarget=null,e.scrollHandler=null,e.containerSize=null,e.allowHide=!0,e.sendCallback(e.props.onHide,{originalEvent:t,target:e.currentTarget})}))})))}},{key:"align",value:function(t,e){var n=this,o=0,r=0;if(this.isMouseTrack(t)&&e){var s={width:i.DomHandler.getOuterWidth(this.containerEl),height:i.DomHandler.getOuterHeight(this.containerEl)};o=e.x,r=e.y;var a=this.getMouseTrackPosition(t),l=a.top,u=a.left;switch(this.state.position){case"left":o-=s.width+u,r-=s.height/2-l;break;case"right":o+=u,r-=s.height/2-l;break;case"top":o-=s.width/2-u,r-=s.height+l;break;case"bottom":o-=s.width/2-u,r+=l}o<=0||this.containerSize.width>s.width?(this.containerEl.style.left="0px",this.containerEl.style.right=window.innerWidth-s.width-o+"px"):(this.containerEl.style.right="",this.containerEl.style.left=o+"px"),this.containerEl.style.top=r+"px",i.DomHandler.addClass(this.containerEl,"p-tooltip-active")}else{var c=i.DomHandler.findCollisionPosition(this.state.position),p=this.getTargetOption(t,"my")||this.props.my||c.my,h=this.getTargetOption(t,"at")||this.props.at||c.at;this.containerEl.style.padding="0px",i.DomHandler.flipfitCollision(this.containerEl,t,p,h,(function(t){var e=t.at,o=e.x,r=n.props.at?"center"!==o&&o!==t.my.x?o:e.y:t.at["".concat(c.axis)];n.containerEl.style.padding="",n.setState({position:r},(function(){n.updateContainerPosition(),i.DomHandler.addClass(n.containerEl,"p-tooltip-active")}))}))}}},{key:"updateContainerPosition",value:function(){if(this.containerEl){var t=getComputedStyle(this.containerEl);"left"===this.state.position?this.containerEl.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===this.state.position&&(this.containerEl.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}}},{key:"onMouseEnter",value:function(){this.isAutoHide()||(this.allowHide=!1)}},{key:"onMouseLeave",value:function(t){this.isAutoHide()||(this.allowHide=!0,this.hide(t))}},{key:"bindDocumentResizeListener",value:function(){var t=this;this.documentResizeListener=function(e){i.DomHandler.isAndroid()||t.hide(e)},window.addEventListener("resize",this.documentResizeListener)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var t=this;this.scrollHandler||(this.scrollHandler=new i.ConnectedOverlayScrollHandler(this.currentTarget,(function(e){t.state.visible&&t.hide(e)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindTargetEvent",value:function(t){if(t){var e=this.getEvents(t),n=e.hideEvent;t.addEventListener(e.showEvent,this.show),t.addEventListener(n,this.hide)}}},{key:"unbindTargetEvent",value:function(t){if(t){var e=this.getEvents(t),n=e.hideEvent;t.removeEventListener(e.showEvent,this.show),t.removeEventListener(n,this.hide)}}},{key:"applyDelay",value:function(t,e){this.clearTimeouts();var n=this.getTargetOption(this.currentTarget,t.toLowerCase())||this.props[t];n?this["".concat(t,"Timeout")]=setTimeout((function(){return e()}),n):e()}},{key:"sendCallback",value:function(t){if(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];t.apply(void 0,n)}}},{key:"clearTimeouts",value:function(){clearTimeout(this.showDelayTimeout),clearTimeout(this.updateDelayTimeout),clearTimeout(this.hideDelayTimeout)}},{key:"updateTargetEvents",value:function(t){this.unloadTargetEvents(t),this.loadTargetEvents(t)}},{key:"loadTargetEvents",value:function(t){this.setTargetEventOperations(t||this.props.target,"bindTargetEvent")}},{key:"unloadTargetEvents",value:function(t){this.setTargetEventOperations(t||this.props.target,"unbindTargetEvent")}},{key:"setTargetEventOperations",value:function(t,e){var n=this;if(t)if(i.DomHandler.isElement(t))this[e](t);else{var o=function(t){i.DomHandler.find(document,t).forEach((function(t){n[e](t)}))};t instanceof Array?t.forEach((function(t){o(t)})):o(t)}}},{key:"componentDidMount",value:function(){this.props.target&&this.loadTargetEvents()}},{key:"componentDidUpdate",value:function(t,e){var n=this;t.target!==this.props.target&&(this.unloadTargetEvents(t.target),this.loadTargetEvents()),this.state.visible&&(t.content!==this.props.content&&this.applyDelay("updateDelay",(function(){n.updateText(n.currentTarget,(function(){n.align(n.currentTarget)}))})),this.currentTarget&&this.isDisabled(this.currentTarget)&&this.hide())}},{key:"componentWillUnmount",value:function(){this.clearTimeouts(),this.unbindDocumentResizeListener(),this.unloadTargetEvents(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),i.ZIndexUtils.clear(this.containerEl)}},{key:"renderElement",value:function(){var t=this,e=i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(this.state.position),!0),this.props.className),n=this.isTargetContentEmpty(this.currentTarget);return a.default.createElement("div",{id:this.props.id,ref:function(e){return t.containerEl=e},className:e,style:this.props.style,role:"tooltip","aria-hidden":this.state.visible,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},a.default.createElement("div",{className:"p-tooltip-arrow"}),a.default.createElement("div",{ref:function(e){return t.tooltipTextEl=e},className:"p-tooltip-text"},n&&this.props.children))}},{key:"render",value:function(){if(this.state.visible){var t=this.renderElement();return a.default.createElement(o.Portal,{element:t,appendTo:this.props.appendTo,visible:!0})}return null}}],s&&p(r.prototype,s),d&&p(r,d),E}(e.Component);return m(k,"defaultProps",{id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null}),t.Tooltip=k,t.tip=function(t){var e=t.appendTo||document.body,n=document.createDocumentFragment();i.DomHandler.appendChild(n,e),t=b(b({},t),t.options);var o=a.default.createElement(k,t);l.default.render(o,n);var r=function(e){t=b(b({},t),e),l.default.render(a.default.cloneElement(o,t),n)};return{destroy:function(){l.default.unmountComponentAtNode(n)},updateContent:function(t){console.warn("The 'updateContent' method has been deprecated on Tooltip. Use update(newProps) method."),r({content:t})},update:function(t){r(t)}}},Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactDOM,primereact.utils,primereact.portal,primereact.api);

package/tree/tree.cjs.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -259,7 +260,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
 
       var nodeElement = event.target.parentElement;
 
-      if (!core.DomHandler.hasClass(nodeElement, 'p-treenode')) {
+      if (!utils.DomHandler.hasClass(nodeElement, 'p-treenode')) {
         return;
       }
 
@@ -354,7 +355,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
     key: "getParentNodeElement",
     value: function getParentNodeElement(nodeElement) {
       var parentNodeElement = nodeElement.parentElement.parentElement;
-      return core.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
+      return utils.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
     }
   }, {
     key: "focusNode",
@@ -529,7 +530,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      core.DomHandler.clearSelection();
+      utils.DomHandler.clearSelection();
 
       if (this.props.onContextMenuSelectionChange) {
         this.props.onContextMenuSelectionChange({
@@ -642,7 +643,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       event.preventDefault();
 
       if (this.props.node.droppable !== false) {
-        core.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
+        utils.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
 
         if (this.props.onDropPoint) {
           this.props.onDropPoint({
@@ -666,21 +667,21 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
     key: "onDropPointDragEnter",
     value: function onDropPointDragEnter(event) {
       if (event.dataTransfer.types[1] === this.props.dragdropScope.toLocaleLowerCase()) {
-        core.DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
+        utils.DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
       }
     }
   }, {
     key: "onDropPointDragLeave",
     value: function onDropPointDragLeave(event) {
       if (event.dataTransfer.types[1] === this.props.dragdropScope.toLocaleLowerCase()) {
-        core.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
+        utils.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
       }
     }
   }, {
     key: "onDrop",
     value: function onDrop(event) {
       if (this.props.dragdropScope && this.props.node.droppable !== false) {
-        core.DomHandler.removeClass(this.contentElement, 'p-treenode-dragover');
+        utils.DomHandler.removeClass(this.contentElement, 'p-treenode-dragover');
         event.preventDefault();
         event.stopPropagation();
 
@@ -706,7 +707,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
     key: "onDragEnter",
     value: function onDragEnter(event) {
       if (event.dataTransfer.types[1] === this.props.dragdropScope.toLocaleLowerCase() && this.props.node.droppable !== false) {
-        core.DomHandler.addClass(this.contentElement, 'p-treenode-dragover');
+        utils.DomHandler.addClass(this.contentElement, 'p-treenode-dragover');
       }
     }
   }, {
@@ -716,7 +717,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
         var rect = event.currentTarget.getBoundingClientRect();
 
         if (event.nativeEvent.x > rect.left + rect.width || event.nativeEvent.x < rect.left || event.nativeEvent.y >= Math.floor(rect.top + rect.height) || event.nativeEvent.y < rect.top) {
-          core.DomHandler.removeClass(this.contentElement, 'p-treenode-dragover');
+          utils.DomHandler.removeClass(this.contentElement, 'p-treenode-dragover');
         }
       }
     }
@@ -746,7 +747,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderLabel",
     value: function renderLabel() {
-      var content = /*#__PURE__*/React__default['default'].createElement("span", {
+      var content = /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-treenode-label"
       }, this.props.node.label);
 
@@ -758,7 +759,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
           props: this.props,
           expanded: this.isExpanded()
         };
-        content = core.ObjectUtils.getJSXElement(this.props.nodeTemplate, this.props.node, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(this.props.nodeTemplate, this.props.node, defaultContentOptions);
       }
 
       return content;
@@ -769,22 +770,22 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       if (this.isCheckboxSelectionMode() && this.props.node.selectable !== false) {
         var checked = this.isChecked();
         var partialChecked = this.isPartialChecked();
-        var className = core.classNames('p-checkbox-box', {
+        var className = utils.classNames('p-checkbox-box', {
           'p-highlight': checked,
           'p-indeterminate': partialChecked,
           'p-disabled': this.props.disabled
         });
-        var icon = core.classNames('p-checkbox-icon p-c', {
+        var icon = utils.classNames('p-checkbox-icon p-c', {
           'pi pi-check': checked,
           'pi pi-minus': partialChecked
         });
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-checkbox p-component"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: className,
           role: "checkbox",
           "aria-checked": checked
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: icon
         })));
       }
@@ -797,8 +798,8 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       var icon = this.props.node.icon || (expanded ? this.props.node.expandedIcon : this.props.node.collapsedIcon);
 
       if (icon) {
-        var className = core.classNames('p-treenode-icon', icon);
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        var className = utils.classNames('p-treenode-icon', icon);
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           className: className
         });
       }
@@ -808,18 +809,18 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderToggler",
     value: function renderToggler(expanded) {
-      var iconClassName = core.classNames('p-tree-toggler-icon pi pi-fw', {
+      var iconClassName = utils.classNames('p-tree-toggler-icon pi pi-fw', {
         'pi-chevron-right': !expanded,
         'pi-chevron-down': expanded
       });
-      var content = /*#__PURE__*/React__default['default'].createElement("button", {
+      var content = /*#__PURE__*/React__default["default"].createElement("button", {
         type: "button",
         className: "p-tree-toggler p-link",
         tabIndex: -1,
         onClick: this.onTogglerClick
-      }, /*#__PURE__*/React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
       if (this.props.togglerTemplate) {
         var defaultContentOptions = {
@@ -830,7 +831,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
           props: this.props,
           expanded: expanded
         };
-        content = core.ObjectUtils.getJSXElement(this.props.togglerTemplate, this.props.node, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(this.props.togglerTemplate, this.props.node, defaultContentOptions);
       }
 
       return content;
@@ -841,7 +842,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       var _this2 = this;
 
       if (this.props.dragdropScope) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           className: "p-treenode-droppoint",
           onDrop: function onDrop(event) {
             return _this2.onDropPoint(event, position);
@@ -861,7 +862,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
 
       var selected = this.isSelected();
       var checked = this.isChecked();
-      var className = core.classNames('p-treenode-content', this.props.node.className, {
+      var className = utils.classNames('p-treenode-content', this.props.node.className, {
         'p-treenode-selectable': this.props.selectionMode && this.props.node.selectable !== false,
         'p-highlight': this.isCheckboxSelectionMode() ? checked : selected,
         'p-highlight-contextmenu': this.props.contextMenuSelectionKey && this.props.contextMenuSelectionKey === this.props.node.key,
@@ -873,7 +874,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       var icon = this.renderIcon(expanded);
       var label = this.renderLabel();
       var tabIndex = this.props.disabled ? undefined : 0;
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this3.contentElement = el;
         },
@@ -904,11 +905,11 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       var _this4 = this;
 
       if (this.props.node.children && this.props.node.children.length && this.isExpanded()) {
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           className: "p-treenode-children",
           role: "group"
         }, this.props.node.children.map(function (childNode, index) {
-          return /*#__PURE__*/React__default['default'].createElement(UITreeNode, {
+          return /*#__PURE__*/React__default["default"].createElement(UITreeNode, {
             key: childNode.key || childNode.label,
             node: childNode,
             parent: _this4.props.node,
@@ -949,12 +950,12 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderNode",
     value: function renderNode() {
-      var className = core.classNames('p-treenode', {
+      var className = utils.classNames('p-treenode', {
         'p-treenode-leaf': this.isLeaf()
       }, this.props.node.className);
       var content = this.renderContent();
       var children = this.renderChildren();
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: className,
         style: this.props.node.style
       }, content, children);
@@ -967,7 +968,7 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
       if (this.props.dragdropScope && !this.props.disabled) {
         var beforeDropPoint = this.renderDropPoint(-1);
         var afterDropPoint = this.props.last ? this.renderDropPoint(1) : null;
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, beforeDropPoint, node, afterDropPoint);
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, beforeDropPoint, node, afterDropPoint);
       } else {
         return node;
       }
@@ -1262,7 +1263,7 @@ var Tree = /*#__PURE__*/function (_Component) {
     key: "filter",
     value: function filter(value) {
       this.setState({
-        filterValue: core.ObjectUtils.isNotEmpty(value) ? value : ''
+        filterValue: utils.ObjectUtils.isNotEmpty(value) ? value : ''
       }, this._filter);
     }
   }, {
@@ -1274,7 +1275,7 @@ var Tree = /*#__PURE__*/function (_Component) {
 
       var filterValue = this.getFilterValue();
 
-      if (core.ObjectUtils.isEmpty(filterValue)) {
+      if (utils.ObjectUtils.isEmpty(filterValue)) {
         this.filteredNodes = this.props.value;
       } else {
         this.filteredNodes = [];
@@ -1362,7 +1363,7 @@ var Tree = /*#__PURE__*/function (_Component) {
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var field = _step3.value;
-          var fieldValue = String(core.ObjectUtils.resolveFieldData(node, field)).toLocaleLowerCase(this.props.filterLocale);
+          var fieldValue = String(utils.ObjectUtils.resolveFieldData(node, field)).toLocaleLowerCase(this.props.filterLocale);
 
           if (fieldValue.indexOf(filterText) > -1) {
             matched = true;
@@ -1387,7 +1388,7 @@ var Tree = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderRootChild",
     value: function renderRootChild(node, index, last) {
-      return /*#__PURE__*/React__default['default'].createElement(UITreeNode, {
+      return /*#__PURE__*/React__default["default"].createElement(UITreeNode, {
         key: node.key || node.label,
         node: node,
         index: index,
@@ -1442,8 +1443,8 @@ var Tree = /*#__PURE__*/function (_Component) {
     value: function renderModel() {
       if (this.props.value) {
         var rootNodes = this.renderRootChildren();
-        var contentClass = core.classNames('p-tree-container', this.props.contentClassName);
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        var contentClass = utils.classNames('p-tree-container', this.props.contentClassName);
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           className: contentClass,
           role: "tree",
           "aria-label": this.props.ariaLabel,
@@ -1458,10 +1459,10 @@ var Tree = /*#__PURE__*/function (_Component) {
     key: "renderLoader",
     value: function renderLoader() {
       if (this.props.loading) {
-        var icon = core.classNames('p-tree-loading-icon pi-spin', this.props.loadingIcon);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var icon = utils.classNames('p-tree-loading-icon pi-spin', this.props.loadingIcon);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-tree-loading-overlay p-component-overlay"
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: icon
         }));
       }
@@ -1473,10 +1474,10 @@ var Tree = /*#__PURE__*/function (_Component) {
     value: function renderFilter() {
       if (this.props.filter) {
         var filterValue = this.getFilterValue();
-        filterValue = core.ObjectUtils.isNotEmpty(filterValue) ? filterValue : '';
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        filterValue = utils.ObjectUtils.isNotEmpty(filterValue) ? filterValue : '';
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-tree-filter-container"
-        }, /*#__PURE__*/React__default['default'].createElement("input", {
+        }, /*#__PURE__*/React__default["default"].createElement("input", {
           type: "text",
           value: filterValue,
           autoComplete: "off",
@@ -1485,7 +1486,7 @@ var Tree = /*#__PURE__*/function (_Component) {
           onKeyDown: this.onFilterInputKeyDown,
           onChange: this.onFilterInputChange,
           disabled: this.props.disabled
-        }), /*#__PURE__*/React__default['default'].createElement("span", {
+        }), /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-tree-filter-icon pi pi-search"
         }));
       }
@@ -1512,10 +1513,10 @@ var Tree = /*#__PURE__*/function (_Component) {
             element: content,
             props: this.props
           };
-          content = core.ObjectUtils.getJSXElement(this.props.header, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(this.props.header, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-tree-header"
         }, content);
       }
@@ -1525,15 +1526,15 @@ var Tree = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderFooter",
     value: function renderFooter() {
-      var content = core.ObjectUtils.getJSXElement(this.props.footer, this.props);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var content = utils.ObjectUtils.getJSXElement(this.props.footer, this.props);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-tree-footer"
       }, content);
     }
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-tree p-component', this.props.className, {
+      var className = utils.classNames('p-tree p-component', this.props.className, {
         'p-tree-selectable': this.props.selectionMode,
         'p-tree-loading': this.props.loading,
         'p-disabled': this.props.disabled
@@ -1542,7 +1543,7 @@ var Tree = /*#__PURE__*/function (_Component) {
       var content = this.renderModel();
       var header = this.renderHeader();
       var footer = this.renderFooter();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style