primereact 7.0.0-rc.2 → 7.2.0

package/sidebar/sidebar.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.sidebar = (function (exports, React, core) {
+this.primereact.sidebar = (function (exports, React, utils, csstransition, ripple, 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 PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -25,6 +26,9 @@ this.primereact.sidebar = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +61,20 @@ this.primereact.sidebar = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -122,105 +123,109 @@ this.primereact.sidebar = (function (exports, React, core) {
       _classCallCheck(this, Sidebar);
 
       _this = _super.call(this, props);
-      _this.onCloseClick = _this.onCloseClick.bind(_assertThisInitialized(_this));
-      _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
+      _this.state = {
+        maskVisible: false,
+        visible: false
+      };
+      _this.onMaskClick = _this.onMaskClick.bind(_assertThisInitialized(_this));
+      _this.onClose = _this.onClose.bind(_assertThisInitialized(_this));
       _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
-      _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
+      _this.onExiting = _this.onExiting.bind(_assertThisInitialized(_this));
       _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-      _this.sidebarRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.sidebarRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
     _createClass(Sidebar, [{
-      key: "onCloseClick",
-      value: function onCloseClick(event) {
-        this.props.onHide();
-        event.preventDefault();
+      key: "getPositionClass",
+      value: function getPositionClass() {
+        var _this2 = this;
+
+        var positions = ['left', 'right', 'top', 'bottom'];
+        var pos = positions.find(function (item) {
+          return item === _this2.props.position;
+        });
+        return pos ? "p-sidebar-".concat(pos) : '';
       }
     }, {
-      key: "onEnter",
-      value: function onEnter() {
-        core.ZIndexUtils.set('modal', this.sidebarRef.current, this.props.baseZIndex);
+      key: "focus",
+      value: function focus() {
+        var activeElement = document.activeElement;
+        var isActiveElementInDialog = activeElement && this.sidebarRef && this.sidebarRef.current.contains(activeElement);
 
-        if (this.props.modal) {
-          this.enableModality();
+        if (!isActiveElementInDialog && this.props.showCloseIcon) {
+          this.closeIcon.focus();
+        }
+      }
+    }, {
+      key: "onMaskClick",
+      value: function onMaskClick(event) {
+        if (this.props.dismissable && this.props.modal && this.mask === event.target) {
+          this.onClose(event);
         }
       }
+    }, {
+      key: "onClose",
+      value: function onClose(event) {
+        this.props.onHide();
+        event.preventDefault();
+      }
     }, {
       key: "onEntered",
       value: function onEntered() {
-        if (this.props.closeOnEscape) {
-          this.bindDocumentEscapeListener();
+        if (this.props.onShow) {
+          this.props.onShow();
         }
 
-        if (this.closeIcon) {
-          this.closeIcon.focus();
-        }
-
-        this.props.onShow && this.props.onShow();
+        this.focus();
+        this.enableDocumentSettings();
       }
     }, {
-      key: "onExit",
-      value: function onExit() {
-        this.unbindMaskClickListener();
-        this.unbindDocumentEscapeListener();
-
+      key: "onExiting",
+      value: function onExiting() {
         if (this.props.modal) {
-          this.disableModality();
+          utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
         }
       }
     }, {
       key: "onExited",
       value: function onExited() {
-        core.ZIndexUtils.clear(this.sidebarRef.current);
+        utils.ZIndexUtils.clear(this.mask);
+        this.setState({
+          maskVisible: false
+        });
+        this.disableDocumentSettings();
       }
     }, {
-      key: "enableModality",
-      value: function enableModality() {
-        if (!this.mask) {
-          this.mask = document.createElement('div');
-          this.mask.style.zIndex = String(core.ZIndexUtils.get(this.sidebarRef.current) - 1);
-          var maskClassName = 'p-component-overlay p-component-overlay p-component-overlay-enter';
-
-          if (this.props.blockScroll) {
-            maskClassName += ' p-sidebar-mask-scrollblocker';
-          }
-
-          core.DomHandler.addMultipleClasses(this.mask, maskClassName);
+      key: "enableDocumentSettings",
+      value: function enableDocumentSettings() {
+        this.bindGlobalListeners();
 
-          if (this.props.dismissable) {
-            this.bindMaskClickListener();
-          }
-
-          document.body.appendChild(this.mask);
-
-          if (this.props.blockScroll) {
-            core.DomHandler.addClass(document.body, 'p-overflow-hidden');
-          }
+        if (this.props.blockScroll) {
+          utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
         }
       }
     }, {
-      key: "disableModality",
-      value: function disableModality() {
-        var _this2 = this;
+      key: "disableDocumentSettings",
+      value: function disableDocumentSettings() {
+        this.unbindGlobalListeners();
 
-        if (this.mask) {
-          core.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-          this.mask.addEventListener('animationend', function () {
-            _this2.destroyModal();
-          });
+        if (this.props.blockScroll) {
+          utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
         }
       }
     }, {
-      key: "destroyModal",
-      value: function destroyModal() {
-        if (this.mask) {
-          this.unbindMaskClickListener();
-          document.body.removeChild(this.mask);
-          core.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-          this.mask = null;
+      key: "bindGlobalListeners",
+      value: function bindGlobalListeners() {
+        if (this.props.closeOnEscape) {
+          this.bindDocumentEscapeListener();
         }
       }
+    }, {
+      key: "unbindGlobalListeners",
+      value: function unbindGlobalListeners() {
+        this.unbindDocumentEscapeListener();
+      }
     }, {
       key: "bindDocumentEscapeListener",
       value: function bindDocumentEscapeListener() {
@@ -228,8 +233,8 @@ this.primereact.sidebar = (function (exports, React, core) {
 
         this.documentEscapeListener = function (event) {
           if (event.which === 27) {
-            if (core.ZIndexUtils.get(_this3.sidebarRef.current) === core.ZIndexUtils.getCurrent('modal')) {
-              _this3.onCloseClick(event);
+            if (utils.ZIndexUtils.get(_this3.mask) === utils.ZIndexUtils.getCurrent('modal', PrimeReact__default["default"].autoZIndex)) {
+              _this3.onClose(event);
             }
           }
         };
@@ -245,61 +250,61 @@ this.primereact.sidebar = (function (exports, React, core) {
         }
       }
     }, {
-      key: "bindMaskClickListener",
-      value: function bindMaskClickListener() {
+      key: "componentDidMount",
+      value: function componentDidMount() {
         var _this4 = this;
 
-        if (!this.maskClickListener) {
-          this.maskClickListener = function (event) {
-            _this4.onCloseClick(event);
-          };
-
-          this.mask.addEventListener('click', this.maskClickListener);
-        }
-      }
-    }, {
-      key: "unbindMaskClickListener",
-      value: function unbindMaskClickListener() {
-        if (this.maskClickListener) {
-          this.mask.removeEventListener('click', this.maskClickListener);
-          this.maskClickListener = null;
+        if (this.props.visible) {
+          this.setState({
+            maskVisible: true,
+            visible: true
+          }, function () {
+            utils.ZIndexUtils.set('modal', _this4.mask, PrimeReact__default["default"].autoZIndex, _this4.props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+          });
         }
       }
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps, prevState) {
-        if (this.mask && prevProps.dismissable !== this.props.dismissable) {
-          if (this.props.dismissable) {
-            this.bindMaskClickListener();
-          } else {
-            this.unbindMaskClickListener();
-          }
+        var _this5 = this;
+
+        if (this.props.visible && !this.state.maskVisible) {
+          this.setState({
+            maskVisible: true
+          }, function () {
+            utils.ZIndexUtils.set('modal', _this5.mask, PrimeReact__default["default"].autoZIndex, _this5.props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+          });
+        }
+
+        if (this.props.visible !== this.state.visible && this.state.maskVisible) {
+          this.setState({
+            visible: this.props.visible
+          });
         }
       }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        this.unbindMaskClickListener();
-        this.disableModality();
-        core.ZIndexUtils.clear(this.sidebarRef.current);
+        this.disableDocumentSettings();
+        utils.ZIndexUtils.clear(this.mask);
       }
     }, {
       key: "renderCloseIcon",
       value: function renderCloseIcon() {
-        var _this5 = this;
+        var _this6 = this;
 
         if (this.props.showCloseIcon) {
-          return /*#__PURE__*/React__default['default'].createElement("button", {
+          return /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             ref: function ref(el) {
-              return _this5.closeIcon = el;
+              return _this6.closeIcon = el;
             },
             className: "p-sidebar-close p-sidebar-icon p-link",
-            onClick: this.onCloseClick,
+            onClick: this.onClose,
             "aria-label": this.props.ariaCloseLabel
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default["default"].createElement("span", {
             className: "p-sidebar-close-icon pi pi-times"
-          }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
 
         return null;
@@ -308,7 +313,7 @@ this.primereact.sidebar = (function (exports, React, core) {
       key: "renderIcons",
       value: function renderIcons() {
         if (this.props.icons) {
-          return core.ObjectUtils.getJSXElement(this.props.icons, this.props);
+          return utils.ObjectUtils.getJSXElement(this.props.icons, this.props);
         }
 
         return null;
@@ -316,47 +321,63 @@ this.primereact.sidebar = (function (exports, React, core) {
     }, {
       key: "renderElement",
       value: function renderElement() {
-        var className = core.classNames('p-sidebar p-component', this.props.className, 'p-sidebar-' + this.props.position, {
-          'p-sidebar-active': this.props.visible,
+        var _this7 = this;
+
+        var className = utils.classNames('p-sidebar p-component', this.props.className);
+        var maskClassName = utils.classNames('p-sidebar-mask', {
+          'p-component-overlay p-component-overlay-enter': this.props.modal,
+          'p-sidebar-mask-scrollblocker': this.props.blockScroll,
+          'p-sidebar-visible': this.state.maskVisible,
           'p-sidebar-full': this.props.fullScreen
-        });
+        }, this.props.maskClassName, this.getPositionClass());
         var closeIcon = this.renderCloseIcon();
         var icons = this.renderIcons();
         var transitionTimeout = {
-          enter: this.props.fullScreen ? 400 : 300,
-          exit: this.props.fullScreen ? 400 : 300
+          enter: this.props.fullScreen ? 150 : 300,
+          exit: this.props.fullScreen ? 150 : 300
         };
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          ref: function ref(el) {
+            return _this7.mask = el;
+          },
+          style: this.props.maskStyle,
+          className: maskClassName,
+          onClick: this.onMaskClick
+        }, /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.sidebarRef,
           classNames: "p-sidebar",
-          in: this.props.visible,
+          "in": this.state.visible,
           timeout: transitionTimeout,
           options: this.props.transitionOptions,
           unmountOnExit: true,
-          onEnter: this.onEnter,
           onEntered: this.onEntered,
-          onExit: this.onExit,
+          onExiting: this.onExiting,
           onExited: this.onExited
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.sidebarRef,
           id: this.props.id,
           className: className,
           style: this.props.style,
           role: "complementary"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-sidebar-header"
-        }, icons, closeIcon), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, icons, closeIcon), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-sidebar-content"
-        }, this.props.children)));
+        }, this.props.children))));
       }
     }, {
       key: "render",
       value: function render() {
-        var element = this.renderElement();
-        return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
-          element: element,
-          appendTo: this.props.appendTo
-        });
+        if (this.state.maskVisible) {
+          var element = this.renderElement();
+          return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
+            element: element,
+            appendTo: this.props.appendTo,
+            visible: true
+          });
+        }
+
+        return null;
       }
     }]);
 
@@ -367,6 +388,8 @@ this.primereact.sidebar = (function (exports, React, core) {
     id: null,
     style: null,
     className: null,
+    maskStyle: null,
+    maskClassName: null,
     visible: false,
     position: 'left',
     fullScreen: false,
@@ -390,4 +413,4 @@ this.primereact.sidebar = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition, primereact.ripple, primereact.portal, primereact.api);

package/sidebar/sidebar.min.css

@@ -1 +1 @@
-.p-sidebar{position:fixed;display:flex;flex-direction:column}.p-sidebar-content{position:relative;overflow-y:auto}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-left{top:0;left:0;width:20rem;height:100%}.p-sidebar-right{top:0;right:0;width:20rem;height:100%}.p-sidebar-top{top:0;left:0;width:100%;height:10rem}.p-sidebar-bottom{bottom:0;left:0;width:100%;height:10rem}.p-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.p-sidebar-left.p-sidebar-enter{transform:translateX(-100%)}.p-sidebar-left.p-sidebar-enter-active{transform:translateX(0);transition:transform .3s}.p-sidebar-left.p-sidebar-exit{transform:translateX(0)}.p-sidebar-left.p-sidebar-exit-active{transform:translateX(-100%);transition:transform .3s}.p-sidebar-right.p-sidebar-enter{transform:translateX(100%)}.p-sidebar-right.p-sidebar-enter-active{transform:translateX(0);transition:transform .3s}.p-sidebar-right.p-sidebar-exit{transform:translateX(0)}.p-sidebar-right.p-sidebar-exit-active{transform:translateX(100%);transition:transform .3s}.p-sidebar-top.p-sidebar-enter{transform:translateY(-100%)}.p-sidebar-top.p-sidebar-enter-active{transform:translateY(0);transition:transform .3s}.p-sidebar-top.p-sidebar-exit{transform:translateY(0)}.p-sidebar-top.p-sidebar-exit-active{transform:translateY(-100%);transition:transform .3s}.p-sidebar-bottom.p-sidebar-enter{transform:translateY(100%)}.p-sidebar-bottom.p-sidebar-enter-active{transform:translateY(0);transition:transform .3s}.p-sidebar-bottom.p-sidebar-exit{transform:translateY(0)}.p-sidebar-bottom.p-sidebar-exit-active{transform:translateY(100%);transition:transform .3s}.p-sidebar-full.p-sidebar-enter{opacity:0}.p-sidebar-full.p-sidebar-enter-active{opacity:1;transition:opacity 400ms cubic-bezier(0.25,0.8,0.25,1)}.p-sidebar-full.p-sidebar-exit{opacity:1}.p-sidebar-full.p-sidebar-exit-active{opacity:0;transition:opacity 400ms cubic-bezier(0.25,0.8,0.25,1)}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-top.p-sidebar-sm,.p-sidebar-bottom.p-sidebar-sm{height:10rem}.p-sidebar-top.p-sidebar-md,.p-sidebar-bottom.p-sidebar-md{height:20rem}.p-sidebar-top.p-sidebar-lg,.p-sidebar-bottom.p-sidebar-lg{height:30rem}.p-sidebar-left.p-sidebar-view,.p-sidebar-right.p-sidebar-view,.p-sidebar-top.p-sidebar-view,.p-sidebar-bottom.p-sidebar-view{width:100%;height:100%}.p-sidebar-left.p-sidebar-content,.p-sidebar-right.p-sidebar-content,.p-sidebar-top.p-sidebar-content,.p-sidebar-bottom.p-sidebar-content{position:absolute;width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}
+.p-sidebar-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-sidebar-visible{display:flex}.p-sidebar-mask.p-component-overlay{pointer-events:auto}.p-sidebar{display:flex;flex-direction:column;pointer-events:auto;transform:translate3d(0,0,0);position:relative}.p-sidebar-content{overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-full .p-sidebar{transition:none;transform:none;width:100vw !important;height:100vh !important;max-height:100%;top:0 !important;left:0 !important}.p-sidebar-top .p-sidebar-enter,.p-sidebar-top .p-sidebar-exit-active{transform:translate3d(0,-100%,0)}.p-sidebar-bottom .p-sidebar-enter,.p-sidebar-bottom .p-sidebar-exit-active{transform:translate3d(0,100%,0)}.p-sidebar-left .p-sidebar-enter,.p-sidebar-left .p-sidebar-exit-active{transform:translate3d(-100%,0,0)}.p-sidebar-right .p-sidebar-enter,.p-sidebar-right .p-sidebar-exit-active{transform:translate3d(100%,0,0)}.p-sidebar-top .p-sidebar-enter-active,.p-sidebar-bottom .p-sidebar-enter-active,.p-sidebar-left .p-sidebar-enter-active,.p-sidebar-right .p-sidebar-enter-active{transform:translate3d(0,0,0);transition:all .3s}.p-sidebar-top .p-sidebar-enter-done,.p-sidebar-bottom .p-sidebar-enter-done,.p-sidebar-left .p-sidebar-enter-done,.p-sidebar-right .p-sidebar-enter-done{transform:none}.p-sidebar-top .p-sidebar-exit-active,.p-sidebar-bottom .p-sidebar-exit-active,.p-sidebar-left .p-sidebar-exit-active,.p-sidebar-right .p-sidebar-exit-active{transition:all .3s}.p-sidebar-full .p-sidebar-enter{opacity:0;transform:scale(0.5)}.p-sidebar-full .p-sidebar-enter-active{opacity:1;transform:scale(1);transition:all .15s cubic-bezier(0,0,0.2,1)}.p-sidebar-full .p-sidebar-enter-done{transform:none}.p-sidebar-full .p-sidebar-exit-active{opacity:0;transform:scale(0.5);transition:all .15s cubic-bezier(0.4,0.0,0.2,1)}.p-sidebar-left{justify-content:flex-start}.p-sidebar-right{justify-content:flex-end}.p-sidebar-top{align-items:flex-start}.p-sidebar-bottom{align-items:flex-end}.p-sidebar-left .p-sidebar{width:20rem;height:100%}.p-sidebar-right .p-sidebar{width:20rem;height:100%}.p-sidebar-top .p-sidebar{height:10rem;width:100%}.p-sidebar-bottom .p-sidebar{height:10rem;width:100%}.p-sidebar-left .p-sidebar-sm,.p-sidebar-right .p-sidebar-sm{width:20rem}.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-md{width:40rem}.p-sidebar-left .p-sidebar-lg,.p-sidebar-right .p-sidebar-lg{width:60rem}.p-sidebar-top .p-sidebar-sm,.p-sidebar-bottom .p-sidebar-sm{height:10rem}.p-sidebar-top .p-sidebar-md,.p-sidebar-bottom .p-sidebar-md{height:20rem}.p-sidebar-top .p-sidebar-lg,.p-sidebar-bottom .p-sidebar-lg{height:30rem}.p-sidebar-left .p-sidebar-view,.p-sidebar-right .p-sidebar-view,.p-sidebar-top .p-sidebar-view,.p-sidebar-bottom .p-sidebar-view{width:100%;height:100%}.p-sidebar-left .p-sidebar-content,.p-sidebar-right .p-sidebar-content,.p-sidebar-top .p-sidebar-content,.p-sidebar-bottom .p-sidebar-content{width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left .p-sidebar-lg,.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-lg,.p-sidebar-right .p-sidebar-md{width:20rem}}

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){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(e){return!1}}var h,m,b,y=function(e){c(b,e);var t,i,a,u,h,m=(t=b,i=f(),function(){var e,n=p(t);if(i){var s=p(this).constructor;e=Reflect.construct(n,arguments,s)}else e=n.apply(this,arguments);return d(this,e)});function b(e){var t;return o(this,b),(t=m.call(this,e)).onCloseClick=t.onCloseClick.bind(l(t)),t.onEnter=t.onEnter.bind(l(t)),t.onEntered=t.onEntered.bind(l(t)),t.onExit=t.onExit.bind(l(t)),t.onExited=t.onExited.bind(l(t)),t.sidebarRef=s.default.createRef(),t}return a=b,(u=[{key:"onCloseClick",value:function(e){this.props.onHide(),e.preventDefault()}},{key:"onEnter",value:function(){n.ZIndexUtils.set("modal",this.sidebarRef.current,this.props.baseZIndex),this.props.modal&&this.enableModality()}},{key:"onEntered",value:function(){this.props.closeOnEscape&&this.bindDocumentEscapeListener(),this.closeIcon&&this.closeIcon.focus(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindMaskClickListener(),this.unbindDocumentEscapeListener(),this.props.modal&&this.disableModality()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.sidebarRef.current)}},{key:"enableModality",value:function(){if(!this.mask){this.mask=document.createElement("div"),this.mask.style.zIndex=String(n.ZIndexUtils.get(this.sidebarRef.current)-1);var e="p-component-overlay p-component-overlay p-component-overlay-enter";this.props.blockScroll&&(e+=" p-sidebar-mask-scrollblocker"),n.DomHandler.addMultipleClasses(this.mask,e),this.props.dismissable&&this.bindMaskClickListener(),document.body.appendChild(this.mask),this.props.blockScroll&&n.DomHandler.addClass(document.body,"p-overflow-hidden")}}},{key:"disableModality",value:function(){var e=this;this.mask&&(n.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(function(){e.destroyModal()})))}},{key:"destroyModal",value:function(){this.mask&&(this.unbindMaskClickListener(),document.body.removeChild(this.mask),n.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null)}},{key:"bindDocumentEscapeListener",value:function(){var e=this;this.documentEscapeListener=function(t){27===t.which&&n.ZIndexUtils.get(e.sidebarRef.current)===n.ZIndexUtils.getCurrent("modal")&&e.onCloseClick(t)},document.addEventListener("keydown",this.documentEscapeListener)}},{key:"unbindDocumentEscapeListener",value:function(){this.documentEscapeListener&&(document.removeEventListener("keydown",this.documentEscapeListener),this.documentEscapeListener=null)}},{key:"bindMaskClickListener",value:function(){var e=this;this.maskClickListener||(this.maskClickListener=function(t){e.onCloseClick(t)},this.mask.addEventListener("click",this.maskClickListener))}},{key:"unbindMaskClickListener",value:function(){this.maskClickListener&&(this.mask.removeEventListener("click",this.maskClickListener),this.maskClickListener=null)}},{key:"componentDidUpdate",value:function(e,t){this.mask&&e.dismissable!==this.props.dismissable&&(this.props.dismissable?this.bindMaskClickListener():this.unbindMaskClickListener())}},{key:"componentWillUnmount",value:function(){this.unbindMaskClickListener(),this.disableModality(),n.ZIndexUtils.clear(this.sidebarRef.current)}},{key:"renderCloseIcon",value:function(){var e=this;return this.props.showCloseIcon?s.default.createElement("button",{type:"button",ref:function(t){return e.closeIcon=t},className:"p-sidebar-close p-sidebar-icon p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},s.default.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),s.default.createElement(n.Ripple,null)):null}},{key:"renderIcons",value:function(){return this.props.icons?n.ObjectUtils.getJSXElement(this.props.icons,this.props):null}},{key:"renderElement",value:function(){var e=n.classNames("p-sidebar p-component",this.props.className,"p-sidebar-"+this.props.position,{"p-sidebar-active":this.props.visible,"p-sidebar-full":this.props.fullScreen}),t=this.renderCloseIcon(),i=this.renderIcons();return s.default.createElement(n.CSSTransition,{nodeRef:this.sidebarRef,classNames:"p-sidebar",in:this.props.visible,timeout:{enter:this.props.fullScreen?400:300,exit:this.props.fullScreen?400:300},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},s.default.createElement("div",{ref:this.sidebarRef,id:this.props.id,className:e,style:this.props.style,role:"complementary"},s.default.createElement("div",{className:"p-sidebar-header"},i,t),s.default.createElement("div",{className:"p-sidebar-content"},this.props.children)))}},{key:"render",value:function(){var e=this.renderElement();return s.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}])&&r(a.prototype,u),h&&r(a,h),b}(t.Component);return b={id:null,style:null,className:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},(m="defaultProps")in(h=y)?Object.defineProperty(h,m,{value:b,enumerable:!0,configurable:!0,writable:!0}):h[m]=b,e.Sidebar=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,s,i,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t),c=l(r);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function v(){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(e){return!1}}var k,E,S,C=function(e){m(E,e);var t,r,l,f,b,k=(t=E,r=v(),function(){var e,n=y(t);if(r){var s=y(this).constructor;e=Reflect.construct(n,arguments,s)}else e=n.apply(this,arguments);return h(this,e)});function E(e){var t;return u(this,E),(t=k.call(this,e)).state={maskVisible:!1,visible:!1},t.onMaskClick=t.onMaskClick.bind(d(t)),t.onClose=t.onClose.bind(d(t)),t.onEntered=t.onEntered.bind(d(t)),t.onExiting=t.onExiting.bind(d(t)),t.onExited=t.onExited.bind(d(t)),t.sidebarRef=a.default.createRef(),t}return l=E,(f=[{key:"getPositionClass",value:function(){var e=this,t=["left","right","top","bottom"].find((function(t){return t===e.props.position}));return t?"p-sidebar-".concat(t):""}},{key:"focus",value:function(){var e=document.activeElement;!(e&&this.sidebarRef&&this.sidebarRef.current.contains(e))&&this.props.showCloseIcon&&this.closeIcon.focus()}},{key:"onMaskClick",value:function(e){this.props.dismissable&&this.props.modal&&this.mask===e.target&&this.onClose(e)}},{key:"onClose",value:function(e){this.props.onHide(),e.preventDefault()}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow(),this.focus(),this.enableDocumentSettings()}},{key:"onExiting",value:function(){this.props.modal&&n.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.mask),this.setState({maskVisible:!1}),this.disableDocumentSettings()}},{key:"enableDocumentSettings",value:function(){this.bindGlobalListeners(),this.props.blockScroll&&n.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"disableDocumentSettings",value:function(){this.unbindGlobalListeners(),this.props.blockScroll&&n.DomHandler.removeClass(document.body,"p-overflow-hidden")}},{key:"bindGlobalListeners",value:function(){this.props.closeOnEscape&&this.bindDocumentEscapeListener()}},{key:"unbindGlobalListeners",value:function(){this.unbindDocumentEscapeListener()}},{key:"bindDocumentEscapeListener",value:function(){var e=this;this.documentEscapeListener=function(t){27===t.which&&n.ZIndexUtils.get(e.mask)===n.ZIndexUtils.getCurrent("modal",c.default.autoZIndex)&&e.onClose(t)},document.addEventListener("keydown",this.documentEscapeListener)}},{key:"unbindDocumentEscapeListener",value:function(){this.documentEscapeListener&&(document.removeEventListener("keydown",this.documentEscapeListener),this.documentEscapeListener=null)}},{key:"componentDidMount",value:function(){var e=this;this.props.visible&&this.setState({maskVisible:!0,visible:!0},(function(){n.ZIndexUtils.set("modal",e.mask,c.default.autoZIndex,e.props.baseZIndex||c.default.zIndex.modal)}))}},{key:"componentDidUpdate",value:function(e,t){var s=this;this.props.visible&&!this.state.maskVisible&&this.setState({maskVisible:!0},(function(){n.ZIndexUtils.set("modal",s.mask,c.default.autoZIndex,s.props.baseZIndex||c.default.zIndex.modal)})),this.props.visible!==this.state.visible&&this.state.maskVisible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.disableDocumentSettings(),n.ZIndexUtils.clear(this.mask)}},{key:"renderCloseIcon",value:function(){var e=this;return this.props.showCloseIcon?a.default.createElement("button",{type:"button",ref:function(t){return e.closeIcon=t},className:"p-sidebar-close p-sidebar-icon p-link",onClick:this.onClose,"aria-label":this.props.ariaCloseLabel},a.default.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),a.default.createElement(i.Ripple,null)):null}},{key:"renderIcons",value:function(){return this.props.icons?n.ObjectUtils.getJSXElement(this.props.icons,this.props):null}},{key:"renderElement",value:function(){var e=this,t=n.classNames("p-sidebar p-component",this.props.className),i=n.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":this.props.modal,"p-sidebar-mask-scrollblocker":this.props.blockScroll,"p-sidebar-visible":this.state.maskVisible,"p-sidebar-full":this.props.fullScreen},this.props.maskClassName,this.getPositionClass()),o=this.renderCloseIcon(),r=this.renderIcons();return a.default.createElement("div",{ref:function(t){return e.mask=t},style:this.props.maskStyle,className:i,onClick:this.onMaskClick},a.default.createElement(s.CSSTransition,{nodeRef:this.sidebarRef,classNames:"p-sidebar",in:this.state.visible,timeout:{enter:this.props.fullScreen?150:300,exit:this.props.fullScreen?150:300},options:this.props.transitionOptions,unmountOnExit:!0,onEntered:this.onEntered,onExiting:this.onExiting,onExited:this.onExited},a.default.createElement("div",{ref:this.sidebarRef,id:this.props.id,className:t,style:this.props.style,role:"complementary"},a.default.createElement("div",{className:"p-sidebar-header"},r,o),a.default.createElement("div",{className:"p-sidebar-content"},this.props.children))))}},{key:"render",value:function(){if(this.state.maskVisible){var e=this.renderElement();return a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo,visible:!0})}return null}}])&&p(l.prototype,f),b&&p(l,b),Object.defineProperty(l,"prototype",{writable:!1}),E}(t.Component);return S={id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(k=C)?Object.defineProperty(k,E,{value:S,enumerable:!0,configurable:!0,writable:!0}):k[E]=S,e.Sidebar=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.portal,primereact.api);

package/skeleton/skeleton.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,6 +28,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52,23 +55,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _assertThisInitialized(self) {
@@ -141,12 +141,12 @@ var Skeleton = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var skeletonClassName = core.classNames('p-skeleton p-component', {
+      var skeletonClassName = utils.classNames('p-skeleton p-component', {
         'p-skeleton-circle': this.props.shape === 'circle',
         'p-skeleton-none': this.props.animation === 'none'
       }, this.props.className);
       var style = this.skeletonStyle();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         style: style,
         className: skeletonClassName
       });

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){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(e){return!1}}var y,h,b,d=function(r){c(d,e.Component);var u,s,l,y,h,b=(u=d,s=p(),function(){var e,t=f(u);if(s){var r=f(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return a(this,e)});function d(){return o(this,d),b.apply(this,arguments)}return l=d,(y=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var e=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),r=this.skeletonStyle();return n.default.createElement("div",{style:r,className:e})}}])&&i(l.prototype,y),h&&i(l,h),d}();b={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(h="defaultProps")in(y=d)?Object.defineProperty(y,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):y[h]=b,exports.Skeleton=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function f(){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(e){return!1}}var y,h,b,d=function(r){c(d,e.Component);var u,s,l,y,h,b=(u=d,s=f(),function(){var e,t=p(u);if(s){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return a(this,e)});function d(){return n(this,d),b.apply(this,arguments)}return l=d,(y=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var e=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),r=this.skeletonStyle();return o.default.createElement("div",{style:r,className:e})}}])&&i(l.prototype,y),h&&i(l,h),Object.defineProperty(l,"prototype",{writable:!1}),d}();b={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(h="defaultProps")in(y=d)?Object.defineProperty(y,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):y[h]=b,exports.Skeleton=d;

package/skeleton/skeleton.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { classNames } from 'primereact/core';
+import { classNames } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +20,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -44,23 +47,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _assertThisInitialized(self) {