primereact 8.7.2 → 9.0.0-beta.1

package/steps/steps.js

@@ -26,14 +26,12 @@ this.primereact.steps = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,13 +39,11 @@ this.primereact.steps = (function (exports, React, utils) {
 
   var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-
     var itemClick = function itemClick(event, item, index) {
       if (props.readOnly || item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (props.onSelect) {
         props.onSelect({
           originalEvent: event,
@@ -55,11 +51,9 @@ this.primereact.steps = (function (exports, React, utils) {
           index: index
         });
       }
-
       if (!item.url) {
         event.preventDefault();
       }
-
       if (item.command) {
         item.command({
           originalEvent: event,
@@ -68,12 +62,10 @@ this.primereact.steps = (function (exports, React, utils) {
         });
       }
     };
-
     var createItem = function createItem(item, index) {
       if (item.visible === false) {
         return null;
       }
-
       var key = item.label + '_' + index;
       var active = index === props.activeIndex;
       var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -103,7 +95,6 @@ this.primereact.steps = (function (exports, React, utils) {
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-steps-number"
       }, index + 1), icon, label);
-
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -121,7 +112,6 @@ this.primereact.steps = (function (exports, React, utils) {
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         id: item.id,
@@ -132,19 +122,15 @@ this.primereact.steps = (function (exports, React, utils) {
         "aria-expanded": active
       }, content);
     };
-
     var createItems = function createItems() {
       if (props.model) {
         var _items = props.model.map(createItem);
-
         return /*#__PURE__*/React__namespace.createElement("ul", {
           role: "tablist"
         }, _items);
       }
-
       return null;
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/styleclass/styleclass.cjs.js

@@ -31,42 +31,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -91,82 +89,69 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   var targetRef = React__namespace.useRef(null);
   var animating = React__namespace.useRef(false);
   var elementRef = React__namespace.useRef(null);
-
   var _useEventListener = hooks.useEventListener({
-    type: 'animationend',
-    listener: function listener() {
-      utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
-
-      if (props.enterToClassName) {
-        utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
-      }
-
-      unbindTargetEnterListener();
-
-      if (props.enterActiveClassName === 'slidedown') {
-        targetRef.current.style.maxHeight = '';
+      type: 'animationend',
+      listener: function listener() {
+        utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+        if (props.enterToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+        }
+        unbindTargetEnterListener();
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.maxHeight = '';
+        }
+        animating.current = false;
       }
-
-      animating.current = false;
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindTargetEnterListener = _useEventListener2[0],
-      unbindTargetEnterListener = _useEventListener2[1];
-
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindTargetEnterListener = _useEventListener2[0],
+    unbindTargetEnterListener = _useEventListener2[1];
   var _useEventListener3 = hooks.useEventListener({
-    type: 'animationend',
-    listener: function listener() {
-      utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
-
-      if (props.leaveToClassName) {
-        utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+      type: 'animationend',
+      listener: function listener() {
+        utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+        if (props.leaveToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        }
+        unbindTargetLeaveListener();
+        animating.current = false;
       }
-
-      unbindTargetLeaveListener();
-      animating.current = false;
-    }
-  }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindTargetLeaveListener = _useEventListener4[0],
-      unbindTargetLeaveListener = _useEventListener4[1];
-
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindTargetLeaveListener = _useEventListener4[0],
+    unbindTargetLeaveListener = _useEventListener4[1];
   var _useEventListener5 = hooks.useEventListener({
-    type: 'click',
-    listener: function listener(event) {
-      if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
-        unbindDocumentClickListener();
-      } else if (isOutsideClick(event)) {
-        leave();
-      }
-    },
-    when: props.hideOnOutsideClick
-  }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentClickListener = _useEventListener6[0],
-      unbindDocumentClickListener = _useEventListener6[1];
-
+      type: 'click',
+      listener: function listener(event) {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+          unbindDocumentClickListener();
+        } else if (isOutsideClick(event)) {
+          leave();
+        }
+      },
+      when: props.hideOnOutsideClick
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentClickListener = _useEventListener6[0],
+    unbindDocumentClickListener = _useEventListener6[1];
   var _useEventListener7 = hooks.useEventListener({
-    type: 'click',
-    listener: function listener() {
-      targetRef.current = resolveTarget();
-
-      if (props.toggleClassName) {
-        if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
-      } else {
-        utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+      type: 'click',
+      listener: function listener() {
+        targetRef.current = resolveTarget();
+        if (props.toggleClassName) {
+          if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
+        } else {
+          utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+        }
       }
-    }
-  }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindClickListener = _useEventListener8[0],
-      unbindClickListener = _useEventListener8[1];
-
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindClickListener = _useEventListener8[0],
+    unbindClickListener = _useEventListener8[1];
   var enter = function enter() {
     if (props.enterActiveClassName) {
       if (!animating.current) {
         animating.current = true;
-
         if (props.enterActiveClassName === 'slidedown') {
           targetRef.current.style.height = '0px';
           utils.DomHandler.removeClass(targetRef.current, 'hidden');
@@ -174,13 +159,10 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
           utils.DomHandler.addClass(targetRef.current, 'hidden');
           targetRef.current.style.height = '';
         }
-
         utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
-
         if (props.enterClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
-
         bindTargetEnterListener({
           target: targetRef.current
         });
@@ -189,27 +171,22 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       if (props.enterClassName) {
         utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
       }
-
       if (props.enterToClassName) {
         utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
       }
     }
-
     bindDocumentClickListener({
       target: elementRef.current && elementRef.current.ownerDocument
     });
   };
-
   var leave = function leave() {
     if (props.leaveActiveClassName) {
       if (!animating.current) {
         animating.current = true;
         utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
-
         if (props.leaveClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
-
         bindTargetLeaveListener({
           target: targetRef.current
         });
@@ -218,61 +195,48 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       if (props.leaveClassName) {
         utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
       }
-
       if (props.leaveToClassName) {
         utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
       }
     }
-
     if (props.hideOnOutsideClick) {
       unbindDocumentClickListener();
     }
   };
-
   var resolveTarget = function resolveTarget() {
     if (targetRef.current) {
       return targetRef.current;
     }
-
     switch (props.selector) {
       case '@next':
         return elementRef.current.nextElementSibling;
-
       case '@prev':
         return elementRef.current.previousElementSibling;
-
       case '@parent':
         return elementRef.current.parentElement;
-
       case '@grandparent':
         return elementRef.current.parentElement.parentElement;
-
       default:
         return document.querySelector(props.selector);
     }
   };
-
   var init = function init() {
     elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
     bindClickListener({
       target: elementRef.current
     });
   };
-
   var destroy = function destroy() {
     unbindClickListener();
     unbindDocumentClickListener();
     targetRef.current = null;
   };
-
   var isVisible = function isVisible(target) {
     return target.offsetParent !== null;
   };
-
   var isOutsideClick = function isOutsideClick(event) {
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}function o(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){A(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],N=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):t.DomHandler.isVisible(l.current)?b():H()}}),2),y=N[0],h=N[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},E=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},A=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return l.current}}})),r.useMountEffect((function(){E()})),r.useUpdateEffect((function(){return E(),function(){h()}})),r.useUnmountEffect((function(){h(),p(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}function o(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?A(e)&&H():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],N=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):t.DomHandler.isVisible(l.current)?H():b()}}),2),y=N[0],h=N[1],b=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},H=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},O=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},E=function(e){return null!==e.offsetParent},A=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return l.current}}})),r.useMountEffect((function(){O()})),r.useUpdateEffect((function(){return O(),function(){h()}})),r.useUnmountEffect((function(){h(),p(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;

package/styleclass/styleclass.d.ts

@@ -1,22 +1,87 @@
+/**
+ *
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/styleclass)
+ *
+ * @module styleclass
+ *
+ */
 import * as React from 'react';
 
-type StyleClassSelectorType = '@next' | '@prev' | '@parent' | '@grandparent' | string;
-
+/**
+ * Defines valid properties in StyleClass component.
+ * @group Properties
+ */
 export interface StyleClassProps {
+    /**
+     * A React reference to DOM element that need to specify. Required.
+     */
     nodeRef: React.MutableRefObject<React.ReactNode>;
-    selector?: StyleClassSelectorType;
-    enterClassName?: string;
-    enterActiveClassName?: string;
-    enterToClassName?: string;
-    leaveClassName?: string;
-    leaveActiveClassName?: string;
-    leaveToClassName?: string;
-    hideOnOutsideClick?: boolean;
-    toggleClassName?: string;
-    children?: React.ReactNode;
+    /**
+     * Selector to define the target element.
+     */
+    selector?: '@next' | '@prev' | '@parent' | '@grandparent' | string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterClassName?: string | undefined;
+    /**
+     * Style class to add during enter animation.
+     */
+    enterActiveClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterToClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     */
+    leaveClassName?: string | undefined;
+    /**
+     * Style class to add during leave animation.
+     */
+    leaveActiveClassName?: string | undefined;
+    /**
+     * Style class to add when leave animation is completed.
+     */
+    leaveToClassName?: string | undefined;
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @defaultValue false
+     */
+    hideOnOutsideClick?: boolean | undefined;
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     */
+    toggleClassName?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - StyleClass**
+ *
+ * _StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/styleclass/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class StyleClass extends React.Component<StyleClassProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLElement} Container element
+     */
     public getElement(): HTMLElement;
+    /**
+     * Used to get target element.
+     * @return {HTMLElement} Container element
+     */
     public getTarget(): HTMLElement;
 }