primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/dataview/dataview.cjs.js

@@ -74,9 +74,7 @@ function _defineProperty(obj, key, value) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -123,9 +121,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -162,7 +158,69 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (props) {
+var DataViewBase = {
+  defaultProps: {
+    __TYPE: 'DataView',
+    id: null,
+    header: null,
+    footer: null,
+    value: null,
+    layout: 'list',
+    dataKey: null,
+    rows: null,
+    first: 0,
+    totalRecords: null,
+    paginator: false,
+    paginatorPosition: 'bottom',
+    alwaysShowPaginator: true,
+    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: false,
+    loading: false,
+    loadingIcon: 'pi pi-spinner',
+    gutter: false,
+    itemTemplate: null,
+    onPage: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, DataViewBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, DataViewBase.defaultProps);
+  }
+};
+var DataViewLayoutOptionsBase = {
+  defaultProps: {
+    __TYPE: 'DataViewLayoutOptions',
+    id: null,
+    style: null,
+    className: null,
+    layout: null,
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, DataViewLayoutOptionsBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, DataViewLayoutOptionsBase.defaultProps);
+  }
+};
+
+var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var props = DataViewLayoutOptionsBase.getProps(inProps);
   var changeLayout = function changeLayout(event, layoutMode) {
     props.onChange({
       originalEvent: event,
@@ -170,7 +228,7 @@ var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (props)
     });
     event.preventDefault();
   };
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, DataViewLayoutOptions.defaultProps);
+  var otherProps = DataViewLayoutOptionsBase.getOtherProps(props);
   var className = utils.classNames('p-dataview-layout-options p-selectbutton p-buttonset', props.className);
   var buttonListClass = utils.classNames('p-button p-button-icon-only', {
     'p-highlight': props.layout === 'list'
@@ -203,8 +261,9 @@ var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (props)
 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 (props, ref) {
+var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _classNames;
+  var props = DataViewBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.first),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     firstState = _React$useState2[0],
@@ -365,7 +424,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     };
   });
   var data = processData();
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, DataView.defaultProps);
+  var otherProps = DataViewBase.getOtherProps(props);
   var className = utils.classNames('p-dataview p-component', (_classNames = {}, _defineProperty(_classNames, "p-dataview-".concat(props.layout), !!props.layout), _defineProperty(_classNames, 'p-dataview-loading', props.loading), _classNames), props.className);
   var loader = createLoader();
   var topPaginator = createTopPaginator();
@@ -381,50 +440,8 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, otherProps), loader, header, topPaginator, content, bottomPaginator, footer);
 }));
 DataViewLayoutOptions.displayName = 'DataViewLayoutOptions';
-DataViewLayoutOptions.defaultProps = {
-  __TYPE: 'DataViewLayoutOptions',
-  id: null,
-  style: null,
-  className: null,
-  layout: null,
-  onChange: null
-};
 DataViewItem.displayName = 'DataViewItem';
 DataView.displayName = 'DataView';
-DataView.defaultProps = {
-  __TYPE: 'DataView',
-  id: null,
-  header: null,
-  footer: null,
-  value: null,
-  layout: 'list',
-  dataKey: null,
-  rows: null,
-  first: 0,
-  totalRecords: null,
-  paginator: false,
-  paginatorPosition: 'bottom',
-  alwaysShowPaginator: true,
-  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: false,
-  loading: false,
-  loadingIcon: 'pi pi-spinner',
-  gutter: false,
-  itemTemplate: null,
-  onPage: null
-};
 
 exports.DataView = DataView;
 exports.DataViewItem = DataViewItem;

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/paginator"),a=require("primereact/ripple"),n=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=l(e),u=o(t);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 c(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==s(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}function m(e,t,r){return(t=p(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(){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 b(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 a,n,o,l,i=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(a=o.call(r)).done)&&(i.push(a.value),i.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw n}}return i}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return b(e)||w(e,t)||y(e,t)||P()}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},N.apply(this,arguments)}var O=i.memo((function(e){var t=function(t,r){e.onChange({originalEvent:t,value:r}),t.preventDefault()},r=n.ObjectUtils.findDiffKeys(e,O.defaultProps),o=n.classNames("p-dataview-layout-options p-selectbutton p-buttonset",e.className),l=n.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.layout}),u=n.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.layout});return i.createElement("div",N({id:e.id,style:e.style,className:o},r),i.createElement("button",{type:"button",className:l,onClick:function(e){return t(e,"list")}},i.createElement("i",{className:"pi pi-bars"}),i.createElement(a.Ripple,null)),i.createElement("button",{type:"button",className:u,onClick:function(e){return t(e,"grid")}},i.createElement("i",{className:"pi pi-th-large"}),i.createElement(a.Ripple,null)))})),E=i.memo((function(e){return e.template(e.item,e.layout)})),j=i.memo(i.forwardRef((function(e,a){var o,l=h(i.useState(e.first),2),s=l[0],c=l[1],p=h(i.useState(e.rows),2),f=p[0],b=p[1],w=i.useRef(null),P=e.onPage?e.first:s,O=e.onPage?e.rows:f,S=function(t){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):null},D=function(){return e.totalRecords?e.totalRecords:e.value?e.value.length:0},T=function(t){var a=n.classNames("p-paginator-"+t,e.paginatorClassName),o=D();return i.createElement(r.Paginator,{first:P,rows:O,pageLinkSize:e.pageLinkSize,className:a,onPageChange:L,template:e.paginatorTemplate,totalRecords:o,rowsPerPageOptions:e.rowsPerPageOptions,currentPageReportTemplate:e.currentPageReportTemplate,leftContent:e.paginatorLeft,rightContent:e.paginatorRight,alwaysShow:e.alwaysShowPaginator,dropdownAppendTo:e.paginatorDropdownAppendTo})},L=function(t){e.onPage?e.onPage(t):(c(t.first),b(t.rows))},R=function(){if(e.value){var t=d(r=e.value)||g(r)||y(r)||v();return t.sort((function(t,r){var a=n.ObjectUtils.resolveFieldData(t,e.sortField),o=n.ObjectUtils.resolveFieldData(r,e.sortField);return n.ObjectUtils.sort(a,o,e.sortOrder,u.default.locale,u.default.nullSortOrder)})),t}var r;return null},k=function(){if(!e.loading){var r=e.emptyMessage||t.localeOption("emptyMessage");return i.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},r)}return null},A=function(t){if(n.ObjectUtils.isNotEmpty(t)){if(e.paginator){for(var r=e.lazy?0:P,a=D(),o=Math.min(O+r,a),l=[],u=r;u<o;u++){var s=t[u];s&&l.push(i.createElement(E,{key:S(t)||u,template:e.itemTemplate,layout:e.layout,item:s}))}return l}return t.map((function(t,r){return i.createElement(E,{key:S(t)||r,template:e.itemTemplate,layout:e.layout,item:t})}))}return k()};i.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return w.current}}}));var C,I,U=function(){var t=e.value;return n.ObjectUtils.isNotEmpty(t)&&e.sortField&&(t=R()),t}(),F=n.ObjectUtils.findDiffKeys(e,j.defaultProps),V=n.classNames("p-dataview p-component",(m(o={},"p-dataview-".concat(e.layout),!!e.layout),m(o,"p-dataview-loading",e.loading),o),e.className),_=function(){if(e.loading){var t=n.classNames("p-dataview-loading-icon pi-spin",e.loadingIcon);return i.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},i.createElement("i",{className:t}))}return null}(),M=!e.paginator||"bottom"===e.paginatorPosition&&"both"!==e.paginatorPosition?null:T("top"),x=!e.paginator||"top"===e.paginatorPosition&&"both"!==e.paginatorPosition?null:T("bottom"),z=e.header?i.createElement("div",{className:"p-dataview-header"},e.header):null,q=e.footer?i.createElement("div",{className:"p-dataview-footer"},e.footer):null,K=(C=A(U),I=n.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.gutter}),i.createElement("div",{className:"p-dataview-content"},i.createElement("div",{className:I},C)));return i.createElement("div",N({id:e.id,ref:w,style:e.style,className:V},F),_,z,M,K,x,q)})));O.displayName="DataViewLayoutOptions",O.defaultProps={__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,onChange:null},E.displayName="DataViewItem",j.displayName="DataView",j.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:"pi pi-spinner",gutter:!1,itemTemplate:null,onPage:null},exports.DataView=j,exports.DataViewItem=E,exports.DataViewLayoutOptions=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/paginator"),n=require("primereact/ripple"),a=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=l(e),u=o(t);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 p(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 c(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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 g(e){if(Array.isArray(e))return m(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function v(){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 b(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,l,i=[],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)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}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.")}function h(e,t){return b(e)||P(e,t)||y(e,t)||w()}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},O.apply(this,arguments)}var N={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:"pi pi-spinner",gutter:!1,itemTemplate:null,onPage:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,N.defaultProps)}},j={defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,onChange:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,j.defaultProps)}},E=i.memo((function(e){var t=j.getProps(e),r=function(e,r){t.onChange({originalEvent:e,value:r}),e.preventDefault()},o=j.getOtherProps(t),l=a.classNames("p-dataview-layout-options p-selectbutton p-buttonset",t.className),u=a.classNames("p-button p-button-icon-only",{"p-highlight":"list"===t.layout}),s=a.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===t.layout});return i.createElement("div",O({id:t.id,style:t.style,className:l},o),i.createElement("button",{type:"button",className:u,onClick:function(e){return r(e,"list")}},i.createElement("i",{className:"pi pi-bars"}),i.createElement(n.Ripple,null)),i.createElement("button",{type:"button",className:s,onClick:function(e){return r(e,"grid")}},i.createElement("i",{className:"pi pi-th-large"}),i.createElement(n.Ripple,null)))})),S=i.memo((function(e){return e.template(e.item,e.layout)})),D=i.memo(i.forwardRef((function(e,n){var o,l=N.getProps(e),s=h(i.useState(l.first),2),p=s[0],c=s[1],m=h(i.useState(l.rows),2),b=m[0],P=m[1],w=i.useRef(null),j=l.onPage?l.first:p,E=l.onPage?l.rows:b,D=function(e){return l.dataKey?a.ObjectUtils.resolveFieldData(e,l.dataKey):null},T=function(){return l.totalRecords?l.totalRecords:l.value?l.value.length:0},L=function(e){var t=a.classNames("p-paginator-"+e,l.paginatorClassName),n=T();return i.createElement(r.Paginator,{first:j,rows:E,pageLinkSize:l.pageLinkSize,className:t,onPageChange:R,template:l.paginatorTemplate,totalRecords:n,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,leftContent:l.paginatorLeft,rightContent:l.paginatorRight,alwaysShow:l.alwaysShowPaginator,dropdownAppendTo:l.paginatorDropdownAppendTo})},R=function(e){l.onPage?l.onPage(e):(c(e.first),P(e.rows))},k=function(){if(l.value){var e=g(t=l.value)||d(t)||y(t)||v();return e.sort((function(e,t){var r=a.ObjectUtils.resolveFieldData(e,l.sortField),n=a.ObjectUtils.resolveFieldData(t,l.sortField);return a.ObjectUtils.sort(r,n,l.sortOrder,u.default.locale,u.default.nullSortOrder)})),e}var t;return null},A=function(){if(!l.loading){var e=l.emptyMessage||t.localeOption("emptyMessage");return i.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},e)}return null},U=function(e){if(a.ObjectUtils.isNotEmpty(e)){if(l.paginator){for(var t=l.lazy?0:j,r=T(),n=Math.min(E+t,r),o=[],u=t;u<n;u++){var s=e[u];s&&o.push(i.createElement(S,{key:D(e)||u,template:l.itemTemplate,layout:l.layout,item:s}))}return o}return e.map((function(e,t){return i.createElement(S,{key:D(e)||t,template:l.itemTemplate,layout:l.layout,item:e})}))}return A()};i.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return w.current}}}));var C,I,M=function(){var e=l.value;return a.ObjectUtils.isNotEmpty(e)&&l.sortField&&(e=k()),e}(),F=N.getOtherProps(l),V=a.classNames("p-dataview p-component",(f(o={},"p-dataview-".concat(l.layout),!!l.layout),f(o,"p-dataview-loading",l.loading),o),l.className),_=function(){if(l.loading){var e=a.classNames("p-dataview-loading-icon pi-spin",l.loadingIcon);return i.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},i.createElement("i",{className:e}))}return null}(),x=!l.paginator||"bottom"===l.paginatorPosition&&"both"!==l.paginatorPosition?null:L("top"),z=!l.paginator||"top"===l.paginatorPosition&&"both"!==l.paginatorPosition?null:L("bottom"),q=l.header?i.createElement("div",{className:"p-dataview-header"},l.header):null,K=l.footer?i.createElement("div",{className:"p-dataview-footer"},l.footer):null,Y=(C=U(M),I=a.classNames("p-grid grid",{"p-nogutter grid-nogutter":!l.gutter}),i.createElement("div",{className:"p-dataview-content"},i.createElement("div",{className:I},C)));return i.createElement("div",O({id:l.id,ref:w,style:l.style,className:V},F),_,q,x,Y,z,K)})));E.displayName="DataViewLayoutOptions",S.displayName="DataViewItem",D.displayName="DataView",exports.DataView=D,exports.DataViewItem=S,exports.DataViewLayoutOptions=E;

package/dataview/dataview.d.ts

@@ -234,7 +234,7 @@ export interface DataViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * [Live Demo](https://www.primefaces.org/primereact/dataview/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  *

package/dataview/dataview.esm.js

@@ -47,9 +47,7 @@ function _defineProperty(obj, key, value) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -96,9 +94,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -135,7 +131,69 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (props) {
+var DataViewBase = {
+  defaultProps: {
+    __TYPE: 'DataView',
+    id: null,
+    header: null,
+    footer: null,
+    value: null,
+    layout: 'list',
+    dataKey: null,
+    rows: null,
+    first: 0,
+    totalRecords: null,
+    paginator: false,
+    paginatorPosition: 'bottom',
+    alwaysShowPaginator: true,
+    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: false,
+    loading: false,
+    loadingIcon: 'pi pi-spinner',
+    gutter: false,
+    itemTemplate: null,
+    onPage: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, DataViewBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, DataViewBase.defaultProps);
+  }
+};
+var DataViewLayoutOptionsBase = {
+  defaultProps: {
+    __TYPE: 'DataViewLayoutOptions',
+    id: null,
+    style: null,
+    className: null,
+    layout: null,
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, DataViewLayoutOptionsBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, DataViewLayoutOptionsBase.defaultProps);
+  }
+};
+
+var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (inProps) {
+  var props = DataViewLayoutOptionsBase.getProps(inProps);
   var changeLayout = function changeLayout(event, layoutMode) {
     props.onChange({
       originalEvent: event,
@@ -143,7 +201,7 @@ var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (props) {
     });
     event.preventDefault();
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, DataViewLayoutOptions.defaultProps);
+  var otherProps = DataViewLayoutOptionsBase.getOtherProps(props);
   var className = classNames('p-dataview-layout-options p-selectbutton p-buttonset', props.className);
   var buttonListClass = classNames('p-button p-button-icon-only', {
     'p-highlight': props.layout === 'list'
@@ -176,8 +234,9 @@ var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (props) {
 var DataViewItem = /*#__PURE__*/React.memo(function (props) {
   return props.template(props.item, props.layout);
 });
-var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _classNames;
+  var props = DataViewBase.getProps(inProps);
   var _React$useState = React.useState(props.first),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     firstState = _React$useState2[0],
@@ -338,7 +397,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     };
   });
   var data = processData();
-  var otherProps = ObjectUtils.findDiffKeys(props, DataView.defaultProps);
+  var otherProps = DataViewBase.getOtherProps(props);
   var className = classNames('p-dataview p-component', (_classNames = {}, _defineProperty(_classNames, "p-dataview-".concat(props.layout), !!props.layout), _defineProperty(_classNames, 'p-dataview-loading', props.loading), _classNames), props.className);
   var loader = createLoader();
   var topPaginator = createTopPaginator();
@@ -354,49 +413,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, otherProps), loader, header, topPaginator, content, bottomPaginator, footer);
 }));
 DataViewLayoutOptions.displayName = 'DataViewLayoutOptions';
-DataViewLayoutOptions.defaultProps = {
-  __TYPE: 'DataViewLayoutOptions',
-  id: null,
-  style: null,
-  className: null,
-  layout: null,
-  onChange: null
-};
 DataViewItem.displayName = 'DataViewItem';
 DataView.displayName = 'DataView';
-DataView.defaultProps = {
-  __TYPE: 'DataView',
-  id: null,
-  header: null,
-  footer: null,
-  value: null,
-  layout: 'list',
-  dataKey: null,
-  rows: null,
-  first: 0,
-  totalRecords: null,
-  paginator: false,
-  paginatorPosition: 'bottom',
-  alwaysShowPaginator: true,
-  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: false,
-  loading: false,
-  loadingIcon: 'pi pi-spinner',
-  gutter: false,
-  itemTemplate: null,
-  onPage: null
-};
 
 export { DataView, DataViewItem, DataViewLayoutOptions };

package/dataview/dataview.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{localeOption as r}from"primereact/api";import{Paginator as n}from"primereact/paginator";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as o,classNames as l}from"primereact/utils";function i(t){return i="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},i(t)}function u(t,e){if("object"!==i(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function s(t){var e=u(t,"string");return"symbol"===i(e)?e:String(e)}function p(t,e,r){return(e=s(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function c(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){if(Array.isArray(t))return c(t)}function f(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function d(t,e){if(t){if("string"==typeof t)return c(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)?c(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(t){if(Array.isArray(t))return t}function v(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,a,o,l,i=[],u=!0,s=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(i.push(n.value),i.length!==e);u=!0);}catch(t){s=!0,a=t}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}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.")}function w(t,e){return y(t)||v(t,e)||d(t,e)||b()}function P(){return P=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},P.apply(this,arguments)}var h=t.memo((function(e){var r=function(t,r){e.onChange({originalEvent:t,value:r}),t.preventDefault()},n=o.findDiffKeys(e,h.defaultProps),i=l("p-dataview-layout-options p-selectbutton p-buttonset",e.className),u=l("p-button p-button-icon-only",{"p-highlight":"list"===e.layout}),s=l("p-button p-button-icon-only",{"p-highlight":"grid"===e.layout});return t.createElement("div",P({id:e.id,style:e.style,className:i},n),t.createElement("button",{type:"button",className:u,onClick:function(t){return r(t,"list")}},t.createElement("i",{className:"pi pi-bars"}),t.createElement(a,null)),t.createElement("button",{type:"button",className:s,onClick:function(t){return r(t,"grid")}},t.createElement("i",{className:"pi pi-th-large"}),t.createElement(a,null)))})),E=t.memo((function(t){return t.template(t.item,t.layout)})),N=t.memo(t.forwardRef((function(a,i){var u,s=w(t.useState(a.first),2),c=s[0],y=s[1],v=w(t.useState(a.rows),2),b=v[0],h=v[1],S=t.useRef(null),O=a.onPage?a.first:c,T=a.onPage?a.rows:b,D=function(t){return a.dataKey?o.resolveFieldData(t,a.dataKey):null},L=function(){return a.totalRecords?a.totalRecords:a.value?a.value.length:0},j=function(e){var r=l("p-paginator-"+e,a.paginatorClassName),o=L();return t.createElement(n,{first:O,rows:T,pageLinkSize:a.pageLinkSize,className:r,onPageChange:k,template:a.paginatorTemplate,totalRecords:o,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,leftContent:a.paginatorLeft,rightContent:a.paginatorRight,alwaysShow:a.alwaysShowPaginator,dropdownAppendTo:a.paginatorDropdownAppendTo})},k=function(t){a.onPage?a.onPage(t):(y(t.first),h(t.rows))},A=function(){if(a.value){var t=m(r=a.value)||f(r)||d(r)||g();return t.sort((function(t,r){var n=o.resolveFieldData(t,a.sortField),l=o.resolveFieldData(r,a.sortField);return o.sort(n,l,a.sortOrder,e.locale,e.nullSortOrder)})),t}var r;return null},R=function(){if(!a.loading){var e=a.emptyMessage||r("emptyMessage");return t.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},e)}return null},C=function(e){if(o.isNotEmpty(e)){if(a.paginator){for(var r=a.lazy?0:O,n=L(),l=Math.min(T+r,n),i=[],u=r;u<l;u++){var s=e[u];s&&i.push(t.createElement(E,{key:D(e)||u,template:a.itemTemplate,layout:a.layout,item:s}))}return i}return e.map((function(e,r){return t.createElement(E,{key:D(e)||r,template:a.itemTemplate,layout:a.layout,item:e})}))}return R()};t.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return S.current}}}));var I,F,z=function(){var t=a.value;return o.isNotEmpty(t)&&a.sortField&&(t=A()),t}(),K=o.findDiffKeys(a,N.defaultProps),M=l("p-dataview p-component",(p(u={},"p-dataview-".concat(a.layout),!!a.layout),p(u,"p-dataview-loading",a.loading),u),a.className),V=function(){if(a.loading){var e=l("p-dataview-loading-icon pi-spin",a.loadingIcon);return t.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},t.createElement("i",{className:e}))}return null}(),_=!a.paginator||"bottom"===a.paginatorPosition&&"both"!==a.paginatorPosition?null:j("top"),x=!a.paginator||"top"===a.paginatorPosition&&"both"!==a.paginatorPosition?null:j("bottom"),Y=a.header?t.createElement("div",{className:"p-dataview-header"},a.header):null,H=a.footer?t.createElement("div",{className:"p-dataview-footer"},a.footer):null,U=(I=C(z),F=l("p-grid grid",{"p-nogutter grid-nogutter":!a.gutter}),t.createElement("div",{className:"p-dataview-content"},t.createElement("div",{className:F},I)));return t.createElement("div",P({id:a.id,ref:S,style:a.style,className:M},K),V,Y,_,U,x,H)})));h.displayName="DataViewLayoutOptions",h.defaultProps={__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,onChange:null},E.displayName="DataViewItem",N.displayName="DataView",N.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:"pi pi-spinner",gutter:!1,itemTemplate:null,onPage:null};export{N as DataView,E as DataViewItem,h as DataViewLayoutOptions};
+import*as t from"react";import e,{localeOption as r}from"primereact/api";import{Paginator as n}from"primereact/paginator";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as o,classNames as l}from"primereact/utils";function i(t){return i="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},i(t)}function u(t,e){if("object"!==i(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function s(t){var e=u(t,"string");return"symbol"===i(e)?e:String(e)}function p(t,e,r){return(e=s(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function c(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){if(Array.isArray(t))return c(t)}function f(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function g(t,e){if(t){if("string"==typeof t)return c(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)?c(t,e):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 y(t){if(Array.isArray(t))return t}function v(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,a,o,l,i=[],u=!0,s=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(i.push(n.value),i.length!==e);u=!0);}catch(t){s=!0,a=t}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(t,e){return y(t)||v(t,e)||g(t,e)||P()}function h(){return h=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},h.apply(this,arguments)}var w={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:"pi pi-spinner",gutter:!1,itemTemplate:null,onPage:null,children:void 0},getProps:function(t){return o.getMergedProps(t,w.defaultProps)},getOtherProps:function(t){return o.getDiffProps(t,w.defaultProps)}},E={defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,onChange:null,children:void 0},getProps:function(t){return o.getMergedProps(t,E.defaultProps)},getOtherProps:function(t){return o.getDiffProps(t,E.defaultProps)}},N=t.memo((function(e){var r=E.getProps(e),n=function(t,e){r.onChange({originalEvent:t,value:e}),t.preventDefault()},o=E.getOtherProps(r),i=l("p-dataview-layout-options p-selectbutton p-buttonset",r.className),u=l("p-button p-button-icon-only",{"p-highlight":"list"===r.layout}),s=l("p-button p-button-icon-only",{"p-highlight":"grid"===r.layout});return t.createElement("div",h({id:r.id,style:r.style,className:i},o),t.createElement("button",{type:"button",className:u,onClick:function(t){return n(t,"list")}},t.createElement("i",{className:"pi pi-bars"}),t.createElement(a,null)),t.createElement("button",{type:"button",className:s,onClick:function(t){return n(t,"grid")}},t.createElement("i",{className:"pi pi-th-large"}),t.createElement(a,null)))})),S=t.memo((function(t){return t.template(t.item,t.layout)})),O=t.memo(t.forwardRef((function(a,i){var u,s=w.getProps(a),c=b(t.useState(s.first),2),y=c[0],v=c[1],P=b(t.useState(s.rows),2),E=P[0],N=P[1],O=t.useRef(null),T=s.onPage?s.first:y,D=s.onPage?s.rows:E,L=function(t){return s.dataKey?o.resolveFieldData(t,s.dataKey):null},j=function(){return s.totalRecords?s.totalRecords:s.value?s.value.length:0},k=function(e){var r=l("p-paginator-"+e,s.paginatorClassName),a=j();return t.createElement(n,{first:T,rows:D,pageLinkSize:s.pageLinkSize,className:r,onPageChange:A,template:s.paginatorTemplate,totalRecords:a,rowsPerPageOptions:s.rowsPerPageOptions,currentPageReportTemplate:s.currentPageReportTemplate,leftContent:s.paginatorLeft,rightContent:s.paginatorRight,alwaysShow:s.alwaysShowPaginator,dropdownAppendTo:s.paginatorDropdownAppendTo})},A=function(t){s.onPage?s.onPage(t):(v(t.first),N(t.rows))},R=function(){if(s.value){var t=m(r=s.value)||f(r)||g(r)||d();return t.sort((function(t,r){var n=o.resolveFieldData(t,s.sortField),a=o.resolveFieldData(r,s.sortField);return o.sort(n,a,s.sortOrder,e.locale,e.nullSortOrder)})),t}var r;return null},C=function(){if(!s.loading){var e=s.emptyMessage||r("emptyMessage");return t.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},e)}return null},I=function(e){if(o.isNotEmpty(e)){if(s.paginator){for(var r=s.lazy?0:T,n=j(),a=Math.min(D+r,n),l=[],i=r;i<a;i++){var u=e[i];u&&l.push(t.createElement(S,{key:L(e)||i,template:s.itemTemplate,layout:s.layout,item:u}))}return l}return e.map((function(e,r){return t.createElement(S,{key:L(e)||r,template:s.itemTemplate,layout:s.layout,item:e})}))}return C()};t.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return O.current}}}));var F,M,z=function(){var t=s.value;return o.isNotEmpty(t)&&s.sortField&&(t=R()),t}(),V=w.getOtherProps(s),_=l("p-dataview p-component",(p(u={},"p-dataview-".concat(s.layout),!!s.layout),p(u,"p-dataview-loading",s.loading),u),s.className),x=function(){if(s.loading){var e=l("p-dataview-loading-icon pi-spin",s.loadingIcon);return t.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},t.createElement("i",{className:e}))}return null}(),K=!s.paginator||"bottom"===s.paginatorPosition&&"both"!==s.paginatorPosition?null:k("top"),Y=!s.paginator||"top"===s.paginatorPosition&&"both"!==s.paginatorPosition?null:k("bottom"),H=s.header?t.createElement("div",{className:"p-dataview-header"},s.header):null,U=s.footer?t.createElement("div",{className:"p-dataview-footer"},s.footer):null,$=(F=I(z),M=l("p-grid grid",{"p-nogutter grid-nogutter":!s.gutter}),t.createElement("div",{className:"p-dataview-content"},t.createElement("div",{className:M},F)));return t.createElement("div",h({id:s.id,ref:O,style:s.style,className:_},V),x,H,K,$,Y,U)})));N.displayName="DataViewLayoutOptions",S.displayName="DataViewItem",O.displayName="DataView";export{O as DataView,S as DataViewItem,N as DataViewLayoutOptions};

package/dataview/dataview.js

@@ -68,9 +68,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -117,9 +115,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -156,7 +152,69 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
     return _extends.apply(this, arguments);
   }
 
-  var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (props) {
+  var DataViewBase = {
+    defaultProps: {
+      __TYPE: 'DataView',
+      id: null,
+      header: null,
+      footer: null,
+      value: null,
+      layout: 'list',
+      dataKey: null,
+      rows: null,
+      first: 0,
+      totalRecords: null,
+      paginator: false,
+      paginatorPosition: 'bottom',
+      alwaysShowPaginator: true,
+      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: false,
+      loading: false,
+      loadingIcon: 'pi pi-spinner',
+      gutter: false,
+      itemTemplate: null,
+      onPage: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, DataViewBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, DataViewBase.defaultProps);
+    }
+  };
+  var DataViewLayoutOptionsBase = {
+    defaultProps: {
+      __TYPE: 'DataViewLayoutOptions',
+      id: null,
+      style: null,
+      className: null,
+      layout: null,
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, DataViewLayoutOptionsBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, DataViewLayoutOptionsBase.defaultProps);
+    }
+  };
+
+  var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = DataViewLayoutOptionsBase.getProps(inProps);
     var changeLayout = function changeLayout(event, layoutMode) {
       props.onChange({
         originalEvent: event,
@@ -164,7 +222,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
       });
       event.preventDefault();
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, DataViewLayoutOptions.defaultProps);
+    var otherProps = DataViewLayoutOptionsBase.getOtherProps(props);
     var className = utils.classNames('p-dataview-layout-options p-selectbutton p-buttonset', props.className);
     var buttonListClass = utils.classNames('p-button p-button-icon-only', {
       'p-highlight': props.layout === 'list'
@@ -197,8 +255,9 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
   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 (props, ref) {
+  var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _classNames;
+    var props = DataViewBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.first),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       firstState = _React$useState2[0],
@@ -359,7 +418,7 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
       };
     });
     var data = processData();
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, DataView.defaultProps);
+    var otherProps = DataViewBase.getOtherProps(props);
     var className = utils.classNames('p-dataview p-component', (_classNames = {}, _defineProperty(_classNames, "p-dataview-".concat(props.layout), !!props.layout), _defineProperty(_classNames, 'p-dataview-loading', props.loading), _classNames), props.className);
     var loader = createLoader();
     var topPaginator = createTopPaginator();
@@ -375,50 +434,8 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
     }, otherProps), loader, header, topPaginator, content, bottomPaginator, footer);
   }));
   DataViewLayoutOptions.displayName = 'DataViewLayoutOptions';
-  DataViewLayoutOptions.defaultProps = {
-    __TYPE: 'DataViewLayoutOptions',
-    id: null,
-    style: null,
-    className: null,
-    layout: null,
-    onChange: null
-  };
   DataViewItem.displayName = 'DataViewItem';
   DataView.displayName = 'DataView';
-  DataView.defaultProps = {
-    __TYPE: 'DataView',
-    id: null,
-    header: null,
-    footer: null,
-    value: null,
-    layout: 'list',
-    dataKey: null,
-    rows: null,
-    first: 0,
-    totalRecords: null,
-    paginator: false,
-    paginatorPosition: 'bottom',
-    alwaysShowPaginator: true,
-    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: false,
-    loading: false,
-    loadingIcon: 'pi pi-spinner',
-    gutter: false,
-    itemTemplate: null,
-    onPage: null
-  };
 
   exports.DataView = DataView;
   exports.DataViewItem = DataViewItem;