@kanda-libs/ks-design-library-new 0.0.43 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts
CHANGED
|
@@ -77,6 +77,7 @@ export interface SimpleCompanyCardProps {
|
|
|
77
77
|
signedUpDate: Date;
|
|
78
78
|
reviewed?: boolean;
|
|
79
79
|
isLoading?: boolean;
|
|
80
|
+
lifeCycle?: string;
|
|
80
81
|
}
|
|
81
82
|
export declare const SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps>;
|
|
82
83
|
export interface StageTimelineProps {
|
package/dist/index.esm.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as Xe}from"react/jsx-runtime";var Ge=function({children:e}){return Xe("div",{className:"p-4 border bg-lavender-100 border-lavender-200 rounded-xl text-lavender-200",children:e})},Je=Ge;import{Pagination as bt}from"@kanda-libs/ks-design-library";import{SkeletonLoader as Ve}from"@kanda-libs/ks-design-library";import{Icon as je}from"@kanda-libs/ks-design-library";var V="flex px-3 py-1.75 h-9 -ml-3 my-auto rounded-lg bg-transparent hover:bg-neutral-100 text-style-g-em text-neutral-500 whitespace-nowrap z-20",q={icon:"chevron-down",stroke:"neutral-500",size:12,className:"ml-2 my-auto"},U={width:"calc(100% + 16px)"},b={container:{base:"w-full h-full overflow-hidden",padding:"pl-4 -ml-4"},flex:{base:"w-full h-full flex px-4 px-0",padding:"pl-4"}};import{jsx as ze,jsxs as Qe}from"react/jsx-runtime";var De=function({label:e,...t}){return Qe("button",{className:V,...t,children:[e,ze(je,{...q})]})},Z=De;import Y from"clsx";function E(e){let t=e===0?U:{};return{classNames:{container:Y(b.container.base,e===0?b.container.padding:""),flex:Y(b.flex.base,e===0?"":b.flex.padding)},containerStyle:t}}import{jsx as K}from"react/jsx-runtime";var $e=function({index:e,children:t}){let{classNames:o,containerStyle:r}=E(e);return K("div",{className:o.container,style:r,children:K("div",{className:o.flex,children:t})})},ee=$e;var L={Button:Z,Wrapper:ee};import te from"clsx";var x={main:"flex h-14",loading:{base:"my-auto md:w-full mr-8",margin:"ml-4"},wrapper:{padding:"px-2 pt-2",popover:"pb-1"}};function A(e,t){return{classNames:{...x,loading:te(x.loading.base,e===0?"":x.loading.margin),wrapper:te(x.wrapper.padding,t?"":x.wrapper.popover)}}}import{jsx as T}from"react/jsx-runtime";var qe=function({index:e,isLoading:t=!1,popoverButtons:o=!1,label:r,...n}){let{classNames:a}=A(e,o);return T("div",{...n,className:a.main,children:T(Ve,{isLoading:t,wrapperClassName:a.loading,afterLoading:T(L.Wrapper,{index:e,children:T(L.Button,{label:r})})})})},oe=qe;var re={base:"flex-row h-14 border-b border-neutral-200"};function F(e,t){let{headers:o,getHeaderGroupProps:r}=e,n=r({}),a=t.filter(s=>s.isVisible).length;return{headers:o,headerGroupProps:n,totalVisible:a}}import{jsx as ne}from"react/jsx-runtime";function Ue({headerGroup:e,columns:t,isLoading:o}){let{headerGroupProps:r,headers:n}=F(e,t);return ne("div",{...r,className:re.base,children:n.map((a,s)=>ne(oe,{index:s,label:a.render("Header"),isLoading:o,...a.getHeaderProps(a.getSortByToggleProps())}))})}var ae=Ue;import{SkeletonLoader as Ke,Text as et}from"@kanda-libs/ks-design-library";import Ze from"clsx";var c={container:"flex w-full h-full",render:"w-full my-auto text-style-g text-neutral-600 whitespace-nowrap overflow-hidden overflow-ellipsis",renderLoading:"w-full my-auto mr-8 text-style-g",mobileLabel:"block md:hidden text-16-24-em text-neutral-600 mr-2",cell:{base:"px-4 py-1 md:pt-0 md:pr-0 md:pb-0 md:h-16 flex",compact:"h-8 flex",padding:"md:pl-4"}};function R(e,t,o){return{cell:Ze(t?c.cell.compact:c.cell.base,e===0?"":c.cell.padding),container:c.container,render:o?c.renderLoading:c.render,mobileLabel:c.mobileLabel}}import{useIsDesktop as Ye}from"@kanda-libs/ks-design-library";function H(e){if(!e)return{};let t=Ye();return{...e,width:t?e==null?void 0:e.width:"100%"}}import{Fragment as ot,jsx as S,jsxs as rt}from"react/jsx-runtime";var tt=function({render:e,index:t,compact:o=!1,isLoading:r=!1,label:n,...a}){let s=R(t,o,r),{style:l,...p}=a,i=H(l);return S("div",{...p,style:i,className:s.cell,children:S("div",{className:s.container,children:S("div",{className:s.render,children:S(Ke,{isLoading:r,afterLoading:rt(ot,{children:[S(et,{text:`${n}:`,className:s.mobileLabel}),e()]})})})})})},se=tt;import{useClasses as nt}from"@kanda-libs/ks-design-library";var ie={base:"relative md:h-16 flex-col py-2 md:py-0 md:flex-row",compact:"relative h-8",border:"border-b border-neutral-200",hover:"group hover:bg-neutral-50 cursor-pointer",button:"hidden group-hover:block"};function I(e,t){return nt(ie,{base:[".base",e===9?"":".border",t?".hover":""],button:[".button"]})}import{jsx as le}from"react/jsx-runtime";function at({cells:e,index:t,compact:o=!1,isLoading:r=!1,onRowClick:n,...a}){let s=I(t,!!n);return le("div",{...a,className:o?s.compact:s.base,onClick:()=>{n&&n(e[0].row.original)},children:e.map((l,p)=>le(se,{...l.getCellProps(),index:p,isLoading:r,render:()=>l.render("Cell"),label:l.column.Header}))})}var pe=at;import{Fragment as it,jsx as me}from"react/jsx-runtime";function st({page:e,prepareRow:t,isLoading:o=!1,compact:r=!1,onRowClick:n}){return me(it,{children:e.map((a,s)=>(t(a),me(pe,{...a.getRowProps(),index:s,cells:a.cells,isLoading:o,compact:r,onRowClick:n})))})}var ce=st;import{useTable as ct,useGlobalFilter as dt,usePagination as ut,useSortBy as ft,useFlexLayout as xt}from"react-table";import lt from"fuse.js";var pt=(e,t)=>e.filter(o=>Object.values(o.values).join(", ").toLowerCase().includes(t.toLowerCase())),de=(e,t)=>e.filter(({id:o})=>t.filter(r=>r.id===o).length===0),mt=(e,t,o,r,n)=>{let a=e.map(i=>i.values),p=new lt(a,{keys:o.map(i=>({name:i,getFn:m=>m[i]}))}).search(t).map(({item:i})=>i).slice(0,r).map(i=>e.find(m=>m.values.cid===i.cid)).filter(Boolean);return de(p,n)},ue=(e,t,o,r=10)=>{if(o.length<1)return e;let n=pt(e,o).slice(0,r),a=de(e,n),s=mt(a,o,t,r-n.length,n),l=[...n,...s];return e.map(({id:p})=>l.find(i=>i.id===p)).filter(Boolean)};import{useEffect as gt}from"react";function M({columns:e,data:t,pageSize:o=10,query:r=""}){let n=ct({columns:e,data:t,initialState:{pageSize:10,pageIndex:0},autoResetGlobalFilter:!1,globalFilter:(i,m,P)=>ue(i,m,P,o)},dt,ft,ut,xt),{gotoPage:a,pageCount:s,state:{pageIndex:l}}=n,p={pageCount:s,pageIndex:l,setPage:i=>{a(i)}};return gt(()=>{n.setGlobalFilter(r)},[r]),{paginationProps:p,...n}}import{Fragment as Pt,jsx as C,jsxs as fe}from"react/jsx-runtime";function St({compact:e=!1,isLoading:t=!1,onRowClick:o,...r}){let{page:n,prepareRow:a,columns:s,getTableProps:l,headerGroups:p,paginationProps:i}=M(r);return fe(Pt,{children:[fe("div",{...l(),className:"w-full",children:[C("div",{children:p.map(m=>C(ae,{headerGroup:m,columns:s,isLoading:t}))}),C(ce,{page:n,prepareRow:a,isLoading:t,compact:e,onRowClick:o})]}),i.pageCount>1&&C("div",{className:"px-4 py-4",children:C(bt,{...i})})]})}var Ct=St;import{Text as Tt}from"@kanda-libs/ks-design-library";import ht from"clsx";var xe={1:"text-24-28-em",2:"text-16-20-em"},ge={1:"mb-4",2:"mb-2"};import{jsx as vt}from"react/jsx-runtime";var Nt=function({size:e=1,className:t,children:o}){return vt(Tt,{text:o,className:ht(ge[e],xe[e],t)})},wt=Nt;import{Icon as yt,Logo as kt}from"@kanda-libs/ks-design-library";import{jsx as g,jsxs as h}from"react/jsx-runtime";var be={80:"max-w-80",96:"max-w-96",120:"max-w-120",160:"max-w160"},Se=({logo:e,icon:t,iconClassName:o,iconSize:r,title:n,subText:a,boldSubText:s,cta:l,append:p,width:i=80,contentWidth:m=80,content:P})=>h("div",{className:`flex flex-col m-auto w-full ${be[i]} text-center items-center justify-center`,children:[e&&g("div",{className:"mb-10",children:g(kt,{height:32})}),!e&&g(yt,{icon:t,size:r,className:`mx-auto mb-8 ${o}`}),g("h1",{className:"text-24-28-em mb-4",children:n}),h("div",{className:`flex flex-col w-full ${be[m]} mx-auto`,children:[P&&g("div",{className:"mt-4 mb-8",children:P}),h("span",{className:"text-16-24 text-neutral-600",children:[a,s&&h("b",{children:[" ",s]})]}),l&&g("div",{className:"mt-10",children:l}),p]})]});Se.defaultProps={logo:!1,iconClassName:"",iconSize:104,cta:null,append:null,boldSubText:null,content:null,width:96,contentWidth:96};var Et=Se;import{useEffect as Rt}from"react";import{Document as Ht,Page as It,pdfjs as Ce}from"react-pdf";import{useToast as Lt}from"@kanda-libs/ks-design-library";import{useCallback as O,useMemo as At,useState as Ft}from"react";function _(e){let[t,o]=Ft(null),{showError:r}=Lt(),n=O(({numPages:i})=>{o([...Array(i).keys()].map(m=>({key:`page_${m+1}`,pageNumber:m+1,className:m!==0?"mt-4":""})))},[]),a=O(({message:i})=>r(`Error loading document. Please contact Kanda. Error message: ${i}`),[r]),s=O(({message:i})=>r(`Error retrieving document source. Please contact Kanda. Error message: ${i}`),[r]),l=At(()=>e?{file:`data:application/pdf;base64,${e}`,error:"Failed to load the PDF file. The file can still be downloaded by clicking the button below",onLoadSuccess:n,onLoadError:a,onSourceError:s}:null,[e,n,a,s]);return{pdfProps:l,pages:t,showContent:!!(l&&!!e)}}import{Fragment as Pe,jsx as N}from"react/jsx-runtime";var Mt=Ht,Ot=function({content:e}){let{pdfProps:t,pages:o,showContent:r}=_(e);return Rt(()=>{Ce.GlobalWorkerOptions.workerSrc=`https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${Ce.version}/pdf.worker.js`},[]),r?N(Mt,{...t,children:o&&o.map(n=>N(Pe,{children:N(It,{...n})}))}):N(Pe,{})},_t=Ot;var Te={container:"grid grid-cols-7 justify-start items-start gap-x-2"};import{jsx as Gt}from"react/jsx-runtime";var Wt=function({children:e}){return Gt("div",{className:Te.container,children:e})},Bt=Wt;import{Children as jt}from"react";import{Button as Dt}from"@kanda-libs/ks-design-library";var W={title:"text-18-22-em text-neutral-900 py-2 text-center h-14",items:"flex flex-col gap-y-2"};import{useCallback as Jt,useState as Xt}from"react";function B(e,t){let[o,r]=Xt(0),n=Jt(()=>{r(s=>s+1)},[r]),a=e.slice(0,(o+1)*t);return{items:a,showMore:n,canShowMore:e.length>a.length}}import{jsx as G,jsxs as he}from"react/jsx-runtime";var zt=function({title:e,children:t,perPage:o=5}){let{items:r,showMore:n,canShowMore:a}=B(jt.toArray(t),o);return he("div",{children:[G("div",{className:W.title,children:e}),he("div",{className:W.items,children:[r,a&&G("div",{className:"mt-2",children:G(Dt.Text,{id:"pipeline-column-show-more",variant:"outline",onClick:n,label:"More",className:"w-full"})})]})]})},Qt=zt;import{Card as $t,Text as Ne,TimeAgo as Vt}from"@kanda-libs/ks-design-library";import{jsx as w,jsxs as Zt}from"react/jsx-runtime";var qt=function({name:e,signedUpDate:t,reviewed:o=!1,isLoading:r=!1}){return w($t,{className:o?"bg-blue-100":"",children:Zt("div",{className:"flex flex-col gap-y-2",children:[w(Ne,{text:e,className:"text-16-20-em",isLoading:r}),o&&w(Ne,{text:"Reviewed",className:"text-12-18-em-up"}),w(Vt,{timestamp:t.getTime()})]})})},Ut=qt;import{BreakPoints as lo}from"@kanda-libs/ks-design-library";import{Icon as we,Text as Yt}from"@kanda-libs/ks-design-library";import v from"clsx";function J(e,t,o,r){let n=e||t,a=v("w-7 h-7 rounded-2xl mb-2 relative z-10","text-center text-18-22-em flex items-center justify-center border border-solid border-2",!n&&"border-neutral-600 text-neutral-600 bg-neutral-000",n&&"bg-green-500 text-neutral-000 border-transparent"),s=v("absolute h-1 top-[31px] z-0",!n&&"bg-neutral-200",n&&"bg-green-500"),l=v(s,"w-1/2 left-0",o!==0&&"hidden md:block",o===0&&"hidden"),p=v(s,"w-1/2 right-0 hidden md:block",t&&"bg-neutral-200",!r&&"hidden md:block",r&&"hidden");return{iconClasses:a,leftBorderClasses:l,rightBorderClasses:p}}import{jsx as d,jsxs as ve}from"react/jsx-runtime";var Kt=function({index:e,active:t=!1,current:o=!1,last:r=!1,label:n}){let{iconClasses:a,leftBorderClasses:s,rightBorderClasses:l}=J(t,o,e,r);return ve("div",{className:"relative flex flex-col items-center w-full md:w-auto md:min-w-48",children:[o&&d(we,{icon:"chevron-down",height:20}),!o&&d("div",{className:"h-5"}),d("div",{className:a,children:ve("div",{children:[!t&&e+1,t&&d(we,{icon:"check",width:12})]})}),d("div",{className:s}),!r&&d("div",{className:l}),d(Yt,{text:n,className:"text-sm text-center text-neutral-700"})]})},ye=Kt;import eo from"clsx";import{jsx as oo}from"react/jsx-runtime";var to=function({active:e=!1}){return oo("div",{className:eo("flex-grow w-full h-1 -mt-[32px] hidden md:block",!e&&"bg-neutral-200",e&&"bg-green-500")})},ke=to;import{Fragment as no,jsx as X,jsxs as ao}from"react/jsx-runtime";var ro=function({stages:e,activeKey:t}){return X("div",{className:"flex flex-col items-center justify-between h-full md:flex-row",children:e.map((o,r)=>ao(no,{children:[X(ye,{index:r,active:r<t,current:r===t,last:r===e.length-1,label:o},`stage-${r}`),r!==e.length-1&&X(ke,{active:r<t})]}))})},Ee=ro;import{Timeline as so}from"@kanda-libs/ks-design-library";import{jsx as Le}from"react/jsx-runtime";var io=function({mobileStages:e=[],activeKey:t}){return Le("div",{className:"px-2",children:Le(so,{compact:!0,items:e.map((o,r)=>({title:o,fill:t===r?"green":"grey"}))})})},Ae=io;import{jsx as j}from"react/jsx-runtime";var po=function(e){return j(lo,{desktop:j(Ee,{...e}),mobile:j(Ae,{...e})})},mo=po;import{Text as Re}from"@kanda-libs/ks-design-library";var Fe={container:"w-screen h-screen flex flex-col justify-center items-center"};import{jsx as He,jsxs as fo}from"react/jsx-runtime";var co=function(){return fo("div",{className:Fe.container,children:[He(Re,{text:"404",className:"mb-4 text-28-32-em text-neutral-900"}),He(Re,{text:"Page not found",className:"text-20-24 text-neutral-700"})]})},uo=co;import{Text as Ie}from"@kanda-libs/ks-design-library";import xo from"clsx";var u={wrapper:"flex flex-col gap-y-4 md:gap-y-1",item:"flex flex-row items-center justify-start gap-y-2 md:mb-3",itemNumber:"flex items-center justify-center w-8 h-8 px-4 mr-3 text-green-900 bg-green-200 rounded-full text-18-28-em",itemContent:"flex flex-col text-left gap-y-1",itemTitle:"w-full mb-auto text-16-20-em text-neutral-700",itemDescription:"w-full mb-auto text-14-22 text-neutral-700"};import{jsx as y,jsxs as Me}from"react/jsx-runtime";var go=function({items:e,className:t}){return y("div",{className:xo(u.wrapper,t),children:e.map((o,r)=>Me("div",{className:u.item,children:[y("div",{className:u.itemNumber,children:o.number||r+1}),Me("div",{className:u.itemContent,children:[y(Ie,{text:o.title,className:u.itemTitle}),y(Ie,{text:o.description,className:u.itemDescription})]})]},`item-${r}`))})},bo=go;import{Icon as So,Text as Co}from"@kanda-libs/ks-design-library";import{jsx as D,jsxs as ho}from"react/jsx-runtime";var Po=function({rows:e,tickStroke:t="neutral-600"}){return D("div",{className:"flex flex-col w-full",children:e.map((o,r)=>ho("div",{className:"flex flex-row mt-2 first:mt-0",children:[D(So,{icon:"check",className:"mr-3 mb-auto mt-0.75 md:mt-1 min-w-4",size:16,stroke:t}),D(Co,{text:o,className:"text-14-22 md:text-16-24"})]},`tick-list-${r}`))})},To=Po;import{Text as We}from"@kanda-libs/ks-design-library";import{Icon as Oe,Text as Eo}from"@kanda-libs/ks-design-library";import{useCallback as No,useEffect as wo,useMemo as vo,useRef as yo,useState as ko}from"react";function z(e,t){let o=yo(null),[r,n]=ko({maxHeight:0}),a=vo(()=>e?"transition-all rotate-90":"transition-all rotate-0",[e]),s=No(()=>{t(),!e&&setTimeout(()=>n({maxHeight:"none"}),200)},[t,e]);return wo(()=>{var l,p;if(!e){n({maxHeight:((l=o.current)==null?void 0:l.clientHeight)||100}),setTimeout(()=>{n({maxHeight:0})},10);return}n({maxHeight:((p=o.current)==null?void 0:p.clientHeight)||100})},[e]),{cardRef:o,style:r,handleClick:s,iconClassName:a}}import{jsx as f,jsxs as Q}from"react/jsx-runtime";var Lo=function({item:e,onClick:t,isActive:o}){let{cardRef:r,style:n,handleClick:a,iconClassName:s}=z(o,t);return Q("button",{className:"flex flex-col w-full px-3 py-4 mb-auto rounded-lg bg-neutral-700",onClick:a,type:"button",children:[Q("div",{className:"flex flex-row justify-between w-full",children:[Q("div",{className:"flex flex-row pr-2",children:[f("div",{className:"flex mb-auto mr-3 rounded-full min-w-9 min-h-9 bg-neutral-600",children:f(Oe,{icon:"info",stroke:"turquoise-300",size:20,className:"m-auto"})}),f(Eo,{text:e.title,className:"my-auto text-left text-16-24-em text-neutral-000"})]}),f("div",{className:"w-6 h-6 rotate-45 min-w-6 min-h-6",children:f(Oe,{icon:"arrow-up",stroke:"turquoise-300",className:s})})]}),f("div",{className:"overflow-hidden text-left transition-all",style:n,children:f("div",{ref:r,className:"pt-2 pl-12 pr-6 text-12-18 text-neutral-000",children:e.description})})]})},_e=Lo;import{useCallback as Ao,useState as Fo}from"react";function $(){let[e,t]=Fo(),o=Ao(r=>{if(r===e){t(void 0);return}t(r)},[e]);return{isActive:e,onClick:o}}import{jsx as k,jsxs as Be}from"react/jsx-runtime";var Ro=function({items:e}){let{isActive:t,onClick:o}=$();return e?Be("div",{className:"flex flex-col mt-12 md:mt-20",children:[Be("div",{className:"flex flex-row mx-auto mb-6 md:mb-10",children:[k(We,{text:"Frequently asked",className:"mr-2 text-20-24-em md:text-32-40-em"}),k(We,{text:"questions",className:"mr-2 text-green-400 text-20-24-em md:text-32-40-em"})]}),k("div",{className:"w-full grid grid-cols-1 md:grid-cols-2 gap-5 md:px-16",children:e.map((r,n)=>k(_e,{item:r,isActive:t===n,onClick:()=>o(n)},r.title))})]}):null},Ho=Ro;export{Je as AlertBanner,Ho as FAQs,uo as NotFoundPage,bo as NumberedList,_t as Pdf,Bt as Pipeline,Qt as PipelineColumn,Ut as SimpleCompanyCard,Et as SplashScreen,mo as StageTimeline,Ct as Table,To as TickList,wt as Title};
|
|
1
|
+
import{jsx as Xe}from"react/jsx-runtime";var Ge=function({children:e}){return Xe("div",{className:"p-4 border bg-lavender-100 border-lavender-200 rounded-xl text-lavender-200",children:e})},Je=Ge;import{Pagination as bt}from"@kanda-libs/ks-design-library";import{SkeletonLoader as Ve}from"@kanda-libs/ks-design-library";import{Icon as je}from"@kanda-libs/ks-design-library";var q="flex px-3 py-1.75 h-9 -ml-3 my-auto rounded-lg bg-transparent hover:bg-neutral-100 text-style-g-em text-neutral-500 whitespace-nowrap z-20",U={icon:"chevron-down",stroke:"neutral-500",size:12,className:"ml-2 my-auto"},Z={width:"calc(100% + 16px)"},b={container:{base:"w-full h-full overflow-hidden",padding:"pl-4 -ml-4"},flex:{base:"w-full h-full flex px-4 px-0",padding:"pl-4"}};import{jsx as ze,jsxs as Qe}from"react/jsx-runtime";var De=function({label:e,...t}){return Qe("button",{className:q,...t,children:[e,ze(je,{...U})]})},Y=De;import K from"clsx";function L(e){let t=e===0?Z:{};return{classNames:{container:K(b.container.base,e===0?b.container.padding:""),flex:K(b.flex.base,e===0?"":b.flex.padding)},containerStyle:t}}import{jsx as ee}from"react/jsx-runtime";var $e=function({index:e,children:t}){let{classNames:o,containerStyle:r}=L(e);return ee("div",{className:o.container,style:r,children:ee("div",{className:o.flex,children:t})})},te=$e;var E={Button:Y,Wrapper:te};import oe from"clsx";var x={main:"flex h-14",loading:{base:"my-auto md:w-full mr-8",margin:"ml-4"},wrapper:{padding:"px-2 pt-2",popover:"pb-1"}};function A(e,t){return{classNames:{...x,loading:oe(x.loading.base,e===0?"":x.loading.margin),wrapper:oe(x.wrapper.padding,t?"":x.wrapper.popover)}}}import{jsx as h}from"react/jsx-runtime";var qe=function({index:e,isLoading:t=!1,popoverButtons:o=!1,label:r,...n}){let{classNames:a}=A(e,o);return h("div",{...n,className:a.main,children:h(Ve,{isLoading:t,wrapperClassName:a.loading,afterLoading:h(E.Wrapper,{index:e,children:h(E.Button,{label:r})})})})},re=qe;var ne={base:"flex-row h-14 border-b border-neutral-200"};function F(e,t){let{headers:o,getHeaderGroupProps:r}=e,n=r({}),a=t.filter(s=>s.isVisible).length;return{headers:o,headerGroupProps:n,totalVisible:a}}import{jsx as ae}from"react/jsx-runtime";function Ue({headerGroup:e,columns:t,isLoading:o}){let{headerGroupProps:r,headers:n}=F(e,t);return ae("div",{...r,className:ne.base,children:n.map((a,s)=>ae(re,{index:s,label:a.render("Header"),isLoading:o,...a.getHeaderProps(a.getSortByToggleProps())}))})}var se=Ue;import{SkeletonLoader as Ke,Text as et}from"@kanda-libs/ks-design-library";import Ze from"clsx";var c={container:"flex w-full h-full",render:"w-full my-auto text-style-g text-neutral-600 whitespace-nowrap overflow-hidden overflow-ellipsis",renderLoading:"w-full my-auto mr-8 text-style-g",mobileLabel:"block md:hidden text-16-24-em text-neutral-600 mr-2",cell:{base:"px-4 py-1 md:pt-0 md:pr-0 md:pb-0 md:h-16 flex",compact:"h-8 flex",padding:"md:pl-4"}};function R(e,t,o){return{cell:Ze(t?c.cell.compact:c.cell.base,e===0?"":c.cell.padding),container:c.container,render:o?c.renderLoading:c.render,mobileLabel:c.mobileLabel}}import{useIsDesktop as Ye}from"@kanda-libs/ks-design-library";function H(e){if(!e)return{};let t=Ye();return{...e,width:t?e==null?void 0:e.width:"100%"}}import{Fragment as ot,jsx as S,jsxs as rt}from"react/jsx-runtime";var tt=function({render:e,index:t,compact:o=!1,isLoading:r=!1,label:n,...a}){let s=R(t,o,r),{style:l,...p}=a,i=H(l);return S("div",{...p,style:i,className:s.cell,children:S("div",{className:s.container,children:S("div",{className:s.render,children:S(Ke,{isLoading:r,afterLoading:rt(ot,{children:[S(et,{text:`${n}:`,className:s.mobileLabel}),e()]})})})})})},ie=tt;import{useClasses as nt}from"@kanda-libs/ks-design-library";var le={base:"relative md:h-16 flex-col py-2 md:py-0 md:flex-row",compact:"relative h-8",border:"border-b border-neutral-200",hover:"group hover:bg-neutral-50 cursor-pointer",button:"hidden group-hover:block"};function I(e,t){return nt(le,{base:[".base",e===9?"":".border",t?".hover":""],button:[".button"]})}import{jsx as pe}from"react/jsx-runtime";function at({cells:e,index:t,compact:o=!1,isLoading:r=!1,onRowClick:n,...a}){let s=I(t,!!n);return pe("div",{...a,className:o?s.compact:s.base,onClick:()=>{n&&n(e[0].row.original)},children:e.map((l,p)=>pe(ie,{...l.getCellProps(),index:p,isLoading:r,render:()=>l.render("Cell"),label:l.column.Header}))})}var me=at;import{Fragment as it,jsx as ce}from"react/jsx-runtime";function st({page:e,prepareRow:t,isLoading:o=!1,compact:r=!1,onRowClick:n}){return ce(it,{children:e.map((a,s)=>(t(a),ce(me,{...a.getRowProps(),index:s,cells:a.cells,isLoading:o,compact:r,onRowClick:n})))})}var de=st;import{useTable as ct,useGlobalFilter as dt,usePagination as ut,useSortBy as ft,useFlexLayout as xt}from"react-table";import lt from"fuse.js";var pt=(e,t)=>e.filter(o=>Object.values(o.values).join(", ").toLowerCase().includes(t.toLowerCase())),ue=(e,t)=>e.filter(({id:o})=>t.filter(r=>r.id===o).length===0),mt=(e,t,o,r,n)=>{let a=e.map(i=>i.values),p=new lt(a,{keys:o.map(i=>({name:i,getFn:m=>m[i]}))}).search(t).map(({item:i})=>i).slice(0,r).map(i=>e.find(m=>m.values.cid===i.cid)).filter(Boolean);return ue(p,n)},fe=(e,t,o,r=10)=>{if(o.length<1)return e;let n=pt(e,o).slice(0,r),a=ue(e,n),s=mt(a,o,t,r-n.length,n),l=[...n,...s];return e.map(({id:p})=>l.find(i=>i.id===p)).filter(Boolean)};import{useEffect as gt}from"react";function M({columns:e,data:t,pageSize:o=10,query:r=""}){let n=ct({columns:e,data:t,initialState:{pageSize:10,pageIndex:0},autoResetGlobalFilter:!1,globalFilter:(i,m,T)=>fe(i,m,T,o)},dt,ft,ut,xt),{gotoPage:a,pageCount:s,state:{pageIndex:l}}=n,p={pageCount:s,pageIndex:l,setPage:i=>{a(i)}};return gt(()=>{n.setGlobalFilter(r)},[r]),{paginationProps:p,...n}}import{Fragment as Pt,jsx as C,jsxs as xe}from"react/jsx-runtime";function St({compact:e=!1,isLoading:t=!1,onRowClick:o,...r}){let{page:n,prepareRow:a,columns:s,getTableProps:l,headerGroups:p,paginationProps:i}=M(r);return xe(Pt,{children:[xe("div",{...l(),className:"w-full",children:[C("div",{children:p.map(m=>C(se,{headerGroup:m,columns:s,isLoading:t}))}),C(de,{page:n,prepareRow:a,isLoading:t,compact:e,onRowClick:o})]}),i.pageCount>1&&C("div",{className:"px-4 py-4",children:C(bt,{...i})})]})}var Ct=St;import{Text as Tt}from"@kanda-libs/ks-design-library";import ht from"clsx";var ge={1:"text-24-28-em",2:"text-16-20-em"},be={1:"mb-4",2:"mb-2"};import{jsx as vt}from"react/jsx-runtime";var Nt=function({size:e=1,className:t,children:o}){return vt(Tt,{text:o,className:ht(be[e],ge[e],t)})},wt=Nt;import{Icon as yt,Logo as kt}from"@kanda-libs/ks-design-library";import{jsx as g,jsxs as N}from"react/jsx-runtime";var Se={80:"max-w-80",96:"max-w-96",120:"max-w-120",160:"max-w160"},Ce=({logo:e,icon:t,iconClassName:o,iconSize:r,title:n,subText:a,boldSubText:s,cta:l,append:p,width:i=80,contentWidth:m=80,content:T})=>N("div",{className:`flex flex-col m-auto w-full ${Se[i]} text-center items-center justify-center`,children:[e&&g("div",{className:"mb-10",children:g(kt,{height:32})}),!e&&g(yt,{icon:t,size:r,className:`mx-auto mb-8 ${o}`}),g("h1",{className:"text-24-28-em mb-4",children:n}),N("div",{className:`flex flex-col w-full ${Se[m]} mx-auto`,children:[T&&g("div",{className:"mt-4 mb-8",children:T}),N("span",{className:"text-16-24 text-neutral-600",children:[a,s&&N("b",{children:[" ",s]})]}),l&&g("div",{className:"mt-10",children:l}),p]})]});Ce.defaultProps={logo:!1,iconClassName:"",iconSize:104,cta:null,append:null,boldSubText:null,content:null,width:96,contentWidth:96};var Lt=Ce;import{useEffect as Rt}from"react";import{Document as Ht,Page as It,pdfjs as Pe}from"react-pdf";import{useToast as Et}from"@kanda-libs/ks-design-library";import{useCallback as O,useMemo as At,useState as Ft}from"react";function _(e){let[t,o]=Ft(null),{showError:r}=Et(),n=O(({numPages:i})=>{o([...Array(i).keys()].map(m=>({key:`page_${m+1}`,pageNumber:m+1,className:m!==0?"mt-4":""})))},[]),a=O(({message:i})=>r(`Error loading document. Please contact Kanda. Error message: ${i}`),[r]),s=O(({message:i})=>r(`Error retrieving document source. Please contact Kanda. Error message: ${i}`),[r]),l=At(()=>e?{file:`data:application/pdf;base64,${e}`,error:"Failed to load the PDF file. The file can still be downloaded by clicking the button below",onLoadSuccess:n,onLoadError:a,onSourceError:s}:null,[e,n,a,s]);return{pdfProps:l,pages:t,showContent:!!(l&&!!e)}}import{Fragment as Te,jsx as w}from"react/jsx-runtime";var Mt=Ht,Ot=function({content:e}){let{pdfProps:t,pages:o,showContent:r}=_(e);return Rt(()=>{Pe.GlobalWorkerOptions.workerSrc=`https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${Pe.version}/pdf.worker.js`},[]),r?w(Mt,{...t,children:o&&o.map(n=>w(Te,{children:w(It,{...n})}))}):w(Te,{})},_t=Ot;var he={container:"grid grid-cols-7 justify-start items-start gap-x-2"};import{jsx as Gt}from"react/jsx-runtime";var Wt=function({children:e}){return Gt("div",{className:he.container,children:e})},Bt=Wt;import{Children as jt}from"react";import{Button as Dt}from"@kanda-libs/ks-design-library";var W={title:"text-18-22-em text-neutral-900 py-2 text-center h-14",items:"flex flex-col gap-y-2"};import{useCallback as Jt,useState as Xt}from"react";function B(e,t){let[o,r]=Xt(0),n=Jt(()=>{r(s=>s+1)},[r]),a=e.slice(0,(o+1)*t);return{items:a,showMore:n,canShowMore:e.length>a.length}}import{jsx as G,jsxs as Ne}from"react/jsx-runtime";var zt=function({title:e,children:t,perPage:o=5}){let{items:r,showMore:n,canShowMore:a}=B(jt.toArray(t),o);return Ne("div",{children:[G("div",{className:W.title,children:e}),Ne("div",{className:W.items,children:[r,a&&G("div",{className:"mt-2",children:G(Dt.Text,{id:"pipeline-column-show-more",variant:"outline",onClick:n,label:"More",className:"w-full"})})]})]})},Qt=zt;import{Card as $t,Text as J,TimeAgo as Vt}from"@kanda-libs/ks-design-library";import{jsx as P,jsxs as Zt}from"react/jsx-runtime";var qt=function({name:e,signedUpDate:t,reviewed:o=!1,isLoading:r=!1,lifeCycle:n}){return P($t,{className:o?"bg-blue-100":"",children:Zt("div",{className:"flex flex-col gap-y-2",children:[P(J,{text:e,className:"text-16-20-em",isLoading:r}),o&&P(J,{text:"Reviewed",className:"text-12-18-em-up"}),P(Vt,{timestamp:t.getTime()}),n&&P(J,{text:`Lifecycle: ${n}`,className:"text-12-18-em-up"})]})})},Ut=qt;import{BreakPoints as lo}from"@kanda-libs/ks-design-library";import{Icon as we,Text as Yt}from"@kanda-libs/ks-design-library";import v from"clsx";function X(e,t,o,r){let n=e||t,a=v("w-7 h-7 rounded-2xl mb-2 relative z-10","text-center text-18-22-em flex items-center justify-center border border-solid border-2",!n&&"border-neutral-600 text-neutral-600 bg-neutral-000",n&&"bg-green-500 text-neutral-000 border-transparent"),s=v("absolute h-1 top-[31px] z-0",!n&&"bg-neutral-200",n&&"bg-green-500"),l=v(s,"w-1/2 left-0",o!==0&&"hidden md:block",o===0&&"hidden"),p=v(s,"w-1/2 right-0 hidden md:block",t&&"bg-neutral-200",!r&&"hidden md:block",r&&"hidden");return{iconClasses:a,leftBorderClasses:l,rightBorderClasses:p}}import{jsx as d,jsxs as ve}from"react/jsx-runtime";var Kt=function({index:e,active:t=!1,current:o=!1,last:r=!1,label:n}){let{iconClasses:a,leftBorderClasses:s,rightBorderClasses:l}=X(t,o,e,r);return ve("div",{className:"relative flex flex-col items-center w-full md:w-auto md:min-w-48",children:[o&&d(we,{icon:"chevron-down",height:20}),!o&&d("div",{className:"h-5"}),d("div",{className:a,children:ve("div",{children:[!t&&e+1,t&&d(we,{icon:"check",width:12})]})}),d("div",{className:s}),!r&&d("div",{className:l}),d(Yt,{text:n,className:"text-sm text-center text-neutral-700"})]})},ye=Kt;import eo from"clsx";import{jsx as oo}from"react/jsx-runtime";var to=function({active:e=!1}){return oo("div",{className:eo("flex-grow w-full h-1 -mt-[32px] hidden md:block",!e&&"bg-neutral-200",e&&"bg-green-500")})},ke=to;import{Fragment as no,jsx as j,jsxs as ao}from"react/jsx-runtime";var ro=function({stages:e,activeKey:t}){return j("div",{className:"flex flex-col items-center justify-between h-full md:flex-row",children:e.map((o,r)=>ao(no,{children:[j(ye,{index:r,active:r<t,current:r===t,last:r===e.length-1,label:o},`stage-${r}`),r!==e.length-1&&j(ke,{active:r<t})]}))})},Le=ro;import{Timeline as so}from"@kanda-libs/ks-design-library";import{jsx as Ee}from"react/jsx-runtime";var io=function({mobileStages:e=[],activeKey:t}){return Ee("div",{className:"px-2",children:Ee(so,{compact:!0,items:e.map((o,r)=>({title:o,fill:t===r?"green":"grey"}))})})},Ae=io;import{jsx as D}from"react/jsx-runtime";var po=function(e){return D(lo,{desktop:D(Le,{...e}),mobile:D(Ae,{...e})})},mo=po;import{Text as Re}from"@kanda-libs/ks-design-library";var Fe={container:"w-screen h-screen flex flex-col justify-center items-center"};import{jsx as He,jsxs as fo}from"react/jsx-runtime";var co=function(){return fo("div",{className:Fe.container,children:[He(Re,{text:"404",className:"mb-4 text-28-32-em text-neutral-900"}),He(Re,{text:"Page not found",className:"text-20-24 text-neutral-700"})]})},uo=co;import{Text as Ie}from"@kanda-libs/ks-design-library";import xo from"clsx";var u={wrapper:"flex flex-col gap-y-4 md:gap-y-1",item:"flex flex-row items-center justify-start gap-y-2 md:mb-3",itemNumber:"flex items-center justify-center w-8 h-8 px-4 mr-3 text-green-900 bg-green-200 rounded-full text-18-28-em",itemContent:"flex flex-col text-left gap-y-1",itemTitle:"w-full mb-auto text-16-20-em text-neutral-700",itemDescription:"w-full mb-auto text-14-22 text-neutral-700"};import{jsx as y,jsxs as Me}from"react/jsx-runtime";var go=function({items:e,className:t}){return y("div",{className:xo(u.wrapper,t),children:e.map((o,r)=>Me("div",{className:u.item,children:[y("div",{className:u.itemNumber,children:o.number||r+1}),Me("div",{className:u.itemContent,children:[y(Ie,{text:o.title,className:u.itemTitle}),y(Ie,{text:o.description,className:u.itemDescription})]})]},`item-${r}`))})},bo=go;import{Icon as So,Text as Co}from"@kanda-libs/ks-design-library";import{jsx as z,jsxs as ho}from"react/jsx-runtime";var Po=function({rows:e,tickStroke:t="neutral-600"}){return z("div",{className:"flex flex-col w-full",children:e.map((o,r)=>ho("div",{className:"flex flex-row mt-2 first:mt-0",children:[z(So,{icon:"check",className:"mr-3 mb-auto mt-0.75 md:mt-1 min-w-4",size:16,stroke:t}),z(Co,{text:o,className:"text-14-22 md:text-16-24"})]},`tick-list-${r}`))})},To=Po;import{Text as We}from"@kanda-libs/ks-design-library";import{Icon as Oe,Text as Lo}from"@kanda-libs/ks-design-library";import{useCallback as No,useEffect as wo,useMemo as vo,useRef as yo,useState as ko}from"react";function Q(e,t){let o=yo(null),[r,n]=ko({maxHeight:0}),a=vo(()=>e?"transition-all rotate-90":"transition-all rotate-0",[e]),s=No(()=>{t(),!e&&setTimeout(()=>n({maxHeight:"none"}),200)},[t,e]);return wo(()=>{var l,p;if(!e){n({maxHeight:((l=o.current)==null?void 0:l.clientHeight)||100}),setTimeout(()=>{n({maxHeight:0})},10);return}n({maxHeight:((p=o.current)==null?void 0:p.clientHeight)||100})},[e]),{cardRef:o,style:r,handleClick:s,iconClassName:a}}import{jsx as f,jsxs as $}from"react/jsx-runtime";var Eo=function({item:e,onClick:t,isActive:o}){let{cardRef:r,style:n,handleClick:a,iconClassName:s}=Q(o,t);return $("button",{className:"flex flex-col w-full px-3 py-4 mb-auto rounded-lg bg-neutral-700",onClick:a,type:"button",children:[$("div",{className:"flex flex-row justify-between w-full",children:[$("div",{className:"flex flex-row pr-2",children:[f("div",{className:"flex mb-auto mr-3 rounded-full min-w-9 min-h-9 bg-neutral-600",children:f(Oe,{icon:"info",stroke:"turquoise-300",size:20,className:"m-auto"})}),f(Lo,{text:e.title,className:"my-auto text-left text-16-24-em text-neutral-000"})]}),f("div",{className:"w-6 h-6 rotate-45 min-w-6 min-h-6",children:f(Oe,{icon:"arrow-up",stroke:"turquoise-300",className:s})})]}),f("div",{className:"overflow-hidden text-left transition-all",style:n,children:f("div",{ref:r,className:"pt-2 pl-12 pr-6 text-12-18 text-neutral-000",children:e.description})})]})},_e=Eo;import{useCallback as Ao,useState as Fo}from"react";function V(){let[e,t]=Fo(),o=Ao(r=>{if(r===e){t(void 0);return}t(r)},[e]);return{isActive:e,onClick:o}}import{jsx as k,jsxs as Be}from"react/jsx-runtime";var Ro=function({items:e}){let{isActive:t,onClick:o}=V();return e?Be("div",{className:"flex flex-col mt-12 md:mt-20",children:[Be("div",{className:"flex flex-row mx-auto mb-6 md:mb-10",children:[k(We,{text:"Frequently asked",className:"mr-2 text-20-24-em md:text-32-40-em"}),k(We,{text:"questions",className:"mr-2 text-green-400 text-20-24-em md:text-32-40-em"})]}),k("div",{className:"w-full grid grid-cols-1 md:grid-cols-2 gap-5 md:px-16",children:e.map((r,n)=>k(_e,{item:r,isActive:t===n,onClick:()=>o(n)},r.title))})]}):null},Ho=Ro;export{Je as AlertBanner,Ho as FAQs,uo as NotFoundPage,bo as NumberedList,_t as Pdf,Bt as Pipeline,Qt as PipelineColumn,Ut as SimpleCompanyCard,Lt as SplashScreen,mo as StageTimeline,Ct as Table,To as TickList,wt as Title};
|
|
2
2
|
//# sourceMappingURL=index.esm.mjs.map
|
package/dist/index.esm.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/components/AlertBanner/index.tsx", "../src/components/Table/index.tsx", "../src/components/Table/components/HeaderColumn/index.tsx", "../src/components/Table/components/HeaderButton/Button.tsx", "../src/components/Table/components/HeaderButton/constants.ts", "../src/components/Table/components/HeaderButton/useWrapperProps.ts", "../src/components/Table/components/HeaderButton/Wrapper.tsx", "../src/components/Table/components/HeaderButton/index.tsx", "../src/components/Table/components/HeaderColumn/useHeaderColumnProps.ts", "../src/components/Table/components/HeaderColumn/constants.ts", "../src/components/Table/components/HeaderGroup/constants.ts", "../src/components/Table/components/HeaderGroup/useHeaderGroupProps.ts", "../src/components/Table/components/HeaderGroup/index.tsx", "../src/components/Table/components/Cell/index.tsx", "../src/components/Table/components/Cell/useCellClassNames.ts", "../src/components/Table/components/Cell/constants.ts", "../src/hooks/useMobileFullWidthCellStyle.ts", "../src/components/Table/components/Row/useRowClassNames.ts", "../src/components/Table/components/Row/constants.ts", "../src/components/Table/components/Row/index.tsx", "../src/components/Table/components/Pages/index.tsx", "../src/components/Table/useTableProps.ts", "../src/components/Table/helpers/search.ts", "../src/components/Title/index.tsx", "../src/components/Title/constants.ts", "../src/components/SplashScreen/index.tsx", "../src/components/Pdf/index.tsx", "../src/components/Pdf/usePdf.ts", "../src/components/Pipeline/constants.ts", "../src/components/Pipeline/index.tsx", "../src/components/Pipeline/PipelineColumn/index.tsx", "../src/components/Pipeline/PipelineColumn/constants.ts", "../src/components/Pipeline/PipelineColumn/usePipelineColumnPagination.ts", "../src/components/SimpleCompanyCard/index.tsx", "../src/components/StageTimeline/index.tsx", "../src/components/StageTimeline/Stage/index.tsx", "../src/components/StageTimeline/Stage/useStageProps.ts", "../src/components/StageTimeline/TimelineBorder.tsx", "../src/components/StageTimeline/Desktop.tsx", "../src/components/StageTimeline/Mobile.tsx", "../src/components/NotFoundPage/index.tsx", "../src/components/NotFoundPage/constants.ts", "../src/components/NumberedList/index.tsx", "../src/components/NumberedList/constants.ts", "../src/components/TickList/index.tsx", "../src/components/FAQs/index.tsx", "../src/components/FAQs/Card.tsx", "../src/components/FAQs/useCollapsingCard.ts", "../src/components/FAQs/useFAQs.ts"],
|
|
4
|
-
"sourcesContent": ["import type { FunctionComponent } from 'react';\n\nexport interface AlertBannerProps {\n children: string | JSX.Element | JSX.Element[];\n}\n\nconst AlertBanner: FunctionComponent<AlertBannerProps> = function ({\n children,\n}) {\n return (\n <div className=\"p-4 border bg-lavender-100 border-lavender-200 rounded-xl text-lavender-200\">\n {children}\n </div>\n );\n};\n\nexport default AlertBanner;\n", "import type { FunctionComponent, PropsWithChildren } from 'react';\nimport {\n Pagination,\n type StringIndexedObject,\n} from '@kanda-libs/ks-design-library';\nimport type { Column } from 'react-table';\nimport HeaderGroup from './components/HeaderGroup';\nimport Pages from './components/Pages';\nimport useTableProps from './useTableProps';\n\nexport interface TableProps<T extends StringIndexedObject<unknown>> {\n columns: Readonly<Column<T>[]>;\n data: T[];\n filter?: string;\n pageSize?: number;\n compact?: boolean;\n isLoading?: boolean;\n onRowClick?: (row: T) => void;\n query?: string;\n}\n\nexport type TableFunctionComponent<\n T extends StringIndexedObject<unknown> = any,\n> = FunctionComponent<TableProps<T>>;\n\nfunction Table<T extends StringIndexedObject<unknown>>({\n compact = false,\n isLoading = false,\n onRowClick,\n ...props\n}: PropsWithChildren<TableProps<T>>) {\n const {\n page,\n prepareRow,\n columns,\n getTableProps,\n headerGroups,\n paginationProps,\n } = useTableProps(props);\n\n return (\n <>\n <div {...getTableProps()} className=\"w-full\">\n <div>\n {headerGroups.map((headerGroup) => (\n <HeaderGroup\n headerGroup={headerGroup}\n columns={columns}\n isLoading={isLoading}\n />\n ))}\n </div>\n <Pages\n page={page}\n prepareRow={prepareRow}\n isLoading={isLoading}\n compact={compact}\n onRowClick={onRowClick}\n />\n </div>\n {paginationProps.pageCount > 1 && (\n <div className=\"px-4 py-4\">\n <Pagination {...paginationProps} />\n </div>\n )}\n </>\n );\n}\n\nexport default Table;\n", "import { SkeletonLoader } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent, ReactNode } from 'react';\nimport type { TableHeaderProps } from 'react-table';\nimport HeaderButton from '../HeaderButton';\nimport useHeaderColumnProps from './useHeaderColumnProps';\n\nexport interface HeaderColumnProps extends TableHeaderProps {\n index: number;\n isLoading?: boolean;\n popoverButtons?: boolean;\n label: ReactNode;\n}\n\nconst HeaderColumn: FunctionComponent<HeaderColumnProps> = function ({\n index,\n isLoading = false,\n popoverButtons = false,\n label,\n ...props\n}) {\n const { classNames } = useHeaderColumnProps(index, popoverButtons);\n\n return (\n <div {...props} className={classNames.main}>\n <SkeletonLoader\n isLoading={isLoading}\n wrapperClassName={classNames.loading}\n afterLoading={\n <HeaderButton.Wrapper index={index}>\n <HeaderButton.Button label={label} />\n </HeaderButton.Wrapper>\n }\n />\n </div>\n );\n};\n\nexport default HeaderColumn;\n", "import type { FunctionComponent, HTMLAttributes, ReactNode } from 'react';\nimport { Icon } from '@kanda-libs/ks-design-library';\nimport { BUTTON_CLASS_NAMES, ICON_PROPS } from './constants';\n\nexport interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {\n label: ReactNode;\n}\n\nconst Button: FunctionComponent<ButtonProps> = function ({ label, ...props }) {\n return (\n <button className={BUTTON_CLASS_NAMES} {...props}>\n {label}\n <Icon {...ICON_PROPS} />\n </button>\n );\n};\n\nexport default Button;\n", "export const BUTTON_CLASS_NAMES =\n 'flex px-3 py-1.75 h-9 -ml-3 my-auto rounded-lg bg-transparent hover:bg-neutral-100 text-style-g-em text-neutral-500 whitespace-nowrap z-20';\n\nexport const ICON_PROPS = {\n icon: 'chevron-down',\n stroke: 'neutral-500',\n size: 12,\n className: 'ml-2 my-auto',\n};\n\nexport const WRAPPER_STYLE = {\n width: 'calc(100% + 16px)',\n};\n\nexport const WRAPPER_CLASS_NAMES = {\n container: {\n base: 'w-full h-full overflow-hidden',\n padding: 'pl-4 -ml-4',\n },\n flex: {\n base: 'w-full h-full flex px-4 px-0',\n padding: 'pl-4',\n },\n};\n", "import type { CSSProperties } from 'react';\nimport clsx from 'clsx';\nimport { WRAPPER_STYLE, WRAPPER_CLASS_NAMES } from './constants';\n\nexport interface WrapperPropsHook {\n classNames: {\n container: string;\n flex: string;\n };\n containerStyle: CSSProperties;\n}\n\nexport default function useWrapperProps(index: number): WrapperPropsHook {\n const containerStyle = index === 0 ? WRAPPER_STYLE : {};\n\n const classNames = {\n container: clsx(\n WRAPPER_CLASS_NAMES.container.base,\n index === 0 ? WRAPPER_CLASS_NAMES.container.padding : '',\n ),\n flex: clsx(\n WRAPPER_CLASS_NAMES.flex.base,\n index === 0 ? '' : WRAPPER_CLASS_NAMES.flex.padding,\n ),\n };\n\n return {\n classNames,\n containerStyle,\n };\n}\n", "import type { FunctionComponent } from 'react';\nimport useWrapperProps from './useWrapperProps';\n\nexport interface WrapperProps {\n index: number;\n children?: JSX.Element | JSX.Element[];\n}\n\nconst Wrapper: FunctionComponent<WrapperProps> = function ({\n index,\n children,\n}) {\n const { classNames, containerStyle } = useWrapperProps(index);\n\n return (\n <div className={classNames.container} style={containerStyle}>\n <div className={classNames.flex}>{children}</div>\n </div>\n );\n};\n\nexport default Wrapper;\n", "import Button from './Button';\nimport Wrapper from './Wrapper';\n\nexport default {\n Button,\n Wrapper,\n};\n", "import clsx from 'clsx';\nimport { CLASS_NAMES } from './constants';\n\nexport interface HeaderColumnPropsHook {\n classNames: {\n main: string;\n loading: string;\n wrapper: string;\n };\n}\n\nexport default function useHeaderColumnProps(\n index: number,\n popoverButtons: boolean,\n): HeaderColumnPropsHook {\n const classNames = {\n ...CLASS_NAMES,\n loading: clsx(\n CLASS_NAMES.loading.base,\n index === 0 ? '' : CLASS_NAMES.loading.margin,\n ),\n wrapper: clsx(\n CLASS_NAMES.wrapper.padding,\n popoverButtons ? '' : CLASS_NAMES.wrapper.popover,\n ),\n };\n\n return {\n classNames,\n };\n}\n", "export const CLASS_NAMES = {\n main: 'flex h-14',\n loading: {\n base: 'my-auto md:w-full mr-8',\n margin: 'ml-4',\n },\n wrapper: {\n padding: 'px-2 pt-2',\n popover: 'pb-1',\n },\n};\n\nexport const MOVE_LEFT_ITEM_PROPS = {\n name: 'Move column left',\n icon: 'arrow-left',\n};\n\nexport const MOVE_RIGHT_ITEM_PROPS = {\n name: 'Move column right',\n icon: 'arrow-right',\n};\n\nexport const HIDE_COLUMN_PROPS = {\n name: 'Hide column',\n icon: 'eye-off',\n};\n", "export const CLASS_NAMES = {\n base: 'flex-row h-14 border-b border-neutral-200',\n};\n", "import type {\n ColumnInstance,\n HeaderGroup,\n TableHeaderProps,\n} from 'react-table';\n\nexport interface HeaderGroupPropsHook<T extends Object> {\n headers: ColumnInstance<T>[];\n headerGroupProps: TableHeaderProps;\n totalVisible: number;\n}\n\nexport default function useHeaderGroupProps<T extends Object>(\n headerGroup: HeaderGroup<T>,\n columns: ColumnInstance<T>[],\n): HeaderGroupPropsHook<T> {\n const { headers, getHeaderGroupProps } = headerGroup;\n const headerGroupProps = getHeaderGroupProps({});\n\n const totalVisible = columns.filter((column) => column.isVisible).length;\n\n return {\n headers,\n headerGroupProps,\n totalVisible,\n };\n}\n", "import type { PropsWithChildren } from 'react';\nimport type {\n ColumnInstance,\n HeaderGroup as HeaderGroupType,\n} from 'react-table';\nimport HeaderColumn from '../HeaderColumn';\nimport { CLASS_NAMES } from './constants';\nimport useHeaderGroupProps from './useHeaderGroupProps';\n\nexport interface HeaderGroupProps<T extends Object> {\n headerGroup: HeaderGroupType<T>;\n columns: ColumnInstance<T>[];\n isLoading?: boolean;\n}\n\nfunction HeaderGroup<T extends Object>({\n headerGroup,\n columns,\n isLoading,\n}: PropsWithChildren<HeaderGroupProps<T>>) {\n const { headerGroupProps, headers } = useHeaderGroupProps(\n headerGroup,\n columns,\n );\n\n return (\n <div {...headerGroupProps} className={CLASS_NAMES.base}>\n {headers.map((column, index) => (\n <HeaderColumn\n index={index}\n label={column.render('Header')}\n isLoading={isLoading}\n {...column.getHeaderProps(column.getSortByToggleProps())}\n />\n ))}\n </div>\n );\n}\n\nexport default HeaderGroup;\n", "import type { FunctionComponent, ReactNode } from 'react';\nimport type { TableCellProps } from 'react-table';\nimport { SkeletonLoader, Text } from '@kanda-libs/ks-design-library';\nimport useCellClassNames from './useCellClassNames';\nimport useMobileFullWidthCellStyle from '~/hooks/useMobileFullWidthCellStyle';\n\nexport interface CellProps extends TableCellProps {\n index: number;\n render: () => ReactNode;\n compact?: boolean;\n isLoading?: boolean;\n label?: string;\n}\n\nconst Cell: FunctionComponent<CellProps> = function ({\n render,\n index,\n compact = false,\n isLoading = false,\n label,\n ...props\n}) {\n const classNames = useCellClassNames(index, compact, isLoading);\n\n const { style: unformattedStyle, ...formattedProps } = props;\n const style = useMobileFullWidthCellStyle(unformattedStyle);\n\n return (\n <div {...formattedProps} style={style} className={classNames.cell}>\n <div className={classNames.container}>\n <div className={classNames.render}>\n <SkeletonLoader\n isLoading={isLoading}\n afterLoading={\n <>\n <Text text={`${label}:`} className={classNames.mobileLabel} />\n {render()}\n </>\n }\n />\n </div>\n </div>\n </div>\n );\n};\n\nexport default Cell;\n", "import clsx from 'clsx';\nimport { CLASS_NAMES } from './constants';\n\nexport type CellClassNamesHook = {\n cell: string;\n container: string;\n render: string;\n mobileLabel: string;\n};\n\nexport default function useCellClassNames(\n index: number,\n compact: boolean,\n isLoading: boolean,\n): CellClassNamesHook {\n return {\n cell: clsx(\n compact ? CLASS_NAMES.cell.compact : CLASS_NAMES.cell.base,\n index === 0 ? '' : CLASS_NAMES.cell.padding,\n ),\n container: CLASS_NAMES.container,\n render: isLoading ? CLASS_NAMES.renderLoading : CLASS_NAMES.render,\n mobileLabel: CLASS_NAMES.mobileLabel,\n };\n}\n", "export const CLASS_NAMES = {\n container: 'flex w-full h-full',\n render:\n 'w-full my-auto text-style-g text-neutral-600 whitespace-nowrap overflow-hidden overflow-ellipsis',\n renderLoading: 'w-full my-auto mr-8 text-style-g',\n mobileLabel: 'block md:hidden text-16-24-em text-neutral-600 mr-2',\n cell: {\n base: 'px-4 py-1 md:pt-0 md:pr-0 md:pb-0 md:h-16 flex',\n compact: 'h-8 flex',\n padding: 'md:pl-4',\n },\n};\n", "import { useIsDesktop } from '@kanda-libs/ks-design-library';\nimport type { CSSProperties } from 'react';\n\nexport type MobileFullWidthCellStyleHook = CSSProperties;\n\nexport default function useMobileFullWidthCellStyle(\n style?: CSSProperties,\n): MobileFullWidthCellStyleHook {\n if (!style) return {};\n\n const isDesktop = useIsDesktop();\n\n // For mobile, we want to make sure that the cell is always 100% width\n const formattedStyle = {\n ...style,\n width: isDesktop ? style?.width : '100%',\n };\n\n return formattedStyle;\n}\n", "import { useClasses } from '@kanda-libs/ks-design-library';\nimport { CLASS_NAMES } from './constants';\n\nexport interface RowClassNamesHook {\n base: string;\n compact: string;\n border: string;\n hover: string;\n button: string;\n}\n\nexport default function useRowClassNames(\n index: number,\n canSelect: boolean,\n): RowClassNamesHook {\n const classNames = useClasses(CLASS_NAMES, {\n base: ['.base', index === 9 ? '' : '.border', canSelect ? '.hover' : ''],\n button: ['.button'],\n });\n\n return classNames as RowClassNamesHook;\n}\n", "export const CLASS_NAMES = {\n base: 'relative md:h-16 flex-col py-2 md:py-0 md:flex-row',\n compact: 'relative h-8',\n border: 'border-b border-neutral-200',\n hover: 'group hover:bg-neutral-50 cursor-pointer',\n button: 'hidden group-hover:block',\n};\n", "import type { PropsWithChildren } from 'react';\nimport type { Row as RowType, TableRowProps } from 'react-table';\nimport Cell from '../Cell';\nimport useRowClassNames from './useRowClassNames';\n\nexport interface RowProps<T extends Object> extends TableRowProps {\n cells: RowType<T>['cells'];\n index: number;\n compact?: boolean;\n isLoading?: boolean;\n onRowClick?: (row: T) => void;\n}\n\nfunction Row<T extends Object>({\n cells,\n index,\n compact = false,\n isLoading = false,\n onRowClick,\n ...props\n}: PropsWithChildren<RowProps<T>>) {\n const classNames = useRowClassNames(index, !!onRowClick);\n\n return (\n <div\n {...props}\n className={compact ? classNames.compact : classNames.base}\n onClick={() => {\n onRowClick && onRowClick(cells[0].row.original as T);\n }}\n >\n {cells.map((cell, cellIndex) => (\n <Cell\n {...cell.getCellProps()}\n index={cellIndex}\n isLoading={isLoading}\n render={() => cell.render('Cell')}\n label={cell.column.Header as string}\n />\n ))}\n </div>\n );\n}\n\nexport default Row;\n", "import type { StringIndexedObject } from '@kanda-libs/ks-design-library';\nimport type { PropsWithChildren } from 'react';\nimport type { Row as RowType } from 'react-table';\nimport Row from '../Row';\n\nexport interface PagesProps<T extends StringIndexedObject> {\n page: RowType<T>[];\n prepareRow: (row: RowType<T>) => void;\n isLoading?: boolean;\n compact?: boolean;\n onRowClick?: (row: T) => void;\n}\n\nfunction Pages<T extends StringIndexedObject>({\n page,\n prepareRow,\n isLoading = false,\n compact = false,\n onRowClick,\n}: PropsWithChildren<PagesProps<T>>) {\n return (\n <>\n {page.map((row, index) => {\n prepareRow(row);\n return (\n <Row\n {...row.getRowProps()}\n index={index}\n cells={row.cells}\n isLoading={isLoading}\n compact={compact}\n onRowClick={onRowClick}\n />\n );\n })}\n </>\n );\n}\nexport default Pages;\n", "import type { TableInstance, Row } from '../../@types/index';\nimport {\n useTable,\n useGlobalFilter,\n usePagination,\n useSortBy,\n useFlexLayout,\n type IdType,\n TableOptions,\n} from 'react-table';\nimport type { TableProps } from '.';\nimport { globalFilter } from './helpers/search';\nimport type {\n PaginationProps,\n StringIndexedObject,\n} from '@kanda-libs/ks-design-library';\nimport { useEffect } from 'react';\n\nexport interface TablePropsHook<T extends StringIndexedObject<unknown>>\n extends TableInstance<T> {\n paginationProps: PaginationProps;\n}\n\nexport default function useTableProps<T extends StringIndexedObject<unknown>>({\n columns,\n data,\n pageSize = 10,\n query = '',\n}: TableProps<T>): TablePropsHook<T> {\n const table = useTable<T>(\n {\n columns,\n data,\n initialState: {\n pageSize: 10,\n pageIndex: 0,\n },\n autoResetGlobalFilter: false,\n globalFilter: (\n rows: Row<T>[],\n searchKeys: IdType<T>[],\n filterValue: string,\n ) => globalFilter(rows, searchKeys, filterValue, pageSize),\n } as unknown as TableOptions<T>,\n useGlobalFilter,\n useSortBy,\n usePagination,\n useFlexLayout,\n );\n\n const {\n gotoPage,\n pageCount,\n state: { pageIndex },\n } = table;\n\n const paginationProps: PaginationProps = {\n pageCount,\n pageIndex,\n setPage: (nextPage: number) => {\n gotoPage(nextPage);\n },\n };\n\n useEffect(() => {\n table.setGlobalFilter(query);\n }, [query]);\n\n return {\n paginationProps,\n ...table,\n };\n}\n", "import type { IdType } from 'react-table';\nimport type { Row } from '../../../@types/index';\nimport Fuse from 'fuse.js';\nimport type { StringIndexedObject } from '~/types';\n\nconst exactMatchSearch = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n filterValue: string,\n) => {\n return rows.filter((row) => {\n // Take all values from the row, and add them together in a string\n // for the purposes of searching\n const rowValues = Object.values(row.values).join(', ');\n\n return rowValues.toLowerCase().includes(filterValue.toLowerCase());\n });\n};\n\nconst excludeExactMatches = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n exactMatchRows: Row<T>[],\n) =>\n rows.filter(\n ({ id }) => exactMatchRows.filter((p) => p.id === id).length === 0,\n );\n\nconst fuzzySearch = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n filterValue: string,\n searchKeys: string[],\n numberOfRows: number,\n exactMatchRows: Row<T>[],\n): Row<T>[] => {\n const currentRows = rows.map((row) => {\n return row.values;\n });\n\n const fuse = new Fuse(currentRows, {\n keys: searchKeys.map((key) => ({\n name: key,\n // Because FuseJS allows for dot notation,\n // we need to use a function to get the value\n // as the object returned from the table is flat,\n // rather than nested\n getFn: (obj: StringIndexedObject) => obj[key],\n })),\n });\n\n const results = fuse\n .search(filterValue)\n .map(({ item }) => item)\n .slice(0, numberOfRows);\n\n const filteredResults = results\n .map((result) => rows.find((row) => row.values.cid === result.cid))\n .filter(Boolean) as Row<T>[];\n\n return excludeExactMatches(filteredResults, exactMatchRows);\n};\n\nexport const globalFilter = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n searchKeys: IdType<T>[],\n filterValue: string,\n pageSize = 10,\n): Row<T>[] => {\n if (filterValue.length < 1) {\n return rows;\n }\n\n // Get the first 10 exact matches. The reason for this is that exact matching\n // should take presedence over fuzzy matching. An exact match is more useful\n // but also less expensive to compute. So there's no need to do a fuzzy search\n // if there are >= 10 exact matches.\n const exactMatches = exactMatchSearch(rows, filterValue).slice(0, pageSize);\n const currentRowsExcludingExactMatches = excludeExactMatches(\n rows,\n exactMatches,\n );\n\n const fuzzyMatches = fuzzySearch(\n currentRowsExcludingExactMatches,\n filterValue,\n searchKeys,\n pageSize - exactMatches.length,\n exactMatches,\n );\n\n const results = [...exactMatches, ...fuzzyMatches];\n\n // Return the rows in the same order as the original rows\n // to preserve sorting, which happens before fuzzy matching\n return rows\n .map(({ id }) => results.find((row) => row.id === id))\n .filter(Boolean) as Row<T>[];\n};\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\nimport { TITLE_MARGINS, TITLE_SIZES } from './constants';\n\nexport interface TitleProps {\n size?: keyof typeof TITLE_SIZES;\n className?: string;\n children: string | JSX.Element;\n}\n\nconst Title: FunctionComponent<TitleProps> = function ({\n size = 1,\n className,\n children,\n}) {\n return (\n <Text\n text={children}\n className={clsx(TITLE_MARGINS[size], TITLE_SIZES[size], className)}\n />\n );\n};\n\nexport default Title;\n", "export const TITLE_SIZES = {\n 1: 'text-24-28-em',\n 2: 'text-16-20-em',\n};\n\nexport const TITLE_MARGINS: Record<keyof typeof TITLE_SIZES, string> = {\n 1: 'mb-4',\n 2: 'mb-2',\n};\n", "import { Icon, Logo } from '@kanda-libs/ks-design-library';\n\ntype Widths = 80 | 96 | 120 | 160;\n\ninterface SplashScreenProps {\n logo?: boolean;\n icon: string;\n iconClassName?: string;\n iconSize?: number;\n title: string;\n subText: string | JSX.Element;\n boldSubText?: string;\n cta?: JSX.Element;\n append?: JSX.Element;\n width?: Widths;\n contentWidth?: Widths;\n content?: JSX.Element;\n}\n\nconst WIDTHS = {\n 80: 'max-w-80',\n 96: 'max-w-96',\n 120: 'max-w-120',\n 160: 'max-w160',\n};\n\nconst SplashScreen = ({\n logo,\n icon,\n iconClassName,\n iconSize,\n title,\n subText,\n boldSubText,\n cta,\n append,\n width = 80,\n contentWidth = 80,\n content,\n}: SplashScreenProps) => (\n <div\n className={`flex flex-col m-auto w-full ${WIDTHS[width]} text-center items-center justify-center`}\n >\n {logo && (\n <div className=\"mb-10\">\n <Logo height={32} />\n </div>\n )}\n {!logo && (\n <Icon\n icon={icon}\n size={iconSize}\n className={`mx-auto mb-8 ${iconClassName}`}\n />\n )}\n <h1 className=\"text-24-28-em mb-4\">{title}</h1>\n <div className={`flex flex-col w-full ${WIDTHS[contentWidth]} mx-auto`}>\n {content && <div className=\"mt-4 mb-8\">{content}</div>}\n <span className=\"text-16-24 text-neutral-600\">\n {subText}\n {boldSubText && <b> {boldSubText}</b>}\n </span>\n {cta && <div className=\"mt-10\">{cta}</div>}\n {append}\n </div>\n </div>\n);\n\nSplashScreen.defaultProps = {\n logo: false,\n iconClassName: '',\n iconSize: 104,\n cta: null,\n append: null,\n boldSubText: null,\n content: null,\n width: 96,\n contentWidth: 96,\n};\n\nexport default SplashScreen;\n", "import { FunctionComponent, useEffect } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport usePdf from './usePdf';\n\n// This sucks, but so does react-pdf's typescript support\nconst DocumentTag = Document as unknown as FunctionComponent<any>;\n\nexport interface PdfProps {\n content?: string;\n}\n\nconst Pdf: FunctionComponent<PdfProps> = function ({ content }) {\n const { pdfProps, pages, showContent } = usePdf(content);\n\n useEffect(() => {\n pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n }, []);\n\n if (!showContent) {\n return <></>;\n }\n\n return (\n <DocumentTag {...pdfProps}>\n {pages &&\n pages.map((page) => (\n <>\n <Page {...page} />\n </>\n ))}\n </DocumentTag>\n );\n};\n\nexport default Pdf;\n", "import { useToast } from '@kanda-libs/ks-design-library';\nimport { useCallback, useMemo, useState } from 'react';\n\nexport interface PdfPage {\n key: string;\n pageNumber: number;\n className: string;\n}\n\nexport interface PdfOnLoadSuccessArgs {\n numPages: number;\n}\n\nexport interface PdfOnLoadErrorArgs {\n message: string;\n}\n\nexport interface PdfHook {\n pdfProps: {\n file: string;\n error: string;\n onLoadSuccess: (args: PdfOnLoadSuccessArgs) => void;\n onLoadError: (args: PdfOnLoadErrorArgs) => void;\n onSourceError: (args: PdfOnLoadErrorArgs) => void;\n } | null;\n pages: PdfPage[] | null;\n showContent: boolean;\n}\n\nexport default function usePdf(content?: string): PdfHook {\n const [pages, setPages] = useState<PdfPage[] | null>(null);\n\n const { showError } = useToast();\n\n const onLoadSuccess = useCallback(({ numPages }: PdfOnLoadSuccessArgs) => {\n setPages(\n [...Array(numPages).keys()].map((index) => ({\n key: `page_${index + 1}`,\n pageNumber: index + 1,\n className: index !== 0 ? 'mt-4' : '',\n })),\n );\n }, []);\n\n const onLoadError = useCallback(\n ({ message }: PdfOnLoadErrorArgs) =>\n showError(\n `Error loading document. Please contact Kanda. Error message: ${message}`,\n ),\n [showError],\n );\n\n const onSourceError = useCallback(\n ({ message }: PdfOnLoadErrorArgs) =>\n showError(\n `Error retrieving document source. Please contact Kanda. Error message: ${message}`,\n ),\n [showError],\n );\n\n const pdfProps = useMemo(() => {\n if (!content) return null;\n return {\n file: `data:application/pdf;base64,${content}`,\n error:\n 'Failed to load the PDF file. The file can still be downloaded by clicking the button below',\n onLoadSuccess,\n onLoadError,\n onSourceError,\n };\n }, [content, onLoadSuccess, onLoadError, onSourceError]);\n\n const showContent = !!(pdfProps && !!content);\n\n return {\n pdfProps,\n pages,\n showContent,\n };\n}\n", "export const CLASS_NAMES = {\n container: 'grid grid-cols-7 justify-start items-start gap-x-2',\n};\n", "import type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nexport interface PipelineProps {\n children: JSX.Element | JSX.Element[];\n}\n\nconst Pipeline: FunctionComponent<PipelineProps> = function ({ children }) {\n return <div className={CLASS_NAMES.container}>{children}</div>;\n};\n\nexport default Pipeline;\n", "import { Children, type FunctionComponent } from 'react';\nimport { Button } from '@kanda-libs/ks-design-library';\nimport { CLASS_NAMES } from './constants';\nimport usePipelineColumnPagination from './usePipelineColumnPagination';\n\nexport interface PipelineColumnProps {\n title: string;\n children: JSX.Element | JSX.Element[];\n perPage?: number;\n}\n\nconst PipelineColumn: FunctionComponent<PipelineColumnProps> = function ({\n title,\n children,\n perPage = 5,\n}) {\n const { items, showMore, canShowMore } = usePipelineColumnPagination(\n Children.toArray(children) as JSX.Element[],\n perPage,\n );\n\n return (\n <div>\n <div className={CLASS_NAMES.title}>{title}</div>\n <div className={CLASS_NAMES.items}>\n {items}\n {canShowMore && (\n <div className=\"mt-2\">\n <Button.Text\n id=\"pipeline-column-show-more\"\n variant=\"outline\"\n onClick={showMore}\n label=\"More\"\n className=\"w-full\"\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default PipelineColumn;\n", "export const CLASS_NAMES = {\n title: 'text-18-22-em text-neutral-900 py-2 text-center h-14',\n items: 'flex flex-col gap-y-2',\n};\n", "import { useCallback, useState } from 'react';\n\nexport interface PipelineColumnPaginationHook {\n items: JSX.Element[];\n showMore: () => void;\n canShowMore: boolean;\n}\n\nexport default function usePipelineColumnPagination(\n children: JSX.Element[],\n perPage: number,\n): PipelineColumnPaginationHook {\n const [page, setPage] = useState(0);\n\n const showMore = useCallback(() => {\n setPage((currentPage) => currentPage + 1);\n }, [setPage]);\n\n const items = children.slice(0, (page + 1) * perPage);\n\n return {\n items,\n showMore,\n canShowMore: children.length > items.length,\n };\n}\n", "import { Card, Text, TimeAgo } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\n\nexport interface SimpleCompanyCardProps {\n name: string;\n signedUpDate: Date;\n reviewed?: boolean;\n isLoading?: boolean;\n}\n\nconst SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps> = function ({\n name,\n signedUpDate,\n reviewed = false,\n isLoading = false,\n}) {\n return (\n <Card className={reviewed ? 'bg-blue-100' : ''}>\n <div className=\"flex flex-col gap-y-2\">\n <Text text={name} className=\"text-16-20-em\" isLoading={isLoading} />\n {reviewed && <Text text=\"Reviewed\" className=\"text-12-18-em-up\" />}\n <TimeAgo timestamp={signedUpDate.getTime()} />\n </div>\n </Card>\n );\n};\n\nexport default SimpleCompanyCard;\n", "import { BreakPoints } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport Desktop from './Desktop';\nimport Mobile from './Mobile';\n\nexport interface StageTimelineProps {\n stages: (string | JSX.Element)[];\n mobileStages?: string[];\n activeKey: number;\n}\n\nconst StageTimeline: FunctionComponent<StageTimelineProps> = function (props) {\n return (\n <BreakPoints\n desktop={<Desktop {...props} />}\n mobile={<Mobile {...props} />}\n />\n );\n};\n\nexport default StageTimeline;\n", "import { Icon, Text } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport useStageProps from './useStageProps';\n\nexport interface StageProps {\n index: number;\n active?: boolean;\n current?: boolean;\n last?: boolean;\n label: string | JSX.Element;\n}\n\nconst Stage: FunctionComponent<StageProps> = function ({\n index,\n active = false,\n current = false,\n last = false,\n label,\n}) {\n const { iconClasses, leftBorderClasses, rightBorderClasses } = useStageProps(\n active,\n current,\n index,\n last,\n );\n\n return (\n <div className=\"relative flex flex-col items-center w-full md:w-auto md:min-w-48\">\n {current && <Icon icon=\"chevron-down\" height={20} />}\n {!current && <div className=\"h-5\" />}\n <div className={iconClasses}>\n <div>\n {!active && index + 1}\n {active && <Icon icon=\"check\" width={12} />}\n </div>\n </div>\n <div className={leftBorderClasses} />\n {!last && <div className={rightBorderClasses} />}\n <Text text={label} className=\"text-sm text-center text-neutral-700\" />\n </div>\n );\n};\n\nexport default Stage;\n", "import clsx from 'clsx';\nimport type { StageProps } from '.';\n\nexport interface StagePropsHook {\n iconClasses: string;\n leftBorderClasses: string;\n rightBorderClasses: string;\n}\n\nexport default function useStageProps(\n active: StageProps['active'],\n current: StageProps['current'],\n index: StageProps['index'],\n last: StageProps['last'],\n): StagePropsHook {\n const currentlyActive = active || current;\n const iconClasses = clsx(\n 'w-7 h-7 rounded-2xl mb-2 relative z-10',\n 'text-center text-18-22-em flex items-center justify-center border border-solid border-2',\n !currentlyActive && 'border-neutral-600 text-neutral-600 bg-neutral-000',\n currentlyActive && 'bg-green-500 text-neutral-000 border-transparent',\n );\n\n const borderClasses = clsx(\n 'absolute h-1 top-[31px] z-0',\n !currentlyActive && 'bg-neutral-200',\n currentlyActive && 'bg-green-500',\n );\n\n const leftBorderClasses = clsx(\n borderClasses,\n 'w-1/2 left-0',\n index !== 0 && 'hidden md:block',\n index === 0 && 'hidden',\n );\n const rightBorderClasses = clsx(\n borderClasses,\n 'w-1/2 right-0 hidden md:block',\n current && 'bg-neutral-200',\n !last && 'hidden md:block',\n last && 'hidden',\n );\n\n return {\n iconClasses,\n leftBorderClasses,\n rightBorderClasses,\n };\n}\n", "import clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\n\nexport interface TimelineBorderProps {\n active?: boolean;\n}\n\nconst TimelineBorder: FunctionComponent<TimelineBorderProps> = function ({\n active = false,\n}) {\n return (\n <div\n className={clsx(\n 'flex-grow w-full h-1 -mt-[32px] hidden md:block',\n !active && 'bg-neutral-200',\n active && 'bg-green-500',\n )}\n />\n );\n};\n\nexport default TimelineBorder;\n", "import type { FunctionComponent } from 'react';\nimport type { StageTimelineProps } from '.';\nimport Stage from './Stage';\nimport TimelineBorder from './TimelineBorder';\n\nconst Desktop: FunctionComponent<StageTimelineProps> = function ({\n stages,\n activeKey,\n}) {\n return (\n <div className=\"flex flex-col items-center justify-between h-full md:flex-row\">\n {stages.map((stage, key) => (\n <>\n <Stage\n key={`stage-${key}`}\n index={key}\n active={key < activeKey}\n current={key === activeKey}\n last={key === stages.length - 1}\n label={stage}\n />\n {key !== stages.length - 1 && (\n <TimelineBorder active={key < activeKey} />\n )}\n </>\n ))}\n </div>\n );\n};\n\nexport default Desktop;\n", "import { Timeline } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport type { StageTimelineProps } from '.';\n\nconst Mobile: FunctionComponent<StageTimelineProps> = function ({\n mobileStages = [],\n activeKey,\n}) {\n return (\n <div className=\"px-2\">\n <Timeline\n compact\n items={mobileStages.map((stage, index) => ({\n title: stage,\n fill: activeKey === index ? 'green' : 'grey',\n }))}\n />\n </div>\n );\n};\n\nexport default Mobile;\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nconst NotFoundPage: FunctionComponent = function () {\n return (\n <div className={CLASS_NAMES.container}>\n <Text text=\"404\" className=\"mb-4 text-28-32-em text-neutral-900\" />\n <Text text=\"Page not found\" className=\"text-20-24 text-neutral-700\" />\n </div>\n );\n};\n\nexport default NotFoundPage;\n", "export const CLASS_NAMES = {\n container: 'w-screen h-screen flex flex-col justify-center items-center',\n};\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nexport interface NumberedListItem {\n title: string;\n description: string;\n number?: number;\n}\n\nexport interface NumberedListProps {\n items: NumberedListItem[];\n className?: string;\n}\n\nconst NumberedList: FunctionComponent<NumberedListProps> = function ({\n items,\n className,\n}) {\n return (\n <div className={clsx(CLASS_NAMES.wrapper, className)}>\n {items.map((item, key) => (\n <div className={CLASS_NAMES.item} key={`item-${key}`}>\n <div className={CLASS_NAMES.itemNumber}>{item.number || key + 1}</div>\n <div className={CLASS_NAMES.itemContent}>\n <Text text={item.title} className={CLASS_NAMES.itemTitle} />\n <Text\n text={item.description}\n className={CLASS_NAMES.itemDescription}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n\nexport default NumberedList;\n", "export const CLASS_NAMES = {\n wrapper: 'flex flex-col gap-y-4 md:gap-y-1',\n item: 'flex flex-row items-center justify-start gap-y-2 md:mb-3',\n itemNumber:\n 'flex items-center justify-center w-8 h-8 px-4 mr-3 text-green-900 bg-green-200 rounded-full text-18-28-em',\n itemContent: 'flex flex-col text-left gap-y-1',\n itemTitle: 'w-full mb-auto text-16-20-em text-neutral-700',\n itemDescription: 'w-full mb-auto text-14-22 text-neutral-700',\n};\n", "import type { FunctionComponent } from 'react';\nimport { Icon, Text } from '@kanda-libs/ks-design-library';\n\ninterface TickListProps {\n rows: (string | JSX.Element)[];\n tickStroke?: string;\n}\n\nconst TickList: FunctionComponent<TickListProps> = function ({\n rows,\n tickStroke = 'neutral-600',\n}) {\n return (\n <div className=\"flex flex-col w-full\">\n {rows.map((row: string | JSX.Element, index) => (\n <div\n key={`tick-list-${index}`}\n className=\"flex flex-row mt-2 first:mt-0\"\n >\n <Icon\n icon=\"check\"\n className=\"mr-3 mb-auto mt-0.75 md:mt-1 min-w-4\"\n size={16}\n stroke={tickStroke}\n />\n <Text text={row} className=\"text-14-22 md:text-16-24\" />\n </div>\n ))}\n </div>\n );\n};\n\nexport default TickList;\n", "import type { FunctionComponent } from 'react';\nimport { Text } from '@kanda-libs/ks-design-library';\n\nimport type { FAQItem } from './types';\nimport Card from './Card';\nimport useFAQs from './useFAQs';\n\nexport interface FAQProps {\n items?: FAQItem[];\n}\n\nconst FAQs: FunctionComponent<FAQProps> = function ({ items }) {\n const { isActive, onClick } = useFAQs();\n\n if (!items) return null;\n\n return (\n <div className=\"flex flex-col mt-12 md:mt-20\">\n <div className=\"flex flex-row mx-auto mb-6 md:mb-10\">\n <Text\n text=\"Frequently asked\"\n className=\"mr-2 text-20-24-em md:text-32-40-em\"\n />\n <Text\n text=\"questions\"\n className=\"mr-2 text-green-400 text-20-24-em md:text-32-40-em\"\n />\n </div>\n <div className=\"w-full grid grid-cols-1 md:grid-cols-2 gap-5 md:px-16\">\n {items.map((item: FAQItem, index) => (\n <Card\n item={item}\n key={item.title}\n isActive={isActive === index}\n onClick={() => onClick(index)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default FAQs;\n", "import type { FunctionComponent } from 'react';\nimport { Icon, Text } from '@kanda-libs/ks-design-library';\n\nimport type { FAQItem } from './types';\nimport useCollapsingCard from './useCollapsingCard';\n\nexport interface CardProps {\n item: FAQItem;\n onClick: () => void;\n isActive: boolean;\n}\n\nconst Card: FunctionComponent<CardProps> = function ({\n item,\n onClick,\n isActive,\n}) {\n const { cardRef, style, handleClick, iconClassName } = useCollapsingCard(\n isActive,\n onClick,\n );\n\n return (\n <button\n className=\"flex flex-col w-full px-3 py-4 mb-auto rounded-lg bg-neutral-700\"\n onClick={handleClick}\n type=\"button\"\n >\n <div className=\"flex flex-row justify-between w-full\">\n <div className=\"flex flex-row pr-2\">\n <div className=\"flex mb-auto mr-3 rounded-full min-w-9 min-h-9 bg-neutral-600\">\n <Icon\n icon=\"info\"\n stroke=\"turquoise-300\"\n size={20}\n className=\"m-auto\"\n />\n </div>\n <Text\n text={item.title}\n className=\"my-auto text-left text-16-24-em text-neutral-000\"\n />\n </div>\n <div className=\"w-6 h-6 rotate-45 min-w-6 min-h-6\">\n <Icon\n icon=\"arrow-up\"\n stroke=\"turquoise-300\"\n className={iconClassName}\n />\n </div>\n </div>\n <div className=\"overflow-hidden text-left transition-all\" style={style}>\n <div\n ref={cardRef}\n className=\"pt-2 pl-12 pr-6 text-12-18 text-neutral-000\"\n >\n {item.description}\n </div>\n </div>\n </button>\n );\n};\n\nexport default Card;\n", "import type { StringIndexedObject } from '@kanda-libs/ks-design-library';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nexport interface CollapsingCardHook {\n cardRef: React.RefObject<HTMLDivElement> | null;\n style: StringIndexedObject;\n handleClick: () => void;\n iconClassName: string;\n}\n\nexport default function useCollapsingCard(\n isActive: boolean,\n onClick: () => void,\n): CollapsingCardHook {\n const cardRef = useRef<HTMLDivElement>(null);\n\n const [style, setStyle] = useState<StringIndexedObject>({\n maxHeight: 0,\n });\n\n const iconClassName = useMemo(() => {\n if (isActive) return 'transition-all rotate-90';\n return 'transition-all rotate-0';\n }, [isActive]);\n\n const handleClick = useCallback(() => {\n onClick();\n if (isActive) return;\n setTimeout(\n () =>\n setStyle({\n maxHeight: 'none',\n }),\n 200,\n );\n }, [onClick, isActive]);\n\n useEffect(() => {\n if (!isActive) {\n setStyle({\n maxHeight: cardRef.current?.clientHeight || 100,\n });\n setTimeout(() => {\n setStyle({\n maxHeight: 0,\n });\n }, 10);\n return;\n }\n setStyle({\n maxHeight: cardRef.current?.clientHeight || 100,\n });\n }, [isActive]);\n\n return {\n cardRef,\n style,\n handleClick,\n iconClassName,\n };\n}\n", "import { useCallback, useState } from \"react\";\n\nexport interface CollapsingCardHook {\n cardRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport interface FAQsHook {\n isActive: number | undefined;\n onClick: (index: number) => void;\n}\n\nexport default function useFAQs(): FAQsHook {\n const [isActive, setIsActive] = useState<number | undefined>();\n\n const onClick = useCallback(\n (index: number) => {\n if (index === isActive) {\n setIsActive(undefined);\n return;\n }\n setIsActive(index);\n },\n [isActive]\n );\n\n return {\n isActive,\n onClick,\n };\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["jsx", "AlertBanner", "children", "AlertBanner_default", "Pagination", "SkeletonLoader", "Icon", "BUTTON_CLASS_NAMES", "ICON_PROPS", "WRAPPER_STYLE", "WRAPPER_CLASS_NAMES", "jsx", "jsxs", "Button", "label", "props", "BUTTON_CLASS_NAMES", "Icon", "ICON_PROPS", "Button_default", "clsx", "useWrapperProps", "index", "containerStyle", "WRAPPER_STYLE", "clsx", "WRAPPER_CLASS_NAMES", "jsx", "Wrapper", "index", "children", "classNames", "containerStyle", "useWrapperProps", "Wrapper_default", "HeaderButton_default", "Button_default", "Wrapper_default", "clsx", "CLASS_NAMES", "useHeaderColumnProps", "index", "popoverButtons", "CLASS_NAMES", "clsx", "jsx", "HeaderColumn", "index", "isLoading", "popoverButtons", "label", "props", "classNames", "useHeaderColumnProps", "SkeletonLoader", "HeaderButton_default", "HeaderColumn_default", "CLASS_NAMES", "useHeaderGroupProps", "headerGroup", "columns", "headers", "getHeaderGroupProps", "headerGroupProps", "totalVisible", "column", "jsx", "HeaderGroup", "headerGroup", "columns", "isLoading", "headerGroupProps", "headers", "useHeaderGroupProps", "CLASS_NAMES", "column", "index", "HeaderColumn_default", "HeaderGroup_default", "SkeletonLoader", "Text", "clsx", "CLASS_NAMES", "useCellClassNames", "index", "compact", "isLoading", "clsx", "CLASS_NAMES", "useIsDesktop", "useMobileFullWidthCellStyle", "style", "isDesktop", "Fragment", "jsx", "jsxs", "Cell", "render", "index", "compact", "isLoading", "label", "props", "classNames", "useCellClassNames", "unformattedStyle", "formattedProps", "style", "useMobileFullWidthCellStyle", "SkeletonLoader", "Text", "Cell_default", "useClasses", "CLASS_NAMES", "useRowClassNames", "index", "canSelect", "useClasses", "CLASS_NAMES", "jsx", "Row", "cells", "index", "compact", "isLoading", "onRowClick", "props", "classNames", "useRowClassNames", "cell", "cellIndex", "Cell_default", "Row_default", "Fragment", "jsx", "Pages", "page", "prepareRow", "isLoading", "compact", "onRowClick", "row", "index", "Row_default", "Pages_default", "useTable", "useGlobalFilter", "usePagination", "useSortBy", "useFlexLayout", "Fuse", "exactMatchSearch", "rows", "filterValue", "row", "excludeExactMatches", "exactMatchRows", "id", "p", "fuzzySearch", "searchKeys", "numberOfRows", "currentRows", "filteredResults", "key", "obj", "item", "result", "globalFilter", "pageSize", "exactMatches", "currentRowsExcludingExactMatches", "fuzzyMatches", "results", "useEffect", "useTableProps", "columns", "data", "pageSize", "query", "table", "useTable", "rows", "searchKeys", "filterValue", "globalFilter", "useGlobalFilter", "useSortBy", "usePagination", "useFlexLayout", "gotoPage", "pageCount", "pageIndex", "paginationProps", "nextPage", "Fragment", "jsx", "jsxs", "Table", "compact", "isLoading", "onRowClick", "props", "page", "prepareRow", "columns", "getTableProps", "headerGroups", "paginationProps", "useTableProps", "headerGroup", "HeaderGroup_default", "Pages_default", "Pagination", "Table_default", "Text", "clsx", "TITLE_SIZES", "TITLE_MARGINS", "jsx", "Title", "size", "className", "children", "Text", "clsx", "TITLE_MARGINS", "TITLE_SIZES", "Title_default", "Icon", "Logo", "jsx", "jsxs", "WIDTHS", "SplashScreen", "logo", "icon", "iconClassName", "iconSize", "title", "subText", "boldSubText", "cta", "append", "width", "contentWidth", "content", "SplashScreen_default", "useEffect", "Document", "Page", "pdfjs", "useToast", "useCallback", "useMemo", "useState", "usePdf", "content", "pages", "setPages", "showError", "onLoadSuccess", "numPages", "index", "onLoadError", "message", "onSourceError", "pdfProps", "Fragment", "jsx", "DocumentTag", "Document", "Pdf", "content", "pdfProps", "pages", "showContent", "usePdf", "useEffect", "pdfjs", "page", "Page", "Pdf_default", "CLASS_NAMES", "jsx", "Pipeline", "children", "CLASS_NAMES", "Pipeline_default", "Children", "Button", "CLASS_NAMES", "useCallback", "useState", "usePipelineColumnPagination", "children", "perPage", "page", "setPage", "showMore", "currentPage", "items", "jsx", "jsxs", "PipelineColumn", "title", "children", "perPage", "items", "showMore", "canShowMore", "usePipelineColumnPagination", "Children", "CLASS_NAMES", "Button", "PipelineColumn_default", "Card", "Text", "TimeAgo", "jsx", "jsxs", "SimpleCompanyCard", "name", "signedUpDate", "reviewed", "isLoading", "SimpleCompanyCard_default", "BreakPoints", "Icon", "Text", "clsx", "useStageProps", "active", "current", "index", "last", "currentlyActive", "iconClasses", "borderClasses", "leftBorderClasses", "rightBorderClasses", "jsx", "jsxs", "Stage", "index", "active", "current", "last", "label", "iconClasses", "leftBorderClasses", "rightBorderClasses", "useStageProps", "Icon", "Text", "Stage_default", "clsx", "jsx", "TimelineBorder", "active", "TimelineBorder_default", "Fragment", "jsx", "jsxs", "Desktop", "stages", "activeKey", "stage", "key", "Stage_default", "TimelineBorder_default", "Desktop_default", "Timeline", "jsx", "Mobile", "mobileStages", "activeKey", "stage", "index", "Mobile_default", "jsx", "StageTimeline", "props", "BreakPoints", "Desktop_default", "Mobile_default", "StageTimeline_default", "Text", "CLASS_NAMES", "jsx", "jsxs", "NotFoundPage", "CLASS_NAMES", "Text", "NotFoundPage_default", "Text", "clsx", "CLASS_NAMES", "jsx", "jsxs", "NumberedList", "items", "className", "clsx", "CLASS_NAMES", "item", "key", "Text", "NumberedList_default", "Icon", "Text", "jsx", "jsxs", "TickList", "rows", "tickStroke", "row", "index", "TickList_default", "Text", "Icon", "Text", "useCallback", "useEffect", "useMemo", "useRef", "useState", "useCollapsingCard", "isActive", "onClick", "cardRef", "style", "setStyle", "iconClassName", "handleClick", "_a", "_b", "jsx", "jsxs", "Card", "item", "onClick", "isActive", "cardRef", "style", "handleClick", "iconClassName", "useCollapsingCard", "Icon", "Text", "Card_default", "useCallback", "useState", "useFAQs", "isActive", "setIsActive", "onClick", "index", "jsx", "jsxs", "FAQs", "items", "isActive", "onClick", "useFAQs", "Text", "item", "index", "Card_default", "FAQs_default"]
|
|
4
|
+
"sourcesContent": ["import type { FunctionComponent } from 'react';\n\nexport interface AlertBannerProps {\n children: string | JSX.Element | JSX.Element[];\n}\n\nconst AlertBanner: FunctionComponent<AlertBannerProps> = function ({\n children,\n}) {\n return (\n <div className=\"p-4 border bg-lavender-100 border-lavender-200 rounded-xl text-lavender-200\">\n {children}\n </div>\n );\n};\n\nexport default AlertBanner;\n", "import type { FunctionComponent, PropsWithChildren } from 'react';\nimport {\n Pagination,\n type StringIndexedObject,\n} from '@kanda-libs/ks-design-library';\nimport type { Column } from 'react-table';\nimport HeaderGroup from './components/HeaderGroup';\nimport Pages from './components/Pages';\nimport useTableProps from './useTableProps';\n\nexport interface TableProps<T extends StringIndexedObject<unknown>> {\n columns: Readonly<Column<T>[]>;\n data: T[];\n filter?: string;\n pageSize?: number;\n compact?: boolean;\n isLoading?: boolean;\n onRowClick?: (row: T) => void;\n query?: string;\n}\n\nexport type TableFunctionComponent<\n T extends StringIndexedObject<unknown> = any,\n> = FunctionComponent<TableProps<T>>;\n\nfunction Table<T extends StringIndexedObject<unknown>>({\n compact = false,\n isLoading = false,\n onRowClick,\n ...props\n}: PropsWithChildren<TableProps<T>>) {\n const {\n page,\n prepareRow,\n columns,\n getTableProps,\n headerGroups,\n paginationProps,\n } = useTableProps(props);\n\n return (\n <>\n <div {...getTableProps()} className=\"w-full\">\n <div>\n {headerGroups.map((headerGroup) => (\n <HeaderGroup\n headerGroup={headerGroup}\n columns={columns}\n isLoading={isLoading}\n />\n ))}\n </div>\n <Pages\n page={page}\n prepareRow={prepareRow}\n isLoading={isLoading}\n compact={compact}\n onRowClick={onRowClick}\n />\n </div>\n {paginationProps.pageCount > 1 && (\n <div className=\"px-4 py-4\">\n <Pagination {...paginationProps} />\n </div>\n )}\n </>\n );\n}\n\nexport default Table;\n", "import { SkeletonLoader } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent, ReactNode } from 'react';\nimport type { TableHeaderProps } from 'react-table';\nimport HeaderButton from '../HeaderButton';\nimport useHeaderColumnProps from './useHeaderColumnProps';\n\nexport interface HeaderColumnProps extends TableHeaderProps {\n index: number;\n isLoading?: boolean;\n popoverButtons?: boolean;\n label: ReactNode;\n}\n\nconst HeaderColumn: FunctionComponent<HeaderColumnProps> = function ({\n index,\n isLoading = false,\n popoverButtons = false,\n label,\n ...props\n}) {\n const { classNames } = useHeaderColumnProps(index, popoverButtons);\n\n return (\n <div {...props} className={classNames.main}>\n <SkeletonLoader\n isLoading={isLoading}\n wrapperClassName={classNames.loading}\n afterLoading={\n <HeaderButton.Wrapper index={index}>\n <HeaderButton.Button label={label} />\n </HeaderButton.Wrapper>\n }\n />\n </div>\n );\n};\n\nexport default HeaderColumn;\n", "import type { FunctionComponent, HTMLAttributes, ReactNode } from 'react';\nimport { Icon } from '@kanda-libs/ks-design-library';\nimport { BUTTON_CLASS_NAMES, ICON_PROPS } from './constants';\n\nexport interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {\n label: ReactNode;\n}\n\nconst Button: FunctionComponent<ButtonProps> = function ({ label, ...props }) {\n return (\n <button className={BUTTON_CLASS_NAMES} {...props}>\n {label}\n <Icon {...ICON_PROPS} />\n </button>\n );\n};\n\nexport default Button;\n", "export const BUTTON_CLASS_NAMES =\n 'flex px-3 py-1.75 h-9 -ml-3 my-auto rounded-lg bg-transparent hover:bg-neutral-100 text-style-g-em text-neutral-500 whitespace-nowrap z-20';\n\nexport const ICON_PROPS = {\n icon: 'chevron-down',\n stroke: 'neutral-500',\n size: 12,\n className: 'ml-2 my-auto',\n};\n\nexport const WRAPPER_STYLE = {\n width: 'calc(100% + 16px)',\n};\n\nexport const WRAPPER_CLASS_NAMES = {\n container: {\n base: 'w-full h-full overflow-hidden',\n padding: 'pl-4 -ml-4',\n },\n flex: {\n base: 'w-full h-full flex px-4 px-0',\n padding: 'pl-4',\n },\n};\n", "import type { CSSProperties } from 'react';\nimport clsx from 'clsx';\nimport { WRAPPER_STYLE, WRAPPER_CLASS_NAMES } from './constants';\n\nexport interface WrapperPropsHook {\n classNames: {\n container: string;\n flex: string;\n };\n containerStyle: CSSProperties;\n}\n\nexport default function useWrapperProps(index: number): WrapperPropsHook {\n const containerStyle = index === 0 ? WRAPPER_STYLE : {};\n\n const classNames = {\n container: clsx(\n WRAPPER_CLASS_NAMES.container.base,\n index === 0 ? WRAPPER_CLASS_NAMES.container.padding : '',\n ),\n flex: clsx(\n WRAPPER_CLASS_NAMES.flex.base,\n index === 0 ? '' : WRAPPER_CLASS_NAMES.flex.padding,\n ),\n };\n\n return {\n classNames,\n containerStyle,\n };\n}\n", "import type { FunctionComponent } from 'react';\nimport useWrapperProps from './useWrapperProps';\n\nexport interface WrapperProps {\n index: number;\n children?: JSX.Element | JSX.Element[];\n}\n\nconst Wrapper: FunctionComponent<WrapperProps> = function ({\n index,\n children,\n}) {\n const { classNames, containerStyle } = useWrapperProps(index);\n\n return (\n <div className={classNames.container} style={containerStyle}>\n <div className={classNames.flex}>{children}</div>\n </div>\n );\n};\n\nexport default Wrapper;\n", "import Button from './Button';\nimport Wrapper from './Wrapper';\n\nexport default {\n Button,\n Wrapper,\n};\n", "import clsx from 'clsx';\nimport { CLASS_NAMES } from './constants';\n\nexport interface HeaderColumnPropsHook {\n classNames: {\n main: string;\n loading: string;\n wrapper: string;\n };\n}\n\nexport default function useHeaderColumnProps(\n index: number,\n popoverButtons: boolean,\n): HeaderColumnPropsHook {\n const classNames = {\n ...CLASS_NAMES,\n loading: clsx(\n CLASS_NAMES.loading.base,\n index === 0 ? '' : CLASS_NAMES.loading.margin,\n ),\n wrapper: clsx(\n CLASS_NAMES.wrapper.padding,\n popoverButtons ? '' : CLASS_NAMES.wrapper.popover,\n ),\n };\n\n return {\n classNames,\n };\n}\n", "export const CLASS_NAMES = {\n main: 'flex h-14',\n loading: {\n base: 'my-auto md:w-full mr-8',\n margin: 'ml-4',\n },\n wrapper: {\n padding: 'px-2 pt-2',\n popover: 'pb-1',\n },\n};\n\nexport const MOVE_LEFT_ITEM_PROPS = {\n name: 'Move column left',\n icon: 'arrow-left',\n};\n\nexport const MOVE_RIGHT_ITEM_PROPS = {\n name: 'Move column right',\n icon: 'arrow-right',\n};\n\nexport const HIDE_COLUMN_PROPS = {\n name: 'Hide column',\n icon: 'eye-off',\n};\n", "export const CLASS_NAMES = {\n base: 'flex-row h-14 border-b border-neutral-200',\n};\n", "import type {\n ColumnInstance,\n HeaderGroup,\n TableHeaderProps,\n} from 'react-table';\n\nexport interface HeaderGroupPropsHook<T extends Object> {\n headers: ColumnInstance<T>[];\n headerGroupProps: TableHeaderProps;\n totalVisible: number;\n}\n\nexport default function useHeaderGroupProps<T extends Object>(\n headerGroup: HeaderGroup<T>,\n columns: ColumnInstance<T>[],\n): HeaderGroupPropsHook<T> {\n const { headers, getHeaderGroupProps } = headerGroup;\n const headerGroupProps = getHeaderGroupProps({});\n\n const totalVisible = columns.filter((column) => column.isVisible).length;\n\n return {\n headers,\n headerGroupProps,\n totalVisible,\n };\n}\n", "import type { PropsWithChildren } from 'react';\nimport type {\n ColumnInstance,\n HeaderGroup as HeaderGroupType,\n} from 'react-table';\nimport HeaderColumn from '../HeaderColumn';\nimport { CLASS_NAMES } from './constants';\nimport useHeaderGroupProps from './useHeaderGroupProps';\n\nexport interface HeaderGroupProps<T extends Object> {\n headerGroup: HeaderGroupType<T>;\n columns: ColumnInstance<T>[];\n isLoading?: boolean;\n}\n\nfunction HeaderGroup<T extends Object>({\n headerGroup,\n columns,\n isLoading,\n}: PropsWithChildren<HeaderGroupProps<T>>) {\n const { headerGroupProps, headers } = useHeaderGroupProps(\n headerGroup,\n columns,\n );\n\n return (\n <div {...headerGroupProps} className={CLASS_NAMES.base}>\n {headers.map((column, index) => (\n <HeaderColumn\n index={index}\n label={column.render('Header')}\n isLoading={isLoading}\n {...column.getHeaderProps(column.getSortByToggleProps())}\n />\n ))}\n </div>\n );\n}\n\nexport default HeaderGroup;\n", "import type { FunctionComponent, ReactNode } from 'react';\nimport type { TableCellProps } from 'react-table';\nimport { SkeletonLoader, Text } from '@kanda-libs/ks-design-library';\nimport useCellClassNames from './useCellClassNames';\nimport useMobileFullWidthCellStyle from '~/hooks/useMobileFullWidthCellStyle';\n\nexport interface CellProps extends TableCellProps {\n index: number;\n render: () => ReactNode;\n compact?: boolean;\n isLoading?: boolean;\n label?: string;\n}\n\nconst Cell: FunctionComponent<CellProps> = function ({\n render,\n index,\n compact = false,\n isLoading = false,\n label,\n ...props\n}) {\n const classNames = useCellClassNames(index, compact, isLoading);\n\n const { style: unformattedStyle, ...formattedProps } = props;\n const style = useMobileFullWidthCellStyle(unformattedStyle);\n\n return (\n <div {...formattedProps} style={style} className={classNames.cell}>\n <div className={classNames.container}>\n <div className={classNames.render}>\n <SkeletonLoader\n isLoading={isLoading}\n afterLoading={\n <>\n <Text text={`${label}:`} className={classNames.mobileLabel} />\n {render()}\n </>\n }\n />\n </div>\n </div>\n </div>\n );\n};\n\nexport default Cell;\n", "import clsx from 'clsx';\nimport { CLASS_NAMES } from './constants';\n\nexport type CellClassNamesHook = {\n cell: string;\n container: string;\n render: string;\n mobileLabel: string;\n};\n\nexport default function useCellClassNames(\n index: number,\n compact: boolean,\n isLoading: boolean,\n): CellClassNamesHook {\n return {\n cell: clsx(\n compact ? CLASS_NAMES.cell.compact : CLASS_NAMES.cell.base,\n index === 0 ? '' : CLASS_NAMES.cell.padding,\n ),\n container: CLASS_NAMES.container,\n render: isLoading ? CLASS_NAMES.renderLoading : CLASS_NAMES.render,\n mobileLabel: CLASS_NAMES.mobileLabel,\n };\n}\n", "export const CLASS_NAMES = {\n container: 'flex w-full h-full',\n render:\n 'w-full my-auto text-style-g text-neutral-600 whitespace-nowrap overflow-hidden overflow-ellipsis',\n renderLoading: 'w-full my-auto mr-8 text-style-g',\n mobileLabel: 'block md:hidden text-16-24-em text-neutral-600 mr-2',\n cell: {\n base: 'px-4 py-1 md:pt-0 md:pr-0 md:pb-0 md:h-16 flex',\n compact: 'h-8 flex',\n padding: 'md:pl-4',\n },\n};\n", "import { useIsDesktop } from '@kanda-libs/ks-design-library';\nimport type { CSSProperties } from 'react';\n\nexport type MobileFullWidthCellStyleHook = CSSProperties;\n\nexport default function useMobileFullWidthCellStyle(\n style?: CSSProperties,\n): MobileFullWidthCellStyleHook {\n if (!style) return {};\n\n const isDesktop = useIsDesktop();\n\n // For mobile, we want to make sure that the cell is always 100% width\n const formattedStyle = {\n ...style,\n width: isDesktop ? style?.width : '100%',\n };\n\n return formattedStyle;\n}\n", "import { useClasses } from '@kanda-libs/ks-design-library';\nimport { CLASS_NAMES } from './constants';\n\nexport interface RowClassNamesHook {\n base: string;\n compact: string;\n border: string;\n hover: string;\n button: string;\n}\n\nexport default function useRowClassNames(\n index: number,\n canSelect: boolean,\n): RowClassNamesHook {\n const classNames = useClasses(CLASS_NAMES, {\n base: ['.base', index === 9 ? '' : '.border', canSelect ? '.hover' : ''],\n button: ['.button'],\n });\n\n return classNames as RowClassNamesHook;\n}\n", "export const CLASS_NAMES = {\n base: 'relative md:h-16 flex-col py-2 md:py-0 md:flex-row',\n compact: 'relative h-8',\n border: 'border-b border-neutral-200',\n hover: 'group hover:bg-neutral-50 cursor-pointer',\n button: 'hidden group-hover:block',\n};\n", "import type { PropsWithChildren } from 'react';\nimport type { Row as RowType, TableRowProps } from 'react-table';\nimport Cell from '../Cell';\nimport useRowClassNames from './useRowClassNames';\n\nexport interface RowProps<T extends Object> extends TableRowProps {\n cells: RowType<T>['cells'];\n index: number;\n compact?: boolean;\n isLoading?: boolean;\n onRowClick?: (row: T) => void;\n}\n\nfunction Row<T extends Object>({\n cells,\n index,\n compact = false,\n isLoading = false,\n onRowClick,\n ...props\n}: PropsWithChildren<RowProps<T>>) {\n const classNames = useRowClassNames(index, !!onRowClick);\n\n return (\n <div\n {...props}\n className={compact ? classNames.compact : classNames.base}\n onClick={() => {\n onRowClick && onRowClick(cells[0].row.original as T);\n }}\n >\n {cells.map((cell, cellIndex) => (\n <Cell\n {...cell.getCellProps()}\n index={cellIndex}\n isLoading={isLoading}\n render={() => cell.render('Cell')}\n label={cell.column.Header as string}\n />\n ))}\n </div>\n );\n}\n\nexport default Row;\n", "import type { StringIndexedObject } from '@kanda-libs/ks-design-library';\nimport type { PropsWithChildren } from 'react';\nimport type { Row as RowType } from 'react-table';\nimport Row from '../Row';\n\nexport interface PagesProps<T extends StringIndexedObject> {\n page: RowType<T>[];\n prepareRow: (row: RowType<T>) => void;\n isLoading?: boolean;\n compact?: boolean;\n onRowClick?: (row: T) => void;\n}\n\nfunction Pages<T extends StringIndexedObject>({\n page,\n prepareRow,\n isLoading = false,\n compact = false,\n onRowClick,\n}: PropsWithChildren<PagesProps<T>>) {\n return (\n <>\n {page.map((row, index) => {\n prepareRow(row);\n return (\n <Row\n {...row.getRowProps()}\n index={index}\n cells={row.cells}\n isLoading={isLoading}\n compact={compact}\n onRowClick={onRowClick}\n />\n );\n })}\n </>\n );\n}\nexport default Pages;\n", "import type { TableInstance, Row } from '../../@types/index';\nimport {\n useTable,\n useGlobalFilter,\n usePagination,\n useSortBy,\n useFlexLayout,\n type IdType,\n TableOptions,\n} from 'react-table';\nimport type { TableProps } from '.';\nimport { globalFilter } from './helpers/search';\nimport type {\n PaginationProps,\n StringIndexedObject,\n} from '@kanda-libs/ks-design-library';\nimport { useEffect } from 'react';\n\nexport interface TablePropsHook<T extends StringIndexedObject<unknown>>\n extends TableInstance<T> {\n paginationProps: PaginationProps;\n}\n\nexport default function useTableProps<T extends StringIndexedObject<unknown>>({\n columns,\n data,\n pageSize = 10,\n query = '',\n}: TableProps<T>): TablePropsHook<T> {\n const table = useTable<T>(\n {\n columns,\n data,\n initialState: {\n pageSize: 10,\n pageIndex: 0,\n },\n autoResetGlobalFilter: false,\n globalFilter: (\n rows: Row<T>[],\n searchKeys: IdType<T>[],\n filterValue: string,\n ) => globalFilter(rows, searchKeys, filterValue, pageSize),\n } as unknown as TableOptions<T>,\n useGlobalFilter,\n useSortBy,\n usePagination,\n useFlexLayout,\n );\n\n const {\n gotoPage,\n pageCount,\n state: { pageIndex },\n } = table;\n\n const paginationProps: PaginationProps = {\n pageCount,\n pageIndex,\n setPage: (nextPage: number) => {\n gotoPage(nextPage);\n },\n };\n\n useEffect(() => {\n table.setGlobalFilter(query);\n }, [query]);\n\n return {\n paginationProps,\n ...table,\n };\n}\n", "import type { IdType } from 'react-table';\nimport type { Row } from '../../../@types/index';\nimport Fuse from 'fuse.js';\nimport type { StringIndexedObject } from '~/types';\n\nconst exactMatchSearch = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n filterValue: string,\n) => {\n return rows.filter((row) => {\n // Take all values from the row, and add them together in a string\n // for the purposes of searching\n const rowValues = Object.values(row.values).join(', ');\n\n return rowValues.toLowerCase().includes(filterValue.toLowerCase());\n });\n};\n\nconst excludeExactMatches = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n exactMatchRows: Row<T>[],\n) =>\n rows.filter(\n ({ id }) => exactMatchRows.filter((p) => p.id === id).length === 0,\n );\n\nconst fuzzySearch = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n filterValue: string,\n searchKeys: string[],\n numberOfRows: number,\n exactMatchRows: Row<T>[],\n): Row<T>[] => {\n const currentRows = rows.map((row) => {\n return row.values;\n });\n\n const fuse = new Fuse(currentRows, {\n keys: searchKeys.map((key) => ({\n name: key,\n // Because FuseJS allows for dot notation,\n // we need to use a function to get the value\n // as the object returned from the table is flat,\n // rather than nested\n getFn: (obj: StringIndexedObject) => obj[key],\n })),\n });\n\n const results = fuse\n .search(filterValue)\n .map(({ item }) => item)\n .slice(0, numberOfRows);\n\n const filteredResults = results\n .map((result) => rows.find((row) => row.values.cid === result.cid))\n .filter(Boolean) as Row<T>[];\n\n return excludeExactMatches(filteredResults, exactMatchRows);\n};\n\nexport const globalFilter = <T extends StringIndexedObject<unknown>>(\n rows: Row<T>[],\n searchKeys: IdType<T>[],\n filterValue: string,\n pageSize = 10,\n): Row<T>[] => {\n if (filterValue.length < 1) {\n return rows;\n }\n\n // Get the first 10 exact matches. The reason for this is that exact matching\n // should take presedence over fuzzy matching. An exact match is more useful\n // but also less expensive to compute. So there's no need to do a fuzzy search\n // if there are >= 10 exact matches.\n const exactMatches = exactMatchSearch(rows, filterValue).slice(0, pageSize);\n const currentRowsExcludingExactMatches = excludeExactMatches(\n rows,\n exactMatches,\n );\n\n const fuzzyMatches = fuzzySearch(\n currentRowsExcludingExactMatches,\n filterValue,\n searchKeys,\n pageSize - exactMatches.length,\n exactMatches,\n );\n\n const results = [...exactMatches, ...fuzzyMatches];\n\n // Return the rows in the same order as the original rows\n // to preserve sorting, which happens before fuzzy matching\n return rows\n .map(({ id }) => results.find((row) => row.id === id))\n .filter(Boolean) as Row<T>[];\n};\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\nimport { TITLE_MARGINS, TITLE_SIZES } from './constants';\n\nexport interface TitleProps {\n size?: keyof typeof TITLE_SIZES;\n className?: string;\n children: string | JSX.Element;\n}\n\nconst Title: FunctionComponent<TitleProps> = function ({\n size = 1,\n className,\n children,\n}) {\n return (\n <Text\n text={children}\n className={clsx(TITLE_MARGINS[size], TITLE_SIZES[size], className)}\n />\n );\n};\n\nexport default Title;\n", "export const TITLE_SIZES = {\n 1: 'text-24-28-em',\n 2: 'text-16-20-em',\n};\n\nexport const TITLE_MARGINS: Record<keyof typeof TITLE_SIZES, string> = {\n 1: 'mb-4',\n 2: 'mb-2',\n};\n", "import { Icon, Logo } from '@kanda-libs/ks-design-library';\n\ntype Widths = 80 | 96 | 120 | 160;\n\ninterface SplashScreenProps {\n logo?: boolean;\n icon: string;\n iconClassName?: string;\n iconSize?: number;\n title: string;\n subText: string | JSX.Element;\n boldSubText?: string;\n cta?: JSX.Element;\n append?: JSX.Element;\n width?: Widths;\n contentWidth?: Widths;\n content?: JSX.Element;\n}\n\nconst WIDTHS = {\n 80: 'max-w-80',\n 96: 'max-w-96',\n 120: 'max-w-120',\n 160: 'max-w160',\n};\n\nconst SplashScreen = ({\n logo,\n icon,\n iconClassName,\n iconSize,\n title,\n subText,\n boldSubText,\n cta,\n append,\n width = 80,\n contentWidth = 80,\n content,\n}: SplashScreenProps) => (\n <div\n className={`flex flex-col m-auto w-full ${WIDTHS[width]} text-center items-center justify-center`}\n >\n {logo && (\n <div className=\"mb-10\">\n <Logo height={32} />\n </div>\n )}\n {!logo && (\n <Icon\n icon={icon}\n size={iconSize}\n className={`mx-auto mb-8 ${iconClassName}`}\n />\n )}\n <h1 className=\"text-24-28-em mb-4\">{title}</h1>\n <div className={`flex flex-col w-full ${WIDTHS[contentWidth]} mx-auto`}>\n {content && <div className=\"mt-4 mb-8\">{content}</div>}\n <span className=\"text-16-24 text-neutral-600\">\n {subText}\n {boldSubText && <b> {boldSubText}</b>}\n </span>\n {cta && <div className=\"mt-10\">{cta}</div>}\n {append}\n </div>\n </div>\n);\n\nSplashScreen.defaultProps = {\n logo: false,\n iconClassName: '',\n iconSize: 104,\n cta: null,\n append: null,\n boldSubText: null,\n content: null,\n width: 96,\n contentWidth: 96,\n};\n\nexport default SplashScreen;\n", "import { FunctionComponent, useEffect } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport usePdf from './usePdf';\n\n// This sucks, but so does react-pdf's typescript support\nconst DocumentTag = Document as unknown as FunctionComponent<any>;\n\nexport interface PdfProps {\n content?: string;\n}\n\nconst Pdf: FunctionComponent<PdfProps> = function ({ content }) {\n const { pdfProps, pages, showContent } = usePdf(content);\n\n useEffect(() => {\n pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n }, []);\n\n if (!showContent) {\n return <></>;\n }\n\n return (\n <DocumentTag {...pdfProps}>\n {pages &&\n pages.map((page) => (\n <>\n <Page {...page} />\n </>\n ))}\n </DocumentTag>\n );\n};\n\nexport default Pdf;\n", "import { useToast } from '@kanda-libs/ks-design-library';\nimport { useCallback, useMemo, useState } from 'react';\n\nexport interface PdfPage {\n key: string;\n pageNumber: number;\n className: string;\n}\n\nexport interface PdfOnLoadSuccessArgs {\n numPages: number;\n}\n\nexport interface PdfOnLoadErrorArgs {\n message: string;\n}\n\nexport interface PdfHook {\n pdfProps: {\n file: string;\n error: string;\n onLoadSuccess: (args: PdfOnLoadSuccessArgs) => void;\n onLoadError: (args: PdfOnLoadErrorArgs) => void;\n onSourceError: (args: PdfOnLoadErrorArgs) => void;\n } | null;\n pages: PdfPage[] | null;\n showContent: boolean;\n}\n\nexport default function usePdf(content?: string): PdfHook {\n const [pages, setPages] = useState<PdfPage[] | null>(null);\n\n const { showError } = useToast();\n\n const onLoadSuccess = useCallback(({ numPages }: PdfOnLoadSuccessArgs) => {\n setPages(\n [...Array(numPages).keys()].map((index) => ({\n key: `page_${index + 1}`,\n pageNumber: index + 1,\n className: index !== 0 ? 'mt-4' : '',\n })),\n );\n }, []);\n\n const onLoadError = useCallback(\n ({ message }: PdfOnLoadErrorArgs) =>\n showError(\n `Error loading document. Please contact Kanda. Error message: ${message}`,\n ),\n [showError],\n );\n\n const onSourceError = useCallback(\n ({ message }: PdfOnLoadErrorArgs) =>\n showError(\n `Error retrieving document source. Please contact Kanda. Error message: ${message}`,\n ),\n [showError],\n );\n\n const pdfProps = useMemo(() => {\n if (!content) return null;\n return {\n file: `data:application/pdf;base64,${content}`,\n error:\n 'Failed to load the PDF file. The file can still be downloaded by clicking the button below',\n onLoadSuccess,\n onLoadError,\n onSourceError,\n };\n }, [content, onLoadSuccess, onLoadError, onSourceError]);\n\n const showContent = !!(pdfProps && !!content);\n\n return {\n pdfProps,\n pages,\n showContent,\n };\n}\n", "export const CLASS_NAMES = {\n container: 'grid grid-cols-7 justify-start items-start gap-x-2',\n};\n", "import type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nexport interface PipelineProps {\n children: JSX.Element | JSX.Element[];\n}\n\nconst Pipeline: FunctionComponent<PipelineProps> = function ({ children }) {\n return <div className={CLASS_NAMES.container}>{children}</div>;\n};\n\nexport default Pipeline;\n", "import { Children, type FunctionComponent } from 'react';\nimport { Button } from '@kanda-libs/ks-design-library';\nimport { CLASS_NAMES } from './constants';\nimport usePipelineColumnPagination from './usePipelineColumnPagination';\n\nexport interface PipelineColumnProps {\n title: string;\n children: JSX.Element | JSX.Element[];\n perPage?: number;\n}\n\nconst PipelineColumn: FunctionComponent<PipelineColumnProps> = function ({\n title,\n children,\n perPage = 5,\n}) {\n const { items, showMore, canShowMore } = usePipelineColumnPagination(\n Children.toArray(children) as JSX.Element[],\n perPage,\n );\n\n return (\n <div>\n <div className={CLASS_NAMES.title}>{title}</div>\n <div className={CLASS_NAMES.items}>\n {items}\n {canShowMore && (\n <div className=\"mt-2\">\n <Button.Text\n id=\"pipeline-column-show-more\"\n variant=\"outline\"\n onClick={showMore}\n label=\"More\"\n className=\"w-full\"\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default PipelineColumn;\n", "export const CLASS_NAMES = {\n title: 'text-18-22-em text-neutral-900 py-2 text-center h-14',\n items: 'flex flex-col gap-y-2',\n};\n", "import { useCallback, useState } from 'react';\n\nexport interface PipelineColumnPaginationHook {\n items: JSX.Element[];\n showMore: () => void;\n canShowMore: boolean;\n}\n\nexport default function usePipelineColumnPagination(\n children: JSX.Element[],\n perPage: number,\n): PipelineColumnPaginationHook {\n const [page, setPage] = useState(0);\n\n const showMore = useCallback(() => {\n setPage((currentPage) => currentPage + 1);\n }, [setPage]);\n\n const items = children.slice(0, (page + 1) * perPage);\n\n return {\n items,\n showMore,\n canShowMore: children.length > items.length,\n };\n}\n", "import { Card, Text, TimeAgo } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\n\nexport interface SimpleCompanyCardProps {\n name: string;\n signedUpDate: Date;\n reviewed?: boolean;\n isLoading?: boolean;\n lifeCycle?: string;\n}\n\nconst SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps> = function ({\n name,\n signedUpDate,\n reviewed = false,\n isLoading = false,\n lifeCycle,\n}) {\n return (\n <Card className={reviewed ? 'bg-blue-100' : ''}>\n <div className=\"flex flex-col gap-y-2\">\n <Text text={name} className=\"text-16-20-em\" isLoading={isLoading} />\n {reviewed && <Text text=\"Reviewed\" className=\"text-12-18-em-up\" />}\n <TimeAgo timestamp={signedUpDate.getTime()} />\n {lifeCycle && (\n <Text text={`Lifecycle: ${lifeCycle}`} className=\"text-12-18-em-up\" />\n )}\n </div>\n </Card>\n );\n};\n\nexport default SimpleCompanyCard;\n", "import { BreakPoints } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport Desktop from './Desktop';\nimport Mobile from './Mobile';\n\nexport interface StageTimelineProps {\n stages: (string | JSX.Element)[];\n mobileStages?: string[];\n activeKey: number;\n}\n\nconst StageTimeline: FunctionComponent<StageTimelineProps> = function (props) {\n return (\n <BreakPoints\n desktop={<Desktop {...props} />}\n mobile={<Mobile {...props} />}\n />\n );\n};\n\nexport default StageTimeline;\n", "import { Icon, Text } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport useStageProps from './useStageProps';\n\nexport interface StageProps {\n index: number;\n active?: boolean;\n current?: boolean;\n last?: boolean;\n label: string | JSX.Element;\n}\n\nconst Stage: FunctionComponent<StageProps> = function ({\n index,\n active = false,\n current = false,\n last = false,\n label,\n}) {\n const { iconClasses, leftBorderClasses, rightBorderClasses } = useStageProps(\n active,\n current,\n index,\n last,\n );\n\n return (\n <div className=\"relative flex flex-col items-center w-full md:w-auto md:min-w-48\">\n {current && <Icon icon=\"chevron-down\" height={20} />}\n {!current && <div className=\"h-5\" />}\n <div className={iconClasses}>\n <div>\n {!active && index + 1}\n {active && <Icon icon=\"check\" width={12} />}\n </div>\n </div>\n <div className={leftBorderClasses} />\n {!last && <div className={rightBorderClasses} />}\n <Text text={label} className=\"text-sm text-center text-neutral-700\" />\n </div>\n );\n};\n\nexport default Stage;\n", "import clsx from 'clsx';\nimport type { StageProps } from '.';\n\nexport interface StagePropsHook {\n iconClasses: string;\n leftBorderClasses: string;\n rightBorderClasses: string;\n}\n\nexport default function useStageProps(\n active: StageProps['active'],\n current: StageProps['current'],\n index: StageProps['index'],\n last: StageProps['last'],\n): StagePropsHook {\n const currentlyActive = active || current;\n const iconClasses = clsx(\n 'w-7 h-7 rounded-2xl mb-2 relative z-10',\n 'text-center text-18-22-em flex items-center justify-center border border-solid border-2',\n !currentlyActive && 'border-neutral-600 text-neutral-600 bg-neutral-000',\n currentlyActive && 'bg-green-500 text-neutral-000 border-transparent',\n );\n\n const borderClasses = clsx(\n 'absolute h-1 top-[31px] z-0',\n !currentlyActive && 'bg-neutral-200',\n currentlyActive && 'bg-green-500',\n );\n\n const leftBorderClasses = clsx(\n borderClasses,\n 'w-1/2 left-0',\n index !== 0 && 'hidden md:block',\n index === 0 && 'hidden',\n );\n const rightBorderClasses = clsx(\n borderClasses,\n 'w-1/2 right-0 hidden md:block',\n current && 'bg-neutral-200',\n !last && 'hidden md:block',\n last && 'hidden',\n );\n\n return {\n iconClasses,\n leftBorderClasses,\n rightBorderClasses,\n };\n}\n", "import clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\n\nexport interface TimelineBorderProps {\n active?: boolean;\n}\n\nconst TimelineBorder: FunctionComponent<TimelineBorderProps> = function ({\n active = false,\n}) {\n return (\n <div\n className={clsx(\n 'flex-grow w-full h-1 -mt-[32px] hidden md:block',\n !active && 'bg-neutral-200',\n active && 'bg-green-500',\n )}\n />\n );\n};\n\nexport default TimelineBorder;\n", "import type { FunctionComponent } from 'react';\nimport type { StageTimelineProps } from '.';\nimport Stage from './Stage';\nimport TimelineBorder from './TimelineBorder';\n\nconst Desktop: FunctionComponent<StageTimelineProps> = function ({\n stages,\n activeKey,\n}) {\n return (\n <div className=\"flex flex-col items-center justify-between h-full md:flex-row\">\n {stages.map((stage, key) => (\n <>\n <Stage\n key={`stage-${key}`}\n index={key}\n active={key < activeKey}\n current={key === activeKey}\n last={key === stages.length - 1}\n label={stage}\n />\n {key !== stages.length - 1 && (\n <TimelineBorder active={key < activeKey} />\n )}\n </>\n ))}\n </div>\n );\n};\n\nexport default Desktop;\n", "import { Timeline } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport type { StageTimelineProps } from '.';\n\nconst Mobile: FunctionComponent<StageTimelineProps> = function ({\n mobileStages = [],\n activeKey,\n}) {\n return (\n <div className=\"px-2\">\n <Timeline\n compact\n items={mobileStages.map((stage, index) => ({\n title: stage,\n fill: activeKey === index ? 'green' : 'grey',\n }))}\n />\n </div>\n );\n};\n\nexport default Mobile;\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nconst NotFoundPage: FunctionComponent = function () {\n return (\n <div className={CLASS_NAMES.container}>\n <Text text=\"404\" className=\"mb-4 text-28-32-em text-neutral-900\" />\n <Text text=\"Page not found\" className=\"text-20-24 text-neutral-700\" />\n </div>\n );\n};\n\nexport default NotFoundPage;\n", "export const CLASS_NAMES = {\n container: 'w-screen h-screen flex flex-col justify-center items-center',\n};\n", "import { Text } from '@kanda-libs/ks-design-library';\nimport clsx from 'clsx';\nimport type { FunctionComponent } from 'react';\nimport { CLASS_NAMES } from './constants';\n\nexport interface NumberedListItem {\n title: string;\n description: string;\n number?: number;\n}\n\nexport interface NumberedListProps {\n items: NumberedListItem[];\n className?: string;\n}\n\nconst NumberedList: FunctionComponent<NumberedListProps> = function ({\n items,\n className,\n}) {\n return (\n <div className={clsx(CLASS_NAMES.wrapper, className)}>\n {items.map((item, key) => (\n <div className={CLASS_NAMES.item} key={`item-${key}`}>\n <div className={CLASS_NAMES.itemNumber}>{item.number || key + 1}</div>\n <div className={CLASS_NAMES.itemContent}>\n <Text text={item.title} className={CLASS_NAMES.itemTitle} />\n <Text\n text={item.description}\n className={CLASS_NAMES.itemDescription}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n\nexport default NumberedList;\n", "export const CLASS_NAMES = {\n wrapper: 'flex flex-col gap-y-4 md:gap-y-1',\n item: 'flex flex-row items-center justify-start gap-y-2 md:mb-3',\n itemNumber:\n 'flex items-center justify-center w-8 h-8 px-4 mr-3 text-green-900 bg-green-200 rounded-full text-18-28-em',\n itemContent: 'flex flex-col text-left gap-y-1',\n itemTitle: 'w-full mb-auto text-16-20-em text-neutral-700',\n itemDescription: 'w-full mb-auto text-14-22 text-neutral-700',\n};\n", "import type { FunctionComponent } from 'react';\nimport { Icon, Text } from '@kanda-libs/ks-design-library';\n\ninterface TickListProps {\n rows: (string | JSX.Element)[];\n tickStroke?: string;\n}\n\nconst TickList: FunctionComponent<TickListProps> = function ({\n rows,\n tickStroke = 'neutral-600',\n}) {\n return (\n <div className=\"flex flex-col w-full\">\n {rows.map((row: string | JSX.Element, index) => (\n <div\n key={`tick-list-${index}`}\n className=\"flex flex-row mt-2 first:mt-0\"\n >\n <Icon\n icon=\"check\"\n className=\"mr-3 mb-auto mt-0.75 md:mt-1 min-w-4\"\n size={16}\n stroke={tickStroke}\n />\n <Text text={row} className=\"text-14-22 md:text-16-24\" />\n </div>\n ))}\n </div>\n );\n};\n\nexport default TickList;\n", "import type { FunctionComponent } from 'react';\nimport { Text } from '@kanda-libs/ks-design-library';\n\nimport type { FAQItem } from './types';\nimport Card from './Card';\nimport useFAQs from './useFAQs';\n\nexport interface FAQProps {\n items?: FAQItem[];\n}\n\nconst FAQs: FunctionComponent<FAQProps> = function ({ items }) {\n const { isActive, onClick } = useFAQs();\n\n if (!items) return null;\n\n return (\n <div className=\"flex flex-col mt-12 md:mt-20\">\n <div className=\"flex flex-row mx-auto mb-6 md:mb-10\">\n <Text\n text=\"Frequently asked\"\n className=\"mr-2 text-20-24-em md:text-32-40-em\"\n />\n <Text\n text=\"questions\"\n className=\"mr-2 text-green-400 text-20-24-em md:text-32-40-em\"\n />\n </div>\n <div className=\"w-full grid grid-cols-1 md:grid-cols-2 gap-5 md:px-16\">\n {items.map((item: FAQItem, index) => (\n <Card\n item={item}\n key={item.title}\n isActive={isActive === index}\n onClick={() => onClick(index)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default FAQs;\n", "import type { FunctionComponent } from 'react';\nimport { Icon, Text } from '@kanda-libs/ks-design-library';\n\nimport type { FAQItem } from './types';\nimport useCollapsingCard from './useCollapsingCard';\n\nexport interface CardProps {\n item: FAQItem;\n onClick: () => void;\n isActive: boolean;\n}\n\nconst Card: FunctionComponent<CardProps> = function ({\n item,\n onClick,\n isActive,\n}) {\n const { cardRef, style, handleClick, iconClassName } = useCollapsingCard(\n isActive,\n onClick,\n );\n\n return (\n <button\n className=\"flex flex-col w-full px-3 py-4 mb-auto rounded-lg bg-neutral-700\"\n onClick={handleClick}\n type=\"button\"\n >\n <div className=\"flex flex-row justify-between w-full\">\n <div className=\"flex flex-row pr-2\">\n <div className=\"flex mb-auto mr-3 rounded-full min-w-9 min-h-9 bg-neutral-600\">\n <Icon\n icon=\"info\"\n stroke=\"turquoise-300\"\n size={20}\n className=\"m-auto\"\n />\n </div>\n <Text\n text={item.title}\n className=\"my-auto text-left text-16-24-em text-neutral-000\"\n />\n </div>\n <div className=\"w-6 h-6 rotate-45 min-w-6 min-h-6\">\n <Icon\n icon=\"arrow-up\"\n stroke=\"turquoise-300\"\n className={iconClassName}\n />\n </div>\n </div>\n <div className=\"overflow-hidden text-left transition-all\" style={style}>\n <div\n ref={cardRef}\n className=\"pt-2 pl-12 pr-6 text-12-18 text-neutral-000\"\n >\n {item.description}\n </div>\n </div>\n </button>\n );\n};\n\nexport default Card;\n", "import type { StringIndexedObject } from '@kanda-libs/ks-design-library';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nexport interface CollapsingCardHook {\n cardRef: React.RefObject<HTMLDivElement> | null;\n style: StringIndexedObject;\n handleClick: () => void;\n iconClassName: string;\n}\n\nexport default function useCollapsingCard(\n isActive: boolean,\n onClick: () => void,\n): CollapsingCardHook {\n const cardRef = useRef<HTMLDivElement>(null);\n\n const [style, setStyle] = useState<StringIndexedObject>({\n maxHeight: 0,\n });\n\n const iconClassName = useMemo(() => {\n if (isActive) return 'transition-all rotate-90';\n return 'transition-all rotate-0';\n }, [isActive]);\n\n const handleClick = useCallback(() => {\n onClick();\n if (isActive) return;\n setTimeout(\n () =>\n setStyle({\n maxHeight: 'none',\n }),\n 200,\n );\n }, [onClick, isActive]);\n\n useEffect(() => {\n if (!isActive) {\n setStyle({\n maxHeight: cardRef.current?.clientHeight || 100,\n });\n setTimeout(() => {\n setStyle({\n maxHeight: 0,\n });\n }, 10);\n return;\n }\n setStyle({\n maxHeight: cardRef.current?.clientHeight || 100,\n });\n }, [isActive]);\n\n return {\n cardRef,\n style,\n handleClick,\n iconClassName,\n };\n}\n", "import { useCallback, useState } from \"react\";\n\nexport interface CollapsingCardHook {\n cardRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport interface FAQsHook {\n isActive: number | undefined;\n onClick: (index: number) => void;\n}\n\nexport default function useFAQs(): FAQsHook {\n const [isActive, setIsActive] = useState<number | undefined>();\n\n const onClick = useCallback(\n (index: number) => {\n if (index === isActive) {\n setIsActive(undefined);\n return;\n }\n setIsActive(index);\n },\n [isActive]\n );\n\n return {\n isActive,\n onClick,\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "AlertBanner", "children", "AlertBanner_default", "Pagination", "SkeletonLoader", "Icon", "BUTTON_CLASS_NAMES", "ICON_PROPS", "WRAPPER_STYLE", "WRAPPER_CLASS_NAMES", "jsx", "jsxs", "Button", "label", "props", "BUTTON_CLASS_NAMES", "Icon", "ICON_PROPS", "Button_default", "clsx", "useWrapperProps", "index", "containerStyle", "WRAPPER_STYLE", "clsx", "WRAPPER_CLASS_NAMES", "jsx", "Wrapper", "index", "children", "classNames", "containerStyle", "useWrapperProps", "Wrapper_default", "HeaderButton_default", "Button_default", "Wrapper_default", "clsx", "CLASS_NAMES", "useHeaderColumnProps", "index", "popoverButtons", "CLASS_NAMES", "clsx", "jsx", "HeaderColumn", "index", "isLoading", "popoverButtons", "label", "props", "classNames", "useHeaderColumnProps", "SkeletonLoader", "HeaderButton_default", "HeaderColumn_default", "CLASS_NAMES", "useHeaderGroupProps", "headerGroup", "columns", "headers", "getHeaderGroupProps", "headerGroupProps", "totalVisible", "column", "jsx", "HeaderGroup", "headerGroup", "columns", "isLoading", "headerGroupProps", "headers", "useHeaderGroupProps", "CLASS_NAMES", "column", "index", "HeaderColumn_default", "HeaderGroup_default", "SkeletonLoader", "Text", "clsx", "CLASS_NAMES", "useCellClassNames", "index", "compact", "isLoading", "clsx", "CLASS_NAMES", "useIsDesktop", "useMobileFullWidthCellStyle", "style", "isDesktop", "Fragment", "jsx", "jsxs", "Cell", "render", "index", "compact", "isLoading", "label", "props", "classNames", "useCellClassNames", "unformattedStyle", "formattedProps", "style", "useMobileFullWidthCellStyle", "SkeletonLoader", "Text", "Cell_default", "useClasses", "CLASS_NAMES", "useRowClassNames", "index", "canSelect", "useClasses", "CLASS_NAMES", "jsx", "Row", "cells", "index", "compact", "isLoading", "onRowClick", "props", "classNames", "useRowClassNames", "cell", "cellIndex", "Cell_default", "Row_default", "Fragment", "jsx", "Pages", "page", "prepareRow", "isLoading", "compact", "onRowClick", "row", "index", "Row_default", "Pages_default", "useTable", "useGlobalFilter", "usePagination", "useSortBy", "useFlexLayout", "Fuse", "exactMatchSearch", "rows", "filterValue", "row", "excludeExactMatches", "exactMatchRows", "id", "p", "fuzzySearch", "searchKeys", "numberOfRows", "currentRows", "filteredResults", "key", "obj", "item", "result", "globalFilter", "pageSize", "exactMatches", "currentRowsExcludingExactMatches", "fuzzyMatches", "results", "useEffect", "useTableProps", "columns", "data", "pageSize", "query", "table", "useTable", "rows", "searchKeys", "filterValue", "globalFilter", "useGlobalFilter", "useSortBy", "usePagination", "useFlexLayout", "gotoPage", "pageCount", "pageIndex", "paginationProps", "nextPage", "Fragment", "jsx", "jsxs", "Table", "compact", "isLoading", "onRowClick", "props", "page", "prepareRow", "columns", "getTableProps", "headerGroups", "paginationProps", "useTableProps", "headerGroup", "HeaderGroup_default", "Pages_default", "Pagination", "Table_default", "Text", "clsx", "TITLE_SIZES", "TITLE_MARGINS", "jsx", "Title", "size", "className", "children", "Text", "clsx", "TITLE_MARGINS", "TITLE_SIZES", "Title_default", "Icon", "Logo", "jsx", "jsxs", "WIDTHS", "SplashScreen", "logo", "icon", "iconClassName", "iconSize", "title", "subText", "boldSubText", "cta", "append", "width", "contentWidth", "content", "SplashScreen_default", "useEffect", "Document", "Page", "pdfjs", "useToast", "useCallback", "useMemo", "useState", "usePdf", "content", "pages", "setPages", "showError", "onLoadSuccess", "numPages", "index", "onLoadError", "message", "onSourceError", "pdfProps", "Fragment", "jsx", "DocumentTag", "Document", "Pdf", "content", "pdfProps", "pages", "showContent", "usePdf", "useEffect", "pdfjs", "page", "Page", "Pdf_default", "CLASS_NAMES", "jsx", "Pipeline", "children", "CLASS_NAMES", "Pipeline_default", "Children", "Button", "CLASS_NAMES", "useCallback", "useState", "usePipelineColumnPagination", "children", "perPage", "page", "setPage", "showMore", "currentPage", "items", "jsx", "jsxs", "PipelineColumn", "title", "children", "perPage", "items", "showMore", "canShowMore", "usePipelineColumnPagination", "Children", "CLASS_NAMES", "Button", "PipelineColumn_default", "Card", "Text", "TimeAgo", "jsx", "jsxs", "SimpleCompanyCard", "name", "signedUpDate", "reviewed", "isLoading", "lifeCycle", "SimpleCompanyCard_default", "BreakPoints", "Icon", "Text", "clsx", "useStageProps", "active", "current", "index", "last", "currentlyActive", "iconClasses", "borderClasses", "leftBorderClasses", "rightBorderClasses", "jsx", "jsxs", "Stage", "index", "active", "current", "last", "label", "iconClasses", "leftBorderClasses", "rightBorderClasses", "useStageProps", "Icon", "Text", "Stage_default", "clsx", "jsx", "TimelineBorder", "active", "TimelineBorder_default", "Fragment", "jsx", "jsxs", "Desktop", "stages", "activeKey", "stage", "key", "Stage_default", "TimelineBorder_default", "Desktop_default", "Timeline", "jsx", "Mobile", "mobileStages", "activeKey", "stage", "index", "Mobile_default", "jsx", "StageTimeline", "props", "BreakPoints", "Desktop_default", "Mobile_default", "StageTimeline_default", "Text", "CLASS_NAMES", "jsx", "jsxs", "NotFoundPage", "CLASS_NAMES", "Text", "NotFoundPage_default", "Text", "clsx", "CLASS_NAMES", "jsx", "jsxs", "NumberedList", "items", "className", "clsx", "CLASS_NAMES", "item", "key", "Text", "NumberedList_default", "Icon", "Text", "jsx", "jsxs", "TickList", "rows", "tickStroke", "row", "index", "TickList_default", "Text", "Icon", "Text", "useCallback", "useEffect", "useMemo", "useRef", "useState", "useCollapsingCard", "isActive", "onClick", "cardRef", "style", "setStyle", "iconClassName", "handleClick", "_a", "_b", "jsx", "jsxs", "Card", "item", "onClick", "isActive", "cardRef", "style", "handleClick", "iconClassName", "useCollapsingCard", "Icon", "Text", "Card_default", "useCallback", "useState", "useFAQs", "isActive", "setIsActive", "onClick", "index", "jsx", "jsxs", "FAQs", "items", "isActive", "onClick", "useFAQs", "Text", "item", "index", "Card_default", "FAQs_default"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -6,6 +6,7 @@ export interface SimpleCompanyCardProps {
|
|
|
6
6
|
signedUpDate: Date;
|
|
7
7
|
reviewed?: boolean;
|
|
8
8
|
isLoading?: boolean;
|
|
9
|
+
lifeCycle?: string;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
const SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps> = function ({
|
|
@@ -13,6 +14,7 @@ const SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps> = function ({
|
|
|
13
14
|
signedUpDate,
|
|
14
15
|
reviewed = false,
|
|
15
16
|
isLoading = false,
|
|
17
|
+
lifeCycle,
|
|
16
18
|
}) {
|
|
17
19
|
return (
|
|
18
20
|
<Card className={reviewed ? 'bg-blue-100' : ''}>
|
|
@@ -20,6 +22,9 @@ const SimpleCompanyCard: FunctionComponent<SimpleCompanyCardProps> = function ({
|
|
|
20
22
|
<Text text={name} className="text-16-20-em" isLoading={isLoading} />
|
|
21
23
|
{reviewed && <Text text="Reviewed" className="text-12-18-em-up" />}
|
|
22
24
|
<TimeAgo timestamp={signedUpDate.getTime()} />
|
|
25
|
+
{lifeCycle && (
|
|
26
|
+
<Text text={`Lifecycle: ${lifeCycle}`} className="text-12-18-em-up" />
|
|
27
|
+
)}
|
|
23
28
|
</div>
|
|
24
29
|
</Card>
|
|
25
30
|
);
|