@zeniai/web-cockpit-ui 1.13.85-qa → 1.13.86-dev

package/dist/assets/TaskManagementPage-CQL5Q6wr-B8c2_TIF.js

@@ -0,0 +1,508 @@
+import{w as ht,u as Ze,j as t,M as oe,iJ as Z,aW as mt,T as H,bN as gt,s as K,Z as kt,l as Q,o as s,eK as Ye,ah as Ne,bK as xt,fB as wt,as as ft,bg as qe,a9 as Ct,X as ie,a as Tt,C as Xe,c3 as $t,F as yt,ao as jt,bS as bt,id as vt,ie as St,iK as Me,a7 as Gt,K as Ee,bu as Ie,eG as Je,iL as Lt,cq as Qe,iM as ce,iN as ge,iO as Nt,iP as ke,iQ as et,iR as tt,iS as st,iT as ot,iU as at,iV as rt,iW as _,p as me,iX as re,v as ne,iY as It,iZ as Dt,a6 as Et,n as Mt,i_ as zt,d7 as Bt,i$ as Wt,cg as nt,cA as At,q as Ft,j0 as Rt,j1 as Pt,fC as Ot,eJ as Ut,j2 as Ht,j3 as X,j4 as ze,bU as Vt,j5 as _t,j6 as Kt,j7 as Be,j8 as Zt,g as We,fZ as Yt,f as qt}from"./index-GMJ2nuUF.js";import{b as a,n as o,j as xe}from"./vendor-CnQcJ2Lu.js";import{J as Xt,Y as Jt}from"./SpendManagementSection-C8jUu71n-DVI61rJT.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-BrTtuTMy-BDNvMhiy.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-NfjbjBOy-CNnp9KH1.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-CxzYEzIO-Dl4oZKu3.js";const ve=oe.getLocalizedStrings(),it=({count:e})=>t.jsx(as,{isCircular:e<10,children:t.jsx(rs,{children:e>ve.common.numbers.maximumCount?`${ve.common.numbers.maximumCount}${ve.common.strings.plus}`:e})}),as=o.div`
+  ${e=>e.isCircular?xe`
+          height: 18px;
+          width: 18px;
+        `:xe`
+          height: 18px;
+          min-width: 18px;
+          padding: ${s.sp0} ${s.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${s.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,rs=o(Mt)`
+  color: inherit;
+`,{taskManagement:Ae,common:Se}=oe.getLocalizedStrings();function ns(e){const{onChange:p,value:r,resetDisabled:h,onReset:m}=e,c=()=>{h!==!0&&m()};return t.jsxs(is,{children:[t.jsx(cs,{children:Ae.taskList.groupingFilters.groupBy}),t.jsx(ls,{children:t.jsx(Xt,{value:r,placeHolder:Ae.taskList.groupingFilters.placeholder,onChange:i=>{const d=Q.toTaskListGroupByKeyTypeStrict(i.value);if(d!=null)p(d);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:i=>{const d=Se.texts,l=Q.toTaskListGroupByKeyTypeStrict(i);return l!=null?d[l]:Se.strings.empty}})}),t.jsxs(ds,{onClick:c,isDisabled:h,children:[t.jsx(ps,{}),t.jsx(K,{children:Se.reset})]})]})}const is=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp4};
+  justify-content: space-between;
+  padding-bottom: ${s.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,ls=o.div`
+  flex: 1;
+`,ds=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?xe`
+          opacity: 0.3;
+        `:xe`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${s.sp1};
+`,cs=o(ft)`
+  color: ${e=>e.theme.colors.primary};
+`,ps=o(qe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,us=oe.getLocalizedStrings().taskManagement.taskList.footer;function hs({taskGroupsList:e,anchorEl:p,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:c}){const i=()=>{c(),h()};return t.jsx(Ye,{open:!!p,anchorEl:p,onClose:c,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(ms,{children:[t.jsx(gs,{children:e.map(d=>{const l=()=>{c(),m(d.id)};return t.jsx(Fe,{onClick:l,children:t.jsx(ne,{children:d.groupName})},d.id)})}),t.jsx(H,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:i,children:[t.jsx(ks,{}),t.jsx(ne,{children:us.createGroup})]})})]})})}const ms=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,Fe=o.div`
+  padding: ${s.sp2} ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${s.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,gs=o.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,ks=o(Qe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function xs({placeholder:e,searchText:p,inputContainerStyles:r,onSearchTextChanged:h}){const[m,c]=a.useState(!1),i=a.useRef(null),d=ie(),l=()=>{p||c(!1)};return t.jsxs(ws,{children:[m?null:t.jsx(Cs,{onMouseEnter:()=>c(!0),onClick:()=>{c(!0),i.current?.focus()},children:t.jsx(Re,{})}),m?t.jsxs(fs,{style:r,isOpen:m,children:[t.jsx(Re,{}),t.jsx(Ts,{windowSize:d,autoFocus:d!=="small",placeholder:e,value:p,onBlur:l,onChange:u=>{const y=u.target;h(y.value)},ref:i}),p?t.jsx($s,{}):null]}):null]})}const ws=o.div`
+  position: relative;
+`,fs=o.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  padding-bottom: ${s.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;
+`,Re=o(It)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${s.sp3};
+  height: ${s.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Cs=o.div`
+  cursor: pointer;
+`,Ts=o(Dt)`
+  display: flex;
+  border-width: ${s.sp0};
+  outline-width: ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${s.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,$s=o(Et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ys=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"})),js=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"})),bs=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"})),{taskManagement:vs,common:Ss}=oe.getLocalizedStrings(),J=vs.taskList.newTaskOptions;function Gs({anchorEl:e,groupByKey:p,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:c,onExpandTemplate:i,onClose:d,onNewTaskClick:l,onNewGroupClick:u,handleGroupTemplateClick:y,handleGroupTemplateTaskClick:j,onNewTaskInitialization:G}){const I=Ze(),[g,w]=a.useState(null),[x,E]=a.useState(null);a.useEffect(()=>{h.fetchState==="Completed"&&(E(null),w(null),d())},[h.fetchState,d]);const M=a.useCallback((b,R)=>{w(R),j(b,R)},[j]),D=a.useCallback(b=>{E(b),y(b)},[y]);return t.jsx(Ye,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${I.colors.grey3}`}},anchorEl:e,onClose:d,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ns,{isTaskTemplatesEnabled:m,children:[t.jsxs(Es,{children:[t.jsxs(Pe,{onClick:l,children:[t.jsx(Is,{}),t.jsx(Ne,{children:J.task})]}),t.jsx(H,{controller:p==="groupName",children:t.jsxs(Pe,{onClick:()=>u(""),children:[t.jsx(Ds,{}),t.jsx(Ne,{children:J.group})]})})]}),m?t.jsx(Ls,{taskGroupTemplates:r,taskIdInCreation:g,groupIdInCreation:x,expandedTemplate:c,handleGroupTemplateClick:D,handleGroupTemplateTaskClick:M,onNewGroupClick:u,onNewTaskInitialization:G,onExpandTemplate:i}):null]})})}const Ls=({taskGroupTemplates:e,taskIdInCreation:p,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:c,handleGroupTemplateTaskClick:i,onNewGroupClick:d,onNewTaskInitialization:l})=>{const[u,y]=a.useState(""),j=a.useMemo(()=>{const g=[];return e.forEach(w=>{if(w.name.toLowerCase().includes(u.toLowerCase()))g.push(w);else{const x=w.tasks.filter(E=>E.name.toLowerCase().includes(u.toLowerCase()));x.length>0&&g.push({...w,tasks:x})}}),g},[e,u]),G=a.useCallback(()=>{l(u)},[u,l]),I=a.useCallback(()=>{d(u)},[u,d]);return t.jsxs(Ms,{children:[t.jsx(zs,{children:t.jsxs(Ws,{children:[t.jsxs(Bs,{children:[t.jsx(As,{}),t.jsx(Fs,{children:J.groupTemplates})]}),t.jsx(xs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:u,onSearchTextChanged:y,placeholder:J.searchPlaceholder})]})}),t.jsx(H,{controller:j.length>0,children:t.jsx(Rs,{children:j.map(g=>{const w=h===g.id;return t.jsxs(Ys,{children:[t.jsxs(Ps,{onClick:()=>{m(g.id)},expanded:w,children:[t.jsxs(Os,{children:[t.jsx(H,{controller:w,children:t.jsx(Zs,{})}),t.jsx(H,{controller:!w,children:t.jsx(Ks,{})}),t.jsx(K,{children:g.name}),t.jsx(it,{count:g.tasks.length})]}),t.jsx(Vs,{expanded:w,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:g.createdAt!=null,onClick:x=>{x.stopPropagation(),m(null),c(g.id)},reverseSpinnerColor:!1,loading:r===g.id})]}),t.jsx(H,{controller:w,children:t.jsx(a.Fragment,{children:g.tasks.map(x=>t.jsxs(Us,{children:[t.jsxs(Hs,{children:[t.jsx(qs,{className:"styled-dot"}),t.jsx(Qs,{className:"task-name-text",children:x.name})]}),t.jsx(_s,{loading:p===x.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Ss.create,reverseSpinnerColor:!1,onClick:()=>i(g.id,x.name)})]},x.name))})})]},g.id)})})}),t.jsxs(H,{controller:j.length===0,children:[t.jsx(Xs,{children:t.jsx(Js,{children:J.noTaskGroup})}),t.jsxs(Oe,{onClick:G,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",u)})]}),t.jsxs(Oe,{onClick:I,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",u)})]})]})]})},Ns=o.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,Pe=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  padding: ${s.sp2} ${s.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};
+  }
+`,Is=o(bs)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ds=o(js)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Es=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ms=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${s.sp2};
+`,zs=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+`,Bs=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Ws=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,As=o(ys)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Fs=o(Ne)`
+  color: ${e=>e.theme.colors.primary};
+`,Rs=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,Ps=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.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;
+    }
+  }
+`,Os=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp0};
+  color: inherit;
+  column-gap: ${s.sp2};
+`,Us=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.sp4};
+
+  &:hover {
+    column-gap: ${s.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,Hs=o.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${s.sp2} ${s.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};
+    }
+  }
+`,Vs=o(Ee)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,_s=o(Ee)`
+  display: none;
+`,Ks=o(Lt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Zs=o(Je)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ys=o.div``,qs=o.div`
+  display: inline-block;
+  border-radius: ${s.sp2};
+  width: ${s.sp1};
+  height: ${s.sp1};
+  margin: ${s.sp0} 12px ${s.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,Xs=o.div`
+  padding: ${s.sp2} ${s.sp3};
+`,Js=o(K)`
+  color: ${e=>e.theme.colors.hero};
+`,Oe=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${s.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ue=o(Qe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Qs=o(K)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Ge,dateFormat:eo,taskManagement:De}=oe.getLocalizedStrings(),lt={taskNameMaxWidth:new Xe(125,170,170,250,300)},to=({taskDetail:e,tagList:p,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:c})=>{const i=ie(),d=e.assigneeUsers.length,l=e.assigneeUsers[0]?.user,u=l?.firstName||l?.lastName?`${l.firstName} ${l.lastName}`:l?.email??Ge.strings.empty,{getValues:y,resetField:j,getFieldState:G}=nt(),I=(g,w)=>{const x=Be(g,w,ke);G(x).invalid?j(x):m(e,{timeSpent:y(x)})};return t.jsxs(ao,{children:[t.jsxs(xo,{windowSize:i,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(wo,{windowSize:i,children:[t.jsx(Co,{isIconPresent:e.type.code==="recurring",windowSize:i,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ie,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx($o,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ie,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(fo,{windowSize:i,responsiveWidth:X[0].width,children:t.jsx(To,{windowSize:i,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(He,{windowSize:i,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(vo,{windowSize:i,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(So,{windowSize:i,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(eo.visual.MMMDCommaYYYYformat):t.jsx(ro,{children:Ge.strings.hyphen})}),t.jsx(He,{windowSize:i,responsiveWidth:X[4].width,children:d>0?t.jsxs(no,{children:[t.jsx(Vt,{personBasic:l,styles:{width:s.sp4,height:s.sp4}}),t.jsx(yo,{children:t.jsx(jo,{children:u})}),d>1?t.jsx(io,{children:`${Ge.strings.plus}${d-1}`}):null]}):null}),t.jsx(Go,{windowSize:i,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(bo,{children:_t(e.tagIds,p)}):null}),t.jsx(No,{windowSize:i,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Io,{className:"timeSpentField",children:t.jsx(Kt,{name:Be(r,e.id,ke),placeholder:De.common.timeSpentPlaceholder,timeSpentFormat:De.common.timeSpentFormat,registerOptions:{validate:g=>Q.convertHHMMStrToMinutes(g)>Zt?(c({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{I(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},so=({taskGroup:e,tagList:p,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:c,isCollapsed:i,existingTaskGroupNamesByGroupId:d,onDeleteTaskGroup:l,onExpandAll:u,onCollapseAll:y,onAddNewTaskToTaskGroup:j,onCollapseToggle:G,onTaskManagementRowClick:I,onDragStart:g,onTimeSpentUpdate:w,onShowToast:x})=>{const[E,M]=a.useState(null),D=ie(),{setFocus:b}=nt(),R=a.useCallback(()=>{G(e.id)},[G,e.id]),P=a.useCallback(B=>{M(B.currentTarget)},[]),z=a.useCallback(()=>{M(null)},[]),A=a.useCallback(()=>{j(e.id)},[j,e.id]),k=a.useCallback(()=>{M(null),l(e.id)},[l,e.id]),C=a.useCallback(()=>{b(`${r}.groupName`),z()},[z,r,b]);return t.jsxs(oo,{windowSize:D,children:[t.jsx(H,{controller:h,children:t.jsxs(lo,{children:[t.jsxs(co,{children:[t.jsx(po,{isOpen:i===!1,onClick:R,children:t.jsx(uo,{})}),t.jsx(At,{style:{textAlign:"start",width:"100%",background:"unset",...Ft.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:De.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:B=>Rt(B,e.id,d)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(ho,{onClick:P,children:t.jsx(mo,{})}),t.jsx(Pt,{onClose:z,onAddTask:A,onCollapseAll:y,onDelete:k,onExpandAll:u,onRename:C,isDefault:e.isDefault,anchorEl:E})]})}),t.jsx(H,{controller:i===!1,children:t.jsx(Ot,{mode:"checked_or_hover",isDisabled:c===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(B=>{const V=()=>{I(B.id)};return{label:t.jsx(to,{taskDetail:B,onRowClick:V,tagList:p,onTimeSpentUpdate:w,onShowToast:x,sectionId:r}),prefix:D==="small"?null:t.jsx(go,{children:t.jsx(ko,{})}),value:B.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:g,draggable:!0})})]})},oo=o.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${s.sp3};
+  row-gap: ${s.sp3};
+`,ao=o.div`
+  display: flex;
+  align-items: center;
+  height: ${s.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"?`${We.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${We.dropShadowNormalLight}`};
+  border-radius: ${s.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: ${s.sp4};
+  padding-right: ${s.sp4};
+  justify-content: space-between;
+`,ro=o(K)``,no=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,io=o(qt)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${s.sp3} + ${s.sp1});
+  height: calc(${s.sp3} + ${s.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,lo=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,co=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,po=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,uo=o(Je)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,ho=o.div`
+  cursor: pointer;
+`,mo=o(Ut)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,go=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,ko=o(Ht)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,xo=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,wo=o(K)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,fo=o(K)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,Co=o.div`
+  max-width: ${e=>`${lt.taskNameMaxWidth.value(e.windowSize)-me[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;
+`,To=o(ne)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>lt.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,$o=o(Yt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,yo=o.div`
+  margin-right: ${s.sp1};
+  margin-left: ${s.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+`,jo=o(ne)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${s.sp8};
+  white-space: nowrap;
+`,bo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,He=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: ${s.sp1};
+`,vo=o(ne)`
+  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: ${s.sp1};
+  column-gap: ${s.sp2};
+`,So=o(ne)`
+  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?s.sp2:s.sp0};
+  column-gap: ${s.sp2};
+`,Go=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: ${s.sp1};
+  column-gap: ${s.sp2};
+`,Lo=o.div`
+  width: inherit;
+  position: relative;
+`,No=o(Lo)`
+  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: ${s.sp2};
+`,Io=o.div`
+  max-width: ${s.sp11};
+`,Do=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"})),U=oe.getLocalizedStrings(),Ve=e=>`${e}_form`,Eo={rowGap:new Xe(me[0],me[5],me[5])},{common:{footer:_e},taskManagement:Le}=oe.getLocalizedStrings(),pa=({taskListView:e,tagListView:p,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:c,onDeleteTaskGroup:i,updateLocalData:d,onTaskManagementRowClick:l,onReloadTasks:u,onColumnSortConfigChanged:y,onSearchTextChanged:j,onBackClick:G,onNewTaskClick:I,onFiltersChange:g,resetLocalData:w,handleCreateGroup:x,assignGroupToTasks:E,onAddNewTaskToTaskGroup:M,onGroupByFilterChange:D,onTaskGroupRename:b,analytics:R,onTimeSpentUpdate:P,onShowToast:z,handleGroupTemplateClick:A,handleGroupTemplateTaskClick:k,handleNewTaskInitialization:C})=>{const[B,V]=a.useState(!1),[ee,W]=a.useState(null),[O,q]=a.useState(null),[we,pe]=a.useState(null),[fe,le]=a.useState(null),[te,Ce]=a.useState(!1),Te=ht(),{fetchState:Y,uiState:ae,filters:$e,userList:de,taskGroupsWithTasksList:ye}=e,{tagList:je}=p,be=Ze(),ue=N=>{Ce(N)},he=a.useCallback(N=>{le(N.currentTarget)},[]),n=a.useCallback(N=>{D(N)},[D]),$=a.useCallback(()=>{D("groupName")},[D]),F=a.useCallback(N=>{C(N)},[C]),v=de.users.map(N=>N.user).filter(N=>N!=null),S={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:U.common.create,isSearchOpen:te,searchPlaceHolder:U.taskManagement.taskList.searchPlaceHolder,searchText:ae.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:ue,onSearchTextChanged:j,onFiltersChange:g,analytics:R,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ns,{value:ae.groupByKey,resetDisabled:ae.groupByKey==="groupName",onChange:n,onReset:$}),height:90},getFilterOptions:()=>os("task_management",v,Te.loggedInUserRole??[],p.tagList)},L=a.useCallback(N=>{le(null),W(Z),d({...e.localData,newTaskGroupName:N})},[e.localData,d]),T=a.useCallback(()=>{le(null)},[]),f=a.useCallback(()=>{O!=null&&i(O)},[O,i]),se=a.useCallback(()=>{W(Z)},[]),dt=a.useCallback(N=>{pe(ut=>ut===N?null:N)},[]);a.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&V(!1)},[e.taskGroupDeleteStatus.fetchState]),a.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&pe(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>Y==="Error"?t.jsxs(Ro,{children:[t.jsx(Po,{onClick:u,children:t.jsx(Oo,{})}),t.jsx(Uo,{children:U.common.reloadPage.label})]}):Y==="Completed"&&ye.length===0?t.jsx(xt,{message:U.taskManagement.taskList.noDataText}):Y==="Not-Started"||Y==="In-Progress"?t.jsx(wt,{fetchState:Y}):t.jsx(Mo,{taskListView:e,tagList:je,renameActiveField:ee,updateTask:m,onDragNDrop:c,onAddNewTaskToTaskGroup:M,onColumnSortConfigChanged:y,onTaskManagementRowClick:l,assignGroupToTasks:E,handleCreateGroup:x,resetLocalData:w,setGroupCreationInProgress:se,setShowDeleteModal:V,updateLocalData:d,setActiveTaskGroupId:q,setRenameActiveField:W,onTaskGroupRename:b,onTimeSpentUpdate:P,onShowToast:z,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:S});return t.jsxs(Fo,{children:[t.jsx(mt,{title:U.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:be.colors.grey4,style:{zIndex:3},onBackClick:G,rightSideComponent:pt,isSearchOpen:te,source:"TaskManagementPage"}),t.jsx(Gs,{anchorEl:fe,groupByKey:ae.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:T,onNewTaskClick:I,onNewGroupClick:L,handleGroupTemplateClick:A,handleGroupTemplateTaskClick:k,onNewTaskInitialization:F,onExpandTemplate:dt,expandedTemplate:we}),t.jsx(Ao,{children:ct()}),t.jsx(H,{controller:B===!0,children:t.jsx(gt,{action:{onOkClick:f,onCancelClick:()=>{V(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:U.common.cancel,primaryButtonText:U.common.confirm,titleComponent:t.jsx(Zo,{children:t.jsx(kt,{children:U.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(Yo,{children:t.jsx(K,{children:U.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Mo=({taskListView:e,tagList:p,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:c,onDragNDrop:i,updateLocalData:d,setShowDeleteModal:l,handleCreateGroup:u,resetLocalData:y,assignGroupToTasks:j,setGroupCreationInProgress:G,onTaskManagementRowClick:I,onColumnSortConfigChanged:g,onAddNewTaskToTaskGroup:w,setActiveTaskGroupId:x,onTimeSpentUpdate:E,onShowToast:M,onCreateTagClick:D})=>{const b=a.useRef(null),[R,P]=a.useState(null),z=a.useRef({}),A=ie(),{localData:k,taskGroupsWithTasksList:C,uiState:B}=e,[V,ee]=a.useState([]),W=a.useMemo(()=>e.userList.users.map(n=>n.user).filter(n=>n!=null),[e.userList.users]),O=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:a.useMemo(()=>Ke(e.taskGroupsWithTasksList,k,W,p),[k,e.taskGroupsWithTasksList,W,p]),values:a.useMemo(()=>Ke(e.taskGroupsWithTasksList,k,W,p),[k,e.taskGroupsWithTasksList,W,p])}),q=a.useMemo(()=>{if(r!==Z)return C;const n=[],$=C.map(F=>{const v=F.tasks.filter(S=>{const L=k.selectedTaskIds.includes(S.id)===!0;return L&&n.push(S),L===!1});return{...F,tasks:v}});return $.unshift({groupName:"",isDefault:!1,id:Z,tasks:n}),$},[r,C,k.selectedTaskIds]),we=a.useCallback(n=>V.includes(q[n].id)||q[n].tasks.length===0?100:z.current?.[n]!=null?z.current[n]+Eo.rowGap.value(A):(Qt*1+es)*3+ts+ss,[V,q,A]),pe=a.useCallback(n=>{P(n.currentTarget)},[]),fe=a.useCallback((n,$)=>{z.current={...z.current,[n]:$},b.current?.resetAfterIndex(0,!0)},[A,b,C]),le=a.useCallback(n=>{ee($=>$.includes(n)?$.filter(F=>n!==F):[...$,n]),b.current?.resetAfterIndex(0,!0)},[]),te=a.useCallback(()=>{P(null)},[]),Ce=a.useCallback(()=>{ee(C.map(n=>n.id)),b.current?.resetAfterIndex(0,!0)},[C]),Te=a.useCallback(()=>{ee([]),b.current?.resetAfterIndex(0,!0)},[]),Y=a.useCallback(()=>{G(),b.current?.scrollTo(0),te()},[te,G]),ae=a.useCallback(n=>{x(n),l(!0)},[x,l]),$e=a.useCallback(()=>{k.selectedTaskIds.length>0?r!==Z?Y():u(!0):r===Z?u(!1):r!=null&&m(r,k.existingTaskGroupNamesByGroupId[r])},[k.selectedTaskIds.length,k.existingTaskGroupNamesByGroupId,r,Y,u,m]),de=a.useCallback(()=>{c(null),y()},[y,c]),ye=a.useCallback(n=>{y(),c(n)},[y,c]),je=a.useCallback(()=>{k.defaultTaskGroupId!=null&&j(k.defaultTaskGroupId)},[j,k.defaultTaskGroupId]),be=async(n,$)=>{if(n.includes(ot)){const v=n.split(".")[2],S=C.flatMap(T=>T.tasks).find(T=>T.id===v),L=$[_][re][v].priority.selectedOption;if(S!=null&&L!=null){const T=Q.allTaskPriority.find(f=>f.code===L);T!=null&&h(S,{priority:T})}return}if(n.includes(at)){const v=n.split(".")[2],S=C.flatMap(T=>T.tasks).find(T=>T.id===v),L=$[_][re][v].status.selectedOption;if(S!=null&&L!=null){const T=Q.allTaskStatus.find(f=>f.code===L);S!=null&&T!=null&&h(S,{status:T})}return}if(n.includes(tt)){const v=n.split(".")[2],S=C.flatMap(f=>f.tasks).find(f=>f.id===v),L=C.find(f=>f.tasks.find(se=>se.id===v))?.id,T=$[_][re][v].assignees.selectedUsers.map(f=>f.userId);L!=null&&T!=null&&S!=null&&h(S,{assignees:T});return}if(n.includes(st)){const v=n.split(".")[2],S=C.flatMap(f=>f.tasks).find(f=>f.id===v),L=C.find(f=>f.tasks.find(se=>se.id===v))?.id,T=$[_][re][v].dueDate.date;L!=null&&T!=null&&S!=null&&h(S,{dueDate:T});return}if(n.includes(et)){const v=n.split(".")[2],S=C.flatMap(f=>f.tasks).find(f=>f.id===v),L=C.find(f=>f.tasks.find(se=>se.id===v))?.id,T=$[_][re][v].tags.selectedOptions;L!=null&&T!=null&&S!=null&&h(S,{tagIds:T});return}n.includes(ke)&&O.trigger(n);const F=Wo(n,$,k);d(F)};a.useEffect(()=>{const n=O.watch(($,{name:F})=>{F!=null&&$!=null&&$t(()=>be(F,$))});return()=>{n.unsubscribe()}}),a.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&c(null)},[c,e.taskGroupCreationStatus.fetchState]),a.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&c(null)},[c,e.taskGroupUpdateStatus.fetchState]);const ue=C.length>1&&k.selectedTaskIds.length>0&&r!==Z,he=k.newTaskGroupName.length>0||k.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...O,children:t.jsx("form",{id:Ve(Me),onSubmit:O.handleSubmit($e),style:{width:"100%"},children:t.jsx(Ho,{isFooterVisible:he,windowSize:A,children:t.jsx(jt,{children:({height:n,width:$})=>t.jsx(bt,{ref:b,height:n,itemCount:q.length,itemSize:we,estimatedItemSize:St,itemKey:F=>q[F].id,width:$,overscanCount:vt,itemData:{tagList:p,taskGroupsWithTasksList:q,uiState:B,collapsedGroups:V,userList:e.userList,renameActiveField:r,selectedRowIds:k.selectedTaskIds,existingTaskGroupNamesByGroupId:k.existingTaskGroupNamesByGroupId,onRenameClick:ye,handleOnDragNDrop:i,onCollapseToggle:le,setRowHeight:fe,onTaskManagementRowClick:I,onColumnSortConfigChanged:g,onAddNewTaskToTaskGroup:w,onCollapseAll:Ce,onDeleteTaskGroup:ae,onExpandAll:Te,onTimeSpentUpdate:E,onShowToast:M,onCreateTagClick:D},initialScrollOffset:0,children:zo})})})})}),he?t.jsx(Gt,{formId:Ve(Me),primaryBtn:{label:C.length===1&&k.selectedTaskIds.length>0&&r!==Z?Le.taskList.footer.createGroup:_e.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:_e.cancel,style:{width:"135px"},onClick:de},helperContainerStyle:A==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(H,{controller:A!=="small"&&k.selectedTaskIds.length>0,children:t.jsxs(_o,{children:[t.jsx(it,{count:k.selectedTaskIds.length}),t.jsx(Ko,{children:k.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(H,{controller:A!=="small"&&k.selectedTaskIds.length>0,children:t.jsx(Xo,{children:t.jsx(Ie,{enterDelay:600,title:U.taskManagement.taskList.footer.ungroup,children:t.jsx(qo,{onClick:je})})})}),showPrimaryButton:ue===!1,customPrimaryButton:ue?t.jsxs(t.Fragment,{children:[t.jsx(Ee,{variant:"secondary",label:U.taskManagement.taskList.footer.moveTo,onClick:pe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(hs,{taskGroupsList:C,anchorEl:R,groupByKey:B.groupByKey,onCreateNewGroup:Y,onExistingGroupSelection:n=>{te(),j(n)},onClose:te})]}):void 0}):null]})},zo=({index:e,style:p,data:r})=>{const h=a.useRef(null),m=ie(),{tagList:c,taskGroupsWithTasksList:i,uiState:d,renameActiveField:l,collapsedGroups:u,onCollapseToggle:y,onTaskManagementRowClick:j,setRowHeight:G,onColumnSortConfigChanged:I,onCollapseAll:g,onExpandAll:w,onAddNewTaskToTaskGroup:x,onDeleteTaskGroup:E,handleOnDragNDrop:M,onRenameClick:D,userList:b,selectedRowIds:R,existingTaskGroupNamesByGroupId:P,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:k}=r;a.useEffect(()=>{h.current?.firstElementChild!=null&&G(e,h.current.firstElementChild.clientHeight)},[e,h,m,i[e]?.tasks]);const C=a.useCallback(W=>{const O=W.dataTransfer.getData("row");M(O,i[e].id)},[M,e,i]),B=a.useCallback(W=>{W.preventDefault()},[]),V=(W,O)=>{W.dataTransfer.setData("row",O)},ee=()=>{D(i[e].id)};return t.jsx(Vo,{style:{...p,width:"100%"},ref:h,onDrop:C,onDragOver:B,children:t.jsx(Bo,{taskGroup:i[e],showGroupName:!0,tagList:c,uiState:d,isCollapsed:u.includes(i[e].id),onCollapseToggle:y,showRenameTextField:l===i[e].id,isSelectionAllowed:l==null,onTaskManagementRowClick:j,onColumnSortConfigChanged:I,onAddNewTaskToTaskGroup:x,onCollapseAll:g,onDeleteTaskGroup:E,onExpandAll:w,selectedRowIds:R,userList:b,existingTaskGroupNamesByGroupId:P,onDragStart:V,onRenameClick:ee,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:k},i[e].id)})},Bo=({taskGroup:e,tagList:p,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:c,isSelectionAllowed:i,selectedRowIds:d,userList:l,existingTaskGroupNamesByGroupId:u,onRenameClick:y,onTaskManagementRowClick:j,onCollapseToggle:G,onColumnSortConfigChanged:I,onCollapseAll:g,onExpandAll:w,onAddNewTaskToTaskGroup:x,onDeleteTaskGroup:E,onDragStart:M,onTimeSpentUpdate:D,onShowToast:b,onCreateTagClick:R})=>{const P=ie(),z=P==="medium-regular"||P==="medium-compact"||P==="small"?so:Wt;return t.jsx(z,{taskGroup:e,tagList:p,userList:l,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:c,isSelectionAllowed:i,selectedRowIds:d,existingTaskGroupNamesByGroupId:u,onAddNewTaskToTaskGroup:x,onCollapseAll:g,onDeleteTaskGroup:E,onExpandAll:w,onCollapseToggle:G,onTaskManagementRowClick:j,onColumnSortConfigChanged:I,onDragStart:M,onRenameClick:y,onTimeSpentUpdate:D,onShowToast:b,onCreateTagClick:R})},Ke=(e,p,r,h)=>{const m={},c={};e.forEach(d=>{c[d.id]={[ge]:[],[ce]:p.existingTaskGroupNamesByGroupId[d.id]},d.tasks.forEach(l=>{p.selectedTaskIds.includes(l.id)&&c[d.id].selectedIds.push(l.id),m[l.id]={[at]:{selectedOption:l.status.code,allOptions:Q.allTaskStatus.map(u=>({label:u.name,value:u.code}))},[ot]:{selectedOption:l.priority.code,allOptions:Q.allTaskPriority.map(u=>({label:u.name,value:u.code}))},[st]:{date:l.dueDate,showBusinessDay:!1},[tt]:{allUsers:r,selectedUsers:l.assigneeUsers.map(u=>u.user)},[et]:{allOptions:Nt(h),selectedOptions:l.tagIds},[ke]:l.timeSpent}})});const i={[rt]:{[Z]:{[ce]:p.newTaskGroupName,[ge]:[]},...c},[re]:m};return{[_]:i}},Wo=(e,p,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(Z)?{...r,newTaskGroupName:p[_].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:p[_].groupData[h][ce]}};if(e.includes(ge)){const m=zt(Bt(Object.values(p[_][rt]),ge)).filter(c=>c!==U.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ao=o.div`
+  display: block;
+  height: 100%;
+`,Fo=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Ro=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Po=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;
+`,Oo=o(qe)`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Uo=o(Ct)`
+  margin-top: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ho=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%;
+`,Vo=o.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  box-sizing: border-box;
+`,_o=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  padding-left: ${s.sp9};
+`,Ko=o(K)`
+  color: ${e=>e.theme.colors.primary};
+`,Zo=o.div`
+  padding-top: ${s.sp7};
+  padding-bottom: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Yo=o.div`
+  padding-left: ${s.sp8};
+  padding-right: ${s.sp8};
+  padding-bottom: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,qo=o(Do)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Xo=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${s.sp6};
+`;export{pa as default,Ve as uniqueFormName};

package/dist/assets/{TimeRangeSwitcher-BoPrOhKX-C7fzpFUc.js → TimeRangeSwitcher-DETvaZov-Jche-37U.js}

@@ -1,4 +1,4 @@
-import{j as t,ai as Y,H as k,de as D,aL as V,o as a,w as q}from"./index-BJ9YQ2PG.js";import{n as g,b as i}from"./vendor-CnQcJ2Lu.js";import{R as A}from"./mui-C5LQ0bMa.js";import{L as U}from"./CollapsableReportTable-DshWn4Fc-CJTqtHsL.js";const W=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{j as t,ao as D,J as j,dg as H,aL as V,o as a,v as q}from"./index-GMJ2nuUF.js";import{n as g,b as n}from"./vendor-CnQcJ2Lu.js";import{R as A}from"./mui-BgvZYSo0.js";import{L as J}from"./CollapsableReportTable-CHsJ-93l-CZG5w07A.js";const U=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,X=g.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -7,7 +7,7 @@ import{j as t,ai as Y,H as k,de as D,aL as V,o as a,w as q}from"./index-BJ9YQ2PG
   width: 100%;
   border-top: 1px solid ${e=>e.theme.colors.grey3};
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,_=g.div`
+`,Z=g.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -20,11 +20,11 @@ import{j as t,ai as Y,H as k,de as D,aL as V,o as a,w as q}from"./index-BJ9YQ2PG
   }
   cursor: ${e=>e.isEnabled?"pointer":"default"};
   background-color: ${e=>e.isSelected?e.theme.colors.background:"transparent"};
-`,G=g(V)`
+`,_=g(V)`
   display: flex;
   position: relative;
   scrollbar-width: none;
-`,J=g(q)``,K=g.div`
+`,G=g(q)``,K=g.div`
   top: ${a.sp0};
   left: ${a.sp0};
   width: calc(${e=>h*e.numberOfTicksSelected}px);
@@ -61,4 +61,4 @@ import{j as t,ai as Y,H as k,de as D,aL as V,o as a,w as q}from"./index-BJ9YQ2PG
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function v({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ie(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ne(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ne(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=i.createRef(),b=i.useRef(null),[I,M]=i.useState(!1),[o,T]=i.useState(z(s.selectedTicks,r)),y=i.useRef(o.startIndex);i.useEffect(()=>{y.current=o.startIndex});const[$,C]=i.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[S,F]=i.useState({x:O,y:0});i.useEffect(()=>{M(!0)},[]),i.useEffect(()=>{const n=z(s.selectedTicks,r);if(!k(o,n)){T(n);const d=n.startIndex*h;F({x:d,y:0})}k($,s.highlightedOfSelectedTicks)||C(s.highlightedOfSelectedTicks)},[o,$,s,r]),i.useLayoutEffect(()=>{const{startIndex:n,length:d}=o;u.current?.scrollToItem(y.current<=n?n+d-1:n)},[u,o]);const R=x!==!1,N=(n,d,m)=>{f?.(m,n)},P=(n,d)=>{const m=ie(S.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},L=({index:n,style:d})=>{const m=r[n],{startIndex:j,length:B}=$,H=n>=j&&n<j+B;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:R,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:n,isSelected:H,onClick:N},n)})},E=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:L}),I===!0&&E!=null?t.jsx(te,{parentNode:E,children:t.jsx(D,{axis:"x",defaultPosition:{x:0,y:0},position:S,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(v,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(v,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(Y,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};
+`;function k({iconPosition:e}){switch(e){case"left":return t.jsx(U,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(Z,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(G,{children:J(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),y=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:y,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:y}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,T]=n.useState(z(s.selectedTicks,r)),v=n.useRef(o.startIndex);n.useEffect(()=>{v.current=o.startIndex});const[$,C]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[w,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!j(o,i)){T(i);const d=i.startIndex*h;F({x:d,y:0})}j($,s.highlightedOfSelectedTicks)||C(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(v.current<=i?i+d-1:i)},[u,o]);const R=x!==!1,N=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(w.x,d.x,o,$,r.length);y?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},L=({index:i,style:d})=>{const m=r[i],{startIndex:E,length:B}=$,Y=i>=E&&i<E+B;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:R,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:Y,onClick:N},i)})},S=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(_,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:L}),I===!0&&S!=null?t.jsx(te,{parentNode:S,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:w,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(k,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(k,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(X,{children:t.jsx(D,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};

package/dist/assets/{TimeframeSwitcher-DufweySH-BPYQJKjS.js → TimeframeSwitcher-DRQZAZ8X-B_V6wn8a.js}

@@ -1,4 +1,4 @@
-import{j as t,o,w as p,M as u}from"./index-BJ9YQ2PG.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const f=i.div`
+import{j as t,o,v as p,M as u}from"./index-GMJ2nuUF.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const f=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -18,14 +18,14 @@ import{j as t,o,w as p,M as u}from"./index-BJ9YQ2PG.js";import{n as i}from"./ven
   border-radius: ${o.sp2};
   background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
   box-shadow: ${e=>e.isSelected?`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-`,w=i(p)`
+`,_=i(p)`
   padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
-`,_=i.div`
+`,g=i.div`
   width: 1px;
   height: ${o.sp3};
   background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,g=i.div`
+`,w=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`;function $({timeframe:e,isSelected:a,onClick:l}){const n=s=>{switch(s){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[s];default:return console.warn("Unsupported timeframe"),""}};return t.jsx(x,{onClick:()=>{a===!1&&l(e)},isSelected:a,children:t.jsx(w,{children:n(e)})})}function k({timeframes:e,selectedTimeframe:a,onTimeframeSelectionChanged:l}){const n=r=>{l?.(r)},s=e.findIndex(r=>r===a);return t.jsx(f,{children:e.map((r,c)=>{const m=e.length>1&&c<e.length-1,d=c===s,h=c===s-1;return t.jsxs(g,{children:[t.jsx($,{timeframe:r,isSelected:d,onClick:n},c),m?t.jsx(_,{isSelected:d||h}):null]},c)})})}export{k as b};
+`;function $({timeframe:e,isSelected:a,onClick:l}){const n=s=>{switch(s){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[s];default:return console.warn("Unsupported timeframe"),""}};return t.jsx(x,{onClick:()=>{a===!1&&l(e)},isSelected:a,children:t.jsx(_,{children:n(e)})})}function k({timeframes:e,selectedTimeframe:a,onTimeframeSelectionChanged:l}){const n=r=>{l?.(r)},s=e.findIndex(r=>r===a);return t.jsx(f,{children:e.map((r,c)=>{const m=e.length>1&&c<e.length-1,d=c===s,h=c===s-1;return t.jsxs(w,{children:[t.jsx($,{timeframe:r,isSelected:d,onClick:n},c),m?t.jsx(g,{isSelected:d||h}):null]},c)})})}export{k as b};