primereact 9.4.0 → 9.6.0

package/csstransition/csstransition.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
-var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -89,7 +89,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
-  var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact__default["default"].cssTransition;
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact__default["default"].cssTransition;
   var onEnter = function onEnter(node, isAppearing) {
     props.onEnter && props.onEnter(node, isAppearing); // component
     props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option

package/csstransition/csstransition.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/hooks"),r=require("primereact/utils");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var c=u(t),s=i(n);function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function p(t,e){if("object"!==f(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function a(t){var e=p(t,"string");return"symbol"===f(e)?e:String(e)}function l(t,e,n){return(e=a(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var b={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return r.ObjectUtils.getMergedProps(t,b.defaultProps)},getOtherProps:function(t){return r.ObjectUtils.getDiffProps(t,b.defaultProps)}};function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){l(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y=c.forwardRef((function(t,n){var i=b.getProps(t),u=i.disabled||i.options&&i.options.disabled||!s.default.cssTransition,f=function(t,e){i.onEnter&&i.onEnter(t,e),i.options&&i.options.onEnter&&i.options.onEnter(t,e)},p=function(t,e){i.onEntering&&i.onEntering(t,e),i.options&&i.options.onEntering&&i.options.onEntering(t,e)},a=function(t,e){i.onEntered&&i.onEntered(t,e),i.options&&i.options.onEntered&&i.options.onEntered(t,e)},l=function(t){i.onExit&&i.onExit(t),i.options&&i.options.onExit&&i.options.onExit(t)},d=function(t){i.onExiting&&i.onExiting(t),i.options&&i.options.onExiting&&i.options.onExiting(t)},y=function(t){i.onExited&&i.onExited(t),i.options&&i.options.onExited&&i.options.onExited(t)};if(o.useUpdateEffect((function(){if(u){var t=r.ObjectUtils.getRefElement(i.nodeRef);i.in?(f(t,!0),p(t,!0),a(t,!0)):(l(t),d(t),y(t))}}),[i.in]),u)return i.in?i.children:null;var g={nodeRef:i.nodeRef,in:i.in,onEnter:f,onEntering:p,onEntered:a,onExit:l,onExiting:d,onExited:y},m=E(E(E({},{classNames:i.classNames,timeout:i.timeout,unmountOnExit:i.unmountOnExit}),i.options||{}),g);return c.createElement(e.CSSTransition,m,i.children)}));y.displayName="CSSTransition",exports.CSSTransition=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("primereact/hooks"),o=require("primereact/utils"),r=require("primereact/api");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var s=u(t),c=i(r);function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function p(t,e){if("object"!==f(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function a(t){var e=p(t,"string");return"symbol"===f(e)?e:String(e)}function l(t,e,n){return(e=a(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var b={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return o.ObjectUtils.getMergedProps(t,b.defaultProps)},getOtherProps:function(t){return o.ObjectUtils.getDiffProps(t,b.defaultProps)}};function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){l(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y=s.forwardRef((function(t,i){var u=b.getProps(t),f=s.useContext(r.PrimeReactContext),p=u.disabled||u.options&&u.options.disabled||f&&!f.cssTransition||!c.default.cssTransition,a=function(t,e){u.onEnter&&u.onEnter(t,e),u.options&&u.options.onEnter&&u.options.onEnter(t,e)},l=function(t,e){u.onEntering&&u.onEntering(t,e),u.options&&u.options.onEntering&&u.options.onEntering(t,e)},d=function(t,e){u.onEntered&&u.onEntered(t,e),u.options&&u.options.onEntered&&u.options.onEntered(t,e)},y=function(t){u.onExit&&u.onExit(t),u.options&&u.options.onExit&&u.options.onExit(t)},g=function(t){u.onExiting&&u.onExiting(t),u.options&&u.options.onExiting&&u.options.onExiting(t)},m=function(t){u.onExited&&u.onExited(t),u.options&&u.options.onExited&&u.options.onExited(t)};if(n.useUpdateEffect((function(){if(p){var t=o.ObjectUtils.getRefElement(u.nodeRef);u.in?(a(t,!0),l(t,!0),d(t,!0)):(y(t),g(t),m(t))}}),[u.in]),p)return u.in?u.children:null;var O={nodeRef:u.nodeRef,in:u.in,onEnter:a,onEntering:l,onEntered:d,onExit:y,onExiting:g,onExited:m},j=E(E(E({},{classNames:u.classNames,timeout:u.timeout,unmountOnExit:u.unmountOnExit}),u.options||{}),O);return s.createElement(e.CSSTransition,j,u.children)}));y.displayName="CSSTransition",exports.CSSTransition=y;

package/csstransition/csstransition.esm.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { CSSTransition as CSSTransition$1 } from 'react-transition-group';
-import PrimeReact from 'primereact/api';
 import { useUpdateEffect } from 'primereact/hooks';
 import { ObjectUtils } from 'primereact/utils';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -62,7 +62,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CSSTransition = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = CSSTransitionBase.getProps(inProps);
-  var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
+  var context = React.useContext(PrimeReactContext);
+  var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact.cssTransition;
   var onEnter = function onEnter(node, isAppearing) {
     props.onEnter && props.onEnter(node, isAppearing); // component
     props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option

package/csstransition/csstransition.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{CSSTransition as t}from"react-transition-group";import o from"primereact/api";import{useUpdateEffect as e}from"primereact/hooks";import{ObjectUtils as r}from"primereact/utils";function i(n){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},i(n)}function s(n,t){if("object"!==i(n)||null===n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var e=o.call(n,t||"default");if("object"!==i(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function p(n){var t=s(n,"string");return"symbol"===i(t)?t:String(t)}function u(n,t,o){return(t=p(t))in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}var c={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(n){return r.getMergedProps(n,c.defaultProps)},getOtherProps:function(n){return r.getDiffProps(n,c.defaultProps)}};function f(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,e)}return o}function a(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){u(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var l=n.forwardRef((function(i,s){var p=c.getProps(i),u=p.disabled||p.options&&p.options.disabled||!o.cssTransition,f=function(n,t){p.onEnter&&p.onEnter(n,t),p.options&&p.options.onEnter&&p.options.onEnter(n,t)},l=function(n,t){p.onEntering&&p.onEntering(n,t),p.options&&p.options.onEntering&&p.options.onEntering(n,t)},m=function(n,t){p.onEntered&&p.onEntered(n,t),p.options&&p.options.onEntered&&p.options.onEntered(n,t)},E=function(n){p.onExit&&p.onExit(n),p.options&&p.options.onExit&&p.options.onExit(n)},b=function(n){p.onExiting&&p.onExiting(n),p.options&&p.options.onExiting&&p.options.onExiting(n)},d=function(n){p.onExited&&p.onExited(n),p.options&&p.options.onExited&&p.options.onExited(n)};if(e((function(){if(u){var n=r.getRefElement(p.nodeRef);p.in?(f(n,!0),l(n,!0),m(n,!0)):(E(n),b(n),d(n))}}),[p.in]),u)return p.in?p.children:null;var g={nodeRef:p.nodeRef,in:p.in,onEnter:f,onEntering:l,onEntered:m,onExit:E,onExiting:b,onExited:d},y=a(a(a({},{classNames:p.classNames,timeout:p.timeout,unmountOnExit:p.unmountOnExit}),p.options||{}),g);return n.createElement(t,y,p.children)}));l.displayName="CSSTransition";export{l as CSSTransition};
+import*as n from"react";import{CSSTransition as t}from"react-transition-group";import{useUpdateEffect as o}from"primereact/hooks";import{ObjectUtils as e}from"primereact/utils";import r,{PrimeReactContext as i}from"primereact/api";function s(n){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},s(n)}function p(n,t){if("object"!==s(n)||null===n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var e=o.call(n,t||"default");if("object"!==s(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function u(n){var t=p(n,"string");return"symbol"===s(t)?t:String(t)}function c(n,t,o){return(t=u(t))in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}var f={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(n){return e.getMergedProps(n,f.defaultProps)},getOtherProps:function(n){return e.getDiffProps(n,f.defaultProps)}};function a(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,e)}return o}function l(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){c(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var m=n.forwardRef((function(s,p){var u=f.getProps(s),c=n.useContext(i),a=u.disabled||u.options&&u.options.disabled||c&&!c.cssTransition||!r.cssTransition,m=function(n,t){u.onEnter&&u.onEnter(n,t),u.options&&u.options.onEnter&&u.options.onEnter(n,t)},E=function(n,t){u.onEntering&&u.onEntering(n,t),u.options&&u.options.onEntering&&u.options.onEntering(n,t)},b=function(n,t){u.onEntered&&u.onEntered(n,t),u.options&&u.options.onEntered&&u.options.onEntered(n,t)},d=function(n){u.onExit&&u.onExit(n),u.options&&u.options.onExit&&u.options.onExit(n)},g=function(n){u.onExiting&&u.onExiting(n),u.options&&u.options.onExiting&&u.options.onExiting(n)},y=function(n){u.onExited&&u.onExited(n),u.options&&u.options.onExited&&u.options.onExited(n)};if(o((function(){if(a){var n=e.getRefElement(u.nodeRef);u.in?(m(n,!0),E(n,!0),b(n,!0)):(d(n),g(n),y(n))}}),[u.in]),a)return u.in?u.children:null;var O={nodeRef:u.nodeRef,in:u.in,onEnter:m,onEntering:E,onEntered:b,onExit:d,onExiting:g,onExited:y},P=l(l(l({},{classNames:u.classNames,timeout:u.timeout,unmountOnExit:u.unmountOnExit}),u.options||{}),O);return n.createElement(t,P,u.children)}));m.displayName="CSSTransition";export{m as CSSTransition};

package/csstransition/csstransition.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.csstransition = (function (exports, React, reactTransitionGroup, PrimeReact, hooks, utils) {
+this.primereact.csstransition = (function (exports, React, reactTransitionGroup, hooks, utils, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -83,7 +83,8 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = CSSTransitionBase.getProps(inProps);
-    var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact__default["default"].cssTransition;
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact__default["default"].cssTransition;
     var onEnter = function onEnter(node, isAppearing) {
       props.onEnter && props.onEnter(node, isAppearing); // component
       props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
@@ -159,4 +160,4 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
 
   return exports;
 
-})({}, React, ReactTransitionGroup, primereact.api, primereact.hooks, primereact.utils);
+})({}, React, ReactTransitionGroup, primereact.hooks, primereact.utils, primereact.api);

package/csstransition/csstransition.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.csstransition=function(t,n,e,o,r,i){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function c(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=c(n),f=u(o);function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function a(t,n){if("object"!==p(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function l(t){var n=a(t,"string");return"symbol"===p(n)?n:String(n)}function b(t,n,e){return(n=l(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var d={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return i.ObjectUtils.getMergedProps(t,d.defaultProps)},getOtherProps:function(t){return i.ObjectUtils.getDiffProps(t,d.defaultProps)}};function E(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?E(Object(e),!0).forEach((function(n){b(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):E(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}var y=s.forwardRef((function(t,n){var o=d.getProps(t),u=o.disabled||o.options&&o.options.disabled||!f.default.cssTransition,c=function(t,n){o.onEnter&&o.onEnter(t,n),o.options&&o.options.onEnter&&o.options.onEnter(t,n)},p=function(t,n){o.onEntering&&o.onEntering(t,n),o.options&&o.options.onEntering&&o.options.onEntering(t,n)},a=function(t,n){o.onEntered&&o.onEntered(t,n),o.options&&o.options.onEntered&&o.options.onEntered(t,n)},l=function(t){o.onExit&&o.onExit(t),o.options&&o.options.onExit&&o.options.onExit(t)},b=function(t){o.onExiting&&o.onExiting(t),o.options&&o.options.onExiting&&o.options.onExiting(t)},E=function(t){o.onExited&&o.onExited(t),o.options&&o.options.onExited&&o.options.onExited(t)};if(r.useUpdateEffect((function(){if(u){var t=i.ObjectUtils.getRefElement(o.nodeRef);o.in?(c(t,!0),p(t,!0),a(t,!0)):(l(t),b(t),E(t))}}),[o.in]),u)return o.in?o.children:null;var y={nodeRef:o.nodeRef,in:o.in,onEnter:c,onEntering:p,onEntered:a,onExit:l,onExiting:b,onExited:E},g=m(m(m({},{classNames:o.classNames,timeout:o.timeout,unmountOnExit:o.unmountOnExit}),o.options||{}),y);return s.createElement(e.CSSTransition,g,o.children)}));return y.displayName="CSSTransition",t.CSSTransition=y,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactTransitionGroup,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.csstransition=function(t,n,e,o,r,i){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var c=u(n),f=s(i);function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function p(t,n){if("object"!==a(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function l(t){var n=p(t,"string");return"symbol"===a(n)?n:String(n)}function b(t,n,e){return(n=l(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var d={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return r.ObjectUtils.getMergedProps(t,d.defaultProps)},getOtherProps:function(t){return r.ObjectUtils.getDiffProps(t,d.defaultProps)}};function E(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?E(Object(e),!0).forEach((function(n){b(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):E(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}var y=c.forwardRef((function(t,n){var s=d.getProps(t),u=c.useContext(i.PrimeReactContext),a=s.disabled||s.options&&s.options.disabled||u&&!u.cssTransition||!f.default.cssTransition,p=function(t,n){s.onEnter&&s.onEnter(t,n),s.options&&s.options.onEnter&&s.options.onEnter(t,n)},l=function(t,n){s.onEntering&&s.onEntering(t,n),s.options&&s.options.onEntering&&s.options.onEntering(t,n)},b=function(t,n){s.onEntered&&s.onEntered(t,n),s.options&&s.options.onEntered&&s.options.onEntered(t,n)},E=function(t){s.onExit&&s.onExit(t),s.options&&s.options.onExit&&s.options.onExit(t)},y=function(t){s.onExiting&&s.onExiting(t),s.options&&s.options.onExiting&&s.options.onExiting(t)},g=function(t){s.onExited&&s.onExited(t),s.options&&s.options.onExited&&s.options.onExited(t)};if(o.useUpdateEffect((function(){if(a){var t=r.ObjectUtils.getRefElement(s.nodeRef);s.in?(p(t,!0),l(t,!0),b(t,!0)):(E(t),y(t),g(t))}}),[s.in]),a)return s.in?s.children:null;var O={nodeRef:s.nodeRef,in:s.in,onEnter:p,onEntering:l,onEntered:b,onExit:E,onExiting:y,onExited:g},j=m(m(m({},{classNames:s.classNames,timeout:s.timeout,unmountOnExit:s.unmountOnExit}),s.options||{}),O);return c.createElement(e.CSSTransition,j,s.children)}));return y.displayName="CSSTransition",t.CSSTransition=y,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactTransitionGroup,primereact.hooks,primereact.utils,primereact.api);

package/datascroller/datascroller.cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -27,21 +28,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 _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];
@@ -113,7 +99,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var DataScrollerBase = {
+var DataScrollerBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'DataScroller',
     id: null,
@@ -132,21 +118,20 @@ var DataScrollerBase = {
     footer: null,
     lazy: false,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, DataScrollerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, DataScrollerBase.defaultProps);
   }
-};
+});
 
 var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = DataScrollerBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = DataScrollerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataToRenderState = _React$useState2[0],
     setDataToRenderState = _React$useState2[1];
+  var _DataScrollerBase$set = DataScrollerBase.setMetaData({
+      props: props
+    }),
+    ptm = _DataScrollerBase$set.ptm;
   var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var value = React__namespace.useRef(props.value);
@@ -269,55 +254,61 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     };
   });
   var createHeader = function createHeader() {
+    var headerProps = utils.mergeProps({
+      className: 'p-datascroller-header'
+    }, ptm('header'));
     if (props.header) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-datascroller-header"
-      }, props.header);
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
+    var footerProps = utils.mergeProps({
+      className: 'p-datascroller-footer'
+    }, ptm('footer'));
     if (props.footer) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-datascroller-footer"
-      }, props.footer);
+      return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
     }
     return null;
   };
   var createItem = function createItem(_value, index) {
-    var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var itemProps = utils.mergeProps({
       key: index + '_datascrollitem'
-    }, content);
+    }, ptm('item'));
+    var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
+    return /*#__PURE__*/React__namespace.createElement("li", itemProps, content);
   };
   var createEmptyMessage = function createEmptyMessage() {
+    var emptyMessageProps = utils.mergeProps(ptm('emptyMessage'));
     var content = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || api.localeOption('emptyMessage');
-    return /*#__PURE__*/React__namespace.createElement("li", null, content);
+    return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, content);
   };
   var createContent = function createContent() {
-    var content = utils.ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var contentProps = utils.mergeProps({
       ref: contentRef,
-      className: "p-datascroller-content",
+      className: 'p-datascroller-content',
       style: {
         maxHeight: props.scrollHeight
       }
-    }, /*#__PURE__*/React__namespace.createElement("ul", {
-      className: "p-datascroller-list"
-    }, content));
+    }, ptm('content'));
+    var listProps = utils.mergeProps({
+      className: 'p-datascroller-list'
+    }, ptm('list'));
+    var content = utils.ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, content));
   };
-  var otherProps = DataScrollerBase.getOtherProps(props);
   var className = utils.classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline
   });
   var header = createHeader();
   var footer = createFooter();
   var content = createContent();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     className: className
-  }, otherProps), header, content, footer);
+  }, DataScrollerBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer);
 }));
 DataScroller.displayName = 'DataScroller';
 

package/datascroller/datascroller.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");function l(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 o=l(e);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)}function a(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){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return a(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)?a(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return c(e)||i(e)||s(e)||f()}function m(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,u,a=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(i)throw l}}return a}}function y(){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 v={defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}},g=o.memo(o.forwardRef((function(e,l){var a,c,i=v.getProps(e),f=o.useState([]),g=(c=2,m(a=f)||p(a,c)||s(a,c)||y()),h=g[0],b=g[1],E=o.useRef(null),O=o.useRef(null),w=o.useRef(i.value),j=o.useRef([]),P=o.useRef(0),S=o.useRef(null),H=function(){if(i.lazy)i.onLazyLoad&&i.onLazyLoad(N()),P.current+=i.rows;else if(w.current){for(var e=P.current;e<P.current+i.rows&&!(e>=w.current.length);e++)j.current.push(w.current[e]);0!==w.current.length&&(P.current+=i.rows),b(d(j.current))}},L=function(){P.current=0,j.current=[],b(d(j.current)),H()},N=function(){return{first:P.current,rows:i.rows}},A=function(){S.current&&(i.inline&&O.current?O.current.removeEventListener("scroll",S.current):i.loader||window.removeEventListener("scroll",S.current)),S.current=null};t.useMountEffect((function(){H(),i.loader||(i.inline?(S.current=function(){O.current.scrollTop>=O.current.scrollHeight*i.buffer-O.current.clientHeight&&H()},O.current.addEventListener("scroll",S.current)):(S.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*i.buffer-n&&H()},window.addEventListener("scroll",S.current)))})),t.useUpdateEffect((function(){i.value&&(w.current=i.value,i.lazy||(P.current=0),j.current=[],i.lazy?(j.current=w.current,b(d(j.current))):H())}),[i.value]),t.useUpdateEffect((function(){i.loader&&A()}),[i.loader]),t.useUnmountEffect((function(){S.current&&A()})),o.useImperativeHandle(l,(function(){return{props:i,load:H,reset:L,getElement:function(){return E.current},getContent:function(){return O.current}}}));var M=function(e,r){var t=i.itemTemplate?i.itemTemplate(e):e;return o.createElement("li",{key:r+"_datascrollitem"},t)},z=function(){var e=n.ObjectUtils.getJSXElement(i.emptyMessage,i)||r.localeOption("emptyMessage");return o.createElement("li",null,e)},T=v.getOtherProps(i),U=n.classNames("p-datascroller p-component",i.className,{"p-datascroller-inline":i.inline}),R=i.header?o.createElement("div",{className:"p-datascroller-header"},i.header):null,_=i.footer?o.createElement("div",{className:"p-datascroller-footer"},i.footer):null,I=function(){var e=n.ObjectUtils.isNotEmpty(h)?h.map(M):z();return o.createElement("div",{ref:O,className:"p-datascroller-content",style:{maxHeight:i.scrollHeight}},o.createElement("ul",{className:"p-datascroller-list"},e))}();return o.createElement("div",u({id:i.id,ref:E,className:U},T),R,I,_)})));g.displayName="DataScroller",exports.DataScroller=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),l=require("primereact/componentbase");function o(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=o(e);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){if(Array.isArray(e))return u(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(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 f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return c(e)||i(e)||s(e)||f()}function d(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function y(){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 v=l.ComponentBase.extend({defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0}}),g=a.memo(a.forwardRef((function(e,l){var o,u,c=a.useContext(r.PrimeReactContext),i=v.getProps(e,c),f=a.useState([]),g=(u=2,d(o=f)||p(o,u)||s(o,u)||y()),h=g[0],b=g[1],E=v.setMetaData({props:i}).ptm,w=a.useRef(null),O=a.useRef(null),P=a.useRef(i.value),j=a.useRef([]),S=a.useRef(0),H=a.useRef(null),L=function(){if(i.lazy)i.onLazyLoad&&i.onLazyLoad(N()),S.current+=i.rows;else if(P.current){for(var e=S.current;e<S.current+i.rows&&!(e>=P.current.length);e++)j.current.push(P.current[e]);0!==P.current.length&&(S.current+=i.rows),b(m(j.current))}},M=function(){S.current=0,j.current=[],b(m(j.current)),L()},N=function(){return{first:S.current,rows:i.rows}},A=function(){H.current&&(i.inline&&O.current?O.current.removeEventListener("scroll",H.current):i.loader||window.removeEventListener("scroll",H.current)),H.current=null};t.useMountEffect((function(){L(),i.loader||(i.inline?(H.current=function(){O.current.scrollTop>=O.current.scrollHeight*i.buffer-O.current.clientHeight&&L()},O.current.addEventListener("scroll",H.current)):(H.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*i.buffer-n&&L()},window.addEventListener("scroll",H.current)))})),t.useUpdateEffect((function(){i.value&&(P.current=i.value,i.lazy||(S.current=0),j.current=[],i.lazy?(j.current=P.current,b(m(j.current))):L())}),[i.value]),t.useUpdateEffect((function(){i.loader&&A()}),[i.loader]),t.useUnmountEffect((function(){H.current&&A()})),a.useImperativeHandle(l,(function(){return{props:i,load:L,reset:M,getElement:function(){return w.current},getContent:function(){return O.current}}}));var x,z,R=function(e,r){var t=n.mergeProps({key:r+"_datascrollitem"},E("item")),l=i.itemTemplate?i.itemTemplate(e):e;return a.createElement("li",t,l)},T=function(){var e=n.mergeProps(E("emptyMessage")),t=n.ObjectUtils.getJSXElement(i.emptyMessage,i)||r.localeOption("emptyMessage");return a.createElement("li",e,t)},_=n.classNames("p-datascroller p-component",i.className,{"p-datascroller-inline":i.inline}),I=(x=n.mergeProps({className:"p-datascroller-header"},E("header")),i.header?a.createElement("div",x,i.header):null),U=(z=n.mergeProps({className:"p-datascroller-footer"},E("footer")),i.footer?a.createElement("div",z,i.footer):null),q=function(){var e=n.mergeProps({ref:O,className:"p-datascroller-content",style:{maxHeight:i.scrollHeight}},E("content")),r=n.mergeProps({className:"p-datascroller-list"},E("list")),t=n.ObjectUtils.isNotEmpty(h)?h.map(R):T();return a.createElement("div",e,a.createElement("ul",r,t))}(),C=n.mergeProps({id:i.id,ref:w,className:_},v.getOtherProps(i),E("root"));return a.createElement("div",C,I,q,U)})));g.displayName="DataScroller",exports.DataScroller=g;

package/datascroller/datascroller.d.ts

@@ -8,6 +8,51 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils';
+
+export declare type DataScrollerPassThroughType<T> = PassThroughType<T, DataScrollerPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DataScrollerPassThroughMethodOptions {
+    props: DataScrollerProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DataScrollerProps.pt}
+ */
+export interface DataScrollerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the emptyMessage's DOM element.
+     */
+    emptyMessage?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    list?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    content?: DataScrollerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Custom lazy event.
@@ -29,7 +74,7 @@ interface DataScrollerLazyLoadEvents {
  * Defines valid properties in DataScroller component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface DataScrollerProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface DataScrollerProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
     /**
      * Number of buffer size.
      * @defaultValue 0.9
@@ -89,6 +134,11 @@ export interface DataScrollerProps extends Omit<React.DetailedHTMLProps<React.HT
      * @param {DataScrollerLazyLoadEvents} event - Custom lazy event
      */
     onLazyLoad?(event: DataScrollerLazyLoadEvents): void;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DataScrollerPassThroughOptions}
+     */
+    pt?: DataScrollerPassThroughOptions;
 }
 
 /**

package/datascroller/datascroller.esm.js

@@ -1,22 +1,8 @@
 import * as React from 'react';
-import { localeOption } from 'primereact/api';
+import { PrimeReactContext, localeOption } from 'primereact/api';
 import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-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, mergeProps, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -89,7 +75,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var DataScrollerBase = {
+var DataScrollerBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'DataScroller',
     id: null,
@@ -108,21 +94,20 @@ var DataScrollerBase = {
     footer: null,
     lazy: false,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, DataScrollerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, DataScrollerBase.defaultProps);
   }
-};
+});
 
 var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = DataScrollerBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = DataScrollerBase.getProps(inProps, context);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataToRenderState = _React$useState2[0],
     setDataToRenderState = _React$useState2[1];
+  var _DataScrollerBase$set = DataScrollerBase.setMetaData({
+      props: props
+    }),
+    ptm = _DataScrollerBase$set.ptm;
   var elementRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var value = React.useRef(props.value);
@@ -245,55 +230,61 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     };
   });
   var createHeader = function createHeader() {
+    var headerProps = mergeProps({
+      className: 'p-datascroller-header'
+    }, ptm('header'));
     if (props.header) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-datascroller-header"
-      }, props.header);
+      return /*#__PURE__*/React.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
+    var footerProps = mergeProps({
+      className: 'p-datascroller-footer'
+    }, ptm('footer'));
     if (props.footer) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-datascroller-footer"
-      }, props.footer);
+      return /*#__PURE__*/React.createElement("div", footerProps, props.footer);
     }
     return null;
   };
   var createItem = function createItem(_value, index) {
-    var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-    return /*#__PURE__*/React.createElement("li", {
+    var itemProps = mergeProps({
       key: index + '_datascrollitem'
-    }, content);
+    }, ptm('item'));
+    var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
+    return /*#__PURE__*/React.createElement("li", itemProps, content);
   };
   var createEmptyMessage = function createEmptyMessage() {
+    var emptyMessageProps = mergeProps(ptm('emptyMessage'));
     var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
-    return /*#__PURE__*/React.createElement("li", null, content);
+    return /*#__PURE__*/React.createElement("li", emptyMessageProps, content);
   };
   var createContent = function createContent() {
-    var content = ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
-    return /*#__PURE__*/React.createElement("div", {
+    var contentProps = mergeProps({
       ref: contentRef,
-      className: "p-datascroller-content",
+      className: 'p-datascroller-content',
       style: {
         maxHeight: props.scrollHeight
       }
-    }, /*#__PURE__*/React.createElement("ul", {
-      className: "p-datascroller-list"
-    }, content));
+    }, ptm('content'));
+    var listProps = mergeProps({
+      className: 'p-datascroller-list'
+    }, ptm('list'));
+    var content = ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
+    return /*#__PURE__*/React.createElement("div", contentProps, /*#__PURE__*/React.createElement("ul", listProps, content));
   };
-  var otherProps = DataScrollerBase.getOtherProps(props);
   var className = classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline
   });
   var header = createHeader();
   var footer = createFooter();
   var content = createContent();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: className
-  }, otherProps), header, content, footer);
+  }, DataScrollerBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, header, content, footer);
 }));
 DataScroller.displayName = 'DataScroller';
 

package/datascroller/datascroller.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as r}from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as a}from"primereact/utils";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)}function c(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 i(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,r){if(e){if("string"==typeof e)return c(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)?c(e,r):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return i(e)||s(e)||f(e)||m()}function p(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function v(){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 h={defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0},getProps:function(e){return o.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,h.defaultProps)}},g=e.memo(e.forwardRef((function(c,i){var s,m,g=h.getProps(c),b=e.useState([]),w=(m=2,p(s=b)||y(s,m)||f(s,m)||v()),E=w[0],S=w[1],H=e.useRef(null),O=e.useRef(null),P=e.useRef(g.value),L=e.useRef([]),j=e.useRef(0),A=e.useRef(null),N=function(){if(g.lazy)g.onLazyLoad&&g.onLazyLoad(z()),j.current+=g.rows;else if(P.current){for(var e=j.current;e<j.current+g.rows&&!(e>=P.current.length);e++)L.current.push(P.current[e]);0!==P.current.length&&(j.current+=g.rows),S(d(L.current))}},T=function(){j.current=0,L.current=[],S(d(L.current)),N()},z=function(){return{first:j.current,rows:g.rows}},R=function(){A.current&&(g.inline&&O.current?O.current.removeEventListener("scroll",A.current):g.loader||window.removeEventListener("scroll",A.current)),A.current=null};t((function(){N(),g.loader||(g.inline?(A.current=function(){O.current.scrollTop>=O.current.scrollHeight*g.buffer-O.current.clientHeight&&N()},O.current.addEventListener("scroll",A.current)):(A.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*g.buffer-n&&N()},window.addEventListener("scroll",A.current)))})),n((function(){g.value&&(P.current=g.value,g.lazy||(j.current=0),L.current=[],g.lazy?(L.current=P.current,S(d(L.current))):N())}),[g.value]),n((function(){g.loader&&R()}),[g.loader]),l((function(){A.current&&R()})),e.useImperativeHandle(i,(function(){return{props:g,load:N,reset:T,getElement:function(){return H.current},getContent:function(){return O.current}}}));var I=function(r,t){var n=g.itemTemplate?g.itemTemplate(r):r;return e.createElement("li",{key:t+"_datascrollitem"},n)},M=function(){var t=o.getJSXElement(g.emptyMessage,g)||r("emptyMessage");return e.createElement("li",null,t)},x=h.getOtherProps(g),D=a("p-datascroller p-component",g.className,{"p-datascroller-inline":g.inline}),_=g.header?e.createElement("div",{className:"p-datascroller-header"},g.header):null,k=g.footer?e.createElement("div",{className:"p-datascroller-footer"},g.footer):null,C=function(){var r=o.isNotEmpty(E)?E.map(I):M();return e.createElement("div",{ref:O,className:"p-datascroller-content",style:{maxHeight:g.scrollHeight}},e.createElement("ul",{className:"p-datascroller-list"},r))}();return e.createElement("div",u({id:g.id,ref:H,className:D},x),_,C,k)})));g.displayName="DataScroller";export{g as DataScroller};
+import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{useMountEffect as n,useUpdateEffect as l,useUnmountEffect as o}from"primereact/hooks";import{classNames as a,mergeProps as u,ObjectUtils as c}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";function s(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 f(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(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)?s(e,r):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return f(e)||m(e)||d(e)||p()}function v(e){if(Array.isArray(e))return e}function h(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function g(){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=i.extend({defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0}}),w=e.memo(e.forwardRef((function(i,s){var f,m,p=e.useContext(r),w=b.getProps(i,p),E=e.useState([]),S=(m=2,v(f=E)||h(f,m)||d(f,m)||g()),H=S[0],L=S[1],A=b.setMetaData({props:w}).ptm,N=e.useRef(null),T=e.useRef(null),z=e.useRef(w.value),M=e.useRef([]),R=e.useRef(0),j=e.useRef(null),x=function(){if(w.lazy)w.onLazyLoad&&w.onLazyLoad(O()),R.current+=w.rows;else if(z.current){for(var e=R.current;e<R.current+w.rows&&!(e>=z.current.length);e++)M.current.push(z.current[e]);0!==z.current.length&&(R.current+=w.rows),L(y(M.current))}},I=function(){R.current=0,M.current=[],L(y(M.current)),x()},O=function(){return{first:R.current,rows:w.rows}},P=function(){j.current&&(w.inline&&T.current?T.current.removeEventListener("scroll",j.current):w.loader||window.removeEventListener("scroll",j.current)),j.current=null};n((function(){x(),w.loader||(w.inline?(j.current=function(){T.current.scrollTop>=T.current.scrollHeight*w.buffer-T.current.clientHeight&&x()},T.current.addEventListener("scroll",j.current)):(j.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*w.buffer-n&&x()},window.addEventListener("scroll",j.current)))})),l((function(){w.value&&(z.current=w.value,w.lazy||(R.current=0),M.current=[],w.lazy?(M.current=z.current,L(y(M.current))):x())}),[w.value]),l((function(){w.loader&&P()}),[w.loader]),o((function(){j.current&&P()})),e.useImperativeHandle(s,(function(){return{props:w,load:x,reset:I,getElement:function(){return N.current},getContent:function(){return T.current}}}));var C,D,_=function(r,t){var n=u({key:t+"_datascrollitem"},A("item")),l=w.itemTemplate?w.itemTemplate(r):r;return e.createElement("li",n,l)},k=function(){var r=u(A("emptyMessage")),n=c.getJSXElement(w.emptyMessage,w)||t("emptyMessage");return e.createElement("li",r,n)},Y=a("p-datascroller p-component",w.className,{"p-datascroller-inline":w.inline}),J=(C=u({className:"p-datascroller-header"},A("header")),w.header?e.createElement("div",C,w.header):null),U=(D=u({className:"p-datascroller-footer"},A("footer")),w.footer?e.createElement("div",D,w.footer):null),X=function(){var r=u({ref:T,className:"p-datascroller-content",style:{maxHeight:w.scrollHeight}},A("content")),t=u({className:"p-datascroller-list"},A("list")),n=c.isNotEmpty(H)?H.map(_):k();return e.createElement("div",r,e.createElement("ul",t,n))}(),$=u({id:w.id,ref:N,className:Y},b.getOtherProps(w),A("root"));return e.createElement("div",$,J,X,U)})));w.displayName="DataScroller";export{w as DataScroller};