@zeniai/web-components 3.17.6 → 3.17.7

package/dist/TaskManagementPage-BnoxLzYO.cjs

@@ -0,0 +1,508 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("react"),o=require("@emotion/styled"),Q=require("@zeniai/client-epic-state"),t=require("./index-DxfP_W_n.cjs"),We=require("./BusyIndication-DyDhNuyF.cjs"),pe=require("@emotion/react"),Oe=require("./SpendManagementSection-BXseaLjf.cjs"),de=require("./NotificationsListConfig-Bmo_IJJX.cjs"),_e=require("./SpendManagementListViewPage-BMBtTA4M.cjs"),Ee=require("./common-BReki66G.cjs"),r=require("./TaskDetailPage-GzTTUjmH.cjs"),W=require("./TaskListRow-BEx42Upd.cjs"),Ae=require("./ZeniAvatar-DqJN7alb.cjs");function Fe(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const u=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(d,i,u.get?u:{enumerable:!0,get:()=>e[i]})}}return d.default=e,Object.freeze(d)}const N=Fe(n),He=100,Ke=100,Ue=3,qe=.7,Ye=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:i=He,scrollSpeed:u=Ke,minScrollAmount:h=Ue,scrollCurveExponent:x=qe})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,m=0,l=null;const p=Math.max(i,1),C=()=>{l!==null&&(cancelAnimationFrame(l),l=null)},$=f=>{const b=e.current;return!b||!(f.target instanceof Node)?!1:b.contains(f.target)},G=f=>$(f),O=f=>{const R=Math.max(f,0)/p,T=Math.pow(R,x)*u;return Math.max(h,T)},S=(f,b,R)=>{const T=R==="up"?-b:b;f===window?window.scrollBy({top:T,behavior:"auto"}):f instanceof HTMLElement&&typeof f.scrollTop=="number"&&(f.scrollTop+=T)},k=()=>e.current??window,j=()=>{if(!a)return;const f=k(),b=window.innerHeight,R=m;if(R<p&&R>0){const T=p-R,g=O(T);S(f,g,"up")}else if(R>b-p){const T=R-(b-p),g=O(T);S(f,g,"down")}l=requestAnimationFrame(j)},B=f=>{G(f)?a=!0:(a=!1,C())},D=()=>{a=!1,C()},P=f=>{a&&(m=f.clientY)},y=f=>{P(f),a&&l===null&&(l=requestAnimationFrame(j))};return document.addEventListener("dragstart",B),document.addEventListener("dragend",D),document.addEventListener("dragover",y),()=>{document.removeEventListener("dragstart",B),document.removeEventListener("dragend",D),document.removeEventListener("dragover",y),C()}},[i,d,h,e,x,u])},je=t.appLocale.getLocalizedStrings(),Be=({count:e})=>s.jsxRuntimeExports.jsx(Ze,{isCircular:e<10,children:s.jsxRuntimeExports.jsx(Xe,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),Ze=o.div`
+  ${e=>e.isCircular?pe.css`
+          height: 18px;
+          width: 18px;
+        `:pe.css`
+          height: 18px;
+          min-width: 18px;
+          padding: ${t.Space.sp0} ${t.Space.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${t.Space.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,Xe=o(t.ExtraSmallMedium)`
+  color: inherit;
+`,{taskManagement:ve,common:ke}=t.appLocale.getLocalizedStrings();function Je(e){const{onChange:d,value:i,resetDisabled:u,onReset:h}=e,x=()=>{u!==!0&&h()};return s.jsxRuntimeExports.jsxs(Qe,{children:[s.jsxRuntimeExports.jsx(tt,{children:ve.taskList.groupingFilters.groupBy}),s.jsxRuntimeExports.jsx(Ve,{children:s.jsxRuntimeExports.jsx(Oe.FilterOptionDropdownField,{value:i,placeHolder:ve.taskList.groupingFilters.placeholder,onChange:a=>{const m=Q.toTaskListGroupByKeyTypeStrict(a.value);if(m!=null)d(m);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:a=>{const m=ke.texts,l=Q.toTaskListGroupByKeyTypeStrict(a);return l!=null?m[l]:ke.strings.empty}})}),s.jsxRuntimeExports.jsxs(et,{onClick:x,isDisabled:u,children:[s.jsxRuntimeExports.jsx(st,{}),s.jsxRuntimeExports.jsx(t.StandardRegular,{children:ke.reset})]})]})}const Qe=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp4};
+  justify-content: space-between;
+  padding-bottom: ${t.Space.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ve=o.div`
+  flex: 1;
+`,et=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?pe.css`
+          opacity: 0.3;
+        `:pe.css`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${t.Space.sp1};
+`,tt=o(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,st=o(t.SvgReload)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ot=t.appLocale.getLocalizedStrings().taskManagement.taskList.footer;function nt({taskGroupsList:e,anchorEl:d,groupByKey:i,onCreateNewGroup:u,onExistingGroupSelection:h,onClose:x}){const a=()=>{x(),u()};return s.jsxRuntimeExports.jsx(s.Popover,{open:!!d,anchorEl:d,onClose:x,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:s.jsxRuntimeExports.jsxs(rt,{children:[s.jsxRuntimeExports.jsx(it,{children:e.map(m=>{const l=()=>{x(),h(m.id)};return s.jsxRuntimeExports.jsx($e,{onClick:l,children:s.jsxRuntimeExports.jsx(t.SmallRegular,{children:m.groupName})},m.id)})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:i==="groupName",children:s.jsxRuntimeExports.jsxs($e,{onClick:a,children:[s.jsxRuntimeExports.jsx(at,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:ot.createGroup})]})})]})})}const rt=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,$e=o.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${t.Space.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,it=o.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,at=o(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`;function lt({placeholder:e,searchText:d,inputContainerStyles:i,onSearchTextChanged:u}){const[h,x]=n.useState(!1),a=n.useRef(null),m=t.useWindowSizeContext(),l=()=>{d||x(!1)};return s.jsxRuntimeExports.jsxs(ct,{children:[h?null:s.jsxRuntimeExports.jsx(pt,{onMouseEnter:()=>x(!0),onClick:()=>{x(!0),a.current?.focus()},children:s.jsxRuntimeExports.jsx(Te,{})}),h?s.jsxRuntimeExports.jsxs(dt,{style:i,isOpen:h,children:[s.jsxRuntimeExports.jsx(Te,{}),s.jsxRuntimeExports.jsx(ut,{windowSize:m,autoFocus:m!=="small",placeholder:e,value:d,onBlur:l,onChange:p=>{const C=p.target;u(C.value)},ref:a}),d?s.jsxRuntimeExports.jsx(mt,{}):null]}):null]})}const ct=o.div`
+  position: relative;
+`,dt=o.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+  padding-bottom: ${t.Space.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;
+`,Te=o(t.SvgSearch)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pt=o.div`
+  cursor: pointer;
+`,ut=o(t.SmallRegularInput)`
+  display: flex;
+  border-width: ${t.Space.sp0};
+  outline-width: ${t.Space.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,mt=o(t.SvgClose)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,xt=e=>N.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},N.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"}),N.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ht=e=>N.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},N.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"}),N.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),N.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),gt=e=>N.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},N.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"}),N.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"})),{taskManagement:St,common:ft}=t.appLocale.getLocalizedStrings(),J=St.taskList.newTaskOptions;function jt({anchorEl:e,groupByKey:d,taskGroupTemplates:i,taskCreationFromTemplateStatus:u,isTaskTemplatesEnabled:h,expandedTemplate:x,onExpandTemplate:a,onClose:m,onNewTaskClick:l,onNewGroupClick:p,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:$,onNewTaskInitialization:G}){const O=s.useTheme(),[S,k]=n.useState(null),[j,B]=n.useState(null);n.useEffect(()=>{u.fetchState==="Completed"&&(B(null),k(null),m())},[u.fetchState,m]);const D=n.useCallback((y,f)=>{k(f),$(y,f)},[$]),P=n.useCallback(y=>{B(y),C(y)},[C]);return s.jsxRuntimeExports.jsx(s.Popover,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${O.colors.grey3}`}},anchorEl:e,onClose:m,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:s.jsxRuntimeExports.jsxs(Ct,{isTaskTemplatesEnabled:h,children:[s.jsxRuntimeExports.jsxs(Rt,{children:[s.jsxRuntimeExports.jsxs(be,{onClick:l,children:[s.jsxRuntimeExports.jsx(wt,{}),s.jsxRuntimeExports.jsx(t.StandardMedium,{children:J.task})]}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:d==="groupName",children:s.jsxRuntimeExports.jsxs(be,{onClick:()=>p(""),children:[s.jsxRuntimeExports.jsx(yt,{}),s.jsxRuntimeExports.jsx(t.StandardMedium,{children:J.group})]})})]}),h?s.jsxRuntimeExports.jsx(kt,{taskGroupTemplates:i,taskIdInCreation:S,groupIdInCreation:j,expandedTemplate:x,handleGroupTemplateClick:P,handleGroupTemplateTaskClick:D,onNewGroupClick:p,onNewTaskInitialization:G,onExpandTemplate:a}):null]})})}const kt=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:i,expandedTemplate:u,onExpandTemplate:h,handleGroupTemplateClick:x,handleGroupTemplateTaskClick:a,onNewGroupClick:m,onNewTaskInitialization:l})=>{const[p,C]=n.useState(""),$=n.useMemo(()=>{const S=[];return e.forEach(k=>{if(k.name.toLowerCase().includes(p.toLowerCase()))S.push(k);else{const j=k.tasks.filter(B=>B.name.toLowerCase().includes(p.toLowerCase()));j.length>0&&S.push({...k,tasks:j})}}),S},[e,p]),G=n.useCallback(()=>{l(p)},[p,l]),O=n.useCallback(()=>{m(p)},[p,m]);return s.jsxRuntimeExports.jsxs(Et,{children:[s.jsxRuntimeExports.jsx(vt,{children:s.jsxRuntimeExports.jsxs(Tt,{children:[s.jsxRuntimeExports.jsxs($t,{children:[s.jsxRuntimeExports.jsx(bt,{}),s.jsxRuntimeExports.jsx(It,{children:J.groupTemplates})]}),s.jsxRuntimeExports.jsx(lt,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:p,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:$.length>0,children:s.jsxRuntimeExports.jsx(Lt,{children:$.map(S=>{const k=u===S.id;return s.jsxRuntimeExports.jsxs(Wt,{children:[s.jsxRuntimeExports.jsxs(Mt,{onClick:()=>{h(S.id)},expanded:k,children:[s.jsxRuntimeExports.jsxs(Gt,{children:[s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:k,children:s.jsxRuntimeExports.jsx(zt,{})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!k,children:s.jsxRuntimeExports.jsx(Pt,{})}),s.jsxRuntimeExports.jsx(t.StandardRegular,{children:S.name}),s.jsxRuntimeExports.jsx(Be,{count:S.tasks.length})]}),s.jsxRuntimeExports.jsx(Bt,{expanded:k,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:S.createdAt!=null,onClick:j=>{j.stopPropagation(),h(null),x(S.id)},reverseSpinnerColor:!1,loading:i===S.id})]}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:k,children:s.jsxRuntimeExports.jsx(n.Fragment,{children:S.tasks.map(j=>s.jsxRuntimeExports.jsxs(Nt,{children:[s.jsxRuntimeExports.jsxs(Ot,{children:[s.jsxRuntimeExports.jsx(_t,{className:"styled-dot"}),s.jsxRuntimeExports.jsx(Ht,{className:"task-name-text",children:j.name})]}),s.jsxRuntimeExports.jsx(Dt,{loading:d===j.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:ft.create,reverseSpinnerColor:!1,onClick:()=>a(S.id,j.name)})]},j.name))})})]},S.id)})})}),s.jsxRuntimeExports.jsxs(t.ControlledComponent,{controller:$.length===0,children:[s.jsxRuntimeExports.jsx(At,{children:s.jsxRuntimeExports.jsx(Ft,{children:J.noTaskGroup})}),s.jsxRuntimeExports.jsxs(Ie,{onClick:G,children:[s.jsxRuntimeExports.jsx(Le,{}),s.jsxRuntimeExports.jsx(t.StandardRegular,{children:J.newTaskOptionText.replace("__searchText__",p)})]}),s.jsxRuntimeExports.jsxs(Ie,{onClick:O,children:[s.jsxRuntimeExports.jsx(Le,{}),s.jsxRuntimeExports.jsx(t.StandardRegular,{children:J.newGroupOptionText.replace("__searchText__",p)})]})]})]})},Ct=o.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,be=o.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+  padding: ${t.Space.sp2} ${t.Space.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};
+  }
+`,wt=o(gt)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,yt=o(ht)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Rt=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Et=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${t.Space.sp2};
+`,vt=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+`,$t=o.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Tt=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,bt=o(xt)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,It=o(t.StandardMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,Lt=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,Mt=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${t.Space.sp6};
+  padding-right: ${t.Space.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;
+    }
+  }
+`,Gt=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp2} ${t.Space.sp0};
+  color: inherit;
+  column-gap: ${t.Space.sp2};
+`,Nt=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${t.Space.sp6};
+  padding-right: ${t.Space.sp4};
+
+  &:hover {
+    column-gap: ${t.Space.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,Ot=o.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${t.Space.sp2} ${t.Space.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};
+    }
+  }
+`,Bt=o(t.Button)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,Dt=o(t.Button)`
+  display: none;
+`,Pt=o(t.SvgArrowCircleRight)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,zt=o(t.SvgArrowCircleBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Wt=o.div``,_t=o.div`
+  display: inline-block;
+  border-radius: ${t.Space.sp2};
+  width: ${t.Space.sp1};
+  height: ${t.Space.sp1};
+  margin: ${t.Space.sp0} 12px ${t.Space.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,At=o.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+`,Ft=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ie=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${t.Space.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Le=o(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Ht=o(t.StandardRegular)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Ce,dateFormat:Kt,taskManagement:ye}=t.appLocale.getLocalizedStrings(),De={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4],t.sp[4],t.sp[8]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],12),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],12),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8]),taskNameMaxWidth:new t.ResponsiveSized(125,170,170,250,300)},Ut=({taskDetail:e,tagList:d,sectionId:i,onRowClick:u,onTimeSpentUpdate:h,onShowToast:x})=>{const a=t.useWindowSizeContext(),m=e.assigneeUsers.length,l=e.assigneeUsers[0]?.user,p=l?.firstName||l?.lastName?`${l.firstName} ${l.lastName}`:l?.email??Ce.strings.empty,{getValues:C,resetField:$,getFieldState:G}=s.useFormContext(),O=(S,k)=>{const j=W.getTaskFieldName(S,k,r.timeSpentKey);G(j).invalid?$(j):h(e,{timeSpent:C(j)})};return s.jsxRuntimeExports.jsxs(Zt,{children:[s.jsxRuntimeExports.jsxs(as,{windowSize:a,onClick:u,responsiveWidth:W.taskManagementHeaderItemsData[0].width,children:[s.jsxRuntimeExports.jsxs(ls,{windowSize:a,children:[s.jsxRuntimeExports.jsx(ds,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`12px ${t.Space.sp3}`},title:e.type.name,placement:"bottom",children:s.jsxRuntimeExports.jsx(us,{height:t.Space.sp3,width:t.Space.sp3})}):null]}),s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`12px ${t.Space.sp3}`},title:e.description,placement:"bottom-start",children:s.jsxRuntimeExports.jsx(cs,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[0].width,children:s.jsxRuntimeExports.jsx(ps,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),s.jsxRuntimeExports.jsx(Me,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[1].width,children:r.getRichLabel(e.status.code)}),s.jsxRuntimeExports.jsx(gs,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[2].width,children:r.getRichLabel(e.priority.code)}),s.jsxRuntimeExports.jsx(Ss,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[3].width,children:e.dueDate!=null?e.dueDate.format(Kt.visual.MMMDCommaYYYYformat):s.jsxRuntimeExports.jsx(Xt,{children:Ce.strings.hyphen})}),s.jsxRuntimeExports.jsx(Me,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[4].width,children:m>0?s.jsxRuntimeExports.jsxs(Jt,{children:[s.jsxRuntimeExports.jsx(Ae.ZeniAvatar,{personBasic:l,styles:{width:t.Space.sp4,height:t.Space.sp4}}),s.jsxRuntimeExports.jsx(ms,{children:s.jsxRuntimeExports.jsx(xs,{children:p})}),m>1?s.jsxRuntimeExports.jsx(Qt,{children:`${Ce.strings.plus}${m-1}`}):null]}):null}),s.jsxRuntimeExports.jsx(fs,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[5].width,children:e.tagIds.length>0?s.jsxRuntimeExports.jsx(hs,{children:W.getTagLabel(e.tagIds,d)}):null}),s.jsxRuntimeExports.jsx(ks,{windowSize:a,responsiveWidth:W.taskManagementHeaderItemsData[6].width,isLastColumn:!0,isDisabled:!1,children:s.jsxRuntimeExports.jsx(Cs,{className:"timeSpentField",children:s.jsxRuntimeExports.jsx(r.TimeSpentField,{name:W.getTaskFieldName(i,e.id,r.timeSpentKey),placeholder:ye.common.timeSpentPlaceholder,timeSpentFormat:ye.common.timeSpentFormat,registerOptions:{validate:S=>Q.convertHHMMStrToMinutes(S)>r.MAX_MINS_ALLOWED_FOR_A_TASK?(x({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${t.Space.sp0} ${t.Space.sp1}`,background:"unset"},onInputBlur:()=>{O(i,e.id)},inputStyle:{textAlign:"right",padding:`${t.Space.sp0} ${t.Space.sp2}`}})})})]})},qt=({taskGroup:e,tagList:d,sectionId:i,showGroupName:u,showRenameTextField:h,isSelectionAllowed:x,isCollapsed:a,existingTaskGroupNamesByGroupId:m,onDeleteTaskGroup:l,onExpandAll:p,onCollapseAll:C,onAddNewTaskToTaskGroup:$,onCollapseToggle:G,onTaskManagementRowClick:O,onDragStart:S,onTimeSpentUpdate:k,onShowToast:j})=>{const[B,D]=n.useState(null),P=t.useWindowSizeContext(),{setFocus:y}=s.useFormContext(),f=n.useCallback(()=>{G(e.id)},[G,e.id]),b=n.useCallback(_=>{D(_.currentTarget)},[]),R=n.useCallback(()=>{D(null)},[]),T=n.useCallback(()=>{$(e.id)},[$,e.id]),g=n.useCallback(()=>{D(null),l(e.id)},[l,e.id]),E=n.useCallback(()=>{y(`${i}.groupName`),R()},[R,i,y]);return s.jsxRuntimeExports.jsxs(Yt,{windowSize:P,children:[s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u,children:s.jsxRuntimeExports.jsxs(Vt,{children:[s.jsxRuntimeExports.jsxs(es,{children:[s.jsxRuntimeExports.jsx(ts,{isOpen:a===!1,onClick:f,children:s.jsxRuntimeExports.jsx(ss,{})}),s.jsxRuntimeExports.jsx(t.TextField,{style:{textAlign:"start",width:"100%",background:"unset",...t.textStyles.largeMedium.cssObject},type:"text",name:`${i}.groupName`,placeholder:ye.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:_=>W.isDuplicateGroupName(_,e.id,m)===!1},isDisabled:h&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),s.jsxRuntimeExports.jsx(os,{onClick:b,children:s.jsxRuntimeExports.jsx(ns,{})}),s.jsxRuntimeExports.jsx(W.TaskGroupOptionsPopover,{onClose:R,onAddTask:T,onCollapseAll:C,onDelete:g,onExpandAll:p,onRename:E,isDefault:e.isDefault,anchorEl:B})]})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:a===!1,children:s.jsxRuntimeExports.jsx(t.LabeledGroupedCheckBoxField,{mode:"checked_or_hover",isDisabled:x===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(_=>{const q=()=>{O(_.id)};return{label:s.jsxRuntimeExports.jsx(Ut,{taskDetail:_,onRowClick:q,tagList:d,onTimeSpentUpdate:k,onShowToast:j,sectionId:i}),prefix:P==="small"?null:s.jsxRuntimeExports.jsx(rs,{children:s.jsxRuntimeExports.jsx(is,{})}),value:_.id,defaultChecked:!1,groupLabel:!1}})],name:`${i}.selectedIds`,style:{width:"100%",rowGap:t.Space.sp3},checkBoxStyle:{padding:t.Space.sp3},labelCheckBoxStyle:{padding:t.Space.sp3},onDragStart:S,draggable:!0})})]})},Yt=o.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${t.Space.sp3};
+  row-gap: ${t.Space.sp3};
+`,Zt=o.div`
+  display: flex;
+  align-items: center;
+  height: ${t.Space.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"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.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: ${t.Space.sp4};
+  padding-right: ${t.Space.sp4};
+  justify-content: space-between;
+`,Xt=o(t.StandardRegular)``,Jt=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Qt=o(t.ExtraSmallRegular)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${t.Space.sp3} + ${t.Space.sp1});
+  height: calc(${t.Space.sp3} + ${t.Space.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Vt=o.div`
+  padding-left: ${t.Space.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,es=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,ts=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,ss=o(t.SvgArrowCircleBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,os=o.div`
+  cursor: pointer;
+`,ns=o(t.SvgMore)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,rs=o.div`
+  padding-left: ${t.Space.sp3};
+  cursor: grab;
+`,is=o(W.SvgDragPicker)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,as=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,ls=o(t.StandardRegular)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-start;
+`,cs=o(t.StandardRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${t.Space.sp4};
+  width: 100%;
+`,ds=o.div`
+  max-width: ${e=>`${De.taskNameMaxWidth.value(e.windowSize)-t.sp[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;
+`,ps=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>De.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,us=o(t.SvgRecurringCycle)`
+  display: flex;
+  align-items: center;
+  margin-left: ${t.Space.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${t.Space.sp1};
+`,ms=o.div`
+  margin-right: ${t.Space.sp1};
+  margin-left: ${t.Space.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${t.Space.sp2};
+`,xs=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${t.Space.sp8};
+  white-space: nowrap;
+`,hs=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+`,Me=o.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: ${t.Space.sp1};
+`,gs=o(t.SmallRegular)`
+  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: ${t.Space.sp1};
+  column-gap: ${t.Space.sp2};
+`,Ss=o(t.SmallRegular)`
+  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?t.Space.sp2:t.Space.sp0};
+  column-gap: ${t.Space.sp2};
+`,fs=o.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: ${t.Space.sp1};
+  column-gap: ${t.Space.sp2};
+`,js=o.div`
+  width: inherit;
+  position: relative;
+`,ks=o(js)`
+  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: ${t.Space.sp2};
+`,Cs=o.div`
+  max-width: ${t.Space.sp11};
+`,ws=e=>N.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},N.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),N.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"})),U=t.appLocale.getLocalizedStrings(),Re=e=>`${e}_form`,ys={rowGap:new t.ResponsiveSized(t.sp[0],t.sp[5],t.sp[5])},{common:{footer:Ge},taskManagement:we}=t.appLocale.getLocalizedStrings(),Rs=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:i,onCreateTagClick:u,updateTask:h,onDragNDrop:x,onDeleteTaskGroup:a,updateLocalData:m,onTaskManagementRowClick:l,onReloadTasks:p,onColumnSortConfigChanged:C,onSearchTextChanged:$,onBackClick:G,onNewTaskClick:O,onFiltersChange:S,resetLocalData:k,handleCreateGroup:j,assignGroupToTasks:B,onAddNewTaskToTaskGroup:D,onGroupByFilterChange:P,onTaskGroupRename:y,analytics:f,onTimeSpentUpdate:b,onShowToast:R,handleGroupTemplateClick:T,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:E})=>{const[_,q]=n.useState(!1),[V,H]=n.useState(null),[K,se]=n.useState(null),[Z,ie]=n.useState(null),[ue,ne]=n.useState(null),[ae,oe]=n.useState(!1),me=t.useGlobalInfoContext(),{fetchState:ee,uiState:X,filters:xe,userList:re,taskGroupsWithTasksList:he}=e,{tagList:ge}=d,Se=s.useTheme(),fe=z=>{oe(z)},le=n.useCallback(z=>{ne(z.currentTarget)},[]),ce=n.useCallback(z=>{P(z)},[P]),c=n.useCallback(()=>{P("groupName")},[P]),I=n.useCallback(z=>{E(z)},[E]),A=re.users.map(z=>z.user).filter(z=>z!=null),L={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:U.common.create,isSearchOpen:ae,searchPlaceHolder:U.taskManagement.taskList.searchPlaceHolder,searchText:X.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:xe,searchTextBoxStyle:{right:"108px"},onNewButtonClick:le,onSearchOpen:fe,onSearchTextChanged:$,onFiltersChange:S,analytics:f,downloadState:"Not-Started",createdByUserListLoaded:re.fetchState==="Completed"||re.fetchState==="Error",groupByFiltersComponent:{component:s.jsxRuntimeExports.jsx(Je,{value:X.groupByKey,resetDisabled:X.groupByKey==="groupName",onChange:ce,onReset:c}),height:90},getFilterOptions:()=>_e.getDashboardFilterCategoryValues("task_management",A,me.loggedInUserRole??[],d.tagList)},Y=n.useCallback(z=>{ne(null),H(r.newGroupField),m({...e.localData,newTaskGroupName:z})},[e.localData,m]),M=n.useCallback(()=>{ne(null)},[]),F=n.useCallback(()=>{K!=null&&a(K)},[K,a]),v=n.useCallback(()=>{H(r.newGroupField)},[]),w=n.useCallback(z=>{ie(ze=>ze===z?null:z)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&q(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{i&&e.taskGroupTemplates.length>0&&ie(e.taskGroupTemplates[0].id)},[i,e.taskGroupTemplates]);const te=()=>ee==="Error"?s.jsxRuntimeExports.jsxs(Ls,{children:[s.jsxRuntimeExports.jsx(Ms,{onClick:p,children:s.jsxRuntimeExports.jsx(Gs,{})}),s.jsxRuntimeExports.jsx(Ns,{children:U.common.reloadPage.label})]}):ee==="Completed"&&he.length===0?s.jsxRuntimeExports.jsx(t.NoListDataPage,{message:U.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?s.jsxRuntimeExports.jsx(We.BusyIndication,{fetchState:ee}):s.jsxRuntimeExports.jsx(Es,{taskListView:e,tagList:ge,renameActiveField:V,updateTask:h,onDragNDrop:x,onAddNewTaskToTaskGroup:D,onColumnSortConfigChanged:C,onTaskManagementRowClick:l,assignGroupToTasks:B,handleCreateGroup:j,resetLocalData:k,setGroupCreationInProgress:v,setShowDeleteModal:q,updateLocalData:m,setActiveTaskGroupId:se,setRenameActiveField:H,onTaskGroupRename:y,onTimeSpentUpdate:b,onShowToast:R,onCreateTagClick:u}),Pe=s.jsxRuntimeExports.jsx(Oe.SpendManagementSection,{spendManagementSectionProps:L});return s.jsxRuntimeExports.jsxs(Is,{children:[s.jsxRuntimeExports.jsx(t.NavBar,{title:U.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:Se.colors.grey4,style:{zIndex:3},onBackClick:G,rightSideComponent:Pe,isSearchOpen:ae,source:"TaskManagementPage"}),s.jsxRuntimeExports.jsx(jt,{anchorEl:ue,groupByKey:X.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:i,onClose:M,onNewTaskClick:O,onNewGroupClick:Y,handleGroupTemplateClick:T,handleGroupTemplateTaskClick:g,onNewTaskInitialization:I,onExpandTemplate:w,expandedTemplate:Z}),s.jsxRuntimeExports.jsx(bs,{children:te()}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:_===!0,children:s.jsxRuntimeExports.jsx(t.ConfirmationPopup,{action:{onOkClick:F,onCancelClick:()=>{q(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:U.common.cancel,primaryButtonText:U.common.confirm,titleComponent:s.jsxRuntimeExports.jsx(zs,{children:s.jsxRuntimeExports.jsx(t.H6Regular,{children:U.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:s.jsxRuntimeExports.jsx(Ws,{children:s.jsxRuntimeExports.jsx(t.StandardRegular,{children:U.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Es=({taskListView:e,tagList:d,renameActiveField:i,updateTask:u,onTaskGroupRename:h,setRenameActiveField:x,onDragNDrop:a,updateLocalData:m,setShowDeleteModal:l,handleCreateGroup:p,resetLocalData:C,assignGroupToTasks:$,setGroupCreationInProgress:G,onTaskManagementRowClick:O,onColumnSortConfigChanged:S,onAddNewTaskToTaskGroup:k,setActiveTaskGroupId:j,onTimeSpentUpdate:B,onShowToast:D,onCreateTagClick:P})=>{const y=n.useRef(null),[f,b]=n.useState(null),R=n.useRef({}),T=t.useWindowSizeContext(),{localData:g,taskGroupsWithTasksList:E,uiState:_}=e,[q,V]=n.useState([]),H=n.useRef(null);Ye({scrollContainerRef:H,isEnabled:T!=="small"});const K=n.useMemo(()=>e.userList.users.map(c=>c.user).filter(c=>c!=null),[e.userList.users]),se=s.useForm({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ne(e.taskGroupsWithTasksList,g,K,d),[g,e.taskGroupsWithTasksList,K,d]),values:n.useMemo(()=>Ne(e.taskGroupsWithTasksList,g,K,d),[g,e.taskGroupsWithTasksList,K,d])}),Z=n.useMemo(()=>{if(i!==r.newGroupField)return E;const c=[],I=E.map(A=>{const L=A.tasks.filter(Y=>{const M=g.selectedTaskIds.includes(Y.id)===!0;return M&&c.push(Y),M===!1});return{...A,tasks:L}});return I.unshift({groupName:"",isDefault:!1,id:r.newGroupField,tasks:c}),I},[i,E,g.selectedTaskIds]),ie=n.useCallback(c=>q.includes(Z[c].id)||Z[c].tasks.length===0?100:R.current?.[c]!=null?R.current[c]+ys.rowGap.value(T):(de.DEFAULT_LIST_ITEM_LINE_HEIGHT*1+de.DEFAULT_LIST_ITEM_PADDING)*3+de.DEFAULT_LIST_GROUP_LABEL_HEIGHT_REGULAR+de.DEFAULT_LIST_GROUP_GAP,[q,Z,T]),ue=n.useCallback(c=>{b(c.currentTarget)},[]),ne=n.useCallback((c,I)=>{R.current={...R.current,[c]:I},y.current?.resetAfterIndex(0,!0)},[T,y,E]),ae=n.useCallback(c=>{V(I=>I.includes(c)?I.filter(A=>c!==A):[...I,c]),y.current?.resetAfterIndex(0,!0)},[]),oe=n.useCallback(()=>{b(null)},[]),me=n.useCallback(()=>{V(E.map(c=>c.id)),y.current?.resetAfterIndex(0,!0)},[E]),ee=n.useCallback(()=>{V([]),y.current?.resetAfterIndex(0,!0)},[]),X=n.useCallback(()=>{G(),y.current?.scrollTo(0),oe()},[oe,G]),xe=n.useCallback(c=>{j(c),l(!0)},[j,l]),re=n.useCallback(()=>{g.selectedTaskIds.length>0?i!==r.newGroupField?X():p(!0):i===r.newGroupField?p(!1):i!=null&&h(i,g.existingTaskGroupNamesByGroupId[i])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,i,X,p,h]),he=n.useCallback(()=>{x(null),C()},[C,x]),ge=n.useCallback(c=>{C(),x(c)},[C,x]),Se=n.useCallback(()=>{g.defaultTaskGroupId!=null&&$(g.defaultTaskGroupId)},[$,g.defaultTaskGroupId]),fe=async(c,I)=>{if(c.includes(r.priorityKey)){const L=c.split(".")[2],M=E.flatMap(v=>v.tasks).find(v=>v.id===L),F=I[r.taskManagementTableSectionId][r.taskDataKey][L].priority.selectedOption;if(M!=null&&F!=null){const v=Q.allTaskPriority.find(w=>w.code===F);v!=null&&u(M,{priority:v})}return}if(c.includes(r.statusKey)){const L=c.split(".")[2],M=E.flatMap(v=>v.tasks).find(v=>v.id===L),F=I[r.taskManagementTableSectionId][r.taskDataKey][L].status.selectedOption;if(M!=null&&F!=null){const v=Q.allTaskStatus.find(w=>w.code===F);M!=null&&v!=null&&u(M,{status:v})}return}if(c.includes(r.assigneeKey)){const L=c.split(".")[2],M=E.flatMap(w=>w.tasks).find(w=>w.id===L),F=E.find(w=>w.tasks.find(te=>te.id===L))?.id,v=I[r.taskManagementTableSectionId][r.taskDataKey][L].assignees.selectedUsers.map(w=>w.userId);F!=null&&v!=null&&M!=null&&u(M,{assignees:v});return}if(c.includes(r.dueDateKey)){const L=c.split(".")[2],M=E.flatMap(w=>w.tasks).find(w=>w.id===L),F=E.find(w=>w.tasks.find(te=>te.id===L))?.id,v=I[r.taskManagementTableSectionId][r.taskDataKey][L].dueDate.date;F!=null&&v!=null&&M!=null&&u(M,{dueDate:v});return}if(c.includes(r.tagKey)){const L=c.split(".")[2],M=E.flatMap(w=>w.tasks).find(w=>w.id===L),F=E.find(w=>w.tasks.find(te=>te.id===L))?.id,v=I[r.taskManagementTableSectionId][r.taskDataKey][L].tags.selectedOptions;F!=null&&v!=null&&M!=null&&u(M,{tagIds:v});return}c.includes(r.timeSpentKey)&&se.trigger(c);const A=Ts(c,I,g);m(A)};n.useEffect(()=>{const c=se.watch((I,{name:A})=>{A!=null&&I!=null&&s.defer(()=>fe(A,I))});return()=>{c.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&x(null)},[x,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&x(null)},[x,e.taskGroupUpdateStatus.fetchState]);const le=E.length>1&&g.selectedTaskIds.length>0&&i!==r.newGroupField,ce=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||i!==null;return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(s.FormProvider,{...se,children:s.jsxRuntimeExports.jsx("form",{id:Re(r.taskManagementPage),onSubmit:se.handleSubmit(re),style:{width:"100%"},children:s.jsxRuntimeExports.jsx(Os,{isFooterVisible:ce,windowSize:T,children:s.jsxRuntimeExports.jsx(s.AutoSizer,{children:({height:c,width:I})=>s.jsxRuntimeExports.jsx(s.VariableSizeList,{ref:y,outerRef:H,height:c,itemCount:Z.length,itemSize:ie,estimatedItemSize:Ee.DEFAULT_LIST_ITEM_HEIGHT_COMPACT,itemKey:A=>Z[A].id,width:I,overscanCount:Ee.OVERSCAN_COUNT,itemData:{tagList:d,taskGroupsWithTasksList:Z,uiState:_,collapsedGroups:q,userList:e.userList,renameActiveField:i,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:ge,handleOnDragNDrop:a,onCollapseToggle:ae,setRowHeight:ne,onTaskManagementRowClick:O,onColumnSortConfigChanged:S,onAddNewTaskToTaskGroup:k,onCollapseAll:me,onDeleteTaskGroup:xe,onExpandAll:ee,onTimeSpentUpdate:B,onShowToast:D,onCreateTagClick:P},initialScrollOffset:0,children:vs})})})})}),ce?s.jsxRuntimeExports.jsx(t.Footer,{formId:Re(r.taskManagementPage),primaryBtn:{label:E.length===1&&g.selectedTaskIds.length>0&&i!==r.newGroupField?we.taskList.footer.createGroup:Ge.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ge.cancel,style:{width:"135px"},onClick:he},helperContainerStyle:T==="small"?{width:"100%"}:void 0,leftSideComponent:s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:T!=="small"&&g.selectedTaskIds.length>0,children:s.jsxRuntimeExports.jsxs(Ds,{children:[s.jsxRuntimeExports.jsx(Be,{count:g.selectedTaskIds.length}),s.jsxRuntimeExports.jsx(Ps,{children:g.selectedTaskIds.length>1?we.taskList.footer.tasksSelected:we.taskList.footer.taskSelected})]})}),rightSideComponent:s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:T!=="small"&&g.selectedTaskIds.length>0,children:s.jsxRuntimeExports.jsx(As,{children:s.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:U.taskManagement.taskList.footer.ungroup,children:s.jsxRuntimeExports.jsx(_s,{onClick:Se})})})}),showPrimaryButton:le===!1,customPrimaryButton:le?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:U.taskManagement.taskList.footer.moveTo,onClick:ue,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),s.jsxRuntimeExports.jsx(nt,{taskGroupsList:E,anchorEl:f,groupByKey:_.groupByKey,onCreateNewGroup:X,onExistingGroupSelection:c=>{oe(),$(c)},onClose:oe})]}):void 0}):null]})},vs=({index:e,style:d,data:i})=>{const u=n.useRef(null),h=t.useWindowSizeContext(),{tagList:x,taskGroupsWithTasksList:a,uiState:m,renameActiveField:l,collapsedGroups:p,onCollapseToggle:C,onTaskManagementRowClick:$,setRowHeight:G,onColumnSortConfigChanged:O,onCollapseAll:S,onExpandAll:k,onAddNewTaskToTaskGroup:j,onDeleteTaskGroup:B,handleOnDragNDrop:D,onRenameClick:P,userList:y,selectedRowIds:f,existingTaskGroupNamesByGroupId:b,onTimeSpentUpdate:R,onShowToast:T,onCreateTagClick:g}=i;n.useEffect(()=>{u.current?.firstElementChild!=null&&G(e,u.current.firstElementChild.clientHeight)},[e,u,h,a[e]?.tasks]);const E=n.useCallback(H=>{const K=H.dataTransfer.getData("row");D(K,a[e].id)},[D,e,a]),_=n.useCallback(H=>{H.preventDefault()},[]),q=(H,K)=>{H.dataTransfer.setData("row",K)},V=()=>{P(a[e].id)};return s.jsxRuntimeExports.jsx(Bs,{style:{...d,width:"100%"},ref:u,onDrop:E,onDragOver:_,children:s.jsxRuntimeExports.jsx($s,{taskGroup:a[e],showGroupName:!0,tagList:x,uiState:m,isCollapsed:p.includes(a[e].id),onCollapseToggle:C,showRenameTextField:l===a[e].id,isSelectionAllowed:l==null,onTaskManagementRowClick:$,onColumnSortConfigChanged:O,onAddNewTaskToTaskGroup:j,onCollapseAll:S,onDeleteTaskGroup:B,onExpandAll:k,selectedRowIds:f,userList:y,existingTaskGroupNamesByGroupId:b,onDragStart:q,onRenameClick:V,onTimeSpentUpdate:R,onShowToast:T,onCreateTagClick:g},a[e].id)})},$s=({taskGroup:e,tagList:d,showGroupName:i,uiState:u,showRenameTextField:h,isCollapsed:x,isSelectionAllowed:a,selectedRowIds:m,userList:l,existingTaskGroupNamesByGroupId:p,onRenameClick:C,onTaskManagementRowClick:$,onCollapseToggle:G,onColumnSortConfigChanged:O,onCollapseAll:S,onExpandAll:k,onAddNewTaskToTaskGroup:j,onDeleteTaskGroup:B,onDragStart:D,onTimeSpentUpdate:P,onShowToast:y,onCreateTagClick:f})=>{const b=t.useWindowSizeContext(),R=b==="medium-regular"||b==="medium-compact"||b==="small"?qt:W.TaskListRow;return s.jsxRuntimeExports.jsx(R,{taskGroup:e,tagList:d,userList:l,sectionId:r.taskManagementTableSectionId,showGroupName:i,uiState:u,showRenameTextField:h,isCollapsed:x,isSelectionAllowed:a,selectedRowIds:m,existingTaskGroupNamesByGroupId:p,onAddNewTaskToTaskGroup:j,onCollapseAll:S,onDeleteTaskGroup:B,onExpandAll:k,onCollapseToggle:G,onTaskManagementRowClick:$,onColumnSortConfigChanged:O,onDragStart:D,onRenameClick:C,onTimeSpentUpdate:P,onShowToast:y,onCreateTagClick:f})},Ne=(e,d,i,u)=>{const h={},x={};e.forEach(m=>{x[m.id]={[r.selectedIdsKey]:[],[r.groupNameKey]:d.existingTaskGroupNamesByGroupId[m.id]},m.tasks.forEach(l=>{d.selectedTaskIds.includes(l.id)&&x[m.id].selectedIds.push(l.id),h[l.id]={[r.statusKey]:{selectedOption:l.status.code,allOptions:Q.allTaskStatus.map(p=>({label:p.name,value:p.code}))},[r.priorityKey]:{selectedOption:l.priority.code,allOptions:Q.allTaskPriority.map(p=>({label:p.name,value:p.code}))},[r.dueDateKey]:{date:l.dueDate,showBusinessDay:!1},[r.assigneeKey]:{allUsers:i,selectedUsers:l.assigneeUsers.map(p=>p.user)},[r.tagKey]:{allOptions:r.getTagList(u),selectedOptions:l.tagIds},[r.timeSpentKey]:l.timeSpent}})});const a={[r.groupDataKey]:{[r.newGroupField]:{[r.groupNameKey]:d.newTaskGroupName,[r.selectedIdsKey]:[]},...x},[r.taskDataKey]:h};return{[r.taskManagementTableSectionId]:a}},Ts=(e,d,i)=>{if(e.includes(r.taskManagementTableSectionId)){const u=e.split(".")[2];if(e.includes(r.groupNameKey))return e.includes(r.newGroupField)?{...i,newTaskGroupName:d[r.taskManagementTableSectionId].groupData[u][r.groupNameKey]}:{...i,existingTaskGroupNamesByGroupId:{...i.existingTaskGroupNamesByGroupId,[u]:d[r.taskManagementTableSectionId].groupData[u][r.groupNameKey]}};if(e.includes(r.selectedIdsKey)){const h=s.flatten(s.map(Object.values(d[r.taskManagementTableSectionId][r.groupDataKey]),r.selectedIdsKey)).filter(x=>x!==U.common.all.toLocaleLowerCase());return{...i,selectedTaskIds:h}}}return i},bs=o.div`
+  display: block;
+  height: 100%;
+`,Is=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Ls=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ms=o.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Gs=o(t.SvgReload)`
+  height: ${t.Space.sp5};
+  width: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ns=o(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Os=o.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%;
+`,Bs=o.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  box-sizing: border-box;
+`,Ds=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  padding-left: ${t.Space.sp9};
+`,Ps=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,zs=o.div`
+  padding-top: ${t.Space.sp7};
+  padding-bottom: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Ws=o.div`
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  padding-bottom: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,_s=o(ws)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,As=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${t.Space.sp6};
+`;exports.default=Rs;exports.uniqueFormName=Re;