@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/TimeRangeSwitcher-C3jXm39I-pg9s0UqV.js

@@ -1,64 +0,0 @@
-import{V as o,b5 as H,ac as j,aG as S,dz as L,bt as Z,o as c,O as q,ak as A}from"./index-DmJDLobC.js";import{a as i}from"./sentry-L3H0lnBS.js";import{n as g}from"./mui-Bgk_7_3h.js";import{X as G}from"./core-BBKQkJb7.js";import{Z as W}from"./CollapsableReportTable-h0vIfI8o-D3Pt-4FZ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="855d318f-2496-4fe1-9edb-7b8ae6d1e34b",e._sentryDebugIdIdentifier="sentry-dbid-855d318f-2496-4fe1-9edb-7b8ae6d1e34b")}catch{}})();const{dateFormat:x}=q.getLocalizedStrings(),ge=(e,t)=>{const{startDate:n,endDate:r}=e;return t&&n.month()!==r.month()?`in ${n.format(x.visual.MMMYYFormat)} - ${r.format(x.visual.MMMYYFormat)}`:n.month()===r.month()?`in ${n.format(x.visual.MMMDFormat)} - ${r.format(x.visual.MMMDCommaYYFormat)}`:`in ${n.format(x.visual.MMMDCommaYYFormat)} - ${r.format(x.visual.MMMDCommaYYFormat)}`},ue=(e,t)=>{if(t.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let n=e.length-1;if(t.thisPeriod!=null){const r=t.thisPeriod;let d=e.findIndex(s=>s.startDate.isSame(r.startDate,"date")&&s.endDate.isSameOrBefore(r.endDate));d<0&&(d=e.findIndex(s=>s.startDate.isSame(r.startDate,"month")&&s.startDate.isSame(r.startDate,"year"))),d>=0&&(n=d)}return{startIndex:Math.max(n+1-t.numberOfPeriods,0),length:t.numberOfPeriods}},xe=(e,t)=>{const n=e.length-1-t.offsetFromEnd;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}},pe=(e,t)=>{const n=t.startIndex+t.length-1>e.length?e.length-1:t.startIndex+t.length-1;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}},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:"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"})),J=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"})),b=40,f=90,K=g.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  min-height: ${b}px;
-  box-sizing: content-box;
-  width: 100%;
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Q=g.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${f}px;
-  height: ${b}px;
-  max-height: ${b}px;
-  color: ${e=>e.isEnabled&&e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isEnabled?e.theme.colors.primary:e.theme.colors.hero};
-  }
-  cursor: ${e=>e.isEnabled?"pointer":"default"};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:"transparent"};
-`,U=g(Z)`
-  display: flex;
-  position: relative;
-  scrollbar-width: none;
-`,ee=g(A)``,te=g.div`
-  top: ${c.sp0};
-  left: ${c.sp0};
-  width: calc(${e=>f*e.numberOfTicksSelected}px);
-  position: absolute;
-  height: ${b}px;
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  .slider-icon {
-    fill: ${e=>e.theme.colors.grey1};
-  }
-  border-radius: ${c.sp2};
-  border-left: ${c.sp0};
-  border-right: ${c.sp0};
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: ${c.sp2};
-    border-left: ${c.sp0};
-    border-right: ${c.sp0};
-    .slider-icon {
-      fill: ${e=>e.theme.colors.primary};
-    }
-  }
-  line-height: ${c.sp0};
-  pointer-events: none;
-  box-sizing: border-box;
-`,re=g.div`
-  float: left;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`,ne=g.div`
-  float: right;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`;function k({iconPosition:e}){switch(e){case"left":return o.jsx(X,{className:"slider-icon",fill:"currentColor"});case"right":return o.jsx(J,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function oe(e){return G.createPortal(e.children,e.parentNode)}function ie({enabled:e,firstMonthOfFY:t,timeframe:n,tick:r,tickIndex:d,isSelected:s,onClick:m}){return o.jsx(Q,{"data-testid":j("time-range-switcher-tick",String(d)),isEnabled:e,isSelected:s,onClick:()=>{m(r,d,n)},children:o.jsx(ee,{children:W(t,r,n)})})}function se(e,t,n,r,d){const s=t-e,m=Math.floor(e/f)+Math.round(s/f),$=m+n.length-r.length,p=m+n.length,y=d-p;return{selectedTicks:{fromStart:{startIndex:m,length:n.length},fromEnd:{offsetFromEnd:y,length:n.length}},highlightedOfSelectedTicks:{startIndex:$,length:r.length}}}function le(e){return e.startIndex!=null}function z(e,t){let n={startIndex:0,length:0};if(le(e))n=e;else{const r=e.length;n={startIndex:t.length-e.offsetFromEnd-r+1,length:e.length}}return n}function ae({width:e,firstMonthOfFY:t,timeframe:n,timeframeTicks:r,isEnabled:d,selection:s,onClick:m,onSelectionChanged:$}){const p=i.createRef(),y=i.useRef(null),[D,C]=i.useState(!1),[a,O]=i.useState(z(s.selectedTicks,r)),w=i.useRef(a.startIndex);i.useEffect(()=>{w.current=a.startIndex});const[M,T]=i.useState(s.highlightedOfSelectedTicks),F=(a.startIndex+a.length>r.length?Math.max(r.length-a.length,0):a.startIndex)*f,[v,P]=i.useState({x:F,y:0});i.useEffect(()=>{C(!0)},[]),i.useEffect(()=>{const l=z(s.selectedTicks,r);if(!S(a,l)){O(l);const h=l.startIndex*f;P({x:h,y:0})}S(M,s.highlightedOfSelectedTicks)||T(s.highlightedOfSelectedTicks)},[a,M,s,r]),i.useLayoutEffect(()=>{const{startIndex:l,length:h}=a;p.current?.scrollToItem(w.current<=l?l+h-1:l)},[p,a]);const Y=d!==!1,B=(l,h,u)=>{m?.(u,l)},_=(l,h)=>{const u=se(v.x,h.x,a,M,r.length);$?.(u.selectedTicks,u.highlightedOfSelectedTicks,n,r)},N=({index:l,style:h})=>{const u=r[l],{startIndex:E,length:R}=M,V=l>=E&&l<E+R;return o.jsx("div",{style:{...h},children:o.jsx(ie,{enabled:Y,firstMonthOfFY:t,timeframe:n,tick:u,tickIndex:l,isSelected:V,onClick:B},l)})},I=document.getElementsByClassName("date-range-list")[0];return o.jsxs(o.Fragment,{children:[o.jsx(U,{ref:p,height:b,width:e,itemCount:r.length,itemSize:f,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:N}),D===!0&&I!=null?o.jsx(oe,{parentNode:I,children:o.jsx(L,{axis:"x",defaultPosition:{x:0,y:0},position:v,bounds:{left:0,right:(r.length-a.length)*f},grid:[1,0],scale:1,onStop:_,nodeRef:y,children:o.jsxs(te,{numberOfTicksSelected:a.length,ref:y,children:[o.jsx(re,{children:o.jsx(k,{iconPosition:"left"})}),o.jsx(ne,{children:o.jsx(k,{iconPosition:"right"})})]})})}):null]})}function be(e){return o.jsx(K,{"data-testid":j("time-range-switcher"),children:o.jsx(H,{children:({width:t})=>o.jsx(ae,{...e,width:t})})})}export{xe as $,ue as M,b as S,ge as b,pe as v,be as y};

package/dist/assets/TimeframeSwitcher-CcYg-YQJ-B8uZpFtx.js

@@ -1,31 +0,0 @@
-import{V as o,ac as m,o as t,ak as p,O as u}from"./index-DmJDLobC.js";import{n}from"./mui-Bgk_7_3h.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="1b313bb7-2524-4abc-859d-955b01a2123d",e._sentryDebugIdIdentifier="sentry-dbid-1b313bb7-2524-4abc-859d-955b01a2123d")}catch{}})();const b=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.background};
-  padding: ${t.sp1};
-  border-radius: 10px;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-`,g=n.div`
-  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-  }
-  cursor: ${e=>e.isSelected?"default":"pointer"};
-  border-radius: ${t.sp2};
-  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
-  box-shadow: ${e=>e.isSelected?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-`,w=n(p)`
-  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
-`,_=n.div`
-  width: 1px;
-  height: ${t.sp3};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,y=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;function x({timeframe:e,isSelected:s,onClick:r}){const c=a=>{switch(a){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[a];default:return console.warn("Unsupported timeframe"),""}};return o.jsx(g,{"data-testid":m("timeframe-switcher-segment",e),onClick:()=>{s===!1&&r(e)},isSelected:s,children:o.jsx(w,{children:c(e)})})}function k({onTimeframeSelectionChanged:e,selectedTimeframe:s,timeframes:r}){const c=i=>{e?.(i)},a=r.findIndex(i=>i===s);return o.jsx(b,{"data-testid":m("timeframe-switcher"),children:r.map((i,d)=>{const h=r.length>1&&d<r.length-1,l=d===a,f=d===a-1;return o.jsxs(y,{children:[o.jsx(x,{timeframe:i,isSelected:l,onClick:c},d),h?o.jsx(_,{isSelected:l||f}):null]},d)})})}export{k as T};

package/dist/assets/TimeframeSwitcherWithToggle-w4YJno-p-B2pTF6KS.js

@@ -1,53 +0,0 @@
-import{X as c,V as t,ac as g,x as m,o as n,ak as p,bL as w}from"./index-DmJDLobC.js";import{n as a}from"./mui-Bgk_7_3h.js";import{T as f}from"./TimeframeSwitcher-CcYg-YQJ-B8uZpFtx.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="d572855e-810c-4fb4-8790-0e8840605cf7",e._sentryDebugIdIdentifier="sentry-dbid-d572855e-810c-4fb4-8790-0e8840605cf7")}catch{}})();const s="ZeniSwitch",i={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},x=({className:e,...o})=>t.jsx(w,{...o,className:e,classes:{...i}}),y=a(x)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>t.jsx(y,{...e}),l={timeframePaddingLeft:new m(0,0,125),timeframePaddingBottom:new m(8,8,0)},$=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,k=a.div`
-  display: grid;
-  width: 100%;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-  column-gap: ${n.sp3};
-`,j=a.div`
-  min-width: 0;
-`,T=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,v=a.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>l.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,B=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-`,C=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-  flex-shrink: 0;
-  max-width: 520px;
-  justify-self: end;
-`,S=a.div``,L=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp2};
-  flex-shrink: 0;
-`,P=a(p)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,d=({label:e,isOn:o,isToggleDisabled:r,onValueChanged:h})=>t.jsxs(L,{children:[t.jsx(P,{isOn:o,isDisabled:r===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:r===!0,disableRipple:r===!0,onChange:u=>{h(u.target.checked)}})]}),D=e=>{const o=c();return t.jsxs($,{children:[t.jsx(v,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(B,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx("div",{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})},I=e=>{const o=c();return t.jsxs(k,{children:[t.jsx(j,{"aria-hidden":!0}),t.jsx(T,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(C,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx(S,{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})};function X(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(D,{...e}):t.jsx(I,{...e})}export{X};