primereact 9.4.0 → 9.6.0

package/datascroller/datascroller.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.datascroller = (function (exports, React, api, hooks, utils) {
+this.primereact.datascroller = (function (exports, React, api, hooks, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.datascroller = (function (exports, React, api, hooks, 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 _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];
@@ -108,7 +93,7 @@ this.primereact.datascroller = (function (exports, React, api, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var DataScrollerBase = {
+  var DataScrollerBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'DataScroller',
       id: null,
@@ -127,21 +112,20 @@ this.primereact.datascroller = (function (exports, React, api, hooks, utils) {
       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);
@@ -264,55 +248,61 @@ this.primereact.datascroller = (function (exports, React, api, hooks, utils) {
       };
     });
     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';
 
@@ -322,4 +312,4 @@ this.primereact.datascroller = (function (exports, React, api, hooks, utils) {
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);

package/datascroller/datascroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.datascroller=function(e,r,t,n,l){"use strict";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(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)}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 d(){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 i(e)||s(e)||f(e)||d()}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 l.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,h.defaultProps)}},g=a.memo(a.forwardRef((function(e,r){var o,c,i=h.getProps(e),s=a.useState([]),d=(c=2,p(o=s)||y(o,c)||f(o,c)||v()),g=d[0],b=d[1],E=a.useRef(null),O=a.useRef(null),w=a.useRef(i.value),j=a.useRef([]),P=a.useRef(0),S=a.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(m(j.current))}},L=function(){P.current=0,j.current=[],b(m(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};n.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)))})),n.useUpdateEffect((function(){i.value&&(w.current=i.value,i.lazy||(P.current=0),j.current=[],i.lazy?(j.current=w.current,b(m(j.current))):H())}),[i.value]),n.useUpdateEffect((function(){i.loader&&A()}),[i.loader]),n.useUnmountEffect((function(){S.current&&A()})),a.useImperativeHandle(r,(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 a.createElement("li",{key:r+"_datascrollitem"},t)},z=function(){var e=l.ObjectUtils.getJSXElement(i.emptyMessage,i)||t.localeOption("emptyMessage");return a.createElement("li",null,e)},R=h.getOtherProps(i),T=l.classNames("p-datascroller p-component",i.className,{"p-datascroller-inline":i.inline}),U=i.header?a.createElement("div",{className:"p-datascroller-header"},i.header):null,_=i.footer?a.createElement("div",{className:"p-datascroller-footer"},i.footer):null,I=function(){var e=l.ObjectUtils.isNotEmpty(g)?g.map(M):z();return a.createElement("div",{ref:O,className:"p-datascroller-content",style:{maxHeight:i.scrollHeight}},a.createElement("ul",{className:"p-datascroller-list"},e))}();return a.createElement("div",u({id:i.id,ref:E,className:T},R),U,I,_)})));return g.displayName="DataScroller",e.DataScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.datascroller=function(e,r,t,n,l,o){"use strict";function a(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 u=a(r);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 g=o.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}}),h=u.memo(u.forwardRef((function(e,r){var o,a,c=u.useContext(t.PrimeReactContext),i=g.getProps(e,c),s=u.useState([]),m=(a=2,p(o=s)||y(o,a)||f(o,a)||v()),h=m[0],b=m[1],E=g.setMetaData({props:i}).ptm,w=u.useRef(null),O=u.useRef(null),P=u.useRef(i.value),j=u.useRef([]),S=u.useRef(0),H=u.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(d(j.current))}},M=function(){S.current=0,j.current=[],b(d(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};n.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)))})),n.useUpdateEffect((function(){i.value&&(P.current=i.value,i.lazy||(S.current=0),j.current=[],i.lazy?(j.current=P.current,b(d(j.current))):L())}),[i.value]),n.useUpdateEffect((function(){i.loader&&A()}),[i.loader]),n.useUnmountEffect((function(){H.current&&A()})),u.useImperativeHandle(r,(function(){return{props:i,load:L,reset:M,getElement:function(){return w.current},getContent:function(){return O.current}}}));var R,z,T=function(e,r){var t=l.mergeProps({key:r+"_datascrollitem"},E("item")),n=i.itemTemplate?i.itemTemplate(e):e;return u.createElement("li",t,n)},_=function(){var e=l.mergeProps(E("emptyMessage")),r=l.ObjectUtils.getJSXElement(i.emptyMessage,i)||t.localeOption("emptyMessage");return u.createElement("li",e,r)},x=l.classNames("p-datascroller p-component",i.className,{"p-datascroller-inline":i.inline}),I=(R=l.mergeProps({className:"p-datascroller-header"},E("header")),i.header?u.createElement("div",R,i.header):null),U=(z=l.mergeProps({className:"p-datascroller-footer"},E("footer")),i.footer?u.createElement("div",z,i.footer):null),C=function(){var e=l.mergeProps({ref:O,className:"p-datascroller-content",style:{maxHeight:i.scrollHeight}},E("content")),r=l.mergeProps({className:"p-datascroller-list"},E("list")),t=l.ObjectUtils.isNotEmpty(h)?h.map(T):_();return u.createElement("div",e,u.createElement("ul",r,t))}(),D=l.mergeProps({id:i.id,ref:w,className:x},g.getOtherProps(i),E("root"));return u.createElement("div",D,I,C,U)})));return h.displayName="DataScroller",e.DataScroller=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);