chordia-ui 3.7.2 → 3.7.4

package/dist/CustomFilterChips.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),$=require("react");function N({page:i=1,pageSize:o=10,totalCount:x=0,currentDataLength:p=0,onPageChange:c,onPageSizeChange:b,pageSizeOptions:d=[10,20,50,100],className:h="",showRecordCounter:e=!0,showPageSizeSelector:t=!0}){const r=Math.ceil(x/o),l=(i-1)*o+1,m=Math.min((i-1)*o+p,x),j=$.useMemo(()=>{if(r<=1)return[];const s=[];if(r<=7)for(let a=1;a<=r;a+=1)s.push(a);else{s.push(1);let a=Math.max(2,i-2),f=Math.min(r-1,i+2);i<=3&&(f=5),i>=r-2&&(a=r-4),a>2&&s.push("ellipsis-start");for(let g=a;g<=f;g+=1)s.push(g);f<r-1&&s.push("ellipsis-end"),s.push(r)}return s},[i,r]);if(!c||r===0)return null;const w=t&&typeof b=="function";return n.jsxs("div",{className:`flex items-center justify-between px-3 py-3 gap-4 bg-[white] rounded-b-lg ${h}`,children:[n.jsxs("div",{className:"flex items-center gap-4",children:[w&&n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx("span",{className:"text-sm text-gray-700",children:"Rows per page:"}),n.jsx("select",{className:"border border-gray-300 rounded px-2 py-1 text-sm bg-white text-gray-700",value:o,onChange:s=>b(Number(s.target.value)),children:d.map(s=>n.jsx("option",{value:s,children:s},s))})]}),e&&n.jsxs("span",{className:"text-sm text-gray-700",children:["Showing"," ",m>0?`${l}-${m}`:0," ","of ",x]})]}),n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx("button",{className:"px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium",onClick:()=>c(i-1),disabled:i<=1,"aria-label":"Previous page",children:"< Previous"}),j.map((s,y)=>{if(s==="ellipsis-start"||s==="ellipsis-end")return n.jsx("button",{className:"w-8 h-8 rounded-full text-gray-500 flex items-center justify-center cursor-default",disabled:!0,"aria-hidden":"true",children:n.jsx("span",{className:"text-xs",children:"..."})},`ellipsis-${y}`);const a=s===i;return n.jsx("button",{className:`w-8 h-8 rounded-full flex items-center justify-center transition-colors text-sm font-medium ${a?"bg-green-2 text-black font-semibold":"bg-white border border-gray-300 text-gray-700 hover:bg-gray-50"}`,onClick:()=>c(s),"aria-label":`Go to page ${s}`,"aria-current":a?"page":void 0,children:s},s)}),n.jsx("button",{className:"px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium",onClick:()=>c(i+1),disabled:i>=r,"aria-label":"Next page",children:"Next >"})]})]})}function u(i){return i.replace(/([A-Z])/g," $1").replace(/_/g," ").replace(/^./,o=>o.toUpperCase()).trim()}function v({filters:i,onChange:o,onClear:x,customFilters:p=[],fieldOptions:c={},className:b=""}){const d=[],h=(e,t)=>{if(c[e]&&Array.isArray(c[e])){const r=c[e].find(l=>{const m=typeof l=="object"?l.value!==void 0?l.value:l.id:l;return m===t||String(m)===String(t)});if(r)return typeof r=="object"&&(r.label||r.value)||String(r)}return String(t)};return Object.entries(i||{}).forEach(([e,t])=>{if(Array.isArray(t)&&t.length){const r=t.map(l=>h(e,l));d.push({key:e,label:`${u(e)}: ${r.join(", ")}`,onRemove:()=>{const l={...i};delete l[e],o(l)}})}else if(typeof t=="string"&&t.trim()!==""){const r=h(e,t);d.push({key:e,label:`${u(e)}: ${r}`,onRemove:()=>o({...i,[e]:""})})}}),Object.entries(i||{}).forEach(([e,t])=>{if(t&&typeof t=="object"&&(t.min!=null||t.max!=null)){const r=t.min!=null&&t.max!=null?`${u(e)}: ${t.min}–${t.max}`:t.min!=null?`${u(e)} ≥ ${t.min}`:`${u(e)} ≤ ${t.max}`;d.push({key:e,label:r,onRemove:()=>{const l={...i};delete l[e],o(l)}})}}),(p||[]).forEach(e=>{e&&e.active&&d.push({key:e.key,label:e.label,onRemove:e.onRemove})}),d.length?n.jsxs("div",{className:`flex flex-wrap items-center gap-4 ${b}`,children:[d.map(e=>n.jsxs("span",{className:"bg-white h-10 border border-gray-200 rounded-[14px] px-3 flex items-center text-[13px] transition-colors",children:[e.label,n.jsx("button",{onClick:e.onRemove,className:"ml-2 text-gray-500 hover:text-black transition-colors flex items-center",type:"button",children:n.jsx("span",{className:"relative top-[-1px]",children:"×"})})]},e.key)),n.jsxs("button",{onClick:x,className:"h-10 px-3.5 rounded-[14px] bg-white border border-gray-200 text-red-600 transition-colors flex items-center justify-center gap-1.5",type:"button",children:[n.jsx("span",{className:"text-red-600",children:"×"}),n.jsx("span",{children:"Clear"})]})]}):null}exports.CustomFilterChips=v;exports.Pagination=N;
+"use strict";const r=require("react/jsx-runtime"),F=require("react"),E=require("lucide-react");function C({page:s=1,pageSize:a=10,totalCount:u=0,currentDataLength:g=0,onPageChange:c,onPageSizeChange:h,pageSizeOptions:d=[10,20,50,100],className:b="",showRecordCounter:e=!0,showPageSizeSelector:i=!0}){const t=Math.ceil(u/a),o=(s-1)*a+1,x=Math.min((s-1)*a+g,u),[m,j]=F.useState(!1),$=F.useRef(null);F.useEffect(()=>{if(!m)return;const n=p=>{$.current&&!$.current.contains(p.target)&&j(!1)};return document.addEventListener("mousedown",n),()=>document.removeEventListener("mousedown",n)},[m]);const w=F.useMemo(()=>{if(t<=1)return[];const n=[];if(t<=7)for(let l=1;l<=t;l+=1)n.push(l);else{n.push(1);let l=Math.max(2,s-2),R=Math.min(t-1,s+2);s<=3&&(R=5),s>=t-2&&(l=t-4),l>2&&n.push("ellipsis-start");for(let v=l;v<=R;v+=1)n.push(v);R<t-1&&n.push("ellipsis-end"),n.push(t)}return n},[s,t]);if(!c||t===0)return null;const B=i&&typeof h=="function",S={fontFamily:"var(--font-sans)",fontSize:16,lineHeight:"24px",color:"#323232"},y={height:24,display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"0 8px",borderRadius:10,fontFamily:"var(--font-sans)",fontSize:12,lineHeight:"16px",border:"1px solid #E6E6E6",background:"#FFFFFF",color:"#0B0B0B",cursor:"pointer",gap:4,whiteSpace:"nowrap"};return r.jsxs("div",{className:b,style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 0",gap:16,background:"transparent"},children:[r.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:16},children:[B&&r.jsxs("div",{ref:$,style:{position:"relative",display:"inline-flex",alignItems:"center",gap:8},children:[r.jsx("span",{style:S,children:"Result per page"}),r.jsxs("button",{type:"button",onClick:()=>j(n=>!n),"aria-haspopup":"listbox","aria-expanded":m,style:{...y,minWidth:47},children:[a,r.jsx(E.ChevronDown,{size:12,strokeWidth:1.75})]}),m&&r.jsx("div",{role:"listbox",style:{position:"absolute",bottom:"calc(100% + 4px)",right:0,zIndex:30,background:"#FFFFFF",border:"1px solid #E6E6E6",borderRadius:10,boxShadow:"0 8px 24px rgba(11, 11, 11, 0.10)",padding:4,display:"flex",flexDirection:"column",gap:2,minWidth:60},children:d.map(n=>{const p=n===a;return r.jsx("button",{type:"button",role:"option","aria-selected":p,onClick:()=>{h(n),j(!1)},style:{background:p?"#F2F2F0":"transparent",border:"none",padding:"6px 10px",borderRadius:6,fontFamily:"var(--font-sans)",fontSize:13,color:"#0B0B0B",textAlign:"left",cursor:"pointer"},children:n},n)})})]}),e&&r.jsx("span",{style:S,children:x>0?`${o}-${x} of ${u}`:`0 of ${u}`})]}),r.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[r.jsxs("button",{type:"button",onClick:()=>c(s-1),disabled:s<=1,"aria-label":"Previous page",style:{...y,opacity:s<=1?.5:1,cursor:s<=1?"default":"pointer"},children:[r.jsx(E.ChevronLeft,{size:12,strokeWidth:1.75}),"Back"]}),w.map((n,p)=>{if(n==="ellipsis-start"||n==="ellipsis-end")return r.jsx("span",{"aria-hidden":"true",style:{fontFamily:"var(--font-sans)",fontSize:12,color:"#676767",padding:"0 4px",userSelect:"none"},children:"…"},`ellipsis-${p}`);const l=n===s;return r.jsx("button",{type:"button",onClick:()=>c(n),"aria-label":`Go to page ${n}`,"aria-current":l?"page":void 0,style:{...y,minWidth:22,padding:"0 6px",background:l?"#0B0B0B":"#FFFFFF",border:l?"none":"1px solid #E6E6E6",color:l?"#FFFFFF":"#0B0B0B"},children:n},n)}),r.jsxs("button",{type:"button",onClick:()=>c(s+1),disabled:s>=t,"aria-label":"Next page",style:{...y,opacity:s>=t?.5:1,cursor:s>=t?"default":"pointer"},children:["Next",r.jsx(E.ChevronRight,{size:12,strokeWidth:1.75})]})]})]})}function f(s){return s.replace(/([A-Z])/g," $1").replace(/_/g," ").replace(/^./,a=>a.toUpperCase()).trim()}function A({filters:s,onChange:a,onClear:u,customFilters:g=[],fieldOptions:c={},className:h=""}){const d=[],b=(e,i)=>{if(c[e]&&Array.isArray(c[e])){const t=c[e].find(o=>{const x=typeof o=="object"?o.value!==void 0?o.value:o.id:o;return x===i||String(x)===String(i)});if(t)return typeof t=="object"&&(t.label||t.value)||String(t)}return String(i)};return Object.entries(s||{}).forEach(([e,i])=>{if(Array.isArray(i)&&i.length){const t=i.map(o=>b(e,o));d.push({key:e,label:`${f(e)}: ${t.join(", ")}`,onRemove:()=>{const o={...s};delete o[e],a(o)}})}else if(typeof i=="string"&&i.trim()!==""){const t=b(e,i),o=e==="contact_id"?"Contact Id":`${f(e)}: ${t}`;d.push({key:e,label:o,onRemove:()=>a({...s,[e]:""})})}}),Object.entries(s||{}).forEach(([e,i])=>{if(i&&typeof i=="object"&&(i.min!=null||i.max!=null)){const t=i.min!=null&&i.max!=null?`${f(e)}: ${i.min}–${i.max}`:i.min!=null?`${f(e)} ≥ ${i.min}`:`${f(e)} ≤ ${i.max}`;d.push({key:e,label:t,onRemove:()=>{const o={...s};delete o[e],a(o)}})}}),(g||[]).forEach(e=>{e&&e.active&&d.push({key:e.key,label:e.label,onRemove:e.onRemove})}),d.length?r.jsxs("div",{className:`flex flex-wrap items-center gap-4 ${h}`,children:[d.map(e=>r.jsxs("span",{className:"bg-white h-10 border border-gray-200 rounded-[14px] px-3 flex items-center text-[13px] transition-colors",children:[e.label,r.jsx("button",{onClick:e.onRemove,className:"ml-2 text-gray-500 hover:text-black transition-colors flex items-center",type:"button",children:r.jsx("span",{className:"relative top-[-1px]",children:"×"})})]},e.key)),r.jsxs("button",{onClick:u,className:"h-10 px-3.5 rounded-[14px] bg-white border border-gray-200 text-red-600 transition-colors flex items-center justify-center gap-1.5",type:"button",children:[r.jsx("span",{className:"text-red-600",children:"×"}),r.jsx("span",{children:"Clear"})]})]}):null}exports.CustomFilterChips=A;exports.Pagination=C;
 //# sourceMappingURL=CustomFilterChips.cjs.js.map

package/dist/CustomFilterChips.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFilterChips.cjs.js","sources":["../src/components/common/Pagination.jsx","../src/components/common/CustomFilterChips.jsx"],"sourcesContent":[" \"use client\";\n\nimport React, { useMemo } from \"react\";\n\n/**\n * Pagination Component\n * @param {number} page - current page number (1-based)\n * @param {number} pageSize - rows per page\n * @param {number} totalCount - total row count (for pagination)\n * @param {number} currentDataLength - length of current page's data array\n * @param {function} onPageChange - function(newPage) for pagination\n * @param {function} onPageSizeChange - function(newPageSize) for changing rows/page\n * @param {Array} pageSizeOptions - array of page size options (default: [10, 20, 50, 100])\n * @param {string} className - additional CSS classes\n * @param {boolean} showRecordCounter - whether to show the record counter (default: true)\n * @param {boolean} showPageSizeSelector - whether to show the page size selector (default: true)\n */\nexport default function Pagination({\n  page = 1,\n  pageSize = 10,\n  totalCount = 0,\n  currentDataLength = 0,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 20, 50, 100],\n  className = \"\",\n  showRecordCounter = true,\n  showPageSizeSelector = true,\n}) {\n  const totalPages = Math.ceil(totalCount / pageSize);\n\n  const currentRecordStart = (page - 1) * pageSize + 1;\n  const currentRecordEnd = Math.min(\n    (page - 1) * pageSize + currentDataLength,\n    totalCount\n  );\n\n  const pageNumbers = useMemo(() => {\n    if (totalPages <= 1) return [];\n\n    const pages = [];\n    const maxVisiblePages = 7;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i += 1) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let startPage = Math.max(2, page - 2);\n      let endPage = Math.min(totalPages - 1, page + 2);\n\n      if (page <= 3) {\n        endPage = 5;\n      }\n\n      if (page >= totalPages - 2) {\n        startPage = totalPages - 4;\n      }\n\n      if (startPage > 2) {\n        pages.push(\"ellipsis-start\");\n      }\n\n      for (let i = startPage; i <= endPage; i += 1) {\n        pages.push(i);\n      }\n\n      if (endPage < totalPages - 1) {\n        pages.push(\"ellipsis-end\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }, [page, totalPages]);\n\n  if (!onPageChange || totalPages === 0) {\n    return null;\n  }\n\n  const shouldShowPageSizeSelector =\n    showPageSizeSelector && typeof onPageSizeChange === \"function\";\n\n  return (\n    <div\n      className={`flex items-center justify-between px-3 py-3 gap-4 bg-[white] rounded-b-lg ${className}`}\n    >\n      <div className=\"flex items-center gap-4\">\n        {shouldShowPageSizeSelector && (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-gray-700\">Rows per page:</span>\n            <select\n              className=\"border border-gray-300 rounded px-2 py-1 text-sm bg-white text-gray-700\"\n              value={pageSize}\n              onChange={(e) => onPageSizeChange(Number(e.target.value))}\n            >\n              {pageSizeOptions.map((size) => (\n                <option key={size} value={size}>\n                  {size}\n                </option>\n              ))}\n            </select>\n          </div>\n        )}\n        {showRecordCounter && (\n          <span className=\"text-sm text-gray-700\">\n            Showing{\" \"}\n            {currentRecordEnd > 0\n              ? `${currentRecordStart}-${currentRecordEnd}`\n              : 0}{\" \"}\n            of {totalCount}\n          </span>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <button\n          className=\"px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page <= 1}\n          aria-label=\"Previous page\"\n        >\n          &lt; Previous\n        </button>\n\n        {pageNumbers.map((pageNum, index) => {\n          if (pageNum === \"ellipsis-start\" || pageNum === \"ellipsis-end\") {\n            return (\n              <button\n                key={`ellipsis-${index}`}\n                className=\"w-8 h-8 rounded-full text-gray-500 flex items-center justify-center cursor-default\"\n                disabled\n                aria-hidden=\"true\"\n              >\n                <span className=\"text-xs\">...</span>\n              </button>\n            );\n          }\n\n          const isActive = pageNum === page;\n\n          return (\n            <button\n              key={pageNum}\n              className={`w-8 h-8 rounded-full flex items-center justify-center transition-colors text-sm font-medium ${\n                isActive\n                  ? \"bg-green-2 text-black font-semibold\"\n                  : \"bg-white border border-gray-300 text-gray-700 hover:bg-gray-50\"\n              }`}\n              onClick={() => onPageChange(pageNum)}\n              aria-label={`Go to page ${pageNum}`}\n              aria-current={isActive ? \"page\" : undefined}\n            >\n              {pageNum}\n            </button>\n          );\n        })}\n\n        <button\n          className=\"px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={page >= totalPages}\n          aria-label=\"Next page\"\n        >\n          Next &gt;\n        </button>\n      </div>\n    </div>\n  );\n}\n\n","\"use client\";\n\nimport React from \"react\";\n\nfunction formatLabel(key) {\n  return key\n    .replace(/([A-Z])/g, \" $1\")\n    .replace(/_/g, \" \")\n    .replace(/^./, (str) => str.toUpperCase())\n    .trim();\n}\n\nexport default function CustomFilterChips({\n  filters,\n  onChange,\n  onClear,\n  customFilters = [],\n  fieldOptions = {},\n  className = \"\",\n}) {\n  const chips = [];\n\n  const getDisplayLabel = (key, value) => {\n    if (fieldOptions[key] && Array.isArray(fieldOptions[key])) {\n      const option = fieldOptions[key].find((opt) => {\n        const optValue =\n          typeof opt === \"object\"\n            ? opt.value !== undefined\n              ? opt.value\n              : opt.id\n            : opt;\n        return optValue === value || String(optValue) === String(value);\n      });\n      if (option) {\n        return typeof option === \"object\"\n          ? option.label || option.value || String(option)\n          : String(option);\n      }\n    }\n    return String(value);\n  };\n\n  Object.entries(filters || {}).forEach(([key, value]) => {\n    if (Array.isArray(value) && value.length) {\n      const displayValues = value.map((v) => getDisplayLabel(key, v));\n      chips.push({\n        key,\n        label: `${formatLabel(key)}: ${displayValues.join(\", \")}`,\n        onRemove: () => {\n          const newFilters = { ...filters };\n          delete newFilters[key];\n          onChange(newFilters);\n        },\n      });\n    } else if (typeof value === \"string\" && value.trim() !== \"\") {\n      const displayValue = getDisplayLabel(key, value);\n      chips.push({\n        key,\n        label: `${formatLabel(key)}: ${displayValue}`,\n        onRemove: () => onChange({ ...filters, [key]: \"\" }),\n      });\n    }\n  });\n\n  Object.entries(filters || {}).forEach(([key, value]) => {\n    if (\n      value &&\n      typeof value === \"object\" &&\n      (value.min != null || value.max != null)\n    ) {\n      const label =\n        value.min != null && value.max != null\n          ? `${formatLabel(key)}: ${value.min}\\u2013${value.max}`\n          : value.min != null\n          ? `${formatLabel(key)} \\u2265 ${value.min}`\n          : `${formatLabel(key)} \\u2264 ${value.max}`;\n      chips.push({\n        key,\n        label,\n        onRemove: () => {\n          const newFilters = { ...filters };\n          delete newFilters[key];\n          onChange(newFilters);\n        },\n      });\n    }\n  });\n\n  (customFilters || []).forEach((filterObj) => {\n    if (filterObj && filterObj.active) {\n      chips.push({\n        key: filterObj.key,\n        label: filterObj.label,\n        onRemove: filterObj.onRemove,\n      });\n    }\n  });\n\n  if (!chips.length) return null;\n\n  return (\n    <div className={`flex flex-wrap items-center gap-4 ${className}`}>\n      {chips.map((c) => (\n        <span\n          key={c.key}\n          className=\"bg-white h-10 border border-gray-200 rounded-[14px] px-3 flex items-center text-[13px] transition-colors\"\n        >\n          {c.label}\n          <button\n            onClick={c.onRemove}\n            className=\"ml-2 text-gray-500 hover:text-black transition-colors flex items-center\"\n            type=\"button\"\n          >\n            <span className=\"relative top-[-1px]\">×</span>\n          </button>\n        </span>\n      ))}\n      <button\n        onClick={onClear}\n        className=\"h-10 px-3.5 rounded-[14px] bg-white border border-gray-200 text-red-600 transition-colors flex items-center justify-center gap-1.5\"\n        type=\"button\"\n      >\n        <span className=\"text-red-600\">×</span>\n        <span>Clear</span>\n      </button>\n    </div>\n  );\n}\n\n"],"names":["Pagination","page","pageSize","totalCount","currentDataLength","onPageChange","onPageSizeChange","pageSizeOptions","className","showRecordCounter","showPageSizeSelector","totalPages","currentRecordStart","currentRecordEnd","pageNumbers","useMemo","pages","i","startPage","endPage","shouldShowPageSizeSelector","jsxs","jsx","e","size","pageNum","index","isActive","formatLabel","key","str","CustomFilterChips","filters","onChange","onClear","customFilters","fieldOptions","chips","getDisplayLabel","value","option","opt","optValue","displayValues","v","newFilters","displayValue","label","filterObj","c"],"mappings":"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"}
+{"version":3,"file":"CustomFilterChips.cjs.js","sources":["../src/components/common/Pagination.jsx","../src/components/common/CustomFilterChips.jsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\n\n/**\n * Pagination Component (Figma DS — node 218:7058)\n * @param {number} page - current page number (1-based)\n * @param {number} pageSize - rows per page\n * @param {number} totalCount - total row count (for pagination)\n * @param {number} currentDataLength - length of current page's data array\n * @param {function} onPageChange - function(newPage) for pagination\n * @param {function} onPageSizeChange - function(newPageSize) for changing rows/page\n * @param {Array} pageSizeOptions - array of page size options (default: [10, 20, 50, 100])\n * @param {string} className - additional CSS classes\n * @param {boolean} showRecordCounter - whether to show the record counter (default: true)\n * @param {boolean} showPageSizeSelector - whether to show the page size selector (default: true)\n */\nexport default function Pagination({\n  page = 1,\n  pageSize = 10,\n  totalCount = 0,\n  currentDataLength = 0,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 20, 50, 100],\n  className = \"\",\n  showRecordCounter = true,\n  showPageSizeSelector = true,\n}) {\n  const totalPages = Math.ceil(totalCount / pageSize);\n\n  const currentRecordStart = (page - 1) * pageSize + 1;\n  const currentRecordEnd = Math.min(\n    (page - 1) * pageSize + currentDataLength,\n    totalCount\n  );\n\n  const [pageSizeOpen, setPageSizeOpen] = useState(false);\n  const pageSizeRef = useRef(null);\n\n  useEffect(() => {\n    if (!pageSizeOpen) return;\n    const onMouseDown = (e) => {\n      if (pageSizeRef.current && !pageSizeRef.current.contains(e.target)) {\n        setPageSizeOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onMouseDown);\n  }, [pageSizeOpen]);\n\n  const pageNumbers = useMemo(() => {\n    if (totalPages <= 1) return [];\n\n    const pages = [];\n    const maxVisiblePages = 7;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i += 1) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let startPage = Math.max(2, page - 2);\n      let endPage = Math.min(totalPages - 1, page + 2);\n\n      if (page <= 3) {\n        endPage = 5;\n      }\n\n      if (page >= totalPages - 2) {\n        startPage = totalPages - 4;\n      }\n\n      if (startPage > 2) {\n        pages.push(\"ellipsis-start\");\n      }\n\n      for (let i = startPage; i <= endPage; i += 1) {\n        pages.push(i);\n      }\n\n      if (endPage < totalPages - 1) {\n        pages.push(\"ellipsis-end\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }, [page, totalPages]);\n\n  if (!onPageChange || totalPages === 0) {\n    return null;\n  }\n\n  const shouldShowPageSizeSelector =\n    showPageSizeSelector && typeof onPageSizeChange === \"function\";\n\n  const labelStyle = {\n    fontFamily: \"var(--font-sans)\",\n    fontSize: 16,\n    lineHeight: \"24px\",\n    color: \"#323232\",\n  };\n\n  const pillBase = {\n    height: 24,\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: \"0 8px\",\n    borderRadius: 10,\n    fontFamily: \"var(--font-sans)\",\n    fontSize: 12,\n    lineHeight: \"16px\",\n    border: \"1px solid #E6E6E6\",\n    background: \"#FFFFFF\",\n    color: \"#0B0B0B\",\n    cursor: \"pointer\",\n    gap: 4,\n    whiteSpace: \"nowrap\",\n  };\n\n  return (\n    <div\n      className={className}\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        padding: \"12px 0\",\n        gap: 16,\n        background: \"transparent\",\n      }}\n    >\n      <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 16 }}>\n        {shouldShowPageSizeSelector && (\n          <div ref={pageSizeRef} style={{ position: \"relative\", display: \"inline-flex\", alignItems: \"center\", gap: 8 }}>\n            <span style={labelStyle}>Result per page</span>\n            <button\n              type=\"button\"\n              onClick={() => setPageSizeOpen((v) => !v)}\n              aria-haspopup=\"listbox\"\n              aria-expanded={pageSizeOpen}\n              style={{ ...pillBase, minWidth: 47 }}\n            >\n              {pageSize}\n              <ChevronDown size={12} strokeWidth={1.75} />\n            </button>\n            {pageSizeOpen && (\n              <div\n                role=\"listbox\"\n                style={{\n                  position: \"absolute\",\n                  bottom: \"calc(100% + 4px)\",\n                  right: 0,\n                  zIndex: 30,\n                  background: \"#FFFFFF\",\n                  border: \"1px solid #E6E6E6\",\n                  borderRadius: 10,\n                  boxShadow: \"0 8px 24px rgba(11, 11, 11, 0.10)\",\n                  padding: 4,\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  gap: 2,\n                  minWidth: 60,\n                }}\n              >\n                {pageSizeOptions.map((size) => {\n                  const selected = size === pageSize;\n                  return (\n                    <button\n                      key={size}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={selected}\n                      onClick={() => {\n                        onPageSizeChange(size);\n                        setPageSizeOpen(false);\n                      }}\n                      style={{\n                        background: selected ? \"#F2F2F0\" : \"transparent\",\n                        border: \"none\",\n                        padding: \"6px 10px\",\n                        borderRadius: 6,\n                        fontFamily: \"var(--font-sans)\",\n                        fontSize: 13,\n                        color: \"#0B0B0B\",\n                        textAlign: \"left\",\n                        cursor: \"pointer\",\n                      }}\n                    >\n                      {size}\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        )}\n        {showRecordCounter && (\n          <span style={labelStyle}>\n            {currentRecordEnd > 0\n              ? `${currentRecordStart}-${currentRecordEnd} of ${totalCount}`\n              : `0 of ${totalCount}`}\n          </span>\n        )}\n      </div>\n\n      <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}>\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page <= 1}\n          aria-label=\"Previous page\"\n          style={{\n            ...pillBase,\n            opacity: page <= 1 ? 0.5 : 1,\n            cursor: page <= 1 ? \"default\" : \"pointer\",\n          }}\n        >\n          <ChevronLeft size={12} strokeWidth={1.75} />\n          Back\n        </button>\n\n        {pageNumbers.map((pageNum, index) => {\n          if (pageNum === \"ellipsis-start\" || pageNum === \"ellipsis-end\") {\n            return (\n              <span\n                key={`ellipsis-${index}`}\n                aria-hidden=\"true\"\n                style={{\n                  fontFamily: \"var(--font-sans)\",\n                  fontSize: 12,\n                  color: \"#676767\",\n                  padding: \"0 4px\",\n                  userSelect: \"none\",\n                }}\n              >\n                …\n              </span>\n            );\n          }\n\n          const isActive = pageNum === page;\n          return (\n            <button\n              key={pageNum}\n              type=\"button\"\n              onClick={() => onPageChange(pageNum)}\n              aria-label={`Go to page ${pageNum}`}\n              aria-current={isActive ? \"page\" : undefined}\n              style={{\n                ...pillBase,\n                minWidth: 22,\n                padding: \"0 6px\",\n                background: isActive ? \"#0B0B0B\" : \"#FFFFFF\",\n                border: isActive ? \"none\" : \"1px solid #E6E6E6\",\n                color: isActive ? \"#FFFFFF\" : \"#0B0B0B\",\n              }}\n            >\n              {pageNum}\n            </button>\n          );\n        })}\n\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={page >= totalPages}\n          aria-label=\"Next page\"\n          style={{\n            ...pillBase,\n            opacity: page >= totalPages ? 0.5 : 1,\n            cursor: page >= totalPages ? \"default\" : \"pointer\",\n          }}\n        >\n          Next\n          <ChevronRight size={12} strokeWidth={1.75} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\n\nfunction formatLabel(key) {\n  return key\n    .replace(/([A-Z])/g, \" $1\")\n    .replace(/_/g, \" \")\n    .replace(/^./, (str) => str.toUpperCase())\n    .trim();\n}\n\nexport default function CustomFilterChips({\n  filters,\n  onChange,\n  onClear,\n  customFilters = [],\n  fieldOptions = {},\n  className = \"\",\n}) {\n  const chips = [];\n\n  const getDisplayLabel = (key, value) => {\n    if (fieldOptions[key] && Array.isArray(fieldOptions[key])) {\n      const option = fieldOptions[key].find((opt) => {\n        const optValue =\n          typeof opt === \"object\"\n            ? opt.value !== undefined\n              ? opt.value\n              : opt.id\n            : opt;\n        return optValue === value || String(optValue) === String(value);\n      });\n      if (option) {\n        return typeof option === \"object\"\n          ? option.label || option.value || String(option)\n          : String(option);\n      }\n    }\n    return String(value);\n  };\n\n  Object.entries(filters || {}).forEach(([key, value]) => {\n    if (Array.isArray(value) && value.length) {\n      const displayValues = value.map((v) => getDisplayLabel(key, v));\n      chips.push({\n        key,\n        label: `${formatLabel(key)}: ${displayValues.join(\", \")}`,\n        onRemove: () => {\n          const newFilters = { ...filters };\n          delete newFilters[key];\n          onChange(newFilters);\n        },\n      });\n    } else if (typeof value === \"string\" && value.trim() !== \"\") {\n      const displayValue = getDisplayLabel(key, value);\n      const label =\n        key === \"contact_id\"\n          ? \"Contact Id\"\n          : `${formatLabel(key)}: ${displayValue}`;\n      chips.push({\n        key,\n        label,\n        onRemove: () => onChange({ ...filters, [key]: \"\" }),\n      });\n    }\n  });\n\n  Object.entries(filters || {}).forEach(([key, value]) => {\n    if (\n      value &&\n      typeof value === \"object\" &&\n      (value.min != null || value.max != null)\n    ) {\n      const label =\n        value.min != null && value.max != null\n          ? `${formatLabel(key)}: ${value.min}\\u2013${value.max}`\n          : value.min != null\n          ? `${formatLabel(key)} \\u2265 ${value.min}`\n          : `${formatLabel(key)} \\u2264 ${value.max}`;\n      chips.push({\n        key,\n        label,\n        onRemove: () => {\n          const newFilters = { ...filters };\n          delete newFilters[key];\n          onChange(newFilters);\n        },\n      });\n    }\n  });\n\n  (customFilters || []).forEach((filterObj) => {\n    if (filterObj && filterObj.active) {\n      chips.push({\n        key: filterObj.key,\n        label: filterObj.label,\n        onRemove: filterObj.onRemove,\n      });\n    }\n  });\n\n  if (!chips.length) return null;\n\n  return (\n    <div className={`flex flex-wrap items-center gap-4 ${className}`}>\n      {chips.map((c) => (\n        <span\n          key={c.key}\n          className=\"bg-white h-10 border border-gray-200 rounded-[14px] px-3 flex items-center text-[13px] transition-colors\"\n        >\n          {c.label}\n          <button\n            onClick={c.onRemove}\n            className=\"ml-2 text-gray-500 hover:text-black transition-colors flex items-center\"\n            type=\"button\"\n          >\n            <span className=\"relative top-[-1px]\">×</span>\n          </button>\n        </span>\n      ))}\n      <button\n        onClick={onClear}\n        className=\"h-10 px-3.5 rounded-[14px] bg-white border border-gray-200 text-red-600 transition-colors flex items-center justify-center gap-1.5\"\n        type=\"button\"\n      >\n        <span className=\"text-red-600\">×</span>\n        <span>Clear</span>\n      </button>\n    </div>\n  );\n}\n\n"],"names":["Pagination","page","pageSize","totalCount","currentDataLength","onPageChange","onPageSizeChange","pageSizeOptions","className","showRecordCounter","showPageSizeSelector","totalPages","currentRecordStart","currentRecordEnd","pageSizeOpen","setPageSizeOpen","useState","pageSizeRef","useRef","useEffect","onMouseDown","e","pageNumbers","useMemo","pages","i","startPage","endPage","shouldShowPageSizeSelector","labelStyle","pillBase","jsxs","jsx","v","ChevronDown","size","selected","ChevronLeft","pageNum","index","isActive","ChevronRight","formatLabel","key","str","CustomFilterChips","filters","onChange","onClear","customFilters","fieldOptions","chips","getDisplayLabel","value","option","opt","optValue","displayValues","newFilters","displayValue","label","filterObj","c"],"mappings":"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"}

package/dist/CustomFilterChips.es.js

@@ -1,111 +1,225 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { useMemo as v } from "react";
-function A({
-  page: n = 1,
-  pageSize: o = 10,
-  totalCount: b = 0,
-  currentDataLength: f = 0,
-  onPageChange: c,
-  onPageSizeChange: x,
-  pageSizeOptions: d = [10, 20, 50, 100],
-  className: p = "",
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useState as C, useRef as j, useEffect as A, useMemo as I } from "react";
+import { ChevronDown as k, ChevronLeft as M, ChevronRight as P } from "lucide-react";
+function z({
+  page: r = 1,
+  pageSize: a = 10,
+  totalCount: f = 0,
+  currentDataLength: g = 0,
+  onPageChange: d,
+  onPageSizeChange: b,
+  pageSizeOptions: p = [10, 20, 50, 100],
+  className: x = "",
   showRecordCounter: e = !0,
-  showPageSizeSelector: t = !0
+  showPageSizeSelector: i = !0
 }) {
-  const r = Math.ceil(b / o), i = (n - 1) * o + 1, u = Math.min(
-    (n - 1) * o + f,
-    b
-  ), $ = v(() => {
-    if (r <= 1)
+  const t = Math.ceil(f / a), o = (r - 1) * a + 1, h = Math.min(
+    (r - 1) * a + g,
+    f
+  ), [y, $] = C(!1), v = j(null);
+  A(() => {
+    if (!y)
+      return;
+    const n = (u) => {
+      v.current && !v.current.contains(u.target) && $(!1);
+    };
+    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+  }, [y]);
+  const w = I(() => {
+    if (t <= 1)
       return [];
-    const s = [];
-    if (r <= 7)
-      for (let a = 1; a <= r; a += 1)
-        s.push(a);
+    const n = [];
+    if (t <= 7)
+      for (let l = 1; l <= t; l += 1)
+        n.push(l);
     else {
-      s.push(1);
-      let a = Math.max(2, n - 2), g = Math.min(r - 1, n + 2);
-      n <= 3 && (g = 5), n >= r - 2 && (a = r - 4), a > 2 && s.push("ellipsis-start");
-      for (let y = a; y <= g; y += 1)
-        s.push(y);
-      g < r - 1 && s.push("ellipsis-end"), s.push(r);
+      n.push(1);
+      let l = Math.max(2, r - 2), E = Math.min(t - 1, r + 2);
+      r <= 3 && (E = 5), r >= t - 2 && (l = t - 4), l > 2 && n.push("ellipsis-start");
+      for (let S = l; S <= E; S += 1)
+        n.push(S);
+      E < t - 1 && n.push("ellipsis-end"), n.push(t);
     }
-    return s;
-  }, [n, r]);
-  if (!c || r === 0)
+    return n;
+  }, [r, t]);
+  if (!d || t === 0)
     return null;
-  const N = t && typeof x == "function";
-  return /* @__PURE__ */ m(
+  const B = i && typeof b == "function", R = {
+    fontFamily: "var(--font-sans)",
+    fontSize: 16,
+    lineHeight: "24px",
+    color: "#323232"
+  }, F = {
+    height: 24,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0 8px",
+    borderRadius: 10,
+    fontFamily: "var(--font-sans)",
+    fontSize: 12,
+    lineHeight: "16px",
+    border: "1px solid #E6E6E6",
+    background: "#FFFFFF",
+    color: "#0B0B0B",
+    cursor: "pointer",
+    gap: 4,
+    whiteSpace: "nowrap"
+  };
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: `flex items-center justify-between px-3 py-3 gap-4 bg-[white] rounded-b-lg ${p}`,
+      className: x,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "12px 0",
+        gap: 16,
+        background: "transparent"
+      },
       children: [
-        /* @__PURE__ */ m("div", { className: "flex items-center gap-4", children: [
-          N && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ l("span", { className: "text-sm text-gray-700", children: "Rows per page:" }),
-            /* @__PURE__ */ l(
-              "select",
+        /* @__PURE__ */ c("div", { style: { display: "inline-flex", alignItems: "center", gap: 16 }, children: [
+          B && /* @__PURE__ */ c("div", { ref: v, style: { position: "relative", display: "inline-flex", alignItems: "center", gap: 8 }, children: [
+            /* @__PURE__ */ s("span", { style: R, children: "Result per page" }),
+            /* @__PURE__ */ c(
+              "button",
               {
-                className: "border border-gray-300 rounded px-2 py-1 text-sm bg-white text-gray-700",
-                value: o,
-                onChange: (s) => x(Number(s.target.value)),
-                children: d.map((s) => /* @__PURE__ */ l("option", { value: s, children: s }, s))
+                type: "button",
+                onClick: () => $((n) => !n),
+                "aria-haspopup": "listbox",
+                "aria-expanded": y,
+                style: { ...F, minWidth: 47 },
+                children: [
+                  a,
+                  /* @__PURE__ */ s(k, { size: 12, strokeWidth: 1.75 })
+                ]
+              }
+            ),
+            y && /* @__PURE__ */ s(
+              "div",
+              {
+                role: "listbox",
+                style: {
+                  position: "absolute",
+                  bottom: "calc(100% + 4px)",
+                  right: 0,
+                  zIndex: 30,
+                  background: "#FFFFFF",
+                  border: "1px solid #E6E6E6",
+                  borderRadius: 10,
+                  boxShadow: "0 8px 24px rgba(11, 11, 11, 0.10)",
+                  padding: 4,
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: 2,
+                  minWidth: 60
+                },
+                children: p.map((n) => {
+                  const u = n === a;
+                  return /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      role: "option",
+                      "aria-selected": u,
+                      onClick: () => {
+                        b(n), $(!1);
+                      },
+                      style: {
+                        background: u ? "#F2F2F0" : "transparent",
+                        border: "none",
+                        padding: "6px 10px",
+                        borderRadius: 6,
+                        fontFamily: "var(--font-sans)",
+                        fontSize: 13,
+                        color: "#0B0B0B",
+                        textAlign: "left",
+                        cursor: "pointer"
+                      },
+                      children: n
+                    },
+                    n
+                  );
+                })
               }
             )
           ] }),
-          e && /* @__PURE__ */ m("span", { className: "text-sm text-gray-700", children: [
-            "Showing",
-            " ",
-            u > 0 ? `${i}-${u}` : 0,
-            " ",
-            "of ",
-            b
-          ] })
+          e && /* @__PURE__ */ s("span", { style: R, children: h > 0 ? `${o}-${h} of ${f}` : `0 of ${f}` })
         ] }),
-        /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ l(
+        /* @__PURE__ */ c("div", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ c(
             "button",
             {
-              className: "px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium",
-              onClick: () => c(n - 1),
-              disabled: n <= 1,
+              type: "button",
+              onClick: () => d(r - 1),
+              disabled: r <= 1,
               "aria-label": "Previous page",
-              children: "< Previous"
+              style: {
+                ...F,
+                opacity: r <= 1 ? 0.5 : 1,
+                cursor: r <= 1 ? "default" : "pointer"
+              },
+              children: [
+                /* @__PURE__ */ s(M, { size: 12, strokeWidth: 1.75 }),
+                "Back"
+              ]
             }
           ),
-          $.map((s, w) => {
-            if (s === "ellipsis-start" || s === "ellipsis-end")
-              return /* @__PURE__ */ l(
-                "button",
+          w.map((n, u) => {
+            if (n === "ellipsis-start" || n === "ellipsis-end")
+              return /* @__PURE__ */ s(
+                "span",
                 {
-                  className: "w-8 h-8 rounded-full text-gray-500 flex items-center justify-center cursor-default",
-                  disabled: !0,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ l("span", { className: "text-xs", children: "..." })
+                  style: {
+                    fontFamily: "var(--font-sans)",
+                    fontSize: 12,
+                    color: "#676767",
+                    padding: "0 4px",
+                    userSelect: "none"
+                  },
+                  children: "…"
                 },
-                `ellipsis-${w}`
+                `ellipsis-${u}`
               );
-            const a = s === n;
-            return /* @__PURE__ */ l(
+            const l = n === r;
+            return /* @__PURE__ */ s(
               "button",
               {
-                className: `w-8 h-8 rounded-full flex items-center justify-center transition-colors text-sm font-medium ${a ? "bg-green-2 text-black font-semibold" : "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50"}`,
-                onClick: () => c(s),
-                "aria-label": `Go to page ${s}`,
-                "aria-current": a ? "page" : void 0,
-                children: s
+                type: "button",
+                onClick: () => d(n),
+                "aria-label": `Go to page ${n}`,
+                "aria-current": l ? "page" : void 0,
+                style: {
+                  ...F,
+                  minWidth: 22,
+                  padding: "0 6px",
+                  background: l ? "#0B0B0B" : "#FFFFFF",
+                  border: l ? "none" : "1px solid #E6E6E6",
+                  color: l ? "#FFFFFF" : "#0B0B0B"
+                },
+                children: n
               },
-              s
+              n
             );
           }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ c(
             "button",
             {
-              className: "px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 flex items-center justify-center hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white text-sm font-medium",
-              onClick: () => c(n + 1),
-              disabled: n >= r,
+              type: "button",
+              onClick: () => d(r + 1),
+              disabled: r >= t,
               "aria-label": "Next page",
-              children: "Next >"
+              style: {
+                ...F,
+                opacity: r >= t ? 0.5 : 1,
+                cursor: r >= t ? "default" : "pointer"
+              },
+              children: [
+                "Next",
+                /* @__PURE__ */ s(P, { size: 12, strokeWidth: 1.75 })
+              ]
             }
           )
         ] })
@@ -113,101 +227,101 @@ function A({
     }
   );
 }
-function h(n) {
-  return n.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^./, (o) => o.toUpperCase()).trim();
+function m(r) {
+  return r.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^./, (a) => a.toUpperCase()).trim();
 }
-function P({
-  filters: n,
-  onChange: o,
-  onClear: b,
-  customFilters: f = [],
-  fieldOptions: c = {},
-  className: x = ""
+function D({
+  filters: r,
+  onChange: a,
+  onClear: f,
+  customFilters: g = [],
+  fieldOptions: d = {},
+  className: b = ""
 }) {
-  const d = [], p = (e, t) => {
-    if (c[e] && Array.isArray(c[e])) {
-      const r = c[e].find((i) => {
-        const u = typeof i == "object" ? i.value !== void 0 ? i.value : i.id : i;
-        return u === t || String(u) === String(t);
+  const p = [], x = (e, i) => {
+    if (d[e] && Array.isArray(d[e])) {
+      const t = d[e].find((o) => {
+        const h = typeof o == "object" ? o.value !== void 0 ? o.value : o.id : o;
+        return h === i || String(h) === String(i);
       });
-      if (r)
-        return typeof r == "object" && (r.label || r.value) || String(r);
+      if (t)
+        return typeof t == "object" && (t.label || t.value) || String(t);
     }
-    return String(t);
+    return String(i);
   };
-  return Object.entries(n || {}).forEach(([e, t]) => {
-    if (Array.isArray(t) && t.length) {
-      const r = t.map((i) => p(e, i));
-      d.push({
+  return Object.entries(r || {}).forEach(([e, i]) => {
+    if (Array.isArray(i) && i.length) {
+      const t = i.map((o) => x(e, o));
+      p.push({
         key: e,
-        label: `${h(e)}: ${r.join(", ")}`,
+        label: `${m(e)}: ${t.join(", ")}`,
         onRemove: () => {
-          const i = { ...n };
-          delete i[e], o(i);
+          const o = { ...r };
+          delete o[e], a(o);
         }
       });
-    } else if (typeof t == "string" && t.trim() !== "") {
-      const r = p(e, t);
-      d.push({
+    } else if (typeof i == "string" && i.trim() !== "") {
+      const t = x(e, i), o = e === "contact_id" ? "Contact Id" : `${m(e)}: ${t}`;
+      p.push({
         key: e,
-        label: `${h(e)}: ${r}`,
-        onRemove: () => o({ ...n, [e]: "" })
+        label: o,
+        onRemove: () => a({ ...r, [e]: "" })
       });
     }
-  }), Object.entries(n || {}).forEach(([e, t]) => {
-    if (t && typeof t == "object" && (t.min != null || t.max != null)) {
-      const r = t.min != null && t.max != null ? `${h(e)}: ${t.min}–${t.max}` : t.min != null ? `${h(e)} ≥ ${t.min}` : `${h(e)} ≤ ${t.max}`;
-      d.push({
+  }), Object.entries(r || {}).forEach(([e, i]) => {
+    if (i && typeof i == "object" && (i.min != null || i.max != null)) {
+      const t = i.min != null && i.max != null ? `${m(e)}: ${i.min}–${i.max}` : i.min != null ? `${m(e)} ≥ ${i.min}` : `${m(e)} ≤ ${i.max}`;
+      p.push({
         key: e,
-        label: r,
+        label: t,
         onRemove: () => {
-          const i = { ...n };
-          delete i[e], o(i);
+          const o = { ...r };
+          delete o[e], a(o);
         }
       });
     }
-  }), (f || []).forEach((e) => {
-    e && e.active && d.push({
+  }), (g || []).forEach((e) => {
+    e && e.active && p.push({
       key: e.key,
       label: e.label,
       onRemove: e.onRemove
     });
-  }), d.length ? /* @__PURE__ */ m("div", { className: `flex flex-wrap items-center gap-4 ${x}`, children: [
-    d.map((e) => /* @__PURE__ */ m(
+  }), p.length ? /* @__PURE__ */ c("div", { className: `flex flex-wrap items-center gap-4 ${b}`, children: [
+    p.map((e) => /* @__PURE__ */ c(
       "span",
       {
         className: "bg-white h-10 border border-gray-200 rounded-[14px] px-3 flex items-center text-[13px] transition-colors",
         children: [
           e.label,
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "button",
             {
               onClick: e.onRemove,
               className: "ml-2 text-gray-500 hover:text-black transition-colors flex items-center",
               type: "button",
-              children: /* @__PURE__ */ l("span", { className: "relative top-[-1px]", children: "×" })
+              children: /* @__PURE__ */ s("span", { className: "relative top-[-1px]", children: "×" })
             }
           )
         ]
       },
       e.key
     )),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ c(
       "button",
       {
-        onClick: b,
+        onClick: f,
         className: "h-10 px-3.5 rounded-[14px] bg-white border border-gray-200 text-red-600 transition-colors flex items-center justify-center gap-1.5",
         type: "button",
         children: [
-          /* @__PURE__ */ l("span", { className: "text-red-600", children: "×" }),
-          /* @__PURE__ */ l("span", { children: "Clear" })
+          /* @__PURE__ */ s("span", { className: "text-red-600", children: "×" }),
+          /* @__PURE__ */ s("span", { children: "Clear" })
         ]
       }
     )
   ] }) : null;
 }
 export {
-  P as C,
-  A as P
+  D as C,
+  z as P
 };
 //# sourceMappingURL=CustomFilterChips.es.js.map