aiware-js 2.33.0 → 2.34.1

package/js-core.esm70.js

@@ -1 +1 @@
-import{m as makeStyles,eh as injectIntl,j as jsxRuntime,c9 as AIWareThemeProvider,K as DynamicModuleLoader,A as AIWareIntlProvider,a8 as Tooltip,F as FormattedMessage,a9 as IconButton,fr as Hamburger,T as Typography,cc as FullscreenExit,cd as Fullscreen,bU as Hide,gs as Article,gt as Task,gu as View,r as react,aZ as Tabs,x as classNames,a_ as Tab,k as useSelector,fe as selectApiConfigs,eU as panelsSelector,Y as Portal}from"./js-core.esm.js";import{getProcessingCenterJobsModule,JobsPanel}from"./js-core.esm71.js";import{getProcessingCenterTasksModule,TasksPanel}from"./js-core.esm72.js";import{S as Search}from"./js-core.esm10.js";import"./js-core.esm48.js";import"./js-core.esm23.js";import"./js-core.esm32.js";import"./js-core.esm54.js";import"./js-core.esm34.js";import"./js-core.esm45.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm36.js";import"./js-core.esm47.js";import"./js-core.esm52.js";import"./js-core.esm8.js";import"./js-core.esm24.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm43.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm50.js";import"./js-core.esm51.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm16.js";const useStyles$3=makeStyles()(()=>({container:{width:"570px",background:"transparent",cursor:"not-allowed"},searchInputContainer:{width:"100%",borderRadius:"50px",display:"flex",alignItems:"center",padding:"7px",fontWeight:400,backgroundColor:"#F7F7F7CC",border:"0.5px solid #D5DFE9"},searchInput:{border:"0",outline:"none",background:"transparent",width:"100%",fontSize:"15px","&::placeholder":{opacity:"0.4"}},searchIconContainer:{padding:"0px 7px",display:"flex",alignItems:"center",justifyContent:"center"}})),ShimSearch=({intl:e})=>{var s=useStyles$3()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:s.container},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:s.searchInputContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.searchIconContainer},{children:jsxRuntime.exports.jsx(Search,{fontSize:"small",sx:{color:"#555F7C99"}})})),jsxRuntime.exports.jsx("input",{id:"aiAutocomplete-search-bar","data-test-id":"aiAutocomplete-search-bar-test-id",style:{marginLeft:"15px"},className:s.searchInput,type:"text",placeholder:e.formatMessage({id:"os-processing-center-shim-search",defaultMessage:[{type:0,value:"Search is coming soon"}]}),maxLength:200,disabled:!0})]}))}))},TempSearchBar=injectIntl(ShimSearch),useStyles$2=makeStyles()((e,{height:s})=>({header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:s,padding:e.spacing(2),position:"relative"},title:{minWidth:"126px"},marginRight:{marginRight:e.spacing(2)},navigationToggle:{marginRight:e.spacing(1)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"},verticalDivider:{borderRight:".5px solid "+e.palette.divider,height:"70%",margin:"0 "+e.spacing(1)},searchContainer:{alignItems:"center",border:"1px solid transparent",borderRadius:4,display:"flex",flexGrow:1,height:44,marginLeft:"48px"}})),Header=({intl:e,hidePanel:s,isNavExpanded:t,onLeftNavigationToggle:a,onFullScreenToggle:i,isFullScreen:n,height:r})=>{r=useStyles$2({height:r}).classes;return e.formatMessage({id:"processing-center-browse.search-input-placeholder",defaultMessage:[{type:0,value:"Search by Job ID, Task ID, TDO ID, Application or User"}]}),jsxRuntime.exports.jsxs("header",Object.assign({className:r.header,"data-testid":"pc-header"},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.navigation.menu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({sx:{mr:1},onClick:a,"aria-expanded":t,"aria-labelledby":"ac-header-toggle-nav","data-test":"ac-header-toggle-nav",size:"large"},{children:jsxRuntime.exports.jsx(Hamburger,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",className:r.title,"data-test":"ac-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.header.title",defaultMessage:"Processing Center",description:"Panel header of the processing center"})})),jsxRuntime.exports.jsx("div",Object.assign({className:r.searchContainer},{children:jsxRuntime.exports.jsx(TempSearchBar,{})})),jsxRuntime.exports.jsxs("div",Object.assign({className:r.headerActionContainer},{children:[jsxRuntime.exports.jsx("div",{className:r.verticalDivider}),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:n?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.close.full.screen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.open.full.screen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:i,"aria-labelledby":"ac-toggle-fullscreen","data-test":"ac-fullscreen-toggle",size:"large"},{children:n?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.close.panel",defaultMessage:"Close Panel",description:"Close Panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"ac-close-panel","data-test-id":"ac-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))};var ProcessingCenterView,Header$1=injectIntl(Header);function __rest(e,s){var t={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&s.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,i=Object.getOwnPropertySymbols(e);a<i.length;a++)s.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]]);return t}!function(e){e[e.jobs=0]="jobs",e[e.tasks=1]="tasks",e[e.monitoring=2]="monitoring"}(ProcessingCenterView=ProcessingCenterView||{});const tabWidth=197,useStyles$1=makeStyles()((e,{height:s},t)=>({root:{display:"flex",flexGrow:1,height:s,position:"relative"},tabs:{borderRight:".5px solid "+e.palette.divider,transition:".2s ease",width:e.spacing(14),minWidth:e.spacing(14),padding:e.spacing(1.6)+" "+e.spacing(2.5),boxSizing:"border-box"},tabsContainer:{alignItems:"center"},tabIndicator:{background:"transparent"},tabRoot:{opacity:1,borderRadius:4,fontSize:"14px",marginBottom:e.spacing(1),minHeight:e.spacing(9),minWidth:e.spacing(9),paddingTop:e.spacing(1),paddingBottom:e.spacing(1),width:"100%","&:hover":{background:"#F2F5F9"},"&.Mui-disabled":{cursor:"not-allowed",pointerEvents:"auto"},"&:disabled":{cursor:"not-allowed",pointerEvents:"auto"}},tabsExpanded:{width:tabWidth,minWidth:tabWidth,paddingRight:e.spacing(2),paddingLeft:e.spacing(2),["& "+t.tabRoot]:{width:`calc(${tabWidth}px - ${e.spacing(3)})`,flexDirection:"row",textTransform:"capitalize","& svg":{marginRight:e.spacing(2),marginBottom:"0"}}},tabExpandedWrapper:{flexDirection:"row",display:"flex",justifyContent:"flex-start","& svg":{marginBottom:"0 !important",marginRight:e.spacing(2)}},tabSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:"0",color:e.palette.primary.main}},contentPanel:{flexGrow:1},tabExpandedSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:e.spacing(2),color:e.palette.primary.main}},tabWrapper:{flexDirection:"row",display:"flex",justifyContent:"center","& svg":{marginBottom:"0 !important",marginRight:"0"}},condensedNavIcon:{display:"flex",marginBottom:"0px !important"}})),MainTabPanel=({intl:n,isNavExpanded:r,isFullScreen:s,height:e})=>{var t=[{id:ProcessingCenterView.jobs,label:n.formatMessage({id:"os-processing-center-browse.jobs.view",defaultMessage:[{type:0,value:"Jobs"}]}),testLabel:"pc-jobs-view",icon:jsxRuntime.exports.jsx(Article,{}),content:e=>jsxRuntime.exports.jsx(JobsPanel,{isPanelFullScreen:e})},{id:ProcessingCenterView.tasks,label:n.formatMessage({id:"os-processing-center-browse.tasks.view",defaultMessage:[{type:0,value:"Tasks"}]}),testLabel:"pc-tasks-view",icon:jsxRuntime.exports.jsx(Task,{style:{transform:"translateX(4px)"}}),content:e=>jsxRuntime.exports.jsx(TasksPanel,{isPanelFullScreen:e})},{id:ProcessingCenterView.monitoring,label:n.formatMessage({id:"os-processing-center-browse.monitoring.view",defaultMessage:[{type:0,value:"Monitoring"}]}),testLabel:"pc-monitoring-view",icon:jsxRuntime.exports.jsx(View,{}),content:e=>jsxRuntime.exports.jsx("div",{children:"Monitoring"}),disabled:!0}];const o=useStyles$1({height:e})["classes"],[a,i]=react.exports.useState(ProcessingCenterView.jobs);var[e,,]=react.exports.useState(t);return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:o.root},{children:[jsxRuntime.exports.jsx(Tabs,Object.assign({id:"processingCenterViewTabs",orientation:"vertical",value:a,onChange:(e,s)=>{i(s)},className:classNames(o.tabs,{[o.tabsExpanded]:r}),classes:{flexContainer:o.tabsContainer,indicator:o.tabIndicator},"aria-label":"processing center tabs","data-test":"pc-nav-tabs-container"},{children:e.map(e=>{return jsxRuntime.exports.jsx(Tab,Object.assign({wrapped:!0},a11yProps(e.id),{label:(t=!!e.disabled,a=r,i=e.label,jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t?i+" "+n.formatMessage({id:"processing-center.nav-list.coming-soon-label",defaultMessage:[{type:0,value:"Coming soon"}]}):i},{children:jsxRuntime.exports.jsx("span",{children:a?i:""})}))),icon:(t=!!e.disabled,a=r,i=e.label,s=e.icon,a?s:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t?i+" "+n.formatMessage({id:"processing-center.nav-list.coming-soon-icon",defaultMessage:[{type:0,value:"Coming soon"}]}):i},{children:jsxRuntime.exports.jsx("span",Object.assign({className:a?"":o.condensedNavIcon},{children:s}))}))),classes:{root:o.tabRoot,wrapped:r?o.tabExpandedWrapper:o.tabWrapper,selected:r?o.tabExpandedSelected:o.tabSelected},disabled:e.disabled,"data-test":"pc-nav-tab-"+e.testLabel}),e.id);var s,t,a,i})})),e.map(e=>jsxRuntime.exports.jsx(TabPanel,Object.assign({value:a,index:e.id,className:o.contentPanel},{children:e.content(s)}),e.id))]}))})};function TabPanel(e){var{children:s,value:t,index:a}=e,e=__rest(e,["children","value","index"]);return jsxRuntime.exports.jsx("div",Object.assign({role:"tabpanel",hidden:t!==a,id:"processing-center-tabpanel-"+a,"aria-labelledby":"processing-center-tab-"+a},e,{children:t===a&&s}))}function a11yProps(e){return{id:"admin-center-tab-"+e,"aria-controls":"admin-center-tabpanel-"+e}}var MainTabPanel$1=injectIntl(MainTabPanel);const Container=({fullScreen:e,classes:s,dimmed:t,children:a})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsxs("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(s.panel,s.fullScreen)},{children:[t&&jsxRuntime.exports.jsx("div",{className:s.overlay}),a]}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(s.root,s.panel)},{children:a})),appBarHeight=55,headerHeight=64,borderBottom=5,useStyles=makeStyles()(e=>({root:{width:"100%",position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1004},overlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%",zIndex:1001}})),MainLayout=({hidePanel:e})=>{const[s,t]=react.exports.useState(!0),[a,i]=react.exports.useState(!1);var n=useStyles()["classes"],r=(useSelector(panelsSelector)||[]).find(e=>"PROCESSING_CENTER_BROWSE"===e.panelId)||{panelConfig:{dimmed:0}},r=0<(null==(r=null===r?void 0:r.panelConfig)?void 0:r.dimmed),o=`calc(100vh - ${a?25:appBarHeight+borderBottom}px - ${headerHeight}px)`;return jsxRuntime.exports.jsxs(Container,Object.assign({dimmed:r,fullScreen:a,classes:n},{children:[jsxRuntime.exports.jsx(Header$1,{height:headerHeight,hidePanel:e,isNavExpanded:s,onLeftNavigationToggle:()=>{t(!s)},isFullScreen:a,onFullScreenToggle:()=>{i(!a)}}),jsxRuntime.exports.jsx(MainTabPanel$1,{height:o,isNavExpanded:s,isFullScreen:a})]}))},Content=e=>{var{apiRoot:s,graphQLEndpoint:t,token:a}=useSelector(selectApiConfigs);return s&&t&&a?jsxRuntime.exports.jsx(MainLayout,Object.assign({},e)):null},ProcessingCenterBrowse=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getProcessingCenterJobsModule(),getProcessingCenterTasksModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})}))});export{ProcessingCenterBrowse};
+import{m as makeStyles,ek as injectIntl,j as jsxRuntime,cc as AIWareThemeProvider,K as DynamicModuleLoader,A as AIWareIntlProvider,ab as Tooltip,F as FormattedMessage,ac as IconButton,fu as Hamburger,T as Typography,cf as FullscreenExit,cg as Fullscreen,bX as Hide,gv as Article,gw as Task,gx as View,r as react,b0 as Tabs,x as classNames,b1 as Tab,k as useSelector,fh as selectApiConfigs,eX as panelsSelector,Z as Portal}from"./js-core.esm.js";import{getProcessingCenterJobsModule,JobsPanel}from"./js-core.esm71.js";import{getProcessingCenterTasksModule,TasksPanel}from"./js-core.esm72.js";import{S as Search}from"./js-core.esm10.js";import"./js-core.esm48.js";import"./js-core.esm23.js";import"./js-core.esm32.js";import"./js-core.esm54.js";import"./js-core.esm34.js";import"./js-core.esm45.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm36.js";import"./js-core.esm47.js";import"./js-core.esm52.js";import"./js-core.esm8.js";import"./js-core.esm24.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm43.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm50.js";import"./js-core.esm51.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm16.js";const useStyles$3=makeStyles()(()=>({container:{width:"570px",background:"transparent",cursor:"not-allowed"},searchInputContainer:{width:"100%",borderRadius:"50px",display:"flex",alignItems:"center",padding:"7px",fontWeight:400,backgroundColor:"#F7F7F7CC",border:"0.5px solid #D5DFE9"},searchInput:{border:"0",outline:"none",background:"transparent",width:"100%",fontSize:"15px","&::placeholder":{opacity:"0.4"}},searchIconContainer:{padding:"0px 7px",display:"flex",alignItems:"center",justifyContent:"center"}})),ShimSearch=({intl:e})=>{var s=useStyles$3()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:s.container},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:s.searchInputContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.searchIconContainer},{children:jsxRuntime.exports.jsx(Search,{fontSize:"small",sx:{color:"#555F7C99"}})})),jsxRuntime.exports.jsx("input",{id:"aiAutocomplete-search-bar","data-test-id":"aiAutocomplete-search-bar-test-id",style:{marginLeft:"15px"},className:s.searchInput,type:"text",placeholder:e.formatMessage({id:"os-processing-center-shim-search",defaultMessage:[{type:0,value:"Search is coming soon"}]}),maxLength:200,disabled:!0})]}))}))},TempSearchBar=injectIntl(ShimSearch),useStyles$2=makeStyles()((e,{height:s})=>({header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:s,padding:e.spacing(2),position:"relative"},title:{minWidth:"126px"},marginRight:{marginRight:e.spacing(2)},navigationToggle:{marginRight:e.spacing(1)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"},verticalDivider:{borderRight:".5px solid "+e.palette.divider,height:"70%",margin:"0 "+e.spacing(1)},searchContainer:{alignItems:"center",border:"1px solid transparent",borderRadius:4,display:"flex",flexGrow:1,height:44,marginLeft:"48px"}})),Header=({intl:e,hidePanel:s,isNavExpanded:t,onLeftNavigationToggle:a,onFullScreenToggle:i,isFullScreen:n,height:r})=>{r=useStyles$2({height:r}).classes;return e.formatMessage({id:"processing-center-browse.search-input-placeholder",defaultMessage:[{type:0,value:"Search by Job ID, Task ID, TDO ID, Application or User"}]}),jsxRuntime.exports.jsxs("header",Object.assign({className:r.header,"data-testid":"pc-header"},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.navigation.menu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({sx:{mr:1},onClick:a,"aria-expanded":t,"aria-labelledby":"ac-header-toggle-nav","data-test":"ac-header-toggle-nav",size:"large"},{children:jsxRuntime.exports.jsx(Hamburger,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",className:r.title,"data-test":"ac-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.header.title",defaultMessage:"Processing Center",description:"Panel header of the processing center"})})),jsxRuntime.exports.jsx("div",Object.assign({className:r.searchContainer},{children:jsxRuntime.exports.jsx(TempSearchBar,{})})),jsxRuntime.exports.jsxs("div",Object.assign({className:r.headerActionContainer},{children:[jsxRuntime.exports.jsx("div",{className:r.verticalDivider}),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:n?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.close.full.screen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.open.full.screen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:i,"aria-labelledby":"ac-toggle-fullscreen","data-test":"ac-fullscreen-toggle",size:"large"},{children:n?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-processing-center-browse.close.panel",defaultMessage:"Close Panel",description:"Close Panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"ac-close-panel","data-test-id":"ac-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))};var ProcessingCenterView,Header$1=injectIntl(Header);function __rest(e,s){var t={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&s.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,i=Object.getOwnPropertySymbols(e);a<i.length;a++)s.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]]);return t}!function(e){e[e.jobs=0]="jobs",e[e.tasks=1]="tasks",e[e.monitoring=2]="monitoring"}(ProcessingCenterView=ProcessingCenterView||{});const tabWidth=197,useStyles$1=makeStyles()((e,{height:s},t)=>({root:{display:"flex",flexGrow:1,height:s,position:"relative"},tabs:{borderRight:".5px solid "+e.palette.divider,transition:".2s ease",width:e.spacing(14),minWidth:e.spacing(14),padding:e.spacing(1.6)+" "+e.spacing(2.5),boxSizing:"border-box"},tabsContainer:{alignItems:"center"},tabIndicator:{background:"transparent"},tabRoot:{opacity:1,borderRadius:4,fontSize:"14px",marginBottom:e.spacing(1),minHeight:e.spacing(9),minWidth:e.spacing(9),paddingTop:e.spacing(1),paddingBottom:e.spacing(1),width:"100%","&:hover":{background:"#F2F5F9"},"&.Mui-disabled":{cursor:"not-allowed",pointerEvents:"auto"},"&:disabled":{cursor:"not-allowed",pointerEvents:"auto"}},tabsExpanded:{width:tabWidth,minWidth:tabWidth,paddingRight:e.spacing(2),paddingLeft:e.spacing(2),["& "+t.tabRoot]:{width:`calc(${tabWidth}px - ${e.spacing(3)})`,flexDirection:"row",textTransform:"capitalize","& svg":{marginRight:e.spacing(2),marginBottom:"0"}}},tabExpandedWrapper:{flexDirection:"row",display:"flex",justifyContent:"flex-start","& svg":{marginBottom:"0 !important",marginRight:e.spacing(2)}},tabSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:"0",color:e.palette.primary.main}},contentPanel:{flexGrow:1},tabExpandedSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:e.spacing(2),color:e.palette.primary.main}},tabWrapper:{flexDirection:"row",display:"flex",justifyContent:"center","& svg":{marginBottom:"0 !important",marginRight:"0"}},condensedNavIcon:{display:"flex",marginBottom:"0px !important"}})),MainTabPanel=({intl:n,isNavExpanded:r,isFullScreen:s,height:e})=>{var t=[{id:ProcessingCenterView.jobs,label:n.formatMessage({id:"os-processing-center-browse.jobs.view",defaultMessage:[{type:0,value:"Jobs"}]}),testLabel:"pc-jobs-view",icon:jsxRuntime.exports.jsx(Article,{}),content:e=>jsxRuntime.exports.jsx(JobsPanel,{isPanelFullScreen:e})},{id:ProcessingCenterView.tasks,label:n.formatMessage({id:"os-processing-center-browse.tasks.view",defaultMessage:[{type:0,value:"Tasks"}]}),testLabel:"pc-tasks-view",icon:jsxRuntime.exports.jsx(Task,{style:{transform:"translateX(4px)"}}),content:e=>jsxRuntime.exports.jsx(TasksPanel,{isPanelFullScreen:e})},{id:ProcessingCenterView.monitoring,label:n.formatMessage({id:"os-processing-center-browse.monitoring.view",defaultMessage:[{type:0,value:"Monitoring"}]}),testLabel:"pc-monitoring-view",icon:jsxRuntime.exports.jsx(View,{}),content:e=>jsxRuntime.exports.jsx("div",{children:"Monitoring"}),disabled:!0}];const o=useStyles$1({height:e})["classes"],[a,i]=react.exports.useState(ProcessingCenterView.jobs);var[e,,]=react.exports.useState(t);return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:o.root},{children:[jsxRuntime.exports.jsx(Tabs,Object.assign({id:"processingCenterViewTabs",orientation:"vertical",value:a,onChange:(e,s)=>{i(s)},className:classNames(o.tabs,{[o.tabsExpanded]:r}),classes:{flexContainer:o.tabsContainer,indicator:o.tabIndicator},"aria-label":"processing center tabs","data-test":"pc-nav-tabs-container"},{children:e.map(e=>{return jsxRuntime.exports.jsx(Tab,Object.assign({wrapped:!0},a11yProps(e.id),{label:(t=!!e.disabled,a=r,i=e.label,jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t?i+" "+n.formatMessage({id:"processing-center.nav-list.coming-soon-label",defaultMessage:[{type:0,value:"Coming soon"}]}):i},{children:jsxRuntime.exports.jsx("span",{children:a?i:""})}))),icon:(t=!!e.disabled,a=r,i=e.label,s=e.icon,a?s:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t?i+" "+n.formatMessage({id:"processing-center.nav-list.coming-soon-icon",defaultMessage:[{type:0,value:"Coming soon"}]}):i},{children:jsxRuntime.exports.jsx("span",Object.assign({className:a?"":o.condensedNavIcon},{children:s}))}))),classes:{root:o.tabRoot,wrapped:r?o.tabExpandedWrapper:o.tabWrapper,selected:r?o.tabExpandedSelected:o.tabSelected},disabled:e.disabled,"data-test":"pc-nav-tab-"+e.testLabel}),e.id);var s,t,a,i})})),e.map(e=>jsxRuntime.exports.jsx(TabPanel,Object.assign({value:a,index:e.id,className:o.contentPanel},{children:e.content(s)}),e.id))]}))})};function TabPanel(e){var{children:s,value:t,index:a}=e,e=__rest(e,["children","value","index"]);return jsxRuntime.exports.jsx("div",Object.assign({role:"tabpanel",hidden:t!==a,id:"processing-center-tabpanel-"+a,"aria-labelledby":"processing-center-tab-"+a},e,{children:t===a&&s}))}function a11yProps(e){return{id:"admin-center-tab-"+e,"aria-controls":"admin-center-tabpanel-"+e}}var MainTabPanel$1=injectIntl(MainTabPanel);const Container=({fullScreen:e,classes:s,dimmed:t,children:a})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsxs("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(s.panel,s.fullScreen)},{children:[t&&jsxRuntime.exports.jsx("div",{className:s.overlay}),a]}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(s.root,s.panel)},{children:a})),appBarHeight=55,headerHeight=64,borderBottom=5,useStyles=makeStyles()(e=>({root:{width:"100%",position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1004},overlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%",zIndex:1001}})),MainLayout=({hidePanel:e})=>{const[s,t]=react.exports.useState(!0),[a,i]=react.exports.useState(!1);var n=useStyles()["classes"],r=(useSelector(panelsSelector)||[]).find(e=>"PROCESSING_CENTER_BROWSE"===e.panelId)||{panelConfig:{dimmed:0}},r=0<(null==(r=null===r?void 0:r.panelConfig)?void 0:r.dimmed),o=`calc(100vh - ${a?25:appBarHeight+borderBottom}px - ${headerHeight}px)`;return jsxRuntime.exports.jsxs(Container,Object.assign({dimmed:r,fullScreen:a,classes:n},{children:[jsxRuntime.exports.jsx(Header$1,{height:headerHeight,hidePanel:e,isNavExpanded:s,onLeftNavigationToggle:()=>{t(!s)},isFullScreen:a,onFullScreenToggle:()=>{i(!a)}}),jsxRuntime.exports.jsx(MainTabPanel$1,{height:o,isNavExpanded:s,isFullScreen:a})]}))},Content=e=>{var{apiRoot:s,graphQLEndpoint:t,token:a}=useSelector(selectApiConfigs);return s&&t&&a?jsxRuntime.exports.jsx(MainLayout,Object.assign({},e)):null},ProcessingCenterBrowse=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getProcessingCenterJobsModule(),getProcessingCenterTasksModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})}))});export{ProcessingCenterBrowse};