primereact 8.7.2 → 9.0.0-beta.1

package/dataview/dataview.esm.js

@@ -4,7 +4,34 @@ import { Paginator } from 'primereact/paginator';
 import { Ripple } from 'primereact/ripple';
 import { ObjectUtils, classNames } from 'primereact/utils';
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -15,17 +42,14 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 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];
   }
-
   return arr2;
 }
 
@@ -59,33 +83,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -100,14 +124,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -121,7 +143,6 @@ var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (props) {
     });
     event.preventDefault();
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, DataViewLayoutOptions.defaultProps);
   var className = classNames('p-dataview-layout-options p-selectbutton p-buttonset', props.className);
   var buttonListClass = classNames('p-button p-button-icon-only', {
@@ -157,29 +178,23 @@ var DataViewItem = /*#__PURE__*/React.memo(function (props) {
 });
 var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
-
   var _React$useState = React.useState(props.first),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      firstState = _React$useState2[0],
-      setFirstState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    firstState = _React$useState2[0],
+    setFirstState = _React$useState2[1];
   var _React$useState3 = React.useState(props.rows),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      rowsState = _React$useState4[0],
-      setRowsState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    rowsState = _React$useState4[0],
+    setRowsState = _React$useState4[1];
   var elementRef = React.useRef(null);
   var first = props.onPage ? props.first : firstState;
   var rows = props.onPage ? props.rows : rowsState;
-
   var getItemRenderKey = function getItemRenderKey(value) {
     return props.dataKey ? ObjectUtils.resolveFieldData(value, props.dataKey) : null;
   };
-
   var getTotalRecords = function getTotalRecords() {
     return props.totalRecords ? props.totalRecords : props.value ? props.value.length : 0;
   };
-
   var createPaginator = function createPaginator(position) {
     var className = classNames('p-paginator-' + position, props.paginatorClassName);
     var totalRecords = getTotalRecords();
@@ -199,7 +214,6 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       dropdownAppendTo: props.paginatorDropdownAppendTo
     });
   };
-
   var onPageChange = function onPageChange(event) {
     if (props.onPage) {
       props.onPage(event);
@@ -208,11 +222,9 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       setRowsState(event.rows);
     }
   };
-
   var sort = function sort() {
     if (props.value) {
       var value = _toConsumableArray(props.value);
-
       value.sort(function (data1, data2) {
         var value1 = ObjectUtils.resolveFieldData(data1, props.sortField);
         var value2 = ObjectUtils.resolveFieldData(data2, props.sortField);
@@ -220,10 +232,8 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       });
       return value;
     }
-
     return null;
   };
-
   var createLoader = function createLoader() {
     if (props.loading) {
       var iconClassName = classNames('p-dataview-loading-icon pi-spin', props.loadingIcon);
@@ -233,58 +243,45 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: iconClassName
       }));
     }
-
     return null;
   };
-
   var createTopPaginator = function createTopPaginator() {
     if (props.paginator && (props.paginatorPosition !== 'bottom' || props.paginatorPosition === 'both')) {
       return createPaginator('top');
     }
-
     return null;
   };
-
   var createBottomPaginator = function createBottomPaginator() {
     if (props.paginator && (props.paginatorPosition !== 'top' || props.paginatorPosition === 'both')) {
       return createPaginator('bottom');
     }
-
     return null;
   };
-
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
       var _content = props.emptyMessage || localeOption('emptyMessage');
-
       return /*#__PURE__*/React.createElement("div", {
         className: "p-col-12 col-12 p-dataview-emptymessage"
       }, _content);
     }
-
     return null;
   };
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-dataview-header"
       }, props.header);
     }
-
     return null;
   };
-
   var createFooter = function createFooter() {
     if (props.footer) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-dataview-footer"
       }, props.footer);
     }
-
     return null;
   };
-
   var createItems = function createItems(value) {
     if (ObjectUtils.isNotEmpty(value)) {
       if (props.paginator) {
@@ -292,7 +289,6 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         var totalRecords = getTotalRecords();
         var last = Math.min(rows + currentFirst, totalRecords);
         var items = [];
-
         for (var i = currentFirst; i < last; i++) {
           var val = value[i];
           val && items.push( /*#__PURE__*/React.createElement(DataViewItem, {
@@ -302,10 +298,8 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             item: val
           }));
         }
-
         return items;
       }
-
       return value.map(function (item, index) {
         return /*#__PURE__*/React.createElement(DataViewItem, {
           key: getItemRenderKey(item) || index,
@@ -315,10 +309,8 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         });
       });
     }
-
     return createEmptyMessage();
   };
-
   var createContent = function createContent(value) {
     var items = createItems(value);
     var gridClassName = classNames('p-grid grid', {
@@ -330,17 +322,13 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       className: gridClassName
     }, items));
   };
-
   var processData = function processData() {
     var data = props.value;
-
     if (ObjectUtils.isNotEmpty(data) && props.sortField) {
       data = sort();
     }
-
     return data;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/dataview/dataview.esm.min.js

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

package/dataview/dataview.js

@@ -25,7 +25,34 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -36,17 +63,14 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
   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];
     }
-
     return arr2;
   }
 
@@ -80,33 +104,33 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        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) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -121,14 +145,12 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -142,7 +164,6 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
       });
       event.preventDefault();
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, DataViewLayoutOptions.defaultProps);
     var className = utils.classNames('p-dataview-layout-options p-selectbutton p-buttonset', props.className);
     var buttonListClass = utils.classNames('p-button p-button-icon-only', {
@@ -178,29 +199,23 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
   });
   var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames;
-
     var _React$useState = React__namespace.useState(props.first),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        firstState = _React$useState2[0],
-        setFirstState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      firstState = _React$useState2[0],
+      setFirstState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(props.rows),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        rowsState = _React$useState4[0],
-        setRowsState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      rowsState = _React$useState4[0],
+      setRowsState = _React$useState4[1];
     var elementRef = React__namespace.useRef(null);
     var first = props.onPage ? props.first : firstState;
     var rows = props.onPage ? props.rows : rowsState;
-
     var getItemRenderKey = function getItemRenderKey(value) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(value, props.dataKey) : null;
     };
-
     var getTotalRecords = function getTotalRecords() {
       return props.totalRecords ? props.totalRecords : props.value ? props.value.length : 0;
     };
-
     var createPaginator = function createPaginator(position) {
       var className = utils.classNames('p-paginator-' + position, props.paginatorClassName);
       var totalRecords = getTotalRecords();
@@ -220,7 +235,6 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
         dropdownAppendTo: props.paginatorDropdownAppendTo
       });
     };
-
     var onPageChange = function onPageChange(event) {
       if (props.onPage) {
         props.onPage(event);
@@ -229,11 +243,9 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
         setRowsState(event.rows);
       }
     };
-
     var sort = function sort() {
       if (props.value) {
         var value = _toConsumableArray(props.value);
-
         value.sort(function (data1, data2) {
           var value1 = utils.ObjectUtils.resolveFieldData(data1, props.sortField);
           var value2 = utils.ObjectUtils.resolveFieldData(data2, props.sortField);
@@ -241,10 +253,8 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
         });
         return value;
       }
-
       return null;
     };
-
     var createLoader = function createLoader() {
       if (props.loading) {
         var iconClassName = utils.classNames('p-dataview-loading-icon pi-spin', props.loadingIcon);
@@ -254,58 +264,45 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
           className: iconClassName
         }));
       }
-
       return null;
     };
-
     var createTopPaginator = function createTopPaginator() {
       if (props.paginator && (props.paginatorPosition !== 'bottom' || props.paginatorPosition === 'both')) {
         return createPaginator('top');
       }
-
       return null;
     };
-
     var createBottomPaginator = function createBottomPaginator() {
       if (props.paginator && (props.paginatorPosition !== 'top' || props.paginatorPosition === 'both')) {
         return createPaginator('bottom');
       }
-
       return null;
     };
-
     var createEmptyMessage = function createEmptyMessage() {
       if (!props.loading) {
         var _content = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-col-12 col-12 p-dataview-emptymessage"
         }, _content);
       }
-
       return null;
     };
-
     var createHeader = function createHeader() {
       if (props.header) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-dataview-header"
         }, props.header);
       }
-
       return null;
     };
-
     var createFooter = function createFooter() {
       if (props.footer) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-dataview-footer"
         }, props.footer);
       }
-
       return null;
     };
-
     var createItems = function createItems(value) {
       if (utils.ObjectUtils.isNotEmpty(value)) {
         if (props.paginator) {
@@ -313,7 +310,6 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
           var totalRecords = getTotalRecords();
           var last = Math.min(rows + currentFirst, totalRecords);
           var items = [];
-
           for (var i = currentFirst; i < last; i++) {
             var val = value[i];
             val && items.push( /*#__PURE__*/React__namespace.createElement(DataViewItem, {
@@ -323,10 +319,8 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
               item: val
             }));
           }
-
           return items;
         }
-
         return value.map(function (item, index) {
           return /*#__PURE__*/React__namespace.createElement(DataViewItem, {
             key: getItemRenderKey(item) || index,
@@ -336,10 +330,8 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
           });
         });
       }
-
       return createEmptyMessage();
     };
-
     var createContent = function createContent(value) {
       var items = createItems(value);
       var gridClassName = utils.classNames('p-grid grid', {
@@ -351,17 +343,13 @@ this.primereact.dataview = (function (exports, React, PrimeReact, paginator, rip
         className: gridClassName
       }, items));
     };
-
     var processData = function processData() {
       var data = props.value;
-
       if (utils.ObjectUtils.isNotEmpty(data) && props.sortField) {
         data = sort();
       }
-
       return data;
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,