aiware-js 2.27.0 → 2.29.0

package/js-core.esm70.js

@@ -0,0 +1 @@
+import{a as selectSourceSelected,U as selectTimezone,V as selectScheduleType,W as selectFrequency,X as selectWeeklyTimeslots,Y as selectIsWeeklyValid,Z as actions$5,$ as selectFrequencyIsValid,a0 as initialTimeslots,a1 as validateAllTimeslots,a2 as formatWeeklyPayload,a3 as FrequencySchedular,P as PanelControls$1,S as SHARED_TEXT,w as wellKnownSymbol$h,_ as _export,e as functionUncurryThis,a4 as requireObjectCoercible$6,t as toString$6,a5 as useStyles$7,a6 as DAYS,a7 as getEnabledDays,a8 as WEEKLY_SCHEDULER_SHARED_TEXT,a9 as createTimeslot,aa as DEFAULT_TIMESLOT_TIMES,ab as isRegexp,ac as TimeStartEndField}from"./js-core.esm66.js";import{b$ as createSvgIcon,j as jsxRuntime,m as makeStyles,i as useDispatch,k as useSelector,r as react,p as lodash,T as Typography,aX as Select,aY as MenuItem,at as Button,a8 as Tooltip,a9 as IconButton,fF as CheckCircle}from"./js-core.esm.js";import"./js-core.esm41.js";import"./js-core.esm60.js";import"./js-core.esm43.js";import"./js-core.esm44.js";import{v as v4}from"./js-core.esm42.js";import{C as ContentCopy}from"./js-core.esm46.js";import"./js-core.esm28.js";import"./js-core.esm8.js";import"./js-core.esm21.js";import"./js-core.esm30.js";import"./js-core.esm47.js";import"./js-core.esm11.js";import"./js-core.esm61.js";import"./js-core.esm26.js";import"./js-core.esm31.js";import"./js-core.esm25.js";import"./js-core.esm48.js";import"./js-core.esm45.js";import"./js-core.esm6.js";import"./js-core.esm12.js";import"./js-core.esm32.js";import"./js-core.esm17.js";import"./js-core.esm27.js";import"./js-core.esm35.js";import"./js-core.esm23.js";import"./js-core.esm39.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"),AddCircleOutline=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"AddCircleOutline");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,[i,n]=react.exports.useState(!1);var e=useStyles()["classes"],r=react.exports.useCallback(()=>{n(!i)},[i]),a=react.exports.useCallback(e=>{o&&o(e.target.value)},[s]),l=jsxRuntime.exports.jsx(Typography,Object.assign({className:e.timezone,variant:"h2"},{children:s})),a=jsxRuntime.exports.jsx(Select,Object.assign({className:e.flexGrow,value:s,onChange:a},{children:allTimezones.map((e,s)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e},{children:e}),"timezone-"+s))}));const c=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}),i?a:l]})),!i&&jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:e.caption},{children:c()}))]})),t&&jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",onClick:r},{children:i?SHARED_TEXT.timezonePicker.saveButton():SHARED_TEXT.timezonePicker.changeButton()}))]}))};var isRegExp=isRegexp,$TypeError=TypeError,notARegexp=function(e){if(isRegExp(e))throw $TypeError("The method doesn't accept regular expressions");return e},wellKnownSymbol=wellKnownSymbol$h,MATCH=wellKnownSymbol$h("match"),correctIsRegexpLogic=function(s){var t=/./;try{"/./"[s](t)}catch(e){try{return t[MATCH]=!1,"/./"[s](t)}catch(e){}}return!1},$=_export,uncurryThis=functionUncurryThis,notARegExp=notARegexp,requireObjectCoercible=requireObjectCoercible$6,toString=toString$6,correctIsRegExpLogic=correctIsRegexpLogic,stringIndexOf=functionUncurryThis("".indexOf);$({target:"String",proto:!0,forced:!correctIsRegExpLogic("includes")},{includes:function(e){return!!~stringIndexOf(toString(requireObjectCoercible(this)),toString(notARegExp(e)),1<arguments.length?arguments[1]:void 0)}});const DayBubble=({day:e,enabled:s,onClick:t})=>{var o=useStyles$7()["classes"],o=o.dayBubble+" "+(s?"enabled":"disabled"),s=s?WEEKLY_SCHEDULER_SHARED_TEXT.days[e].disable:WEEKLY_SCHEDULER_SHARED_TEXT.days[e].enable;return jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s},{children:jsxRuntime.exports.jsx("div",Object.assign({onClick:t,className:o},{children:e}))}))},TimeRowHoverActions=({onAdd:e,onCopyToAll:s,day:t})=>{var o=useStyles$7()["classes"];const[i,n]=react.exports.useState(!1);return react.exports.useEffect(()=>{i&&(s(t),setTimeout(()=>{n(!1)},1e3))},[i]),jsxRuntime.exports.jsxs("div",Object.assign({className:o.rowActions},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({enterDelay:0,title:WEEKLY_SCHEDULER_SHARED_TEXT.ui.addTimeWindow},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>e(t),"data-testid":"pc-wizard-schedule-weekly-timeslot-add-new"},{children:jsxRuntime.exports.jsx(AddCircleOutline,{sx:{color:"#1871E8"}})}))})),jsxRuntime.exports.jsx("div",{className:o.rowDivider}),jsxRuntime.exports.jsxs("div",Object.assign({className:o.rowCopyToAll},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({enterDelay:0,title:WEEKLY_SCHEDULER_SHARED_TEXT.ui.replaceAllDayTimes},{children:jsxRuntime.exports.jsxs(IconButton,Object.assign({onClick:()=>n(!0),"data-testid":"pc-wizard-schedule-weekly-timeslot-copy-to-all"},{children:[!i&&jsxRuntime.exports.jsx(ContentCopy,{sx:{color:"#1871E8"}}),i&&jsxRuntime.exports.jsx(CheckCircle,{sx:{color:"#40c057"}})]}))})),jsxRuntime.exports.jsxs(Typography,Object.assign({sx:{color:i?"#40c057":"#1871E8"}},{children:[!i&&WEEKLY_SCHEDULER_SHARED_TEXT.ui.copyTimeToAll,i&&WEEKLY_SCHEDULER_SHARED_TEXT.ui.copiedTimeToAll]}))]}))]}))},DayTimeslotsRow=({day:t,enabled:e,timeslots:s,onAdd:o,onDelete:i,onChangeTime:n,onCopyToAll:r})=>{const a=useStyles$7()["classes"];var l=WEEKLY_SCHEDULER_SHARED_TEXT.days[t].label;if(!e)return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{});return jsxRuntime.exports.jsxs("div",Object.assign({className:a.timeslotRow},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:a.timeslotDayLabel},{children:jsxRuntime.exports.jsx(Typography,{children:l})})),jsxRuntime.exports.jsx(()=>jsxRuntime.exports.jsx("div",Object.assign({className:a.timeslotList},{children:s.map((e,s)=>jsxRuntime.exports.jsx(TimeStartEndField,{day:t,timeslot:e,showDelete:0!==s,onDelete:i,onChangeTime:n},s))})),{}),jsxRuntime.exports.jsx(TimeRowHoverActions,{onAdd:o,onCopyToAll:r,day:t})]}))},DayTimeslotsContainer=({enabledDays:t,timeslots:o,onAdd:i,onDelete:n,onChangeTime:r,onCopyToAll:a})=>{var e=useStyles$7()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:e.timeslotsWidgetContainer},{children:DAYS.ids.map((e,s)=>jsxRuntime.exports.jsx(DayTimeslotsRow,{day:e,timeslots:o[e],enabled:t.includes(e),onAdd:i,onDelete:n,onChangeTime:r,onCopyToAll:a},s))}))},WeeklyScheduler=({isEnabled:e,timeslots:i,onChangeTimeslots:n})=>{var s=useStyles$7()["classes"];const t=e=>{if(getEnabledDays(i).includes(e)){if(1!==getEnabledDays(i).length){const s=lodash.exports.cloneDeep(i);s[e]=[],n(s)}}else{const t=lodash.exports.cloneDeep(i);t[e]=[createTimeslot(DEFAULT_TIMESLOT_TIMES.start,DEFAULT_TIMESLOT_TIMES.end,v4(),!0,!1)],n(t)}};return e?jsxRuntime.exports.jsxs("div",Object.assign({className:s.container},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.dayBubblesContainer},{children:DAYS.ids.map((e,s)=>jsxRuntime.exports.jsx(DayBubble,{day:e,enabled:getEnabledDays(i).includes(e),onClick:()=>t(e)},s))})),jsxRuntime.exports.jsx(DayTimeslotsContainer,{enabledDays:getEnabledDays(i),timeslots:i,onAdd:e=>{const s=lodash.exports.cloneDeep(i);s[e]=lodash.exports.cloneDeep(s[e]),s[e].push(createTimeslot(DEFAULT_TIMESLOT_TIMES.start,DEFAULT_TIMESLOT_TIMES.end,v4(),!0,!1)),n(s)},onDelete:(e,s)=>{const t=lodash.exports.cloneDeep(i);t[e]=t[e].filter(e=>{e=e.id;return!(s===e)}),n(t)},onChangeTime:(t,o,e)=>{const s=lodash.exports.cloneDeep(i);e&&(s[e]=s[e].map(e=>{var s=e["id"];return o===s?Object.assign(Object.assign(Object.assign({},e),t),{id:o}):e})),n(s)},onCopyToAll:e=>{const s=lodash.exports.cloneDeep(i);for(const t of Object.keys(s))s[t].length&&(s[t]=lodash.exports.cloneDeep(s[e]));n(s)}})]})):null},ScheduleStep=({activeEngine:e})=>{var s=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",gap:"25px"}}))()["classes"];const t=useDispatch();var o=useSelector(selectSourceSelected);const i=null==(r=null==o?void 0:o.details)?void 0:r.liveTimezone,n=useSelector(selectTimezone);var r="Recurring"===useSelector(selectScheduleType);const a="Weekly"===useSelector(selectFrequency)&&r,l=useSelector(selectWeeklyTimeslots);r=useSelector(selectIsWeeklyValid),react.exports.useEffect(()=>{i&&t(actions$5.setTimezone(i))},[i,n]),react.exports.useEffect(()=>{i&&t(actions$5.setTimezone(i))},[o]),o=useSelector(selectFrequencyIsValid),r=(!a||r)&&o,o=react.exports.useCallback(e=>{e!==n&&t(actions$5.setTimezone(e))},[n]);return react.exports.useEffect(()=>{if(!l||!a)return t(actions$5.setWeeklyTimeslots(initialTimeslots)),void t(actions$5.clearWeeklyScheduleParts());t(actions$5.setIsWeeklyValid(validateAllTimeslots(l)));var e=lodash.exports.cloneDeep(formatWeeklyPayload(l,n));t(actions$5.setWeeklyScheduleParts(e))},[l,n,a]),jsxRuntime.exports.jsxs("div",Object.assign({className:s.container},{children:[jsxRuntime.exports.jsx(FrequencySchedular,{activeEngine:e}),jsxRuntime.exports.jsx(WeeklyScheduler,{isEnabled:a,timeslots:l,onChangeTimeslots:e=>{t(actions$5.setWeeklyTimeslots(e))}}),jsxRuntime.exports.jsx(TimezonePicker,{timezone:n,allowEdit:!i,onChange:o}),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!r,invalidFields:!r,disableBack:!1})]}))};export{ScheduleStep,ScheduleStep as default};

package/js-core.esm71.js

@@ -0,0 +1 @@
+import{ad as ENextButtonType,S as SHARED_TEXT,P as PanelControls$1}from"./js-core.esm66.js";import{m as makeStyles,k as useSelector,j as jsxRuntime,T as Typography}from"./js-core.esm.js";import{s as selectContentTemplatesToSave,C as ContentTemplates}from"./js-core.esm60.js";import"./js-core.esm41.js";import"./js-core.esm43.js";import"./js-core.esm44.js";import"./js-core.esm28.js";import"./js-core.esm8.js";import"./js-core.esm42.js";import"./js-core.esm31.js";import"./js-core.esm21.js";import"./js-core.esm30.js";import"./js-core.esm47.js";import"./js-core.esm11.js";import"./js-core.esm61.js";import"./js-core.esm26.js";import"./js-core.esm32.js";import"./js-core.esm17.js";import"./js-core.esm27.js";import"./js-core.esm35.js";import"./js-core.esm23.js";import"./js-core.esm25.js";import"./js-core.esm48.js";import"./js-core.esm45.js";import"./js-core.esm6.js";import"./js-core.esm12.js";import"./js-core.esm46.js";import"./js-core.esm39.js";const useStyles=makeStyles()(e=>({contentTemplatesWrapper:{height:"calc(100vh - 300px)",overflow:"hidden"},contentTemplatesWidget:{height:"calc(100% - 24px)"}})),ContentTemplatesStep=()=>{var e=useStyles()["classes"];const s=useSelector(selectContentTemplatesToSave),t=Object.keys(s||{}).map(e=>s[e]);var o=0===t.length,r=t.every(e=>!e.touched||e.submitted&&!e.errors),m=o?ENextButtonType.SKIP:ENextButtonType.NEXT,o=o||r;return jsxRuntime.exports.jsxs("div",Object.assign({className:e.contentTemplatesWrapper},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:SHARED_TEXT.ingestionJobsWizard.stepLabels.contentTemplates()})),jsxRuntime.exports.jsx("div",Object.assign({className:e.contentTemplatesWidget},{children:jsxRuntime.exports.jsx(ContentTemplates,{existingTemplates:[]})})),jsxRuntime.exports.jsx(PanelControls$1,{disableNext:!o,disableBack:!1,nextButtonType:m})]}))};export{ContentTemplatesStep as default};

package/js-core.esm72.js

@@ -0,0 +1 @@
+import{ae as selectDagTemplateId,af as selectDagTemplatesLoadingStatus,ag as LoadingStatus,s as selectIsFullScreen,ah as actions$3,S as SHARED_TEXT,P as PanelControls$1,ad as ENextButtonType,ai as selectAllDagTemplates,aj as selectDagTemplatesHasMore,ak as __rest}from"./js-core.esm66.js";import{m as makeStyles,i as useDispatch,k as useSelector,fk as betaFeaturesSelector,r as react,j as jsxRuntime,T as Typography,at as Button,fT as ErrorState,ae as Skeleton,co as mountPanel,fA as img$u,a8 as Tooltip}from"./js-core.esm.js";import{A as AutoSizer,I as InfiniteLoader}from"./js-core.esm44.js";import{V as VariableSizeList}from"./js-core.esm28.js";import"./js-core.esm69.js";import"./js-core.esm41.js";import"./js-core.esm60.js";import"./js-core.esm43.js";import"./js-core.esm8.js";import"./js-core.esm42.js";import"./js-core.esm31.js";import"./js-core.esm21.js";import"./js-core.esm30.js";import"./js-core.esm47.js";import"./js-core.esm11.js";import"./js-core.esm61.js";import"./js-core.esm26.js";import"./js-core.esm25.js";import"./js-core.esm48.js";import"./js-core.esm45.js";import"./js-core.esm6.js";import"./js-core.esm12.js";import"./js-core.esm46.js";import"./js-core.esm32.js";import"./js-core.esm17.js";import"./js-core.esm27.js";import"./js-core.esm35.js";import"./js-core.esm23.js";import"./js-core.esm39.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$u}),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.jsx(Typography,Object.assign({variant:"caption"},{children:o}))}))]}))})),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:!1,disableBack:!1,nextButtonType:s?ENextButtonType.NEXT:ENextButtonType.SKIP})]}))};export{ProcessingStep as default};

package/js-core.esm9.js

@@ -1 +1 @@
-import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,c as Paper,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,_ as _extends,j as jsxRuntime,f as clsx,h as composeClasses}from"./js-core.esm.js";function getCardUtilityClass(e){return generateUtilityClass("MuiCard",e)}generateUtilityClasses("MuiCard",["root"]);const _excluded=["className","raised"],useUtilityClasses=e=>{e=e.classes;return composeClasses({root:["root"]},getCardUtilityClass,e)},CardRoot=styled(Paper,{name:"MuiCard",slot:"Root",overridesResolver:(e,s)=>s.root})(()=>({overflow:"hidden"})),Card=react.exports.forwardRef(function(e,s){var e=useThemeProps({props:e,name:"MuiCard"}),{className:t,raised:a=!1}=e,r=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{raised:a}),o=useUtilityClasses(e);return jsxRuntime.exports.jsx(CardRoot,_extends({className:clsx(o.root,t),elevation:a?8:void 0,ref:s,ownerState:e},r))});var Card$1=Card;export{Card$1 as C};
+import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,_ as _extends,j as jsxRuntime,f as clsx,h as composeClasses}from"./js-core.esm.js";function getCardContentUtilityClass(e){return generateUtilityClass("MuiCardContent",e)}generateUtilityClasses("MuiCardContent",["root"]);const _excluded=["className","component"],useUtilityClasses=e=>{e=e.classes;return composeClasses({root:["root"]},getCardContentUtilityClass,e)},CardContentRoot=styled("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(e,t)=>t.root})(()=>({padding:16,"&:last-child":{paddingBottom:24}})),CardContent=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiCardContent"}),{className:s,component:o="div"}=e,a=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{component:o}),n=useUtilityClasses(e);return jsxRuntime.exports.jsx(CardContentRoot,_extends({as:o,className:clsx(n.root,s),ownerState:e,ref:t},a))});var CardContent$1=CardContent;export{CardContent$1 as C};