Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@kaos/dashboard-pro / dist / esm / index.js
Size: Mime:
import e,{useEffect as t}from"react";import{MetaItems as r,LoadingIndicator as n,Module as a,CSSGrid as o,ErrorBox as i,ContainerPagination as l,getPageSizeOptions as u,useVariantsSnackbar as c,useIsDesktop as s,useToggle as d,SideMenuDrawer as m,DrawerMenuItem as f,DashboardAppBar as p,ThemeModeSettingDropdown as g}from"@kaos/dashboard";import{Card as v,CardActionArea as h,CardContent as y,Typography as E,Skeleton as w,Box as S,Alert as b,FormControl as P,InputLabel as C,Select as k,MenuItem as I,Button as x,List as z,ListSubheader as M,ListItem as V,ListItemIcon as A,ListItemText as O}from"@mui/material";import{Link as R,useSearchParams as L,useParams as j}from"react-router-dom";import{styled as K,Box as B}from"@mui/system";import{DataGrid as T}from"@mui/x-data-grid";import D from"@mui/icons-material/BrightnessAuto";import N from"@mui/icons-material/DarkMode";import G from"@mui/icons-material/LightMode";var F=function(){return F=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},F.apply(this,arguments)};function H(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}function q(e,t,r,n){return new(r||(r=Promise))((function(a,o){function i(e){try{u(n.next(e))}catch(e){o(e)}}function l(e){try{u(n.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}u((n=n.apply(e,t||[])).next())}))}function J(e,t){var r,n,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;o&&(o=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(a=2&l[0]?n.return:l[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,l[1])).done)return a;switch(n=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function W(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,a,o=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(a)throw a.error}}return i}var U=function(t){var r=H(t,[]);return e.createElement(Q,F({},r),e.createElement(y,null,e.createElement(E,{variant:"h5",gutterBottom:!0},e.createElement(w,null)),e.createElement(w,{variant:"rectangular",height:"3.5rem"})))},Q=K(v)({position:"relative",height:"100%"}),X=K(h)({height:"100%"}),Y=function(t){var o=t.actions,i=t.avatar,l=t.title,u=t.subtitle,c=t.metaItems,s=t.meta,d=void 0===s?c&&e.createElement(r,{items:c}):s,m=t.children,f=t.footer,p=t.isLoading,g=void 0!==p&&p,v=t.to,h=t.onClick,E=t.linkProps,w=H(t,["actions","avatar","title","subtitle","metaItems","meta","children","footer","isLoading","to","onClick","linkProps"]),S=!(!v&&!h)?X:e.Fragment,b=F(F(F({},v&&{component:R,to:v}),E&&F({component:R},E)),h&&{onClick:h}),P=!!l||!!u||!!i,C=!!d||!!m,k=P||C||!!f;return e.createElement(Q,F({sx:{p:2}},w),g&&e.createElement(n,null),k&&e.createElement(e.Fragment,null,e.createElement(S,F({},b),P&&e.createElement(a.Header,{icon:i,title:l,subtitle:u,actions:o}),C&&e.createElement(y,null,d,m)),f))},Z=function(t){var r=t.data,n=t.isLoading,a=t.refresh,i=t.renderItem,l=t.renderSkeleton,u=void 0===l?function(){return e.createElement(U,null)}:l,c=t.pageSize,s=t.gap,d=void 0===s?2:s,m=t.cols,f=void 0===m?4:m,p=t.getItemKey,g=H(t,["data","isLoading","refresh","renderItem","renderSkeleton","pageSize","gap","cols","getItemKey"]),v=function(t,r,n){return void 0===n&&(n=function(e){return e.uuid}),null==t?void 0:t.map((function(t,i){return e.createElement(o.Item,{key:void 0===n(t)?i:n(t),span:{xs:12,sm:Math.floor(12/f)}},r(t,{refresh:a}))}))};return e.createElement(o,F({gap:d},g),v(r,i,p),u&&n&&v(function(e,t,r){if(r||2===arguments.length)for(var n,a=0,o=t.length;a<o;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))}([],W(Array(c)),!1),u))},$=K(Z)((function(e){var t=e.theme;return{"& > *:not(:first-of-type) > .MuiPaper-root":{borderTopLeftRadius:0,borderTopRightRadius:0},"& > *:not(:last-child) > .MuiPaper-root":{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"thin solid ".concat(t.palette.divider)}}})),_=function(t){var r=t.gap,n=void 0===r?0:r,a=H(t,["gap"]);return e.createElement($,F({cols:1,gap:n},a))},ee="page",te="pageSize";function re(e){return e?parseInt(e):null}var ne=function(r){var n=r.useListApi,a=r.listApiParams,o=r.swrConfig,u=r.setApiResults,c=r.defaultPageSize,s=r.verboseName,d=r.verboseNamePlural,m=void 0===d?s+"s":d,f=r.getCount,p=void 0===f?function(e){return null==e?void 0:e.count}:f,g=r.getResults,v=void 0===g?function(e){return null==e?void 0:e.results}:g,h=r.renderError,y=void 0===h?function(){return e.createElement(i,{what:"loading ".concat(m)})}:h,E=r.renderIsLoading,w=r.renderView,S=r.renderPagination,b=void 0===S?function(t){return e.createElement(l,F({},t))}:S,P=H(r,["useListApi","listApiParams","swrConfig","setApiResults","defaultPageSize","verboseName","verboseNamePlural","getCount","getResults","renderError","renderIsLoading","renderView","renderPagination"]),C=W(L(),2),k=C[0],I=C[1],x=re(k.get(ee))||1,z=re(k.get(te))||c,M=(x-1)*z,V=W(n(x,z,a,o),6),A=V[0],O=V[1],R=V[2],j=V[3],K=V[4],T=V[5];t((function(){u&&u([A,O,R,j,K,T])}),[A,O,R,j,K,u]);var D={apiResults:[v(A),O,R,j,K,T],count:p(A),page:x,pageSize:z,onPageChange:function(e){var t;I(F(F({},Object.fromEntries(k)),((t={})[ee]=e.toString(),t)))},onPageSizeChange:function(e){var t,r=Math.floor(M/e)+1;I(F(F({},Object.fromEntries(k)),((t={})[ee]=r.toString(),t[te]=e.toString(),t)))},verboseName:s,verboseNamePlural:m};return e.createElement(B,F({},P),y&&R&&y(R),E&&O&&E(),w(D),b&&b(D))},ae=function(t){var r=t.defaultPageSize,n=void 0===r?12:r,a=t.renderItem,o=t.renderSkeleton,i=t.getItemKey,l=t.galleyViewProps,u=H(t,["defaultPageSize","renderItem","renderSkeleton","getItemKey","galleyViewProps"]);return e.createElement(ne,F({defaultPageSize:n,renderView:function(t){var r=W(t.apiResults,4),n=r[0],u=r[1],c=r[3],s=t.pageSize;return e.createElement(Z,F({data:n,isLoading:u,refresh:c,renderItem:a,renderSkeleton:o,pageSize:s,getItemKey:i},l))}},u))},oe=function(t){var r=t.defaultPageSize,n=void 0===r?5:r,a=t.renderItem,o=t.renderSkeleton,i=t.getItemKey,l=t.listViewProps,u=H(t,["defaultPageSize","renderItem","renderSkeleton","getItemKey","listViewProps"]);return e.createElement(ne,F({defaultPageSize:n,renderView:function(t){var r=W(t.apiResults,4),n=r[0],u=r[1],c=r[3],s=t.pageSize;return e.createElement(_,F({data:n,isLoading:u,refresh:c,renderItem:a,renderSkeleton:o,pageSize:s,getItemKey:i},l))}},u))},ie=function(t){var r=t.columns,n=t.getItemKey,a=void 0===n?function(e){return e.uuid}:n,o=t.defaultPageSize,i=void 0===o?10:o,l=t.dataGridProps,c=H(t,["columns","getItemKey","defaultPageSize","dataGridProps"]);return e.createElement(ne,F({defaultPageSize:i,renderIsLoading:null,renderPagination:null,renderView:function(t){var n=W(t.apiResults,4),o=n[0],i=n[1],c=t.count,s=t.page,d=t.pageSize,m=t.onPageChange,f=t.onPageSizeChange;return e.createElement(T,F({rows:o||[],getRowId:a,columns:r,loading:i,rowCount:c||0,pagination:!0,paginationMode:"server",pageSize:d,rowsPerPageOptions:u([d]),page:s-1,onPageChange:function(e){return m(e+1)},onPageSizeChange:f},l))}},c))},le=function(t){var r=t.savedViewType,n=t.getCurrentViewJson,a=t.setViewJsonToCurrent,o=t.resetCurrentView,i=t.useSavedViews,l=t.requestSaveView,u=t.getViewId,s=void 0===u?function(e){return e.uuid}:u,d=t.getViewName,m=void 0===d?function(e){return e.name}:d,f=c().successSnackbar,p=W(i(r),4),g=p[0],v=p[2],h=p[3],y=W(e.useState(""),2),E=y[0],w=y[1],z=function(e){return void 0===e&&(e=E),g.filter((function(t){return s(t)===e}))[0]};return e.createElement(S,{display:"flex",alignItems:"center",gap:1},v&&e.createElement(b,{severity:"error"},"Error loading views"),e.createElement(P,{size:"small",sx:{minWidth:"250px"}},e.createElement(C,null,"View"),e.createElement(k,{label:"View",value:E,onChange:function(e){return function(e){w(e);var t=z(e);a(t.json)}(e.target.value)}},null==g?void 0:g.map((function(t){return e.createElement(I,{value:s(t),key:s(t)},m(t))})))),l&&e.createElement(x,{variant:"outlined",onClick:function(){return q(void 0,void 0,void 0,(function(){var e,t,a,o,i;return J(this,(function(u){switch(u.label){case 0:return e=z(),t=prompt("Please enter a name to save",null==e?void 0:e.name),l&&t?(a=void 0,(o=g.filter((function(e){return m(e)===t}))).length>0?window.confirm("View with name ".concat(t," already exists. Do you want to overwrite it?"))?(i=s(o[0]),[4,l(i,null,null,n())]):[2]:[3,2]):[3,5];case 1:return a=u.sent(),[3,4];case 2:return[4,l(null,t,r,n())];case 3:a=u.sent(),u.label=4;case 4:f("Successfully saved ".concat(t," view")),h(),w(a.data.uuid),u.label=5;case 5:return[2]}}))}))}},"Save view"),o&&e.createElement(x,{onClick:function(){w(""),o&&o()}},"Reset view"))};var ue=function(t){var r=t.lookup,a=void 0===r?"uuid":r,o=t.useDetailApi,l=t.detailApiParams,u=t.verboseName,c=t.defaultTitle,s=void 0===c?u.replace(/\b\w/g,(function(e){return e.toUpperCase()})):c,d=t.getTitle,m=void 0===d?function(e){return null==e?void 0:e.name}:d,f=t.errorMessage,p=void 0===f?"loading ".concat(u):f,g=t.frameComponent,v=t.headComponent,h=t.errorBoxComponent,y=void 0===h?i:h,E=t.loadingIndicatorComponent,w=void 0===E?n:E,S=W(o(j()[a],l),5),b=S[0],P=S[1],C=S[2],k=S[3],I=S[4];if(!g)throw Error("Prop `frameComponent` is required on `DetailPageContainer`");if(!v)throw Error("Prop `headComponent` is required on `DetailPageContainer`");return e.createElement(e.Fragment,null,e.createElement(v,{title:b?m(b):s}),C&&e.createElement(y,{what:p}),P&&e.createElement(w,null),b&&e.createElement(g,{obj:b,refresh:k,isRefreshing:I}))},ce=function(t){var r=t.mode,n=t.setMode,a=r?"dark"===r?"Dark":"Light":"Auto";return e.createElement(V,{secondaryAction:e.createElement(g,{mode:r,setMode:n})},e.createElement(A,null,!r&&e.createElement(D,null),"dark"===r&&e.createElement(N,null),"light"===r&&e.createElement(G,null)),e.createElement(O,{primary:"Appearance",secondary:a}))},se=function(r){var n,a,o=r.renderSideMenu,i=r.sideMenuHeader,l=r.sideMenuHeaderText,u=r.menuItems,c=r.sideMenuSettings,g=r.frontendSettings,v=r.renderAppBar,h=r.appBarContent,y=r.children,E=null===(n=null==g?void 0:g.isSideMenuOpen)||void 0===n?void 0:n.value,w=null===(a=null==g?void 0:g.isSideMenuOpen)||void 0===a?void 0:a.set,S=s(),b=W(d(void 0===E?S:E),4),P=b[0],C=b[2],k=b[3];return t((function(){w&&w(P)}),[P,w]),e.createElement(B,{display:"flex",flexDirection:"row",minHeight:"100vh"},o?o(P,k,S):e.createElement(m,{open:P,onClose:C,variant:S?"persistent":"temporary",header:i,headerText:l},e.createElement(z,{sx:{flexGrow:1}},null==u?void 0:u.map((function(t,r){var n=t.header,a=t.items;return e.createElement(e.Fragment,{key:r},n&&e.createElement(M,null,n),a.map((function(t,r){return e.createElement(f,F({key:r},t))})))}))),c||e.createElement(z,null,e.createElement(M,{sx:{height:36}},"Settings"),(null==g?void 0:g.themeMode)&&e.createElement(ce,{mode:null==g?void 0:g.themeMode.value,setMode:null==g?void 0:g.themeMode.set}))),e.createElement(B,{flexGrow:1,minWidth:S?void 0:"100vw",height:1,display:"flex",flexDirection:"column"},v?v(k):e.createElement(p,{onClickMenu:k},h),e.createElement(B,{component:"main",flexGrow:1},y)))};export{se as DashboardLayout,ue as DetailPageContainer,Z as GalleryView,ae as GalleryViewContainer,Y as GalleryViewItem,U as GalleryViewItemSkeleton,_ as ListView,oe as ListViewContainer,ne as PaginatedDataContainer,le as SavedViewsPanel,ie as TableViewContainer};
//# sourceMappingURL=index.js.map