primereact 6.5.0 → 7.0.0-rc.1

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as n,ObjectUtils as r}from"primereact/core";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(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&&i(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 c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?c(e):t}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 m,y,d,b=function(i){a(h,t);var s,c,m,y,d,b=(s=h,c=f(),function(){var e,t=p(s);if(c){var n=p(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return u(this,e)});function h(){return o(this,h),b.apply(this,arguments)}return m=h,(y=[{key:"itemClick",value:function(e,t,n){this.props.readOnly||t.disabled?e.preventDefault():(this.props.onSelect&&this.props.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))}},{key:"renderItem",value:function(t,o){var l=this,i=o===this.props.activeIndex,a=t.disabled||o!==this.props.activeIndex&&this.props.readOnly,s=n("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":a}),c=t.label&&e.createElement("span",{className:"p-steps-title"},t.label),u=a?-1:"",p=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return l.itemClick(e,t,o)},tabIndex:u,"aria-disabled":a},e.createElement("span",{className:"p-steps-number"},o+1),c);return t.template&&(p=r.getJSXElement(t.template,t,{onClick:function(e){return l.itemClick(e,t,o)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:p,props:this.props,tabIndex:u,active:i,disabled:a})),e.createElement("li",{key:t.label+"_"+o,className:s,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},p)}},{key:"renderItems",value:function(){var t=this;if(this.props.model){var n=this.props.model.map((function(e,n){return t.renderItem(e,n)}));return e.createElement("ul",{role:"tablist"},n)}return null}},{key:"render",value:function(){var t=n("p-steps p-component",this.props.className,{"p-readonly":this.props.readOnly}),r=this.renderItems();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},r)}}])&&l(m.prototype,y),d&&l(m,d),h}();d={id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},(y="defaultProps")in(m=b)?Object.defineProperty(m,y,{value:d,enumerable:!0,configurable:!0,writable:!0}):m[y]=d;export{b as Steps};
+import e,{Component as t}from"react";import{classNames as r,ObjectUtils as n}from"primereact/core";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(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 i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(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&&i(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 c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(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 c(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 m,y,d,b=function(i){a(h,t);var s,c,m,y,d,b=(s=h,c=f(),function(){var e,t=p(s);if(c){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return u(this,e)});function h(){return o(this,h),b.apply(this,arguments)}return m=h,(y=[{key:"itemClick",value:function(e,t,r){this.props.readOnly||t.disabled?e.preventDefault():(this.props.onSelect&&this.props.onSelect({originalEvent:e,item:t,index:r}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:r}))}},{key:"renderItem",value:function(t,o){var l=this,i=o===this.props.activeIndex,a=t.disabled||o!==this.props.activeIndex&&this.props.readOnly,s=r("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":a}),c=t.label&&e.createElement("span",{className:"p-steps-title"},t.label),u=a?-1:"",p=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return l.itemClick(e,t,o)},tabIndex:u,"aria-disabled":a},e.createElement("span",{className:"p-steps-number"},o+1),c);return t.template&&(p=n.getJSXElement(t.template,t,{onClick:function(e){return l.itemClick(e,t,o)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:p,props:this.props,tabIndex:u,active:i,disabled:a})),e.createElement("li",{key:t.label+"_"+o,className:s,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},p)}},{key:"renderItems",value:function(){var t=this;if(this.props.model){var r=this.props.model.map((function(e,r){return t.renderItem(e,r)}));return e.createElement("ul",{role:"tablist"},r)}return null}},{key:"render",value:function(){var t=r("p-steps p-component",this.props.className,{"p-readonly":this.props.readOnly}),n=this.renderItems();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},n)}}])&&l(m.prototype,y),d&&l(m,d),h}();d={id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},(y="defaultProps")in(m=b)?Object.defineProperty(m,y,{value:d,enumerable:!0,configurable:!0,writable:!0}):m[y]=d;export{b as Steps};

package/steps/steps.js

@@ -79,6 +79,8 @@ this.primereact.steps = (function (exports, React, core) {
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(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&&i(e,t)}function c(e){return(c="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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?u(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(){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 d,y,b,h=function(e){s(y,e);var t,r,i,c,u,d=(t=y,r=m(),function(){var e,n=f(t);if(r){var l=f(this).constructor;e=Reflect.construct(n,arguments,l)}else e=n.apply(this,arguments);return p(this,e)});function y(){return o(this,y),d.apply(this,arguments)}return i=y,(c=[{key:"itemClick",value:function(e,t,n){this.props.readOnly||t.disabled?e.preventDefault():(this.props.onSelect&&this.props.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))}},{key:"renderItem",value:function(e,t){var r=this,o=t===this.props.activeIndex,a=e.disabled||t!==this.props.activeIndex&&this.props.readOnly,i=n.classNames("p-steps-item",e.className,{"p-highlight p-steps-current":o,"p-disabled":a}),s=e.label&&l.default.createElement("span",{className:"p-steps-title"},e.label),c=a?-1:"",u=l.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",role:"presentation",target:e.target,onClick:function(n){return r.itemClick(n,e,t)},tabIndex:c,"aria-disabled":a},l.default.createElement("span",{className:"p-steps-number"},t+1),s);return e.template&&(u=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return r.itemClick(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:u,props:this.props,tabIndex:c,active:o,disabled:a})),l.default.createElement("li",{key:e.label+"_"+t,className:i,style:e.style,role:"tab","aria-selected":o,"aria-expanded":o},u)}},{key:"renderItems",value:function(){var e=this;if(this.props.model){var t=this.props.model.map((function(t,n){return e.renderItem(t,n)}));return l.default.createElement("ul",{role:"tablist"},t)}return null}},{key:"render",value:function(){var e=n.classNames("p-steps p-component",this.props.className,{"p-readonly":this.props.readOnly}),t=this.renderItems();return l.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}])&&a(i.prototype,c),u&&a(i,u),y}(t.Component);return b={id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},(y="defaultProps")in(d=h)?Object.defineProperty(d,y,{value:b,enumerable:!0,configurable:!0,writable:!0}):d[y]=b,e.Steps=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);function l(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 a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(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 c(e){return(c="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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(){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 d,y,b,h=function(e){s(y,e);var t,n,a,c,u,d=(t=y,n=m(),function(){var e,r=f(t);if(n){var o=f(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return p(this,e)});function y(){return l(this,y),d.apply(this,arguments)}return a=y,(c=[{key:"itemClick",value:function(e,t,r){this.props.readOnly||t.disabled?e.preventDefault():(this.props.onSelect&&this.props.onSelect({originalEvent:e,item:t,index:r}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:r}))}},{key:"renderItem",value:function(e,t){var n=this,l=t===this.props.activeIndex,i=e.disabled||t!==this.props.activeIndex&&this.props.readOnly,a=r.classNames("p-steps-item",e.className,{"p-highlight p-steps-current":l,"p-disabled":i}),s=e.label&&o.default.createElement("span",{className:"p-steps-title"},e.label),c=i?-1:"",u=o.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",role:"presentation",target:e.target,onClick:function(r){return n.itemClick(r,e,t)},tabIndex:c,"aria-disabled":i},o.default.createElement("span",{className:"p-steps-number"},t+1),s);return e.template&&(u=r.ObjectUtils.getJSXElement(e.template,e,{onClick:function(r){return n.itemClick(r,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:u,props:this.props,tabIndex:c,active:l,disabled:i})),o.default.createElement("li",{key:e.label+"_"+t,className:a,style:e.style,role:"tab","aria-selected":l,"aria-expanded":l},u)}},{key:"renderItems",value:function(){var e=this;if(this.props.model){var t=this.props.model.map((function(t,r){return e.renderItem(t,r)}));return o.default.createElement("ul",{role:"tablist"},t)}return null}},{key:"render",value:function(){var e=r.classNames("p-steps p-component",this.props.className,{"p-readonly":this.props.readOnly}),t=this.renderItems();return o.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}])&&i(a.prototype,c),u&&i(a,u),y}(t.Component);return b={id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},(y="defaultProps")in(d=h)?Object.defineProperty(d,y,{value:b,enumerable:!0,configurable:!0,writable:!0}):d[y]=b,e.Steps=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);

package/styleclass/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./styleclass.cjs.js",
+    "module": "./styleclass.esm.js",
+    "unpkg": "./styleclass.min.js",
+    "types": "./styleclass.d.ts"
+}

package/styleclass/styleclass.cjs.js

@@ -0,0 +1,355 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var core = require('primereact/core');
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  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);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var StyleClass = /*#__PURE__*/function (_Component) {
+  _inherits(StyleClass, _Component);
+
+  var _super = _createSuper(StyleClass);
+
+  function StyleClass() {
+    _classCallCheck(this, StyleClass);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(StyleClass, [{
+    key: "enter",
+    value: function enter() {
+      var _this = this;
+
+      if (this.props.enterActiveClassName) {
+        if (!this.animating) {
+          this.animating = true;
+
+          if (this.props.enterActiveClassName === 'slidedown') {
+            this.target.style.height = '0px';
+            core.DomHandler.removeClass(this.target, 'hidden');
+            this.target.style.maxHeight = this.target.scrollHeight + 'px';
+            core.DomHandler.addClass(this.target, 'hidden');
+            this.target.style.height = '';
+          }
+
+          core.DomHandler.addClass(this.target, this.props.enterActiveClassName);
+
+          if (this.props.enterClassName) {
+            core.DomHandler.removeClass(this.target, this.props.enterClassName);
+          }
+
+          this.enterListener = function () {
+            core.DomHandler.removeClass(_this.target, _this.props.enterActiveClassName);
+
+            if (_this.props.enterToClassName) {
+              core.DomHandler.addClass(_this.target, _this.props.enterToClassName);
+            }
+
+            _this.target.removeEventListener('animationend', _this.enterListener);
+
+            if (_this.props.enterActiveClassName === 'slidedown') {
+              _this.target.style.maxHeight = '';
+            }
+
+            _this.animating = false;
+          };
+
+          this.target.addEventListener('animationend', this.enterListener);
+        }
+      } else {
+        if (this.props.enterClassName) {
+          core.DomHandler.removeClass(this.target, this.props.enterClassName);
+        }
+
+        if (this.props.enterToClassName) {
+          core.DomHandler.addClass(this.target, this.props.enterToClassName);
+        }
+      }
+
+      if (this.props.hideOnOutsideClick) {
+        this.bindDocumentListener();
+      }
+    }
+  }, {
+    key: "leave",
+    value: function leave() {
+      var _this2 = this;
+
+      if (this.props.leaveActiveClassName) {
+        if (!this.animating) {
+          this.animating = true;
+          core.DomHandler.addClass(this.target, this.props.leaveActiveClassName);
+
+          if (this.props.leaveClassName) {
+            core.DomHandler.removeClass(this.target, this.props.leaveClassName);
+          }
+
+          this.leaveListener = function () {
+            core.DomHandler.removeClass(_this2.target, _this2.props.leaveActiveClassName);
+
+            if (_this2.props.leaveToClassName) {
+              core.DomHandler.addClass(_this2.target, _this2.props.leaveToClassName);
+            }
+
+            _this2.target.removeEventListener('animationend', _this2.leaveListener);
+
+            _this2.animating = false;
+          };
+
+          this.target.addEventListener('animationend', this.leaveListener);
+        }
+      } else {
+        if (this.props.leaveClassName) {
+          core.DomHandler.removeClass(this.target, this.props.leaveClassName);
+        }
+
+        if (this.props.leaveToClassName) {
+          core.DomHandler.addClass(this.target, this.props.leaveToClassName);
+        }
+      }
+
+      if (this.props.hideOnOutsideClick) {
+        this.unbindDocumentListener();
+      }
+    }
+  }, {
+    key: "resolveTarget",
+    value: function resolveTarget() {
+      if (this.target) {
+        return this.target;
+      }
+
+      switch (this.props.selector) {
+        case '@next':
+          return this.el.nextElementSibling;
+
+        case '@prev':
+          return this.el.previousElementSibling;
+
+        case '@parent':
+          return this.el.parentElement;
+
+        case '@grandparent':
+          return this.el.parentElement.parentElement;
+
+        default:
+          return document.querySelector(this.props.selector);
+      }
+    }
+  }, {
+    key: "bindDocumentListener",
+    value: function bindDocumentListener() {
+      var _this3 = this;
+
+      if (!this.documentListener) {
+        this.documentListener = function (event) {
+          if (getComputedStyle(_this3.target).getPropertyValue('position') === 'static') {
+            _this3.unbindDocumentListener();
+          } else if (!_this3.el.isSameNode(event.target) && !_this3.el.contains(event.target) && !_this3.target.contains(event.target)) {
+            _this3.leave();
+          }
+        };
+
+        this.el.ownerDocument.addEventListener('click', this.documentListener);
+      }
+    }
+  }, {
+    key: "unbindDocumentListener",
+    value: function unbindDocumentListener() {
+      if (this.documentListener) {
+        this.el.ownerDocument.removeEventListener('click', this.documentListener);
+        this.documentListener = null;
+      }
+    }
+  }, {
+    key: "bindEvents",
+    value: function bindEvents() {
+      var _this4 = this;
+
+      this.clickListener = function () {
+        _this4.target = _this4.resolveTarget();
+
+        if (_this4.props.toggleClassName) {
+          if (core.DomHandler.hasClass(_this4.target, _this4.props.toggleClassName)) core.DomHandler.removeClass(_this4.target, _this4.props.toggleClassName);else core.DomHandler.addClass(_this4.target, _this4.props.toggleClassName);
+        } else {
+          if (_this4.target.offsetParent === null) _this4.enter();else _this4.leave();
+        }
+      };
+
+      this.el.addEventListener('click', this.clickListener);
+    }
+  }, {
+    key: "unbindEvents",
+    value: function unbindEvents() {
+      if (this.clickListener) {
+        this.el.removeEventListener('click', this.clickListener);
+        this.clickListener = null;
+      }
+    }
+  }, {
+    key: "el",
+    get: function get() {
+      return core.ObjectUtils.getRefElement(this.props.nodeRef);
+    }
+  }, {
+    key: "init",
+    value: function init() {
+      if (this.el) {
+        this.bindEvents();
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.unbindEvents();
+      this.unbindDocumentListener();
+      this.target = null;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.init();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.nodeRef !== this.props.nodeRef) {
+        this.destroy();
+        this.init();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.destroy();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+
+  return StyleClass;
+}(react.Component);
+
+_defineProperty(StyleClass, "defaultProps", {
+  nodeRef: null,
+  selector: null,
+  enterClassName: null,
+  enterActiveClassName: null,
+  enterToClassName: null,
+  leaveClassName: null,
+  leaveActiveClassName: null,
+  leaveToClassName: null,
+  hideOnOutsideClick: false,
+  toggleClassName: null
+});
+
+exports.StyleClass = StyleClass;

package/styleclass/styleclass.cjs.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(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 r(e,t){return(r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(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&&r(e,t)}function a(e){return(a="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 o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(){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 p,m,h,d=function(r){i(f,e.Component);var a,o,p,m,h,d=(a=f,o=c(),function(){var e,t=u(a);if(o){var n=u(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return l(this,e)});function f(){return n(this,f),d.apply(this,arguments)}return p=f,(m=[{key:"enter",value:function(){var e=this;this.props.enterActiveClassName?this.animating||(this.animating=!0,"slidedown"===this.props.enterActiveClassName&&(this.target.style.height="0px",t.DomHandler.removeClass(this.target,"hidden"),this.target.style.maxHeight=this.target.scrollHeight+"px",t.DomHandler.addClass(this.target,"hidden"),this.target.style.height=""),t.DomHandler.addClass(this.target,this.props.enterActiveClassName),this.props.enterClassName&&t.DomHandler.removeClass(this.target,this.props.enterClassName),this.enterListener=function(){t.DomHandler.removeClass(e.target,e.props.enterActiveClassName),e.props.enterToClassName&&t.DomHandler.addClass(e.target,e.props.enterToClassName),e.target.removeEventListener("animationend",e.enterListener),"slidedown"===e.props.enterActiveClassName&&(e.target.style.maxHeight=""),e.animating=!1},this.target.addEventListener("animationend",this.enterListener)):(this.props.enterClassName&&t.DomHandler.removeClass(this.target,this.props.enterClassName),this.props.enterToClassName&&t.DomHandler.addClass(this.target,this.props.enterToClassName)),this.props.hideOnOutsideClick&&this.bindDocumentListener()}},{key:"leave",value:function(){var e=this;this.props.leaveActiveClassName?this.animating||(this.animating=!0,t.DomHandler.addClass(this.target,this.props.leaveActiveClassName),this.props.leaveClassName&&t.DomHandler.removeClass(this.target,this.props.leaveClassName),this.leaveListener=function(){t.DomHandler.removeClass(e.target,e.props.leaveActiveClassName),e.props.leaveToClassName&&t.DomHandler.addClass(e.target,e.props.leaveToClassName),e.target.removeEventListener("animationend",e.leaveListener),e.animating=!1},this.target.addEventListener("animationend",this.leaveListener)):(this.props.leaveClassName&&t.DomHandler.removeClass(this.target,this.props.leaveClassName),this.props.leaveToClassName&&t.DomHandler.addClass(this.target,this.props.leaveToClassName)),this.props.hideOnOutsideClick&&this.unbindDocumentListener()}},{key:"resolveTarget",value:function(){if(this.target)return this.target;switch(this.props.selector){case"@next":return this.el.nextElementSibling;case"@prev":return this.el.previousElementSibling;case"@parent":return this.el.parentElement;case"@grandparent":return this.el.parentElement.parentElement;default:return document.querySelector(this.props.selector)}}},{key:"bindDocumentListener",value:function(){var e=this;this.documentListener||(this.documentListener=function(t){"static"===getComputedStyle(e.target).getPropertyValue("position")?e.unbindDocumentListener():e.el.isSameNode(t.target)||e.el.contains(t.target)||e.target.contains(t.target)||e.leave()},this.el.ownerDocument.addEventListener("click",this.documentListener))}},{key:"unbindDocumentListener",value:function(){this.documentListener&&(this.el.ownerDocument.removeEventListener("click",this.documentListener),this.documentListener=null)}},{key:"bindEvents",value:function(){var e=this;this.clickListener=function(){e.target=e.resolveTarget(),e.props.toggleClassName?t.DomHandler.hasClass(e.target,e.props.toggleClassName)?t.DomHandler.removeClass(e.target,e.props.toggleClassName):t.DomHandler.addClass(e.target,e.props.toggleClassName):null===e.target.offsetParent?e.enter():e.leave()},this.el.addEventListener("click",this.clickListener)}},{key:"unbindEvents",value:function(){this.clickListener&&(this.el.removeEventListener("click",this.clickListener),this.clickListener=null)}},{key:"el",get:function(){return t.ObjectUtils.getRefElement(this.props.nodeRef)}},{key:"init",value:function(){this.el&&this.bindEvents()}},{key:"destroy",value:function(){this.unbindEvents(),this.unbindDocumentListener(),this.target=null}},{key:"componentDidMount",value:function(){this.init()}},{key:"componentDidUpdate",value:function(e,t){e.nodeRef!==this.props.nodeRef&&(this.destroy(),this.init())}},{key:"componentWillUnmount",value:function(){this.destroy()}},{key:"render",value:function(){return this.props.children}}])&&s(p.prototype,m),h&&s(p,h),f}();h={nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},(m="defaultProps")in(p=d)?Object.defineProperty(p,m,{value:h,enumerable:!0,configurable:!0,writable:!0}):p[m]=h,exports.StyleClass=d;

package/styleclass/styleclass.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+type StyleClassSelectorType = '@next' | '@prev' | '@parent' | '@grandparent' | string;
+
+export interface StyleClassProps {
+    nodeRef?: React.ReactNode;
+    selector?: StyleClassSelectorType;
+    enterClassName?: string;
+    enterActiveClassName?: string;
+    enterToClassName?: string;
+    leaveClassName?: string;
+    leaveActiveClassName?: string;
+    leaveToClassName?: string;
+    hideOnOutsideClick?: boolean;
+    toggleClassName?: string;
+}
+
+export declare class StyleClass extends React.Component<StyleClassProps, any> { }