aiware-js 2.43.0 → 2.44.1
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.
- package/index.esm.js +1 -1
- package/index.esm.js.gz +0 -0
- package/js-core.esm.js +9 -9
- package/js-core.esm.js.gz +0 -0
- package/js-core.esm20.js +2 -2
- package/js-core.esm20.js.gz +0 -0
- package/js-core.esm4.js +1 -1
- package/js-core.esm4.js.gz +0 -0
- package/js-core.esm44.js +2 -2
- package/js-core.esm44.js.gz +0 -0
- package/js-core.esm45.js +1 -1
- package/js-core.esm45.js.gz +0 -0
- package/js-core.esm47.js +1 -4
- package/js-core.esm47.js.gz +0 -0
- package/js-core.esm48.js +2 -2
- package/js-core.esm48.js.gz +0 -0
- package/js-core.esm56.js +2 -2
- package/js-core.esm56.js.gz +0 -0
- package/js-core.esm60.js +2 -2
- package/js-core.esm60.js.gz +0 -0
- package/js-core.esm61.js +6 -26
- package/js-core.esm61.js.gz +0 -0
- package/js-core.esm62.js +2 -2
- package/js-core.esm62.js.gz +0 -0
- package/js-core.esm64.js +1 -1
- package/js-core.esm64.js.gz +0 -0
- package/js-core.esm66.js +1 -1
- package/js-core.esm66.js.gz +0 -0
- package/js-core.esm75.js +1 -1
- package/js-core.esm75.js.gz +0 -0
- package/js-core.esm76.js +1 -1
- package/js-core.esm76.js.gz +0 -0
- package/js-core.esm79.js +1 -1
- package/js-core.esm79.js.gz +0 -0
- package/js-core.esm80.js +1 -1
- package/js-core.esm80.js.gz +0 -0
- package/js-core.esm81.js +1 -1
- package/js-core.esm81.js.gz +0 -0
- package/js-core.esm83.js +1 -1
- package/js-core.esm83.js.gz +0 -0
- package/js-core.umd.js +194 -217
- package/js-core.umd.js.gz +0 -0
- package/locales/en.json +1 -1
- package/locales/es.json +1 -1
- package/locales/fr.json +1 -1
- package/package.json +1 -1
package/js-core.esm76.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{v as SHARED_TEXT}from"./js-core.esm62.js";import{m as makeStyles,j as jsxRuntime,
|
|
1
|
+
import{v as SHARED_TEXT}from"./js-core.esm62.js";import{m as makeStyles,j as jsxRuntime,hp as img$v,T as Typography,B as Box,cw as Stack,W as Divider,r as react,b_ as Avatar,h8 as Engines,cU as VerifiedFilled,cr as statusPill}from"./js-core.esm.js";const StatusPill=statusPill["jsx"],ResourceCardStatus=({cardType:e,status:t})=>jsxRuntime.exports.jsx(StatusPill,{statusType:e,status:t}),ResourceCard=e=>{var t={height:e.height||"150px",padding:"30px",borderBottom:"1px solid #D5DFE9","&:hover":{backgroundColor:"#f2f5f9",cursor:"pointer"}},s="application"!==(null==e?void 0:e.cardType),r=(null==e?void 0:e.categories)&&0<(null==e?void 0:e.categories.map(e=>e.trim()).filter(e=>!!e).length),a=(null==e?void 0:e.tags)&&0<(null==e?void 0:e.tags.map(e=>e.trim()).filter(e=>!!e).length),i=s&&!(null!=e&&e.hideDivider);return jsxRuntime.exports.jsx(Box,Object.assign({"data-testid":"resource-panel.resources.resource-card",sx:t,onClick:null==e?void 0:e.onClick},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({height:"100%",direction:"row"},{children:[jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",width:s?"35%":"100%"},{children:[jsxRuntime.exports.jsx(CardAvatar,Object.assign({},e)),jsxRuntime.exports.jsxs(Stack,Object.assign({sx:{gap:"5px"},width:"85%"},{children:[jsxRuntime.exports.jsx(CardName,{title:null==e?void 0:e.name,isCertified:null==e?void 0:e.isCertified}),(null==e?void 0:e.status)&&jsxRuntime.exports.jsx(ResourceCardStatus,{cardType:null==e?void 0:e.cardType,status:e.status}),jsxRuntime.exports.jsx(CardDescription,{description:null==e?void 0:e.description})]}))]})),i&&jsxRuntime.exports.jsx(Box,Object.assign({sx:{width:"5%",display:"grid",placeItems:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(Divider,{sx:{height:"100%"},orientation:"vertical"})})),jsxRuntime.exports.jsxs(Stack,Object.assign({sx:{flexGrow:"1",width:"0%"}},{children:[jsxRuntime.exports.jsx(Stack,Object.assign({sx:{gap:"15px"},direction:"row",flexWrap:"wrap"},{children:jsxRuntime.exports.jsx(CardDataRender,Object.assign({},e))})),(null==e?void 0:e.industries)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.industry(),value:jsxRuntime.exports.jsx(CardBadgeList,{items:null==e?void 0:e.industries}),style:{marginTop:"10px"}}),(null==e?void 0:e.author)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.author(),value:e.author}),r&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.category(),value:jsxRuntime.exports.jsx(CardBadgeList,{items:null==e?void 0:e.categories}),style:{marginTop:"10px"}}),a&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.tags(),value:jsxRuntime.exports.jsx(CardBadgeList,{items:null==e?void 0:e.tags}),style:{marginTop:"10px"}}),(null==e?void 0:e.packages)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.packages(),value:jsxRuntime.exports.jsx(CardBadgeList,{items:null==e?void 0:e.packages}),style:{marginTop:"10px"}})]}))]}))}))},checkNull=e=>void 0!==e,CardAvatar=e=>{var t={background:"#F2F5F9",color:"#555F7C",marginRight:"15px"};const[s,r]=react.exports.useState(!0);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[" ",!(null!=e&&e.hideAvatar)&&jsxRuntime.exports.jsx(Box,{children:null!=e&&e.avatarUrl&&s?jsxRuntime.exports.jsx(Avatar,{"data-testid":"resource-category-avatar",src:e.avatarUrl,sx:t,imgProps:{onError:()=>r(!1)}}):jsxRuntime.exports.jsx(Avatar,Object.assign({"data-testid":"resource-category-avatar",sx:t},{children:null!=e&&e.fallbackIcon?jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:e.fallbackIcon}):jsxRuntime.exports.jsx(Engines,{})}))})]})},CardName=({title:e,isCertified:t})=>jsxRuntime.exports.jsxs(Stack,Object.assign({alignItems:"flex-start",direction:"row"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",color:"textPrimary",sx:{fontSize:"16px",height:"22px",fontFamily:"Nunito",color:"#2A323C"},noWrap:!0,"data-testid":"resource-category-title"},{children:e})),t&&jsxRuntime.exports.jsx(VerifiedFilled,{sx:{height:"15px",width:"15px",color:"#FFBB0A",borderRadius:"50%",display:"inline-block",position:"relative",marginLeft:"6px",top:"2px"}})]})),CardDescription=({description:e})=>e?jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({component:"div",sx:{visibility:"visible",WebkitLineClamp:"2",WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden",wordBreak:"break-word",textOverflow:"ellipsis"},"data-testid":"resource-category-description",variant:"body2",color:"textSecondary"},{children:e}))}):jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{}),BadgeItem=({item:e})=>e.trim()?jsxRuntime.exports.jsx(Box,Object.assign({sx:{padding:"3px 10px",fontSize:"10px",background:"#F5F5F5",border:"0.5px solid #C3D9F3",borderRadius:"2px",lineHeight:"1em",whiteSpace:"nowrap"}},{children:e})):null,CardBadgeList=({items:e})=>{var t,s,r;return e&&null!=e&&e.length?(t=e["length"],r=0<(s=t-4),jsxRuntime.exports.jsxs(Stack,Object.assign({height:"fit-content",direction:"row",spacing:1,alignItems:"center"},{children:[e.slice(0,r?4:t).map(e=>jsxRuntime.exports.jsx(BadgeItem,{item:e},e)),r?jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({sx:{fontSize:"small",fontWeight:"bold",opacity:.5}},{children:"+"+s}))}):null]}))):jsxRuntime.exports.jsx("span",{children:"--"})},CardDataItem=({label:e,value:t,style:s={}})=>{return jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:1,alignItems:"center",sx:Object.assign({width:"30%",marginBottom:"15px"},s)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",sx:{fontWeight:"bold"}},{children:e})),jsxRuntime.exports.jsx(()=>t?"string"==typeof t||"number"==typeof t?jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",noWrap:!0},{children:t})):jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:t}):jsxRuntime.exports.jsx("span",{children:"--"}),{})]}))},CardDataRender=e=>{switch(e.cardType){case"engine":return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[(null==e?void 0:e.categoryClass)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.class(),value:null==e?void 0:e.categoryClass}),(null==e?void 0:e.capability)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.capability(),value:null==e?void 0:e.capability}),(null==e?void 0:e.deploymentModel)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.deployment(),value:null==e?void 0:e.deploymentModel}),(null==e?void 0:e.owner)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.owner(),value:null==e?void 0:e.owner}),checkNull(e.price)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.price(),value:null==e?void 0:e.price}),(null==e?void 0:e.package)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.package(),value:null==e?void 0:e.package})]});case"schema":return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[(null==e?void 0:e.majorVersion)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.majorVersion(),value:null==e?void 0:e.majorVersion}),(null==e?void 0:e.minorVersion)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.minorVersion(),value:null==e?void 0:e.minorVersion}),(null==e?void 0:e.owner)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.owner(),value:null==e?void 0:e.owner})]});case"flow":return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[(null==e?void 0:e.owner)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.owner(),value:null==e?void 0:e.owner}),checkNull(e.price)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.price(),value:null==e?void 0:e.price}),(null==e?void 0:e.deploymentModel)&&jsxRuntime.exports.jsx(CardDataItem,{label:SHARED_TEXT.resourceCardText.deployment(),value:null==e?void 0:e.deploymentModel})]});default:return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{})}},useStyles=makeStyles()(e=>({emptyStateContainer:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",paddingTop:e.spacing(18),width:"100%"},emptyImage:{display:"flex",textAlign:"center",width:"200px",height:"200px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),EmptySearch=()=>{var e=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.emptyStateContainer,"data-test":"resources-empty-state-search-container"},{children:[jsxRuntime.exports.jsx("img",{"data-test":"resources-empty-state-search-image",alt:"resources-empty-search-image",className:e.emptyImage,src:img$v}),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"resources-empty-state-search-title",className:e.message,variant:"h2",color:"textPrimary"},{children:SHARED_TEXT.emptySearch.title()})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"resources-empty-state-search-subtitle",className:e.message,variant:"body2",color:"textPrimary"},{children:SHARED_TEXT.emptySearch.subtitle()}))]}))};export{EmptySearch as E,ResourceCard as R};
|
package/js-core.esm76.js.gz
CHANGED
|
Binary file
|
package/js-core.esm79.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{l as selectActiveResourceTab,m as selectActiveResourceSearchValues,d as selectors$2,a as actions,v as SHARED_TEXT}from"./js-core.esm62.js";import{n as useDispatch,o as useSelector,a7 as rootApiSelector,a5 as preferredLanguageSelector,aa as controllerNodeRedImageSelector,ac as automateControllerUrlSelector,ab as controllerUrlSelector,j as jsxRuntime,fs as tableInfiniteScroll,B as Box,
|
|
1
|
+
import{l as selectActiveResourceTab,m as selectActiveResourceSearchValues,d as selectors$2,a as actions,v as SHARED_TEXT}from"./js-core.esm62.js";import{n as useDispatch,o as useSelector,a7 as rootApiSelector,a5 as preferredLanguageSelector,aa as controllerNodeRedImageSelector,ac as automateControllerUrlSelector,ab as controllerUrlSelector,j as jsxRuntime,fs as tableInfiniteScroll,B as Box,hk as FlowCenter2,cF as hidePanel,cG as mountPanel}from"./js-core.esm.js";import"./js-core.esm61.js";import{E as EmptySearch,R as ResourceCard}from"./js-core.esm76.js";import{I as IFlowWidgetTabs,a as IFlowWidgetActivityTabs}from"./js-core.esm10.js";import"./js-core.esm6.js";import"./js-core.esm42.js";import"./js-core.esm17.js";import"./js-core.esm16.js";const{selectItems,selectHasMore,selectReadStatus,selectOffset}=selectors$2,{TableInfiniteScroll}=tableInfiniteScroll["jsx"],FlowsTable=({isFullScreen:r})=>{const l=useDispatch();var e=useSelector(selectActiveResourceTab),t=useSelector(selectActiveResourceSearchValues);const a=useSelector(rootApiSelector),i=useSelector(preferredLanguageSelector)||"en",n=useSelector(controllerNodeRedImageSelector);var o=useSelector(automateControllerUrlSelector);let c=useSelector(controllerUrlSelector);c=c||o.replace("automate-","");o=!!t[e];const d=()=>{l(actions.flows.readStart(null))};t=useSelector(selectItems);var e=useSelector(selectHasMore),s=useSelector(selectOffset),m=useSelector(selectReadStatus);var u=SHARED_TEXT.flows.emptyState,p=SHARED_TEXT.flows.errorState;return jsxRuntime.exports.jsx(TableInfiniteScroll,{hasMore:e,fetchMore:d,fetchOnMount:0===t.length,TableEmptyStateComponent:o?jsxRuntime.exports.jsx(EmptySearch,{}):void 0,offset:s,items:t,itemHeight:150,isLoading:"pending"===m,error:"failure"===m,TableRowComponent:({item:s})=>{var e="149px";return jsxRuntime.exports.jsx(Box,Object.assign({onClick:()=>console.log("Item Clicked",s),sx:{width:"100%",height:e,borderBottom:"1px solid #D5DFE9","&:hover":{backgroundColor:"#f2f5f9",cursor:"pointer"}}},{children:jsxRuntime.exports.jsx(ResourceCard,{onClick:()=>{{var e=s;const o="FLOW_DETAILS_PANEL";var e={name:o,config:{engineId:e.id,openFlowRunningInstances:!1,config:{apiRoot:a,controllerNodeRedImage:n,controllerUrl:c,defaultCluster:"prd5-21xbyq0x-4h0s-o685-snas-oovhdai552v9",graphQLEndpoint:"v3/graphql"},locale:i,tabs:[IFlowWidgetTabs.Overview,IFlowWidgetTabs.Versions,IFlowWidgetTabs.Activity],activityTabs:[IFlowWidgetActivityTabs.Jobs,IFlowWidgetActivityTabs.ScheduledJobs],onExitClicked:()=>l(hidePanel(o)),onDeleteFlow:()=>{d(),l(hidePanel(o))}}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:r?0:55,marginStart:r?0:80,size:"large",zIndex:r?1031:1030,parentPanelId:"RESOURCE_CENTER",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};l(mountPanel({panelId:o,microFrontend:e,panelConfig:t}))}},height:e,cardType:"flow",name:null==s?void 0:s.name,status:null==s?void 0:s.state,description:null==s?void 0:s.description,industries:null==s?void 0:s.industries,price:null==s?void 0:s.price,deploymentModel:null==s?void 0:s.deploymentModel,owner:null==(e=null==s?void 0:s.ownerOrganization)?void 0:e.name,isCertified:null==(e=null==s?void 0:s.testingDetails)?void 0:e.isCertified,avatarUrl:(null==s?void 0:s.signedLogoPath)||(null==s?void 0:s.signedIconPath),fallbackIcon:jsxRuntime.exports.jsx(FlowCenter2,{})})}))},MessageEmptyState:jsxRuntime.exports.jsx(u,{}),MessageErrorState:jsxRuntime.exports.jsx(p,{})})};export{FlowsTable as default};
|
package/js-core.esm79.js.gz
CHANGED
|
Binary file
|
package/js-core.esm80.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{l as selectActiveResourceTab,m as selectActiveResourceSearchValues,c as selectors$1,a as actions,v as SHARED_TEXT,P as PANEL_ID}from"./js-core.esm62.js";import{n as useDispatch,o as useSelector,j as jsxRuntime,fs as tableInfiniteScroll,B as Box,
|
|
1
|
+
import{l as selectActiveResourceTab,m as selectActiveResourceSearchValues,c as selectors$1,a as actions,v as SHARED_TEXT,P as PANEL_ID}from"./js-core.esm62.js";import{n as useDispatch,o as useSelector,j as jsxRuntime,fs as tableInfiniteScroll,B as Box,hn as FlowTemplate,cG as mountPanel}from"./js-core.esm.js";import"./js-core.esm61.js";import{E as EmptySearch,R as ResourceCard}from"./js-core.esm76.js";import"./js-core.esm6.js";import"./js-core.esm42.js";import"./js-core.esm17.js";import"./js-core.esm16.js";const{selectItems,selectHasMore,selectReadStatus,selectOffset}=selectors$1,{TableInfiniteScroll}=tableInfiniteScroll["jsx"],itemHeight=150,TableRow=({item:e,onClick:t})=>{var s=itemHeight-1+"px";return jsxRuntime.exports.jsx(Box,Object.assign({sx:{width:"100%",height:s,borderBottom:"1px solid #D5DFE9","&:hover":{backgroundColor:"#f2f5f9",cursor:"pointer"}}},{children:jsxRuntime.exports.jsx(ResourceCard,{onClick:t,height:s,cardType:"flow",name:null==e?void 0:e.title,author:null==e?void 0:e.author,description:null==e?void 0:e.description,categories:null==e?void 0:e.categories,tags:null==e?void 0:e.tags,deploymentModel:null==e?void 0:e.deploymentModel,owner:null==(t=null==e?void 0:e.ownerOrganization)?void 0:t.name,isCertified:null==(s=null==e?void 0:e.testingDetails)?void 0:s.isCertified,avatarUrl:(null==e?void 0:e.signedLogoPath)||(null==e?void 0:e.signedIconPath),fallbackIcon:jsxRuntime.exports.jsx(FlowTemplate,{})})}))},FlowTemplatesTable=({isFullScreen:o})=>{const r=useDispatch();var e=useSelector(selectActiveResourceTab),e=!!useSelector(selectActiveResourceSearchValues)[e],t=useSelector(selectItems),s=useSelector(selectHasMore),l=useSelector(selectOffset),i=useSelector(selectReadStatus),a=SHARED_TEXT.flows.emptyState,n=SHARED_TEXT.flows.errorState;return jsxRuntime.exports.jsx(TableInfiniteScroll,{hasMore:s,fetchMore:()=>{r(actions.flowTemplates.readStart(null))},fetchOnMount:0===t.length,TableEmptyStateComponent:e?jsxRuntime.exports.jsx(EmptySearch,{}):void 0,offset:l,items:t,itemHeight:itemHeight,isLoading:"pending"===i,error:"failure"===i,TableRowComponent:({item:e,index:t})=>{return jsxRuntime.exports.jsx(TableRow,{item:e,index:t,onClick:(s=null==e?void 0:e.id,()=>{var e={name:PANEL_ID,config:{templateId:s}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:o?0:55,marginStart:o?0:80,size:"large",zIndex:o?1011:1e3,parentPanelId:"RESOURCE_CENTER",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};r(mountPanel({panelId:PANEL_ID,microFrontend:e,panelConfig:t}))})});var s},MessageEmptyState:jsxRuntime.exports.jsx(a,{}),MessageErrorState:jsxRuntime.exports.jsx(n,{})})};export{FlowTemplatesTable as default};
|
package/js-core.esm80.js.gz
CHANGED
|
Binary file
|
package/js-core.esm81.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as selectPreviewImage,a as selectPackageName,b as selectPackageDescription,c as selectDistributionType,d as selectors$2,e as selectIsEditMode,f as selectOriginalPackageName,g as actions,S as SHARED_TEXT,P as PDistributionType}from"./js-core.esm64.js";import{m as makeStyles,o as useSelector,n as useDispatch,hc as selectUserCanCreatePackage,r as react,eS as debounce_1,j as jsxRuntime,D as FormControl,E as TextField,J as InputLabel,N as Select,O as OutlinedInput,U as MenuItem,
|
|
1
|
+
import{s as selectPreviewImage,a as selectPackageName,b as selectPackageDescription,c as selectDistributionType,d as selectors$2,e as selectIsEditMode,f as selectOriginalPackageName,g as actions,S as SHARED_TEXT,P as PDistributionType}from"./js-core.esm64.js";import{m as makeStyles,o as useSelector,n as useDispatch,hc as selectUserCanCreatePackage,r as react,eS as debounce_1,j as jsxRuntime,D as FormControl,E as TextField,J as InputLabel,N as Select,O as OutlinedInput,U as MenuItem,h6 as imageUpload,h7 as characterCountTextField}from"./js-core.esm.js";import{P as PanelControls,E as ENextButtonType}from"./js-core.esm82.js";import{a as actions$4}from"./js-core.esm60.js";import"./js-core.esm61.js";import"./js-core.esm62.js";import"./js-core.esm58.js";import"./js-core.esm6.js";import"./js-core.esm42.js";import"./js-core.esm17.js";import"./js-core.esm16.js";const{ImageUpload}=imageUpload["jsx"],{CharacterCountTextField}=characterCountTextField["jsx"],useStyles=makeStyles()(e=>({packageInfoContainer:{display:"flex",flexDirection:"column",flexGrow:"1",alignItems:"flex-start"},packageInputsContainer:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",marginTop:"5px",width:"100%"},packageInput:{width:"501px"},formControlWrapper:{marginTop:15}})),BasicInfoStep=()=>{var e=useStyles()["classes"],s=useSelector(selectPreviewImage);const t=useDispatch();var a=useSelector(selectPackageName)||"",i=useSelector(selectPackageDescription)||"",r=useSelector(selectDistributionType),n=useSelector(selectUserCanCreatePackage),c=useSelector(selectors$2.selectItems)||[];const o=useSelector(selectIsEditMode),l=useSelector(selectOriginalPackageName);const p=react.exports.useCallback(debounce_1(e=>{t(actions.allOrgOwnedPackages.setSearchValue(`^${e}$`)),t(actions.allOrgOwnedPackages.resetList(null)),t(actions.allOrgOwnedPackages.readStart(null))},400),[]);var c=0===c.length,u=0<a.length;return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.packageInfoContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.packageInputsContainer},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({sx:{width:"100%"},className:e.formControlWrapper,error:!0},{children:jsxRuntime.exports.jsx(TextField,{error:!c,id:"package-manager-name",label:SHARED_TEXT.basicInfoStep.packageName,onChange:e=>{e=e.target.value;t(actions.basicInfo.setPackageName(e)),o&&e===l||p(e)},className:e.packageInput,variant:"outlined",disabled:!n,InputLabelProps:0<a.length?{shrink:!0}:{},inputProps:{maxLength:100},value:a,helperText:!c&&SHARED_TEXT.basicInfoStep.errorPackageName,required:!0,"data-test":"rc-pm-package-name"})}))})),jsxRuntime.exports.jsx("div",Object.assign({className:e.packageInputsContainer},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({sx:{width:"100%"},className:e.formControlWrapper,error:!0},{children:jsxRuntime.exports.jsx("div",Object.assign({className:e.packageInput},{children:jsxRuntime.exports.jsx(CharacterCountTextField,{handleChange:e=>{t(actions.basicInfo.setPackageDescription(e))},variant:"outlined",value:i,defaultValue:i,label:SHARED_TEXT.basicInfoStep.packageDescription,lines:5,maxChar:300,error:!1,shrinkAlways:!1,testId:"rc-pm-package-description",disabled:!n})}))}))})),jsxRuntime.exports.jsx("div",Object.assign({className:e.packageInputsContainer},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({sx:{width:"100%"},className:e.formControlWrapper,error:!0},{children:jsxRuntime.exports.jsx(ImageUpload,{image:s,getUrl:!0,handleChange:e=>{var s;e.unsignedUrl?(s=e.unsignedUrl,e=e.getUrl,t(actions.basicInfo.setIcon(s)),t(actions.basicInfo.setPreviewImage(e))):(t(actions.basicInfo.setIcon("")),t(actions.basicInfo.setPreviewImage("")))},testId:"rc-pm-image"})}))})),jsxRuntime.exports.jsx("div",Object.assign({style:{width:"320px"},className:e.packageInputsContainer},{children:jsxRuntime.exports.jsxs(FormControl,Object.assign({fullWidth:!0,className:e.formControlWrapper},{children:[jsxRuntime.exports.jsx(InputLabel,Object.assign({required:!0,id:"dropdown-label"},{children:SHARED_TEXT.basicInfoStep.packageDistribution})),jsxRuntime.exports.jsxs(Select,Object.assign({disabled:!n,"data-test":"rc-pm-package-distribution-select",displayEmpty:!0,required:!0,label:SHARED_TEXT.basicInfoStep.packageDistribution,labelId:"dropdown-label",id:"dropdown-select",input:jsxRuntime.exports.jsx(OutlinedInput,{label:"Distribution"}),value:r,onChange:e=>{e=e.target.value;t(actions.basicInfo.setDistributionType(e))}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-public",value:PDistributionType.Public},{children:SHARED_TEXT.basicInfoStep.labelDistributionPublic})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-private",value:PDistributionType.Private},{children:SHARED_TEXT.basicInfoStep.labelDistributionPrivate})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-shareable",value:PDistributionType.Sharable},{children:SHARED_TEXT.basicInfoStep.labelDistributionShareable})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-orglocked",value:PDistributionType.OrgLocked},{children:SHARED_TEXT.basicInfoStep.labelDistributionOrgLocked})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-instancelocked",value:PDistributionType.InstanceLocked},{children:SHARED_TEXT.basicInfoStep.labelDistributionInstanceLocked})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-test":"rc-pm-package-distribution-select-marketplace",value:PDistributionType.Marketplace},{children:SHARED_TEXT.basicInfoStep.labelDistributionMarketplace}))]}))]}))}))]})),jsxRuntime.exports.jsx(PanelControls,{invalidFields:!1,disableNext:!(u&&c&&r&&n),disableBack:!1,nextButtonType:ENextButtonType.NEXT,onClickBack:()=>{t(actions$4.clearSelectedPackage())}})]})};export{BasicInfoStep as default};
|
package/js-core.esm81.js.gz
CHANGED
|
Binary file
|
package/js-core.esm83.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as selectIsEditMode,S as SHARED_TEXT,r as resourceTypes,g as actions,_ as __rest,i as selectSelectedResources,E as ESelectedResourceType,j as selectEnginePackageFilters,k as selectApplicationPackageFilters,l as selectSchemaFilters,m as EPackageFilterType,n as EPackageStatus,o as ESchemaFilterType,q as ESchemaStatus}from"./js-core.esm64.js";import{m as makeStyles,eC as injectIntl,r as react,eS as debounce_1,j as jsxRuntime,E as TextField,K as InputAdornment,bc as Search,ar as Tooltip,M as IconButton,hp as Clear,n as useDispatch,o as useSelector,B as Box,T as Typography,cw as Stack,N as Select,U as MenuItem,V as Button,hq as ExpandLess,hr as ExpandMore,fs as tableInfiniteScroll,G as Grid,F as FormattedMessage}from"./js-core.esm.js";import{P as PanelControls,E as ENextButtonType}from"./js-core.esm82.js";import{u as uiState}from"./js-core.esm60.js";import{S as SimpleFilter}from"./js-core.esm61.js";import"./js-core.esm62.js";import"./js-core.esm58.js";import"./js-core.esm6.js";import"./js-core.esm42.js";import"./js-core.esm17.js";import"./js-core.esm16.js";const{TableInfiniteScroll}=tableInfiniteScroll["jsx"],Container=({children:e})=>jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",flexDirection:"column",flexGrow:"1"},{children:[jsxRuntime.exports.jsx(TableHeader,{}),jsxRuntime.exports.jsx("div",Object.assign({style:{flexGrow:1}},{children:e}))]})),ResourcesTable=react.exports.forwardRef(({resourceType:s,showSelectedResources:e},t)=>{const a=useDispatch();var r=s.card,c=useSelector(s.hasMoreSelector),i=useSelector(s.offsetSelector),n=useSelector(s.itemSelector).map(e=>Object.assign(Object.assign({},e),{resourceType:s.resourceType})),o=useSelector(s.loadingStatusSelector),l=()=>a(s.fetchMore()),u=useSelector(selectSelectedResources).map(e=>Object.assign(Object.assign({},e),{resourceType:s.resourceType})).filter(e=>e.type===s.resourceType);return e?jsxRuntime.exports.jsx(Container,{children:jsxRuntime.exports.jsx(TableInfiniteScroll,{offset:0,hasMore:!1,fetchMore:l,fetchOnMount:!1,items:u.map(e=>Object.assign(Object.assign({},e.item),{resourceType:e.resourceType})),itemHeight:60,isLoading:!1,error:"failure"===o,TableRowComponent:r,MessageEmptyState:SHARED_TEXT.resourcesStep.table.emptyState(),MessageErrorState:SHARED_TEXT.resourcesStep.table.errorState(),listRef:t},s.id)}):jsxRuntime.exports.jsx(Container,{children:jsxRuntime.exports.jsx(TableInfiniteScroll,{offset:i,hasMore:c,fetchMore:l,fetchOnMount:0===n.length,items:n,itemHeight:60,isLoading:"pending"===o,error:"failure"===o,TableRowComponent:r,MessageEmptyState:SHARED_TEXT.resourcesStep.table.emptyState(),MessageErrorState:SHARED_TEXT.resourcesStep.table.errorState(),listRef:t},s.id)})}),TableHeader=()=>jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({xs:8,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.resourceName()}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:2,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.status()}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:2,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.version()}))}))]})),EnginePackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectEnginePackageFilters).find(e=>e.type===EPackageFilterType.Status))?void 0:e.values)||[],t=Object.values(EPackageStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.engine-package-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.enginePackages.setFilter({type:EPackageFilterType.Status,values:e}))},isMultiselect:!1})},FilterButtons=({onClearAll:e})=>{var s=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package.clear-all.label",defaultMessage:"Clear All",description:"Clear All label"});return jsxRuntime.exports.jsx(Box,Object.assign({sx:{pt:"14px",display:"flex"}},{children:jsxRuntime.exports.jsx(Button,Object.assign({"data-testid":"os-resource-center-package-manager-clear-filters-btn",color:"primary",variant:"outlined",onClick:e},{children:s}))}))},EnginePackageFilters=()=>{const e=useDispatch();var s=useSelector(selectEnginePackageFilters);react.exports.useEffect(()=>{e(actions.enginePackages.resetList(null)),e(actions.enginePackages.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(EnginePackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.enginePackages.clearFilters(null))}})]})},AppPackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectApplicationPackageFilters).find(e=>e.type===EPackageFilterType.Status))?void 0:e.values)||[],t=Object.values(EPackageStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.application-package.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.application-package-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.application-package-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.applicationPackages.setFilter({type:EPackageFilterType.Status,values:e}))},isMultiselect:!1})},ApplicationPackageFilters=()=>{const e=useDispatch();var s=useSelector(selectApplicationPackageFilters);react.exports.useEffect(()=>{e(actions.applicationPackages.resetList(null)),e(actions.applicationPackages.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AppPackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.applicationPackages.clearFilters(null))}})]})},SchemaPackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectSchemaFilters).find(e=>e.type===ESchemaFilterType.Status))?void 0:e.values)||[],t=Object.values(ESchemaStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.schema.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.schema-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.schema-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.schemas.setFilter({type:ESchemaFilterType.Status,values:e}))},isMultiselect:!1})},SchemaFilters=()=>{const e=useDispatch();var s=useSelector(selectSchemaFilters);react.exports.useEffect(()=>{e(actions.schemas.resetList(null)),e(actions.schemas.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(SchemaPackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.schemas.clearFilters(null))}})]})},ResourceStepFilters=({isVisible:e=!1,resourceTypeSelected:s=ESelectedResourceType.EnginePackage})=>e?jsxRuntime.exports.jsxs(Box,Object.assign({sx:{marginLeft:"-30px",width:"calc(100% + 60px)",p:"10px 30px 10px",background:"#FAFAFA",marginBottom:"20px"}},{children:[s===ESelectedResourceType.EnginePackage&&jsxRuntime.exports.jsx(EnginePackageFilters,{}),s===ESelectedResourceType.ApplicationPackage&&jsxRuntime.exports.jsx(ApplicationPackageFilters,{}),s===ESelectedResourceType.Schema&&jsxRuntime.exports.jsx(SchemaFilters,{})]})):null,useStyles=makeStyles()(e=>({searchInput:{width:"400px",borderRadius:"100px","&.is-visible":{width:"400px",opacity:1},"&:focus":{outline:"none",boxShadow:"0 -1px 1px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(0, 0, 0, 0.15)"}},searchContainer:{display:"flex"}})),ResourceSearchInput=injectIntl(({intl:e,shouldClear:s,onChange:t,onClear:a,testId:r})=>{var c=useStyles()["classes"];const[i,n]=react.exports.useState("");react.exports.useEffect(()=>{s&&(n(""),t(""))},[t,s]);const o=react.exports.useCallback(debounce_1(e=>{t&&t(e)},1e3),[t]);var l=react.exports.useCallback(e=>{e=e.target.value;n(e),o(e)},[o]);return jsxRuntime.exports.jsx(TextField,{"data-testid":"rc-pm-resources-step-search-input",sx:{"& fieldset":{borderRadius:"100px"}},"data-test":r,onClick:e=>e.stopPropagation(),className:""+c.searchInput,onChange:l,value:i,placeholder:e.formatMessage({id:"rc.package-manager.resources.search-placeholder",defaultMessage:[{type:0,value:"Search by name"}]}),InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:jsxRuntime.exports.jsx(Search,{})})),endAdornment:jsxRuntime.exports.jsxs(InputAdornment,Object.assign({position:"end"},{children:[!1,i&&jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"clear search"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(""),n(""),a&&a()}},{children:jsxRuntime.exports.jsx(Clear,{})}))}))]}))}})}),usePrevious=e=>{const s=react.exports.useRef();return react.exports.useEffect(()=>{s.current=e}),s.current},ResourcesStep=()=>{const t=useDispatch(),[e,s]=react.exports.useState(0),a=react.exports.useRef(null),[r,c]=react.exports.useState(!1),[i,n]=react.exports.useState("enginePackages"),o=usePrevious(i),[l,u]=react.exports.useState(!1),[p,x]=react.exports.useState(!0),g=useSelector(uiState.selectSelectedPackage),m=useSelector(selectIsEditMode);return react.exports.useEffect(()=>{g&&m&&x(!0)},[g,m]),react.exports.useEffect(()=>{o!==i?u(!0):u(!1)},[i,o]),jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",flexDirection:"column",flexGrow:"1"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"rc-pm-resources-step-description",variant:"subtitle1",padding:e=>e.spacing(3,0,3,0)},{children:SHARED_TEXT.resourcesStep.description})),jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:5,sx:{margin:e=>e.spacing(3,0,3,0)}},{children:[jsxRuntime.exports.jsx(Select,Object.assign({id:"resource-cetner-package-manager-resource-type","data-testid":"rc-pm-resources-step-resource-type",value:e,onChange:e=>{var e=Number(e.target.value);s(e),0===e?n("enginePackages"):1===e?n("applicationPackages"):2===e?n("flows"):3===e&&n("schemaPackages"),null!=(e=a.current)&&e.scrollTo(0)},sx:{width:"300px"}},{children:resourceTypes.map((e,s)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:s,"data-testid":"rc-pm-resource-type-option-"+s},{children:e.dropdownLabel}),"resource-center-package-manager-resource-type-"+s))})),jsxRuntime.exports.jsx(ResourceSearchInput,{shouldClear:l,onChange:e=>{j(i,e),null!=(e=a.current)&&e.scrollTo(0)},onClear:()=>console.log("clear"),testId:"package-manager-search-resources-input"}),jsxRuntime.exports.jsx(ToggleFiltersBtn,{"data-testid":"rc-pm-resources-step-toggle-filters-btn",onClick:e=>c(!e)})]})),jsxRuntime.exports.jsx(ResourceStepFilters,{resourceTypeSelected:resourceTypes[e].resourceType,isVisible:r}),jsxRuntime.exports.jsx(Stack,Object.assign({direction:"row",spacing:5,sx:{margin:e=>e.spacing(3,0,3,0)}},{children:jsxRuntime.exports.jsx(ToggleShowSelectedBtn,{showSelected:p,onClick:e=>{e?x(!1):(j(i,""),x(!0)),null!=(e=a.current)&&e.scrollTo(0)}})})),jsxRuntime.exports.jsx(ResourcesTable,{resourceType:resourceTypes[e],ref:a,showSelectedResources:!p}),jsxRuntime.exports.jsx(Box,Object.assign({height:"70px"},{children:jsxRuntime.exports.jsx(PanelControls,{invalidFields:!1,disableNext:!1,disableBack:!1,nextButtonType:ENextButtonType.NEXT})}))]}));function j(e,s){"enginePackages"===e?(t(actions.enginePackages.setSearchValue(s)),t(actions.enginePackages.resetList(null)),t(actions.enginePackages.readStart(null))):"applicationPackages"===e?(t(actions.applicationPackages.setSearchValue(s)),t(actions.applicationPackages.resetList(null)),t(actions.applicationPackages.readStart(null))):"schemaPackages"===e&&(t(actions.schemas.setSearchValue(s)),t(actions.schemas.resetList(null)),t(actions.schemas.readStart(null)))}},ToggleFiltersBtn=e=>{var s=e["onClick"],e=__rest(e,["onClick"]);const[t,a]=react.exports.useState(!1);return jsxRuntime.exports.jsxs(Button,Object.assign({variant:"text",color:"primary",onClick:()=>{a(!t),s(t)}},e,{children:["Show Filters",t&&jsxRuntime.exports.jsx(ExpandLess,{sx:{marginLeft:"10px"}}),!t&&jsxRuntime.exports.jsx(ExpandMore,{sx:{marginLeft:"10px"}})]}))},ToggleShowSelectedBtn=e=>{var{showSelected:s,onClick:t}=e,e=__rest(e,["showSelected","onClick"]);return jsxRuntime.exports.jsx(Button,Object.assign({"data-testid":"rc-pm-resources-step-show-selected-btn",variant:"text",color:"primary",onClick:()=>{t(s)}},e,{children:s?SHARED_TEXT.resourcesStep.showSelectedToggle:SHARED_TEXT.resourcesStep.showAllToggle}))};export{ResourcesStep as default};
|
|
1
|
+
import{e as selectIsEditMode,S as SHARED_TEXT,r as resourceTypes,g as actions,_ as __rest,i as selectSelectedResources,E as ESelectedResourceType,j as selectEnginePackageFilters,k as selectApplicationPackageFilters,l as selectSchemaFilters,m as EPackageFilterType,n as EPackageStatus,o as ESchemaFilterType,q as ESchemaStatus}from"./js-core.esm64.js";import{m as makeStyles,eC as injectIntl,r as react,eS as debounce_1,j as jsxRuntime,E as TextField,K as InputAdornment,bc as Search,ar as Tooltip,M as IconButton,hq as Clear,n as useDispatch,o as useSelector,B as Box,T as Typography,cw as Stack,N as Select,U as MenuItem,V as Button,hr as ExpandLess,hs as ExpandMore,fs as tableInfiniteScroll,G as Grid,F as FormattedMessage}from"./js-core.esm.js";import{P as PanelControls,E as ENextButtonType}from"./js-core.esm82.js";import{u as uiState}from"./js-core.esm60.js";import{S as SimpleFilter}from"./js-core.esm61.js";import"./js-core.esm62.js";import"./js-core.esm58.js";import"./js-core.esm6.js";import"./js-core.esm42.js";import"./js-core.esm17.js";import"./js-core.esm16.js";const{TableInfiniteScroll}=tableInfiniteScroll["jsx"],Container=({children:e})=>jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",flexDirection:"column",flexGrow:"1"},{children:[jsxRuntime.exports.jsx(TableHeader,{}),jsxRuntime.exports.jsx("div",Object.assign({style:{flexGrow:1}},{children:e}))]})),ResourcesTable=react.exports.forwardRef(({resourceType:s,showSelectedResources:e},t)=>{const a=useDispatch();var r=s.card,c=useSelector(s.hasMoreSelector),i=useSelector(s.offsetSelector),n=useSelector(s.itemSelector).map(e=>Object.assign(Object.assign({},e),{resourceType:s.resourceType})),o=useSelector(s.loadingStatusSelector),l=()=>a(s.fetchMore()),u=useSelector(selectSelectedResources).map(e=>Object.assign(Object.assign({},e),{resourceType:s.resourceType})).filter(e=>e.type===s.resourceType);return e?jsxRuntime.exports.jsx(Container,{children:jsxRuntime.exports.jsx(TableInfiniteScroll,{offset:0,hasMore:!1,fetchMore:l,fetchOnMount:!1,items:u.map(e=>Object.assign(Object.assign({},e.item),{resourceType:e.resourceType})),itemHeight:60,isLoading:!1,error:"failure"===o,TableRowComponent:r,MessageEmptyState:SHARED_TEXT.resourcesStep.table.emptyState(),MessageErrorState:SHARED_TEXT.resourcesStep.table.errorState(),listRef:t},s.id)}):jsxRuntime.exports.jsx(Container,{children:jsxRuntime.exports.jsx(TableInfiniteScroll,{offset:i,hasMore:c,fetchMore:l,fetchOnMount:0===n.length,items:n,itemHeight:60,isLoading:"pending"===o,error:"failure"===o,TableRowComponent:r,MessageEmptyState:SHARED_TEXT.resourcesStep.table.emptyState(),MessageErrorState:SHARED_TEXT.resourcesStep.table.errorState(),listRef:t},s.id)})}),TableHeader=()=>jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({xs:8,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.resourceName()}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:2,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.status()}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:2,item:!0,alignItems:"center"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:SHARED_TEXT.resourcesStep.table.version()}))}))]})),EnginePackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectEnginePackageFilters).find(e=>e.type===EPackageFilterType.Status))?void 0:e.values)||[],t=Object.values(EPackageStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.engine-package-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.enginePackages.setFilter({type:EPackageFilterType.Status,values:e}))},isMultiselect:!1})},FilterButtons=({onClearAll:e})=>{var s=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.engine-package.clear-all.label",defaultMessage:"Clear All",description:"Clear All label"});return jsxRuntime.exports.jsx(Box,Object.assign({sx:{pt:"14px",display:"flex"}},{children:jsxRuntime.exports.jsx(Button,Object.assign({"data-testid":"os-resource-center-package-manager-clear-filters-btn",color:"primary",variant:"outlined",onClick:e},{children:s}))}))},EnginePackageFilters=()=>{const e=useDispatch();var s=useSelector(selectEnginePackageFilters);react.exports.useEffect(()=>{e(actions.enginePackages.resetList(null)),e(actions.enginePackages.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(EnginePackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.enginePackages.clearFilters(null))}})]})},AppPackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectApplicationPackageFilters).find(e=>e.type===EPackageFilterType.Status))?void 0:e.values)||[],t=Object.values(EPackageStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.application-package.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.application-package-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.application-package-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.applicationPackages.setFilter({type:EPackageFilterType.Status,values:e}))},isMultiselect:!1})},ApplicationPackageFilters=()=>{const e=useDispatch();var s=useSelector(selectApplicationPackageFilters);react.exports.useEffect(()=>{e(actions.applicationPackages.resetList(null)),e(actions.applicationPackages.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AppPackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.applicationPackages.clearFilters(null))}})]})},SchemaPackageStatusFilter=()=>{const s=useDispatch();var e=(null==(e=useSelector(selectSchemaFilters).find(e=>e.type===ESchemaFilterType.Status))?void 0:e.values)||[],t=Object.values(ESchemaStatus).map(e=>({value:e,label:e})),a=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.schema.status-filter.label",defaultMessage:"Status",description:"Status filter label"}),r=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-package-manager.schema-filter.clear-button.label",defaultMessage:"Clear",description:"Label for the button to clear the filter"});return jsxRuntime.exports.jsx(SimpleFilter,{id:"os-resource-center-package-manager.schema-status-filter",filterLabel:a,clearButtonLabel:r,items:t,selectedValues:e,onChange:e=>{s(actions.schemas.setFilter({type:ESchemaFilterType.Status,values:e}))},isMultiselect:!1})},SchemaFilters=()=>{const e=useDispatch();var s=useSelector(selectSchemaFilters);react.exports.useEffect(()=>{e(actions.schemas.resetList(null)),e(actions.schemas.readStart(null))},[s]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(SchemaPackageStatusFilter,{}),jsxRuntime.exports.jsx(FilterButtons,{onClearAll:()=>{e(actions.schemas.clearFilters(null))}})]})},ResourceStepFilters=({isVisible:e=!1,resourceTypeSelected:s=ESelectedResourceType.EnginePackage})=>e?jsxRuntime.exports.jsxs(Box,Object.assign({sx:{marginLeft:"-30px",width:"calc(100% + 60px)",p:"10px 30px 10px",background:"#FAFAFA",marginBottom:"20px"}},{children:[s===ESelectedResourceType.EnginePackage&&jsxRuntime.exports.jsx(EnginePackageFilters,{}),s===ESelectedResourceType.ApplicationPackage&&jsxRuntime.exports.jsx(ApplicationPackageFilters,{}),s===ESelectedResourceType.Schema&&jsxRuntime.exports.jsx(SchemaFilters,{})]})):null,useStyles=makeStyles()(e=>({searchInput:{width:"400px",borderRadius:"100px","&.is-visible":{width:"400px",opacity:1},"&:focus":{outline:"none",boxShadow:"0 -1px 1px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(0, 0, 0, 0.15)"}},searchContainer:{display:"flex"}})),ResourceSearchInput=injectIntl(({intl:e,shouldClear:s,onChange:t,onClear:a,testId:r})=>{var c=useStyles()["classes"];const[i,n]=react.exports.useState("");react.exports.useEffect(()=>{s&&(n(""),t(""))},[t,s]);const o=react.exports.useCallback(debounce_1(e=>{t&&t(e)},1e3),[t]);var l=react.exports.useCallback(e=>{e=e.target.value;n(e),o(e)},[o]);return jsxRuntime.exports.jsx(TextField,{"data-testid":"rc-pm-resources-step-search-input",sx:{"& fieldset":{borderRadius:"100px"}},"data-test":r,onClick:e=>e.stopPropagation(),className:""+c.searchInput,onChange:l,value:i,placeholder:e.formatMessage({id:"rc.package-manager.resources.search-placeholder",defaultMessage:[{type:0,value:"Search by name"}]}),InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:jsxRuntime.exports.jsx(Search,{})})),endAdornment:jsxRuntime.exports.jsxs(InputAdornment,Object.assign({position:"end"},{children:[!1,i&&jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"clear search"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(""),n(""),a&&a()}},{children:jsxRuntime.exports.jsx(Clear,{})}))}))]}))}})}),usePrevious=e=>{const s=react.exports.useRef();return react.exports.useEffect(()=>{s.current=e}),s.current},ResourcesStep=()=>{const t=useDispatch(),[e,s]=react.exports.useState(0),a=react.exports.useRef(null),[r,c]=react.exports.useState(!1),[i,n]=react.exports.useState("enginePackages"),o=usePrevious(i),[l,u]=react.exports.useState(!1),[p,x]=react.exports.useState(!0),g=useSelector(uiState.selectSelectedPackage),m=useSelector(selectIsEditMode);return react.exports.useEffect(()=>{g&&m&&x(!0)},[g,m]),react.exports.useEffect(()=>{o!==i?u(!0):u(!1)},[i,o]),jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",flexDirection:"column",flexGrow:"1"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"rc-pm-resources-step-description",variant:"subtitle1",padding:e=>e.spacing(3,0,3,0)},{children:SHARED_TEXT.resourcesStep.description})),jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:5,sx:{margin:e=>e.spacing(3,0,3,0)}},{children:[jsxRuntime.exports.jsx(Select,Object.assign({id:"resource-cetner-package-manager-resource-type","data-testid":"rc-pm-resources-step-resource-type",value:e,onChange:e=>{var e=Number(e.target.value);s(e),0===e?n("enginePackages"):1===e?n("applicationPackages"):2===e?n("flows"):3===e&&n("schemaPackages"),null!=(e=a.current)&&e.scrollTo(0)},sx:{width:"300px"}},{children:resourceTypes.map((e,s)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:s,"data-testid":"rc-pm-resource-type-option-"+s},{children:e.dropdownLabel}),"resource-center-package-manager-resource-type-"+s))})),jsxRuntime.exports.jsx(ResourceSearchInput,{shouldClear:l,onChange:e=>{j(i,e),null!=(e=a.current)&&e.scrollTo(0)},onClear:()=>console.log("clear"),testId:"package-manager-search-resources-input"}),jsxRuntime.exports.jsx(ToggleFiltersBtn,{"data-testid":"rc-pm-resources-step-toggle-filters-btn",onClick:e=>c(!e)})]})),jsxRuntime.exports.jsx(ResourceStepFilters,{resourceTypeSelected:resourceTypes[e].resourceType,isVisible:r}),jsxRuntime.exports.jsx(Stack,Object.assign({direction:"row",spacing:5,sx:{margin:e=>e.spacing(3,0,3,0)}},{children:jsxRuntime.exports.jsx(ToggleShowSelectedBtn,{showSelected:p,onClick:e=>{e?x(!1):(j(i,""),x(!0)),null!=(e=a.current)&&e.scrollTo(0)}})})),jsxRuntime.exports.jsx(ResourcesTable,{resourceType:resourceTypes[e],ref:a,showSelectedResources:!p}),jsxRuntime.exports.jsx(Box,Object.assign({height:"70px"},{children:jsxRuntime.exports.jsx(PanelControls,{invalidFields:!1,disableNext:!1,disableBack:!1,nextButtonType:ENextButtonType.NEXT})}))]}));function j(e,s){"enginePackages"===e?(t(actions.enginePackages.setSearchValue(s)),t(actions.enginePackages.resetList(null)),t(actions.enginePackages.readStart(null))):"applicationPackages"===e?(t(actions.applicationPackages.setSearchValue(s)),t(actions.applicationPackages.resetList(null)),t(actions.applicationPackages.readStart(null))):"schemaPackages"===e&&(t(actions.schemas.setSearchValue(s)),t(actions.schemas.resetList(null)),t(actions.schemas.readStart(null)))}},ToggleFiltersBtn=e=>{var s=e["onClick"],e=__rest(e,["onClick"]);const[t,a]=react.exports.useState(!1);return jsxRuntime.exports.jsxs(Button,Object.assign({variant:"text",color:"primary",onClick:()=>{a(!t),s(t)}},e,{children:["Show Filters",t&&jsxRuntime.exports.jsx(ExpandLess,{sx:{marginLeft:"10px"}}),!t&&jsxRuntime.exports.jsx(ExpandMore,{sx:{marginLeft:"10px"}})]}))},ToggleShowSelectedBtn=e=>{var{showSelected:s,onClick:t}=e,e=__rest(e,["showSelected","onClick"]);return jsxRuntime.exports.jsx(Button,Object.assign({"data-testid":"rc-pm-resources-step-show-selected-btn",variant:"text",color:"primary",onClick:()=>{t(s)}},e,{children:s?SHARED_TEXT.resourcesStep.showSelectedToggle:SHARED_TEXT.resourcesStep.showAllToggle}))};export{ResourcesStep as default};
|
package/js-core.esm83.js.gz
CHANGED
|
Binary file
|