@chem-po/web-demo 0.0.3 → 0.0.5

package/dist/assets/ExampleItemView-C7wLqYnj.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-DiklIkkE.js";import{T as c,i as F,F as h,j,k as C,z as I,P as u,m as v,B as M,p as O,n as $}from"./index-DxqO1ZJV.js";import{r as i}from"./index-DRjF_FHU.js";const B="example-list",m={banana:"🍌 Banana",apple:"🍎 Apple",orange:"🍊 Orange",cherry:"🍒 Cherry",lemon:"🍋 Lemon"},E={_type:"file",placeholder:"Upload a file",imageOptions:{shape:"circle",height:100},optional:!0},P={_type:"select",options:Object.keys(m),placeholder:"Pick a fruit",renderOption:e=>a.jsx(c,{children:m[e]})},S={_type:"text",placeholder:"Apple Type",condition:e=>(e==null?void 0:e.option)==="apple"},q={_type:"multipleSelect",options:["red","green","blue"],placeholder:"Colors",renderOption:(e,r,t)=>a.jsx(h,{borderRadius:"full",w:"100%",bg:t?e:"whiteAlpha.500",px:2,py:1,border:t?"1px solid":"1px dashed",borderColor:t?e:"gray.500",justifyContent:"center",children:a.jsx(c,{fontSize:"md",lineHeight:1,color:t?"white":e,textShadow:t?"1px 1px 3px #000000aa":"none",children:e})})},A={_type:"select",placeholder:"Type",options:["imgur","youtube","streamable"],renderOption:e=>a.jsx(c,{children:F(e)})},D={name:"link",children:{type:A,link:{_type:"text",placeholder:"Link"}}},L={_type:"text",type:"textarea",placeholder:"Comment"},N={name:"Submission",children:{link:D,comment:L}},R={name:"Example Item",children:{title:{placeholder:"Title",_type:"text"},number:{placeholder:"Number",_type:"number"},option:P,appleType:S,file:E,notes:{placeholder:"Notes",_type:"text",optional:!0,type:"textarea"},colors:q,yesOrNo:{placeholder:"Is this a Chem Po?",_type:"boolean",type:"switch"},listOfThings:{_type:"list",optional:!0,itemField:{name:"Thing",children:{value:{_type:"text",placeholder:"Thing"},value2:{_type:"text",placeholder:"Thing 2"}}},placeholder:"List of Things"},submission:N}},V=(e,r)=>{if(!(e!=null&&e.length))return r==="light"?"blackAlpha.200":"whiteAlpha.200";const t=e.includes("red")?1:0,d=e.includes("green")?1:0,n=e.includes("blue")?1:0;return`rgba(${t*255}, ${d*255}, ${n*255}, 0.2)`},z=e=>{const{colorMode:r}=$();return i.useMemo(()=>V(e,r),[e,r])},U=({item:e,onEdited:r})=>{const{deselectItem:t,list:d}=j(),{access:n,baseQuery:y}=d,{collection:l}=y,{adapter:{db:s}}=C(),{_id:o,colors:g}=e,p=I(),x=i.useMemo(()=>u(p,n==null?void 0:n.update,e),[n,p,e]),b=i.useMemo(()=>u(p,n==null?void 0:n.delete,e),[n,p,e]),f=i.useCallback(k=>s.updateItem(`${l}/${o}`,k).then(()=>{r&&r()}),[l,s,r,o]),T=i.useCallback(async()=>s.deleteItem(`${l}/${o}`).then(()=>{t()}),[l,s,t,o]),_=z(g),w=v("gray.100","gray.900");return a.jsx(h,{transition:"background 500ms",bg:w,flexFlow:"column",w:"100%",children:a.jsx(M,{bg:_,children:a.jsx(O,{onSubmit:x?f:void 0,onDelete:b?T:void 0,field:R,storagePath:`${B}/${o}`,value:e,onClose:t})})})};U.__docgenInfo={description:"",methods:[],displayName:"ExampleItemView",props:{item:{required:!0,tsType:{name:"intersection",raw:"T & { _id: string }",elements:[{name:"intersection",raw:"T & DBMetadata",elements:[{name:"T"},{name:"DBMetadata"}]},{name:"signature",type:"object",raw:"{ _id: string }",signature:{properties:[{key:"_id",value:{name:"string",required:!0}}]}}]},description:""},updateContentOffset:{required:!0,tsType:{name:"signature",type:"function",raw:"(x: number, y: number) => void",signature:{arguments:[{type:{name:"number"},name:"x"},{type:{name:"number"},name:"y"}],return:{name:"void"}}},description:""},clearContentOffset:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},colorMode:{required:!0,tsType:{name:"union",raw:"'light' | 'dark'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"}]},description:""},onEdited:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{U as E,B as a,P as b,R as e,V as g};