@zeniai/web-cockpit-ui 1.15.64-prod → 1.15.65-dev

package/dist/assets/TimeRangeSwitcher-r1TNqVRb-CB8sVr75.js

@@ -1,64 +0,0 @@
-import{V as t,b5 as _,aF as S,dm as B,bt as H,o as a,aj as L}from"./index-Ctt-25AO.js";import{a as n}from"./sentry-D6ZLcFet.js";import{n as g}from"./mui-VCv1g4cv.js";import{Y as q}from"./core-D1E_du5C.js";import{V as U}from"./CollapsableReportTable-CDEe9s_E-CMufoQD2.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]="67590145-bdbe-493d-80be-aeeb79ee4485",e._sentryDebugIdIdentifier="sentry-dbid-67590145-bdbe-493d-80be-aeeb79ee4485")}catch{}})();const 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:"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"})),X=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,Z=g.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  min-height: ${p}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};
-`,A=g.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${h}px;
-  height: ${p}px;
-  max-height: ${p}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"};
-`,G=g(H)`
-  display: flex;
-  position: relative;
-  scrollbar-width: none;
-`,J=g(L)``,K=g.div`
-  top: ${a.sp0};
-  left: ${a.sp0};
-  width: calc(${e=>h*e.numberOfTicksSelected}px);
-  position: absolute;
-  height: ${p}px;
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  .slider-icon {
-    fill: ${e=>e.theme.colors.grey1};
-  }
-  border-radius: ${a.sp2};
-  border-left: ${a.sp0};
-  border-right: ${a.sp0};
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: ${a.sp2};
-    border-left: ${a.sp0};
-    border-right: ${a.sp0};
-    .slider-icon {
-      fill: ${e=>e.theme.colors.primary};
-    }
-  }
-  line-height: ${a.sp0};
-  pointer-events: none;
-  box-sizing: border-box;
-`,Q=g.div`
-  float: left;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`,ee=g.div`
-  float: right;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`;function j({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 q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:s,timeframe:l,tick:r,tickIndex:u,isSelected:d,onClick:f}){return t.jsx(A,{isEnabled:e,isSelected:d,onClick:()=>{f(r,u,l)},children:t.jsx(J,{children:U(s,r,l)})})}function ne(e,s,l,r,u){const d=s-e,f=Math.floor(e/h)+Math.round(d/h),w=f+l.length-r.length,x=f+l.length,b=u-x;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function oe(e){return e.startIndex!=null}function I(e,s){let l={startIndex:0,length:0};if(oe(e))l=e;else{const r=e.length;l={startIndex:s.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:s,timeframe:l,timeframeTicks:r,isEnabled:u,selection:d,onClick:f,onSelectionChanged:w}){const x=n.createRef(),b=n.useRef(null),[z,M]=n.useState(!1),[i,T]=n.useState(I(d.selectedTicks,r)),$=n.useRef(i.startIndex);n.useEffect(()=>{$.current=i.startIndex});const[y,C]=n.useState(d.highlightedOfSelectedTicks),O=(i.startIndex+i.length>r.length?Math.max(r.length-i.length,0):i.startIndex)*h,[E,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const o=I(d.selectedTicks,r);if(!S(i,o)){T(o);const c=o.startIndex*h;F({x:c,y:0})}S(y,d.highlightedOfSelectedTicks)||C(d.highlightedOfSelectedTicks)},[i,y,d,r]),n.useLayoutEffect(()=>{const{startIndex:o,length:c}=i;x.current?.scrollToItem($.current<=o?o+c-1:o)},[x,i]);const N=u!==!1,P=(o,c,m)=>{f?.(m,o)},V=(o,c)=>{const m=ne(E.x,c.x,i,y,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},D=({index:o,style:c})=>{const m=r[o],{startIndex:v,length:R}=y,Y=o>=v&&o<v+R;return t.jsx("div",{style:{...c},children:t.jsx(re,{enabled:N,firstMonthOfFY:s,timeframe:l,tick:m,tickIndex:o,isSelected:Y,onClick:P},o)})},k=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:x,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:D}),z===!0&&k!=null?t.jsx(te,{parentNode:k,children:t.jsx(B,{axis:"x",defaultPosition:{x:0,y:0},position:E,bounds:{left:0,right:(r.length-i.length)*h},grid:[1,0],scale:1,onStop:V,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:i.length,ref:b,children:[t.jsx(Q,{children:t.jsx(j,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(j,{iconPosition:"right"})})]})})}):null]})}function he(e){return t.jsx(Z,{children:t.jsx(_,{children:({width:s})=>t.jsx(le,{...e,width:s})})})}export{p as a,he as p};

package/dist/assets/TimeframeSwitcher-DHfHCTa4-CDLvGThM.js

@@ -1,31 +0,0 @@
-import{V as s,o,aj as f,O as p}from"./index-Ctt-25AO.js";import{n as i}from"./mui-VCv1g4cv.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]="7425ae7b-3cc8-48ec-b11b-8bc714bdc2a3",e._sentryDebugIdIdentifier="sentry-dbid-7425ae7b-3cc8-48ec-b11b-8bc714bdc2a3")}catch{}})();const u=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.background};
-  padding: ${o.sp1};
-  border-radius: 10px;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-`,b=i.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: ${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};
-`,g=i(f)`
-  padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
-`,_=i.div`
-  width: 1px;
-  height: ${o.sp3};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,w=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;function y({timeframe:e,isSelected:t,onClick:n}){const d=r=>{switch(r){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 p.getLocalizedStrings().timeframeSwitcherLabels[r];default:return console.warn("Unsupported timeframe"),""}};return s.jsx(b,{onClick:()=>{t===!1&&n(e)},isSelected:t,children:s.jsx(g,{children:d(e)})})}function S({timeframes:e,selectedTimeframe:t,onTimeframeSelectionChanged:n}){const d=a=>{n?.(a)},r=e.findIndex(a=>a===t);return s.jsx(u,{children:e.map((a,c)=>{const h=e.length>1&&c<e.length-1,l=c===r,m=c===r-1;return s.jsxs(w,{children:[s.jsx(y,{timeframe:a,isSelected:l,onClick:d},c),h?s.jsx(_,{isSelected:l||m}):null]},c)})})}export{S as b};

package/dist/assets/TimeframeSwitcherWithToggle-DvBvguRl-B7qajvqN.js

@@ -1,31 +0,0 @@
-import{J as d,V as i,y as n,aj as u,bL as w}from"./index-Ctt-25AO.js";import{n as r}from"./mui-VCv1g4cv.js";import{b as l}from"./TimeframeSwitcher-DHfHCTa4-CDLvGThM.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]="0d962920-f831-4440-97d7-689ee38f8aac",e._sentryDebugIdIdentifier="sentry-dbid-0d962920-f831-4440-97d7-689ee38f8aac")}catch{}})();const s="ZeniSwitch",t={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},x=({className:e,...o})=>i.jsx(w,{...o,className:e,classes:{...t}}),p=r(x)(({theme:e})=>({[`& .${t.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${t.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${t.root}.${t.switchBase}.Mui-checked + .${t.track}`]:{backgroundColor:e.colors.grey1},[`&.${t.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${t.switchBase}.Mui-checked .${t.thumb}`]:{backgroundColor:e.colors.primary},[`& .${t.switchBase}.Mui-checked .${t.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>')`},[`& .${t.switchBase}.Mui-checked + .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${t.switchBase}.Mui-disabled + .${t.track}`]:{opacity:.7},[`& .${t.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"}},[`& .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>i.jsx(p,{...e}),c={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},y=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,$=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-`,m=r.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>c.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>c.timeframePaddingBottom.valuePx(e.windowSize)};
-`,k=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,j=r.div`
-  display: flex;
-  width: 125px;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,C=r(u)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,f=({label:e,isOn:o,isToggleDisabled:a,onValueChanged:h})=>i.jsxs(i.Fragment,{children:[i.jsx(C,{isOn:o,isDisabled:a===!0,children:e}),i.jsx(b,{checked:o,edge:"end",disabled:a===!0,disableRipple:a===!0,onChange:g=>{h(g.target.checked)}})]}),T=e=>{const o=d();return i.jsxs(y,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(k,{children:i.jsx(f,{...e.toggle})})]})},v=e=>{const o=d();return i.jsxs($,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(j,{children:i.jsx(f,{...e.toggle})})]})};function M(e){const o=d();return o==="small"||o==="medium-compact"?i.jsx(T,{...e}):i.jsx(v,{...e})}export{M};