@accounter/client
Version:
Accounter client application
1 lines • 4.5 kB
JavaScript
import{t as e}from"./arrow-up-down-CKkMMydw.js";import{$ as t,$u as n,B as r,Da as i,G as a,H as o,Hu as s,K as c,Kl as l,Li as u,Ml as d,Nd as f,Ni as p,Pi as m,Q as h,Rd as g,Ri as _,Tn as v,Tu as y,U as b,Uc as x,V as S,W as C,Y as w,_i as T,_l as E,er as D,fn as O,it as k,jl as A,q as j,rt as M,vi as N,wn as P,zi as F}from"./index-DJOqGznr.js";import{t as I}from"./page-layout-YyDTnnkE.js";var L=g(f(),1),R=`updateTaxCategory`,z=()=>{let[{fetching:e},t]=A(E);return{fetching:e,updateTaxCategory:(0,L.useCallback)(async e=>{let n=`Error updating tax category`,r=`${R}-${e.taxCategoryId}`;N.loading(`Uploading Tax Category`,{id:r});try{let i=T(await t(e),n,r,`updateTaxCategory`);if(i)return N.success(`Success`,{id:r,description:`${i.updateTaxCategory.name} was updated`}),i.updateTaxCategory}catch(e){console.error(`${n}: ${e}`),N.error(`Error`,{id:r,description:n,duration:1e5,closeButton:!0})}},[t])}},B=y();function V({taxCategoryId:e,onAdd:t}){let[n,r]=(0,L.useState)(!1);return(0,B.jsxs)(p,{open:n,onOpenChange:r,children:[(0,B.jsx)(F,{asChild:!0,children:(0,B.jsx)(l,{variant:`outline`,size:`icon`,children:(0,B.jsx)(s,{})})}),(0,B.jsxs)(m,{className:`w-[400px] max-w-screen-md`,children:[(0,B.jsx)(u,{children:(0,B.jsx)(_,{children:`Edit Tax Category`})}),(0,B.jsx)(H,{taxCategoryId:e,close:()=>r(!1),onAdd:t})]})]})}function H({taxCategoryId:e,close:t,onAdd:r}){let[{data:i,fetching:a}]=d({query:x,variables:{id:e}}),o=i?.taxCategory;return!o&&!a&&N.error(`Error`,{description:`Couldn'nt find tax category`}),a?(0,B.jsx)(n,{className:`h-10 w-10 animate-spin`}):(0,B.jsx)(U,{taxCategory:o,close:t,onAdd:r})}function U({taxCategory:e,close:t,onAdd:n}){let r=P({defaultValues:{sortCode:e.sortCode?.key,name:e.name,irsCode:e.irsCode}}),{handleSubmit:i}=r,[a,o]=(0,L.useState)(!1),{updateTaxCategory:s,fetching:c}=z(),u=r=>{r.sortCode&&=parseInt(r.sortCode.toString()),s({fields:r,taxCategoryId:e.id}).then(e=>{e?.id&&(n?.(e.id),t())})};return(0,B.jsx)(O,{...r,children:(0,B.jsxs)(`form`,{onSubmit:i(u),children:[(0,B.jsx)(`div`,{className:`flex flex-col gap-4 my-4`,children:(0,B.jsx)(k,{isInsert:!1,formManager:r,setFetching:o})}),(0,B.jsx)(`div`,{className:`flex justify-end mt-4`,children:(0,B.jsx)(l,{type:`submit`,disabled:c||a,children:`Update`})})]})})}var W=({data:e})=>(0,B.jsx)(`td`,{children:e.name}),G=({data:e})=>(0,B.jsx)(`td`,{children:e.sortCode?(0,B.jsxs)(`span`,{children:[e.sortCode?.name,` (`,e.sortCode?.id,`)`]}):`N/A`}),K=[{id:`name`,accessorKey:`name`,cell:({row:e})=>(0,B.jsx)(W,{data:e.original}),header:({column:t})=>(0,B.jsxs)(l,{variant:`ghost`,onClick:()=>t.toggleSorting(t.getIsSorted()===`asc`),children:[`Name`,(0,B.jsx)(e,{})]})},{id:`sortCode`,accessorKey:`sortCode.key`,cell:({row:e})=>(0,B.jsx)(G,{data:e.original}),header:({column:t})=>(0,B.jsxs)(l,{variant:`ghost`,onClick:()=>t.toggleSorting(t.getIsSorted()===`asc`),children:[`Sort Code`,(0,B.jsx)(e,{})]})},{id:`edit`,cell:({row:e})=>(0,B.jsx)(V,{taxCategoryId:e.original.id})}],q=()=>{let[{data:e,fetching:s,error:l},u]=d({query:i}),{setFiltersContext:f}=(0,L.useContext)(D),p=e?.taxCategories??[],m=j({data:p,columns:K,getCoreRowModel:w(),getPaginationRowModel:h(),getSortedRowModel:t(),initialState:{pagination:{pageSize:30}}});return(0,L.useEffect)(()=>{f((0,B.jsx)(`div`,{className:`flex items-center justify-end gap-10 space-x-2 py-4`,children:(0,B.jsx)(`div`,{className:`flex items-center justify-between px-2`,children:(0,B.jsx)(v,{table:m})})}))},[f,m,m.getPageOptions()]),(0,L.useEffect)(()=>{l&&N.error(`Error`,{description:`Error fetching tax categories`})},[l]),(0,B.jsx)(I,{title:`Tax Categories (${p.length})`,description:`All tax categories`,headerActions:(0,B.jsx)(M,{onAdd:()=>u()}),children:s?(0,B.jsx)(`div`,{className:`flex flex-row justify-center`,children:(0,B.jsx)(n,{className:`h-10 w-10 animate-spin mr-2`})}):(0,B.jsx)(`div`,{className:`flex flex-col gap-4 rounded-md border`,children:(0,B.jsxs)(r,{children:[(0,B.jsx)(C,{children:m.getHeaderGroups().map(e=>(0,B.jsx)(a,{children:e.headers.map(e=>(0,B.jsx)(b,{children:e.isPlaceholder?null:c(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,B.jsx)(S,{children:m.getRowModel().rows.length===0?(0,B.jsx)(a,{children:(0,B.jsx)(o,{colSpan:K.length,className:`text-center py-8`,children:`No tax categories found`})}):m.getRowModel().rows.map(e=>(0,B.jsx)(a,{children:e.getVisibleCells().map(e=>(0,B.jsx)(o,{children:c(e.column.columnDef.cell,e.getContext())},e.id))},e.id))})]})})})};export{q as TaxCategories};