https://www.barakasheabutter.com/_next/static/chunks/6319.fc60561b2b062bf8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6319],{86319:function(e,l,s){s.r(l);var a=s(52322),t=s(23485),n=s(25237),i=s.n(n),r=s(2784),d=s(19453),c=s(12524),o=s.n(c);let x=i()(()=>Promise.all([s.e(6425),s.e(9418),s.e(5778),s.e(315)]).then(s.bind(s,20315)).then(e=>e.Menu),{loadableGenerated:{webpack:()=>[null]},ssr:!0,loading:()=>(0,a.jsx)("div",{})}),u=i()(()=>Promise.all([s.e(6425),s.e(9418),s.e(5778),s.e(315)]).then(s.bind(s,20315)).then(e=>e.MenuButton),{loadableGenerated:{webpack:()=>[null]},ssr:!0,loading:()=>(0,a.jsx)("div",{})}),p=i()(()=>Promise.all([s.e(6425),s.e(9418),s.e(5778),s.e(315)]).then(s.bind(s,20315)).then(e=>e.MenuItems),{loadableGenerated:{webpack:()=>[null]},ssr:!0,loading:()=>(0,a.jsx)("div",{})}),h=i()(()=>Promise.all([s.e(6425),s.e(9418),s.e(5778),s.e(315)]).then(s.bind(s,20315)).then(e=>e.MenuItem),{loadableGenerated:{webpack:()=>[null]},ssr:!0,loading:()=>(0,a.jsx)("div",{})}),m=i()(()=>Promise.all([s.e(6425),s.e(9418),s.e(5778),s.e(315)]).then(s.bind(s,20315)).then(e=>e.Switch),{loadableGenerated:{webpack:()=>[null]},ssr:!0,loading:()=>(0,a.jsx)("div",{})}),f=e=>new Date(e).toLocaleDateString("en-us",{month:"2-digit",year:"2-digit",day:"2-digit"}),v=e=>{let{filters:l,onUpdateFilter:s,sortOptions:n,onAddSortOptions:i}=e,d=(0,r.useContext)(t.mI);return d?(0,a.jsx)("div",{className:"flex items-center py-2",children:(0,a.jsx)("div",{className:"flex-1 w-full",children:(0,a.jsxs)("div",{className:"flex gap-1",children:[(0,a.jsxs)(x,{children:[(0,a.jsxs)(u,{className:"text-sm text-left w-full py-1 px-2 bg-gray-100 rounded-md relative",children:["Add Filters",(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]}),(0,a.jsxs)(p,{className:"shadow-lg shadow-gray-400 flex flex-col absolute bg-white",children:[(0,a.jsx)(h,{children:(0,a.jsxs)("div",{className:" py-2 px-2",children:[(0,a.jsxs)("div",{className:"text-sm",children:[(0,a.jsx)("div",{className:"py-1 px-2 mb-2",children:"Select Category ▼"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:l.filter(e=>"category"===e.type).map((e,l)=>(0,a.jsx)("button",{onClick:()=>s(e),className:"text-sm whitespace-nowrap text-left py-1 px-2 pr-6 bg-gray-100 rounded-md relative ml-0",children:(0,a.jsxs)(a.Fragment,{children:[e.value,(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]})},l))})]}),(0,a.jsxs)("div",{className:"text-sm mt-4",children:[(0,a.jsx)("div",{className:"py-1 px-2 mb-2",children:"Select Author ▼"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:l.filter(e=>"author"===e.type).map((e,l)=>(0,a.jsx)("button",{onClick:()=>s(e),className:"text-sm whitespace-nowrap text-left py-1 px-2 pr-6 bg-gray-100 rounded-md relative ml-0",children:(0,a.jsxs)(a.Fragment,{children:[e.value,(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]})},l))})]})]})}),(0,a.jsxs)("div",{className:"text-sm p-2",children:[(0,a.jsx)("div",{className:"pb-1 px-2 mb-2",children:"Select Date Range ▼"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1 w-full relative",children:(0,a.jsx)(b,{onAddFilter:s,activeFilters:null==d?void 0:d.activeFilters})})]})]})]}),(0,a.jsxs)(x,{children:[(0,a.jsxs)(u,{className:"text-sm text-left w-full py-1 px-2 bg-gray-100 rounded-md relative",children:["Add Sorting",(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]}),(0,a.jsx)(p,{className:"flex flex-col absolute bg-white",children:(0,a.jsx)(h,{children:(0,a.jsx)("div",{className:"text-sm shadow-lg shadow-gray-400 py-2 px-2",children:(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:n.map((e,l)=>(0,a.jsxs)("button",{onClick:()=>i(e),className:"text-sm whitespace-nowrap text-left py-1 px-2 pr-6 bg-gray-100 rounded-md relative ml-0",children:[e.name,(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]},l))})})})})]})]})})}):null},g=d.ZP.div.withConfig({componentId:"sc-91cd1808-0"})(["width:100%;label{display:none;}select{border-radius:25px;margin:0 5px 0 0;padding:0 2px;background-color:#f3f3f2;}"]),b=e=>{let[l,s]=(0,r.useState)(),[t,n]=(0,r.useState)(),[i,d]=(0,r.useState)(),[c,x]=(0,r.useState)(),u=(0,r.useRef)();return(0,r.useEffect)(()=>

1{if(u.current){let e=u.current.querySelectorAll("option");if(e.length)for(let l of e)l.innerHTML.includes("Select")&&(l.innerHTML=l.innerHTML.split("Select")[1])}},[u,i,c]),(0,r.useEffect)(()=>{c||n(void 0),i||s(void 0)},[c,i]),(0,a.jsxs)(g,{ref:u,children:[(0,a.jsx)("div",{className:"flex flex-col pb-1 w-full",children:(0,a.jsxs)("div",{className:"flex flex-row pb-1",children:[(0,a.jsxs)(m,{checked:i,onChange:d,className:"".concat(i?"bg-teal-700":"bg-teal-900"," relative inline-flex h-4 w-8 shrink-0 cursor-pointer mr-2 my-auto rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75"),children:[(0,a.jsx)("span",{className:"sr-only"}),(0,a.jsx)("span",{"aria-hidden":"true",className:"".concat(i?"translate-x-4":"translate-x-0"," pointer-events-none inline-block h-3 w-3 transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out")})]}),(0,a.jsx)("span",{className:"flex-1",children:"Begin Date"})]})}),(0,a.jsx)("div",{className:"flex flex-col pb-1",children:(0,a.jsxs)("div",{className:"flex flex-row pb-1",children:[(0,a.jsxs)(m,{checked:c,onChange:x,className:"".concat(c?"bg-teal-700":"bg-teal-900"," relative inline-flex h-4 w-8 shrink-0 cursor-pointer mr-2 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75"),children:[(0,a.jsx)("span",{className:"sr-only"}),(0,a.jsx)("span",{"aria-hidden":"true",className:"".concat(c?"translate-x-4":"translate-x-0"," pointer-events-none inline-block h-3 w-3 transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out")})]}),(0,a.jsx)("span",{className:"flex-1",children:"End Date"})]})}),(0,a.jsx)("div",{className:"flex justify-end w-full",children:(0,a.jsx)(h,{children:(0,a.jsxs)("button",{onClick:()=>e.onAddFilter({type:"date",value:{startDate:l||void 0,endDate:t||void 0}}),disabled:!l&&!t,className:o()("text-sm whitespace-nowrap text-left py-1 px-2 pr-6 bg-gray-100 rounded-md relative","".concat(l||t?"":"opacity-50")),children:["Add",(0,a.jsx)("span",{className:"absolute right-2 -top-0.5 text-lg",children:"+"})]})})})]})};l.default=e=>{let{activeFilters:l,activeSortingOptions:s,allFilters:t,allSortingOptions:n,onUpdateFilters:i,clearSortingOption:r,onAddSorting:d}=e,c=e=>{i(l.filter(l=>l!==e))};return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"font-bold",children:"Active Filters"}),(0,a.jsx)("ul",{className:"flex gap-1 mt-2 flex-wrap",children:s.map((e,l)=>(0,a.jsxs)("li",{className:"py-1 px-2 rounded-full pr-6 relative text-sm border",children:["Sort: ",e.name,(0,a.jsx)("span",{className:"absolute right-2 top-0.5 inline-flex items-center",onClick:()=>r(e),children:"x"})]},l))}),(0,a.jsx)("ul",{className:"flex gap-1 mt-2 flex-wrap",children:l.map((e,l)=>{var s,t,n,i,r,d;return(0,a.jsxs)("li",{className:"py-1 px-2 rounded-full pr-6 relative text-sm border",children:[e.type.charAt(0).toUpperCase()+e.type.slice(1),": ","date"!==e.type?e.value:"".concat((null===(s=e.value)||void 0===s?void 0:s.endDate)?"":"on or after","\n                ").concat((null===(t=e.value)||void 0===t?void 0:t.startDate)?f(e.value.startDate):""," \n                ").concat((null===(n=e.value)||void 0===n?void 0:n.startDate)?"":"on or before","\n                ").concat((null===(i=e.value)||void 0===i?void 0:i.startDate)&&(null===(r=e.value)||void 0===r?void 0:r.endDate)?"-":""," \n                ").concat((null===(d=e.value)||void 0===d?void 0:d.endDate)?f(null==e?void 0:e.value.endDate):""),(0,a.jsx)("span",{className:"absolute right-2 top-0.5 inline-flex cursor-pointer items-center",onClick:()=>c(e),children:"x"})]},l)})}),(0,a.jsx)(v,{filters:t.filter(e=>!l.map(e=>e.value).includes(e.value)),onUpdateFilter:e=>i([...l,e]),sortOptions:n,onAddSortOptions:e=>d([e])})]})}}}]);