primereact 9.5.0 → 9.6.0

package/dataview/dataview.esm.js

@@ -1,51 +1,26 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
-import { Paginator } from 'primereact/paginator';
-import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { BarsIcon } from 'primereact/icons/bars';
-import { ThLargeIcon } from 'primereact/icons/thlarge';
 import { SpinnerIcon } from 'primereact/icons/spinner';
+import { ThLargeIcon } from 'primereact/icons/thlarge';
+import { Paginator } from 'primereact/paginator';
+import { Ripple } from 'primereact/ripple';
+import { classNames, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-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,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
 
 function _arrayLikeToArray(arr, len) {
@@ -119,22 +94,48 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _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);
 }
 
-var DataViewBase = {
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var DataViewBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'DataView',
     id: null,
@@ -169,15 +170,9 @@ var DataViewBase = {
     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 = {
+});
+var DataViewLayoutOptionsBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'DataViewLayoutOptions',
     id: null,
@@ -188,17 +183,18 @@ var DataViewLayoutOptionsBase = {
     gridIcon: 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);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (inProps) {
-  var props = DataViewLayoutOptionsBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = DataViewLayoutOptionsBase.getProps(inProps, context);
+  var _DataViewLayoutOption = DataViewLayoutOptionsBase.setMetaData({
+      props: props
+    }),
+    ptm = _DataViewLayoutOption.ptm;
   var changeLayout = function changeLayout(event, layoutMode) {
     props.onChange({
       originalEvent: event,
@@ -206,7 +202,6 @@ var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (inProps) {
     });
     event.preventDefault();
   };
-  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'
@@ -214,36 +209,42 @@ var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (inProps) {
   var buttonGridClass = classNames('p-button p-button-icon-only', {
     'p-highlight': props.layout === 'grid'
   });
-  var listIcon = IconUtils.getJSXIcon(props.listIcon || /*#__PURE__*/React.createElement(BarsIcon, null), undefined, {
+  var listIconProps = mergeProps(ptm('list'));
+  var gridIconProps = mergeProps(ptm('grid'));
+  var listIcon = IconUtils.getJSXIcon(props.listIcon || /*#__PURE__*/React.createElement(BarsIcon, listIconProps), _objectSpread({}, listIconProps), {
     props: props
   });
-  var gridIcon = IconUtils.getJSXIcon(props.gridIcon || /*#__PURE__*/React.createElement(ThLargeIcon, null), undefined, {
+  var gridIcon = IconUtils.getJSXIcon(props.gridIcon || /*#__PURE__*/React.createElement(ThLargeIcon, gridIconProps), _objectSpread({}, gridIconProps), {
     props: props
   });
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     style: props.style,
     className: className
-  }, otherProps), /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  }, DataViewLayoutOptionsBase.getOtherProps(props), ptm('root'));
+  var listButtonProps = mergeProps({
+    type: 'button',
     className: buttonListClass,
     onClick: function onClick(event) {
       return changeLayout(event, 'list');
     }
-  }, listIcon, /*#__PURE__*/React.createElement(Ripple, null)), /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  }, ptm('listButton'));
+  var gridButtonProps = mergeProps({
+    type: 'button',
     className: buttonGridClass,
     onClick: function onClick(event) {
       return changeLayout(event, 'grid');
     }
-  }, gridIcon, /*#__PURE__*/React.createElement(Ripple, null)));
+  }, ptm('gridButton'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("button", listButtonProps, listIcon, /*#__PURE__*/React.createElement(Ripple, null)), /*#__PURE__*/React.createElement("button", gridButtonProps, gridIcon, /*#__PURE__*/React.createElement(Ripple, null)));
 });
 var DataViewItem = /*#__PURE__*/React.memo(function (props) {
   return props.template(props.item, props.layout);
 });
 var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _classNames;
-  var props = DataViewBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = DataViewBase.getProps(inProps, context);
   var _React$useState = React.useState(props.first),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     firstState = _React$useState2[0],
@@ -252,6 +253,14 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     rowsState = _React$useState4[0],
     setRowsState = _React$useState4[1];
+  var _DataViewBase$setMeta = DataViewBase.setMetaData({
+      props: props,
+      state: {
+        first: firstState,
+        rows: rowsState
+      }
+    }),
+    ptm = _DataViewBase$setMeta.ptm;
   var elementRef = React.useRef(null);
   var first = props.onPage ? props.first : firstState;
   var rows = props.onPage ? props.rows : rowsState;
@@ -277,7 +286,8 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       leftContent: props.paginatorLeft,
       rightContent: props.paginatorRight,
       alwaysShow: props.alwaysShowPaginator,
-      dropdownAppendTo: props.paginatorDropdownAppendTo
+      dropdownAppendTo: props.paginatorDropdownAppendTo,
+      ptm: ptm('paginator')
     });
   };
   var onPageChange = function onPageChange(event) {
@@ -294,7 +304,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       value.sort(function (data1, data2) {
         var value1 = ObjectUtils.resolveFieldData(data1, props.sortField);
         var value2 = ObjectUtils.resolveFieldData(data2, props.sortField);
-        return ObjectUtils.sort(value1, value2, props.sortOrder, PrimeReact.locale, PrimeReact.nullSortOrder);
+        return ObjectUtils.sort(value1, value2, props.sortOrder, context && context.locale || PrimeReact.locale, context && context.nullSortOrder || PrimeReact.nullSortOrder);
       });
       return value;
     }
@@ -303,18 +313,19 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var createLoader = function createLoader() {
     if (props.loading) {
       var iconClassName = 'p-dataview-loading-icon';
-      var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
-        className: iconClassName,
-        spin: true
-      });
-      var loadingIcon = IconUtils.getJSXIcon(icon, {
+      var loadingIconProps = mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
+        spin: true
+      }));
+      var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-dataview-loading-overlay p-component-overlay"
-      }, loadingIcon);
+      var loadingOverlayProps = mergeProps({
+        className: 'p-dataview-loading-overlay p-component-overlay'
+      }, ptm('loadingOverlay'));
+      return /*#__PURE__*/React.createElement("div", loadingOverlayProps, loadingIcon);
     }
     return null;
   };
@@ -333,25 +344,28 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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);
+      var emptyMessageProps = mergeProps({
+        className: 'p-col-12 col-12 p-dataview-emptymessage'
+      }, ptm('emptyMessage'));
+      return /*#__PURE__*/React.createElement("div", emptyMessageProps, _content);
     }
     return null;
   };
   var createHeader = function createHeader() {
     if (props.header) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-dataview-header"
-      }, props.header);
+      var headerProps = mergeProps({
+        className: 'p-dataview-header'
+      }, ptm('header'));
+      return /*#__PURE__*/React.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
     if (props.footer) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-dataview-footer"
-      }, props.footer);
+      var footerProps = mergeProps({
+        className: 'p-dataview-footer'
+      }, ptm('footer'));
+      return /*#__PURE__*/React.createElement("div", footerProps, props.footer);
     }
     return null;
   };
@@ -389,11 +403,13 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var gridClassName = classNames('p-grid grid', {
       'p-nogutter grid-nogutter': !props.gutter
     });
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-dataview-content"
-    }, /*#__PURE__*/React.createElement("div", {
+    var gridProps = mergeProps({
       className: gridClassName
-    }, items));
+    }, ptm('grid'));
+    var contentProps = mergeProps({
+      className: 'p-dataview-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", contentProps, /*#__PURE__*/React.createElement("div", gridProps, items));
   };
   var processData = function processData() {
     var data = props.value;
@@ -411,7 +427,6 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     };
   });
   var data = processData();
-  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();
@@ -419,12 +434,13 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var header = createHeader();
   var footer = createFooter();
   var content = createContent(data);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
     className: className
-  }, otherProps), loader, header, topPaginator, content, bottomPaginator, footer);
+  }, DataViewBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, loader, header, topPaginator, content, bottomPaginator, footer);
 }));
 DataViewLayoutOptions.displayName = 'DataViewLayoutOptions';
 DataViewItem.displayName = 'DataViewItem';

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