@stfrigerio/sito-template 0.1.77 → 0.1.79

package/storybook-static/assets/SleepChart.stories-BsnisMa9.js

@@ -1,58 +0,0 @@
-import{r as b,j as i}from"./iframe-gZo2MXmI.js";import{s as v,a as ut}from"./transform-BKmuZieF.js";import{i as it,l as ht}from"./linear-dkJHgUri.js";import{a as mt,b as ft}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";class V extends Map{constructor(t,r=wt){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),t!=null)for(const[a,n]of t)this.set(a,n)}get(t){return super.get(W(this,t))}has(t){return super.has(W(this,t))}set(t,r){return super.set(gt(this,t),r)}delete(t){return super.delete(Mt(this,t))}}function W({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):r}function gt({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):(e.set(a,r),r)}function Mt({_intern:e,_key:t},r){const a=t(r);return e.has(a)&&(r=e.get(a),e.delete(a)),r}function wt(e){return e!==null&&typeof e=="object"?e.valueOf():e}function E(e,t,r){e=+e,t=+t,r=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+r;for(var a=-1,n=Math.max(0,Math.ceil((t-e)/r))|0,s=new Array(n);++a<n;)s[a]=e+a*r;return s}var O=1.70158;(function e(t){t=+t;function r(a){return(a=+a)*a*(t*(a-1)+a)}return r.overshoot=e,r})(O);var P=function e(t){t=+t;function r(a){return--a*a*((a+1)*t+a)+1}return r.overshoot=e,r}(O);(function e(t){t=+t;function r(a){return((a*=2)<1?a*a*((t+1)*a-t):(a-=2)*a*((t+1)*a+t)+2)/2}return r.overshoot=e,r})(O);const q=Symbol("implicit");function lt(){var e=new V,t=[],r=[],a=q;function n(s){let p=e.get(s);if(p===void 0){if(a!==q)return a;e.set(s,p=t.push(s)-1)}return r[p%r.length]}return n.domain=function(s){if(!arguments.length)return t.slice();t=[],e=new V;for(const p of s)e.has(p)||e.set(p,t.push(p)-1);return n},n.range=function(s){return arguments.length?(r=Array.from(s),n):r.slice()},n.unknown=function(s){return arguments.length?(a=s,n):a},n.copy=function(){return lt(t,r).unknown(a)},it.apply(n,arguments),n}function dt(){var e=lt().unknown(void 0),t=e.domain,r=e.range,a=0,n=1,s,p,h=!1,M=0,w=0,g=.5;delete e.unknown;function m(){var l=t().length,k=n<a,x=k?n:a,T=k?a:n;s=(T-x)/Math.max(1,l-M+w*2),h&&(s=Math.floor(s)),x+=(T-x-s*(l-M))*g,p=s*(1-M),h&&(x=Math.round(x),p=Math.round(p));var y=E(l).map(function($){return x+s*$});return r(k?y.reverse():y)}return e.domain=function(l){return arguments.length?(t(l),m()):t()},e.range=function(l){return arguments.length?([a,n]=l,a=+a,n=+n,m()):[a,n]},e.rangeRound=function(l){return[a,n]=l,a=+a,n=+n,h=!0,m()},e.bandwidth=function(){return p},e.step=function(){return s},e.round=function(l){return arguments.length?(h=!!l,m()):h},e.padding=function(l){return arguments.length?(M=Math.min(1,w=+l),m()):M},e.paddingInner=function(l){return arguments.length?(M=Math.min(1,l),m()):M},e.paddingOuter=function(l){return arguments.length?(w=+l,m()):w},e.align=function(l){return arguments.length?(g=Math.max(0,Math.min(1,l)),m()):g},e.copy=function(){return dt(t(),[a,n]).round(h).paddingInner(M).paddingOuter(w).align(g)},it.apply(m(),arguments)}const xt="_container_wk2zd_1",_t="_header_wk2zd_7",kt="_title_wk2zd_14",yt="_legend_wk2zd_20",St="_legendItem_wk2zd_25",bt="_sleepDot_wk2zd_33",vt="_wakeDot_wk2zd_42",$t="_chart_wk2zd_51",Dt="_gridLine_wk2zd_55",jt="_sleepBar_wk2zd_60",At="_xAxis_wk2zd_70",zt="_yAxis_wk2zd_71",Nt="_tooltip_wk2zd_96",Ht="_visible_wk2zd_117",It="_tooltipHeader_wk2zd_122",Tt="_tooltipEmoji_wk2zd_133",Rt="_tooltipInfo_wk2zd_138",Et="_tooltipRow_wk2zd_144",Ot="_tooltipLabel_wk2zd_152",Bt="_tooltipValue_wk2zd_158",Lt="_tooltipDuration_wk2zd_163",c={container:xt,header:_t,title:kt,legend:yt,legendItem:St,sleepDot:bt,wakeDot:vt,chart:$t,gridLine:Dt,sleepBar:jt,xAxis:At,yAxis:zt,tooltip:Nt,visible:Ht,tooltipHeader:It,tooltipEmoji:Tt,tooltipInfo:Rt,tooltipRow:Et,tooltipLabel:Ot,tooltipValue:Bt,tooltipDuration:Lt},G=e=>{const[t,r]=e.split(":").map(Number);return t+r/60},C=e=>{const t=Math.floor(e%24),r=t===0?12:t>12?t-12:t,a=t>=12?"PM":"AM",n=Math.round(e%1*60);return`${Math.floor(r)}:${n.toString().padStart(2,"0")} ${a}`},ct=({sleepData:e,width:t=800,height:r=400,onDateClick:a})=>{const n=b.useRef(null),[s,p]=b.useState(null),h=b.useMemo(()=>({top:30,right:30,bottom:50,left:80}),[]),M=t-h.left-h.right,w=r-h.top-h.bottom;return b.useEffect(()=>{const g=()=>{p(null)};return window.addEventListener("scroll",g,!0),()=>{window.removeEventListener("scroll",g,!0)}},[]),b.useEffect(()=>{if(!n.current||e.length===0)return;const g=v(n.current);g.selectAll("*").remove(),g.append("rect").attr("width",t).attr("height",r).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{p(null)});const m=g.append("g").attr("transform",`translate(${h.left},${h.top})`),l=ht().domain([18,42]).range([0,M]),k=e.map(o=>o.date),x=dt().domain(k).range([0,w]).paddingInner(.2).paddingOuter(.1);m.selectAll(".grid-line-x").data(E(18,43,1)).enter().append("line").attr("class",c.gridLine).attr("x1",o=>l(o)).attr("y1",0).attr("x2",o=>l(o)).attr("y2",w).style("stroke",o=>{const d=o%24;return"var(--color-border)"}).style("stroke-opacity",o=>{const d=o%24;return d===0||d===12?.3:d%3===0?.15:.05}).style("stroke-width",o=>{const d=o%24;return d===0||d===12?2:1}),e.forEach(o=>{const d=x(o.date);if(d===void 0)return;const S=x.bandwidth(),D=m.append("g").attr("class",c.sleepBar).style("cursor","pointer").on("click",()=>a==null?void 0:a(o.date));let u=null,f=null;o.sleep_time&&(u=G(o.sleep_time),u<18&&(u+=24)),o.wake_hour&&(f=G(o.wake_hour),u!==null?(f<u||u>=18&&f<18)&&(f+=24):f<12&&(f+=24)),u!==null&&f!==null&&D.append("rect").attr("x",l(u)).attr("y",d).attr("width",0).attr("height",S).attr("rx",S/2).attr("fill","url(#sleepGradient)").attr("opacity",0).attr("stroke","rgba(255,255,255,0.3)").attr("stroke-width",1).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))").transition().duration(800).delay(Math.random()*200).ease(ut).attr("width",Math.max(0,l(f)-l(u))).attr("opacity",.85),u!==null&&D.append("circle").attr("cx",l(u)).attr("cy",d+S/2).attr("r",0).attr("fill","#9B59B6").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(155, 89, 182, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(300+Math.random()*100).ease(P).attr("r",6),f!==null&&D.append("circle").attr("cx",l(f)).attr("cy",d+S/2).attr("r",0).attr("fill","#3498DB").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(52, 152, 219, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(500+Math.random()*100).ease(P).attr("r",6),D.on("mouseenter",function(_){var B;if(v(this).select("rect").transition().duration(200).attr("opacity",1).style("filter","drop-shadow(0 4px 12px rgba(155, 89, 182, 0.5)) brightness(1.1)"),v(this).selectAll("circle").transition().duration(200).attr("r",8),(B=n.current)==null?void 0:B.getBoundingClientRect()){const L=u!==null&&f!==null?f-u:null;p({date:o.date,sleepTime:u!==null?C(u):null,wakeTime:f!==null?C(f):null,duration:L!==null?Math.round(L*100)/100:null,x:_.pageX,y:_.pageY-80})}}).on("mouseleave",function(){v(this).select("rect").transition().duration(200).attr("opacity",.85).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))"),v(this).selectAll("circle").transition().duration(200).attr("r",6),p(null)}).on("mousemove",function(_){p(R=>R?{...R,x:_.pageX,y:_.pageY-80}:null)})});const y=g.append("defs").append("linearGradient").attr("id","sleepGradient").attr("x1","0%").attr("x2","100%");y.append("stop").attr("offset","0%").attr("stop-color","#9B59B6").attr("stop-opacity",1),y.append("stop").attr("offset","50%").attr("stop-color","#7B68A6").attr("stop-opacity",1),y.append("stop").attr("offset","100%").attr("stop-color","#3498DB").attr("stop-opacity",1);const $=E(18,43,3).map(o=>({value:o,label:o===24?"12 AM":o===36?"12 PM":o%24===0?"12 AM":o%24<12?`${o%24} AM`:o%24===12?"12 PM":`${o%24-12} PM`}));m.append("g").attr("class",c.xAxis).attr("transform",`translate(0,${w})`).call(mt(l).tickValues($.map(o=>o.value)).tickFormat(o=>{const d=$.find(S=>S.value===o);return d?d.label:""}).tickSizeOuter(0)).selectAll("text").style("font-weight",o=>{const d=o%24;return d===0||d===12?"600":"400"});const pt=k.filter((o,d)=>d%Math.ceil(k.length/10)===0);m.append("g").attr("class",c.yAxis).call(ft(x).tickValues(pt).tickFormat(o=>{const d=new Date(o);return`${(d.getMonth()+1).toString().padStart(2,"0")}/${d.getDate().toString().padStart(2,"0")}`}))},[e,M,w,h,a,r,t]),i.jsxs("div",{className:c.container,children:[i.jsxs("div",{className:c.header,children:[i.jsx("h3",{className:c.title,children:"Sleep Pattern"}),i.jsxs("div",{className:c.legend,children:[i.jsxs("div",{className:c.legendItem,children:[i.jsx("span",{className:c.sleepDot}),i.jsx("span",{children:"Sleep Time"})]}),i.jsxs("div",{className:c.legendItem,children:[i.jsx("span",{className:c.wakeDot}),i.jsx("span",{children:"Wake Time"})]})]})]}),i.jsx("svg",{ref:n,width:t,height:r,className:c.chart}),s&&i.jsxs("div",{className:`${c.tooltip} ${s?c.visible:""}`,style:{left:`${s.x}px`,top:`${s.y}px`},children:[i.jsxs("div",{className:c.tooltipHeader,children:[i.jsx("span",{className:c.tooltipEmoji,children:"😴"}),i.jsx("span",{children:new Date(s.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})})]}),i.jsxs("div",{className:c.tooltipInfo,children:[s.sleepTime&&i.jsxs("div",{className:c.tooltipRow,children:[i.jsxs("span",{className:c.tooltipLabel,children:[i.jsx("span",{children:"🌙"}),i.jsx("span",{children:"Sleep:"})]}),i.jsx("span",{className:c.tooltipValue,children:s.sleepTime})]}),s.wakeTime&&i.jsxs("div",{className:c.tooltipRow,children:[i.jsxs("span",{className:c.tooltipLabel,children:[i.jsx("span",{children:"☀️"}),i.jsx("span",{children:"Wake:"})]}),i.jsx("span",{className:c.tooltipValue,children:s.wakeTime})]}),s.duration!==null&&i.jsxs("div",{className:c.tooltipDuration,children:[i.jsx("span",{children:"⏱️"}),i.jsxs("span",{children:[Math.floor(s.duration),"h ",Math.round(s.duration%1*60),"m"]})]})]})]})]})};ct.__docgenInfo={description:"",methods:[],displayName:"SleepChart",props:{sleepData:{required:!0,tsType:{name:"Array",elements:[{name:"SleepData"}],raw:"SleepData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: string) => void",signature:{arguments:[{type:{name:"string"},name:"date"}],return:{name:"void"}}},description:""}}};const Ft={title:"Organisms/Charts/SleepChart",component:ct,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},onDateClick:{action:"dateClicked"}}},I=e=>{const t=[],r=new Date;for(let a=e-1;a>=0;a--){const n=new Date(r);n.setDate(n.getDate()-a),t.push(n.toISOString().split("T")[0])}return t},j={args:{sleepData:I(7).map(e=>{const t=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:e,sleep_time:`${t%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${r}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:800,height:400}},A={args:{sleepData:I(30).map(e=>({date:e,sleep_time:`${(Math.floor(Math.random()*3)+22)%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${Math.floor(Math.random()*2)+7}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`})),width:900,height:400}},z={args:{sleepData:I(14).map((e,t)=>{const r=t%7===5||t%7===6,a=r?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,n=r?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:e,sleep_time:`${a%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${n}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},N={args:{sleepData:I(14).map((e,t)=>({date:e,sleep_time:t%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:t%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},H={args:{sleepData:[],width:800,height:400}};var F,X,Y;j.parameters={...j.parameters,docs:{...(F=j.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(7).map(date => {
-      const bedHour = Math.floor(Math.random() * 3) + 22;
-      const wakeHour = Math.floor(Math.random() * 3) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 800,
-    height: 400
-  }
-}`,...(Y=(X=j.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var U,J,K;A.parameters={...A.parameters,docs:{...(U=A.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(30).map(date => ({
-      date,
-      sleep_time: \`\${(Math.floor(Math.random() * 3) + 22) % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-      wake_hour: \`\${Math.floor(Math.random() * 2) + 7}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-    })),
-    width: 900,
-    height: 400
-  }
-}`,...(K=(J=A.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,Z,tt;z.parameters={...z.parameters,docs:{...(Q=z.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => {
-      // Simulate irregular sleep pattern
-      const isWeekend = i % 7 === 5 || i % 7 === 6;
-      const bedHour = isWeekend ? Math.floor(Math.random() * 4) + 24 : Math.floor(Math.random() * 2) + 22;
-      const wakeHour = isWeekend ? Math.floor(Math.random() * 3) + 9 : Math.floor(Math.random() * 2) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 850,
-    height: 400
-  }
-}`,...(tt=(Z=z.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};var et,at,rt;N.parameters={...N.parameters,docs:{...(et=N.parameters)==null?void 0:et.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => ({
-      date,
-      // Some days have missing data
-      sleep_time: i % 3 === 0 ? null : \`\${(Math.floor(Math.random() * 3) + 22) % 24}:30\`,
-      wake_hour: i % 3 === 0 ? null : \`\${Math.floor(Math.random() * 2) + 7}:00\`
-    })),
-    width: 800,
-    height: 400
-  }
-}`,...(rt=(at=N.parameters)==null?void 0:at.docs)==null?void 0:rt.source}}};var nt,ot,st;H.parameters={...H.parameters,docs:{...(nt=H.parameters)==null?void 0:nt.docs,source:{originalSource:`{
-  args: {
-    sleepData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(st=(ot=H.parameters)==null?void 0:ot.docs)==null?void 0:st.source}}};const Xt=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{H as EmptyState,z as IrregularSleep,N as MissingSleepData,A as MonthlySleep,j as WeeklySleep,Xt as __namedExportsOrder,Ft as default};

package/storybook-static/assets/client-ukgowvey.js

@@ -1 +0,0 @@
-import{r}from"./index-MVch72cm.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};