primereact 7.0.0-rc.2 → 7.2.0

package/dataview/dataview.cjs.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var paginator = require('primereact/paginator');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var api = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,6 +66,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -96,23 +101,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  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 _possibleConstructorReturn(self, call) {
@@ -179,34 +181,34 @@ var DataViewLayoutOptions = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var className = core.classNames('p-dataview-layout-options p-selectbutton p-buttonset', this.props.className);
-      var buttonListClass = core.classNames('p-button p-button-icon-only', {
+      var className = utils.classNames('p-dataview-layout-options p-selectbutton p-buttonset', this.props.className);
+      var buttonListClass = utils.classNames('p-button p-button-icon-only', {
         'p-highlight': this.props.layout === 'list'
       });
-      var buttonGridClass = core.classNames('p-button p-button-icon-only', {
+      var buttonGridClass = utils.classNames('p-button p-button-icon-only', {
         'p-highlight': this.props.layout === 'grid'
       });
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         style: this.props.style,
         className: className
-      }, /*#__PURE__*/React__default['default'].createElement("button", {
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
         type: "button",
         className: buttonListClass,
         onClick: function onClick(event) {
           return _this2.changeLayout(event, 'list');
         }
-      }, /*#__PURE__*/React__default['default'].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "pi pi-bars"
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null)), /*#__PURE__*/React__default['default'].createElement("button", {
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null)), /*#__PURE__*/React__default["default"].createElement("button", {
         type: "button",
         className: buttonGridClass,
         onClick: function onClick(event) {
           return _this2.changeLayout(event, 'grid');
         }
-      }, /*#__PURE__*/React__default['default'].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "pi pi-th-large"
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null)));
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null)));
     }
   }]);
 
@@ -275,7 +277,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
   _createClass(DataView, [{
     key: "getItemRenderKey",
     value: function getItemRenderKey(value) {
-      return this.props.dataKey ? core.ObjectUtils.resolveFieldData(value, this.props.dataKey) : null;
+      return this.props.dataKey ? utils.ObjectUtils.resolveFieldData(value, this.props.dataKey) : null;
     }
   }, {
     key: "getTotalRecords",
@@ -285,11 +287,11 @@ var DataView = /*#__PURE__*/function (_Component3) {
   }, {
     key: "createPaginator",
     value: function createPaginator(position) {
-      var className = core.classNames('p-paginator-' + position, this.props.paginatorClassName);
+      var className = utils.classNames('p-paginator-' + position, this.props.paginatorClassName);
       var first = this.props.onPage ? this.props.first : this.state.first;
       var rows = this.props.onPage ? this.props.rows : this.state.rows;
       var totalRecords = this.getTotalRecords();
-      return /*#__PURE__*/React__default['default'].createElement(paginator.Paginator, {
+      return /*#__PURE__*/React__default["default"].createElement(paginator.Paginator, {
         first: first,
         rows: rows,
         pageLinkSize: this.props.pageLinkSize,
@@ -331,8 +333,8 @@ var DataView = /*#__PURE__*/function (_Component3) {
         var value = _toConsumableArray(this.props.value);
 
         value.sort(function (data1, data2) {
-          var value1 = core.ObjectUtils.resolveFieldData(data1, _this4.props.sortField);
-          var value2 = core.ObjectUtils.resolveFieldData(data2, _this4.props.sortField);
+          var value1 = utils.ObjectUtils.resolveFieldData(data1, _this4.props.sortField);
+          var value2 = utils.ObjectUtils.resolveFieldData(data2, _this4.props.sortField);
           var result = null;
           if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
             numeric: true
@@ -348,10 +350,10 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderLoader",
     value: function renderLoader() {
       if (this.props.loading) {
-        var iconClassName = core.classNames('p-dataview-loading-icon pi-spin', this.props.loadingIcon);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var iconClassName = utils.classNames('p-dataview-loading-icon pi-spin', this.props.loadingIcon);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-dataview-loading-overlay p-component-overlay"
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: iconClassName
         }));
       }
@@ -380,9 +382,10 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderEmptyMessage",
     value: function renderEmptyMessage() {
       if (!this.props.loading) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var content = this.props.emptyMessage || api.localeOption('emptyMessage');
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-col-12 col-12 p-dataview-emptymessage"
-        }, this.props.emptyMessage);
+        }, content);
       }
 
       return null;
@@ -391,7 +394,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderHeader",
     value: function renderHeader() {
       if (this.props.header) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-dataview-header"
         }, this.props.header);
       }
@@ -402,7 +405,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderFooter",
     value: function renderFooter() {
       if (this.props.footer) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-dataview-footer"
         }, " ", this.props.footer);
       }
@@ -424,7 +427,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
 
           for (var i = first; i < last; i++) {
             var val = value[i];
-            val && items.push( /*#__PURE__*/React__default['default'].createElement(DataViewItem, {
+            val && items.push( /*#__PURE__*/React__default["default"].createElement(DataViewItem, {
               key: this.getItemRenderKey(value) || i,
               template: this.props.itemTemplate,
               layout: this.props.layout,
@@ -435,7 +438,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
           return items;
         } else {
           return value.map(function (item, index) {
-            return /*#__PURE__*/React__default['default'].createElement(DataViewItem, {
+            return /*#__PURE__*/React__default["default"].createElement(DataViewItem, {
               key: _this5.getItemRenderKey(item) || index,
               template: _this5.props.itemTemplate,
               layout: _this5.props.layout,
@@ -451,9 +454,9 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderContent",
     value: function renderContent(value) {
       var items = this.renderItems(value);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-dataview-content"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-grid p-nogutter grid grid-nogutter"
       }, items));
     }
@@ -474,7 +477,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "render",
     value: function render() {
       var value = this.processData();
-      var className = core.classNames('p-dataview p-component', {
+      var className = utils.classNames('p-dataview p-component', {
         'p-dataview-list': this.props.layout === 'list',
         'p-dataview-grid': this.props.layout === 'grid',
         'p-dataview-loading': this.props.loading
@@ -485,7 +488,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
       var header = this.renderHeader();
       var footer = this.renderFooter();
       var content = this.renderContent(value);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         style: this.props.style,
         className: className
@@ -517,7 +520,7 @@ _defineProperty(DataView, "defaultProps", {
   pageLinkSize: 5,
   rowsPerPageOptions: null,
   currentPageReportTemplate: '({currentPage} of {totalPages})',
-  emptyMessage: 'No records found',
+  emptyMessage: null,
   sortField: null,
   sortOrder: null,
   style: null,

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/paginator"),r=require("primereact/core");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=n(t);function a(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 i(t){if(Array.isArray(t))return a(t)}function s(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function l(t,e){if(t){if("string"==typeof t)return a(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)?a(t,e):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 u(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function f(t,e,r){return e&&c(t.prototype,e),r&&c(t,r),t}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return(d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function g(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d(t,e)}function y(t){return(y="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})(t)}function m(t,e){if(e&&("object"===y(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return h(t)}function v(t){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function P(t){var e=w();return function(){var r,n=v(t);if(e){var o=v(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return m(this,r)}}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var k=function(e){g(a,t.Component);var n=P(a);function a(t){var e;return u(this,a),(e=n.call(this,t)).changeLayout=e.changeLayout.bind(h(e)),e}return f(a,[{key:"changeLayout",value:function(t,e){this.props.onChange({originalEvent:t,value:e}),t.preventDefault()}},{key:"render",value:function(){var t=this,e=r.classNames("p-dataview-layout-options p-selectbutton p-buttonset",this.props.className),n=r.classNames("p-button p-button-icon-only",{"p-highlight":"list"===this.props.layout}),a=r.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===this.props.layout});return o.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},o.default.createElement("button",{type:"button",className:n,onClick:function(e){return t.changeLayout(e,"list")}},o.default.createElement("i",{className:"pi pi-bars"}),o.default.createElement(r.Ripple,null)),o.default.createElement("button",{type:"button",className:a,onClick:function(e){return t.changeLayout(e,"grid")}},o.default.createElement("i",{className:"pi pi-th-large"}),o.default.createElement(r.Ripple,null)))}}]),a}();b(k,"defaultProps",{id:null,style:null,className:null,layout:null,onChange:null});var N=function(e){g(n,t.Component);var r=P(n);function n(){return u(this,n),r.apply(this,arguments)}return f(n,[{key:"render",value:function(){return this.props.template(this.props.item,this.props.layout)}}]),n}();b(N,"defaultProps",{template:null,item:null,layout:null});var E=function(n){g(c,t.Component);var a=P(c);function c(t){var e;return u(this,c),(e=a.call(this,t)).props.onPage||(e.state={first:e.props.first,rows:e.props.rows}),e.sortChange=!1,e.onPageChange=e.onPageChange.bind(h(e)),e}return f(c,[{key:"getItemRenderKey",value:function(t){return this.props.dataKey?r.ObjectUtils.resolveFieldData(t,this.props.dataKey):null}},{key:"getTotalRecords",value:function(){return this.props.totalRecords?this.props.totalRecords:this.props.value?this.props.value.length:0}},{key:"createPaginator",value:function(t){var n=r.classNames("p-paginator-"+t,this.props.paginatorClassName),a=this.props.onPage?this.props.first:this.state.first,i=this.props.onPage?this.props.rows:this.state.rows,s=this.getTotalRecords();return o.default.createElement(e.Paginator,{first:a,rows:i,pageLinkSize:this.props.pageLinkSize,className:n,onPageChange:this.onPageChange,template:this.props.paginatorTemplate,totalRecords:s,rowsPerPageOptions:this.props.rowsPerPageOptions,currentPageReportTemplate:this.props.currentPageReportTemplate,leftContent:this.props.paginatorLeft,rightContent:this.props.paginatorRight,alwaysShow:this.props.alwaysShowPaginator,dropdownAppendTo:this.props.paginatorDropdownAppendTo})}},{key:"onPageChange",value:function(t){this.props.onPage?this.props.onPage(t):this.setState({first:t.first,rows:t.rows})}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"sort",value:function(){var t,e=this;if(this.props.value){var n=i(t=this.props.value)||s(t)||l(t)||p();return n.sort((function(t,n){var o=r.ObjectUtils.resolveFieldData(t,e.props.sortField),a=r.ObjectUtils.resolveFieldData(n,e.props.sortField),i=null;return i=null==o&&null!=a?-1:null!=o&&null==a?1:null==o&&null==a?0:"string"==typeof o&&"string"==typeof a?o.localeCompare(a,void 0,{numeric:!0}):o<a?-1:o>a?1:0,e.props.sortOrder*i})),n}return null}},{key:"renderLoader",value:function(){if(this.props.loading){var t=r.classNames("p-dataview-loading-icon pi-spin",this.props.loadingIcon);return o.default.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},o.default.createElement("i",{className:t}))}return null}},{key:"renderTopPaginator",value:function(){return!this.props.paginator||"bottom"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("top")}},{key:"renderBottomPaginator",value:function(){return!this.props.paginator||"top"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("bottom")}},{key:"renderEmptyMessage",value:function(){return this.props.loading?null:o.default.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},this.props.emptyMessage)}},{key:"renderHeader",value:function(){return this.props.header?o.default.createElement("div",{className:"p-dataview-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?o.default.createElement("div",{className:"p-dataview-footer"}," ",this.props.footer):null}},{key:"renderItems",value:function(t){var e=this;if(t&&t.length){if(this.props.paginator){for(var r=this.props.onPage?this.props.rows:this.state.rows,n=this.props.lazy?0:this.props.onPage?this.props.first:this.state.first,a=this.getTotalRecords(),i=Math.min(r+n,a),s=[],l=n;l<i;l++){var p=t[l];p&&s.push(o.default.createElement(N,{key:this.getItemRenderKey(t)||l,template:this.props.itemTemplate,layout:this.props.layout,item:p}))}return s}return t.map((function(t,r){return o.default.createElement(N,{key:e.getItemRenderKey(t)||r,template:e.props.itemTemplate,layout:e.props.layout,item:t})}))}return this.renderEmptyMessage()}},{key:"renderContent",value:function(t){var e=this.renderItems(t);return o.default.createElement("div",{className:"p-dataview-content"},o.default.createElement("div",{className:"p-grid p-nogutter grid grid-nogutter"},e))}},{key:"processData",value:function(){var t=this.props.value;return t&&t.length&&this.props.sortField&&(t=this.sort()),t}},{key:"render",value:function(){var t=this.processData(),e=r.classNames("p-dataview p-component",{"p-dataview-list":"list"===this.props.layout,"p-dataview-grid":"grid"===this.props.layout,"p-dataview-loading":this.props.loading},this.props.className),n=this.renderLoader(),a=this.renderTopPaginator(),i=this.renderBottomPaginator(),s=this.renderHeader(),l=this.renderFooter(),p=this.renderContent(t);return o.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},n,s,a,p,i,l)}}]),c}();b(E,"defaultProps",{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:"No records found",sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:"pi pi-spinner",itemTemplate:null,onPage:null}),exports.DataView=E,exports.DataViewLayoutOptions=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/paginator"),r=require("primereact/utils"),n=require("primereact/ripple"),o=require("primereact/api");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=a(t);function s(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 l(t){if(Array.isArray(t))return s(t)}function p(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(t,e){if(t){if("string"==typeof t)return s(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)?s(t,e):void 0}}function c(){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 f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function d(t,e,r){return e&&h(t.prototype,e),r&&h(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function g(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function y(t,e){return y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},y(t,e)}function m(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&y(t,e)}function v(t){return v="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},v(t)}function b(t,e){if(e&&("object"===v(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return g(t)}function P(t){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},P(t)}function w(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function k(t){var e=E();return function(){var r,n=P(t);if(e){var o=P(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return b(this,r)}}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var N=function(e){m(a,t.Component);var o=k(a);function a(t){var e;return f(this,a),(e=o.call(this,t)).changeLayout=e.changeLayout.bind(g(e)),e}return d(a,[{key:"changeLayout",value:function(t,e){this.props.onChange({originalEvent:t,value:e}),t.preventDefault()}},{key:"render",value:function(){var t=this,e=r.classNames("p-dataview-layout-options p-selectbutton p-buttonset",this.props.className),o=r.classNames("p-button p-button-icon-only",{"p-highlight":"list"===this.props.layout}),a=r.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===this.props.layout});return i.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},i.default.createElement("button",{type:"button",className:o,onClick:function(e){return t.changeLayout(e,"list")}},i.default.createElement("i",{className:"pi pi-bars"}),i.default.createElement(n.Ripple,null)),i.default.createElement("button",{type:"button",className:a,onClick:function(e){return t.changeLayout(e,"grid")}},i.default.createElement("i",{className:"pi pi-th-large"}),i.default.createElement(n.Ripple,null)))}}]),a}();w(N,"defaultProps",{id:null,style:null,className:null,layout:null,onChange:null});var O=function(e){m(n,t.Component);var r=k(n);function n(){return f(this,n),r.apply(this,arguments)}return d(n,[{key:"render",value:function(){return this.props.template(this.props.item,this.props.layout)}}]),n}();w(O,"defaultProps",{template:null,item:null,layout:null});var R=function(n){m(s,t.Component);var a=k(s);function s(t){var e;return f(this,s),(e=a.call(this,t)).props.onPage||(e.state={first:e.props.first,rows:e.props.rows}),e.sortChange=!1,e.onPageChange=e.onPageChange.bind(g(e)),e}return d(s,[{key:"getItemRenderKey",value:function(t){return this.props.dataKey?r.ObjectUtils.resolveFieldData(t,this.props.dataKey):null}},{key:"getTotalRecords",value:function(){return this.props.totalRecords?this.props.totalRecords:this.props.value?this.props.value.length:0}},{key:"createPaginator",value:function(t){var n=r.classNames("p-paginator-"+t,this.props.paginatorClassName),o=this.props.onPage?this.props.first:this.state.first,a=this.props.onPage?this.props.rows:this.state.rows,s=this.getTotalRecords();return i.default.createElement(e.Paginator,{first:o,rows:a,pageLinkSize:this.props.pageLinkSize,className:n,onPageChange:this.onPageChange,template:this.props.paginatorTemplate,totalRecords:s,rowsPerPageOptions:this.props.rowsPerPageOptions,currentPageReportTemplate:this.props.currentPageReportTemplate,leftContent:this.props.paginatorLeft,rightContent:this.props.paginatorRight,alwaysShow:this.props.alwaysShowPaginator,dropdownAppendTo:this.props.paginatorDropdownAppendTo})}},{key:"onPageChange",value:function(t){this.props.onPage?this.props.onPage(t):this.setState({first:t.first,rows:t.rows})}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"sort",value:function(){var t,e=this;if(this.props.value){var n=l(t=this.props.value)||p(t)||u(t)||c();return n.sort((function(t,n){var o=r.ObjectUtils.resolveFieldData(t,e.props.sortField),a=r.ObjectUtils.resolveFieldData(n,e.props.sortField),i=null;return i=null==o&&null!=a?-1:null!=o&&null==a?1:null==o&&null==a?0:"string"==typeof o&&"string"==typeof a?o.localeCompare(a,void 0,{numeric:!0}):o<a?-1:o>a?1:0,e.props.sortOrder*i})),n}return null}},{key:"renderLoader",value:function(){if(this.props.loading){var t=r.classNames("p-dataview-loading-icon pi-spin",this.props.loadingIcon);return i.default.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},i.default.createElement("i",{className:t}))}return null}},{key:"renderTopPaginator",value:function(){return!this.props.paginator||"bottom"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("top")}},{key:"renderBottomPaginator",value:function(){return!this.props.paginator||"top"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("bottom")}},{key:"renderEmptyMessage",value:function(){if(!this.props.loading){var t=this.props.emptyMessage||o.localeOption("emptyMessage");return i.default.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},t)}return null}},{key:"renderHeader",value:function(){return this.props.header?i.default.createElement("div",{className:"p-dataview-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?i.default.createElement("div",{className:"p-dataview-footer"}," ",this.props.footer):null}},{key:"renderItems",value:function(t){var e=this;if(t&&t.length){if(this.props.paginator){for(var r=this.props.onPage?this.props.rows:this.state.rows,n=this.props.lazy?0:this.props.onPage?this.props.first:this.state.first,o=this.getTotalRecords(),a=Math.min(r+n,o),s=[],l=n;l<a;l++){var p=t[l];p&&s.push(i.default.createElement(O,{key:this.getItemRenderKey(t)||l,template:this.props.itemTemplate,layout:this.props.layout,item:p}))}return s}return t.map((function(t,r){return i.default.createElement(O,{key:e.getItemRenderKey(t)||r,template:e.props.itemTemplate,layout:e.props.layout,item:t})}))}return this.renderEmptyMessage()}},{key:"renderContent",value:function(t){var e=this.renderItems(t);return i.default.createElement("div",{className:"p-dataview-content"},i.default.createElement("div",{className:"p-grid p-nogutter grid grid-nogutter"},e))}},{key:"processData",value:function(){var t=this.props.value;return t&&t.length&&this.props.sortField&&(t=this.sort()),t}},{key:"render",value:function(){var t=this.processData(),e=r.classNames("p-dataview p-component",{"p-dataview-list":"list"===this.props.layout,"p-dataview-grid":"grid"===this.props.layout,"p-dataview-loading":this.props.loading},this.props.className),n=this.renderLoader(),o=this.renderTopPaginator(),a=this.renderBottomPaginator(),s=this.renderHeader(),l=this.renderFooter(),p=this.renderContent(t);return i.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},n,s,o,p,a,l)}}]),s}();w(R,"defaultProps",{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",itemTemplate:null,onPage:null}),exports.DataView=R,exports.DataViewLayoutOptions=N;

package/dataview/dataview.esm.js

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import { Paginator } from 'primereact/paginator';
-import { classNames, Ripple, ObjectUtils } from 'primereact/core';
+import { classNames, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
+import { localeOption } from 'primereact/api';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -56,6 +58,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -88,23 +93,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  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 _possibleConstructorReturn(self, call) {
@@ -372,9 +374,10 @@ var DataView = /*#__PURE__*/function (_Component3) {
     key: "renderEmptyMessage",
     value: function renderEmptyMessage() {
       if (!this.props.loading) {
+        var content = this.props.emptyMessage || localeOption('emptyMessage');
         return /*#__PURE__*/React.createElement("div", {
           className: "p-col-12 col-12 p-dataview-emptymessage"
-        }, this.props.emptyMessage);
+        }, content);
       }
 
       return null;
@@ -509,7 +512,7 @@ _defineProperty(DataView, "defaultProps", {
   pageLinkSize: 5,
   rowsPerPageOptions: null,
   currentPageReportTemplate: '({currentPage} of {totalPages})',
-  emptyMessage: 'No records found',
+  emptyMessage: null,
   sortField: null,
   sortOrder: null,
   style: null,

package/dataview/dataview.esm.min.js

@@ -1 +1 @@
-import t,{Component as e}from"react";import{Paginator as r}from"primereact/paginator";import{classNames as o,Ripple as n,ObjectUtils as a}from"primereact/core";function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function s(t){if(Array.isArray(t))return i(t)}function l(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function p(t,e){if(t){if("string"==typeof t)return i(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)?i(t,e):void 0}}function u(){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 c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function f(t,e,r){return e&&h(t.prototype,e),r&&h(t,r),t}function g(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return(d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function y(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d(t,e)}function m(t){return(m="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})(t)}function v(t,e){if(e&&("object"===m(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return g(t)}function P(t){return(P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function w(t){var e=k();return function(){var r,o=P(t);if(e){var n=P(this).constructor;r=Reflect.construct(o,arguments,n)}else r=o.apply(this,arguments);return v(this,r)}}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var E=function(r){y(i,e);var a=w(i);function i(t){var e;return c(this,i),(e=a.call(this,t)).changeLayout=e.changeLayout.bind(g(e)),e}return f(i,[{key:"changeLayout",value:function(t,e){this.props.onChange({originalEvent:t,value:e}),t.preventDefault()}},{key:"render",value:function(){var e=this,r=o("p-dataview-layout-options p-selectbutton p-buttonset",this.props.className),a=o("p-button p-button-icon-only",{"p-highlight":"list"===this.props.layout}),i=o("p-button p-button-icon-only",{"p-highlight":"grid"===this.props.layout});return t.createElement("div",{id:this.props.id,style:this.props.style,className:r},t.createElement("button",{type:"button",className:a,onClick:function(t){return e.changeLayout(t,"list")}},t.createElement("i",{className:"pi pi-bars"}),t.createElement(n,null)),t.createElement("button",{type:"button",className:i,onClick:function(t){return e.changeLayout(t,"grid")}},t.createElement("i",{className:"pi pi-th-large"}),t.createElement(n,null)))}}]),i}();b(E,"defaultProps",{id:null,style:null,className:null,layout:null,onChange:null});var N=function(t){y(o,e);var r=w(o);function o(){return c(this,o),r.apply(this,arguments)}return f(o,[{key:"render",value:function(){return this.props.template(this.props.item,this.props.layout)}}]),o}();b(N,"defaultProps",{template:null,item:null,layout:null});var R=function(n){y(h,e);var i=w(h);function h(t){var e;return c(this,h),(e=i.call(this,t)).props.onPage||(e.state={first:e.props.first,rows:e.props.rows}),e.sortChange=!1,e.onPageChange=e.onPageChange.bind(g(e)),e}return f(h,[{key:"getItemRenderKey",value:function(t){return this.props.dataKey?a.resolveFieldData(t,this.props.dataKey):null}},{key:"getTotalRecords",value:function(){return this.props.totalRecords?this.props.totalRecords:this.props.value?this.props.value.length:0}},{key:"createPaginator",value:function(e){var n=o("p-paginator-"+e,this.props.paginatorClassName),a=this.props.onPage?this.props.first:this.state.first,i=this.props.onPage?this.props.rows:this.state.rows,s=this.getTotalRecords();return t.createElement(r,{first:a,rows:i,pageLinkSize:this.props.pageLinkSize,className:n,onPageChange:this.onPageChange,template:this.props.paginatorTemplate,totalRecords:s,rowsPerPageOptions:this.props.rowsPerPageOptions,currentPageReportTemplate:this.props.currentPageReportTemplate,leftContent:this.props.paginatorLeft,rightContent:this.props.paginatorRight,alwaysShow:this.props.alwaysShowPaginator,dropdownAppendTo:this.props.paginatorDropdownAppendTo})}},{key:"onPageChange",value:function(t){this.props.onPage?this.props.onPage(t):this.setState({first:t.first,rows:t.rows})}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"sort",value:function(){var t,e=this;if(this.props.value){var r=s(t=this.props.value)||l(t)||p(t)||u();return r.sort((function(t,r){var o=a.resolveFieldData(t,e.props.sortField),n=a.resolveFieldData(r,e.props.sortField),i=null;return i=null==o&&null!=n?-1:null!=o&&null==n?1:null==o&&null==n?0:"string"==typeof o&&"string"==typeof n?o.localeCompare(n,void 0,{numeric:!0}):o<n?-1:o>n?1:0,e.props.sortOrder*i})),r}return null}},{key:"renderLoader",value:function(){if(this.props.loading){var e=o("p-dataview-loading-icon pi-spin",this.props.loadingIcon);return t.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},t.createElement("i",{className:e}))}return null}},{key:"renderTopPaginator",value:function(){return!this.props.paginator||"bottom"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("top")}},{key:"renderBottomPaginator",value:function(){return!this.props.paginator||"top"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("bottom")}},{key:"renderEmptyMessage",value:function(){return this.props.loading?null:t.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},this.props.emptyMessage)}},{key:"renderHeader",value:function(){return this.props.header?t.createElement("div",{className:"p-dataview-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?t.createElement("div",{className:"p-dataview-footer"}," ",this.props.footer):null}},{key:"renderItems",value:function(e){var r=this;if(e&&e.length){if(this.props.paginator){for(var o=this.props.onPage?this.props.rows:this.state.rows,n=this.props.lazy?0:this.props.onPage?this.props.first:this.state.first,a=this.getTotalRecords(),i=Math.min(o+n,a),s=[],l=n;l<i;l++){var p=e[l];p&&s.push(t.createElement(N,{key:this.getItemRenderKey(e)||l,template:this.props.itemTemplate,layout:this.props.layout,item:p}))}return s}return e.map((function(e,o){return t.createElement(N,{key:r.getItemRenderKey(e)||o,template:r.props.itemTemplate,layout:r.props.layout,item:e})}))}return this.renderEmptyMessage()}},{key:"renderContent",value:function(e){var r=this.renderItems(e);return t.createElement("div",{className:"p-dataview-content"},t.createElement("div",{className:"p-grid p-nogutter grid grid-nogutter"},r))}},{key:"processData",value:function(){var t=this.props.value;return t&&t.length&&this.props.sortField&&(t=this.sort()),t}},{key:"render",value:function(){var e=this.processData(),r=o("p-dataview p-component",{"p-dataview-list":"list"===this.props.layout,"p-dataview-grid":"grid"===this.props.layout,"p-dataview-loading":this.props.loading},this.props.className),n=this.renderLoader(),a=this.renderTopPaginator(),i=this.renderBottomPaginator(),s=this.renderHeader(),l=this.renderFooter(),p=this.renderContent(e);return t.createElement("div",{id:this.props.id,style:this.props.style,className:r},n,s,a,p,i,l)}}]),h}();b(R,"defaultProps",{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:"No records found",sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:"pi pi-spinner",itemTemplate:null,onPage:null});export{R as DataView,E as DataViewLayoutOptions};
+import t,{Component as e}from"react";import{Paginator as r}from"primereact/paginator";import{classNames as o,ObjectUtils as n}from"primereact/utils";import{Ripple as a}from"primereact/ripple";import{localeOption as i}from"primereact/api";function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}function p(t){if(Array.isArray(t))return s(t)}function l(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(t,e){if(t){if("string"==typeof t)return s(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)?s(t,e):void 0}}function c(){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(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function g(t,e,r){return e&&f(t.prototype,e),r&&f(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function y(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},d(t,e)}function m(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&d(t,e)}function v(t){return v="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},v(t)}function b(t,e){if(e&&("object"===v(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return y(t)}function P(t){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},P(t)}function w(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function k(t){var e=E();return function(){var r,o=P(t);if(e){var n=P(this).constructor;r=Reflect.construct(o,arguments,n)}else r=o.apply(this,arguments);return b(this,r)}}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var R=function(r){m(i,e);var n=k(i);function i(t){var e;return h(this,i),(e=n.call(this,t)).changeLayout=e.changeLayout.bind(y(e)),e}return g(i,[{key:"changeLayout",value:function(t,e){this.props.onChange({originalEvent:t,value:e}),t.preventDefault()}},{key:"render",value:function(){var e=this,r=o("p-dataview-layout-options p-selectbutton p-buttonset",this.props.className),n=o("p-button p-button-icon-only",{"p-highlight":"list"===this.props.layout}),i=o("p-button p-button-icon-only",{"p-highlight":"grid"===this.props.layout});return t.createElement("div",{id:this.props.id,style:this.props.style,className:r},t.createElement("button",{type:"button",className:n,onClick:function(t){return e.changeLayout(t,"list")}},t.createElement("i",{className:"pi pi-bars"}),t.createElement(a,null)),t.createElement("button",{type:"button",className:i,onClick:function(t){return e.changeLayout(t,"grid")}},t.createElement("i",{className:"pi pi-th-large"}),t.createElement(a,null)))}}]),i}();w(R,"defaultProps",{id:null,style:null,className:null,layout:null,onChange:null});var N=function(t){m(o,e);var r=k(o);function o(){return h(this,o),r.apply(this,arguments)}return g(o,[{key:"render",value:function(){return this.props.template(this.props.item,this.props.layout)}}]),o}();w(N,"defaultProps",{template:null,item:null,layout:null});var O=function(a){m(f,e);var s=k(f);function f(t){var e;return h(this,f),(e=s.call(this,t)).props.onPage||(e.state={first:e.props.first,rows:e.props.rows}),e.sortChange=!1,e.onPageChange=e.onPageChange.bind(y(e)),e}return g(f,[{key:"getItemRenderKey",value:function(t){return this.props.dataKey?n.resolveFieldData(t,this.props.dataKey):null}},{key:"getTotalRecords",value:function(){return this.props.totalRecords?this.props.totalRecords:this.props.value?this.props.value.length:0}},{key:"createPaginator",value:function(e){var n=o("p-paginator-"+e,this.props.paginatorClassName),a=this.props.onPage?this.props.first:this.state.first,i=this.props.onPage?this.props.rows:this.state.rows,s=this.getTotalRecords();return t.createElement(r,{first:a,rows:i,pageLinkSize:this.props.pageLinkSize,className:n,onPageChange:this.onPageChange,template:this.props.paginatorTemplate,totalRecords:s,rowsPerPageOptions:this.props.rowsPerPageOptions,currentPageReportTemplate:this.props.currentPageReportTemplate,leftContent:this.props.paginatorLeft,rightContent:this.props.paginatorRight,alwaysShow:this.props.alwaysShowPaginator,dropdownAppendTo:this.props.paginatorDropdownAppendTo})}},{key:"onPageChange",value:function(t){this.props.onPage?this.props.onPage(t):this.setState({first:t.first,rows:t.rows})}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"sort",value:function(){var t,e=this;if(this.props.value){var r=p(t=this.props.value)||l(t)||u(t)||c();return r.sort((function(t,r){var o=n.resolveFieldData(t,e.props.sortField),a=n.resolveFieldData(r,e.props.sortField),i=null;return i=null==o&&null!=a?-1:null!=o&&null==a?1:null==o&&null==a?0:"string"==typeof o&&"string"==typeof a?o.localeCompare(a,void 0,{numeric:!0}):o<a?-1:o>a?1:0,e.props.sortOrder*i})),r}return null}},{key:"renderLoader",value:function(){if(this.props.loading){var e=o("p-dataview-loading-icon pi-spin",this.props.loadingIcon);return t.createElement("div",{className:"p-dataview-loading-overlay p-component-overlay"},t.createElement("i",{className:e}))}return null}},{key:"renderTopPaginator",value:function(){return!this.props.paginator||"bottom"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("top")}},{key:"renderBottomPaginator",value:function(){return!this.props.paginator||"top"===this.props.paginatorPosition&&"both"!==this.props.paginatorPosition?null:this.createPaginator("bottom")}},{key:"renderEmptyMessage",value:function(){if(!this.props.loading){var e=this.props.emptyMessage||i("emptyMessage");return t.createElement("div",{className:"p-col-12 col-12 p-dataview-emptymessage"},e)}return null}},{key:"renderHeader",value:function(){return this.props.header?t.createElement("div",{className:"p-dataview-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?t.createElement("div",{className:"p-dataview-footer"}," ",this.props.footer):null}},{key:"renderItems",value:function(e){var r=this;if(e&&e.length){if(this.props.paginator){for(var o=this.props.onPage?this.props.rows:this.state.rows,n=this.props.lazy?0:this.props.onPage?this.props.first:this.state.first,a=this.getTotalRecords(),i=Math.min(o+n,a),s=[],p=n;p<i;p++){var l=e[p];l&&s.push(t.createElement(N,{key:this.getItemRenderKey(e)||p,template:this.props.itemTemplate,layout:this.props.layout,item:l}))}return s}return e.map((function(e,o){return t.createElement(N,{key:r.getItemRenderKey(e)||o,template:r.props.itemTemplate,layout:r.props.layout,item:e})}))}return this.renderEmptyMessage()}},{key:"renderContent",value:function(e){var r=this.renderItems(e);return t.createElement("div",{className:"p-dataview-content"},t.createElement("div",{className:"p-grid p-nogutter grid grid-nogutter"},r))}},{key:"processData",value:function(){var t=this.props.value;return t&&t.length&&this.props.sortField&&(t=this.sort()),t}},{key:"render",value:function(){var e=this.processData(),r=o("p-dataview p-component",{"p-dataview-list":"list"===this.props.layout,"p-dataview-grid":"grid"===this.props.layout,"p-dataview-loading":this.props.loading},this.props.className),n=this.renderLoader(),a=this.renderTopPaginator(),i=this.renderBottomPaginator(),s=this.renderHeader(),p=this.renderFooter(),l=this.renderContent(e);return t.createElement("div",{id:this.props.id,style:this.props.style,className:r},n,s,a,l,i,p)}}]),f}();w(O,"defaultProps",{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",itemTemplate:null,onPage:null});export{O as DataView,R as DataViewLayoutOptions};