primereact 10.8.1 → 10.8.3

package/datascroller/datascroller.cjs.js

@@ -29,6 +29,21 @@ 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];
@@ -304,11 +319,11 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
   var createItem = function createItem(_value, index) {
-    var itemProps = mergeProps({
-      key: index + '_datascrollitem'
-    }, ptm('item'));
+    var itemProps = ptm('item');
     var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-    return /*#__PURE__*/React__namespace.createElement("li", itemProps, content);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
+      key: index + '_datascrollitem'
+    }), content);
   };
   var createEmptyMessage = function createEmptyMessage() {
     var emptyMessageProps = mergeProps(ptm('emptyMessage'));

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/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");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 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 u(e){if(Array.isArray(e))return c(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 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 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 u(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,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}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=t.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return l.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),g=a.memo(a.forwardRef((function(e,o){var c,u,i=n.useMergeProps(),f=a.useContext(r.PrimeReactContext),g=v.getProps(e,f),h=a.useState([]),b=(u=2,m(c=h)||p(c,u)||s(c,u)||y()),E=b[0],w=b[1],O=v.setMetaData({props:g}),S=O.ptm,j=O.cx,x=O.sx;t.useHandleStyle(v.css.styles,O.isUnstyled,{name:"datascroller"});var H=a.useRef(null),M=a.useRef(null),N=a.useRef(g.value),L=a.useRef([]),A=a.useRef(0),P=a.useRef(null),z=function(){if(g.lazy)g.onLazyLoad&&g.onLazyLoad(T()),A.current=A.current+g.rows;else if(N.current){for(var e=A.current;e<A.current+g.rows&&!(e>=N.current.length);e++)L.current.push(N.current[e]);0!==N.current.length&&(A.current=A.current+g.rows),w(d(L.current))}},R=function(){A.current=0,L.current=[],w(d(L.current)),z()},T=function(){return{first:A.current,rows:g.rows}},U=function(){P.current&&(g.inline&&M.current?M.current.removeEventListener("scroll",P.current):g.loader||window.removeEventListener("scroll",P.current)),P.current=null};n.useMountEffect((function(){z(),g.loader||(g.inline?(P.current=function(){M.current.scrollTop>=M.current.scrollHeight*g.buffer-M.current.clientHeight&&z()},M.current.addEventListener("scroll",P.current)):(P.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&&z()},window.addEventListener("scroll",P.current)))})),n.useUpdateEffect((function(){g.value&&(N.current=g.value,g.lazy||(A.current=0),L.current=[],g.lazy?(L.current=N.current,w(d(L.current))):z())}),[g.value]),n.useUpdateEffect((function(){g.loader&&U()}),[g.loader]),n.useUnmountEffect((function(){P.current&&U()})),a.useImperativeHandle(o,(function(){return{props:g,load:z,reset:R,getElement:function(){return H.current},getContent:function(){return M.current}}}));var _,I,q=function(e,r){var t=i({key:r+"_datascrollitem"},S("item")),n=g.itemTemplate?g.itemTemplate(e):e;return a.createElement("li",t,n)},C=function(){var e=i(S("emptyMessage")),t=l.ObjectUtils.getJSXElement(g.emptyMessage,g)||r.localeOption("emptyMessage");return a.createElement("li",e,t)},D=(_=i({className:j("header")},S("header")),g.header?a.createElement("div",_,g.header):null),k=(I=i({className:j("footer")},S("footer")),g.footer?a.createElement("div",I,g.footer):null),Y=function(){var e=i({ref:M,className:j("content"),style:x("content")},S("content")),r=i({className:j("list")},S("list")),t=l.ObjectUtils.isNotEmpty(E)?E.map(q):C();return a.createElement("div",e,a.createElement("ul",r,t))}(),B=i({id:g.id,ref:H,className:l.classNames(g.className,j("root"))},v.getOtherProps(g),S("root"));return a.createElement("div",B,D,Y,k)})));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/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");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 c(){return c=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},c.apply(this,arguments)}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 i(e){if(Array.isArray(e))return u(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 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 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 p(e){return i(e)||s(e)||f(e)||d()}function m(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,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}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=t.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return l.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),h=a.memo(a.forwardRef((function(e,o){var u,i,s=n.useMergeProps(),d=a.useContext(r.PrimeReactContext),h=g.getProps(e,d),b=a.useState([]),E=(i=2,m(u=b)||y(u,i)||f(u,i)||v()),w=E[0],O=E[1],j=g.setMetaData({props:h}),S=j.ptm,x=j.cx,H=j.sx;t.useHandleStyle(g.css.styles,j.isUnstyled,{name:"datascroller"});var M=a.useRef(null),N=a.useRef(null),L=a.useRef(h.value),P=a.useRef([]),A=a.useRef(0),z=a.useRef(null),R=function(){if(h.lazy)h.onLazyLoad&&h.onLazyLoad(U()),A.current=A.current+h.rows;else if(L.current){for(var e=A.current;e<A.current+h.rows&&!(e>=L.current.length);e++)P.current.push(L.current[e]);0!==L.current.length&&(A.current=A.current+h.rows),O(p(P.current))}},T=function(){A.current=0,P.current=[],O(p(P.current)),R()},U=function(){return{first:A.current,rows:h.rows}},_=function(){z.current&&(h.inline&&N.current?N.current.removeEventListener("scroll",z.current):h.loader||window.removeEventListener("scroll",z.current)),z.current=null};n.useMountEffect((function(){R(),h.loader||(h.inline?(z.current=function(){N.current.scrollTop>=N.current.scrollHeight*h.buffer-N.current.clientHeight&&R()},N.current.addEventListener("scroll",z.current)):(z.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)*h.buffer-n&&R()},window.addEventListener("scroll",z.current)))})),n.useUpdateEffect((function(){h.value&&(L.current=h.value,h.lazy||(A.current=0),P.current=[],h.lazy?(P.current=L.current,O(p(P.current))):R())}),[h.value]),n.useUpdateEffect((function(){h.loader&&_()}),[h.loader]),n.useUnmountEffect((function(){z.current&&_()})),a.useImperativeHandle(o,(function(){return{props:h,load:R,reset:T,getElement:function(){return M.current},getContent:function(){return N.current}}}));var I,q,C=function(e,r){var t=S("item"),n=h.itemTemplate?h.itemTemplate(e):e;return a.createElement("li",c({},t,{key:r+"_datascrollitem"}),n)},D=function(){var e=s(S("emptyMessage")),t=l.ObjectUtils.getJSXElement(h.emptyMessage,h)||r.localeOption("emptyMessage");return a.createElement("li",e,t)},k=(I=s({className:x("header")},S("header")),h.header?a.createElement("div",I,h.header):null),Y=(q=s({className:x("footer")},S("footer")),h.footer?a.createElement("div",q,h.footer):null),B=function(){var e=s({ref:N,className:x("content"),style:H("content")},S("content")),r=s({className:x("list")},S("list")),t=l.ObjectUtils.isNotEmpty(w)?w.map(C):D();return a.createElement("div",e,a.createElement("ul",r,t))}(),J=s({id:h.id,ref:M,className:l.classNames(h.className,x("root"))},g.getOtherProps(h),S("root"));return a.createElement("div",J,k,B,Y)})));h.displayName="DataScroller",exports.DataScroller=h;

package/datascroller/datascroller.esm.js

@@ -5,6 +5,21 @@ import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { classNames, ObjectUtils } 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);
+}
+
 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];
@@ -280,11 +295,11 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return null;
   };
   var createItem = function createItem(_value, index) {
-    var itemProps = mergeProps({
-      key: index + '_datascrollitem'
-    }, ptm('item'));
+    var itemProps = ptm('item');
     var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-    return /*#__PURE__*/React.createElement("li", itemProps, content);
+    return /*#__PURE__*/React.createElement("li", _extends({}, itemProps, {
+      key: index + '_datascrollitem'
+    }), content);
   };
   var createEmptyMessage = function createEmptyMessage() {
     var emptyMessageProps = mergeProps(ptm('emptyMessage'));

package/datascroller/datascroller.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as l}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as a,useUpdateEffect as c,useUnmountEffect as u}from"primereact/hooks";import{classNames as i,ObjectUtils as s}from"primereact/utils";function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return f(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)?f(e,r):void 0}}function y(){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 h(e){return m(e)||d(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function b(){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 w=n.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return i("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),E=e.memo(e.forwardRef((function(n,f){var m,d,y=o(),E=e.useContext(r),S=w.getProps(n,E),x=e.useState([]),H=(d=2,v(m=x)||g(m,d)||p(m,d)||b()),L=H[0],A=H[1],N=w.setMetaData({props:S}),T=N.ptm,z=N.cx,M=N.sx;l(w.css.styles,N.isUnstyled,{name:"datascroller"});var R=e.useRef(null),j=e.useRef(null),I=e.useRef(S.value),O=e.useRef([]),P=e.useRef(0),C=e.useRef(null),D=function(){if(S.lazy)S.onLazyLoad&&S.onLazyLoad(k()),P.current=P.current+S.rows;else if(I.current){for(var e=P.current;e<P.current+S.rows&&!(e>=I.current.length);e++)O.current.push(I.current[e]);0!==I.current.length&&(P.current=P.current+S.rows),A(h(O.current))}},_=function(){P.current=0,O.current=[],A(h(O.current)),D()},k=function(){return{first:P.current,rows:S.rows}},U=function(){C.current&&(S.inline&&j.current?j.current.removeEventListener("scroll",C.current):S.loader||window.removeEventListener("scroll",C.current)),C.current=null};a((function(){D(),S.loader||(S.inline?(C.current=function(){j.current.scrollTop>=j.current.scrollHeight*S.buffer-j.current.clientHeight&&D()},j.current.addEventListener("scroll",C.current)):(C.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)*S.buffer-n&&D()},window.addEventListener("scroll",C.current)))})),c((function(){S.value&&(I.current=S.value,S.lazy||(P.current=0),O.current=[],S.lazy?(O.current=I.current,A(h(O.current))):D())}),[S.value]),c((function(){S.loader&&U()}),[S.loader]),u((function(){C.current&&U()})),e.useImperativeHandle(f,(function(){return{props:S,load:D,reset:_,getElement:function(){return R.current},getContent:function(){return j.current}}}));var Y,J,X=function(r,t){var n=y({key:t+"_datascrollitem"},T("item")),l=S.itemTemplate?S.itemTemplate(r):r;return e.createElement("li",n,l)},$=function(){var r=y(T("emptyMessage")),n=s.getJSXElement(S.emptyMessage,S)||t("emptyMessage");return e.createElement("li",r,n)},q=(Y=y({className:z("header")},T("header")),S.header?e.createElement("div",Y,S.header):null),B=(J=y({className:z("footer")},T("footer")),S.footer?e.createElement("div",J,S.footer):null),F=function(){var r=y({ref:j,className:z("content"),style:M("content")},T("content")),t=y({className:z("list")},T("list")),n=s.isNotEmpty(L)?L.map(X):$();return e.createElement("div",r,e.createElement("ul",t,n))}(),G=y({id:S.id,ref:R,className:i(S.className,z("root"))},w.getOtherProps(S),T("root"));return e.createElement("div",G,q,F,B)})));E.displayName="DataScroller";export{E as DataScroller};
+import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as l,useMountEffect as a,useUpdateEffect as c,useUnmountEffect as u}from"primereact/hooks";import{classNames as i,ObjectUtils as s}from"primereact/utils";function f(){return f=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},f.apply(this,arguments)}function d(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 m(e){if(Array.isArray(e))return d(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,r){if(e){if("string"==typeof e)return d(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)?d(e,r):void 0}}function h(){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 v(e){return m(e)||p(e)||y(e)||h()}function g(e){if(Array.isArray(e))return e}function b(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,c=[],u=!0,i=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=l.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function w(){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 E=n.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return i("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),S=e.memo(e.forwardRef((function(n,d){var m,p,h=l(),S=e.useContext(r),x=E.getProps(n,S),H=e.useState([]),L=(p=2,g(m=H)||b(m,p)||y(m,p)||w()),O=L[0],j=L[1],A=E.setMetaData({props:x}),N=A.ptm,T=A.cx,z=A.sx;o(E.css.styles,A.isUnstyled,{name:"datascroller"});var M=e.useRef(null),R=e.useRef(null),I=e.useRef(x.value),P=e.useRef([]),C=e.useRef(0),D=e.useRef(null),_=function(){if(x.lazy)x.onLazyLoad&&x.onLazyLoad(U()),C.current=C.current+x.rows;else if(I.current){for(var e=C.current;e<C.current+x.rows&&!(e>=I.current.length);e++)P.current.push(I.current[e]);0!==I.current.length&&(C.current=C.current+x.rows),j(v(P.current))}},k=function(){C.current=0,P.current=[],j(v(P.current)),_()},U=function(){return{first:C.current,rows:x.rows}},Y=function(){D.current&&(x.inline&&R.current?R.current.removeEventListener("scroll",D.current):x.loader||window.removeEventListener("scroll",D.current)),D.current=null};a((function(){_(),x.loader||(x.inline?(D.current=function(){R.current.scrollTop>=R.current.scrollHeight*x.buffer-R.current.clientHeight&&_()},R.current.addEventListener("scroll",D.current)):(D.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)*x.buffer-n&&_()},window.addEventListener("scroll",D.current)))})),c((function(){x.value&&(I.current=x.value,x.lazy||(C.current=0),P.current=[],x.lazy?(P.current=I.current,j(v(P.current))):_())}),[x.value]),c((function(){x.loader&&Y()}),[x.loader]),u((function(){D.current&&Y()})),e.useImperativeHandle(d,(function(){return{props:x,load:_,reset:k,getElement:function(){return M.current},getContent:function(){return R.current}}}));var J,X,$=function(r,t){var n=N("item"),o=x.itemTemplate?x.itemTemplate(r):r;return e.createElement("li",f({},n,{key:t+"_datascrollitem"}),o)},q=function(){var r=h(N("emptyMessage")),n=s.getJSXElement(x.emptyMessage,x)||t("emptyMessage");return e.createElement("li",r,n)},B=(J=h({className:T("header")},N("header")),x.header?e.createElement("div",J,x.header):null),F=(X=h({className:T("footer")},N("footer")),x.footer?e.createElement("div",X,x.footer):null),G=function(){var r=h({ref:R,className:T("content"),style:z("content")},N("content")),t=h({className:T("list")},N("list")),n=s.isNotEmpty(O)?O.map($):q();return e.createElement("div",r,e.createElement("ul",t,n))}(),K=h({id:x.id,ref:M,className:i(x.className,T("root"))},E.getOtherProps(x),N("root"));return e.createElement("div",K,B,G,F)})));S.displayName="DataScroller";export{S as DataScroller};

package/datascroller/datascroller.js

@@ -22,6 +22,21 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
 
   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];
@@ -297,11 +312,11 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
       return null;
     };
     var createItem = function createItem(_value, index) {
-      var itemProps = mergeProps({
-        key: index + '_datascrollitem'
-      }, ptm('item'));
+      var itemProps = ptm('item');
       var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
-      return /*#__PURE__*/React__namespace.createElement("li", itemProps, content);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
+        key: index + '_datascrollitem'
+      }), content);
     };
     var createEmptyMessage = function createEmptyMessage() {
       var emptyMessageProps = mergeProps(ptm('emptyMessage'));

package/datascroller/datascroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.datascroller=function(e,t,r,n,l,o){"use strict";function a(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 c=a(t);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):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,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function h(){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=n.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return o.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),g=c.memo(c.forwardRef((function(e,t){var a,u,i=l.useMergeProps(),s=c.useContext(r.PrimeReactContext),d=v.getProps(e,s),g=c.useState([]),b=(u=2,p(a=g)||y(a,u)||f(a,u)||h()),E=b[0],w=b[1],O=v.setMetaData({props:d}),S=O.ptm,j=O.cx,H=O.sx;n.useHandleStyle(v.css.styles,O.isUnstyled,{name:"datascroller"});var x=c.useRef(null),M=c.useRef(null),N=c.useRef(d.value),L=c.useRef([]),A=c.useRef(0),P=c.useRef(null),R=function(){if(d.lazy)d.onLazyLoad&&d.onLazyLoad(T()),A.current=A.current+d.rows;else if(N.current){for(var e=A.current;e<A.current+d.rows&&!(e>=N.current.length);e++)L.current.push(N.current[e]);0!==N.current.length&&(A.current=A.current+d.rows),w(m(L.current))}},z=function(){A.current=0,L.current=[],w(m(L.current)),R()},T=function(){return{first:A.current,rows:d.rows}},U=function(){P.current&&(d.inline&&M.current?M.current.removeEventListener("scroll",P.current):d.loader||window.removeEventListener("scroll",P.current)),P.current=null};l.useMountEffect((function(){R(),d.loader||(d.inline?(P.current=function(){M.current.scrollTop>=M.current.scrollHeight*d.buffer-M.current.clientHeight&&R()},M.current.addEventListener("scroll",P.current)):(P.current=function(){var e=document.body,t=document.documentElement,r=window.pageYOffset||document.documentElement.scrollTop,n=t.clientHeight;r>=Math.max(e.scrollHeight,e.offsetHeight,n,t.scrollHeight,t.offsetHeight)*d.buffer-n&&R()},window.addEventListener("scroll",P.current)))})),l.useUpdateEffect((function(){d.value&&(N.current=d.value,d.lazy||(A.current=0),L.current=[],d.lazy?(L.current=N.current,w(m(L.current))):R())}),[d.value]),l.useUpdateEffect((function(){d.loader&&U()}),[d.loader]),l.useUnmountEffect((function(){P.current&&U()})),c.useImperativeHandle(t,(function(){return{props:d,load:R,reset:z,getElement:function(){return x.current},getContent:function(){return M.current}}}));var _,I,C=function(e,t){var r=i({key:t+"_datascrollitem"},S("item")),n=d.itemTemplate?d.itemTemplate(e):e;return c.createElement("li",r,n)},D=function(){var e=i(S("emptyMessage")),t=o.ObjectUtils.getJSXElement(d.emptyMessage,d)||r.localeOption("emptyMessage");return c.createElement("li",e,t)},k=(_=i({className:j("header")},S("header")),d.header?c.createElement("div",_,d.header):null),Y=(I=i({className:j("footer")},S("footer")),d.footer?c.createElement("div",I,d.footer):null),B=function(){var e=i({ref:M,className:j("content"),style:H("content")},S("content")),t=i({className:j("list")},S("list")),r=o.ObjectUtils.isNotEmpty(E)?E.map(C):D();return c.createElement("div",e,c.createElement("ul",t,r))}(),J=i({id:d.id,ref:x,className:o.classNames(d.className,j("root"))},v.getOtherProps(d),S("root"));return c.createElement("div",J,k,B,Y)})));return g.displayName="DataScroller",e.DataScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.datascroller=function(e,t,r,n,l,o){"use strict";function a(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 c=a(t);function u(){return u=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},u.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return i(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):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 m(e){return s(e)||f(e)||d(e)||p()}function y(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}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=n.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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return o.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),b=c.memo(c.forwardRef((function(e,t){var a,i,s=l.useMergeProps(),f=c.useContext(r.PrimeReactContext),p=g.getProps(e,f),b=c.useState([]),E=(i=2,y(a=b)||h(a,i)||d(a,i)||v()),w=E[0],O=E[1],j=g.setMetaData({props:p}),S=j.ptm,H=j.cx,x=j.sx;n.useHandleStyle(g.css.styles,j.isUnstyled,{name:"datascroller"});var M=c.useRef(null),N=c.useRef(null),L=c.useRef(p.value),P=c.useRef([]),A=c.useRef(0),R=c.useRef(null),z=function(){if(p.lazy)p.onLazyLoad&&p.onLazyLoad(U()),A.current=A.current+p.rows;else if(L.current){for(var e=A.current;e<A.current+p.rows&&!(e>=L.current.length);e++)P.current.push(L.current[e]);0!==L.current.length&&(A.current=A.current+p.rows),O(m(P.current))}},T=function(){A.current=0,P.current=[],O(m(P.current)),z()},U=function(){return{first:A.current,rows:p.rows}},_=function(){R.current&&(p.inline&&N.current?N.current.removeEventListener("scroll",R.current):p.loader||window.removeEventListener("scroll",R.current)),R.current=null};l.useMountEffect((function(){z(),p.loader||(p.inline?(R.current=function(){N.current.scrollTop>=N.current.scrollHeight*p.buffer-N.current.clientHeight&&z()},N.current.addEventListener("scroll",R.current)):(R.current=function(){var e=document.body,t=document.documentElement,r=window.pageYOffset||document.documentElement.scrollTop,n=t.clientHeight;r>=Math.max(e.scrollHeight,e.offsetHeight,n,t.scrollHeight,t.offsetHeight)*p.buffer-n&&z()},window.addEventListener("scroll",R.current)))})),l.useUpdateEffect((function(){p.value&&(L.current=p.value,p.lazy||(A.current=0),P.current=[],p.lazy?(P.current=L.current,O(m(P.current))):z())}),[p.value]),l.useUpdateEffect((function(){p.loader&&_()}),[p.loader]),l.useUnmountEffect((function(){R.current&&_()})),c.useImperativeHandle(t,(function(){return{props:p,load:z,reset:T,getElement:function(){return M.current},getContent:function(){return N.current}}}));var I,C,D=function(e,t){var r=S("item"),n=p.itemTemplate?p.itemTemplate(e):e;return c.createElement("li",u({},r,{key:t+"_datascrollitem"}),n)},k=function(){var e=s(S("emptyMessage")),t=o.ObjectUtils.getJSXElement(p.emptyMessage,p)||r.localeOption("emptyMessage");return c.createElement("li",e,t)},Y=(I=s({className:H("header")},S("header")),p.header?c.createElement("div",I,p.header):null),B=(C=s({className:H("footer")},S("footer")),p.footer?c.createElement("div",C,p.footer):null),J=function(){var e=s({ref:N,className:H("content"),style:x("content")},S("content")),t=s({className:H("list")},S("list")),r=o.ObjectUtils.isNotEmpty(w)?w.map(D):k();return c.createElement("div",e,c.createElement("ul",t,r))}(),X=s({id:p.id,ref:M,className:o.classNames(p.className,H("root"))},g.getOtherProps(p),S("root"));return c.createElement("div",X,Y,J,B)})));return b.displayName="DataScroller",e.DataScroller=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/datatable/datatable.cjs.js

@@ -294,7 +294,7 @@ var ColumnBase = componentbase.ComponentBase.extend({
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var styles$1 = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
+var styles$1 = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable.p-datatable-gridlines .p-datatable-scrollable-table > .p-datatable-thead {\n        top: -1px;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
 var classes$2 = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -1412,14 +1412,14 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (align === 'right') {
         var right = 0;
         var next = elementRef.current && elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
         var prev = elementRef.current && elementRef.current.previousElementSibling;
-        if (prev) {
+        if (prev && prev.classList.contains('p-frozen-column')) {
           left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -2478,8 +2478,8 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
-    cx = _props$ptCallbacks.cx,
-    isUnstyled = _props$ptCallbacks.isUnstyled;
+    cx = _props$ptCallbacks.cx;
+    _props$ptCallbacks.isUnstyled;
   var _onClick = function onClick(event) {
     props.onClick({
       originalEvent: event,
@@ -2502,8 +2502,7 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var rowGroupTogglerIconProps = mergeProps({
     className: cx('rowGroupTogglerIcon'),
-    'aria-hidden': true,
-    unstyled: isUnstyled()
+    'aria-hidden': true
   }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, rowGroupTogglerIconProps);
   var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
@@ -2517,8 +2516,7 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     },
     className: cx('rowGroupToggler'),
     tabIndex: props.tabIndex,
-    'aria-label': label,
-    unstyled: isUnstyled()
+    'aria-label': label
   }, ptm('rowGroupToggler'), getColumnPTOptions('rowGroupToggler'));
   return /*#__PURE__*/React__namespace.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
@@ -3084,15 +3082,9 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var onRowMouseDown = function onRowMouseDown(e) {
     var event = e.originalEvent;
-    if (!isUnstyled() && utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
-      event.currentTarget.draggable = true;
-      event.target.draggable = false;
-    } else if (isUnstyled() && utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon') {
-      event.currentTarget.draggable = true;
-      event.target.draggable = false;
-    } else {
-      event.currentTarget.draggable = false;
-    }
+    var isDraggableHandle = isUnstyled() ? utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon' || event.target.closest('[data-pc-section="rowreordericon"]') : utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle') || event.target.closest('.p-datatable-reorderablerow-handle');
+    event.currentTarget.draggable = isDraggableHandle;
+    event.target.draggable = !isDraggableHandle;
     if (allowRowDrag(e)) {
       enableDragSelection(event);
       anchorRowIndex.current = e.index;
@@ -3196,7 +3188,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           rowElement.setAttribute('data-p-datatable-dragpoint-top', 'true');
           !isUnstyled() && utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
         }
-        droppedRowIndex.current = index + 1;
+        if (index + 1 !== draggedRowIndex.current) droppedRowIndex.current = index + 1;
         rowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'true');
         !isUnstyled() && utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
       }
@@ -3648,14 +3640,14 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (_align === 'right') {
         var right = 0;
         var next = elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
         var prev = elementRef.current.previousElementSibling;
-        if (prev) {
+        if (prev && prev.classList.contains('p-frozen-column')) {
           left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -4665,7 +4657,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       'aria-haspopup': true,
       'aria-expanded': overlayVisibleState,
       'aria-label': label,
-      'aria-controls': overlayId.current,
+      'aria-controls': overlayVisibleState ? overlayId.current : undefined,
       onClick: function onClick(e) {
         return toggleMenu();
       },
@@ -5156,14 +5148,14 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (align === 'right') {
         var right = 0;
         var next = elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
         var prev = elementRef.current.previousElementSibling;
-        if (prev) {
+        if (prev && prev.classList.contains('p-frozen-column')) {
           left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -5328,6 +5320,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var allRowsSelected = props.allRowsSelected(props.value);
       return /*#__PURE__*/React__namespace.createElement(HeaderCheckbox, {
         hostName: props.hostName,
+        column: props.column,
         checked: allRowsSelected,
         onChange: props.onColumnCheckboxChange,
         disabled: props.empty,
@@ -5595,16 +5588,18 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     });
   };
-  var createCheckbox = function createCheckbox(selectionMode) {
+  var createCheckbox = function createCheckbox(column, selectionMode) {
     if (props.showSelectAll && selectionMode === 'multiple') {
       var allRowsSelected = props.allRowsSelected(props.value);
       return /*#__PURE__*/React__namespace.createElement(HeaderCheckbox, {
         hostName: props.hostName,
+        column: column,
         checked: allRowsSelected,
         onChange: onCheckboxChange,
         disabled: props.empty,
         ptCallbacks: props.ptCallbacks,
-        metaData: props.metaData
+        metaData: props.metaData,
+        unstyled: props.unstyled
       });
     }
     return null;
@@ -5644,17 +5639,18 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
           filter = _ColumnBase$getCProps.filter;
         var colStyle = _objectSpread$1(_objectSpread$1({}, filterHeaderStyle || {}), style || {});
         var colKey = columnKey || field || i;
-        var checkbox = createCheckbox(selectionMode);
+        var checkbox = createCheckbox(col, selectionMode);
         var filterRow = createFilter(col, filter);
         var headerCellProps = mergeProps({
           style: colStyle,
           className: utils.classNames(filterHeaderClassName, className, cx('headerCell', {
             frozen: frozen,
             column: col
-          })),
-          key: colKey
+          }))
         }, getColumnPTOptions(col, 'root'), getColumnPTOptions(col, 'headerCell'));
-        return /*#__PURE__*/React__namespace.createElement("th", headerCellProps, checkbox, filterRow);
+        return /*#__PURE__*/React__namespace.createElement("th", _extends({
+          key: colKey
+        }, headerCellProps), checkbox, filterRow);
       }
       return null;
     });
@@ -7030,7 +7026,12 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       filter(props.globalFilter, 'global', props.globalFilterMatchMode);
     } else {
       // #3819 was filtering but now reset filter state
-      setFiltersState(props.filters);
+      if (d_filtersState['global']) {
+        var filters = _objectSpread({}, d_filtersState);
+        delete filters['global'];
+        setD_filtersState(filters);
+        onFilterApply(filters);
+      }
     }
   }, [props.globalFilter, props.globalFilterMatchMode]);
   hooks.useUnmountEffect(function () {