git-truck 0.0.0-e598cba → 0.0.0-e6c02122

package/build/client/assets/ui-Cz1QB8r9.js

@@ -0,0 +1 @@
+import{r as e,t}from"./react-T1tfSvWJ.js";import{F as n,t as r}from"./jsx-runtime-DNTxAj_C.js";import{O as i,W as a,et as o,ht as s,mt as c,n as l,ut as u}from"./clear-cache-CkxDeoL-.js";import{Bt as d,Ft as f,It as p,Lt as m,Nt as h,Rt as g,Vt as _,ft as v,m as y,zt as b}from"./util-DQQO48u5.js";import{i as x,o as S}from"./browse-o58AJQN7.js";import{i as C,n as w,o as T,r as E,s as D,t as O}from"./Tooltip-BRrRCIoN.js";var k=s(),A=e(t(),1),j=r();function M(e){let t=(0,k.c)(26),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({headGroups:i,disabled:r,className:o,analyzedBranches:n,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=o===void 0?``:o,d=(0,A.useId)(),f;t[6]===i?f=t[7]:(f=Object.entries(i),t[6]=i,t[7]=f);let p=f,m;t[8]===s?m=t[9]:(m=l(`hover:border-border dark:hover:border-border-dark hover:bg-primary-bg dark:hover:bg-primary-bg-dark flex w-min place-items-center gap-0 rounded-md border-2 border-transparent p-1 transition-colors not-hover:border-transparent not-hover:bg-transparent`,s),t[8]=s,t[9]=m);let h;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,j.jsx)(c,{path:u,size:.75}),t[10]=h):h=t[10];let g;t[11]===d?g=t[12]:(g=(0,j.jsx)(`label`,{htmlFor:d,children:h}),t[11]=d,t[12]=g);let _;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(_=l(`w-full`),t[13]=_):_=t[13];let v;t[14]!==n||t[15]!==r||t[16]!==p?(v=p.map(e=>{let[t,i]=e;return Object.entries(i).length>0?(0,j.jsx)(`optgroup`,{label:t,className:`bg-transparent`,children:Object.entries(i).map(e=>{let[t]=e,i=n.find(e=>e.branch===t);return(0,j.jsx)(`option`,{className:`bg-transparent`,value:t,disabled:r,title:i?`Analyzed`:`Not analyzed`,children:t},t)})},t):null}),t[14]=n,t[15]=r,t[16]=p,t[17]=v):v=t[17];let y;t[18]!==d||t[19]!==a||t[20]!==v?(y=(0,j.jsx)(`select`,{className:_,...a,id:d,children:v}),t[18]=d,t[19]=a,t[20]=v,t[21]=y):y=t[21];let b;return t[22]!==m||t[23]!==g||t[24]!==y?(b=(0,j.jsxs)(`div`,{title:`Change branch`,className:m,children:[g,y]}),t[22]=m,t[23]=g,t[24]=y,t[25]=b):b=t[25],b}var N={repo:{repositoryName:`mock-repo`,repositoryPath:`mock/path`,parentDirPath:`mock`,parentDirName:`mock`,status:`Success`,isAnalyzed:!0,refs:{Branches:{},Tags:{}},currentHead:`main`,lastChanged:0},databaseInfo:{clickedObjectInfo:{amountOfCommits:0,lastChanged:0,contributions:0,contributors:[],existsInRange:!0,multiTopContributors:!1,path:``,topContributor:[]},topContributors:{},commitCounts:{},fileSizes:{},lastChanged:{},contributorCounts:{},maxCommitCount:0,minCommitCount:0,newestChangeDate:0,oldestChangeDate:0,maxFileSize:0,minFileSize:0,contributors:[],contributorGroups:[],commitCountPerTimeIntervalForClickedObject:[],objectPathMap:{},zoomPathName:``,fileTree:{type:`tree`,name:`root`,path:``,hash:``,children:[],byteSize:0},hiddenFiles:[],lastRunInfo:{time:0,hash:``},fileCount:0,repo:`mock-repo`,branch:`main`,timerange:[0,0],colorSeed:null,contributorColors:{},commitCountPerTimeInterval:[],contributorsForPath:{},commitCountPerTimeIntervalUnit:`day`,selectedRange:[0,0],analyzedRepos:[],contribSumPerFile:{},maxMinContribCounts:{max:0,min:0},commitCount:0}};function P(e){let t=(0,k.c)(28),{handleType:n}=e,r=n===void 0?`round`:n,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=[0,100],t[0]=i):i=t[0];let a=i,o;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(o=[20,80],t[1]=o):o=t[1];let[s,c]=(0,A.useState)(o),l;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(l=e=>{c([e[0],e[1]])},t[2]=l):l=t[2];let u=l,f;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,j.jsx)(`p`,{className:`text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400`,children:`Selected window`}),t[3]=f):f=t[3];let v;t[4]!==s[0]||t[5]!==s[1]?(v=(0,j.jsxs)(`div`,{children:[f,(0,j.jsxs)(`p`,{className:`text-lg font-semibold`,children:[s[0],`% – `,s[1],`%`]})]}),t[4]=s[0],t[5]=s[1],t[6]=v):v=t[6];let y;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,j.jsx)(b,{children:I}),t[7]=y):y=t[7];let x;t[8]===r?x=t[9]:(x=(0,j.jsx)(g,{children:e=>{let{handles:t,getHandleProps:n}=e;return(0,j.jsx)(`div`,{children:t.map((e,t)=>(0,j.jsx)(h,{handle:e,domain:a,getHandleProps:n,handleType:r,title:`Drag to adjust the ${t===0?`start`:`end`} threshold`},e.id))})}}),t[8]=r,t[9]=x);let S;t[10]===r?S=t[11]:(S=(0,j.jsx)(_,{left:!1,right:!1,children:e=>{let{tracks:t,getTrackProps:n}=e;return(0,j.jsx)(`div`,{children:t.map(e=>{let{id:t,...i}=e;return(0,j.jsx)(m,{trackType:r,...i,getTrackProps:n,backgroundColor:`#7aa0c4`},t)})})}}),t[10]=r,t[11]=S);let C;t[12]!==s||t[13]!==x||t[14]!==S?(C=(0,j.jsxs)(d,{className:`relative`,mode:2,step:1,domain:a,values:s,onUpdate:u,onChange:u,children:[y,x,S]}),t[12]=s,t[13]=x,t[14]=S,t[15]=C):C=t[15];let w;t[16]===s[0]?w=t[17]:(w=(0,j.jsxs)(`span`,{children:[`Start: `,s[0],`%`]}),t[16]=s[0],t[17]=w);let T;t[18]===s[1]?T=t[19]:(T=(0,j.jsxs)(`span`,{children:[`End: `,s[1],`%`]}),t[18]=s[1],t[19]=T);let E;t[20]!==w||t[21]!==T?(E=(0,j.jsxs)(`div`,{className:`flex justify-between text-sm font-medium`,children:[w,T]}),t[20]=w,t[21]=T,t[22]=E):E=t[22];let D;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(D=(0,j.jsx)(p,{below:!0,count:5,tickToLabel:F}),t[23]=D):D=t[23];let O;return t[24]!==C||t[25]!==E||t[26]!==v?(O=(0,j.jsxs)(`div`,{className:`space-y-4`,children:[v,C,E,D]}),t[24]=C,t[25]=E,t[26]=v,t[27]=O):O=t[27],O}function F(e){return`${Math.round(e*100)}%`}function I(e){return(0,j.jsx)(f,{...e})}var L=n(function(){let[e,t]=(0,A.useState)(!1);return(0,j.jsx)(C,{data:N,children:(0,j.jsxs)(`div`,{className:`mx-auto max-w-3xl space-y-8 p-2`,children:[(0,j.jsx)(`h1`,{className:`mb-4 text-2xl font-bold`,children:`UI Components`}),(0,j.jsxs)(`div`,{className:`grid gap-6 md:grid-cols-2`,children:[(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Default Card`}),(0,j.jsx)(`p`,{className:`text-sm`,children:`This is a simple card with some text content.`})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsxs)(`div`,{className:`card__header`,children:[(0,j.jsx)(`span`,{className:`icon`,children:`🚚`}),(0,j.jsx)(`h2`,{className:`card__title`,children:`Card with Header`})]}),(0,j.jsx)(`div`,{className:`card__content`,children:(0,j.jsx)(`p`,{className:`text-sm`,children:`Card with header, subtitle, and content.`})})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Buttons`}),(0,j.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,j.jsx)(`button`,{className:`btn`,children:`Default`}),(0,j.jsx)(`button`,{className:`btn btn--text`,children:`Default text`}),(0,j.jsx)(`button`,{className:`btn btn--primary`,children:`Primary`}),(0,j.jsx)(`button`,{className:`btn btn--primary btn--outlined`,children:`Primary Outlined`}),(0,j.jsx)(`button`,{className:`btn btn--primary btn--text`,children:`Primary Text`}),(0,j.jsx)(`button`,{className:`btn btn--danger`,children:`Danger`}),(0,j.jsx)(`button`,{className:`btn btn--danger btn--outlined`,children:`Danger Outlined`}),(0,j.jsx)(`button`,{className:`btn btn--danger btn--text`,children:`Danger Text`}),(0,j.jsx)(`button`,{className:`btn btn--icon`,children:(0,j.jsx)(c,{path:o,size:`1.25em`})}),(0,j.jsx)(`button`,{className:`btn btn--icon btn--primary`,children:(0,j.jsx)(c,{path:i,size:`1.25em`})}),(0,j.jsx)(`button`,{className:`btn btn--icon btn--outlined`,children:(0,j.jsx)(c,{path:a,size:`1.25em`})}),(0,j.jsxs)(`button`,{className:`btn btn--hover-swap`,children:[(0,j.jsx)(`span`,{children:`Hover me`}),(0,j.jsx)(`span`,{className:`hover-swap`,children:`🎉`})]}),(0,j.jsx)(w,{open:!1}),(0,j.jsx)(w,{open:!0}),(0,j.jsxs)(`button`,{className:`btn btn--icon`,children:[(0,j.jsx)(c,{path:o,size:`1.25em`}),(0,j.jsx)(`span`,{className:`badge`,children:`13`})]})]})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Disabled Buttons`}),(0,j.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,j.jsx)(`button`,{disabled:!0,className:`btn`,children:`Default`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--text`,children:`Default text`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--primary`,children:`Primary`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--primary btn--outlined`,children:`Primary Outlined`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--primary btn--text`,children:`Primary Text`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--danger`,children:`Danger`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--danger btn--outlined`,children:`Danger Outlined`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--danger btn--text`,children:`Danger Text`}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--icon`,children:(0,j.jsx)(c,{path:o,size:`1.25em`})}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--icon btn--primary`,children:(0,j.jsx)(c,{path:i,size:`1.25em`})}),(0,j.jsx)(`button`,{disabled:!0,className:`btn btn--icon btn--outlined`,children:(0,j.jsx)(c,{path:a,size:`1.25em`})}),(0,j.jsxs)(`button`,{disabled:!0,className:`btn btn--hover-swap`,children:[(0,j.jsx)(`span`,{children:`Hover me`}),(0,j.jsx)(`span`,{className:`hover-swap`,children:`🎉`})]}),(0,j.jsx)(w,{open:!1}),(0,j.jsx)(w,{open:!0}),(0,j.jsxs)(`button`,{disabled:!0,className:`btn btn--icon`,children:[(0,j.jsx)(c,{path:o,size:`1.25em`}),(0,j.jsx)(`span`,{className:`badge`,children:`13`})]})]})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Inputs & Labels`}),(0,j.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,j.jsx)(`label`,{className:`label`,htmlFor:`input1`,children:`Label`}),(0,j.jsx)(`input`,{className:`input`,id:`input1`,placeholder:`Type here...`}),(0,j.jsx)(`label`,{className:`label`,htmlFor:`select1`,children:`Select`}),(0,j.jsxs)(`select`,{className:`input`,id:`select1`,children:[(0,j.jsx)(`option`,{children:`Option 1`}),(0,j.jsx)(`option`,{children:`Option 2`})]}),(0,j.jsx)(`label`,{className:`label`,htmlFor:`revisionSelect`,children:`Revision Select`}),(0,j.jsx)(M,{headGroups:{Branches:{main:`abcdef`},Tags:{}},disabled:!1,analyzedBranches:[]})]})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`LoadingIndicator`}),(0,j.jsx)(D,{loadingText:()=>`Loading something...`,showProgress:!1})]}),(0,j.jsx)(`div`,{className:`card`,children:(0,j.jsx)(S,{installedVersion:`1.0.0`,latestVersion:`1.0.0`})}),(0,j.jsx)(`div`,{className:`card`,children:(0,j.jsx)(S,{installedVersion:`1.0.0`,latestVersion:`1.0.1`})}),(0,j.jsx)(`div`,{className:`card`,children:(0,j.jsx)(S,{installedVersion:`0.0.0-98822df`,latestVersion:`1.0.1`})}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Slider, round handles`}),(0,j.jsx)(`p`,{className:`text-sm`,children:`Demonstrates the same rail, handles, and tracks that power the in-app time range picker.`}),(0,j.jsx)(P,{handleType:`round`})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Slider, qquare Handles`}),(0,j.jsx)(`p`,{className:`text-sm`,children:`Same range selector with the column-style handles used in tighter layouts.`}),(0,j.jsx)(P,{handleType:`square`})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`IconRadioGroup`}),(0,j.jsx)(T,{ariaLabel:`Select demo option`,group:{A:`Alpha`,B:`Beta`,C:`Gamma`},defaultValue:`A`,iconMap:{A:`M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z`,B:`M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z`,C:`M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z`},onChange:()=>{}}),(0,j.jsx)(T,{large:!0,ariaLabel:`Select demo option large`,group:{A:`Alpha`,B:`Beta`,C:`Gamma`},defaultValue:`A`,iconMap:{A:`M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z`,B:`M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z`,C:`M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z`},onChange:()=>{}})]}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Breadcrumb`}),(0,j.jsx)(x,{})]}),(0,j.jsx)(`div`,{className:`card relative`,children:(0,j.jsx)(E,{})}),(0,j.jsxs)(`div`,{className:`card`,children:[(0,j.jsx)(`h2`,{className:`card__title`,children:`Tooltip (Demo)`}),(0,j.jsxs)(`div`,{className:`flex flex-col items-start gap-2 p-4`,children:[(0,j.jsx)(`span`,{children:`Hover over the button to show tooltip:`}),(0,j.jsxs)(`div`,{children:[(0,j.jsxs)(`button`,{className:`btn btn--icon`,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),children:[(0,j.jsx)(`span`,{className:`icon`,children:`🛈`}),` Hover me`]}),e&&(0,j.jsx)(O,{})]})]})]}),(0,j.jsx)(`div`,{className:`card`,children:(0,j.jsx)(n,{})})]})]})});function n(){let[e,t]=(0,A.useState)(.28);return(0,j.jsxs)(j.Fragment,{children:[e,(0,j.jsx)(`input`,{type:`range`,min:0,max:1,step:.01,value:e,onChange:e=>t(parseFloat(e.target.value))}),y().map(t=>(0,j.jsx)(`div`,{className:l(`h-8 w-full`,{"text-primary-text":!v(t,e),"text-primary-text-dark":v(t,e)}),style:{backgroundColor:t},children:`This is some text`},t))]})}});export{L as default};