primereact 6.5.0 → 7.0.0-rc.1

package/styleclass/styleclass.esm.js

@@ -0,0 +1,351 @@
+import { Component } from 'react';
+import { DomHandler, ObjectUtils } from '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';
+            DomHandler.removeClass(this.target, 'hidden');
+            this.target.style.maxHeight = this.target.scrollHeight + 'px';
+            DomHandler.addClass(this.target, 'hidden');
+            this.target.style.height = '';
+          }
+
+          DomHandler.addClass(this.target, this.props.enterActiveClassName);
+
+          if (this.props.enterClassName) {
+            DomHandler.removeClass(this.target, this.props.enterClassName);
+          }
+
+          this.enterListener = function () {
+            DomHandler.removeClass(_this.target, _this.props.enterActiveClassName);
+
+            if (_this.props.enterToClassName) {
+              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) {
+          DomHandler.removeClass(this.target, this.props.enterClassName);
+        }
+
+        if (this.props.enterToClassName) {
+          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;
+          DomHandler.addClass(this.target, this.props.leaveActiveClassName);
+
+          if (this.props.leaveClassName) {
+            DomHandler.removeClass(this.target, this.props.leaveClassName);
+          }
+
+          this.leaveListener = function () {
+            DomHandler.removeClass(_this2.target, _this2.props.leaveActiveClassName);
+
+            if (_this2.props.leaveToClassName) {
+              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) {
+          DomHandler.removeClass(this.target, this.props.leaveClassName);
+        }
+
+        if (this.props.leaveToClassName) {
+          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 (DomHandler.hasClass(_this4.target, _this4.props.toggleClassName)) DomHandler.removeClass(_this4.target, _this4.props.toggleClassName);else 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 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;
+}(Component);
+
+_defineProperty(StyleClass, "defaultProps", {
+  nodeRef: null,
+  selector: null,
+  enterClassName: null,
+  enterActiveClassName: null,
+  enterToClassName: null,
+  leaveClassName: null,
+  leaveActiveClassName: null,
+  leaveToClassName: null,
+  hideOnOutsideClick: false,
+  toggleClassName: null
+});
+
+export { StyleClass };

package/styleclass/styleclass.esm.min.js

@@ -0,0 +1 @@
+import{Component as e}from"react";import{DomHandler as t,ObjectUtils as n}from"primereact/core";function s(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 s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}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 o(e){return(o="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 u(e,t){if(t&&("object"===o(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 c(e){return(c=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 h,m,f,v=function(i){a(d,e);var o,l,h,m,f,v=(o=d,l=p(),function(){var e,t=c(o);if(l){var n=c(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return u(this,e)});function d(){return s(this,d),v.apply(this,arguments)}return h=d,(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.removeClass(this.target,"hidden"),this.target.style.maxHeight=this.target.scrollHeight+"px",t.addClass(this.target,"hidden"),this.target.style.height=""),t.addClass(this.target,this.props.enterActiveClassName),this.props.enterClassName&&t.removeClass(this.target,this.props.enterClassName),this.enterListener=function(){t.removeClass(e.target,e.props.enterActiveClassName),e.props.enterToClassName&&t.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.removeClass(this.target,this.props.enterClassName),this.props.enterToClassName&&t.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.addClass(this.target,this.props.leaveActiveClassName),this.props.leaveClassName&&t.removeClass(this.target,this.props.leaveClassName),this.leaveListener=function(){t.removeClass(e.target,e.props.leaveActiveClassName),e.props.leaveToClassName&&t.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.removeClass(this.target,this.props.leaveClassName),this.props.leaveToClassName&&t.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.hasClass(e.target,e.props.toggleClassName)?t.removeClass(e.target,e.props.toggleClassName):t.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 n.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}}])&&r(h.prototype,m),f&&r(h,f),d}();f={nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},(m="defaultProps")in(h=v)?Object.defineProperty(h,m,{value:f,enumerable:!0,configurable:!0,writable:!0}):h[m]=f;export{v as StyleClass};