aiware-js 2.33.0 → 2.34.1

package/js-core.esm83.js

@@ -1 +1 @@
-import{a as selectSourceSelected,a3 as selectTimezone,a4 as selectScheduleType,a5 as selectFrequency,a6 as selectWeeklyTimeslots,a7 as selectIsWeeklyValid,a8 as actions$5,a9 as selectFrequencyIsValid,aa as initialTimeslots,ab as validateAllTimeslots,ac as formatWeeklyPayload,ad as FrequencySchedular,ae as WeeklyScheduler,P as PanelControls$1,S as SHARED_TEXT}from"./js-core.esm74.js";import{bZ as createSvgIcon,j as jsxRuntime,m as makeStyles,i as useDispatch,k as useSelector,r as react,p as lodash,T as Typography,aS as Select,aT as MenuItem,ar as Button}from"./js-core.esm.js";import"./js-core.esm45.js";import"./js-core.esm68.js";import"./js-core.esm47.js";import"./js-core.esm48.js";import"./js-core.esm32.js";import"./js-core.esm8.js";import"./js-core.esm50.js";import"./js-core.esm24.js";import"./js-core.esm34.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm10.js";import"./js-core.esm69.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm51.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm52.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm43.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm31.js";import"./js-core.esm39.js";import"./js-core.esm26.js";var AccessTime=createSvgIcon([jsxRuntime.exports.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},"0"),jsxRuntime.exports.jsx("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");const useStyles=makeStyles()(e=>({outerContainer:{display:"flex",justifyContent:"space-between",border:"1px solid",borderColor:e.palette.grey[200],borderRadius:"6px",padding:"12px"},flexGrow:{flexGrow:1},displayContainer:{display:"flex",flexDirection:"row",color:e.palette.text.secondary,width:"100%"},clock:{width:"24px",marginRight:"8px",color:e.palette.text.secondary},timezone:{fontWeight:"bold"},caption:{color:e.palette.text.secondary,marginLeft:"32px"}})),allTimezones=Intl&&Intl.supportedValuesOf?Intl.supportedValuesOf("timeZone"):["UTC"],TimezonePicker=e=>{const{timezone:s,allowEdit:t,onChange:o}=e,[a,r]=react.exports.useState(!1);var e=useStyles()["classes"],i=react.exports.useCallback(()=>{r(!a)},[a]),c=react.exports.useCallback(e=>{o&&o(e.target.value)},[s]),l=jsxRuntime.exports.jsx(Typography,Object.assign({className:e.timezone,variant:"h2"},{children:s})),c=jsxRuntime.exports.jsx(Select,Object.assign({className:e.flexGrow,value:s,onChange:c},{children:allTimezones.map((e,s)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e},{children:e}),"timezone-"+s))})),n=t?SHARED_TEXT.timezonePicker.editableCaption:SHARED_TEXT.timezonePicker.sourceBasedCaption;return jsxRuntime.exports.jsxs("div",Object.assign({className:e.outerContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.flexGrow},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.displayContainer},{children:[jsxRuntime.exports.jsx(AccessTime,{className:e.clock}),a?c:l]})),!a&&jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:e.caption},{children:n()}))]})),t&&jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",onClick:i},{children:a?SHARED_TEXT.timezonePicker.saveButton():SHARED_TEXT.timezonePicker.changeButton()}))]}))},ScheduleStep=({activeEngine:e})=>{var s=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"}}))()["classes"];const t=useDispatch();var o=useSelector(selectSourceSelected);const a=null==(i=null==o?void 0:o.details)?void 0:i.liveTimezone,r=useSelector(selectTimezone);var i="Recurring"===useSelector(selectScheduleType);const c="Weekly"===useSelector(selectFrequency)&&i,l=useSelector(selectWeeklyTimeslots);i=useSelector(selectIsWeeklyValid),react.exports.useEffect(()=>{a&&t(actions$5.setTimezone(a))},[a,r]),react.exports.useEffect(()=>{a&&t(actions$5.setTimezone(a))},[o]),o=useSelector(selectFrequencyIsValid),i=(!c||i)&&o,o=react.exports.useCallback(e=>{e!==r&&t(actions$5.setTimezone(e))},[r]);return react.exports.useEffect(()=>{var e;l&&c?(t(actions$5.setIsWeeklyValid(validateAllTimeslots(l))),e=lodash.exports.cloneDeep(formatWeeklyPayload(l,r)),t(actions$5.setWeeklyScheduleParts(e))):(t(actions$5.setWeeklyTimeslots(initialTimeslots)),t(actions$5.clearWeeklyScheduleParts()))},[l,r,c]),jsxRuntime.exports.jsxs("div",Object.assign({className:s.container},{children:[jsxRuntime.exports.jsx(FrequencySchedular,{activeEngine:e}),jsxRuntime.exports.jsx(WeeklyScheduler,{isEnabled:c,timeslots:l,onChangeTimeslots:e=>{t(actions$5.setWeeklyTimeslots(e))}}),jsxRuntime.exports.jsx(TimezonePicker,{timezone:r,allowEdit:!a,onChange:o}),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!i,invalidFields:!i,disableBack:!1})]}))};export{ScheduleStep,ScheduleStep as default};
+import{a as selectSourceSelected,a3 as selectTimezone,a4 as selectScheduleType,a5 as selectFrequency,a6 as selectWeeklyTimeslots,a7 as selectIsWeeklyValid,a8 as actions$5,a9 as selectFrequencyIsValid,aa as initialTimeslots,ab as validateAllTimeslots,ac as formatWeeklyPayload,ad as FrequencySchedular,ae as WeeklyScheduler,P as PanelControls$1,S as SHARED_TEXT}from"./js-core.esm74.js";import{c0 as createSvgIcon,j as jsxRuntime,m as makeStyles,i as useDispatch,k as useSelector,r as react,p as lodash,T as Typography,aV as Select,aW as MenuItem,au as Button}from"./js-core.esm.js";import"./js-core.esm45.js";import"./js-core.esm68.js";import"./js-core.esm47.js";import"./js-core.esm48.js";import"./js-core.esm32.js";import"./js-core.esm8.js";import"./js-core.esm50.js";import"./js-core.esm24.js";import"./js-core.esm34.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm10.js";import"./js-core.esm69.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm51.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm52.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm43.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm31.js";import"./js-core.esm39.js";import"./js-core.esm26.js";var AccessTime=createSvgIcon([jsxRuntime.exports.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},"0"),jsxRuntime.exports.jsx("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");const useStyles=makeStyles()(e=>({outerContainer:{display:"flex",justifyContent:"space-between",border:"1px solid",borderColor:e.palette.grey[200],borderRadius:"6px",padding:"12px"},flexGrow:{flexGrow:1},displayContainer:{display:"flex",flexDirection:"row",color:e.palette.text.secondary,width:"100%"},clock:{width:"24px",marginRight:"8px",color:e.palette.text.secondary},timezone:{fontWeight:"bold"},caption:{color:e.palette.text.secondary,marginLeft:"32px"}})),allTimezones=Intl&&Intl.supportedValuesOf?Intl.supportedValuesOf("timeZone"):["UTC"],TimezonePicker=e=>{const{timezone:s,allowEdit:t,onChange:o}=e,[a,r]=react.exports.useState(!1);var e=useStyles()["classes"],i=react.exports.useCallback(()=>{r(!a)},[a]),c=react.exports.useCallback(e=>{o&&o(e.target.value)},[s]),l=jsxRuntime.exports.jsx(Typography,Object.assign({className:e.timezone,variant:"h2"},{children:s})),c=jsxRuntime.exports.jsx(Select,Object.assign({className:e.flexGrow,value:s,onChange:c},{children:allTimezones.map((e,s)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e},{children:e}),"timezone-"+s))})),n=t?SHARED_TEXT.timezonePicker.editableCaption:SHARED_TEXT.timezonePicker.sourceBasedCaption;return jsxRuntime.exports.jsxs("div",Object.assign({className:e.outerContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.flexGrow},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.displayContainer},{children:[jsxRuntime.exports.jsx(AccessTime,{className:e.clock}),a?c:l]})),!a&&jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:e.caption},{children:n()}))]})),t&&jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",onClick:i},{children:a?SHARED_TEXT.timezonePicker.saveButton():SHARED_TEXT.timezonePicker.changeButton()}))]}))},ScheduleStep=({activeEngine:e})=>{var s=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"}}))()["classes"];const t=useDispatch();var o=useSelector(selectSourceSelected);const a=null==(i=null==o?void 0:o.details)?void 0:i.liveTimezone,r=useSelector(selectTimezone);var i="Recurring"===useSelector(selectScheduleType);const c="Weekly"===useSelector(selectFrequency)&&i,l=useSelector(selectWeeklyTimeslots);i=useSelector(selectIsWeeklyValid),react.exports.useEffect(()=>{a&&t(actions$5.setTimezone(a))},[a,r]),react.exports.useEffect(()=>{a&&t(actions$5.setTimezone(a))},[o]),o=useSelector(selectFrequencyIsValid),i=(!c||i)&&o,o=react.exports.useCallback(e=>{e!==r&&t(actions$5.setTimezone(e))},[r]);return react.exports.useEffect(()=>{var e;l&&c?(t(actions$5.setIsWeeklyValid(validateAllTimeslots(l))),e=lodash.exports.cloneDeep(formatWeeklyPayload(l,r)),t(actions$5.setWeeklyScheduleParts(e))):(t(actions$5.setWeeklyTimeslots(initialTimeslots)),t(actions$5.clearWeeklyScheduleParts()))},[l,r,c]),jsxRuntime.exports.jsxs("div",Object.assign({className:s.container},{children:[jsxRuntime.exports.jsx(FrequencySchedular,{activeEngine:e}),jsxRuntime.exports.jsx(WeeklyScheduler,{isEnabled:c,timeslots:l,onChangeTimeslots:e=>{t(actions$5.setWeeklyTimeslots(e))}}),jsxRuntime.exports.jsx(TimezonePicker,{timezone:r,allowEdit:!a,onChange:o}),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!i,invalidFields:!i,disableBack:!1})]}))};export{ScheduleStep,ScheduleStep as default};

package/js-core.esm85.js

@@ -1 +1 @@
-import{ag as selectDagTemplateId,ah as selectDagTemplatesLoadingStatus,ai as LoadingStatus,s as selectIsFullScreen,aj as actions$3,S as SHARED_TEXT,P as PanelControls$1,af as ENextButtonType,ak as selectAllDagTemplates,al as selectDagTemplatesHasMore,am as __rest}from"./js-core.esm74.js";import{m as makeStyles,i as useDispatch,k as useSelector,fg as betaFeaturesSelector,r as react,j as jsxRuntime,T as Typography,ar as Button,fP as ErrorState,ac as Skeleton,cl as mountPanel,fw as img$w,a8 as Tooltip}from"./js-core.esm.js";import{A as AutoSizer,I as InfiniteLoader}from"./js-core.esm48.js";import{V as VariableSizeList}from"./js-core.esm32.js";import"./js-core.esm45.js";import"./js-core.esm68.js";import"./js-core.esm47.js";import"./js-core.esm8.js";import"./js-core.esm50.js";import"./js-core.esm24.js";import"./js-core.esm34.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm10.js";import"./js-core.esm69.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm51.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm52.js";import"./js-core.esm43.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm31.js";import"./js-core.esm39.js";import"./js-core.esm26.js";const useStyles$4=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",width:"100%",height:"100%",background:"#fff",borderRadius:"6px",overflow:"hidden",flexWrap:"wrap"},image:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),DagTemplatesLoadingState=()=>{var e=useStyles$4()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:e.container},{children:new Array(15).fill(null).map((e,t)=>jsxRuntime.exports.jsx(DagTemplateLoadingRow,{},t))}))},DagTemplateLoadingRow=()=>{var e=makeStyles()(e=>({container:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",height:"50px",background:"#fff",borderBottom:"1px solid #f7f7f7",borderRadius:"6px",padding:"0px 15px"},title:{width:"25%",height:"70%"},button:{width:"12%",height:"80%"}}))()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx(Skeleton,{className:e.title}),jsxRuntime.exports.jsx(Skeleton,{className:e.button})]}))},useStyles$3=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:e.spacing(18),width:"100%",height:"100%",background:"#fff",borderRadius:"6px"},image:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),DagTemplatesEmptyState=()=>{var e=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("img",{"data-testid":"pc-dag-templates-empty-image",alt:"empty-asset",className:e.image,src:img$w}),jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"pc-dag-templates-empty-message",className:e.message,variant:"h3",color:"textPrimary"},{children:SHARED_TEXT.processing.emptyState()}))]}))},OverflowTooltip=e=>{var t=e["children"],e=__rest(e,["children"]);const[s,a]=react.exports.useState(!1);return jsxRuntime.exports.jsx(Tooltip,Object.assign({onMouseEnter:({currentTarget:e})=>{e.scrollWidth>e.clientWidth&&a(!0)},onMouseLeave:()=>a(!1),disableHoverListener:!s},e,{children:jsxRuntime.exports.jsx("div",Object.assign({style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:t}))}))},useStyles$2=makeStyles()(e=>({container:{display:"flex",minHeight:"50px",justifyContent:"space-between",background:"#fff",alignItems:"center",padding:"9px 15px",borderBottom:"1px solid #f7f7f7","&:hover":{background:"rgba(228, 240, 252, 0.4)",cursor:"pointer"}},isSelected:{background:"rgba(228, 240, 252, 0.8)!important","&:hover":{cursor:"auto!important"}},flex:{display:"flex",alignItems:"center",gap:"15px",width:"70%"}})),DagTemplateRow=({dagTemplate:e,onClick:t,isSelected:s})=>{var a=useStyles$2()["classes"];const{name:i,id:r,description:o}=e;e=a.container+" "+(s?a.isSelected:"");return jsxRuntime.exports.jsxs("div",Object.assign({onClick:()=>{s||t(r)},className:e,"data-testid":s?"pc-dag-template-item-row":"pc-dag-template-item-row-selected"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:a.flex},{children:jsxRuntime.exports.jsxs("div",Object.assign({style:{width:"100%"}},{children:[jsxRuntime.exports.jsx(OverflowTooltip,Object.assign({title:i},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2"},{children:i}))})),jsxRuntime.exports.jsx(OverflowTooltip,Object.assign({title:o},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[o,!o&&"Template"]}))}))]}))})),s&&jsxRuntime.exports.jsx(Button,Object.assign({sx:{backgroundColor:"#fff"},onClick:()=>t(r),variant:"outlined","data-testid":"pc-dag-templates-select-template-button"},{children:s?"Cancel Selection":"Select"}))]}))},useStyles$1=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"},templateListContainer:{backgroundColor:"#F6F7FA",borderRadius:"7px",padding:"2px",boxSizing:"border-box",height:"55vh"},templateList:{height:"100%"}})),DagTemplateList=({onSelectTemplate:a})=>{var e=useStyles$1()["classes"];const t=useDispatch(),i=useSelector(selectAllDagTemplates),r=useSelector(selectDagTemplateId),s=useSelector(selectDagTemplatesHasMore),o=useSelector(selectDagTemplatesLoadingStatus),n=e=>!s||e<i.length,l=s?i.length+1:i.length,c=({index:e,style:t})=>{var s;return n(e)?(s=i[e],jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"dag-template-infinite-loader-row",style:Object.assign({},t)},{children:jsxRuntime.exports.jsx(DagTemplateRow,{isSelected:r===s.id,onClick:a,dagTemplate:s},e)}),e)):jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"dag-template-row-loader",style:Object.assign(Object.assign({},t),{top:0})},{children:jsxRuntime.exports.jsx(DagTemplateLoadingRow,{})}),e)};return jsxRuntime.exports.jsxs("div",Object.assign({className:e.templateList},{children:[0===i.length&&jsxRuntime.exports.jsx(DagTemplatesEmptyState,{}),jsxRuntime.exports.jsx(AutoSizer,{children:({height:s,width:a})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:n,itemCount:l,loadMoreItems:()=>{o===LoadingStatus.Complete&&t(actions$3.fetchDagTemplatesStart())}},{children:({onItemsRendered:e,ref:t})=>jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"ingestion-dag-templates-list-wrapper"},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({height:s,itemCount:l,itemSize:()=>60,onItemsRendered:e,ref:t,width:a},{children:c}),"dag-template-list")}))}))})]}))},useStyles=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"},templateListContainer:{backgroundColor:"#F6F7FA",borderRadius:"7px",padding:"2px",boxSizing:"border-box",height:"55vh"},templateList:{maxHeight:"100%",overflowY:"auto"},flex:{display:"flex",justifyContent:"space-between",padding:"10px 0px"},title:{marginBottom:"4px"},subtitle:{marginBottom:"8px"}})),ProcessingStep=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=useSelector(selectDagTemplateId),a=useSelector(selectDagTemplatesLoadingStatus);var i=a===LoadingStatus.Pending,r=a===LoadingStatus.Failed,o=useSelector(betaFeaturesSelector);const n=useSelector(selectIsFullScreen);return react.exports.useEffect(()=>{a===LoadingStatus.Idle&&t(actions$3.fetchDagTemplatesStart())},[]),jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5",className:e.title},{children:SHARED_TEXT.processing.title()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:e.subtitle},{children:SHARED_TEXT.processing.subtitle()}))]}),jsxRuntime.exports.jsxs("div",Object.assign({className:e.flex},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2"},{children:SHARED_TEXT.processing.chooseTemplate()})),o&&jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{t(mountPanel({panelId:"PROCESSING_CENTER_DAG_BUILDER",microFrontend:{name:"PROCESSING_CENTER_DAG_BUILDER",config:{isFullScreen:n}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:n?0:55,marginStart:n?0:80,size:"large",zIndex:n?1011:1002}}))},"data-testid":"pc-dag-templates-create-template-button",variant:"contained"},{children:SHARED_TEXT.processing.createNewTemplate()}))]})),!i&&r&&jsxRuntime.exports.jsx(ErrorState,{onRetry:()=>{t(actions$3.fetchDagTemplatesStart())},errorMessage:jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:SHARED_TEXT.processing.errorState()})}),!r&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.templateListContainer},{children:[i&&jsxRuntime.exports.jsx(DagTemplatesLoadingState,{}),!i&&!r&&jsxRuntime.exports.jsx(DagTemplateList,{onSelectTemplate:e=>{e===s?t(actions$3.clearDagTemplateId()):t(actions$3.setDagTemplateId(e))}})]})),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!s,disableBack:!1,nextButtonType:ENextButtonType.NEXT})]}))};export{ProcessingStep as default};
+import{ag as selectDagTemplateId,ah as selectDagTemplatesLoadingStatus,ai as LoadingStatus,s as selectIsFullScreen,aj as actions$3,S as SHARED_TEXT,P as PanelControls$1,af as ENextButtonType,ak as selectAllDagTemplates,al as selectDagTemplatesHasMore,am as __rest}from"./js-core.esm74.js";import{m as makeStyles,i as useDispatch,k as useSelector,fk as betaFeaturesSelector,r as react,j as jsxRuntime,T as Typography,au as Button,fS as ErrorState,af as Skeleton,co as mountPanel,fB as img$w,ab as Tooltip}from"./js-core.esm.js";import{A as AutoSizer,I as InfiniteLoader}from"./js-core.esm48.js";import{V as VariableSizeList}from"./js-core.esm32.js";import"./js-core.esm45.js";import"./js-core.esm68.js";import"./js-core.esm47.js";import"./js-core.esm8.js";import"./js-core.esm50.js";import"./js-core.esm24.js";import"./js-core.esm34.js";import"./js-core.esm35.js";import"./js-core.esm53.js";import"./js-core.esm10.js";import"./js-core.esm69.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm51.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm49.js";import"./js-core.esm6.js";import"./js-core.esm11.js";import"./js-core.esm52.js";import"./js-core.esm43.js";import"./js-core.esm37.js";import"./js-core.esm18.js";import"./js-core.esm31.js";import"./js-core.esm39.js";import"./js-core.esm26.js";const useStyles$4=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",width:"100%",height:"100%",background:"#fff",borderRadius:"6px",overflow:"hidden",flexWrap:"wrap"},image:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),DagTemplatesLoadingState=()=>{var e=useStyles$4()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:e.container},{children:new Array(15).fill(null).map((e,t)=>jsxRuntime.exports.jsx(DagTemplateLoadingRow,{},t))}))},DagTemplateLoadingRow=()=>{var e=makeStyles()(e=>({container:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",height:"50px",background:"#fff",borderBottom:"1px solid #f7f7f7",borderRadius:"6px",padding:"0px 15px"},title:{width:"25%",height:"70%"},button:{width:"12%",height:"80%"}}))()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx(Skeleton,{className:e.title}),jsxRuntime.exports.jsx(Skeleton,{className:e.button})]}))},useStyles$3=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:e.spacing(18),width:"100%",height:"100%",background:"#fff",borderRadius:"6px"},image:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),DagTemplatesEmptyState=()=>{var e=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("img",{"data-testid":"pc-dag-templates-empty-image",alt:"empty-asset",className:e.image,src:img$w}),jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"pc-dag-templates-empty-message",className:e.message,variant:"h3",color:"textPrimary"},{children:SHARED_TEXT.processing.emptyState()}))]}))},OverflowTooltip=e=>{var t=e["children"],e=__rest(e,["children"]);const[s,a]=react.exports.useState(!1);return jsxRuntime.exports.jsx(Tooltip,Object.assign({onMouseEnter:({currentTarget:e})=>{e.scrollWidth>e.clientWidth&&a(!0)},onMouseLeave:()=>a(!1),disableHoverListener:!s},e,{children:jsxRuntime.exports.jsx("div",Object.assign({style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:t}))}))},useStyles$2=makeStyles()(e=>({container:{display:"flex",minHeight:"50px",justifyContent:"space-between",background:"#fff",alignItems:"center",padding:"9px 15px",borderBottom:"1px solid #f7f7f7","&:hover":{background:"rgba(228, 240, 252, 0.4)",cursor:"pointer"}},isSelected:{background:"rgba(228, 240, 252, 0.8)!important","&:hover":{cursor:"auto!important"}},flex:{display:"flex",alignItems:"center",gap:"15px",width:"70%"}})),DagTemplateRow=({dagTemplate:e,onClick:t,isSelected:s})=>{var a=useStyles$2()["classes"];const{name:i,id:r,description:o}=e;e=a.container+" "+(s?a.isSelected:"");return jsxRuntime.exports.jsxs("div",Object.assign({onClick:()=>{s||t(r)},className:e,"data-testid":s?"pc-dag-template-item-row":"pc-dag-template-item-row-selected"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:a.flex},{children:jsxRuntime.exports.jsxs("div",Object.assign({style:{width:"100%"}},{children:[jsxRuntime.exports.jsx(OverflowTooltip,Object.assign({title:i},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2"},{children:i}))})),jsxRuntime.exports.jsx(OverflowTooltip,Object.assign({title:o},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[o,!o&&"Template"]}))}))]}))})),s&&jsxRuntime.exports.jsx(Button,Object.assign({sx:{backgroundColor:"#fff"},onClick:()=>t(r),variant:"outlined","data-testid":"pc-dag-templates-select-template-button"},{children:s?"Cancel Selection":"Select"}))]}))},useStyles$1=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"},templateListContainer:{backgroundColor:"#F6F7FA",borderRadius:"7px",padding:"2px",boxSizing:"border-box",height:"55vh"},templateList:{height:"100%"}})),DagTemplateList=({onSelectTemplate:a})=>{var e=useStyles$1()["classes"];const t=useDispatch(),i=useSelector(selectAllDagTemplates),r=useSelector(selectDagTemplateId),s=useSelector(selectDagTemplatesHasMore),o=useSelector(selectDagTemplatesLoadingStatus),n=e=>!s||e<i.length,l=s?i.length+1:i.length,c=({index:e,style:t})=>{var s;return n(e)?(s=i[e],jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"dag-template-infinite-loader-row",style:Object.assign({},t)},{children:jsxRuntime.exports.jsx(DagTemplateRow,{isSelected:r===s.id,onClick:a,dagTemplate:s},e)}),e)):jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"dag-template-row-loader",style:Object.assign(Object.assign({},t),{top:0})},{children:jsxRuntime.exports.jsx(DagTemplateLoadingRow,{})}),e)};return jsxRuntime.exports.jsxs("div",Object.assign({className:e.templateList},{children:[0===i.length&&jsxRuntime.exports.jsx(DagTemplatesEmptyState,{}),jsxRuntime.exports.jsx(AutoSizer,{children:({height:s,width:a})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:n,itemCount:l,loadMoreItems:()=>{o===LoadingStatus.Complete&&t(actions$3.fetchDagTemplatesStart())}},{children:({onItemsRendered:e,ref:t})=>jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"ingestion-dag-templates-list-wrapper"},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({height:s,itemCount:l,itemSize:()=>60,onItemsRendered:e,ref:t,width:a},{children:c}),"dag-template-list")}))}))})]}))},useStyles=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"},templateListContainer:{backgroundColor:"#F6F7FA",borderRadius:"7px",padding:"2px",boxSizing:"border-box",height:"55vh"},templateList:{maxHeight:"100%",overflowY:"auto"},flex:{display:"flex",justifyContent:"space-between",padding:"10px 0px"},title:{marginBottom:"4px"},subtitle:{marginBottom:"8px"}})),ProcessingStep=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=useSelector(selectDagTemplateId),a=useSelector(selectDagTemplatesLoadingStatus);var i=a===LoadingStatus.Pending,r=a===LoadingStatus.Failed,o=useSelector(betaFeaturesSelector);const n=useSelector(selectIsFullScreen);return react.exports.useEffect(()=>{a===LoadingStatus.Idle&&t(actions$3.fetchDagTemplatesStart())},[]),jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5",className:e.title},{children:SHARED_TEXT.processing.title()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:e.subtitle},{children:SHARED_TEXT.processing.subtitle()}))]}),jsxRuntime.exports.jsxs("div",Object.assign({className:e.flex},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2"},{children:SHARED_TEXT.processing.chooseTemplate()})),o&&jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{t(mountPanel({panelId:"PROCESSING_CENTER_DAG_BUILDER",microFrontend:{name:"PROCESSING_CENTER_DAG_BUILDER",config:{isFullScreen:n}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:n?0:55,marginStart:n?0:80,size:"large",zIndex:n?1011:1002}}))},"data-testid":"pc-dag-templates-create-template-button",variant:"contained"},{children:SHARED_TEXT.processing.createNewTemplate()}))]})),!i&&r&&jsxRuntime.exports.jsx(ErrorState,{onRetry:()=>{t(actions$3.fetchDagTemplatesStart())},errorMessage:jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:SHARED_TEXT.processing.errorState()})}),!r&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.templateListContainer},{children:[i&&jsxRuntime.exports.jsx(DagTemplatesLoadingState,{}),!i&&!r&&jsxRuntime.exports.jsx(DagTemplateList,{onSelectTemplate:e=>{e===s?t(actions$3.clearDagTemplateId()):t(actions$3.setDagTemplateId(e))}})]})),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!s,disableBack:!1,nextButtonType:ENextButtonType.NEXT})]}))};export{ProcessingStep as default};

package/js-core.esm86.js

@@ -1 +1 @@
-import{c as selectOrgCreatedPackagesStatus,d as selectOrgCreatedPackages,e as selectOrgCreatedPackagesHasMore,b as actions,f as getPackageDetailsPanelConfig,L as LoadingStatus}from"./js-core.esm76.js";import{i as useDispatch,k as useSelector,r as react,cl as mountPanel,j as jsxRuntime,B as Box,az as Dialog,aA as DialogTitle,T as Typography,F as FormattedMessage,aB as DialogContent,cm as DialogContentText,aC as DialogActions,ar as Button,ck as hidePanel}from"./js-core.esm.js";import{t as tableInfiniteScroll}from"./js-core.esm48.js";import{T as TableHeader,P as PackageTableRow}from"./js-core.esm87.js";import"./js-core.esm32.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm34.js";const styles={title:{my:2},content:{minWidth:360,px:0,pt:3,pb:0},button:{fontSize:"12px"},actions:{px:4,pt:4,pb:2},cancelButton:{color:"black",py:2},deleteButton:{py:2}},DeleteModal=({onDelete:e,onCancel:t,isVisible:s})=>jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Dialog,Object.assign({open:s,onClose:t,"data-testid":"os-resource-center-packages.delete-packages-dialog"},{children:jsxRuntime.exports.jsxs(DialogTitle,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-confirmation-title",defaultMessage:"Delete Package?",description:"Delete Package confirmation title in the Group Details panel"})})),jsxRuntime.exports.jsxs(DialogContent,Object.assign({sx:styles.content},{children:[jsxRuntime.exports.jsx(DialogContentText,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-confirmation-message",defaultMessage:"Are you sure you want to delete this package?",description:"Delete package confirmation message in the Packages Table"})}),jsxRuntime.exports.jsxs(DialogActions,Object.assign({sx:styles.actions},{children:[jsxRuntime.exports.jsx(Button,Object.assign({sx:styles.cancelButton,onClick:t,"data-testid":"os-resource-center-packages.delete-package-confirmation-dialog.cancel"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-package-cancel-button",defaultMessage:"Cancel",description:"Delete Package cancel button in the Packages Table"})})),jsxRuntime.exports.jsx(Button,Object.assign({color:"primary",variant:"contained",sx:styles.deleteButton,onClick:e,"data-testid":"os-resource-center-packages.delete-group-confirmation-dialog.confirm"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-package-confirm-button",defaultMessage:"Yes, Delete",description:"Delete Package confirmation button in the Packages Table"})}))]}))]}))]})}))}),{TableInfiniteScroll}=tableInfiniteScroll["jsx"],PackagesVirtualTable=({packages:e,hasMore:t,isLoading:s,isErrored:a,fetchMore:o,onOpenPackageDetails:n,onDeletePackage:i})=>{const[r,c]=react.exports.useState("");return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableHeader,{}),jsxRuntime.exports.jsxs("div",Object.assign({style:{flexGrow:1}},{children:[jsxRuntime.exports.jsx(TableInfiniteScroll,{hasMore:t,fetchMore:o,fetchOnMount:0===e.length,items:e,itemHeight:50,isLoading:s,TableRowComponent:({item:t})=>jsxRuntime.exports.jsx(PackageTableRow,{onRowClick:()=>{var e;e=t,n&&n(e)},item:t,onOpenPackageDetails:n,onDeletePackage:e=>{c(e)}}),offset:0,error:a}),jsxRuntime.exports.jsx(DeleteModal,{isVisible:!!r,onCancel:()=>c(""),onDelete:()=>{i(r),c("")}})]}))]})},OrgCreated=({isPanelFullScreen:t})=>{const s=useDispatch();var e=useSelector(selectOrgCreatedPackagesStatus),a=useSelector(selectOrgCreatedPackages),o=useSelector(selectOrgCreatedPackagesHasMore),n=react.exports.useCallback(()=>s(actions.packages.fetchOrgCreatedPackagesStart()),[a,s,e]),i=react.exports.useCallback(e=>{s(mountPanel(getPackageDetailsPanelConfig(e,()=>s(hidePanel("PACKAGE_DETAILS_PANEL")),t)))},[s]);return jsxRuntime.exports.jsx(Box,Object.assign({sx:{display:"flex",flexDirection:"column",height:"100%"}},{children:jsxRuntime.exports.jsx(PackagesVirtualTable,{packages:a,hasMore:o,isLoading:e===LoadingStatus.Pending,isErrored:e===LoadingStatus.Failed,fetchMore:n,onOpenPackageDetails:i,onDeletePackage:function(e){s(actions.packages.deletePackageStart(e))}})}))};export{OrgCreated,OrgCreated as default};
+import{c as selectOrgCreatedPackagesStatus,d as selectOrgCreatedPackages,e as selectOrgCreatedPackagesHasMore,b as actions,f as getPackageDetailsPanelConfig,L as LoadingStatus}from"./js-core.esm76.js";import{i as useDispatch,k as useSelector,r as react,co as mountPanel,j as jsxRuntime,B as Box,aB as Dialog,aS as DialogTitle,T as Typography,F as FormattedMessage,aT as DialogContent,cp as DialogContentText,aU as DialogActions,au as Button,cn as hidePanel}from"./js-core.esm.js";import{t as tableInfiniteScroll}from"./js-core.esm48.js";import{T as TableHeader,P as PackageTableRow}from"./js-core.esm87.js";import"./js-core.esm32.js";import"./js-core.esm23.js";import"./js-core.esm54.js";import"./js-core.esm34.js";const styles={title:{my:2},content:{minWidth:360,px:0,pt:3,pb:0},button:{fontSize:"12px"},actions:{px:4,pt:4,pb:2},cancelButton:{color:"black",py:2},deleteButton:{py:2}},DeleteModal=({onDelete:e,onCancel:t,isVisible:s})=>jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Dialog,Object.assign({open:s,onClose:t,"data-testid":"os-resource-center-packages.delete-packages-dialog"},{children:jsxRuntime.exports.jsxs(DialogTitle,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-confirmation-title",defaultMessage:"Delete Package?",description:"Delete Package confirmation title in the Group Details panel"})})),jsxRuntime.exports.jsxs(DialogContent,Object.assign({sx:styles.content},{children:[jsxRuntime.exports.jsx(DialogContentText,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-confirmation-message",defaultMessage:"Are you sure you want to delete this package?",description:"Delete package confirmation message in the Packages Table"})}),jsxRuntime.exports.jsxs(DialogActions,Object.assign({sx:styles.actions},{children:[jsxRuntime.exports.jsx(Button,Object.assign({sx:styles.cancelButton,onClick:t,"data-testid":"os-resource-center-packages.delete-package-confirmation-dialog.cancel"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-package-cancel-button",defaultMessage:"Cancel",description:"Delete Package cancel button in the Packages Table"})})),jsxRuntime.exports.jsx(Button,Object.assign({color:"primary",variant:"contained",sx:styles.deleteButton,onClick:e,"data-testid":"os-resource-center-packages.delete-group-confirmation-dialog.confirm"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-resource-center-packages.delete-package-confirm-button",defaultMessage:"Yes, Delete",description:"Delete Package confirmation button in the Packages Table"})}))]}))]}))]})}))}),{TableInfiniteScroll}=tableInfiniteScroll["jsx"],PackagesVirtualTable=({packages:e,hasMore:t,isLoading:s,isErrored:a,fetchMore:o,onOpenPackageDetails:n,onDeletePackage:i})=>{const[r,c]=react.exports.useState("");return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableHeader,{}),jsxRuntime.exports.jsxs("div",Object.assign({style:{flexGrow:1}},{children:[jsxRuntime.exports.jsx(TableInfiniteScroll,{hasMore:t,fetchMore:o,fetchOnMount:0===e.length,items:e,itemHeight:50,isLoading:s,TableRowComponent:({item:t})=>jsxRuntime.exports.jsx(PackageTableRow,{onRowClick:()=>{var e;e=t,n&&n(e)},item:t,onOpenPackageDetails:n,onDeletePackage:e=>{c(e)}}),offset:0,error:a}),jsxRuntime.exports.jsx(DeleteModal,{isVisible:!!r,onCancel:()=>c(""),onDelete:()=>{i(r),c("")}})]}))]})},OrgCreated=({isPanelFullScreen:t})=>{const s=useDispatch();var e=useSelector(selectOrgCreatedPackagesStatus),a=useSelector(selectOrgCreatedPackages),o=useSelector(selectOrgCreatedPackagesHasMore),n=react.exports.useCallback(()=>s(actions.packages.fetchOrgCreatedPackagesStart()),[a,s,e]),i=react.exports.useCallback(e=>{s(mountPanel(getPackageDetailsPanelConfig(e,()=>s(hidePanel("PACKAGE_DETAILS_PANEL")),t)))},[s]);return jsxRuntime.exports.jsx(Box,Object.assign({sx:{display:"flex",flexDirection:"column",height:"100%"}},{children:jsxRuntime.exports.jsx(PackagesVirtualTable,{packages:a,hasMore:o,isLoading:e===LoadingStatus.Pending,isErrored:e===LoadingStatus.Failed,fetchMore:n,onOpenPackageDetails:i,onDeletePackage:function(e){s(actions.packages.deletePackageStart(e))}})}))};export{OrgCreated,OrgCreated as default};