@accounter/client/dist/assets/business-ledger-filters-CLGe10M4.js

Accounter client application

import{s as e}from"./dist-BmACi7k_.js";import{i as t,o as n}from"./utils-BxkqV8PM.js";import{i as r,n as i}from"./routes-C4NpBRv7.js";import{en as a,it as o,p as s,qt as c,rr as l,ut as u}from"./common-BW2g48Zf.js";import{t as d}from"./funnel-DJv0vsZC.js";import{t as f}from"./button-BBCCSbHv.js";import{$c as p,Gc as m,Jc as h,Pl as g,Wc as _,Xc as v,Yc as y,cl as b,dl as x,nl as S,pl as C,qc as w}from"./table-CJNgrg7p.js";import{t as T}from"./MultiSelect-DeaIdc2w.js";import{t as E}from"./use-url-query-DXFemxIX.js";var D=e(n()),O=x((e,{color:t})=>({root:{backgroundColor:e.fn.themeColor(t,e.colorScheme===`dark`?5:2),color:e.colorScheme===`dark`?e.colors.dark[9]:`inherit`}})),k=Object.defineProperty,A=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,N=(e,t,n)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||={})j.call(t,n)&&N(e,n,t[n]);if(A)for(var n of A(t))M.call(t,n)&&N(e,n,t[n]);return e},F=(e,t)=>{var n={};for(var r in e)j.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&A)for(var r of A(e))t.indexOf(r)<0&&M.call(e,r)&&(n[r]=e[r]);return n},I={color:`yellow`},L=(0,D.forwardRef)((e,t)=>{let n=C(`Mark`,I,e),{color:r,className:i,unstyled:a,variant:o}=n,s=F(n,[`color`,`className`,`unstyled`,`variant`]),{classes:c,cx:l}=O({color:r},{unstyled:a,name:`Mark`,variant:o});return D.createElement(b,P({component:`mark`,ref:t,className:l(c.root,i)},s))});L.displayName=`@mantine/core/Mark`;var R=e(g(),1),z=t();function B({filter:e,setFilter:t,closeModal:n,single:r=!1}){let i=p({defaultValues:{...e}}),{control:a,handleSubmit:s}=i,{selectableBusinesses:d,fetching:f}=u(),{userContext:g}=(0,D.useContext)(S),b=e=>{t(e),n()};function x(){t({businessIDs:r?e.businessIDs:void 0}),n()}return(0,z.jsxs)(z.Fragment,{children:[f?(0,z.jsx)(`div`,{children:`Loading...`}):(0,z.jsx)(`div`,{}),(0,z.jsx)(_,{...i,children:(0,z.jsxs)(`form`,{onSubmit:s(b),children:[!r&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(w,{name:`ownerIds`,control:a,defaultValue:e.ownerIds,render:({field:e,fieldState:t})=>(0,z.jsxs)(h,{children:[(0,z.jsx)(y,{children:`Owners`}),(0,z.jsx)(m,{children:(0,z.jsx)(T,{...e,data:d,value:e.value??(g?.context.adminBusinessId?[g.context.adminBusinessId]:void 0),disabled:f,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message})}),(0,z.jsx)(v,{})]})}),(0,z.jsx)(w,{name:`businessIDs`,control:a,defaultValue:e.businessIDs,render:({field:e,fieldState:t})=>(0,z.jsxs)(h,{children:[(0,z.jsx)(y,{children:`Businesses`}),(0,z.jsx)(m,{children:(0,z.jsx)(T,{...e,data:d,value:e.value??void 0,disabled:f,placeholder:`Scroll to see all options`,maxDropdownHeight:160,searchable:!0,error:t.error?.message})}),(0,z.jsx)(v,{})]})})]}),(0,z.jsx)(w,{name:`fromDate`,control:a,defaultValue:e.fromDate,rules:{pattern:{value:l,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,z.jsxs)(h,{children:[(0,z.jsx)(y,{htmlFor:`from-date`,children:`From Date`}),(0,z.jsx)(m,{children:(0,z.jsx)(o,{id:`from-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,z.jsx)(v,{})]})}),(0,z.jsx)(w,{name:`toDate`,control:a,defaultValue:e.toDate,rules:{pattern:{value:l,message:`Date must be in format yyyy-mm-dd`}},render:({field:e,fieldState:t})=>(0,z.jsxs)(h,{children:[(0,z.jsx)(y,{htmlFor:`to-date`,children:`To Date`}),(0,z.jsx)(m,{children:(0,z.jsx)(o,{id:`to-date`,value:e.value??void 0,onChange:t=>{t!==e.value&&e.onChange(t)},"aria-invalid":!!t.error})}),(0,z.jsx)(v,{})]})}),!r&&(0,z.jsx)(w,{name:`type`,control:a,defaultValue:null,render:({field:e,fieldState:t})=>(0,z.jsxs)(h,{children:[(0,z.jsx)(y,{children:`Type`}),(0,z.jsx)(m,{children:(0,z.jsx)(c,{...e,onChange:t=>e.onChange(t===`NULL`?null:t),data:[{value:`NULL`,label:`All`},{value:`BUSINESS`,label:`Business`},{value:`TAX_CATEGORY`,label:`Tax Category`}],error:t.error?.message})}),(0,z.jsx)(v,{})]})}),(0,z.jsxs)(`div`,{className:`flex justify-center mt-5 gap-3`,children:[(0,z.jsx)(`button`,{type:`submit`,className:`text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg`,children:`Filter`}),(0,z.jsx)(`button`,{type:`button`,className:`text-white bg-orange-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-orange-600 rounded-sm text-lg`,onClick:x,children:`Clear`}),(0,z.jsx)(`button`,{type:`button`,className:`text-white bg-rose-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-rose-600 rounded-sm text-lg`,onClick:n,children:`Cancel`})]})]})})]})}function V({filter:e,setFilter:t}){let[n,o]=(0,D.useState)(!1),[c,l]=(0,D.useState)(!r(e)),{get:u,set:p}=E();function m(e){return Object.entries(e??{}).filter(([e,t])=>t!==void 0&&Array.isArray(t)&&t.length>0).length>0}function h(n){n.fromDate?.trim()===``&&(n.fromDate=void 0),n.toDate?.trim()===``&&(n.toDate=void 0),(0,R.default)(n,e)||(t(n),l(m(n)))}return(0,D.useEffect)(()=>{let t=i(e);t!==u(`ledgerRecordsFilters`)&&p(`ledgerRecordsFilters`,t)},[e,u,p]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(s,{opened:n,onClose:()=>o(!1),content:(0,z.jsx)(B,{single:!0,filter:e,setFilter:h,closeModal:()=>o(!1)})}),(0,z.jsx)(a,{inline:!0,size:16,disabled:!c,children:(0,z.jsx)(f,{variant:`outline`,size:`icon`,className:`size-7.5`,onClick:()=>o(!0),children:(0,z.jsx)(d,{className:`size-5`})})})]})}export{L as n,V as t};