primereact 10.5.0 → 10.5.2

package/dataview/dataview.cjs.js

@@ -12,6 +12,7 @@ var thlarge = require('primereact/icons/thlarge');
 var paginator = require('primereact/paginator');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var hooks = require('primereact/hooks');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -261,6 +262,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = DataViewLayoutOptionsBase.getProps(inProps, context);
   var _DataViewLayoutOption = DataViewLayoutOptionsBase.setMetaData({
@@ -275,27 +277,27 @@ var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps
     });
     event.preventDefault();
   };
-  var listIconProps = utils.mergeProps(ptm('list'));
-  var gridIconProps = utils.mergeProps(ptm('grid'));
+  var listIconProps = mergeProps(ptm('list'));
+  var gridIconProps = mergeProps(ptm('grid'));
   var listIcon = utils.IconUtils.getJSXIcon(props.listIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, listIconProps), _objectSpread({}, listIconProps), {
     props: props
   });
   var gridIcon = utils.IconUtils.getJSXIcon(props.gridIcon || /*#__PURE__*/React__namespace.createElement(thlarge.ThLargeIcon, gridIconProps), _objectSpread({}, gridIconProps), {
     props: props
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     style: props.style,
     className: utils.classNames(props.className, cx('root'))
   }, DataViewLayoutOptionsBase.getOtherProps(props), ptm('root'));
-  var listButtonProps = utils.mergeProps({
+  var listButtonProps = mergeProps({
     type: 'button',
     className: cx('listButton'),
     onClick: function onClick(event) {
       return changeLayout(event, 'list');
     }
   }, ptm('listButton'));
-  var gridButtonProps = utils.mergeProps({
+  var gridButtonProps = mergeProps({
     type: 'button',
     className: cx('gridButton'),
     onClick: function onClick(event) {
@@ -308,6 +310,7 @@ var DataViewItem = /*#__PURE__*/React__namespace.memo(function (props) {
   return props.template(props.item, props.layout);
 });
 var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = DataViewBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.first),
@@ -411,7 +414,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createLoader = function createLoader() {
     if (props.loading) {
-      var loadingIconProps = utils.mergeProps({
+      var loadingIconProps = mergeProps({
         className: cx('loadingIcon')
       }, ptm('loadingIcon'));
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
@@ -420,7 +423,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
-      var loadingOverlayProps = utils.mergeProps({
+      var loadingOverlayProps = mergeProps({
         className: cx('loadingOverlay')
       }, ptm('loadingOverlay'));
       return /*#__PURE__*/React__namespace.createElement("div", loadingOverlayProps, loadingIcon);
@@ -442,7 +445,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
       var _content = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
-      var emptyMessageProps = utils.mergeProps({
+      var emptyMessageProps = mergeProps({
         className: cx('emptyMessage')
       }, ptm('emptyMessage'));
       return /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, _content);
@@ -451,7 +454,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createHeader = function createHeader() {
     if (props.header) {
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, ptm('header'));
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
@@ -460,7 +463,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createFooter = function createFooter() {
     if (props.footer) {
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
@@ -482,7 +485,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return createEmptyMessage();
   };
   var createContent = function createContent(value) {
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, ptm('content'));
     var content = null;
@@ -491,7 +494,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       content = utils.ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
     } else {
       var _items = createItems(value);
-      var gridProps = utils.mergeProps({
+      var gridProps = mergeProps({
         className: cx('grid')
       }, ptm('grid'));
       content = /*#__PURE__*/React__namespace.createElement("div", gridProps, _items);
@@ -520,7 +523,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var header = createHeader();
   var footer = createFooter();
   var content = createContent(data);
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/icons/bars"),o=require("primereact/icons/spinner"),a=require("primereact/icons/thlarge"),i=require("primereact/paginator"),l=require("primereact/ripple"),u=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 p=c(e),m=s(t);function f(){return f=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},f.apply(this,arguments)}function g(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 d(e){if(Array.isArray(e))return g(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function b(){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){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}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.")}function O(e,t){return P(e)||w(e,t)||v(e,t)||h()}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}function E(e,t,r){return(t=N(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(e){return u.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.props.gutter})},root:function(e){var t=e.props;return u.classNames("p-dataview p-component",E(E({},"p-dataview-".concat(t.layout),!!t.layout),"p-dataview-loading",t.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),D=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.props.layout})},gridButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.props.layout})}}}});function T(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=A(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}function A(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function C(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 x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L=p.memo((function(e){var r=p.useContext(t.PrimeReactContext),o=D.getProps(e,r),i=D.setMetaData({props:o}),s=i.ptm,c=i.cx,m=function(e,t){o.onChange({originalEvent:e,value:t}),e.preventDefault()},f=u.mergeProps(s("list")),g=u.mergeProps(s("grid")),d=u.IconUtils.getJSXIcon(o.listIcon||p.createElement(n.BarsIcon,f),R({},f),{props:o}),y=u.IconUtils.getJSXIcon(o.gridIcon||p.createElement(a.ThLargeIcon,g),R({},g),{props:o}),v=u.mergeProps({id:o.id,style:o.style,className:u.classNames(o.className,c("root"))},D.getOtherProps(o),s("root")),b=u.mergeProps({type:"button",className:c("listButton"),onClick:function(e){return m(e,"list")}},s("listButton")),P=u.mergeProps({type:"button",className:c("gridButton"),onClick:function(e){return m(e,"grid")}},s("gridButton"));return p.createElement("div",v,p.createElement("button",b,d,p.createElement(l.Ripple,null)),p.createElement("button",P,y,p.createElement(l.Ripple,null)))})),M=p.memo((function(e){return e.template(e.item,e.layout)})),k=p.memo(p.forwardRef((function(e,n){var a=p.useContext(t.PrimeReactContext),l=I.getProps(e,a),s=O(p.useState(l.first),2),c=s[0],g=s[1],P=O(p.useState(l.rows),2),w=P[0],h=P[1],j={props:l,state:{first:c,rows:w}},S=I.setMetaData(j),N=S.ptm,E=S.cx;r.useHandleStyle(I.css.styles,S.isUnstyled,{name:"dataview"});var D=p.useRef(null),A=l.onPage?l.first:c,C=l.onPage?l.rows:w,x=function(e){return l.dataKey?u.ObjectUtils.resolveFieldData(e,l.dataKey):null},L=function(){return l.totalRecords?l.totalRecords:l.value?l.value.length:0},k=function(e){var t=u.classNames("p-paginator-"+e,l.paginatorClassName),r=L();return p.createElement(i.Paginator,{first:A,rows:C,pageLinkSize:l.pageLinkSize,className:t,onPageChange:U,template:l.paginatorTemplate,totalRecords:r,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,leftContent:l.paginatorLeft,rightContent:l.paginatorRight,alwaysShow:l.alwaysShowPaginator,dropdownAppendTo:l.paginatorDropdownAppendTo,ptm:N("paginator"),unstyled:l.unstyled,__parentMetadata:{parent:j}})},U=function(e){l.onPage?l.onPage(e):(g(e.first),h(e.rows))},_=function(e){if(l.paginator){var t=l.lazy?0:A,r=L(),n=Math.min(C+t,r);return e.slice(t,n)||[]}return e},q=function(){if(l.value){var e,t=new Map,r=u.ObjectUtils.localeComparator(a&&a.locale||m.default.locale),n=d(s=l.value)||y(s)||v(s)||b(),o=T(n);try{for(o.s();!(e=o.n()).done;){var i=e.value;t.set(i,u.ObjectUtils.resolveFieldData(i,l.sortField))}}catch(e){o.e(e)}finally{o.f()}return n.sort((function(e,n){var o=t.get(e),i=t.get(n);return u.ObjectUtils.sort(o,i,l.sortOrder,r,a&&a.nullSortOrder||m.default.nullSortOrder)})),n}var s;return null},B=function(){if(!l.loading){var e=l.emptyMessage||t.localeOption("emptyMessage"),r=u.mergeProps({className:E("emptyMessage")},N("emptyMessage"));return p.createElement("div",r,e)}return null},V=function(e){return u.ObjectUtils.isNotEmpty(e)?_(e).map((function(e,t){return p.createElement(M,{key:x(e)||t,template:l.itemTemplate,layout:l.layout,item:e})})):B()};p.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return D.current}}}));var z=function(){var e=l.value;return u.ObjectUtils.isNotEmpty(e)&&l.sortField&&(e=q()),e}(),F=function(){if(l.loading){var e=u.mergeProps({className:E("loadingIcon")},N("loadingIcon")),t=l.loadingIcon||p.createElement(o.SpinnerIcon,f({},e,{spin:!0})),r=u.IconUtils.getJSXIcon(t,R({},e),{props:l}),n=u.mergeProps({className:E("loadingOverlay")},N("loadingOverlay"));return p.createElement("div",n,r)}return null}(),J=!l.paginator||"bottom"===l.paginatorPosition&&"both"!==l.paginatorPosition?null:k("top"),X=!l.paginator||"top"===l.paginatorPosition&&"both"!==l.paginatorPosition?null:k("bottom"),K=function(){if(l.header){var e=u.mergeProps({className:E("header")},N("header"));return p.createElement("div",e,l.header)}return null}(),H=function(){if(l.footer){var e=u.mergeProps({className:E("footer")},N("footer"));return p.createElement("div",e,l.footer)}return null}(),Y=function(e){var t=u.mergeProps({className:E("content")},N("content")),r=null;if(l.listTemplate){var n=_(e);r=u.ObjectUtils.getJSXElement(l.listTemplate,n,l.layout)}else{var o=V(e),a=u.mergeProps({className:E("grid")},N("grid"));r=p.createElement("div",a,o)}return p.createElement("div",t,r)}(z),$=u.mergeProps({id:l.id,ref:D,style:l.style,className:u.classNames(l.className,E("root"))},I.getOtherProps(l),N("root"));return p.createElement("div",$,F,K,J,Y,X,H)})));L.displayName="DataViewLayoutOptions",M.displayName="DataViewItem",k.displayName="DataView",exports.DataView=k,exports.DataViewItem=M,exports.DataViewLayoutOptions=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/icons/bars"),a=require("primereact/icons/spinner"),o=require("primereact/icons/thlarge"),i=require("primereact/paginator"),l=require("primereact/ripple"),u=require("primereact/utils"),s=require("primereact/hooks");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 f=p(e),m=c(t);function d(){return d=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},d.apply(this,arguments)}function g(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 y(e){if(Array.isArray(e))return g(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function w(){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){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],u=!0,s=!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)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return h(e)||P(e,t)||b(e,t)||O()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function N(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(e){return u.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.props.gutter})},root:function(e){var t=e.props;return u.classNames("p-dataview p-component",I(I({},"p-dataview-".concat(t.layout),!!t.layout),"p-dataview-loading",t.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.props.layout})},gridButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.props.layout})}}}});function A(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=C(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw o}}}}function C(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(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 M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L=f.memo((function(e){var r=s.useMergeProps(),a=f.useContext(t.PrimeReactContext),i=T.getProps(e,a),c=T.setMetaData({props:i}),p=c.ptm,m=c.cx,d=function(e,t){i.onChange({originalEvent:e,value:t}),e.preventDefault()},g=r(p("list")),y=r(p("grid")),v=u.IconUtils.getJSXIcon(i.listIcon||f.createElement(n.BarsIcon,g),R({},g),{props:i}),b=u.IconUtils.getJSXIcon(i.gridIcon||f.createElement(o.ThLargeIcon,y),R({},y),{props:i}),w=r({id:i.id,style:i.style,className:u.classNames(i.className,m("root"))},T.getOtherProps(i),p("root")),h=r({type:"button",className:m("listButton"),onClick:function(e){return d(e,"list")}},p("listButton")),P=r({type:"button",className:m("gridButton"),onClick:function(e){return d(e,"grid")}},p("gridButton"));return f.createElement("div",w,f.createElement("button",h,v,f.createElement(l.Ripple,null)),f.createElement("button",P,b,f.createElement(l.Ripple,null)))})),k=f.memo((function(e){return e.template(e.item,e.layout)})),U=f.memo(f.forwardRef((function(e,n){var o=s.useMergeProps(),l=f.useContext(t.PrimeReactContext),c=D.getProps(e,l),p=j(f.useState(c.first),2),g=p[0],h=p[1],P=j(f.useState(c.rows),2),O=P[0],S=P[1],N={props:c,state:{first:g,rows:O}},E=D.setMetaData(N),I=E.ptm,T=E.cx;r.useHandleStyle(D.css.styles,E.isUnstyled,{name:"dataview"});var C=f.useRef(null),x=c.onPage?c.first:g,M=c.onPage?c.rows:O,L=function(e){return c.dataKey?u.ObjectUtils.resolveFieldData(e,c.dataKey):null},U=function(){return c.totalRecords?c.totalRecords:c.value?c.value.length:0},q=function(e){var t=u.classNames("p-paginator-"+e,c.paginatorClassName),r=U();return f.createElement(i.Paginator,{first:x,rows:M,pageLinkSize:c.pageLinkSize,className:t,onPageChange:_,template:c.paginatorTemplate,totalRecords:r,rowsPerPageOptions:c.rowsPerPageOptions,currentPageReportTemplate:c.currentPageReportTemplate,leftContent:c.paginatorLeft,rightContent:c.paginatorRight,alwaysShow:c.alwaysShowPaginator,dropdownAppendTo:c.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:c.unstyled,__parentMetadata:{parent:N}})},_=function(e){c.onPage?c.onPage(e):(h(e.first),S(e.rows))},B=function(e){if(c.paginator){var t=c.lazy?0:x,r=U(),n=Math.min(M+t,r);return e.slice(t,n)||[]}return e},V=function(){if(c.value){var e,t=new Map,r=u.ObjectUtils.localeComparator(l&&l.locale||m.default.locale),n=y(i=c.value)||v(i)||b(i)||w(),a=A(n);try{for(a.s();!(e=a.n()).done;){var o=e.value;t.set(o,u.ObjectUtils.resolveFieldData(o,c.sortField))}}catch(e){a.e(e)}finally{a.f()}return n.sort((function(e,n){var a=t.get(e),o=t.get(n);return u.ObjectUtils.sort(a,o,c.sortOrder,r,l&&l.nullSortOrder||m.default.nullSortOrder)})),n}var i;return null},z=function(){if(!c.loading){var e=c.emptyMessage||t.localeOption("emptyMessage"),r=o({className:T("emptyMessage")},I("emptyMessage"));return f.createElement("div",r,e)}return null},F=function(e){return u.ObjectUtils.isNotEmpty(e)?B(e).map((function(e,t){return f.createElement(k,{key:L(e)||t,template:c.itemTemplate,layout:c.layout,item:e})})):z()};f.useImperativeHandle(n,(function(){return{props:c,getElement:function(){return C.current}}}));var J=function(){var e=c.value;return u.ObjectUtils.isNotEmpty(e)&&c.sortField&&(e=V()),e}(),X=function(){if(c.loading){var e=o({className:T("loadingIcon")},I("loadingIcon")),t=c.loadingIcon||f.createElement(a.SpinnerIcon,d({},e,{spin:!0})),r=u.IconUtils.getJSXIcon(t,R({},e),{props:c}),n=o({className:T("loadingOverlay")},I("loadingOverlay"));return f.createElement("div",n,r)}return null}(),K=!c.paginator||"bottom"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("top"),H=!c.paginator||"top"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("bottom"),Y=function(){if(c.header){var e=o({className:T("header")},I("header"));return f.createElement("div",e,c.header)}return null}(),$=function(){if(c.footer){var e=o({className:T("footer")},I("footer"));return f.createElement("div",e,c.footer)}return null}(),G=function(e){var t=o({className:T("content")},I("content")),r=null;if(c.listTemplate){var n=B(e);r=u.ObjectUtils.getJSXElement(c.listTemplate,n,c.layout)}else{var a=F(e),i=o({className:T("grid")},I("grid"));r=f.createElement("div",i,a)}return f.createElement("div",t,r)}(J),Q=o({id:c.id,ref:C,style:c.style,className:u.classNames(c.className,T("root"))},D.getOtherProps(c),I("root"));return f.createElement("div",Q,X,Y,K,G,H,$)})));L.displayName="DataViewLayoutOptions",k.displayName="DataViewItem",U.displayName="DataView",exports.DataView=U,exports.DataViewItem=k,exports.DataViewLayoutOptions=L;

package/dataview/dataview.esm.js

@@ -7,7 +7,8 @@ import { SpinnerIcon } from 'primereact/icons/spinner';
 import { ThLargeIcon } from 'primereact/icons/thlarge';
 import { Paginator } from 'primereact/paginator';
 import { Ripple } from 'primereact/ripple';
-import { classNames, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils } from 'primereact/utils';
+import { useMergeProps } from 'primereact/hooks';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -234,6 +235,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (inProps) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DataViewLayoutOptionsBase.getProps(inProps, context);
   var _DataViewLayoutOption = DataViewLayoutOptionsBase.setMetaData({
@@ -281,6 +283,7 @@ var DataViewItem = /*#__PURE__*/React.memo(function (props) {
   return props.template(props.item, props.layout);
 });
 var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DataViewBase.getProps(inProps, context);
   var _React$useState = React.useState(props.first),

package/dataview/dataview.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{BarsIcon as i}from"primereact/icons/bars";import{SpinnerIcon as l}from"primereact/icons/spinner";import{ThLargeIcon as u}from"primereact/icons/thlarge";import{Paginator as s}from"primereact/paginator";import{Ripple as c}from"primereact/ripple";import{classNames as p,mergeProps as m,IconUtils as f,ObjectUtils as g}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},d.apply(this,arguments)}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(t,e):void 0}}function w(){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(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){s=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(t,e){return P(t)||O(t,e)||h(t,e)||S()}function j(t){return j="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},j(t)}function N(t,e){if("object"!==j(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=N(t,"string");return"symbol"===j(e)?e:String(e)}function T(t,e,r){return(e=I(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var A=o.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return p("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return p("p-dataview p-component",T(T({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),D=o.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return p("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return p("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=L(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}function L(t,e){if(t){if("string"==typeof t)return M(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(t,e):void 0}}function M(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?k(Object(r),!0).forEach((function(e){T(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var R=t.memo((function(e){var n=t.useContext(r),o=D.getProps(e,n),a=D.setMetaData({props:o}),l=a.ptm,s=a.cx,g=function(t,e){o.onChange({originalEvent:t,value:e}),t.preventDefault()},d=m(l("list")),y=m(l("grid")),v=f.getJSXIcon(o.listIcon||t.createElement(i,d),x({},d),{props:o}),b=f.getJSXIcon(o.gridIcon||t.createElement(u,y),x({},y),{props:o}),h=m({id:o.id,style:o.style,className:p(o.className,s("root"))},D.getOtherProps(o),l("root")),w=m({type:"button",className:s("listButton"),onClick:function(t){return g(t,"list")}},l("listButton")),P=m({type:"button",className:s("gridButton"),onClick:function(t){return g(t,"grid")}},l("gridButton"));return t.createElement("div",h,t.createElement("button",w,v,t.createElement(c,null)),t.createElement("button",P,b,t.createElement(c,null)))})),z=t.memo((function(t){return t.template(t.item,t.layout)})),B=t.memo(t.forwardRef((function(o,i){var u=t.useContext(r),c=A.getProps(o,u),y=E(t.useState(c.first),2),P=y[0],O=y[1],S=E(t.useState(c.rows),2),j=S[0],N=S[1],I={props:c,state:{first:P,rows:j}},T=A.setMetaData(I),D=T.ptm,L=T.cx;a(A.css.styles,T.isUnstyled,{name:"dataview"});var M=t.useRef(null),k=c.onPage?c.first:P,R=c.onPage?c.rows:j,B=function(t){return c.dataKey?g.resolveFieldData(t,c.dataKey):null},F=function(){return c.totalRecords?c.totalRecords:c.value?c.value.length:0},_=function(e){var r=p("p-paginator-"+e,c.paginatorClassName),n=F();return t.createElement(s,{first:k,rows:R,pageLinkSize:c.pageLinkSize,className:r,onPageChange:V,template:c.paginatorTemplate,totalRecords:n,rowsPerPageOptions:c.rowsPerPageOptions,currentPageReportTemplate:c.currentPageReportTemplate,leftContent:c.paginatorLeft,rightContent:c.paginatorRight,alwaysShow:c.alwaysShowPaginator,dropdownAppendTo:c.paginatorDropdownAppendTo,ptm:D("paginator"),unstyled:c.unstyled,__parentMetadata:{parent:I}})},V=function(t){c.onPage?c.onPage(t):(O(t.first),N(t.rows))},J=function(t){if(c.paginator){var e=c.lazy?0:k,r=F(),n=Math.min(R+e,r);return t.slice(e,n)||[]}return t},X=function(){if(c.value){var t,r=new Map,n=g.localeComparator(u&&u.locale||e.locale),o=v(l=c.value)||b(l)||h(l)||w(),a=C(o);try{for(a.s();!(t=a.n()).done;){var i=t.value;r.set(i,g.resolveFieldData(i,c.sortField))}}catch(t){a.e(t)}finally{a.f()}return o.sort((function(t,o){var a=r.get(t),i=r.get(o);return g.sort(a,i,c.sortOrder,n,u&&u.nullSortOrder||e.nullSortOrder)})),o}var l;return null},K=function(){if(!c.loading){var e=c.emptyMessage||n("emptyMessage"),r=m({className:L("emptyMessage")},D("emptyMessage"));return t.createElement("div",r,e)}return null},U=function(e){return g.isNotEmpty(e)?J(e).map((function(e,r){return t.createElement(z,{key:B(e)||r,template:c.itemTemplate,layout:c.layout,item:e})})):K()};t.useImperativeHandle(i,(function(){return{props:c,getElement:function(){return M.current}}}));var Y=function(){var t=c.value;return g.isNotEmpty(t)&&c.sortField&&(t=X()),t}(),$=function(){if(c.loading){var e=m({className:L("loadingIcon")},D("loadingIcon")),r=c.loadingIcon||t.createElement(l,d({},e,{spin:!0})),n=f.getJSXIcon(r,x({},e),{props:c}),o=m({className:L("loadingOverlay")},D("loadingOverlay"));return t.createElement("div",o,n)}return null}(),H=!c.paginator||"bottom"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:_("top"),q=!c.paginator||"top"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:_("bottom"),G=function(){if(c.header){var e=m({className:L("header")},D("header"));return t.createElement("div",e,c.header)}return null}(),Q=function(){if(c.footer){var e=m({className:L("footer")},D("footer"));return t.createElement("div",e,c.footer)}return null}(),W=function(e){var r=m({className:L("content")},D("content")),n=null;if(c.listTemplate){var o=J(e);n=g.getJSXElement(c.listTemplate,o,c.layout)}else{var a=U(e),i=m({className:L("grid")},D("grid"));n=t.createElement("div",i,a)}return t.createElement("div",r,n)}(Y),Z=m({id:c.id,ref:M,style:c.style,className:p(c.className,L("root"))},A.getOtherProps(c),D("root"));return t.createElement("div",Z,$,G,H,W,q,Q)})));R.displayName="DataViewLayoutOptions",z.displayName="DataViewItem",B.displayName="DataView";export{B as DataView,z as DataViewItem,R as DataViewLayoutOptions};
+import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{BarsIcon as i}from"primereact/icons/bars";import{SpinnerIcon as l}from"primereact/icons/spinner";import{ThLargeIcon as u}from"primereact/icons/thlarge";import{Paginator as s}from"primereact/paginator";import{Ripple as p}from"primereact/ripple";import{classNames as c,IconUtils as m,ObjectUtils as f}from"primereact/utils";import{useMergeProps as g}from"primereact/hooks";function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},d.apply(this,arguments)}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(t,e):void 0}}function w(){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(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){s=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(t,e){return P(t)||O(t,e)||h(t,e)||S()}function j(t){return j="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},j(t)}function N(t,e){if("object"!==j(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=N(t,"string");return"symbol"===j(e)?e:String(e)}function T(t,e,r){return(e=I(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var A=o.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return c("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return c("p-dataview p-component",T(T({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),D=o.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return c("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return c("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=k(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}function k(t,e){if(t){if("string"==typeof t)return L(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?L(t,e):void 0}}function L(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function M(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){T(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var R=t.memo((function(e){var n=g(),o=t.useContext(r),a=D.getProps(e,o),l=D.setMetaData({props:a}),s=l.ptm,f=l.cx,d=function(t,e){a.onChange({originalEvent:t,value:e}),t.preventDefault()},y=n(s("list")),v=n(s("grid")),b=m.getJSXIcon(a.listIcon||t.createElement(i,y),x({},y),{props:a}),h=m.getJSXIcon(a.gridIcon||t.createElement(u,v),x({},v),{props:a}),w=n({id:a.id,style:a.style,className:c(a.className,f("root"))},D.getOtherProps(a),s("root")),P=n({type:"button",className:f("listButton"),onClick:function(t){return d(t,"list")}},s("listButton")),O=n({type:"button",className:f("gridButton"),onClick:function(t){return d(t,"grid")}},s("gridButton"));return t.createElement("div",w,t.createElement("button",P,b,t.createElement(p,null)),t.createElement("button",O,h,t.createElement(p,null)))})),z=t.memo((function(t){return t.template(t.item,t.layout)})),B=t.memo(t.forwardRef((function(o,i){var u=g(),p=t.useContext(r),y=A.getProps(o,p),P=E(t.useState(y.first),2),O=P[0],S=P[1],j=E(t.useState(y.rows),2),N=j[0],I=j[1],T={props:y,state:{first:O,rows:N}},D=A.setMetaData(T),k=D.ptm,L=D.cx;a(A.css.styles,D.isUnstyled,{name:"dataview"});var M=t.useRef(null),R=y.onPage?y.first:O,B=y.onPage?y.rows:N,F=function(t){return y.dataKey?f.resolveFieldData(t,y.dataKey):null},_=function(){return y.totalRecords?y.totalRecords:y.value?y.value.length:0},V=function(e){var r=c("p-paginator-"+e,y.paginatorClassName),n=_();return t.createElement(s,{first:R,rows:B,pageLinkSize:y.pageLinkSize,className:r,onPageChange:J,template:y.paginatorTemplate,totalRecords:n,rowsPerPageOptions:y.rowsPerPageOptions,currentPageReportTemplate:y.currentPageReportTemplate,leftContent:y.paginatorLeft,rightContent:y.paginatorRight,alwaysShow:y.alwaysShowPaginator,dropdownAppendTo:y.paginatorDropdownAppendTo,ptm:k("paginator"),unstyled:y.unstyled,__parentMetadata:{parent:T}})},J=function(t){y.onPage?y.onPage(t):(S(t.first),I(t.rows))},X=function(t){if(y.paginator){var e=y.lazy?0:R,r=_(),n=Math.min(B+e,r);return t.slice(e,n)||[]}return t},K=function(){if(y.value){var t,r=new Map,n=f.localeComparator(p&&p.locale||e.locale),o=v(l=y.value)||b(l)||h(l)||w(),a=C(o);try{for(a.s();!(t=a.n()).done;){var i=t.value;r.set(i,f.resolveFieldData(i,y.sortField))}}catch(t){a.e(t)}finally{a.f()}return o.sort((function(t,o){var a=r.get(t),i=r.get(o);return f.sort(a,i,y.sortOrder,n,p&&p.nullSortOrder||e.nullSortOrder)})),o}var l;return null},U=function(){if(!y.loading){var e=y.emptyMessage||n("emptyMessage"),r=u({className:L("emptyMessage")},k("emptyMessage"));return t.createElement("div",r,e)}return null},Y=function(e){return f.isNotEmpty(e)?X(e).map((function(e,r){return t.createElement(z,{key:F(e)||r,template:y.itemTemplate,layout:y.layout,item:e})})):U()};t.useImperativeHandle(i,(function(){return{props:y,getElement:function(){return M.current}}}));var $=function(){var t=y.value;return f.isNotEmpty(t)&&y.sortField&&(t=K()),t}(),H=function(){if(y.loading){var e=u({className:L("loadingIcon")},k("loadingIcon")),r=y.loadingIcon||t.createElement(l,d({},e,{spin:!0})),n=m.getJSXIcon(r,x({},e),{props:y}),o=u({className:L("loadingOverlay")},k("loadingOverlay"));return t.createElement("div",o,n)}return null}(),q=!y.paginator||"bottom"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("top"),G=!y.paginator||"top"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("bottom"),Q=function(){if(y.header){var e=u({className:L("header")},k("header"));return t.createElement("div",e,y.header)}return null}(),W=function(){if(y.footer){var e=u({className:L("footer")},k("footer"));return t.createElement("div",e,y.footer)}return null}(),Z=function(e){var r=u({className:L("content")},k("content")),n=null;if(y.listTemplate){var o=X(e);n=f.getJSXElement(y.listTemplate,o,y.layout)}else{var a=Y(e),i=u({className:L("grid")},k("grid"));n=t.createElement("div",i,a)}return t.createElement("div",r,n)}($),tt=u({id:y.id,ref:M,style:y.style,className:c(y.className,L("root"))},A.getOtherProps(y),k("root"));return t.createElement("div",tt,H,Q,q,Z,G,W)})));R.displayName="DataViewLayoutOptions",z.displayName="DataViewItem",B.displayName="DataView";export{B as DataView,z as DataViewItem,R as DataViewLayoutOptions};

package/dataview/dataview.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dataview = (function (exports, React, PrimeReact, componentbase, bars, spinner, thlarge, paginator, ripple, utils) {
+this.primereact.dataview = (function (exports, React, PrimeReact, componentbase, bars, spinner, thlarge, paginator, ripple, utils, hooks) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -250,6 +250,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = DataViewLayoutOptionsBase.getProps(inProps, context);
     var _DataViewLayoutOption = DataViewLayoutOptionsBase.setMetaData({
@@ -264,27 +265,27 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
       });
       event.preventDefault();
     };
-    var listIconProps = utils.mergeProps(ptm('list'));
-    var gridIconProps = utils.mergeProps(ptm('grid'));
+    var listIconProps = mergeProps(ptm('list'));
+    var gridIconProps = mergeProps(ptm('grid'));
     var listIcon = utils.IconUtils.getJSXIcon(props.listIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, listIconProps), _objectSpread({}, listIconProps), {
       props: props
     });
     var gridIcon = utils.IconUtils.getJSXIcon(props.gridIcon || /*#__PURE__*/React__namespace.createElement(thlarge.ThLargeIcon, gridIconProps), _objectSpread({}, gridIconProps), {
       props: props
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       style: props.style,
       className: utils.classNames(props.className, cx('root'))
     }, DataViewLayoutOptionsBase.getOtherProps(props), ptm('root'));
-    var listButtonProps = utils.mergeProps({
+    var listButtonProps = mergeProps({
       type: 'button',
       className: cx('listButton'),
       onClick: function onClick(event) {
         return changeLayout(event, 'list');
       }
     }, ptm('listButton'));
-    var gridButtonProps = utils.mergeProps({
+    var gridButtonProps = mergeProps({
       type: 'button',
       className: cx('gridButton'),
       onClick: function onClick(event) {
@@ -297,6 +298,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     return props.template(props.item, props.layout);
   });
   var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = DataViewBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.first),
@@ -400,7 +402,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     };
     var createLoader = function createLoader() {
       if (props.loading) {
-        var loadingIconProps = utils.mergeProps({
+        var loadingIconProps = mergeProps({
           className: cx('loadingIcon')
         }, ptm('loadingIcon'));
         var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
@@ -409,7 +411,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
         var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
           props: props
         });
-        var loadingOverlayProps = utils.mergeProps({
+        var loadingOverlayProps = mergeProps({
           className: cx('loadingOverlay')
         }, ptm('loadingOverlay'));
         return /*#__PURE__*/React__namespace.createElement("div", loadingOverlayProps, loadingIcon);
@@ -431,7 +433,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     var createEmptyMessage = function createEmptyMessage() {
       if (!props.loading) {
         var _content = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
-        var emptyMessageProps = utils.mergeProps({
+        var emptyMessageProps = mergeProps({
           className: cx('emptyMessage')
         }, ptm('emptyMessage'));
         return /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, _content);
@@ -440,7 +442,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     };
     var createHeader = function createHeader() {
       if (props.header) {
-        var headerProps = utils.mergeProps({
+        var headerProps = mergeProps({
           className: cx('header')
         }, ptm('header'));
         return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
@@ -449,7 +451,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     };
     var createFooter = function createFooter() {
       if (props.footer) {
-        var footerProps = utils.mergeProps({
+        var footerProps = mergeProps({
           className: cx('footer')
         }, ptm('footer'));
         return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
@@ -471,7 +473,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
       return createEmptyMessage();
     };
     var createContent = function createContent(value) {
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content')
       }, ptm('content'));
       var content = null;
@@ -480,7 +482,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
         content = utils.ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
       } else {
         var _items = createItems(value);
-        var gridProps = utils.mergeProps({
+        var gridProps = mergeProps({
           className: cx('grid')
         }, ptm('grid'));
         content = /*#__PURE__*/React__namespace.createElement("div", gridProps, _items);
@@ -509,7 +511,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
     var header = createHeader();
     var footer = createFooter();
     var content = createContent(data);
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       style: props.style,
@@ -529,4 +531,4 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.icons.bars, primereact.icons.spinner, primereact.icons.thlarge, primereact.paginator, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.icons.bars, primereact.icons.spinner, primereact.icons.thlarge, primereact.paginator, primereact.ripple, primereact.utils, primereact.hooks);

package/dataview/dataview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dataview=function(e,t,r,n,a,o,i,l,s,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(t),f=c(r);function g(){return g=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},g.apply(this,arguments)}function d(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 y(e){if(Array.isArray(e))return d(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(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 h(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],s=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);s=!0);}catch(e){u=!0,a=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return h(e)||w(e,t)||b(e,t)||O()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function N(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D=n.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(e){return u.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.props.gutter})},root:function(e){var t=e.props;return u.classNames("p-dataview p-component",I(I({},"p-dataview-".concat(t.layout),!!t.layout),"p-dataview-loading",t.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),T=n.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.props.layout})},gridButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.props.layout})}}}});function A(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=C(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw o}}}}function C(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(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 L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=m.memo((function(e){var t=m.useContext(r.PrimeReactContext),n=T.getProps(e,t),o=T.setMetaData({props:n}),l=o.ptm,c=o.cx,p=function(e,t){n.onChange({originalEvent:e,value:t}),e.preventDefault()},f=u.mergeProps(l("list")),g=u.mergeProps(l("grid")),d=u.IconUtils.getJSXIcon(n.listIcon||m.createElement(a.BarsIcon,f),M({},f),{props:n}),y=u.IconUtils.getJSXIcon(n.gridIcon||m.createElement(i.ThLargeIcon,g),M({},g),{props:n}),v=u.mergeProps({id:n.id,style:n.style,className:u.classNames(n.className,c("root"))},T.getOtherProps(n),l("root")),b=u.mergeProps({type:"button",className:c("listButton"),onClick:function(e){return p(e,"list")}},l("listButton")),P=u.mergeProps({type:"button",className:c("gridButton"),onClick:function(e){return p(e,"grid")}},l("gridButton"));return m.createElement("div",v,m.createElement("button",b,d,m.createElement(s.Ripple,null)),m.createElement("button",P,y,m.createElement(s.Ripple,null)))})),x=m.memo((function(e){return e.template(e.item,e.layout)})),U=m.memo(m.forwardRef((function(e,t){var a=m.useContext(r.PrimeReactContext),i=D.getProps(e,a),s=j(m.useState(i.first),2),c=s[0],p=s[1],d=j(m.useState(i.rows),2),h=d[0],w=d[1],O={props:i,state:{first:c,rows:h}},S=D.setMetaData(O),N=S.ptm,E=S.cx;n.useHandleStyle(D.css.styles,S.isUnstyled,{name:"dataview"});var I=m.useRef(null),T=i.onPage?i.first:c,C=i.onPage?i.rows:h,R=function(e){return i.dataKey?u.ObjectUtils.resolveFieldData(e,i.dataKey):null},L=function(){return i.totalRecords?i.totalRecords:i.value?i.value.length:0},k=function(e){var t=u.classNames("p-paginator-"+e,i.paginatorClassName),r=L();return m.createElement(l.Paginator,{first:T,rows:C,pageLinkSize:i.pageLinkSize,className:t,onPageChange:U,template:i.paginatorTemplate,totalRecords:r,rowsPerPageOptions:i.rowsPerPageOptions,currentPageReportTemplate:i.currentPageReportTemplate,leftContent:i.paginatorLeft,rightContent:i.paginatorRight,alwaysShow:i.alwaysShowPaginator,dropdownAppendTo:i.paginatorDropdownAppendTo,ptm:N("paginator"),unstyled:i.unstyled,__parentMetadata:{parent:O}})},U=function(e){i.onPage?i.onPage(e):(p(e.first),w(e.rows))},_=function(e){if(i.paginator){var t=i.lazy?0:T,r=L(),n=Math.min(C+t,r);return e.slice(t,n)||[]}return e},B=function(){if(i.value){var e,t=new Map,r=u.ObjectUtils.localeComparator(a&&a.locale||f.default.locale),n=y(s=i.value)||v(s)||b(s)||P(),o=A(n);try{for(o.s();!(e=o.n()).done;){var l=e.value;t.set(l,u.ObjectUtils.resolveFieldData(l,i.sortField))}}catch(e){o.e(e)}finally{o.f()}return n.sort((function(e,n){var o=t.get(e),l=t.get(n);return u.ObjectUtils.sort(o,l,i.sortOrder,r,a&&a.nullSortOrder||f.default.nullSortOrder)})),n}var s;return null},V=function(){if(!i.loading){var e=i.emptyMessage||r.localeOption("emptyMessage"),t=u.mergeProps({className:E("emptyMessage")},N("emptyMessage"));return m.createElement("div",t,e)}return null},z=function(e){return u.ObjectUtils.isNotEmpty(e)?_(e).map((function(e,t){return m.createElement(x,{key:R(e)||t,template:i.itemTemplate,layout:i.layout,item:e})})):V()};m.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return I.current}}}));var F=function(){var e=i.value;return u.ObjectUtils.isNotEmpty(e)&&i.sortField&&(e=B()),e}(),J=function(){if(i.loading){var e=u.mergeProps({className:E("loadingIcon")},N("loadingIcon")),t=i.loadingIcon||m.createElement(o.SpinnerIcon,g({},e,{spin:!0})),r=u.IconUtils.getJSXIcon(t,M({},e),{props:i}),n=u.mergeProps({className:E("loadingOverlay")},N("loadingOverlay"));return m.createElement("div",n,r)}return null}(),X=!i.paginator||"bottom"===i.paginatorPosition&&"both"!==i.paginatorPosition?null:k("top"),K=!i.paginator||"top"===i.paginatorPosition&&"both"!==i.paginatorPosition?null:k("bottom"),H=function(){if(i.header){var e=u.mergeProps({className:E("header")},N("header"));return m.createElement("div",e,i.header)}return null}(),Y=function(){if(i.footer){var e=u.mergeProps({className:E("footer")},N("footer"));return m.createElement("div",e,i.footer)}return null}(),$=function(e){var t=u.mergeProps({className:E("content")},N("content")),r=null;if(i.listTemplate){var n=_(e);r=u.ObjectUtils.getJSXElement(i.listTemplate,n,i.layout)}else{var a=z(e),o=u.mergeProps({className:E("grid")},N("grid"));r=m.createElement("div",o,a)}return m.createElement("div",t,r)}(F),q=u.mergeProps({id:i.id,ref:I,style:i.style,className:u.classNames(i.className,E("root"))},D.getOtherProps(i),N("root"));return m.createElement("div",q,J,H,X,$,K,Y)})));return k.displayName="DataViewLayoutOptions",x.displayName="DataViewItem",U.displayName="DataView",e.DataView=U,e.DataViewItem=x,e.DataViewLayoutOptions=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.icons.bars,primereact.icons.spinner,primereact.icons.thlarge,primereact.paginator,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dataview=function(t,e,n,r,a,o,i,l,u,s,c){"use strict";function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(e),d=p(n);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},g.apply(this,arguments)}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t){if(Array.isArray(t))return y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(t,e):void 0}}function w(){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(t){if(Array.isArray(t))return t}function O(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);u=!0);}catch(t){s=!0,a=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(t,e){return P(t)||O(t,e)||h(t,e)||j()}function N(t){return N="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},N(t)}function E(t,e){if("object"!==N(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=E(t,"string");return"symbol"===N(e)?e:String(e)}function D(t,e,n){return(e=I(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return s.classNames("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return s.classNames("p-dataview p-component",D(D({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n    .p-dataview-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-dataview .p-dataview-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n"}}),A=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return s.classNames("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return s.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=M(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,a=function(){};return{s:a,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){l=!0,o=t},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function M(t,e){if(t){if("string"==typeof t)return R(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(t,e):void 0}}function R(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function L(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?L(Object(n),!0).forEach((function(e){D(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var x=m.memo((function(t){var e=c.useMergeProps(),r=m.useContext(n.PrimeReactContext),o=A.getProps(t,r),l=A.setMetaData({props:o}),p=l.ptm,f=l.cx,d=function(t,e){o.onChange({originalEvent:t,value:e}),t.preventDefault()},g=e(p("list")),y=e(p("grid")),v=s.IconUtils.getJSXIcon(o.listIcon||m.createElement(a.BarsIcon,g),k({},g),{props:o}),b=s.IconUtils.getJSXIcon(o.gridIcon||m.createElement(i.ThLargeIcon,y),k({},y),{props:o}),h=e({id:o.id,style:o.style,className:s.classNames(o.className,f("root"))},A.getOtherProps(o),p("root")),w=e({type:"button",className:f("listButton"),onClick:function(t){return d(t,"list")}},p("listButton")),P=e({type:"button",className:f("gridButton"),onClick:function(t){return d(t,"grid")}},p("gridButton"));return m.createElement("div",h,m.createElement("button",w,v,m.createElement(u.Ripple,null)),m.createElement("button",P,b,m.createElement(u.Ripple,null)))})),U=m.memo((function(t){return t.template(t.item,t.layout)})),_=m.memo(m.forwardRef((function(t,e){var a=c.useMergeProps(),i=m.useContext(n.PrimeReactContext),u=T.getProps(t,i),p=S(m.useState(u.first),2),f=p[0],y=p[1],P=S(m.useState(u.rows),2),O=P[0],j=P[1],N={props:u,state:{first:f,rows:O}},E=T.setMetaData(N),I=E.ptm,D=E.cx;r.useHandleStyle(T.css.styles,E.isUnstyled,{name:"dataview"});var A=m.useRef(null),M=u.onPage?u.first:f,R=u.onPage?u.rows:O,L=function(t){return u.dataKey?s.ObjectUtils.resolveFieldData(t,u.dataKey):null},x=function(){return u.totalRecords?u.totalRecords:u.value?u.value.length:0},_=function(t){var e=s.classNames("p-paginator-"+t,u.paginatorClassName),n=x();return m.createElement(l.Paginator,{first:M,rows:R,pageLinkSize:u.pageLinkSize,className:e,onPageChange:B,template:u.paginatorTemplate,totalRecords:n,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,leftContent:u.paginatorLeft,rightContent:u.paginatorRight,alwaysShow:u.alwaysShowPaginator,dropdownAppendTo:u.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:u.unstyled,__parentMetadata:{parent:N}})},B=function(t){u.onPage?u.onPage(t):(y(t.first),j(t.rows))},V=function(t){if(u.paginator){var e=u.lazy?0:M,n=x(),r=Math.min(R+e,n);return t.slice(e,r)||[]}return t},z=function(){if(u.value){var t,e=new Map,n=s.ObjectUtils.localeComparator(i&&i.locale||d.default.locale),r=v(l=u.value)||b(l)||h(l)||w(),a=C(r);try{for(a.s();!(t=a.n()).done;){var o=t.value;e.set(o,s.ObjectUtils.resolveFieldData(o,u.sortField))}}catch(t){a.e(t)}finally{a.f()}return r.sort((function(t,r){var a=e.get(t),o=e.get(r);return s.ObjectUtils.sort(a,o,u.sortOrder,n,i&&i.nullSortOrder||d.default.nullSortOrder)})),r}var l;return null},F=function(){if(!u.loading){var t=u.emptyMessage||n.localeOption("emptyMessage"),e=a({className:D("emptyMessage")},I("emptyMessage"));return m.createElement("div",e,t)}return null},J=function(t){return s.ObjectUtils.isNotEmpty(t)?V(t).map((function(t,e){return m.createElement(U,{key:L(t)||e,template:u.itemTemplate,layout:u.layout,item:t})})):F()};m.useImperativeHandle(e,(function(){return{props:u,getElement:function(){return A.current}}}));var X=function(){var t=u.value;return s.ObjectUtils.isNotEmpty(t)&&u.sortField&&(t=z()),t}(),K=function(){if(u.loading){var t=a({className:D("loadingIcon")},I("loadingIcon")),e=u.loadingIcon||m.createElement(o.SpinnerIcon,g({},t,{spin:!0})),n=s.IconUtils.getJSXIcon(e,k({},t),{props:u}),r=a({className:D("loadingOverlay")},I("loadingOverlay"));return m.createElement("div",r,n)}return null}(),H=!u.paginator||"bottom"===u.paginatorPosition&&"both"!==u.paginatorPosition?null:_("top"),Y=!u.paginator||"top"===u.paginatorPosition&&"both"!==u.paginatorPosition?null:_("bottom"),$=function(){if(u.header){var t=a({className:D("header")},I("header"));return m.createElement("div",t,u.header)}return null}(),q=function(){if(u.footer){var t=a({className:D("footer")},I("footer"));return m.createElement("div",t,u.footer)}return null}(),G=function(t){var e=a({className:D("content")},I("content")),n=null;if(u.listTemplate){var r=V(t);n=s.ObjectUtils.getJSXElement(u.listTemplate,r,u.layout)}else{var o=J(t),i=a({className:D("grid")},I("grid"));n=m.createElement("div",i,o)}return m.createElement("div",e,n)}(X),Q=a({id:u.id,ref:A,style:u.style,className:s.classNames(u.className,D("root"))},T.getOtherProps(u),I("root"));return m.createElement("div",Q,K,$,H,G,Y,q)})));return x.displayName="DataViewLayoutOptions",U.displayName="DataViewItem",_.displayName="DataView",t.DataView=_,t.DataViewItem=U,t.DataViewLayoutOptions=x,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.icons.bars,primereact.icons.spinner,primereact.icons.thlarge,primereact.paginator,primereact.ripple,primereact.utils,primereact.hooks);

package/dialog/dialog.cjs.js

@@ -244,6 +244,7 @@ var DialogBase = componentbase.ComponentBase.extend({
     closable: true,
     closeIcon: null,
     closeOnEscape: true,
+    content: null,
     contentClassName: null,
     contentStyle: null,
     dismissableMask: false,
@@ -332,7 +333,8 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var focusElementOnHide = React__namespace.useRef(null);
   var maximized = props.onMaximize ? props.maximized : maximizedState;
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
-  var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
+  var isCloseOnEscape = props.closable && props.closeOnEscape && visibleState;
+  var displayOrder = hooks.useDisplayOrder('dialog', isCloseOnEscape);
   var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
       props: props
     }, props.__parentMetadata), {}, {
@@ -351,11 +353,9 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   });
   hooks.useGlobalOnEscapeKey({
     callback: function callback(event) {
-      if (props.closable && props.closeOnEscape) {
-        onClose(event);
-      }
+      onClose(event);
     },
-    when: visibleState && displayOrder,
+    when: isCloseOnEscape && displayOrder,
     priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useEventListener = hooks.useEventListener({
@@ -601,7 +601,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var onExiting = function onExiting() {
     if (props.modal) {
-      utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
+      !isUnstyled() && utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
     }
   };
   var onExited = function onExited() {