anima-ds-nucleus 1.0.156 → 1.0.157

package/dist/anima-ds.cjs.js

@@ -81,7 +81,7 @@ React keys must be passed directly to JSX without using spread:
                                      rounded-full flex items-center justify-center\r
                                      text-body-sm-14 font-medium flex-shrink-0`,style:{backgroundColor:e===Ee.id?"#ffffff":"#6D3856",color:e===Ee.id?"#6D3856":"#ffffff",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"1"},children:Ee.id==="empleados"?2:je[Ee.id]>9?"9+":je[Ee.id]})]})},Ee.id))})]},Ge))]})}),!nt&&i.jsxs("div",{className:"flex-shrink-0 px-4",style:{paddingTop:"12px",paddingBottom:"16px",position:"relative"},children:[i.jsx("div",{style:{position:"absolute",top:"0px",left:"16px",right:"16px",height:"1px",backgroundColor:"#E5E5E5"}}),i.jsxs("button",{onClick:()=>{t&&t(me),le&&le(me)},className:Mr(e===me),style:jr(e===me),children:[i.jsxs("div",{className:"flex items-center",children:[i.jsx(H,{name:Be,variant:"24-outline",size:I,className:"mr-3"}),i.jsx(N,{variant:"body-lg",weight:e===me?T:B,className:"min-w-0",style:{fontSize:$,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:He})]}),Te!==void 0&&Te>0&&i.jsx("span",{className:`px-2 py-0.5 min-w-[20px] h-5 \r
                            rounded-full flex items-center justify-center\r
-                           text-body-sm-14 font-medium flex-shrink-0`,style:{backgroundColor:e===me?"#ffffff":"#6D3856",color:e===me?"#6D3856":"#ffffff",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"1"},children:Te>9?"9+":Te})]})]}),nt&&i.jsxs("div",{className:"flex-shrink-0 px-2",style:{paddingTop:"12px",paddingBottom:"16px",position:"relative"},children:[i.jsx("div",{style:{position:"absolute",top:"0px",left:"8px",right:"8px",height:"1px",backgroundColor:"#E5E5E5"}}),i.jsx("div",{className:Y,style:{...z,backgroundColor:e===me?re:"transparent",...G||{}},title:He,children:i.jsx("button",{onClick:()=>{t&&t(me),le&&le(me)},className:"flex items-center justify-center transition-all duration-200",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"8px"},title:He,children:i.jsxs("div",{className:"flex items-center",style:{justifyContent:"center",columnGap:`${ae}px`,width:"100%"},children:[i.jsx("div",{style:{width:`${We}px`,height:`${We}px`,opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:J&&Te!==void 0&&Te>0?`${Q}px`:void 0,...W||{}},children:i.jsx("div",{style:{width:"24px",height:"24px",opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",...P||{}},children:i.jsx(H,{name:Be,variant:"24-outline",size:I,className:e===me?"color-white":"",style:{width:`${I}px`,height:`${I}px`,opacity:1,transform:"rotate(0deg)",...e===me?{}:{color:_i},...ie||{}}})})}),Te!==void 0&&Te>0&&i.jsx("span",{className:`flex items-center justify-center text-body-sm-14 font-medium ${q}`,style:{backgroundColor:e===me?"#ffffff":"#6D3856",color:e===me?"#6D3856":"#ffffff",width:be,height:U,paddingTop:"4px",paddingRight:"6px",paddingBottom:"4px",paddingLeft:"6px",borderRadius:"16px",opacity:1,transform:"rotate(0deg)",marginLeft:J?`${ne}px`:void 0,boxSizing:"border-box",...fe||{}},children:Te>9?"9+":Te})]})})})]}),ke&&!nt&&i.jsx("div",{className:"px-4 pb-4 flex-shrink-0",children:i.jsx("div",{className:"bg-white border rounded-lg px-3 py-2 flex items-center justify-center",style:{borderColor:"#2D5C63",borderRadius:"8px"},children:typeof ke=="string"?i.jsx(N,{variant:"body-sm",style:{color:"#2D5C63",fontSize:"14px",lineHeight:"20px"},className:"text-center",children:(()=>{const Ke=ke.split("|");if(Ke.length===2){const Ge=Ke[0].trim(),Ee=Ke[1].trim();if(Ee.includes("Powered by")){const de=Ee.match(/Powered by (.+)/);if(de)return i.jsxs(i.Fragment,{children:[Ge," | Powered by ",i.jsx("span",{className:"font-bold",children:de[1]})]})}return`${Ge} | ${Ee}`}return ke})()}):i.jsxs(N,{variant:"body-sm",style:{color:"#2D5C63",fontSize:"14px",lineHeight:"20px"},className:"text-center",children:[ke.version&&`${ke.version}`,ke.version&&(ke.poweredBy||ke.brand)&&" | ",ke.poweredBy&&`${ke.poweredBy} `,ke.brand&&i.jsx("span",{className:"font-bold",children:ke.brand})]})})}),Ne&&nt&&i.jsx("div",{className:"px-2 pt-2 pb-2 flex justify-center flex-shrink-0",style:{zIndex:10},children:i.jsx("div",{className:`bg-white flex items-center justify-center ${xe}`,style:{width:"100%",height:"32px",borderRadius:"8px",border:"1px solid var(--color-main-800)",paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"10px",opacity:1,transform:"rotate(0deg)",boxSizing:"border-box",...Ie||{}},children:typeof Ne=="string"?i.jsx("span",{className:Se,style:{color:"var(--color-cyan-19)",fontFamily:F,fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"100%",letterSpacing:"0%",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",...X||{}},children:Ne}):typeof Ne=="object"&&Ne.icon?i.jsxs("div",{className:"flex items-center justify-center",children:[Ne.icon&&i.jsx(H,{name:Ne.icon,variant:"24-outline",size:14,style:{color:"#2D5C63"}}),Ne.text&&i.jsx("span",{className:Se,style:{color:"var(--color-cyan-19)",fontFamily:F,fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"100%",letterSpacing:"0%",textAlign:"center",marginLeft:Ne.icon?"4px":"0",...X||{}},children:Ne.text})]}):Ne})})]})})},Yte=224,id=200,Xte="#dddddd",qte=ql,h1="#FFFFFF",f1="#374151",Kte={width:`${id}px`,height:"40px",borderRadius:"8px",padding:"8px",gap:"16px",opacity:1,border:"none",background:"transparent"},Ql="#29474C",Jte={fontFamily:Je,fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em",color:Ql,margin:0},Kr={width:`${id}px`,minHeight:"40px",padding:"8px",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",borderRadius:"8px",border:"none",background:"transparent",margin:"4px 0",textAlign:"left",cursor:"pointer",textDecoration:"none",color:Ql};function Xo({itemKey:n,activeItem:e,onClick:t,iconName:a,label:o,className:l=""}){const s=e===n;return i.jsxs("button",{type:"button",onClick:t,className:`anima-desplegable-perfil__menu-item flex items-center text-left transition-colors cursor-pointer ${s?"anima-desplegable-perfil__menu-item--active":""} ${l}`.trim(),style:Kte,"aria-label":o,children:[i.jsx(H,{name:a,variant:"24-outline",size:24,style:{color:s?h1:f1}}),i.jsx(N,{variant:"body-lg",className:"font-regular",style:{color:s?h1:f1,margin:0},children:o})]})}function E0({className:n="",style:e}){return i.jsx("div",{className:`flex justify-center ${n}`.trim(),style:e,children:i.jsx("div",{style:{width:"200px",borderTop:"1px solid var(--color-main)"}})})}function Qte({label:n,href:e,to:t,linkComponent:a,disabled:o,onClick:l,onNavigate:s}){const c=!o&&(l||e||t),d=i.jsxs(i.Fragment,{children:[i.jsx(N,{component:"span",style:Jte,children:n}),i.jsx(H,{name:"ArrowTopRightOnSquareIcon",variant:"24-outline",size:18,style:{width:18,height:18,flexShrink:0,color:Ql},"aria-hidden":"true"})]}),u=h=>{if(h?.stopPropagation?.(),o){h?.preventDefault?.();return}l?.(h),s?.()};return e&&!o?i.jsx("a",{href:e,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):t&&a&&!o?i.jsx(a,{to:t,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):t&&!o?i.jsx("a",{href:t,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):c?i.jsx("button",{type:"button",className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):i.jsx("div",{className:"anima-desplegable-perfil__ir-a-point",style:Kr,children:d})}const $i=({isOpen:n=!1,onClose:e,onProfileClick:t,onSettingsClick:a,onHelpClick:o,onLogoutClick:l,activeItem:s=null,triggerRef:c,irAPointHref:d,irAPointTo:u,onIrAPointClick:h,irAPointLinkComponent:f,irAPointLabel:m,className:p="",...g})=>{const{t:w}=lt.useTranslation(),v=E.useRef(null),b=E.useRef(n),[x,y]=E.useState(null),C=s!==null?s:x,_=!!(d||u||h),S=m??w("profile.menu.goToPoint",{defaultValue:"Acceder a POINT"});if(E.useEffect(()=>{b.current=n},[n]),E.useEffect(()=>{const M=L=>{b.current&&(c?.current&&(c.current===L.target||c.current.contains(L.target))||v.current&&v.current.contains(L.target)||e?.())};if(n){const L=setTimeout(()=>{document.addEventListener("click",M)},1);return()=>{clearTimeout(L),document.removeEventListener("click",M)}}},[n,e,c]),!n)return null;const R=(M,L,j)=>{M.stopPropagation(),s===null&&y(j),L?.(M),e?.()},A=()=>{e?.()};return i.jsxs("div",{ref:v,className:`absolute top-full right-0 mt-2 bg-white radius-12 shadow-lg anima-desplegable-perfil ${p}`,style:{width:`${Yte}px`,border:"1px solid var(--color-main)",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",zIndex:9999},...g,children:[i.jsx("style",{children:`
+                           text-body-sm-14 font-medium flex-shrink-0`,style:{backgroundColor:e===me?"#ffffff":"#6D3856",color:e===me?"#6D3856":"#ffffff",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"1"},children:Te>9?"9+":Te})]})]}),nt&&i.jsxs("div",{className:"flex-shrink-0 px-2",style:{paddingTop:"12px",paddingBottom:"16px",position:"relative"},children:[i.jsx("div",{style:{position:"absolute",top:"0px",left:"8px",right:"8px",height:"1px",backgroundColor:"#E5E5E5"}}),i.jsx("div",{className:Y,style:{...z,backgroundColor:e===me?re:"transparent",...G||{}},title:He,children:i.jsx("button",{onClick:()=>{t&&t(me),le&&le(me)},className:"flex items-center justify-center transition-all duration-200",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"8px"},title:He,children:i.jsxs("div",{className:"flex items-center",style:{justifyContent:"center",columnGap:`${ae}px`,width:"100%"},children:[i.jsx("div",{style:{width:`${We}px`,height:`${We}px`,opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:J&&Te!==void 0&&Te>0?`${Q}px`:void 0,...W||{}},children:i.jsx("div",{style:{width:"24px",height:"24px",opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",...P||{}},children:i.jsx(H,{name:Be,variant:"24-outline",size:I,className:e===me?"color-white":"",style:{width:`${I}px`,height:`${I}px`,opacity:1,transform:"rotate(0deg)",...e===me?{}:{color:_i},...ie||{}}})})}),Te!==void 0&&Te>0&&i.jsx("span",{className:`flex items-center justify-center text-body-sm-14 font-medium ${q}`,style:{backgroundColor:e===me?"#ffffff":"#6D3856",color:e===me?"#6D3856":"#ffffff",width:be,height:U,paddingTop:"4px",paddingRight:"6px",paddingBottom:"4px",paddingLeft:"6px",borderRadius:"16px",opacity:1,transform:"rotate(0deg)",marginLeft:J?`${ne}px`:void 0,boxSizing:"border-box",...fe||{}},children:Te>9?"9+":Te})]})})})]}),ke&&!nt&&i.jsx("div",{className:"px-4 pb-4 flex-shrink-0",children:i.jsx("div",{className:"bg-white border rounded-lg px-3 py-2 flex items-center justify-center",style:{borderColor:"#2D5C63",borderRadius:"8px"},children:typeof ke=="string"?i.jsx(N,{variant:"body-sm",style:{color:"#2D5C63",fontSize:"14px",lineHeight:"20px"},className:"text-center",children:(()=>{const Ke=ke.split("|");if(Ke.length===2){const Ge=Ke[0].trim(),Ee=Ke[1].trim();if(Ee.includes("Powered by")){const de=Ee.match(/Powered by (.+)/);if(de)return i.jsxs(i.Fragment,{children:[Ge," | Powered by ",i.jsx("span",{className:"font-bold",children:de[1]})]})}return`${Ge} | ${Ee}`}return ke})()}):i.jsxs(N,{variant:"body-sm",style:{color:"#2D5C63",fontSize:"14px",lineHeight:"20px"},className:"text-center",children:[ke.version&&`${ke.version}`,ke.version&&(ke.poweredBy||ke.brand)&&" | ",ke.poweredBy&&`${ke.poweredBy} `,ke.brand&&i.jsx("span",{className:"font-bold",children:ke.brand})]})})}),Ne&&nt&&i.jsx("div",{className:"px-2 pt-2 pb-2 flex justify-center flex-shrink-0",style:{zIndex:10},children:i.jsx("div",{className:`bg-white flex items-center justify-center ${xe}`,style:{width:"100%",height:"32px",borderRadius:"8px",border:"1px solid var(--color-main-800)",paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"10px",opacity:1,transform:"rotate(0deg)",boxSizing:"border-box",...Ie||{}},children:typeof Ne=="string"?i.jsx("span",{className:Se,style:{color:"var(--color-cyan-19)",fontFamily:F,fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"100%",letterSpacing:"0%",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",...X||{}},children:Ne}):typeof Ne=="object"&&Ne.icon?i.jsxs("div",{className:"flex items-center justify-center",children:[Ne.icon&&i.jsx(H,{name:Ne.icon,variant:"24-outline",size:14,style:{color:"#2D5C63"}}),Ne.text&&i.jsx("span",{className:Se,style:{color:"var(--color-cyan-19)",fontFamily:F,fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"100%",letterSpacing:"0%",textAlign:"center",marginLeft:Ne.icon?"4px":"0",...X||{}},children:Ne.text})]}):Ne})})]})})},Yte=224,id=200,Xte="#dddddd",qte=ql,h1="#FFFFFF",f1="#374151",Kte={width:`${id}px`,height:"40px",borderRadius:"8px",padding:"8px",gap:"16px",opacity:1,border:"none",background:"transparent"},Ql="#29474C",Jte={fontFamily:Je,fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em",color:Ql,margin:0},Kr={width:`${id}px`,minHeight:"40px",padding:"8px",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",borderRadius:"8px",border:"none",background:"transparent",margin:"8px 0",textAlign:"left",cursor:"pointer",textDecoration:"none",color:Ql};function Xo({itemKey:n,activeItem:e,onClick:t,iconName:a,label:o,className:l=""}){const s=e===n;return i.jsxs("button",{type:"button",onClick:t,className:`anima-desplegable-perfil__menu-item flex items-center text-left transition-colors cursor-pointer ${s?"anima-desplegable-perfil__menu-item--active":""} ${l}`.trim(),style:Kte,"aria-label":o,children:[i.jsx(H,{name:a,variant:"24-outline",size:24,style:{color:s?h1:f1}}),i.jsx(N,{variant:"body-lg",className:"font-regular",style:{color:s?h1:f1,margin:0},children:o})]})}function E0({className:n="",style:e}){return i.jsx("div",{className:`flex justify-center ${n}`.trim(),style:e,children:i.jsx("div",{style:{width:"200px",borderTop:"1px solid var(--color-main)"}})})}function Qte({label:n,href:e,to:t,linkComponent:a,disabled:o,onClick:l,onNavigate:s}){const c=!o&&(l||e||t),d=i.jsxs(i.Fragment,{children:[i.jsx(N,{component:"span",style:Jte,children:n}),i.jsx(H,{name:"ArrowTopRightOnSquareIcon",variant:"24-outline",size:18,style:{width:18,height:18,flexShrink:0,color:Ql},"aria-hidden":"true"})]}),u=h=>{if(h?.stopPropagation?.(),o){h?.preventDefault?.();return}l?.(h),s?.()};return e&&!o?i.jsx("a",{href:e,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):t&&a&&!o?i.jsx(a,{to:t,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):t&&!o?i.jsx("a",{href:t,className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):c?i.jsx("button",{type:"button",className:"anima-desplegable-perfil__ir-a-point",style:Kr,onClick:u,"aria-label":n,children:d}):i.jsx("div",{className:"anima-desplegable-perfil__ir-a-point",style:Kr,children:d})}const $i=({isOpen:n=!1,onClose:e,onProfileClick:t,onSettingsClick:a,onHelpClick:o,onLogoutClick:l,activeItem:s=null,triggerRef:c,irAPointHref:d,irAPointTo:u,onIrAPointClick:h,irAPointLinkComponent:f,irAPointLabel:m,className:p="",...g})=>{const{t:w}=lt.useTranslation(),v=E.useRef(null),b=E.useRef(n),[x,y]=E.useState(null),C=s!==null?s:x,_=!!(d||u||h),S=m??w("profile.menu.goToPoint",{defaultValue:"Acceder a POINT"});if(E.useEffect(()=>{b.current=n},[n]),E.useEffect(()=>{const M=L=>{b.current&&(c?.current&&(c.current===L.target||c.current.contains(L.target))||v.current&&v.current.contains(L.target)||e?.())};if(n){const L=setTimeout(()=>{document.addEventListener("click",M)},1);return()=>{clearTimeout(L),document.removeEventListener("click",M)}}},[n,e,c]),!n)return null;const R=(M,L,j)=>{M.stopPropagation(),s===null&&y(j),L?.(M),e?.()},A=()=>{e?.()};return i.jsxs("div",{ref:v,className:`absolute top-full right-0 mt-2 bg-white radius-12 shadow-lg anima-desplegable-perfil ${p}`,style:{width:`${Yte}px`,border:"1px solid var(--color-main)",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",zIndex:9999},...g,children:[i.jsx("style",{children:`
         .anima-desplegable-perfil__menu-item:hover:not(.anima-desplegable-perfil__menu-item--active),
         .anima-desplegable-perfil__ir-a-point:hover {
           background-color: ${Xte} !important;
@@ -792,7 +792,7 @@ React keys must be passed directly to JSX without using spread:
           letter-spacing: 0px;
           opacity: 1;
         }
-      `}),i.jsxs("div",{className:"anima-filtros__desktop","data-layout":Le,style:{display:"inline-flex",flexDirection:"column",alignItems:ye?"flex-start":"flex-end",maxWidth:"100%",width:ye?"100%":void 0},children:[St(Le),Be&&!ye&&f?me({marginTop:"8px"}):null]})]})},ere=[{value:"documento",label:"Documento"},{value:"persona",label:"Persona"},{value:"fechaImportacion",label:"Fecha de import..."}],tre=[{value:"contiene",label:"contiene"},{value:"noContiene",label:"no contiene"},{value:"antesDe",label:"antes de"},{value:"despuesDe",label:"después de"},{value:"igualA",label:"igual a"}],nre=[{id:"documento-contiene",field:"documento",operator:"contiene",value:""},{id:"persona-no-contiene",field:"persona",operator:"noContiene",value:""},{id:"fecha-antes-de",field:"fechaImportacion",operator:"antesDe",value:""}],Ca={fontFamily:F,color:"#29474C"},k1={...Ca,width:"190px",height:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",padding:"10px 40px 10px 12px",fontSize:"16px",lineHeight:"24px",fontWeight:400,appearance:"none",WebkitAppearance:"none",MozAppearance:"none",boxSizing:"border-box",cursor:"pointer"},s2={...Ca,width:"190px",height:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",padding:"10px 12px",fontSize:"16px",lineHeight:"24px",fontWeight:400,boxSizing:"border-box"},ur={fontFamily:F,fontWeight:500,fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em"},are=n=>{if(!n||!/^\d{4}-\d{2}-\d{2}$/.test(n))return n||"";const[e,t,a]=n.split("-");return`${a}-${t}-${e}`},rre=n=>{if(!n||!/^\d{4}-\d{2}$/.test(n))return n||"";const[e,t]=n.split("-");return`${t}-${e}`},Ra=n=>{if(!n)return!1;const e=String(n).toLowerCase();return e==="between"||e==="entre"},Zi=n=>n?.value&&typeof n.value=="object"?{from:n.value.from??"",to:n.value.to??""}:{from:n?.valueFrom??"",to:n?.valueTo??""},hr=(n,{isBetween:e})=>{if(e)return Zi(n);if(n?.value&&typeof n.value=="object"){const t=Zi(n);return t.from||t.to||""}return n?.value??""},Qr=(n,e,t)=>{const a=t?.[n];return Array.isArray(a)&&a.length>0?a:e},ti=n=>!Array.isArray(n)||n.length===0?"":(n.find(t=>!Ra(t?.value))??n[0])?.value??"",eo=(n,e)=>{if(xr(n))return null;const t=n?.type;return t==="period"||t==="month"?"month":t==="date"||String(e??"").toLowerCase().includes("fecha")?"date":null},xr=n=>{const e=n?.type;return e==="list"||e==="select"},ore=n=>Array.isArray(n?.options)?n.options:[];function Na({value:n,options:e,onChange:t,ariaLabel:a,id:o,name:l,dataField:s,placeholder:c,containerWidth:d="190px",menuZIndex:u=80}){const[h,f]=E.useState(!1),m=E.useRef(null),p=e.find(w=>w.value===n);E.useEffect(()=>{if(!h)return;const w=v=>{m.current&&!m.current.contains(v.target)&&f(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[h]);const g=p?.label??(n?"":c)??"";return i.jsxs("div",{ref:m,style:{position:"relative",width:d},children:[i.jsx("button",{type:"button",id:o,name:l,"data-filter-field":s,"aria-label":a,onClick:()=>f(w=>!w),style:{...k1,width:"100%",color:p?k1.color:"#777777",fontStyle:p?"normal":"italic"},children:i.jsx("span",{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"left"},children:g})}),i.jsx(H,{name:"ChevronDownIcon",variant:"24-outline",size:18,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#38656D"}}),h&&i.jsx("div",{className:"anima-filtros-avanzados-select-menu",style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:u,width:"189px",height:"auto",maxHeight:"296px",opacity:1,borderRadius:"12px",border:"1px solid #38656D",borderTop:"1px solid #38656D",padding:"8px",background:"#FFFFFF",boxSizing:"border-box",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},children:e.map(w=>{const v=w.value===n;return i.jsx("button",{type:"button",className:"anima-filtros-avanzados-select-item",onClick:()=>{t?.(w.value),f(!1)},style:{width:"173px",height:"40px",opacity:1,borderRadius:"8px",gap:"16px",padding:"8px",border:"none",background:v?"#6D3856":"#FFFFFF",color:v?"#FFFFFF":"#29474C",fontFamily:F,fontWeight:450,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",textAlign:"left",cursor:"pointer",boxSizing:"border-box",display:"flex",alignItems:"center"},children:w.label},w.value)})})]})}function ire(n){const[e,t]=E.useState(()=>typeof window<"u"?window.matchMedia(`(max-width: ${n}px)`).matches:!1);return E.useEffect(()=>{if(typeof window>"u")return;const a=window.matchMedia(`(max-width: ${n}px)`),o=()=>t(a.matches);return o(),a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[n]),e}function M0({condition:n,conditionIndex:e,isTemporal:t,calendarMode:a="date",value:o,placeholder:l,ariaLabel:s,fieldKeySuffix:c="value",containerWidth:d="190px",inputLabel:u,onTextChange:h,onDateChange:f,onDateClear:m,calendarZIndex:p=90}){const g=E.useRef(null),[w,v]=E.useState(!1),[b,x]=E.useState({openUp:!1,alignRight:!0}),y=320,C=360,_=()=>{t&&v(!0)};return E.useEffect(()=>{if(!w)return;const S=R=>{g.current&&!g.current.contains(R.target)&&v(!1)};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[w]),E.useEffect(()=>{if(!w||typeof window>"u")return;const S=g.current;if(!S)return;const R=S.getBoundingClientRect(),A=window.innerWidth-R.left,M=window.innerHeight-R.bottom;x({alignRight:A<y&&R.right>y,openUp:M<C&&R.top>C})},[w]),i.jsxs("div",{ref:g,style:{position:"relative",width:d},children:[u?i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:u}):null,i.jsx(Vt,{type:"text",id:`advanced-filter-condition-${e+1}-${c}`,name:`advancedFilterCondition${e+1}${c}`,"aria-label":s,"data-filter-field":`condition-${e+1}-${c}`,value:t?a==="month"?rre(o):are(o):o??"",placeholder:l,readOnly:t,onClick:t?_:void 0,onChange:S=>{t||h?.(S.target.value)},className:"anima-filtros-avanzados-input",style:{...s2,paddingRight:t?"40px":"12px",fontStyle:o?"normal":"italic",color:o?"#29474C":"#777777"}}),t&&i.jsx("button",{type:"button",onMouseDown:S=>S.preventDefault(),onClick:_,"aria-label":`Abrir calendario de condición ${e+1} - ${c}`,"data-filter-field":`condition-${e+1}-${c}-calendar`,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",border:"none",background:"transparent",padding:0,color:"#38656D",cursor:"pointer"},children:i.jsx(H,{name:"CalendarDaysIcon",variant:"16-solid",size:16,style:{width:16,height:16,color:"#38656D"}})}),t&&w&&i.jsx("div",{style:{position:"absolute",zIndex:p,top:b.openUp?"auto":"calc(100% + 8px)",bottom:b.openUp?"calc(100% + 8px)":"auto",left:b.alignRight?"auto":0,right:b.alignRight?0:"auto"},children:i.jsx(a0,{value:o,mode:a,onChange:S=>f?.(S),onClear:()=>m?.(),onClose:()=>v(!1)})})]})}const c2=({isOpen:n=!1,onClose:e,title:t="Filtros avanzados",beeAssistantLabel:a="BEE Asist - Filtrado con IA",beeAssistantPlaceholder:o="Ej: Filtrar por los documentos de empleados ubicados en Tucuman",beeAssistantReadOnly:l=!1,aiValue:s,onAiChange:c,conditions:d,defaultConditions:u=nre,onConditionsChange:h,fields:f=ere,operators:m=tre,operatorsByField:p,conditionsLabel:g="Condiciones",addConditionLabel:w="Añadir condición",clearLabel:v="Limpiar filtros",applyLabel:b="Filtrar",cancelLabel:x="Cancelar",applyDisabled:y=!1,applyDisabledReason:C,children:_,footer:S,size:R,onApply:A,onCancel:M,onClear:L,mobileBreakpoint:j=768,closeOnOverlayClick:D=!0,overlayZIndex:$=60,dropdownZIndex:B=80,mobileFullscreen:T=!0,className:k="",style:O,...Z})=>{const P=ire(j),W=Array.isArray(d),[J,Q]=E.useState(u),[ne,ae]=E.useState(""),ie=W?d:J,Y=s!==void 0?s:ne,G=E.useMemo(()=>new Map(f.map(X=>[X.value,X])),[f]);if(E.useEffect(()=>{if(!n||typeof document>"u")return;const X=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=X}},[n]),!n)return null;const re=B,q=B+10,fe=X=>{W||Q(X),h?.(X)},be=(X,ee,te)=>{fe(ie.map(ue=>ue.id===X?{...ue,[ee]:te}:ue))},U=X=>{fe(ie.filter(ee=>ee.id!==X))},ge=()=>{const X=f[0]?.value??"",ee=Qr(X,m,p);fe([...ie,{id:`condition-${Date.now()}`,field:X,operator:ti(ee),value:""}])},xe=()=>{if(!W){const X=f[0]?.value??"",ee=ti(Qr(X,m,p));Q([{id:"condition-first",field:X,operator:ee,value:""}])}s===void 0&&ae(""),L?.()},Ie=(X,ee)=>{const te=G.get(X.field),ue=xr(te),ce=ue?ore(te):[],we=eo(te,X.field),Pe=we!==null,$e=we==="month"?"month":"date",ye=Ra(X.operator);if(ue&&ye){const Le=Zi(X);return i.jsxs("div",{className:"anima-filtros-avanzados-range-value",style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"},children:[i.jsxs("div",{children:[i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:"Desde"}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value-from`,name:`advancedFilterCondition${ee+1}ValueFrom`,dataField:`condition-${ee+1}-value-from`,ariaLabel:`Desde de condición ${ee+1}`,value:Le.from,options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Me=>be(X.id,"value",{...Le,from:Me??""})})]}),i.jsxs("div",{children:[i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:"Hasta"}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value-to`,name:`advancedFilterCondition${ee+1}ValueTo`,dataField:`condition-${ee+1}-value-to`,ariaLabel:`Hasta de condición ${ee+1}`,value:Le.to,options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Me=>be(X.id,"value",{...Le,to:Me??""})})]})]})}if(ue)return i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value`,name:`advancedFilterCondition${ee+1}Value`,dataField:`condition-${ee+1}-value`,ariaLabel:`Valor de condición ${ee+1}`,value:X.value??"",options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Le=>be(X.id,"value",Le)});if(Pe&&ye){const Le=Zi(X);return i.jsxs("div",{className:"anima-filtros-avanzados-range-value",style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"},children:[i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:!0,calendarMode:$e,value:Le.from,inputLabel:"Desde",fieldKeySuffix:"value-from",placeholder:$e==="month"?"MM-YYYY":"DD-MM-YYYY",ariaLabel:`Desde de condición ${ee+1}`,onDateChange:Me=>be(X.id,"value",{...Le,from:Me??""}),onDateClear:()=>be(X.id,"value",{...Le,from:""})}),i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:!0,calendarMode:$e,value:Le.to,inputLabel:"Hasta",fieldKeySuffix:"value-to",placeholder:$e==="month"?"MM-YYYY":"DD-MM-YYYY",ariaLabel:`Hasta de condición ${ee+1}`,onDateChange:Me=>be(X.id,"value",{...Le,to:Me??""}),onDateClear:()=>be(X.id,"value",{...Le,to:""})})]})}return i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:Pe,calendarMode:$e,value:X.value,placeholder:Pe?$e==="month"?"MM-YYYY":"DD-MM-YYYY":X.field==="persona"?"Ej: Laura Gómez":"Filtrar por documento",ariaLabel:`Valor de condición ${ee+1}`,onTextChange:Le=>be(X.id,"value",Le),onDateChange:Le=>be(X.id,"value",Le),onDateClear:()=>be(X.id,"value","")})},Se=(X,ee)=>{const te=ee!==0,ue=Qr(X.field,m,p);return P?i.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px",paddingTop:ee===0?0:"14px",borderTop:ee===0?"none":"1px solid #DDDDDD"},children:[i.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px"},children:[i.jsx("div",{className:"anima-filtros-avanzados-mobile-field",children:i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-field`,name:`advancedFilterCondition${ee+1}Field`,dataField:`condition-${ee+1}-field`,ariaLabel:`Campo de condición ${ee+1}`,value:X.field,options:f,onChange:ce=>{const we=f.find(Me=>Me.value===ce),Pe=xr(we);!Pe&&eo(we,ce);const $e=Qr(ce,m,p),Le=$e.some(Me=>Me.value===X.operator)?X.operator:ti($e);fe(ie.map(Me=>Me.id===X.id?{...Me,field:ce,operator:Le,value:Pe?"":hr(Me,{isBetween:Ra(Le)})}:Me))}})}),i.jsx("div",{className:"anima-filtros-avanzados-mobile-field",children:i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-operator`,name:`advancedFilterCondition${ee+1}Operator`,dataField:`condition-${ee+1}-operator`,ariaLabel:`Operador de condición ${ee+1}`,value:X.operator,options:ue,onChange:ce=>{fe(ie.map(we=>{if(we.id!==X.id)return we;const Pe=G.get(we.field),$e=xr(Pe);return!$e&&eo(Pe,we.field),{...we,operator:ce,value:$e?hr(we,{isBetween:Ra(ce)}):hr(we,{isBetween:Ra(ce)})}}))}})})]}),i.jsxs("div",{style:{display:"grid",gridTemplateColumns:te?"1fr 44px":"1fr",gap:"14px",alignItems:"center"},children:[i.jsx("div",{className:"anima-filtros-avanzados-mobile-value",children:Ie(X,ee)}),te&&i.jsx("button",{type:"button",id:`advanced-filter-condition-${ee+1}-remove`,name:`advancedFilterCondition${ee+1}Remove`,"data-filter-field":`condition-${ee+1}-remove`,onClick:()=>U(X.id),"aria-label":`Eliminar condición ${ee+1}`,style:{width:"44px",height:"44px",minWidth:"44px",justifySelf:"end",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",color:"#38656D",cursor:"pointer",boxSizing:"border-box"},children:i.jsx(H,{name:"TrashIcon",variant:"24-outline",size:20})})]})]},X.id):i.jsxs("div",{style:{display:"grid",gridTemplateColumns:"190px 190px 190px 44px",columnGap:"12px",alignItems:"center"},children:[i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-field`,name:`advancedFilterCondition${ee+1}Field`,dataField:`condition-${ee+1}-field`,ariaLabel:`Campo de condición ${ee+1}`,value:X.field,options:f,onChange:ce=>{const we=f.find(Me=>Me.value===ce),Pe=xr(we);!Pe&&eo(we,ce);const $e=Qr(ce,m,p),Le=$e.some(Me=>Me.value===X.operator)?X.operator:ti($e);fe(ie.map(Me=>Me.id===X.id?{...Me,field:ce,operator:Le,value:Pe?"":hr(Me,{isBetween:Ra(Le)})}:Me))}}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-operator`,name:`advancedFilterCondition${ee+1}Operator`,dataField:`condition-${ee+1}-operator`,ariaLabel:`Operador de condición ${ee+1}`,value:X.operator,options:ue,onChange:ce=>{fe(ie.map(we=>{if(we.id!==X.id)return we;const Pe=G.get(we.field),$e=xr(Pe);return!$e&&eo(Pe,we.field),{...we,operator:ce,value:$e?hr(we,{isBetween:Ra(ce)}):hr(we,{isBetween:Ra(ce)})}}))}}),Ie(X,ee),te?i.jsx("button",{type:"button",id:`advanced-filter-condition-${ee+1}-remove`,name:`advancedFilterCondition${ee+1}Remove`,"data-filter-field":`condition-${ee+1}-remove`,onClick:()=>U(X.id),"aria-label":`Eliminar condición ${ee+1}`,style:{width:"44px",height:"44px",minWidth:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",color:"#38656D",cursor:"pointer",boxSizing:"border-box"},children:i.jsx(H,{name:"TrashIcon",variant:"24-outline",size:20})}):i.jsx("div",{"aria-hidden":"true",style:{width:"44px",height:"44px"}})]},X.id)};return i.jsx("div",{className:["anima-filtros-avanzados-overlay",P&&T?"anima-filtros-avanzados-overlay--mobile-fs":""].filter(Boolean).join(" "),style:{position:"fixed",inset:P&&T?void 0:0,top:0,left:0,right:0,bottom:P&&T?"auto":0,zIndex:$,background:"#00000040",display:"flex",alignItems:P&&T?"stretch":"center",justifyContent:"center",boxSizing:"border-box",...P&&T?{height:"100vh",maxHeight:"100vh"}:{}},onClick:()=>{D&&e?.()},...Z,children:i.jsxs("div",{className:k,style:{width:P&&T?"100%":P?"min(100vw, 684px)":"684px",maxWidth:P&&T?"none":"684px",minHeight:P&&T?void 0:P?"auto":"512px",height:P&&T?"100%":"auto",maxHeight:P&&T?"100%":"calc(100vh - 48px)",opacity:1,borderRadius:P?0:"16px",border:"1px solid #C4C4C4",background:"#FFFFFF",boxSizing:"border-box",overflow:"hidden",display:"flex",flexDirection:"column",fontFamily:F,...O},onClick:X=>X.stopPropagation(),children:[i.jsx("style",{children:`
+      `}),i.jsxs("div",{className:"anima-filtros__desktop","data-layout":Le,style:{display:"inline-flex",flexDirection:"column",alignItems:ye?"flex-start":"flex-end",maxWidth:"100%",width:ye?"100%":void 0},children:[St(Le),Be&&!ye&&f?me({marginTop:"8px"}):null]})]})},ere=[{value:"documento",label:"Documento"},{value:"persona",label:"Persona"},{value:"fechaImportacion",label:"Fecha de import..."}],tre=[{value:"contiene",label:"contiene"},{value:"noContiene",label:"no contiene"},{value:"antesDe",label:"antes de"},{value:"despuesDe",label:"después de"},{value:"igualA",label:"igual a"}],nre=[{id:"documento-contiene",field:"documento",operator:"contiene",value:""},{id:"persona-no-contiene",field:"persona",operator:"noContiene",value:""},{id:"fecha-antes-de",field:"fechaImportacion",operator:"antesDe",value:""}],Ca={fontFamily:F,color:"#29474C"},k1={...Ca,width:"190px",height:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",padding:"10px 40px 10px 12px",fontSize:"16px",lineHeight:"24px",fontWeight:400,appearance:"none",WebkitAppearance:"none",MozAppearance:"none",boxSizing:"border-box",cursor:"pointer"},s2={...Ca,width:"190px",height:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",padding:"10px 12px",fontSize:"16px",lineHeight:"24px",fontWeight:400,boxSizing:"border-box"},ur={fontFamily:F,fontWeight:500,fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em"},are=n=>{if(!n||!/^\d{4}-\d{2}-\d{2}$/.test(n))return n||"";const[e,t,a]=n.split("-");return`${a}-${t}-${e}`},rre=n=>{if(!n||!/^\d{4}-\d{2}$/.test(n))return n||"";const[e,t]=n.split("-");return`${t}-${e}`},Ra=n=>{if(!n)return!1;const e=String(n).toLowerCase();return e==="between"||e==="entre"},Zi=n=>n?.value&&typeof n.value=="object"?{from:n.value.from??"",to:n.value.to??""}:{from:n?.valueFrom??"",to:n?.valueTo??""},hr=(n,{isBetween:e})=>{if(e)return Zi(n);if(n?.value&&typeof n.value=="object"){const t=Zi(n);return t.from||t.to||""}return n?.value??""},Qr=(n,e,t)=>{const a=t?.[n];return Array.isArray(a)&&a.length>0?a:e},ti=n=>!Array.isArray(n)||n.length===0?"":(n.find(t=>!Ra(t?.value))??n[0])?.value??"",eo=(n,e)=>{if(xr(n))return null;const t=n?.type;return t==="period"||t==="month"?"month":t==="date"||String(e??"").toLowerCase().includes("fecha")?"date":null},xr=n=>{const e=n?.type;return e==="list"||e==="select"},ore=n=>Array.isArray(n?.options)?n.options:[];function Na({value:n,options:e,onChange:t,ariaLabel:a,id:o,name:l,dataField:s,placeholder:c,containerWidth:d="190px",menuZIndex:u=80}){const[h,f]=E.useState(!1),m=E.useRef(null),p=e.find(w=>w.value===n);E.useEffect(()=>{if(!h)return;const w=v=>{m.current&&!m.current.contains(v.target)&&f(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[h]);const g=p?.label??(n?"":c)??"";return i.jsxs("div",{ref:m,style:{position:"relative",width:d},children:[i.jsx("button",{type:"button",id:o,name:l,"data-filter-field":s,"aria-label":a,onClick:()=>f(w=>!w),style:{...k1,width:"100%",color:p?k1.color:"#777777",fontStyle:p?"normal":"italic"},children:i.jsx("span",{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"left"},children:g})}),i.jsx(H,{name:"ChevronDownIcon",variant:"24-outline",size:18,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"#38656D"}}),h&&i.jsx("div",{className:"anima-filtros-avanzados-select-menu",style:{position:"absolute",top:"calc(100% + 4px)",left:0,zIndex:u,width:"189px",height:"auto",maxHeight:"296px",opacity:1,borderRadius:"12px",border:"1px solid #38656D",borderTop:"1px solid #38656D",padding:"8px",background:"#FFFFFF",boxSizing:"border-box",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},children:e.map(w=>{const v=w.value===n;return i.jsx("button",{type:"button",className:"anima-filtros-avanzados-select-item",onClick:()=>{t?.(w.value),f(!1)},style:{width:"173px",height:"40px",opacity:1,borderRadius:"8px",gap:"16px",padding:"8px",border:"none",background:v?"#6D3856":"#FFFFFF",color:v?"#FFFFFF":"#29474C",fontFamily:F,fontWeight:450,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",textAlign:"left",cursor:"pointer",boxSizing:"border-box",display:"flex",alignItems:"center"},children:w.label},w.value)})})]})}function ire(n){const[e,t]=E.useState(()=>typeof window<"u"?window.matchMedia(`(max-width: ${n}px)`).matches:!1);return E.useEffect(()=>{if(typeof window>"u")return;const a=window.matchMedia(`(max-width: ${n}px)`),o=()=>t(a.matches);return o(),a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[n]),e}function M0({condition:n,conditionIndex:e,isTemporal:t,calendarMode:a="date",value:o,placeholder:l,ariaLabel:s,fieldKeySuffix:c="value",containerWidth:d="190px",inputLabel:u,onTextChange:h,onDateChange:f,onDateClear:m,calendarZIndex:p=90}){const g=E.useRef(null),[w,v]=E.useState(!1),[b,x]=E.useState({openUp:!1,alignRight:!0}),y=320,C=360,_=()=>{t&&v(!0)};return E.useEffect(()=>{if(!w)return;const S=R=>{g.current&&!g.current.contains(R.target)&&v(!1)};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[w]),E.useEffect(()=>{if(!w||typeof window>"u")return;const S=g.current;if(!S)return;const R=S.getBoundingClientRect(),A=window.innerWidth-R.left,M=window.innerHeight-R.bottom;x({alignRight:A<y&&R.right>y,openUp:M<C&&R.top>C})},[w]),i.jsxs("div",{ref:g,style:{position:"relative",width:d},children:[u?i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:u}):null,i.jsx(Vt,{type:"text",id:`advanced-filter-condition-${e+1}-${c}`,name:`advancedFilterCondition${e+1}${c}`,"aria-label":s,"data-filter-field":`condition-${e+1}-${c}`,value:t?a==="month"?rre(o):are(o):o??"",placeholder:l,readOnly:t,onClick:t?_:void 0,onChange:S=>{t||h?.(S.target.value)},className:"anima-filtros-avanzados-input",style:{...s2,paddingRight:t?"40px":"12px",fontStyle:o?"normal":"italic",color:o?"#29474C":"#777777"}}),t&&i.jsx("button",{type:"button",onMouseDown:S=>S.preventDefault(),onClick:_,"aria-label":`Abrir calendario de condición ${e+1} - ${c}`,"data-filter-field":`condition-${e+1}-${c}-calendar`,style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",border:"none",background:"transparent",padding:0,color:"#38656D",cursor:"pointer"},children:i.jsx(H,{name:"CalendarDaysIcon",variant:"16-solid",size:16,style:{width:16,height:16,color:"#38656D"}})}),t&&w&&i.jsx("div",{style:{position:"absolute",zIndex:p,top:b.openUp?"auto":"calc(100% + 8px)",bottom:b.openUp?"calc(100% + 8px)":"auto",left:b.alignRight?"auto":0,right:b.alignRight?0:"auto"},children:i.jsx(a0,{value:o,mode:a,onChange:S=>f?.(S),onClear:()=>m?.(),onClose:()=>v(!1)})})]})}const c2=({isOpen:n=!1,onClose:e,title:t="Filtros avanzados",beeAssistantLabel:a="BEE Asist - Filtrado con IA",beeAssistantPlaceholder:o="Ej: Filtrar por los documentos de empleados ubicados en Tucuman",beeAssistantReadOnly:l=!1,aiValue:s,onAiChange:c,conditions:d,defaultConditions:u=nre,onConditionsChange:h,fields:f=ere,operators:m=tre,operatorsByField:p,conditionsLabel:g="Condiciones",addConditionLabel:w="Añadir condición",clearLabel:v="Limpiar filtros",applyLabel:b="Filtrar",cancelLabel:x="Cancelar",applyDisabled:y=!1,applyDisabledReason:C,children:_,footer:S,size:R,onApply:A,onCancel:M,onClear:L,mobileBreakpoint:j=768,closeOnOverlayClick:D=!0,overlayZIndex:$=60,dropdownZIndex:B=80,mobileFullscreen:T=!0,className:k="",style:O,...Z})=>{const P=ire(j),W=Array.isArray(d),[J,Q]=E.useState(u),[ne,ae]=E.useState(""),ie=W?d:J,Y=s!==void 0?s:ne,G=E.useMemo(()=>new Map(f.map(X=>[X.value,X])),[f]);if(E.useEffect(()=>{if(!n||typeof document>"u")return;const X=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=X}},[n]),!n)return null;const re=B,q=B+10,fe=X=>{W||Q(X),h?.(X)},be=(X,ee,te)=>{fe(ie.map(ue=>ue.id===X?{...ue,[ee]:te}:ue))},U=X=>{fe(ie.filter(ee=>ee.id!==X))},ge=()=>{const X=f[0]?.value??"",ee=Qr(X,m,p);fe([...ie,{id:`condition-${Date.now()}`,field:X,operator:ti(ee),value:""}])},xe=()=>{if(!W){const X=f[0]?.value??"",ee=ti(Qr(X,m,p));Q([{id:"condition-first",field:X,operator:ee,value:""}])}s===void 0&&ae(""),L?.()},Ie=(X,ee)=>{const te=G.get(X.field),ue=xr(te),ce=ue?ore(te):[],we=eo(te,X.field),Pe=we!==null,$e=we==="month"?"month":"date",ye=Ra(X.operator);if(ue&&ye){const Le=Zi(X);return i.jsxs("div",{className:"anima-filtros-avanzados-range-value",style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"},children:[i.jsxs("div",{children:[i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:"Desde"}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value-from`,name:`advancedFilterCondition${ee+1}ValueFrom`,dataField:`condition-${ee+1}-value-from`,ariaLabel:`Desde de condición ${ee+1}`,value:Le.from,options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Me=>be(X.id,"value",{...Le,from:Me??""})})]}),i.jsxs("div",{children:[i.jsx("span",{style:{...Ca,display:"block",marginBottom:"6px",fontWeight:500,fontSize:"12px",lineHeight:"18px"},children:"Hasta"}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value-to`,name:`advancedFilterCondition${ee+1}ValueTo`,dataField:`condition-${ee+1}-value-to`,ariaLabel:`Hasta de condición ${ee+1}`,value:Le.to,options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Me=>be(X.id,"value",{...Le,to:Me??""})})]})]})}if(ue)return i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-value`,name:`advancedFilterCondition${ee+1}Value`,dataField:`condition-${ee+1}-value`,ariaLabel:`Valor de condición ${ee+1}`,value:X.value??"",options:ce,placeholder:te?.placeholder??"Seleccionar...",onChange:Le=>be(X.id,"value",Le)});if(Pe&&ye){const Le=Zi(X);return i.jsxs("div",{className:"anima-filtros-avanzados-range-value",style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"},children:[i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:!0,calendarMode:$e,value:Le.from,inputLabel:"Desde",fieldKeySuffix:"value-from",placeholder:$e==="month"?"MM-YYYY":"DD-MM-YYYY",ariaLabel:`Desde de condición ${ee+1}`,onDateChange:Me=>be(X.id,"value",{...Le,from:Me??""}),onDateClear:()=>be(X.id,"value",{...Le,from:""})}),i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:!0,calendarMode:$e,value:Le.to,inputLabel:"Hasta",fieldKeySuffix:"value-to",placeholder:$e==="month"?"MM-YYYY":"DD-MM-YYYY",ariaLabel:`Hasta de condición ${ee+1}`,onDateChange:Me=>be(X.id,"value",{...Le,to:Me??""}),onDateClear:()=>be(X.id,"value",{...Le,to:""})})]})}return i.jsx(M0,{calendarZIndex:q,condition:X,conditionIndex:ee,isTemporal:Pe,calendarMode:$e,value:X.value,placeholder:Pe?$e==="month"?"MM-YYYY":"DD-MM-YYYY":te?.placeholder??(X.field==="persona"?"Ej: Laura Gómez":"Filtrar por documento"),ariaLabel:`Valor de condición ${ee+1}`,onTextChange:Le=>be(X.id,"value",Le),onDateChange:Le=>be(X.id,"value",Le),onDateClear:()=>be(X.id,"value","")})},Se=(X,ee)=>{const te=ee!==0,ue=Qr(X.field,m,p);return P?i.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px",paddingTop:ee===0?0:"14px",borderTop:ee===0?"none":"1px solid #DDDDDD"},children:[i.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px"},children:[i.jsx("div",{className:"anima-filtros-avanzados-mobile-field",children:i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-field`,name:`advancedFilterCondition${ee+1}Field`,dataField:`condition-${ee+1}-field`,ariaLabel:`Campo de condición ${ee+1}`,value:X.field,options:f,onChange:ce=>{const we=f.find(Me=>Me.value===ce),Pe=xr(we);!Pe&&eo(we,ce);const $e=Qr(ce,m,p),Le=$e.some(Me=>Me.value===X.operator)?X.operator:ti($e);fe(ie.map(Me=>Me.id===X.id?{...Me,field:ce,operator:Le,value:Pe?"":hr(Me,{isBetween:Ra(Le)})}:Me))}})}),i.jsx("div",{className:"anima-filtros-avanzados-mobile-field",children:i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-operator`,name:`advancedFilterCondition${ee+1}Operator`,dataField:`condition-${ee+1}-operator`,ariaLabel:`Operador de condición ${ee+1}`,value:X.operator,options:ue,onChange:ce=>{fe(ie.map(we=>{if(we.id!==X.id)return we;const Pe=G.get(we.field),$e=xr(Pe);return!$e&&eo(Pe,we.field),{...we,operator:ce,value:$e?hr(we,{isBetween:Ra(ce)}):hr(we,{isBetween:Ra(ce)})}}))}})})]}),i.jsxs("div",{style:{display:"grid",gridTemplateColumns:te?"1fr 44px":"1fr",gap:"14px",alignItems:"center"},children:[i.jsx("div",{className:"anima-filtros-avanzados-mobile-value",children:Ie(X,ee)}),te&&i.jsx("button",{type:"button",id:`advanced-filter-condition-${ee+1}-remove`,name:`advancedFilterCondition${ee+1}Remove`,"data-filter-field":`condition-${ee+1}-remove`,onClick:()=>U(X.id),"aria-label":`Eliminar condición ${ee+1}`,style:{width:"44px",height:"44px",minWidth:"44px",justifySelf:"end",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",color:"#38656D",cursor:"pointer",boxSizing:"border-box"},children:i.jsx(H,{name:"TrashIcon",variant:"24-outline",size:20})})]})]},X.id):i.jsxs("div",{style:{display:"grid",gridTemplateColumns:"190px 190px 190px 44px",columnGap:"12px",alignItems:"center"},children:[i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-field`,name:`advancedFilterCondition${ee+1}Field`,dataField:`condition-${ee+1}-field`,ariaLabel:`Campo de condición ${ee+1}`,value:X.field,options:f,onChange:ce=>{const we=f.find(Me=>Me.value===ce),Pe=xr(we);!Pe&&eo(we,ce);const $e=Qr(ce,m,p),Le=$e.some(Me=>Me.value===X.operator)?X.operator:ti($e);fe(ie.map(Me=>Me.id===X.id?{...Me,field:ce,operator:Le,value:Pe?"":hr(Me,{isBetween:Ra(Le)})}:Me))}}),i.jsx(Na,{menuZIndex:re,id:`advanced-filter-condition-${ee+1}-operator`,name:`advancedFilterCondition${ee+1}Operator`,dataField:`condition-${ee+1}-operator`,ariaLabel:`Operador de condición ${ee+1}`,value:X.operator,options:ue,onChange:ce=>{fe(ie.map(we=>{if(we.id!==X.id)return we;const Pe=G.get(we.field),$e=xr(Pe);return!$e&&eo(Pe,we.field),{...we,operator:ce,value:$e?hr(we,{isBetween:Ra(ce)}):hr(we,{isBetween:Ra(ce)})}}))}}),Ie(X,ee),te?i.jsx("button",{type:"button",id:`advanced-filter-condition-${ee+1}-remove`,name:`advancedFilterCondition${ee+1}Remove`,"data-filter-field":`condition-${ee+1}-remove`,onClick:()=>U(X.id),"aria-label":`Eliminar condición ${ee+1}`,style:{width:"44px",height:"44px",minWidth:"44px",border:"1px solid #38656D",borderRadius:"8px",background:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",color:"#38656D",cursor:"pointer",boxSizing:"border-box"},children:i.jsx(H,{name:"TrashIcon",variant:"24-outline",size:20})}):i.jsx("div",{"aria-hidden":"true",style:{width:"44px",height:"44px"}})]},X.id)};return i.jsx("div",{className:["anima-filtros-avanzados-overlay",P&&T?"anima-filtros-avanzados-overlay--mobile-fs":""].filter(Boolean).join(" "),style:{position:"fixed",inset:P&&T?void 0:0,top:0,left:0,right:0,bottom:P&&T?"auto":0,zIndex:$,background:"#00000040",display:"flex",alignItems:P&&T?"stretch":"center",justifyContent:"center",boxSizing:"border-box",...P&&T?{height:"100vh",maxHeight:"100vh"}:{}},onClick:()=>{D&&e?.()},...Z,children:i.jsxs("div",{className:k,style:{width:P&&T?"100%":P?"min(100vw, 684px)":"684px",maxWidth:P&&T?"none":"684px",minHeight:P&&T?void 0:P?"auto":"512px",height:P&&T?"100%":"auto",maxHeight:P&&T?"100%":"calc(100vh - 48px)",opacity:1,borderRadius:P?0:"16px",border:"1px solid #C4C4C4",background:"#FFFFFF",boxSizing:"border-box",overflow:"hidden",display:"flex",flexDirection:"column",fontFamily:F,...O},onClick:X=>X.stopPropagation(),children:[i.jsx("style",{children:`
           .anima-filtros-avanzados-input::placeholder {
             color: #777777;
             font-family: ${F};

package/dist/anima-ds.esm.js

@@ -35378,7 +35378,7 @@ const Ci = Tr, PQ = jl, Cr = (n) => `w-full flex items-center cursor-pointer px-
   borderRadius: "8px",
   border: "none",
   background: "transparent",
-  margin: "4px 0",
+  margin: "8px 0",
   textAlign: "left",
   cursor: "pointer",
   textDecoration: "none",
@@ -44045,7 +44045,7 @@ const bne = ({
         isTemporal: Pe,
         calendarMode: Ze,
         value: X.value,
-        placeholder: Pe ? Ze === "month" ? "MM-YYYY" : "DD-MM-YYYY" : X.field === "persona" ? "Ej: Laura Gómez" : "Filtrar por documento",
+        placeholder: Pe ? Ze === "month" ? "MM-YYYY" : "DD-MM-YYYY" : te?.placeholder ?? (X.field === "persona" ? "Ej: Laura Gómez" : "Filtrar por documento"),
         ariaLabel: `Valor de condición ${ee + 1}`,
         onTextChange: (ke) => xe(X.id, "value", ke),
         onDateChange: (ke) => xe(X.id, "value", ke),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anima-ds-nucleus",
-  "version": "1.0.156",
+  "version": "1.0.157",
   "description": "Anima Design System - A comprehensive React component library",
   "author": "Nucleus Labs <ipvasallo@nucleus.com.ar>",
   "license": "UNLICENSED",

package/src/components/Layout/DesplegablePerfil/DesplegablePerfil.stories.jsx

@@ -42,6 +42,15 @@ export const ConIrAPoint = {
   },
 };
 
+export const ConIrAPointOnClick = {
+  name: 'Con ir a POINT (solo onClick, Core)',
+  args: {
+    isOpen: true,
+    onIrAPointClick: () => console.log('Ir a POINT'),
+    ...menuCallbacks,
+  },
+};
+
 export const ConIrAPointInteractivo = {
   name: 'Con ir a POINT (interactivo)',
   render: function ConIrAPointInteractivoStory() {

package/src/components/Layout/DesplegablePerfil/desplegablePerfilStyles.js

@@ -44,7 +44,7 @@ export const DESPLEGABLE_PERFIL_IR_A_POINT_ROW_STYLE = {
   borderRadius: '8px',
   border: 'none',
   background: 'transparent',
-  margin: '4px 0',
+  margin: '8px 0',
   textAlign: 'left',
   cursor: 'pointer',
   textDecoration: 'none',

package/src/components/Layout/FiltrosAvanzados/FiltrosAvanzados.jsx

@@ -687,9 +687,9 @@ export const FiltrosAvanzados = ({
         placeholder={
           isTemporal
             ? (calendarMode === 'month' ? 'MM-YYYY' : 'DD-MM-YYYY')
-            : condition.field === 'persona'
+            : (field?.placeholder ?? (condition.field === 'persona'
               ? 'Ej: Laura Gómez'
-              : 'Filtrar por documento'
+              : 'Filtrar por documento'))
         }
         ariaLabel={`Valor de condición ${index + 1}`}
         onTextChange={(nextValue) => updateCondition(condition.id, 'value', nextValue)}

package/src/components/Layout/FiltrosAvanzados/FiltrosAvanzados.stories.jsx

@@ -143,6 +143,30 @@ export const Default = {
   ),
 };
 
+/**
+ * Inputs de texto con `fields[].placeholder`. Sin placeholder se mantiene el fallback
+ * («Ej: Laura Gómez» para persona, «Filtrar por documento» para el resto).
+ */
+export const PlaceholderPorCampo = {
+  render: () => (
+    <FiltrosAvanzadosPlayground
+      fields={[
+        { value: 'legajo', label: 'Legajo', placeholder: 'Ej: 224' },
+        { value: 'persona', label: 'Persona', placeholder: 'Buscar persona' },
+        { value: 'documento', label: 'Documento' },
+        { value: 'fechaImportacion', label: 'Fecha de importación', type: 'date' },
+      ]}
+      operatorsByField={{}}
+      defaultConditions={[
+        { id: 'legajo-contiene', field: 'legajo', operator: 'contiene', value: '' },
+        { id: 'persona-contiene', field: 'persona', operator: 'contiene', value: '' },
+        { id: 'documento-contiene', field: 'documento', operator: 'contiene', value: '' },
+        { id: 'fecha-antes', field: 'fechaImportacion', operator: 'antesDe', value: '' },
+      ]}
+    />
+  ),
+};
+
 /** Campo con `type: 'list'` y `options`: el valor se elige desde un desplegable (no texto libre). */
 export const ConCampoListado = {
   render: (args) => <FiltrosAvanzadosPlayground {...args} />,