@artibet/react-mui-components 3.8.36 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/tables/index.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artibet/react-mui-components",
3
- "version": "3.8.36",
3
+ "version": "3.9.0",
4
4
  "description": "Various react components build with mui library",
5
5
  "main": "./core/index.js",
6
6
  "scripts": {
package/tables/index.js CHANGED
@@ -1 +1 @@
1
- import{TextField as e,InputAdornment as t,IconButton as n,Typography as r,Tooltip as o,Button as l,Box as i,Select as a,MenuItem as c,Autocomplete as u,TableRow as s,TableCell as d,Collapse as f,TableFooter as m,TableContainer as p,Table as g,TableHead as v,TableBody as b,TablePagination as y}from"@mui/material";import h from"react";import{MdClear as C,MdOutlineAdd as E}from"react-icons/md";import"date-fns";import"date-fns/locale";import w from"nprogress";import"@inertiajs/react";import{TiArrowSortedDown as x,TiArrowSortedUp as S,TiArrowUnsorted as k}from"react-icons/ti";import F from"react-input-mask";import O from"axios";import{KeyboardArrowUp as P,KeyboardArrowDown as I}from"@mui/icons-material";function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(null,arguments)}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t);else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}(e,t)||B(e,t)||function(){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 D(e){return function(e){if(Array.isArray(e))return A(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){if(e){if("string"==typeof e)return A(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}var N=function(r){var o=r.initialValue,l=r.onChange,i=r.placeholder,a=void 0===i?"":i,c=r.activeColor,u=void 0===c?"#D4F7F4":c,s=r.inactiveColor,d=void 0===s?"white":s,f=r.clearIcon,m=void 0===f||f,p=K(h.useState(o),2),g=p[0],v=p[1];h.useEffect((function(){v(o)}),[o]);return h.createElement(e,{sx:{backgroundColor:g?u:d},placeholder:a,value:g||"",fullWidth:!0,onChange:function(e){v(e.target.value),l(e.target.value)},size:"small",InputProps:{endAdornment:m&&h.createElement(t,{position:"end",disablePointerEvents:!g},h.createElement(n,{onClick:function(){return l("")}},g?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))}})},V=h.createContext(),L=function(e,t){var n;return function(){for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){e.apply(void 0,o)}),t)}},M=function(){var e=h.useContext(V),t=e.state,n=e.props,r=e.api,o=h.useCallback(L((function(e){r.handleGlobalFilterChange(e)}),300),[r]);return n.enableGlobalFilter?h.createElement(N,{initialValue:t.globalFilter,onChange:o,placeholder:n.globalFilterPlaceholder}):null};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("#nprogress {\r\n pointer-events: none;\r\n}\r\n\r\n#nprogress .bar {\r\n background: #29d;\r\n position: fixed;\r\n z-index: 99999;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n}\r\n\r\n/* Fancy blur effect */\r\n#nprogress .peg {\r\n display: block;\r\n position: absolute;\r\n right: 0px;\r\n width: 100px;\r\n height: 100%;\r\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\r\n opacity: 1.0;\r\n -webkit-transform: rotate(3deg) translate(0px, -4px);\r\n -ms-transform: rotate(3deg) translate(0px, -4px);\r\n transform: rotate(3deg) translate(0px, -4px);\r\n}\r\n\r\n/* Remove these to get rid of the spinner */\r\n#nprogress .spinner {\r\n display: block;\r\n position: fixed;\r\n z-index: 1031;\r\n top: 15px;\r\n right: 15px;\r\n}\r\n\r\n#nprogress .spinner-icon {\r\n width: 18px;\r\n height: 18px;\r\n box-sizing: border-box;\r\n border: solid 2px transparent;\r\n border-top-color: #29d;\r\n border-left-color: #29d;\r\n border-radius: 50%;\r\n -webkit-animation: nprogress-spinner 400ms linear infinite;\r\n animation: nprogress-spinner 400ms linear infinite;\r\n}\r\n\r\n.nprogress-custom-parent {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.nprogress-custom-parent #nprogress .spinner,\r\n.nprogress-custom-parent #nprogress .bar {\r\n position: absolute;\r\n}\r\n\r\n@-webkit-keyframes nprogress-spinner {\r\n 0% {\r\n -webkit-transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes nprogress-spinner {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}");var J=function(){var e=h.useContext(V).props;return h.createElement(r,{variant:"h5",sx:e.titleStyle},e.title)},W=function(){var e=h.useContext(V).props;if(!e.enableCreateRow)return null;return h.createElement(o,{title:e.createButtonTooltip,arrow:!0,placement:"top"},h.createElement(l,{variant:e.createButtonVariant,onClick:function(t){t.currentTarget.blur(),e.onCreateRow(t)}},h.createElement(E,{size:24})))},_=function(){var e=h.useContext(V).props;return e.globalActions?h.createElement(h.Fragment,null,e.globalActions.map((function(e,t){return h.createElement(i,{key:t},e)}))):null},G=function(e){var t,n=e.column;h.useContext(V).props;var r=h.useContext(V).api;return h.createElement(h.Fragment,null,h.createElement(i,{sx:{dispaly:"flex",flexDirection:"column",justifyContent:"start",alignItems:"start"}},h.createElement(i,{sx:{display:"flex",flexDirection:"row",gap:.5,aligntItems:"center",cursor:n.enableSorting?"pointer":"default",justifyContent:"right"===n.align?"end":"center"===n.align?"center":"start"},onClick:n.enableSorting?function(e){return r.toggleSorting(e,n)}:null},h.createElement(i,null,n.label),h.createElement(i,null,n.enableSorting?null!==(t={asc:h.createElement(S,{size:20}),desc:h.createElement(x,{size:20})}[r.getSortingStatus(n)])&&void 0!==t?t:h.createElement(k,{size:20,color:"#cccccc"}):null))))},U=function(r){var o=r.initialValue,l=r.mask,i=void 0===l?"999999":l,a=r.onChange,c=r.placeholder,u=void 0===c?"":c,s=r.activeColor,d=void 0===s?"#D4F7F4":s,f=r.inactiveColor,m=void 0===f?"white":f,p=r.clearIcon,g=void 0===p||p,v=K(h.useState(o),2),b=v[0],y=v[1];h.useEffect((function(){y(o)}),[o]);return h.createElement(F,{mask:i,value:b,onChange:function(e){y((function(t){return t===e.target.value?t:(a(e.target.value),e.target.value)}))},maskChar:""},(function(){return h.createElement(e,{sx:{backgroundColor:b?d:m},placeholder:u,fullWidth:!0,size:"small",InputProps:{endAdornment:g&&h.createElement(t,{position:"end",disablePointerEvents:!b},h.createElement(n,{onClick:function(){return a("")}},b?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))}})}))},q=function(e){var r=e.value,o=e.options,l=e.onChange,i=e.valueKey,u=void 0===i?"id":i,s=e.labelKey,d=void 0===s?"label":s,f=e.placeholder,m=void 0===f?"":f,p=e.activeColor,g=void 0===p?"#D4F7F4":p,v=e.inactiveColor,b=void 0===v?"white":v,y=e.clearIcon,E=void 0===y||y,w=K(h.useState(-1),2),x=w[0],S=w[1];h.useEffect((function(){S(null===r||""===r?-1:r)}),[r]);return h.createElement(a,{sx:{backgroundColor:-1!==x?g:b,color:-1==x?"#cccccc":""},value:x,fullWidth:!0,onChange:function(e){var t=e.target.value;l(-1!==t?t:"")},size:"small",endAdornment:E&&h.createElement(t,{position:"end",disablePointerEvents:null===r},h.createElement(n,{onClick:function(){return l("")}},-1!==x?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))},h.createElement(c,{value:-1},m),o.map((function(e){return h.createElement(c,{key:e[u],value:e[u]},e[d])})))},Q=["value","options","valueKey","labelKey","onChange","placeholder","activeColor","inactiveColor"],H=function(t){var n=t.value,r=t.options,o=void 0===r?[]:r,l=t.valueKey,i=void 0===l?"id":l;t.labelKey;var a=t.onChange,c=t.placeholder,s=void 0===c?"":c,d=t.activeColor,f=void 0===d?"#D4F7F4":d,m=t.inactiveColor,p=void 0===m?"white":m,g=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,Q),v=K(h.useState(null),2),b=v[0],y=v[1];return h.useEffect((function(){y(o.find((function(e){return e[i]===n}))||null)}),[n]),h.createElement(u,{value:b,onChange:function(e,t){return a(t?t[i]:null)},options:o,isOptionEqualToValue:function(e,t){return e[i]===t[i]},noOptionsText:"Δεν υπάρχουν επιλογές",size:"small",renderInput:function(t){return h.createElement(e,R({variant:"outlined",fullWidth:!0,placeholder:s,sx:{backgroundColor:null!==b?f:p,color:-1==b?"#cccccc":""},size:"small"},t,g))}})},$=function(e){var t=e.column,n=h.useContext(V),r=n.api,o=n.props,l=r.getColumnFilter(t),i=h.useCallback(L((function(e,t){r.handleColumnFilterChange(e,t)}),300),[r]);return"text"===t.filterType?h.createElement(N,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,initialValue:l,onChange:function(e){return i(t,e)},placeholder:t.filterPlaceholder}):"integer"===t.filterType?h.createElement(U,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,initialValue:l,mask:t.filterMask,onChange:function(e){return i(t,e)},placeholder:t.filterPlaceholder}):"autocomplete"===t.filterType?h.createElement(H,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,value:l,valueKey:t.filterValueKey,labelKey:t.filterLabelKey,onChange:function(e){return r.handleColumnFilterChange(t,e)},placeholder:t.filterPlaceholder,options:t.filterOptions}):"select"===t.filterType?h.createElement(q,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,value:l,onChange:function(e){return r.handleColumnFilterChange(t,e)},placeholder:t.filterPlaceholder,options:t.filterOptions}):null},X=function(){var e=h.useContext(V),t=e.props,n=e.state;return h.createElement(h.Fragment,null,h.createElement(s,null,n.columns.map((function(e){return h.createElement(d,{key:e.id,width:e.width,sx:{minWidth:e.minWidth}},h.createElement(G,{column:e}))})),t.rowActions.length>0&&h.createElement(d,null)),t.enableColumnFilters&&h.createElement(s,null,n.columns.map((function(e){return h.createElement(d,{key:e.id},e.enableFilter?h.createElement($,{column:e}):null)})),t.rowActions.length>0&&h.createElement(d,null)))},Y=function(e){var t=e.row,n=h.useContext(V).props;return n.rowActions?h.createElement(d,null,h.createElement(i,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"center"}},n.rowActions.map((function(e,n){return h.createElement(i,{key:n},e(t))})))):null},Z=function(e){var t=e.row,n=h.useContext(V),r=n.props,o=n.state,l=K(h.useState({}),2),a=l[0],c=l[1],u=K(h.useState({}),2),m=u[0],p=u[1],g=!!o.expandedRows[t.id];return h.useEffect((function(){c(g?r.expandedRowStyle?r.expandedRowStyle(t):{}:r.rowStyle?r.rowStyle(t):{}),r.cellStyle&&p(r.cellStyle(t))}),[t,g,r.rowStyle,r.cellStyle]),h.createElement(h.Fragment,null,h.createElement(s,{hover:r.rowsClickable,sx:T({cursor:r.rowsClickable?"pointer":"default"},a),onClick:function(){return r.onRowClick&&r.onRowClick(t)}},o.columns.map((function(e){return h.createElement(d,{key:e.id,sx:T(T({},m),{},{textAlign:e.align})},e.render?e.render(t):t[e.id])})),r.rowActions.length>0&&h.createElement(Y,{row:t})),r.expandableRows&&h.createElement(s,null,h.createElement(d,{style:{paddingBottom:0,paddingTop:0,borderBottom:g?void 0:"none"},colSpan:o.columns.length+(r.rowActions.length>0?1:0)},h.createElement(f,{in:g,timeout:"auto",unmountOnExit:!0},h.createElement(i,{sx:{margin:1}},r.expandedRow&&r.expandedRow(t))))))},ee={id:"",label:"",enableSorting:!0,enableFilter:!0,filterType:"text",filterValueKey:"id",filterLabelKey:"label",filterMark:"999999",filterPlaceholder:"Αναζήτηση",filterOptions:[],style:null,width:"",minWidth:"",align:"left",render:null},te=function(){var e,t,n=h.useContext(V).state;return null!==(e=n.data)&&void 0!==e&&e.footer&&0!=Object.keys(null===(t=n.data)||void 0===t?void 0:t.footer).length?h.createElement(m,null,h.createElement(s,null,null==n?void 0:n.columns.map((function(e){var t;return h.createElement(d,{key:e.id,align:"right",sx:{fontWeight:"bold",fontSize:14}},null===(t=n.data)||void 0===t?void 0:t.footer[e.id])})))):null},ne={data:[],page:0,page_size:10,total:0},re=h.forwardRef((function(e,t){var r=e.title,o=e.titleStyle,l=void 0===o?{}:o,a=e.rowStyle,c=void 0===a?null:a,u=e.cellStyle,s=void 0===u?null:u,d=e.tableSize,f=void 0===d?"medium":d,m=e.columns,C=e.dataUrl,E=e.rowKey,x=void 0===E?"id":E,S=e.hasQueryParams,k=void 0!==S&&S,F=e.enableGlobalFilter,A=void 0!==F&&F,R=e.enableColumnFilters,z=void 0!==R&&R,B=e.globalFilterPlaceholder,N=void 0===B?"Καθολική Αναζήτηση":B,L=e.enableCreateRow,G=void 0!==L&&L,U=e.createButtonVariant,q=void 0===U?"contained":U,Q=e.createButtonTooltip,H=void 0===Q?"Νέα Εγγραφή":Q,$=e.onCreateRow,Y=void 0===$?null:$,re=e.rowsClickable,oe=void 0!==re&&re,le=e.onRowClick,ie=void 0===le?null:le,ae=e.globalActions,ce=void 0===ae?[]:ae,ue=e.rowActions,se=void 0===ue?[]:ue,de=e.keepState,fe=void 0===de||de,me=e.stateKey,pe=void 0===me?null:me,ge=e.filterActiveColor,ve=void 0===ge?"#D4F7F4":ge,be=e.filterInactiveColor,ye=void 0===be?"white":be,he=e.defaultSorting,Ce=void 0===he?[]:he,Ee=e.initialPageSize,we=void 0===Ee?10:Ee,xe=e.rowsPerPageLabel,Se=void 0===xe?"Εγγραφές ανά σελίδα":xe,ke=e.fromLabel,Fe=void 0===ke?"από":ke,Oe=e.toLabel,Pe=void 0===Oe?"έως":Oe,Ie=e.expandableRows,Ae=void 0!==Ie&&Ie,je=e.expandedRow,Re=void 0===je?null:je,ze=e.expandedRowStyle,Te=void 0===ze?null:ze,Ke=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".pageIndex")}),[]),De=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".pageSize")}),[]),Be=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".sorting")}),[]),Ne=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".globalFilter")}),[]),Ve=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".columnFilters")}),[]),Le=h.useMemo((function(){var e=m.map((function(e){return T(T({},ee),e)}));return Ae?[T(T({},ee),{},{id:"internal_expander",label:"",align:"center",width:"50px",enableSorting:!1,enableFilter:!1,render:function(e){return h.createElement(n,{size:"small",onClick:function(t){t.stopPropagation(),at((function(t){return T(T({},t),{},j({},e.id,!t[e.id]))}))}},it[e.id]?h.createElement(P,null):h.createElement(I,null))}})].concat(D(e)):e}),[m,Re,Ae,ee]),Me=K(h.useState(ne),2),Je=Me[0],We=Me[1],_e=K(h.useState(Be&&JSON.parse(sessionStorage.getItem(Be))||Ce),2),Ge=_e[0],Ue=_e[1],qe=K(h.useState(Ne&&sessionStorage.getItem(Ne)||""),2),Qe=qe[0],He=qe[1],$e=K(h.useState(Ve&&JSON.parse(sessionStorage.getItem(Ve))||[]),2),Xe=$e[0],Ye=$e[1],Ze=K(h.useState(Ke&&parseInt(sessionStorage.getItem(Ke))||0),2),et=Ze[0],tt=Ze[1],nt=K(h.useState(De&&parseInt(sessionStorage.getItem(De))||we),2),rt=nt[0],ot=nt[1],lt=K(h.useState({}),2),it=lt[0],at=lt[1],ct=function(){var e=K(h.useState(!1),2),t=e[0],n=e[1];return{loader:t,startLoader:function(){n(!0),w.start()},stopLoader:function(){n(!1),w.done()}}}(),ut=ct.startLoader,st=ct.stopLoader,dt=function(e,t,n,r,o){ut();var l=k?"&":"?";O.get("".concat(C).concat(l,"page=").concat(e+1,"&pageSize=").concat(t,"&sorting=").concat(JSON.stringify(n),"&globalFilter=").concat(r,"&columnFilters=").concat(JSON.stringify(o))).then((function(e){We(e.data),st()})).catch((function(e){console.log(e.message),st()}))};h.useImperativeHandle(t,(function(){return{updateRow:function(e){We((function(t){var n=t.data.map((function(t){return t.id===e.id?e:t}));return T(T({},t),{},{data:n})}))},refresh:function(){return dt(et,rt,Ge,Qe,Xe)},globalFilter:function(){return Qe},columnFilters:function(){return Xe},sorting:function(){return Ge},queryParams:function(){return"sorting=".concat(JSON.stringify(Ge),"&globalFilter=").concat(Qe,"&columnFilters=").concat(JSON.stringify(Xe))}}}));var ft={props:{title:r,titleStyle:l,rowStyle:c,cellStyle:s,tableSize:f,columns:m,dataUrl:C,hasQueryParams:k,enableGlobalFilter:A,enableColumnFilters:z,globalFilterPlaceholder:N,enableCreateRow:G,createButtonVariant:q,createButtonTooltip:H,onCreateRow:Y,rowsClickable:oe,onRowClick:ie,globalActions:ce,rowActions:se,keepState:fe,stateKey:pe,filterActiveColor:ve,filterInactiveColor:ye,defaultSorting:Ce,expandableRows:Ae,expandedRow:Re,expandedRowStyle:Te},state:{data:Je,columns:Le,setData:We,sorting:Ge,setSorting:Ue,globalFilter:Qe,setGlobalFilter:He,columnFilters:Xe,setColumnFilters:Ye,pageIndex:et,setPageIndex:tt,pageSize:rt,setPageSize:ot,expandedRows:it},api:{toggleSorting:function(e,t){Ue((function(n){var r=n.find((function(e){return e.id===t.id})),o=[];r?o=!r.desc?e.altKey?[].concat(D(n.filter((function(e){return e.id!==t.id}))),[{id:t.id,desc:!0}]):[{id:t.id,desc:!0}]:e.altKey?D(n.filter((function(e){return e.id!==t.id}))):[]:o=e.altKey?[].concat(D(n),[{id:t.id,desc:!1}]):[{id:t.id,desc:!1}];return tt(0),dt(0,rt,o,Qe,Xe),o}))},getSortingStatus:function(e){var t=Ge.find((function(t){return t.id===e.id}));return t?t.desc?"desc":"asc":null},handleGlobalFilterChange:function(e){He(e),tt(0),dt(0,rt,Ge,e,Xe)},getColumnFilter:function(e){var t=Xe.find((function(t){return t.id===e.id}));return t?t.value:""},handleColumnFilterChange:function(e,t){Ye((function(n){var r=[];return r=n.find((function(t){return t.id===e.id}))?t?[].concat(D(n.filter((function(t){return t.id!==e.id}))),[{id:e.id,value:t}]):D(n.filter((function(t){return t.id!==e.id}))):[].concat(D(n),[{id:e.id,value:t}]),tt(0),dt(0,rt,Ge,Qe,r),r}))}}};return h.useEffect((function(){dt(et,rt,Ge,Qe,Xe)}),[]),h.useEffect((function(){Ke&&sessionStorage.setItem(Ke,et)}),[et]),h.useEffect((function(){De&&sessionStorage.setItem(De,rt)}),[rt]),h.useEffect((function(){Be&&sessionStorage.setItem(Be,JSON.stringify(Ge))}),[Ge]),h.useEffect((function(){Ne&&sessionStorage.setItem(Ne,Qe)}),[Qe]),h.useEffect((function(){Ve&&sessionStorage.setItem(Ve,JSON.stringify(Xe))}),[Xe]),h.createElement(h.Fragment,null,h.createElement(V.Provider,{value:ft},h.createElement(i,{sx:{display:"flex",flexDirection:{xs:"column",md:"row"},justifyContent:{xs:"top",md:"space-between"},alignItems:{xs:"left",md:"center"},marginBottom:1}},h.createElement(J,null),h.createElement(i,{sx:{display:"flex",gap:2,justifyContent:"end",alignItems:"center",marginTop:{xs:2,md:0}}},h.createElement(M,null),h.createElement(W,null),h.createElement(_,null))),h.createElement(p,null,h.createElement(g,{size:f},h.createElement(v,null,h.createElement(X,null)),h.createElement(b,null,Je.data.map((function(e,t){return h.createElement(Z,{key:"__index__"===x?t:e[x],row:e})}))),h.createElement(te,{footer:null==Je?void 0:Je.footer})))),h.createElement(y,{sx:{marginTop:1,overflow:"hidden"},component:"div",showFirstButton:!0,showLastButton:!0,count:parseInt(Je.total),page:0!=Je.page?Je.page-1:0,rowsPerPage:Je.page_size,onPageChange:function(e,t){return tt(n=t),void dt(n,rt,Ge,Qe,Xe);var n},onRowsPerPageChange:function(e){return t=e.target.value,ot(t),tt(0),void dt(0,t,Ge,Qe,Xe);var t},labelDisplayedRows:function(e){return"".concat(e.from," ").concat(Pe," ").concat(e.to," ").concat(Fe," ").concat(e.count)},labelRowsPerPage:Se}))}));export{re as ServerSideTable};
1
+ import{TextField as e,InputAdornment as t,IconButton as n,Typography as r,Tooltip as o,Button as l,Box as i,Select as a,MenuItem as c,Autocomplete as u,TableRow as s,TableCell as d,Collapse as f,TableFooter as m,TableContainer as p,Table as g,TableHead as v,TableBody as b,TablePagination as y}from"@mui/material";import h from"react";import{MdClear as C,MdOutlineAdd as E}from"react-icons/md";import"date-fns";import"date-fns/locale";import w from"nprogress";import"@inertiajs/react";import{TiArrowSortedDown as x,TiArrowSortedUp as S,TiArrowUnsorted as F}from"react-icons/ti";import k from"react-input-mask";import O from"axios";import{KeyboardArrowUp as P,KeyboardArrowDown as I}from"@mui/icons-material";function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(null,arguments)}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t);else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}(e,t)||B(e,t)||function(){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 D(e){return function(e){if(Array.isArray(e))return A(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){if(e){if("string"==typeof e)return A(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}var N=function(r){var o=r.initialValue,l=r.onChange,i=r.placeholder,a=void 0===i?"":i,c=r.activeColor,u=void 0===c?"#D4F7F4":c,s=r.inactiveColor,d=void 0===s?"white":s,f=r.clearIcon,m=void 0===f||f,p=K(h.useState(o),2),g=p[0],v=p[1];h.useEffect((function(){v(o)}),[o]);return h.createElement(e,{sx:{backgroundColor:g?u:d},placeholder:a,value:g||"",fullWidth:!0,onChange:function(e){v(e.target.value),l(e.target.value)},size:"small",InputProps:{endAdornment:m&&h.createElement(t,{position:"end",disablePointerEvents:!g},h.createElement(n,{onClick:function(){return l("")}},g?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))}})},V=h.createContext(),L=function(e,t){var n;return function(){for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){e.apply(void 0,o)}),t)}},M=function(){var e=h.useContext(V),t=e.state,n=e.props,r=e.api,o=h.useCallback(L((function(e){r.handleGlobalFilterChange(e)}),300),[r]);return n.enableGlobalFilter?h.createElement(N,{initialValue:t.globalFilter,onChange:o,placeholder:n.globalFilterPlaceholder}):null};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("#nprogress {\r\n pointer-events: none;\r\n}\r\n\r\n#nprogress .bar {\r\n background: #29d;\r\n position: fixed;\r\n z-index: 99999;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n}\r\n\r\n/* Fancy blur effect */\r\n#nprogress .peg {\r\n display: block;\r\n position: absolute;\r\n right: 0px;\r\n width: 100px;\r\n height: 100%;\r\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\r\n opacity: 1.0;\r\n -webkit-transform: rotate(3deg) translate(0px, -4px);\r\n -ms-transform: rotate(3deg) translate(0px, -4px);\r\n transform: rotate(3deg) translate(0px, -4px);\r\n}\r\n\r\n/* Remove these to get rid of the spinner */\r\n#nprogress .spinner {\r\n display: block;\r\n position: fixed;\r\n z-index: 1031;\r\n top: 15px;\r\n right: 15px;\r\n}\r\n\r\n#nprogress .spinner-icon {\r\n width: 18px;\r\n height: 18px;\r\n box-sizing: border-box;\r\n border: solid 2px transparent;\r\n border-top-color: #29d;\r\n border-left-color: #29d;\r\n border-radius: 50%;\r\n -webkit-animation: nprogress-spinner 400ms linear infinite;\r\n animation: nprogress-spinner 400ms linear infinite;\r\n}\r\n\r\n.nprogress-custom-parent {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.nprogress-custom-parent #nprogress .spinner,\r\n.nprogress-custom-parent #nprogress .bar {\r\n position: absolute;\r\n}\r\n\r\n@-webkit-keyframes nprogress-spinner {\r\n 0% {\r\n -webkit-transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes nprogress-spinner {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}");var J=function(){var e=h.useContext(V).props;return h.createElement(r,{variant:"h5",sx:e.titleStyle},e.title)},W=function(){var e=h.useContext(V).props;if(!e.enableCreateRow)return null;return h.createElement(o,{title:e.createButtonTooltip,arrow:!0,placement:"top"},h.createElement(l,{variant:e.createButtonVariant,onClick:function(t){t.currentTarget.blur(),e.onCreateRow(t)}},h.createElement(E,{size:24})))},_=function(){var e=h.useContext(V).props;return e.globalActions?h.createElement(h.Fragment,null,e.globalActions.map((function(e,t){return h.createElement(i,{key:t},e)}))):null},G=function(e){var t,n=e.column;h.useContext(V).props;var r=h.useContext(V).api;return h.createElement(h.Fragment,null,h.createElement(i,{sx:{dispaly:"flex",flexDirection:"column",justifyContent:"start",alignItems:"start"}},h.createElement(i,{sx:{display:"flex",flexDirection:"row",gap:.5,aligntItems:"center",cursor:n.enableSorting?"pointer":"default",justifyContent:"right"===n.align?"end":"center"===n.align?"center":"start"},onClick:n.enableSorting?function(e){return r.toggleSorting(e,n)}:null},h.createElement(i,null,n.label),h.createElement(i,null,n.enableSorting?null!==(t={asc:h.createElement(S,{size:20}),desc:h.createElement(x,{size:20})}[r.getSortingStatus(n)])&&void 0!==t?t:h.createElement(F,{size:20,color:"#cccccc"}):null))))},U=function(r){var o=r.initialValue,l=r.mask,i=void 0===l?"999999":l,a=r.onChange,c=r.placeholder,u=void 0===c?"":c,s=r.activeColor,d=void 0===s?"#D4F7F4":s,f=r.inactiveColor,m=void 0===f?"white":f,p=r.clearIcon,g=void 0===p||p,v=K(h.useState(o),2),b=v[0],y=v[1];h.useEffect((function(){y(o)}),[o]);return h.createElement(k,{mask:i,value:b,onChange:function(e){y((function(t){return t===e.target.value?t:(a(e.target.value),e.target.value)}))},maskChar:""},(function(){return h.createElement(e,{sx:{backgroundColor:b?d:m},placeholder:u,fullWidth:!0,size:"small",InputProps:{endAdornment:g&&h.createElement(t,{position:"end",disablePointerEvents:!b},h.createElement(n,{onClick:function(){return a("")}},b?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))}})}))},q=function(e){var r=e.value,o=e.options,l=e.onChange,i=e.valueKey,u=void 0===i?"id":i,s=e.labelKey,d=void 0===s?"label":s,f=e.placeholder,m=void 0===f?"":f,p=e.activeColor,g=void 0===p?"#D4F7F4":p,v=e.inactiveColor,b=void 0===v?"white":v,y=e.clearIcon,E=void 0===y||y,w=K(h.useState(-1),2),x=w[0],S=w[1];h.useEffect((function(){S(null===r||""===r?-1:r)}),[r]);return h.createElement(a,{sx:{backgroundColor:-1!==x?g:b,color:-1==x?"#cccccc":""},value:x,fullWidth:!0,onChange:function(e){var t=e.target.value;l(-1!==t?t:"")},size:"small",endAdornment:E&&h.createElement(t,{position:"end",disablePointerEvents:null===r},h.createElement(n,{onClick:function(){return l("")}},-1!==x?h.createElement(C,null):h.createElement(C,{color:"#cccccc"})))},h.createElement(c,{value:-1},m),o.map((function(e){return h.createElement(c,{key:e[u],value:e[u]},e[d])})))},Q=["value","options","valueKey","labelKey","onChange","placeholder","activeColor","inactiveColor"],H=function(t){var n=t.value,r=t.options,o=void 0===r?[]:r,l=t.valueKey,i=void 0===l?"id":l;t.labelKey;var a=t.onChange,c=t.placeholder,s=void 0===c?"":c,d=t.activeColor,f=void 0===d?"#D4F7F4":d,m=t.inactiveColor,p=void 0===m?"white":m,g=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,Q),v=K(h.useState(null),2),b=v[0],y=v[1];return h.useEffect((function(){y(o.find((function(e){return e[i]===n}))||null)}),[n]),h.createElement(u,{value:b,onChange:function(e,t){return a(t?t[i]:null)},options:o,isOptionEqualToValue:function(e,t){return e[i]===t[i]},noOptionsText:"Δεν υπάρχουν επιλογές",size:"small",renderInput:function(t){return h.createElement(e,R({variant:"outlined",fullWidth:!0,placeholder:s,sx:{backgroundColor:null!==b?f:p,color:-1==b?"#cccccc":""},size:"small"},t,g))}})},$=function(e){var t=e.column,n=h.useContext(V),r=n.api,o=n.props,l=r.getColumnFilter(t),i=h.useCallback(L((function(e,t){r.handleColumnFilterChange(e,t)}),300),[r]);return"text"===t.filterType?h.createElement(N,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,initialValue:l,onChange:function(e){return i(t,e)},placeholder:t.filterPlaceholder}):"integer"===t.filterType?h.createElement(U,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,initialValue:l,mask:t.filterMask,onChange:function(e){return i(t,e)},placeholder:t.filterPlaceholder}):"autocomplete"===t.filterType?h.createElement(H,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,value:l,valueKey:t.filterValueKey,labelKey:t.filterLabelKey,onChange:function(e){return r.handleColumnFilterChange(t,e)},placeholder:t.filterPlaceholder,options:t.filterOptions}):"select"===t.filterType?h.createElement(q,{activeColor:o.filterActiveColor,inactiveColor:o.filterInactiveColor,value:l,onChange:function(e){return r.handleColumnFilterChange(t,e)},placeholder:t.filterPlaceholder,options:t.filterOptions}):null},X=function(){var e=h.useContext(V),t=e.props,n=e.state;return h.createElement(h.Fragment,null,h.createElement(s,null,n.columns.map((function(e){return h.createElement(d,{key:e.id,width:e.width,sx:{minWidth:e.minWidth}},h.createElement(G,{column:e}))})),t.rowActions.length>0&&h.createElement(d,null)),t.enableColumnFilters&&h.createElement(s,null,n.columns.map((function(e){return h.createElement(d,{key:e.id},e.enableFilter?h.createElement($,{column:e}):null)})),t.rowActions.length>0&&h.createElement(d,null)))},Y=function(e){var t=e.row,n=h.useContext(V).props;return n.rowActions?h.createElement(d,null,h.createElement(i,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"center"}},n.rowActions.map((function(e,n){return h.createElement(i,{key:n},e(t))})))):null},Z=function(e){var t=e.row,n=h.useContext(V),r=n.props,o=n.state,l=K(h.useState({}),2),a=l[0],c=l[1],u=K(h.useState({}),2),m=u[0],p=u[1],g=!!o.expandedRows[t.id];return h.useEffect((function(){c(g?r.expandedRowStyle?r.expandedRowStyle(t):{}:r.rowStyle?r.rowStyle(t):{}),r.cellStyle&&p(r.cellStyle(t))}),[t,g,r.rowStyle,r.cellStyle]),h.createElement(h.Fragment,null,h.createElement(s,{hover:r.rowsClickable,sx:T({cursor:r.rowsClickable?"pointer":"default"},a),onClick:function(){return r.onRowClick&&r.onRowClick(t)}},o.columns.map((function(e){return h.createElement(d,{key:e.id,sx:T(T({},m),{},{textAlign:e.align})},e.render?e.render(t):t[e.id])})),r.rowActions.length>0&&h.createElement(Y,{row:t})),r.expandableRows&&h.createElement(s,null,h.createElement(d,{style:{paddingBottom:0,paddingTop:0,borderBottom:g?void 0:"none"},colSpan:o.columns.length+(r.rowActions.length>0?1:0)},h.createElement(f,{in:g,timeout:"auto",unmountOnExit:!0},h.createElement(i,{sx:{margin:1}},r.expandedRow&&r.expandedRow(t))))))},ee={id:"",label:"",enableSorting:!0,enableFilter:!0,filterType:"text",filterValueKey:"id",filterLabelKey:"label",filterMark:"999999",filterPlaceholder:"Αναζήτηση",filterOptions:[],onFilterChange:null,style:null,width:"",minWidth:"",align:"left",render:null},te=function(){var e,t,n=h.useContext(V).state;return null!==(e=n.data)&&void 0!==e&&e.footer&&0!=Object.keys(null===(t=n.data)||void 0===t?void 0:t.footer).length?h.createElement(m,null,h.createElement(s,null,null==n?void 0:n.columns.map((function(e){var t;return h.createElement(d,{key:e.id,align:"right",sx:{fontWeight:"bold",fontSize:14}},null===(t=n.data)||void 0===t?void 0:t.footer[e.id])})))):null},ne={data:[],page:0,page_size:10,total:0},re=h.forwardRef((function(e,t){var r=e.title,o=e.titleStyle,l=void 0===o?{}:o,a=e.rowStyle,c=void 0===a?null:a,u=e.cellStyle,s=void 0===u?null:u,d=e.tableSize,f=void 0===d?"medium":d,m=e.columns,C=e.dataUrl,E=e.rowKey,x=void 0===E?"id":E,S=e.hasQueryParams,F=void 0!==S&&S,k=e.enableGlobalFilter,A=void 0!==k&&k,R=e.enableColumnFilters,z=void 0!==R&&R,B=e.globalFilterPlaceholder,N=void 0===B?"Καθολική Αναζήτηση":B,L=e.enableCreateRow,G=void 0!==L&&L,U=e.createButtonVariant,q=void 0===U?"contained":U,Q=e.createButtonTooltip,H=void 0===Q?"Νέα Εγγραφή":Q,$=e.onCreateRow,Y=void 0===$?null:$,re=e.rowsClickable,oe=void 0!==re&&re,le=e.onRowClick,ie=void 0===le?null:le,ae=e.globalActions,ce=void 0===ae?[]:ae,ue=e.rowActions,se=void 0===ue?[]:ue,de=e.keepState,fe=void 0===de||de,me=e.stateKey,pe=void 0===me?null:me,ge=e.filterActiveColor,ve=void 0===ge?"#D4F7F4":ge,be=e.filterInactiveColor,ye=void 0===be?"white":be,he=e.defaultSorting,Ce=void 0===he?[]:he,Ee=e.initialPageSize,we=void 0===Ee?10:Ee,xe=e.rowsPerPageLabel,Se=void 0===xe?"Εγγραφές ανά σελίδα":xe,Fe=e.fromLabel,ke=void 0===Fe?"από":Fe,Oe=e.toLabel,Pe=void 0===Oe?"έως":Oe,Ie=e.expandableRows,Ae=void 0!==Ie&&Ie,je=e.expandedRow,Re=void 0===je?null:je,ze=e.expandedRowStyle,Te=void 0===ze?null:ze,Ke=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".pageIndex")}),[]),De=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".pageSize")}),[]),Be=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".sorting")}),[]),Ne=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".globalFilter")}),[]),Ve=h.useMemo((function(){return!(!fe||!pe)&&"".concat(pe,".columnFilters")}),[]),Le=h.useMemo((function(){var e=m.map((function(e){return T(T({},ee),e)}));return Ae?[T(T({},ee),{},{id:"internal_expander",label:"",align:"center",width:"50px",enableSorting:!1,enableFilter:!1,render:function(e){return h.createElement(n,{size:"small",onClick:function(t){t.stopPropagation(),at((function(t){return T(T({},t),{},j({},e.id,!t[e.id]))}))}},it[e.id]?h.createElement(P,null):h.createElement(I,null))}})].concat(D(e)):e}),[m,Re,Ae,ee]),Me=K(h.useState(ne),2),Je=Me[0],We=Me[1],_e=K(h.useState(Be&&JSON.parse(sessionStorage.getItem(Be))||Ce),2),Ge=_e[0],Ue=_e[1],qe=K(h.useState(Ne&&sessionStorage.getItem(Ne)||""),2),Qe=qe[0],He=qe[1],$e=K(h.useState(Ve&&JSON.parse(sessionStorage.getItem(Ve))||[]),2),Xe=$e[0],Ye=$e[1],Ze=K(h.useState(Ke&&parseInt(sessionStorage.getItem(Ke))||0),2),et=Ze[0],tt=Ze[1],nt=K(h.useState(De&&parseInt(sessionStorage.getItem(De))||we),2),rt=nt[0],ot=nt[1],lt=K(h.useState({}),2),it=lt[0],at=lt[1],ct=function(){var e=K(h.useState(!1),2),t=e[0],n=e[1];return{loader:t,startLoader:function(){n(!0),w.start()},stopLoader:function(){n(!1),w.done()}}}(),ut=ct.startLoader,st=ct.stopLoader,dt=function(e,t,n,r,o){ut();var l=F?"&":"?";O.get("".concat(C).concat(l,"page=").concat(e+1,"&pageSize=").concat(t,"&sorting=").concat(JSON.stringify(n),"&globalFilter=").concat(r,"&columnFilters=").concat(JSON.stringify(o))).then((function(e){We(e.data),st()})).catch((function(e){console.log(e.message),st()}))};h.useImperativeHandle(t,(function(){return{updateRow:function(e){We((function(t){var n=t.data.map((function(t){return t.id===e.id?e:t}));return T(T({},t),{},{data:n})}))},refresh:function(){return dt(et,rt,Ge,Qe,Xe)},globalFilter:function(){return Qe},columnFilters:function(){return Xe},sorting:function(){return Ge},queryParams:function(){return"sorting=".concat(JSON.stringify(Ge),"&globalFilter=").concat(Qe,"&columnFilters=").concat(JSON.stringify(Xe))}}}));var ft={props:{title:r,titleStyle:l,rowStyle:c,cellStyle:s,tableSize:f,columns:m,dataUrl:C,hasQueryParams:F,enableGlobalFilter:A,enableColumnFilters:z,globalFilterPlaceholder:N,enableCreateRow:G,createButtonVariant:q,createButtonTooltip:H,onCreateRow:Y,rowsClickable:oe,onRowClick:ie,globalActions:ce,rowActions:se,keepState:fe,stateKey:pe,filterActiveColor:ve,filterInactiveColor:ye,defaultSorting:Ce,expandableRows:Ae,expandedRow:Re,expandedRowStyle:Te},state:{data:Je,columns:Le,setData:We,sorting:Ge,setSorting:Ue,globalFilter:Qe,setGlobalFilter:He,columnFilters:Xe,setColumnFilters:Ye,pageIndex:et,setPageIndex:tt,pageSize:rt,setPageSize:ot,expandedRows:it},api:{toggleSorting:function(e,t){Ue((function(n){var r=n.find((function(e){return e.id===t.id})),o=[];r?o=!r.desc?e.altKey?[].concat(D(n.filter((function(e){return e.id!==t.id}))),[{id:t.id,desc:!0}]):[{id:t.id,desc:!0}]:e.altKey?D(n.filter((function(e){return e.id!==t.id}))):[]:o=e.altKey?[].concat(D(n),[{id:t.id,desc:!1}]):[{id:t.id,desc:!1}];return tt(0),dt(0,rt,o,Qe,Xe),o}))},getSortingStatus:function(e){var t=Ge.find((function(t){return t.id===e.id}));return t?t.desc?"desc":"asc":null},handleGlobalFilterChange:function(e){He(e),tt(0),dt(0,rt,Ge,e,Xe)},getColumnFilter:function(e){var t=Xe.find((function(t){return t.id===e.id}));return t?t.value:""},handleColumnFilterChange:function(e,t){Ye((function(n){var r=[];return r=n.find((function(t){return t.id===e.id}))?t?[].concat(D(n.filter((function(t){return t.id!==e.id}))),[{id:e.id,value:t}]):D(n.filter((function(t){return t.id!==e.id}))):[].concat(D(n),[{id:e.id,value:t}]),"function"==typeof e.onFilterChange&&e.onFilterChange(t),tt(0),dt(0,rt,Ge,Qe,r),r}))}}};return h.useEffect((function(){dt(et,rt,Ge,Qe,Xe)}),[]),h.useEffect((function(){Ke&&sessionStorage.setItem(Ke,et)}),[et]),h.useEffect((function(){De&&sessionStorage.setItem(De,rt)}),[rt]),h.useEffect((function(){Be&&sessionStorage.setItem(Be,JSON.stringify(Ge))}),[Ge]),h.useEffect((function(){Ne&&sessionStorage.setItem(Ne,Qe)}),[Qe]),h.useEffect((function(){Ve&&sessionStorage.setItem(Ve,JSON.stringify(Xe))}),[Xe]),h.createElement(h.Fragment,null,h.createElement(V.Provider,{value:ft},h.createElement(i,{sx:{display:"flex",flexDirection:{xs:"column",md:"row"},justifyContent:{xs:"top",md:"space-between"},alignItems:{xs:"left",md:"center"},marginBottom:1}},h.createElement(J,null),h.createElement(i,{sx:{display:"flex",gap:2,justifyContent:"end",alignItems:"center",marginTop:{xs:2,md:0}}},h.createElement(M,null),h.createElement(W,null),h.createElement(_,null))),h.createElement(p,null,h.createElement(g,{size:f},h.createElement(v,null,h.createElement(X,null)),h.createElement(b,null,Je.data.map((function(e,t){return h.createElement(Z,{key:"__index__"===x?t:e[x],row:e})}))),h.createElement(te,{footer:null==Je?void 0:Je.footer})))),h.createElement(y,{sx:{marginTop:1,overflow:"hidden"},component:"div",showFirstButton:!0,showLastButton:!0,count:parseInt(Je.total),page:0!=Je.page?Je.page-1:0,rowsPerPage:Je.page_size,onPageChange:function(e,t){return tt(n=t),void dt(n,rt,Ge,Qe,Xe);var n},onRowsPerPageChange:function(e){return t=e.target.value,ot(t),tt(0),void dt(0,t,Ge,Qe,Xe);var t},labelDisplayedRows:function(e){return"".concat(e.from," ").concat(Pe," ").concat(e.to," ").concat(ke," ").concat(e.count)},labelRowsPerPage:Se}))}));export{re as ServerSideTable};