@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/TaskManagementPage-BGrBiImq-E6_WY2ZU.js

@@ -0,0 +1,508 @@
+import{a$ as ht,i as qe,j as t,a as oe,kQ as K,cf as mt,da as gt,hr as kt,a9 as P,dc as xt,ah as _,as as wt,b as o,aX as Xe,d6 as Ie,cz as Je,bq as ft,u as de,a8 as Ct,R as Qe,dt as Tt,kR as et,kS as V,kT as ie,kU as tt,kV as ot,kW as st,kX as at,kY as we,aa as $t,bG as vt,dj as St,ka as yt,kb as bt,kZ as Be,bC as jt,B as Me,cH as Ee,bJ as Gt,k_ as ue,k$ as fe,l0 as Lt,l1 as rt,s as xe,b2 as Nt,af as le,f$ as nt,l2 as It,dP as it,l3 as Et,aj as Dt,l4 as Mt,l5 as Bt,f as zt,dF as lt,fF as Rt,t as At,l6 as Ft,l7 as Wt,hs as Ot,g3 as Pt,l8 as Ht,l9 as J,la as ze,dm as Ut,lb as Vt,lc as _t,ld as Re,le as Kt,C as Ae,hR as Yt,ai as Zt}from"./index-2CdI-B2B.js";import{a}from"./core-tlHkQPPu.js";import{n as s,c as Ce}from"./mui-kiGMfX4-.js";import{e as qt}from"./flatten-CIVR5K8J-DvOZeE7b.js";import{a as Xt}from"./map-CnboTxlt-CZn0FfBt.js";import{g4 as Jt,g5 as Fe,ce as dt,cf as ct,ci as Qt}from"./zeni-epic-state-Bo1aGezX.js";import{e as eo,G as to}from"./SpendManagementSection-ajHIu1O8-Cq9RGBsG.js";import{i as oo,e as so,t as ao,r as ro}from"./NotificationsListConfig-DsgxTfdY-t5wE01Ro.js";import{getDashboardFilterCategoryValues as no}from"./SpendManagementListViewPage-BnfCoW19-BZB7Hw4I.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./StatusSwitcher-BFs1Anoq-B4RP8Uzy.js";const io=Nt(qt()),lo=({scrollContainerRef:e,isEnabled:c=!0,edgeThreshold:n=100,scrollSpeed:u=100,minScrollAmount:m=3,scrollCurveExponent:i=.7})=>{a.useEffect(()=>{if(!c||typeof window>"u"||typeof document>"u")return;let r=!1,h=0,l=null;const d=Math.max(n,1),y=()=>{l!==null&&(cancelAnimationFrame(l),l=null)},b=f=>(T=>{const g=e.current;return!!(g&&T.target instanceof Node)&&g.contains(T.target)})(f),j=f=>{const T=Math.max(f,0)/d,g=Math.pow(T,i)*u;return Math.max(m,g)},G=(f,T,g)=>{const L=g==="up"?-T:T;f===window?window.scrollBy({top:L,behavior:"auto"}):f instanceof HTMLElement&&typeof f.scrollTop=="number"&&(f.scrollTop+=L)},x=()=>{if(!r)return;const f=e.current??window,T=window.innerHeight,g=h;if(g<d&&g>0){const L=j(d-g);G(f,L,"up")}else if(g>T-d){const L=j(g-(T-d));G(f,L,"down")}l=requestAnimationFrame(x)},w=f=>{b(f)?r=!0:(r=!1,y())},$=()=>{r=!1,y()},I=f=>{(T=>{r&&(h=T.clientY)})(f),r&&l===null&&(l=requestAnimationFrame(x))};return document.addEventListener("dragstart",w),document.addEventListener("dragend",$),document.addEventListener("dragover",I),()=>{document.removeEventListener("dragstart",w),document.removeEventListener("dragend",$),document.removeEventListener("dragover",I),y()}},[n,c,m,e,i,u])},je=oe.getLocalizedStrings(),pt=({count:e})=>t.jsx(co,{isCircular:e<10,children:t.jsx(po,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),co=s.div`
+  ${e=>e.isCircular?Ce`
+          height: 18px;
+          width: 18px;
+        `:Ce`
+          height: 18px;
+          min-width: 18px;
+          padding: ${o.sp0} ${o.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${o.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,po=s(Dt)`
+  color: inherit;
+`,{taskManagement:We,common:Ge}=oe.getLocalizedStrings();function uo(e){const{onChange:c,value:n,resetDisabled:u,onReset:m}=e;return t.jsxs(ho,{children:[t.jsx(ko,{children:We.taskList.groupingFilters.groupBy}),t.jsx(mo,{children:t.jsx(eo,{value:n,placeHolder:We.taskList.groupingFilters.placeholder,onChange:i=>{const r=Fe(i.value);if(r==null)throw new Error("Invalid taskListGroupByKey");c(r)},options:Jt,getOptionLabel:i=>{const r=Ge.texts,h=Fe(i);return h!=null?r[h]:Ge.strings.empty}})}),t.jsxs(go,{onClick:()=>{u!==!0&&m()},isDisabled:u,children:[t.jsx(xo,{}),t.jsx(_,{children:Ge.reset})]})]})}const ho=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp4};
+  justify-content: space-between;
+  padding-bottom: ${o.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,mo=s.div`
+  flex: 1;
+`,go=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?Ce`
+          opacity: 0.3;
+        `:Ce`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${o.sp1};
+`,ko=s(Gt)`
+  color: ${e=>e.theme.colors.primary};
+`,xo=s(Je)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,wo=oe.getLocalizedStrings().taskManagement.taskList.footer;function fo({taskGroupsList:e,anchorEl:c,groupByKey:n,onCreateNewGroup:u,onExistingGroupSelection:m,onClose:i}){return t.jsx(Xe,{open:!!c,anchorEl:c,onClose:i,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(Co,{children:[t.jsx(To,{children:e.map(r=>t.jsx(Oe,{onClick:()=>{i(),m(r.id)},children:t.jsx(le,{children:r.groupName})},r.id))}),t.jsx(P,{controller:n==="groupName",children:t.jsxs(Oe,{onClick:()=>{i(),u()},children:[t.jsx($o,{}),t.jsx(le,{children:wo.createGroup})]})})]})})}const Co=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,Oe=s.div`
+  padding: ${o.sp2} ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${o.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,To=s.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,$o=s(it)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`;function vo({placeholder:e,searchText:c,inputContainerStyles:n,onSearchTextChanged:u}){const[m,i]=a.useState(!1),r=a.useRef(null),h=de();return t.jsxs(So,{children:[m?null:t.jsx(bo,{onMouseEnter:()=>i(!0),onClick:()=>{i(!0),r.current?.focus()},children:t.jsx(Pe,{})}),m?t.jsxs(yo,{style:n,isOpen:m,children:[t.jsx(Pe,{}),t.jsx(jo,{windowSize:h,autoFocus:h!=="small",placeholder:e,value:c,onBlur:()=>{c||i(!1)},onChange:l=>{const d=l.target;u(d.value)},ref:r}),c?t.jsx(Go,{}):null]}):null]})}const So=s.div`
+  position: relative;
+`,yo=s.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+  padding-bottom: ${o.sp1};
+  border-bottom: 1px solid ${e=>e.theme.colors.primary};
+  min-width: ${({isOpen:e})=>e?"200px":"0px"};
+  transition: min-width 0.3s ease-in-out;
+`,Pe=s(Mt)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp3};
+  height: ${o.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,bo=s.div`
+  cursor: pointer;
+`,jo=s(Bt)`
+  display: flex;
+  border-width: ${o.sp0};
+  outline-width: ${o.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Go=s(zt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,{taskManagement:Lo,common:No}=oe.getLocalizedStrings(),Q=Lo.taskList.newTaskOptions;function Io({anchorEl:e,groupByKey:c,taskGroupTemplates:n,taskCreationFromTemplateStatus:u,isTaskTemplatesEnabled:m,expandedTemplate:i,onExpandTemplate:r,onClose:h,onNewTaskClick:l,onNewGroupClick:d,handleGroupTemplateClick:y,handleGroupTemplateTaskClick:b,onNewTaskInitialization:j}){const G=qe(),[x,w]=a.useState(null),[$,I]=a.useState(null);a.useEffect(()=>{u.fetchState==="Completed"&&(I(null),w(null),h())},[u.fetchState,h]);const f=a.useCallback((g,L)=>{w(L),b(g,L)},[b]),T=a.useCallback(g=>{I(g),y(g)},[y]);return t.jsx(Xe,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${G.colors.grey3}`}},anchorEl:e,onClose:h,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Do,{isTaskTemplatesEnabled:m,children:[t.jsxs(zo,{children:[t.jsxs(He,{onClick:l,children:[t.jsx(Mo,{}),t.jsx(Ie,{children:Q.task})]}),t.jsx(P,{controller:c==="groupName",children:t.jsxs(He,{onClick:()=>d(""),children:[t.jsx(Bo,{}),t.jsx(Ie,{children:Q.group})]})})]}),m?t.jsx(Eo,{taskGroupTemplates:n,taskIdInCreation:x,groupIdInCreation:$,expandedTemplate:i,handleGroupTemplateClick:T,handleGroupTemplateTaskClick:f,onNewGroupClick:d,onNewTaskInitialization:j,onExpandTemplate:r}):null]})})}const Eo=({taskGroupTemplates:e,taskIdInCreation:c,groupIdInCreation:n,expandedTemplate:u,onExpandTemplate:m,handleGroupTemplateClick:i,handleGroupTemplateTaskClick:r,onNewGroupClick:h,onNewTaskInitialization:l})=>{const[d,y]=a.useState(""),b=a.useMemo(()=>{const x=[];return e.forEach(w=>{if(w.name.toLowerCase().includes(d.toLowerCase()))x.push(w);else{const $=w.tasks.filter(I=>I.name.toLowerCase().includes(d.toLowerCase()));$.length>0&&x.push({...w,tasks:$})}}),x},[e,d]),j=a.useCallback(()=>{l(d)},[d,l]),G=a.useCallback(()=>{h(d)},[d,h]);return t.jsxs(Ro,{children:[t.jsx(Ao,{children:t.jsxs(Wo,{children:[t.jsxs(Fo,{children:[t.jsx(Oo,{}),t.jsx(Po,{children:Q.groupTemplates})]}),t.jsx(vo,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:y,placeholder:Q.searchPlaceholder})]})}),t.jsx(P,{controller:b.length>0,children:t.jsx(Ho,{children:b.map(x=>{const w=u===x.id;return t.jsxs(Jo,{children:[t.jsxs(Uo,{onClick:()=>{m(x.id)},expanded:w,children:[t.jsxs(Vo,{children:[t.jsx(P,{controller:w,children:t.jsx(Xo,{})}),t.jsx(P,{controller:!w,children:t.jsx(qo,{})}),t.jsx(_,{children:x.name}),t.jsx(pt,{count:x.tasks.length})]}),t.jsx(Yo,{expanded:w,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:Q.createGroup,disabled:x.createdAt!=null,onClick:$=>{$.stopPropagation(),m(null),i(x.id)},reverseSpinnerColor:!1,loading:n===x.id})]}),t.jsx(P,{controller:w,children:t.jsx(a.Fragment,{children:x.tasks.map($=>t.jsxs(_o,{children:[t.jsxs(Ko,{children:[t.jsx(Qo,{className:"styled-dot"}),t.jsx(os,{className:"task-name-text",children:$.name})]}),t.jsx(Zo,{loading:c===$.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:No.create,reverseSpinnerColor:!1,onClick:()=>r(x.id,$.name)})]},$.name))})})]},x.id)})})}),t.jsxs(P,{controller:b.length===0,children:[t.jsx(es,{children:t.jsx(ts,{children:Q.noTaskGroup})}),t.jsxs(Ue,{onClick:j,children:[t.jsx(Ve,{}),t.jsx(_,{children:Q.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(Ue,{onClick:G,children:[t.jsx(Ve,{}),t.jsx(_,{children:Q.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Do=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,He=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  padding: ${o.sp2} ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,Mo=s(e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},a.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Bo=s(e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,zo=s.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ro=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${o.sp2};
+`,Ao=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp3};
+`,Fo=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Wo=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Oo=s(e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Po=s(Ie)`
+  color: ${e=>e.theme.colors.primary};
+`,Ho=s.div`
+  max-height: 320px;
+  overflow: auto;
+`,Uo=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${o.sp6};
+  padding-right: ${o.sp4};
+  color: ${e=>e.expanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .hidden-create-group-button {
+      display: block;
+    }
+  }
+`,Vo=s.div`
+  display: flex;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp0};
+  color: inherit;
+  column-gap: ${o.sp2};
+`,_o=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${o.sp6};
+  padding-right: ${o.sp4};
+
+  &:hover {
+    column-gap: ${o.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,Ko=s.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${o.sp2} ${o.sp0};
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .styled-dot {
+      background-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Yo=s(Me)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,Zo=s(Me)`
+  display: none;
+`,qo=s(It)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Xo=s(nt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Jo=s.div``,Qo=s.div`
+  display: inline-block;
+  border-radius: ${o.sp2};
+  width: ${o.sp1};
+  height: ${o.sp1};
+  margin: ${o.sp0} 12px ${o.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,es=s.div`
+  padding: ${o.sp2} ${o.sp3};
+`,ts=s(_)`
+  color: ${e=>e.theme.colors.hero};
+`,Ue=s.div`
+  display: flex;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${o.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ve=s(it)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,os=s(_)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Le,dateFormat:ss,taskManagement:De}=oe.getLocalizedStrings(),ut={taskNameMaxWidth:new Qe(125,170,170,250,300)},as=({taskDetail:e,tagList:c,sectionId:n,onRowClick:u,onTimeSpentUpdate:m,onShowToast:i})=>{const r=de(),h=e.assigneeUsers.length,l=e.assigneeUsers[0]?.user,d=l?.firstName||l?.lastName?`${l.firstName} ${l.lastName}`:l?.email??Le.strings.empty,{getValues:y,resetField:b,getFieldState:j}=lt();return t.jsxs(is,{children:[t.jsxs(fs,{windowSize:r,onClick:u,responsiveWidth:J[0].width,children:[t.jsxs(Cs,{windowSize:r,children:[t.jsx($s,{isIconPresent:e.type.code==="recurring",windowSize:r,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${o.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Ss,{height:o.sp3,width:o.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${o.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Ts,{windowSize:r,responsiveWidth:J[0].width,children:t.jsx(vs,{windowSize:r,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(_e,{windowSize:r,responsiveWidth:J[1].width,children:ze(e.status.code)}),t.jsx(Gs,{windowSize:r,responsiveWidth:J[2].width,children:ze(e.priority.code)}),t.jsx(Ls,{windowSize:r,responsiveWidth:J[3].width,children:e.dueDate!=null?e.dueDate.format(ss.visual.MMMDCommaYYYYformat):t.jsx(ls,{children:Le.strings.hyphen})}),t.jsx(_e,{windowSize:r,responsiveWidth:J[4].width,children:h>0?t.jsxs(ds,{children:[t.jsx(Ut,{personBasic:l,styles:{width:o.sp4,height:o.sp4}}),t.jsx(ys,{children:t.jsx(bs,{children:d})}),h>1?t.jsx(cs,{children:`${Le.strings.plus}${h-1}`}):null]}):null}),t.jsx(Ns,{windowSize:r,responsiveWidth:J[5].width,children:e.tagIds.length>0?t.jsx(js,{children:Vt(e.tagIds,c)}):null}),t.jsx(Is,{windowSize:r,responsiveWidth:J[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Es,{className:"timeSpentField",children:t.jsx(_t,{name:Re(n,e.id,we),placeholder:De.common.timeSpentPlaceholder,timeSpentFormat:De.common.timeSpentFormat,registerOptions:{validate:G=>!(Qt(G)>Kt)||(i({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},style:{padding:`${o.sp0} ${o.sp1}`,background:"unset"},onInputBlur:()=>{((G,x)=>{const w=Re(G,x,we);j(w).invalid?b(w):m(e,{timeSpent:y(w)})})(n,e.id)},inputStyle:{textAlign:"right",padding:`${o.sp0} ${o.sp2}`}})})})]})},rs=({taskGroup:e,tagList:c,sectionId:n,showGroupName:u,showRenameTextField:m,isSelectionAllowed:i,isCollapsed:r,existingTaskGroupNamesByGroupId:h,onDeleteTaskGroup:l,onExpandAll:d,onCollapseAll:y,onAddNewTaskToTaskGroup:b,onCollapseToggle:j,onTaskManagementRowClick:G,onDragStart:x,onTimeSpentUpdate:w,onShowToast:$})=>{const[I,f]=a.useState(null),T=de(),{setFocus:g}=lt(),L=a.useCallback(()=>{j(e.id)},[j,e.id]),W=a.useCallback(R=>{f(R.currentTarget)},[]),B=a.useCallback(()=>{f(null)},[]),z=a.useCallback(()=>{b(e.id)},[b,e.id]),C=a.useCallback(()=>{f(null),l(e.id)},[l,e.id]),v=a.useCallback(()=>{g(`${n}.groupName`),B()},[B,n,g]);return t.jsxs(ns,{windowSize:T,children:[t.jsx(P,{controller:u,children:t.jsxs(ps,{children:[t.jsxs(us,{children:[t.jsx(hs,{isOpen:r===!1,onClick:L,children:t.jsx(ms,{})}),t.jsx(Rt,{style:{textAlign:"start",width:"100%",background:"unset",...At.largeMedium.cssObject},type:"text",name:`${n}.groupName`,placeholder:De.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:R=>Ft(R,e.id,h)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(gs,{onClick:W,children:t.jsx(ks,{})}),t.jsx(Wt,{onClose:B,onAddTask:z,onCollapseAll:y,onDelete:C,onExpandAll:d,onRename:v,isDefault:e.isDefault,anchorEl:I})]})}),t.jsx(P,{controller:r===!1,children:t.jsx(Ot,{mode:"checked_or_hover",isDisabled:i===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(R=>({label:t.jsx(as,{taskDetail:R,onRowClick:()=>{G(R.id)},tagList:c,onTimeSpentUpdate:w,onShowToast:$,sectionId:n}),prefix:T==="small"?null:t.jsx(xs,{children:t.jsx(ws,{})}),value:R.id,defaultChecked:!1,groupLabel:!1}))],name:`${n}.selectedIds`,style:{width:"100%",rowGap:o.sp3},checkBoxStyle:{padding:o.sp3},labelCheckBoxStyle:{padding:o.sp3},onDragStart:x,draggable:!0})})]})},ns=s.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${o.sp3};
+  row-gap: ${o.sp3};
+`,is=s.div`
+  display: flex;
+  align-items: center;
+  height: ${o.sp10};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${Ae.dropShadowNormalDark} ${o.sp0} 2px ${o.sp1}`:`${o.sp0} 2px ${o.sp1} ${Ae.dropShadowNormalLight}`};
+  border-radius: ${o.sp2};
+  cursor: pointer;
+  &:hover {
+    z-index: 1;
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .taskDescriptionText,
+    .taskNameText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .selected-options label {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:not(:hover) {
+    .timeSpentField input:not(:focus-within) {
+      color: ${e=>e.theme.colors.hero};
+    }
+  }
+  padding-left: ${o.sp4};
+  padding-right: ${o.sp4};
+  justify-content: space-between;
+`,ls=s(_)``,ds=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,cs=s(Zt)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${o.sp3} + ${o.sp1});
+  height: calc(${o.sp3} + ${o.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,ps=s.div`
+  padding-left: ${o.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,us=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,hs=s.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,ms=s(nt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,gs=s.div`
+  cursor: pointer;
+`,ks=s(Pt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,xs=s.div`
+  padding-left: ${o.sp3};
+  cursor: grab;
+`,ws=s(Ht)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,fs=s.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Cs=s(_)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+`,Ts=s(_)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${o.sp4};
+  width: 100%;
+`,$s=s.div`
+  max-width: ${e=>ut.taskNameMaxWidth.value(e.windowSize)-xe[4]+"px"};
+  color: ${e=>e.theme.colors.hero};
+  width: ${e=>e.isIconPresent?"80%":"90%"};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,vs=s(le)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>ut.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ss=s(Yt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${o.sp1};
+`,ys=s.div`
+  margin-right: ${o.sp1};
+  margin-left: ${o.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+`,bs=s(le)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${o.sp8};
+  white-space: nowrap;
+`,js=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,_e=s.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  margin-right: ${o.sp1};
+`,Gs=s(le)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${o.sp1};
+  column-gap: ${o.sp2};
+`,Ls=s(le)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${e=>e.isLastColumn===!0?o.sp2:o.sp0};
+  column-gap: ${o.sp2};
+`,Ns=s.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${o.sp1};
+  column-gap: ${o.sp2};
+`,Is=s(s.div`
+  width: inherit;
+  position: relative;
+`)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  column-gap: ${o.sp2};
+`,Es=s.div`
+  max-width: ${o.sp11};
+`,O=oe.getLocalizedStrings(),Ke=e=>`${e}_form`,Ds={rowGap:new Qe(xe[0],xe[5],xe[5])},{common:{footer:Ye},taskManagement:Ne}=oe.getLocalizedStrings(),ua=({taskListView:e,tagListView:c,isTaskTemplatesEnabled:n,onCreateTagClick:u,updateTask:m,onDragNDrop:i,onDeleteTaskGroup:r,updateLocalData:h,onTaskManagementRowClick:l,onReloadTasks:d,onColumnSortConfigChanged:y,onSearchTextChanged:b,onBackClick:j,onNewTaskClick:G,onFiltersChange:x,resetLocalData:w,handleCreateGroup:$,assignGroupToTasks:I,onAddNewTaskToTaskGroup:f,onGroupByFilterChange:T,onTaskGroupRename:g,analytics:L,onTimeSpentUpdate:W,onShowToast:B,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:C,handleNewTaskInitialization:v})=>{const[R,A]=a.useState(!1),[Y,se]=a.useState(null),[Z,ae]=a.useState(null),[q,he]=a.useState(null),[Te,ce]=a.useState(null),[me,re]=a.useState(!1),$e=ht(),{fetchState:ee,uiState:X,filters:ve,userList:pe,taskGroupsWithTasksList:Se}=e,{tagList:ye}=c,be=qe(),ge=a.useCallback(p=>{ce(p.currentTarget)},[]),ke=a.useCallback(p=>{T(p)},[T]),k=a.useCallback(()=>{T("groupName")},[T]),M=a.useCallback(p=>{v(p)},[v]),H=pe.users.map(p=>p.user).filter(p=>p!=null),E={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:O.common.create,isSearchOpen:me,searchPlaceHolder:O.taskManagement.taskList.searchPlaceHolder,searchText:X.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:ve,searchTextBoxStyle:{right:"108px"},onNewButtonClick:ge,onSearchOpen:p=>{re(p)},onSearchTextChanged:b,onFiltersChange:x,analytics:L,downloadState:"Not-Started",createdByUserListLoaded:pe.fetchState==="Completed"||pe.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(uo,{value:X.groupByKey,resetDisabled:X.groupByKey==="groupName",onChange:ke,onReset:k}),height:90},getFilterOptions:()=>no("task_management",H,$e.loggedInUserRole??[],c.tagList)},U=a.useCallback(p=>{ce(null),se(K),h({...e.localData,newTaskGroupName:p})},[e.localData,h]),ne=a.useCallback(()=>{ce(null)},[]),N=a.useCallback(()=>{Z!=null&&r(Z)},[Z,r]),D=a.useCallback(()=>{se(K)},[]),F=a.useCallback(p=>{he(te=>te===p?null:p)},[]);a.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&A(!1)},[e.taskGroupDeleteStatus.fetchState]),a.useEffect(()=>{n&&e.taskGroupTemplates.length>0&&he(e.taskGroupTemplates[0].id)},[n,e.taskGroupTemplates]);const S=t.jsx(to,{spendManagementSectionProps:E});return t.jsxs(Fs,{children:[t.jsx(mt,{title:O.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:be.colors.grey4,style:{zIndex:3},onBackClick:j,rightSideComponent:S,isSearchOpen:me,source:"TaskManagementPage"}),t.jsx(Io,{anchorEl:Te,groupByKey:X.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:n,onClose:ne,onNewTaskClick:G,onNewGroupClick:U,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:C,onNewTaskInitialization:M,onExpandTemplate:F,expandedTemplate:q}),t.jsx(As,{children:ee==="Error"?t.jsxs(Ws,{children:[t.jsx(Os,{onClick:d,children:t.jsx(Ps,{})}),t.jsx(Hs,{children:O.common.reloadPage.label})]}):ee==="Completed"&&Se.length===0?t.jsx(gt,{message:O.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(kt,{fetchState:ee}):t.jsx(Ms,{taskListView:e,tagList:ye,renameActiveField:Y,updateTask:m,onDragNDrop:i,onAddNewTaskToTaskGroup:f,onColumnSortConfigChanged:y,onTaskManagementRowClick:l,assignGroupToTasks:I,handleCreateGroup:$,resetLocalData:w,setGroupCreationInProgress:D,setShowDeleteModal:A,updateLocalData:h,setActiveTaskGroupId:ae,setRenameActiveField:se,onTaskGroupRename:g,onTimeSpentUpdate:W,onShowToast:B,onCreateTagClick:u})}),t.jsx(P,{controller:R===!0,children:t.jsx(xt,{action:{onOkClick:N,onCancelClick:()=>{A(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:O.common.cancel,primaryButtonText:O.common.confirm,titleComponent:t.jsx(Ys,{children:t.jsx(wt,{children:O.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(Zs,{children:t.jsx(_,{children:O.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ms=({taskListView:e,tagList:c,renameActiveField:n,updateTask:u,onTaskGroupRename:m,setRenameActiveField:i,onDragNDrop:r,updateLocalData:h,setShowDeleteModal:l,handleCreateGroup:d,resetLocalData:y,assignGroupToTasks:b,setGroupCreationInProgress:j,onTaskManagementRowClick:G,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:w,setActiveTaskGroupId:$,onTimeSpentUpdate:I,onShowToast:f,onCreateTagClick:T})=>{const g=a.useRef(null),[L,W]=a.useState(null),B=a.useRef({}),z=de(),{localData:C,taskGroupsWithTasksList:v,uiState:R}=e,[A,Y]=a.useState([]),se=a.useRef(null);lo({scrollContainerRef:se,isEnabled:z!=="small"});const Z=a.useMemo(()=>e.userList.users.map(k=>k.user).filter(k=>k!=null),[e.userList.users]),ae=Ct({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:a.useMemo(()=>Ze(e.taskGroupsWithTasksList,C,Z,c),[C,e.taskGroupsWithTasksList,Z,c]),values:a.useMemo(()=>Ze(e.taskGroupsWithTasksList,C,Z,c),[C,e.taskGroupsWithTasksList,Z,c])}),q=a.useMemo(()=>{if(n!==K)return v;const k=[],M=v.map(H=>{const E=H.tasks.filter(U=>{const ne=C.selectedTaskIds.includes(U.id)===!0;return ne&&k.push(U),ne===!1});return{...H,tasks:E}});return M.unshift({groupName:"",isDefault:!1,id:K,tasks:k}),M},[n,v,C.selectedTaskIds]),he=a.useCallback(k=>A.includes(q[k].id)||q[k].tasks.length===0?100:B.current?.[k]!=null?B.current[k]+Ds.rowGap.value(z):3*(1*oo+so)+ao+ro,[A,q,z]),Te=a.useCallback(k=>{W(k.currentTarget)},[]),ce=a.useCallback((k,M)=>{B.current={...B.current,[k]:M},g.current?.resetAfterIndex(0,!0)},[z,g,v]),me=a.useCallback(k=>{Y(M=>M.includes(k)?M.filter(H=>k!==H):[...M,k]),g.current?.resetAfterIndex(0,!0)},[]),re=a.useCallback(()=>{W(null)},[]),$e=a.useCallback(()=>{Y(v.map(k=>k.id)),g.current?.resetAfterIndex(0,!0)},[v]),ee=a.useCallback(()=>{Y([]),g.current?.resetAfterIndex(0,!0)},[]),X=a.useCallback(()=>{j(),g.current?.scrollTo(0),re()},[re,j]),ve=a.useCallback(k=>{$(k),l(!0)},[$,l]),pe=a.useCallback(()=>{C.selectedTaskIds.length>0?n!==K?X():d(!0):n===K?d(!1):n!=null&&m(n,C.existingTaskGroupNamesByGroupId[n])},[C.selectedTaskIds.length,C.existingTaskGroupNamesByGroupId,n,X,d,m]),Se=a.useCallback(()=>{i(null),y()},[y,i]),ye=a.useCallback(k=>{y(),i(k)},[y,i]),be=a.useCallback(()=>{C.defaultTaskGroupId!=null&&b(C.defaultTaskGroupId)},[b,C.defaultTaskGroupId]);a.useEffect(()=>{const k=ae.watch((M,{name:H})=>{H!=null&&M!=null&&Tt(()=>(async(E,U)=>{if(E.includes(et)){const N=E.split(".")[2],D=v.flatMap(S=>S.tasks).find(S=>S.id===N),F=U[V][ie][N].priority.selectedOption;if(D!=null&&F!=null){const S=dt.find(p=>p.code===F);S!=null&&u(D,{priority:S})}return}if(E.includes(tt)){const N=E.split(".")[2],D=v.flatMap(S=>S.tasks).find(S=>S.id===N),F=U[V][ie][N].status.selectedOption;if(D!=null&&F!=null){const S=ct.find(p=>p.code===F);D!=null&&S!=null&&u(D,{status:S})}return}if(E.includes(ot)){const N=E.split(".")[2],D=v.flatMap(p=>p.tasks).find(p=>p.id===N),F=v.find(p=>p.tasks.find(te=>te.id===N))?.id,S=U[V][ie][N].assignees.selectedUsers.map(p=>p.userId);return void(F!=null&&S!=null&&D!=null&&u(D,{assignees:S}))}if(E.includes(st)){const N=E.split(".")[2],D=v.flatMap(p=>p.tasks).find(p=>p.id===N),F=v.find(p=>p.tasks.find(te=>te.id===N))?.id,S=U[V][ie][N].dueDate.date;return void(F!=null&&S!=null&&D!=null&&u(D,{dueDate:S}))}if(E.includes(at)){const N=E.split(".")[2],D=v.flatMap(p=>p.tasks).find(p=>p.id===N),F=v.find(p=>p.tasks.find(te=>te.id===N))?.id,S=U[V][ie][N].tags.selectedOptions;return void(F!=null&&S!=null&&D!=null&&u(D,{tagIds:S}))}E.includes(we)&&ae.trigger(E);const ne=Rs(E,U,C);h(ne)})(H,M))});return()=>{k.unsubscribe()}}),a.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&i(null)},[i,e.taskGroupCreationStatus.fetchState]),a.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&i(null)},[i,e.taskGroupUpdateStatus.fetchState]);const ge=v.length>1&&C.selectedTaskIds.length>0&&n!==K,ke=C.newTaskGroupName.length>0||C.selectedTaskIds.length>0||n!==null;return t.jsxs(t.Fragment,{children:[t.jsx($t,{...ae,children:t.jsx("form",{id:Ke(Be),onSubmit:ae.handleSubmit(pe),style:{width:"100%"},children:t.jsx(Us,{isFooterVisible:ke,windowSize:z,children:t.jsx(vt,{children:({height:k,width:M})=>t.jsx(St,{ref:g,outerRef:se,height:k,itemCount:q.length,itemSize:he,estimatedItemSize:bt,itemKey:H=>q[H].id,width:M,overscanCount:yt,itemData:{tagList:c,taskGroupsWithTasksList:q,uiState:R,collapsedGroups:A,userList:e.userList,renameActiveField:n,selectedRowIds:C.selectedTaskIds,existingTaskGroupNamesByGroupId:C.existingTaskGroupNamesByGroupId,onRenameClick:ye,handleOnDragNDrop:r,onCollapseToggle:me,setRowHeight:ce,onTaskManagementRowClick:G,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:w,onCollapseAll:$e,onDeleteTaskGroup:ve,onExpandAll:ee,onTimeSpentUpdate:I,onShowToast:f,onCreateTagClick:T},initialScrollOffset:0,children:Bs})})})})}),ke?t.jsx(jt,{formId:Ke(Be),primaryBtn:{label:v.length===1&&C.selectedTaskIds.length>0&&n!==K?Ne.taskList.footer.createGroup:Ye.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ye.cancel,style:{width:"135px"},onClick:Se},helperContainerStyle:z==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(P,{controller:z!=="small"&&C.selectedTaskIds.length>0,children:t.jsxs(_s,{children:[t.jsx(pt,{count:C.selectedTaskIds.length}),t.jsx(Ks,{children:C.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(P,{controller:z!=="small"&&C.selectedTaskIds.length>0,children:t.jsx(Xs,{children:t.jsx(Ee,{enterDelay:600,title:O.taskManagement.taskList.footer.ungroup,children:t.jsx(qs,{onClick:be})})})}),showPrimaryButton:ge===!1,customPrimaryButton:ge?t.jsxs(t.Fragment,{children:[t.jsx(Me,{variant:"secondary",label:O.taskManagement.taskList.footer.moveTo,onClick:Te,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(fo,{taskGroupsList:v,anchorEl:L,groupByKey:R.groupByKey,onCreateNewGroup:X,onExistingGroupSelection:k=>{re(),b(k)},onClose:re})]}):void 0}):null]})},Bs=({index:e,style:c,data:n})=>{const u=a.useRef(null),m=de(),{tagList:i,taskGroupsWithTasksList:r,uiState:h,renameActiveField:l,collapsedGroups:d,onCollapseToggle:y,onTaskManagementRowClick:b,setRowHeight:j,onColumnSortConfigChanged:G,onCollapseAll:x,onExpandAll:w,onAddNewTaskToTaskGroup:$,onDeleteTaskGroup:I,handleOnDragNDrop:f,onRenameClick:T,userList:g,selectedRowIds:L,existingTaskGroupNamesByGroupId:W,onTimeSpentUpdate:B,onShowToast:z,onCreateTagClick:C}=n;a.useEffect(()=>{u.current?.firstElementChild!=null&&j(e,u.current.firstElementChild.clientHeight)},[e,u,m,r[e]?.tasks]);const v=a.useCallback(A=>{const Y=A.dataTransfer.getData("row");f(Y,r[e].id)},[f,e,r]),R=a.useCallback(A=>{A.preventDefault()},[]);return t.jsx(Vs,{style:{...c,width:"100%"},ref:u,onDrop:v,onDragOver:R,children:t.jsx(zs,{taskGroup:r[e],showGroupName:!0,tagList:i,uiState:h,isCollapsed:d.includes(r[e].id),onCollapseToggle:y,showRenameTextField:l===r[e].id,isSelectionAllowed:l==null,onTaskManagementRowClick:b,onColumnSortConfigChanged:G,onAddNewTaskToTaskGroup:$,onCollapseAll:x,onDeleteTaskGroup:I,onExpandAll:w,selectedRowIds:L,userList:g,existingTaskGroupNamesByGroupId:W,onDragStart:(A,Y)=>{A.dataTransfer.setData("row",Y)},onRenameClick:()=>{T(r[e].id)},onTimeSpentUpdate:B,onShowToast:z,onCreateTagClick:C},r[e].id)})},zs=({taskGroup:e,tagList:c,showGroupName:n,uiState:u,showRenameTextField:m,isCollapsed:i,isSelectionAllowed:r,selectedRowIds:h,userList:l,existingTaskGroupNamesByGroupId:d,onRenameClick:y,onTaskManagementRowClick:b,onCollapseToggle:j,onColumnSortConfigChanged:G,onCollapseAll:x,onExpandAll:w,onAddNewTaskToTaskGroup:$,onDeleteTaskGroup:I,onDragStart:f,onTimeSpentUpdate:T,onShowToast:g,onCreateTagClick:L})=>{const W=de(),B=W==="medium-regular"||W==="medium-compact"||W==="small"?rs:Et;return t.jsx(B,{taskGroup:e,tagList:c,userList:l,sectionId:V,showGroupName:n,uiState:u,showRenameTextField:m,isCollapsed:i,isSelectionAllowed:r,selectedRowIds:h,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:$,onCollapseAll:x,onDeleteTaskGroup:I,onExpandAll:w,onCollapseToggle:j,onTaskManagementRowClick:b,onColumnSortConfigChanged:G,onDragStart:f,onRenameClick:y,onTimeSpentUpdate:T,onShowToast:g,onCreateTagClick:L})},Ze=(e,c,n,u)=>{const m={},i={};e.forEach(h=>{i[h.id]={[fe]:[],[ue]:c.existingTaskGroupNamesByGroupId[h.id]},h.tasks.forEach(l=>{c.selectedTaskIds.includes(l.id)&&i[h.id].selectedIds.push(l.id),m[l.id]={[tt]:{selectedOption:l.status.code,allOptions:ct.map(d=>({label:d.name,value:d.code}))},[et]:{selectedOption:l.priority.code,allOptions:dt.map(d=>({label:d.name,value:d.code}))},[st]:{date:l.dueDate,showBusinessDay:!1},[ot]:{allUsers:n,selectedUsers:l.assigneeUsers.map(d=>d.user)},[at]:{allOptions:Lt(u),selectedOptions:l.tagIds},[we]:l.timeSpent}})});const r={[rt]:{[K]:{[ue]:c.newTaskGroupName,[fe]:[]},...i},[ie]:m};return{[V]:r}},Rs=(e,c,n)=>{if(e.includes(V)){const u=e.split(".")[2];if(e.includes(ue))return e.includes(K)?{...n,newTaskGroupName:c[V].groupData[u][ue]}:{...n,existingTaskGroupNamesByGroupId:{...n.existingTaskGroupNamesByGroupId,[u]:c[V].groupData[u][ue]}};if(e.includes(fe)){const m=io(Xt(Object.values(c[V][rt]),fe)).filter(i=>i!==O.common.all.toLocaleLowerCase());return{...n,selectedTaskIds:m}}}return n},As=s.div`
+  display: block;
+  height: 100%;
+`,Fs=s.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Ws=s.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Os=s.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Ps=s(Je)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Hs=s(ft)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Us=s.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: ${e=>e.isFooterVisible===!0?"calc(100vh - 152px)":"calc(100vh - 88px)"}; // total - header
+  max-width: 99.9%;
+`,Vs=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  box-sizing: border-box;
+`,_s=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  padding-left: ${o.sp9};
+`,Ks=s(_)`
+  color: ${e=>e.theme.colors.primary};
+`,Ys=s.div`
+  padding-top: ${o.sp7};
+  padding-bottom: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Zs=s.div`
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+  padding-bottom: ${o.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,qs=s(e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})))`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Xs=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${o.sp6};
+`;export{ua as default,Ke as uniqueFormName};