primereact 9.3.1 → 9.4.0

package/avatargroup/avatargroup.js

@@ -1,82 +1,65 @@
 this.primereact = this.primereact || {};
-this.primereact.avatargroup = (function (exports, React, utils) {
-  'use strict';
+this.primereact.avatargroup = (function (exports, React, utils, componentbase) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _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];
-          }
-        }
+    var AvatarGroupBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'AvatarGroup',
+        style: null,
+        className: null,
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var AvatarGroupBase = {
-    defaultProps: {
-      __TYPE: 'AvatarGroup',
-      style: null,
-      className: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, AvatarGroupBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, AvatarGroupBase.defaultProps);
-    }
-  };
+    });
 
-  var AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = AvatarGroupBase.getProps(inProps);
-    var elementRef = React__namespace.useRef(null);
-    var otherProps = AvatarGroupBase.getOtherProps(props);
-    var className = utils.classNames('p-avatar-group p-component', props.className);
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        getElement: function getElement() {
-          return elementRef.current;
-        }
-      };
+    var AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var props = AvatarGroupBase.getProps(inProps);
+      var _AvatarGroupBase$setM = AvatarGroupBase.setMetaData({
+          props: props
+        }),
+        ptm = _AvatarGroupBase$setM.ptm;
+      var elementRef = React__namespace.useRef(null);
+      var className = utils.classNames('p-avatar-group p-component', props.className);
+      React__namespace.useImperativeHandle(ref, function () {
+        return {
+          props: props,
+          getElement: function getElement() {
+            return elementRef.current;
+          }
+        };
+      });
+      var rootProps = utils.mergeProps({
+        ref: elementRef,
+        style: props.style,
+        className: className
+      }, AvatarGroupBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.children);
     });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
-      className: className,
-      style: props.style
-    }, otherProps), props.children);
-  });
-  AvatarGroup.displayName = 'AvatarGroup';
+    AvatarGroup.displayName = 'AvatarGroup';
 
-  exports.AvatarGroup = AvatarGroup;
+    exports.AvatarGroup = AvatarGroup;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/avatargroup/avatargroup.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.avatargroup=function(e,r,t){"use strict";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(r);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}var s={defaultProps:{__TYPE:"AvatarGroup",style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)}},o=a.forwardRef((function(e,r){var n=s.getProps(e),o=a.useRef(null),c=s.getOtherProps(n),i=t.classNames("p-avatar-group p-component",n.className);return a.useImperativeHandle(r,(function(){return{props:n,getElement:function(){return o.current}}})),a.createElement("div",u({ref:o,className:i,style:n.style},c),n.children)}));return o.displayName="AvatarGroup",e.AvatarGroup=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.avatargroup=function(e,r,t,a){"use strict";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 a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=n(r),u=a.ComponentBase.extend({defaultProps:{__TYPE:"AvatarGroup",style:null,className:null,children:void 0}}),s=o.forwardRef((function(e,r){var a=u.getProps(e),n=u.setMetaData({props:a}).ptm,s=o.useRef(null),c=t.classNames("p-avatar-group p-component",a.className);o.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return s.current}}}));var p=t.mergeProps({ref:s,style:a.style,className:c},u.getOtherProps(a),n("root"));return o.createElement("div",p,a.children)}));return s.displayName="AvatarGroup",e.AvatarGroup=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);

package/badge/badge.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,21 +26,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _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);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -81,7 +67,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var BadgeBase = {
+var BadgeBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Badge',
     value: null,
@@ -90,19 +76,16 @@ var BadgeBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, BadgeBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, BadgeBase.defaultProps);
   }
-};
+});
 
 var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = BadgeBase.getProps(inProps);
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData({
+      props: props
+    }),
+    ptm = _BadgeBase$setMetaDat.ptm;
   var elementRef = React__namespace.useRef(null);
-  var otherProps = BadgeBase.getOtherProps(props);
   var className = utils.classNames('p-badge p-component', _defineProperty({
     'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
     'p-badge-dot': utils.ObjectUtils.isEmpty(props.value),
@@ -117,11 +100,12 @@ var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     };
   });
-  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps), props.value);
+    style: props.style,
+    className: className
+  }, BadgeBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.value);
 }));
 Badge.displayName = 'Badge';
 

package/badge/badge.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){return l="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},l(e)}function u(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=u(e,"string");return"symbol"===l(t)?t:String(t)}var a={defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,a.defaultProps)}},s=n.memo(n.forwardRef((function(e,r){var l,u,s,c=a.getProps(e),f=n.useRef(null),p=a.getOtherProps(c),b=t.classNames("p-badge p-component",(l={"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(c.value)&&1===String(c.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(c.value),"p-badge-lg":"large"===c.size,"p-badge-xl":"xlarge"===c.size},u="p-badge-".concat(c.severity),s=null!==c.severity,(u=i(u))in l?Object.defineProperty(l,u,{value:s,enumerable:!0,configurable:!0,writable:!0}):l[u]=s,l),c.className);return n.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return f.current}}})),n.createElement("span",o({ref:f,className:b,style:c.style},p),c.value)})));s.displayName="Badge",exports.Badge=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e);function l(e){return l="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},l(e)}function a(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=a(e,"string");return"symbol"===l(t)?t:String(t)}var i=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),s=o.memo(o.forwardRef((function(e,r){var n,l,a,s=i.getProps(e),c=i.setMetaData({props:s}).ptm,p=o.useRef(null),f=t.classNames("p-badge p-component",(n={"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(s.value)&&1===String(s.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(s.value),"p-badge-lg":"large"===s.size,"p-badge-xl":"xlarge"===s.size},l="p-badge-".concat(s.severity),a=null!==s.severity,(l=u(l))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a,n),s.className);o.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return p.current}}}));var m=t.mergeProps({ref:p,style:s.style,className:f},i.getOtherProps(s),c("root"));return o.createElement("span",m,s.value)})));s.displayName="Badge",exports.Badge=s;

package/badge/badge.d.ts

@@ -8,6 +8,27 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type BadgePassThroughType<T> = PassThroughType<T, BadgePassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BadgePassThroughMethodOptions {
+    props: BadgeProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link BadgeProps.pt}
+ */
+export interface BadgePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: BadgePassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
 
 /**
  * Defines valid properties in Badge component. In addition to these, all properties of HTMLSpanElement can be used in this component.
@@ -34,6 +55,11 @@ export interface BadgeProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {BadgePassThroughOptions}
+     */
+    pt?: BadgePassThroughOptions;
 }
 
 /**

package/badge/badge.esm.js

@@ -1,20 +1,6 @@
 import * as React from 'react';
-import { ObjectUtils, classNames } from 'primereact/utils';
-
-function _extends() {
-  _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);
-}
+import { classNames, ObjectUtils, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -57,7 +43,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var BadgeBase = {
+var BadgeBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Badge',
     value: null,
@@ -66,19 +52,16 @@ var BadgeBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, BadgeBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, BadgeBase.defaultProps);
   }
-};
+});
 
 var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = BadgeBase.getProps(inProps);
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData({
+      props: props
+    }),
+    ptm = _BadgeBase$setMetaDat.ptm;
   var elementRef = React.useRef(null);
-  var otherProps = BadgeBase.getOtherProps(props);
   var className = classNames('p-badge p-component', _defineProperty({
     'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
     'p-badge-dot': ObjectUtils.isEmpty(props.value),
@@ -93,11 +76,12 @@ var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       }
     };
   });
-  return /*#__PURE__*/React.createElement("span", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps), props.value);
+    style: props.style,
+    className: className
+  }, BadgeBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("span", rootProps, props.value);
 }));
 Badge.displayName = 'Badge';
 

package/badge/badge.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as r}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}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},o(e)}function l(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=l(e,"string");return"symbol"===o(t)?t:String(t)}var u={defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0},getProps:function(e){return t.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,u.defaultProps)}},a=e.memo(e.forwardRef((function(o,l){var a,s,p,f=u.getProps(o),c=e.useRef(null),m=u.getOtherProps(f),g=r("p-badge p-component",(a={"p-badge-no-gutter":t.isNotEmpty(f.value)&&1===String(f.value).length,"p-badge-dot":t.isEmpty(f.value),"p-badge-lg":"large"===f.size,"p-badge-xl":"xlarge"===f.size},s="p-badge-".concat(f.severity),p=null!==f.severity,(s=i(s))in a?Object.defineProperty(a,s,{value:p,enumerable:!0,configurable:!0,writable:!0}):a[s]=p,a),f.className);return e.useImperativeHandle(l,(function(){return{props:f,getElement:function(){return c.current}}})),e.createElement("span",n({ref:c,className:g,style:f.style},m),f.value)})));a.displayName="Badge";export{a as Badge};
+import*as e from"react";import{classNames as t,ObjectUtils as r,mergeProps as n}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function l(e){return l="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},l(e)}function a(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=a(e,"string");return"symbol"===l(t)?t:String(t)}var u=o.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),p=e.memo(e.forwardRef((function(o,l){var a,p,m,s=u.getProps(o),c=u.setMetaData({props:s}).ptm,f=e.useRef(null),y=t("p-badge p-component",(a={"p-badge-no-gutter":r.isNotEmpty(s.value)&&1===String(s.value).length,"p-badge-dot":r.isEmpty(s.value),"p-badge-lg":"large"===s.size,"p-badge-xl":"xlarge"===s.size},p="p-badge-".concat(s.severity),m=null!==s.severity,(p=i(p))in a?Object.defineProperty(a,p,{value:m,enumerable:!0,configurable:!0,writable:!0}):a[p]=m,a),s.className);e.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return f.current}}}));var b=n({ref:f,style:s.style,className:y},u.getOtherProps(s),c("root"));return e.createElement("span",b,s.value)})));p.displayName="Badge";export{p as Badge};

package/badge/badge.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.badge = (function (exports, React, utils) {
+this.primereact.badge = (function (exports, React, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.badge = (function (exports, React, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _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);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -78,7 +63,7 @@ this.primereact.badge = (function (exports, React, utils) {
     return obj;
   }
 
-  var BadgeBase = {
+  var BadgeBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Badge',
       value: null,
@@ -87,19 +72,16 @@ this.primereact.badge = (function (exports, React, utils) {
       style: null,
       className: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, BadgeBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, BadgeBase.defaultProps);
     }
-  };
+  });
 
   var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = BadgeBase.getProps(inProps);
+    var _BadgeBase$setMetaDat = BadgeBase.setMetaData({
+        props: props
+      }),
+      ptm = _BadgeBase$setMetaDat.ptm;
     var elementRef = React__namespace.useRef(null);
-    var otherProps = BadgeBase.getOtherProps(props);
     var className = utils.classNames('p-badge p-component', _defineProperty({
       'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
       'p-badge-dot': utils.ObjectUtils.isEmpty(props.value),
@@ -114,11 +96,12 @@ this.primereact.badge = (function (exports, React, utils) {
         }
       };
     });
-    return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
-      className: className,
-      style: props.style
-    }, otherProps), props.value);
+      style: props.style,
+      className: className
+    }, BadgeBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.value);
   }));
   Badge.displayName = 'Badge';
 
@@ -128,4 +111,4 @@ this.primereact.badge = (function (exports, React, utils) {
 
   return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/badge/badge.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.badge=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){return l="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},l(e)}function u(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function a(e){var t=u(e,"string");return"symbol"===l(t)?t:String(t)}var s={defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,s.defaultProps)}},c=i.memo(i.forwardRef((function(e,t){var n,l,u,c=s.getProps(e),f=i.useRef(null),p=s.getOtherProps(c),b=r.classNames("p-badge p-component",(n={"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(c.value)&&1===String(c.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(c.value),"p-badge-lg":"large"===c.size,"p-badge-xl":"xlarge"===c.size},l="p-badge-".concat(c.severity),u=null!==c.severity,(l=a(l))in n?Object.defineProperty(n,l,{value:u,enumerable:!0,configurable:!0,writable:!0}):n[l]=u,n),c.className);return i.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return f.current}}})),i.createElement("span",o({ref:f,className:b,style:c.style},p),c.value)})));return c.displayName="Badge",e.Badge=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.badge=function(e,t,r,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t);function l(e){return l="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},l(e)}function i(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=i(e,"string");return"symbol"===l(t)?t:String(t)}var s=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),c=a.memo(a.forwardRef((function(e,t){var n,o,l,i=s.getProps(e),c=s.setMetaData({props:i}).ptm,p=a.useRef(null),f=r.classNames("p-badge p-component",(n={"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(i.value)&&1===String(i.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(i.value),"p-badge-lg":"large"===i.size,"p-badge-xl":"xlarge"===i.size},o="p-badge-".concat(i.severity),l=null!==i.severity,(o=u(o))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l,n),i.className);a.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return p.current}}}));var m=r.mergeProps({ref:p,style:i.style,className:f},s.getOtherProps(i),c("root"));return a.createElement("span",m,i.value)})));return c.displayName="Badge",e.Badge=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);

package/blockui/blockui.cjs.js

@@ -7,6 +7,7 @@ var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,21 +32,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-function _extends() {
-  _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);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -101,7 +87,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var BlockUIBase = {
+var BlockUIBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BlockUI',
     autoZIndex: true,
@@ -117,14 +103,8 @@ var BlockUIBase = {
     style: null,
     template: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, BlockUIBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, BlockUIBase.defaultProps);
   }
-};
+});
 
 var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = BlockUIBase.getProps(inProps);
@@ -134,6 +114,10 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     setVisibleState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var maskRef = React__namespace.useRef(null);
+  var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
+      props: props
+    }),
+    ptm = _BlockUIBase$setMetaD.ptm;
   var block = function block() {
     setVisibleState(true);
   };
@@ -206,15 +190,15 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
     return null;
   };
-  var otherProps = BlockUIBase.getOtherProps(props);
   var mask = createMask();
   var className = utils.classNames('p-blockui-container', props.containerClassName);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
-    className: className,
-    style: props.containerStyle
-  }, otherProps), props.children, mask);
+    style: props.containerStyle,
+    className: className
+  }, BlockUIBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.children, mask);
 });
 BlockUI.displayName = 'BlockUI';
 

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/portal"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=o(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,u=[],c=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},y=u.forwardRef((function(e,t){var o,a,d=b.getProps(e),y=u.useState(d.blocked),v=(a=2,s(o=y)||f(o,a)||p(o,a)||m()),g=v[0],h=v[1],k=u.useRef(null),O=u.useRef(null),j=function(){h(!0)},I=function(){var e=function(){h(!1),d.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),d.onUnblocked&&d.onUnblocked()};O.current?(l.DomHandler.addClass(O.current,"p-component-overlay-leave"),O.current.addEventListener("animationend",(function(){l.ZIndexUtils.clear(O.current),e()}))):e()},S=function(){if(d.fullScreen&&(l.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),d.autoZIndex){var e=d.fullScreen?"modal":"overlay";l.ZIndexUtils.set(e,O.current,c.default.autoZIndex,d.baseZIndex||c.default.zIndex[e])}d.onBlocked&&d.onBlocked()};n.useMountEffect((function(){g&&j()})),n.useUpdateEffect((function(){d.blocked?j():I()}),[d.blocked]),n.useUnmountEffect((function(){d.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.ZIndexUtils.clear(O.current)})),u.useImperativeHandle(t,(function(){return{props:d,block:j,unblock:I,getElement:function(){return k.current}}}));var P=b.getOtherProps(d),U=function(){if(g){var e=d.fullScreen?document.body:"self",t=l.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":d.fullScreen},d.className),n=d.template?l.ObjectUtils.getJSXElement(d.template,d):null;return u.createElement(r.Portal,{element:u.createElement("div",{ref:O,className:t,style:d.style},n),appendTo:e,onMounted:S})}return null}(),E=l.classNames("p-blockui-container",d.containerClassName);return u.createElement("div",i({id:d.id,ref:k,className:E,style:d.containerStyle},P),d.children,U)}));y.displayName="BlockUI",exports.BlockUI=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/portal"),l=require("primereact/utils"),o=require("primereact/componentbase");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),i=a(t);function d(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,u=[],c=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=o.ComponentBase.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0}}),y=c.forwardRef((function(e,t){var o,a,u=b.getProps(e),f=c.useState(u.blocked),y=(a=2,d(o=f)||s(o,a)||m(o,a)||p()),v=y[0],k=y[1],h=c.useRef(null),I=c.useRef(null),S=b.setMetaData({props:u}).ptm,g=function(){k(!0)},j=function(){var e=function(){k(!1),u.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),u.onUnblocked&&u.onUnblocked()};I.current?(l.DomHandler.addClass(I.current,"p-component-overlay-leave"),I.current.addEventListener("animationend",(function(){l.ZIndexUtils.clear(I.current),e()}))):e()},x=function(){if(u.fullScreen&&(l.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),u.autoZIndex){var e=u.fullScreen?"modal":"overlay";l.ZIndexUtils.set(e,I.current,i.default.autoZIndex,u.baseZIndex||i.default.zIndex[e])}u.onBlocked&&u.onBlocked()};n.useMountEffect((function(){v&&g()})),n.useUpdateEffect((function(){u.blocked?g():j()}),[u.blocked]),n.useUnmountEffect((function(){u.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.ZIndexUtils.clear(I.current)})),c.useImperativeHandle(t,(function(){return{props:u,block:g,unblock:j,getElement:function(){return h.current}}}));var E=function(){if(v){var e=u.fullScreen?document.body:"self",t=l.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":u.fullScreen},u.className),n=u.template?l.ObjectUtils.getJSXElement(u.template,u):null;return c.createElement(r.Portal,{element:c.createElement("div",{ref:I,className:t,style:u.style},n),appendTo:e,onMounted:x})}return null}(),O=l.classNames("p-blockui-container",u.containerClassName),U=l.mergeProps({id:u.id,ref:h,style:u.containerStyle,className:O},b.getOtherProps(u),S("root"));return c.createElement("div",U,u.children,E)}));y.displayName="BlockUI",exports.BlockUI=y;

package/blockui/blockui.d.ts

@@ -8,6 +8,39 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type BlockUIPassThroughType<T> = PassThroughType<T, BlockUIPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BlockUIPassThroughMethodOptions {
+    props: BlockUIProps;
+    state: BlockUIState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link BlockUIProps.pt}
+ */
+export interface BlockUIPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: BlockUIPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in BlockUI component.
+ */
+export interface BlockUIState {
+    /**
+     * Current blocked state as a boolean.
+     * @defaultValue false
+     */
+    blocked: boolean;
+}
 
 /**
  * Defines valid properties in BlockUI component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -51,6 +84,11 @@ export interface BlockUIProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * Template of mask.
      */
     template?: React.ReactNode | ((props: BlockUIProps) => React.ReactNode) | null | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {BlockUIPassThroughOptions}
+     */
+    pt?: BlockUIPassThroughOptions;
     /**
      * Fired when the element gets blocked.
      */