primereact/dataview/dataview.min.js

PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

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