@lax-wp/design-system 0.13.33-beta.6 → 0.13.33-beta.7

package/dist/components/data-display/infinite-table/PendingEditsFloatingBar.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),W=require("../../../utils/formatters.cjs.js"),f=require("@mui/icons-material"),o=require("framer-motion"),r=require("react"),q=require("react-dom"),ee={hidden:{opacity:0,y:-8,scale:.95},visible:{opacity:1,y:0,scale:1,transition:{type:"spring",stiffness:400,damping:25}},exit:{opacity:0,y:-8,scale:.95,transition:{duration:.1}}},L={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.03,delayChildren:.05}}},R={hidden:{opacity:0,y:-8},visible:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:25}}},te=({pendingEditsCount:b,pendingEditsList:m,rowsWithPendingEdits:u,fieldOperationLoading:d,onClearAll:P,onSaveAll:E,onScrollToCell:K})=>{const[_,N]=r.useState(!1),[x,S]=r.useState(!1),[s,I]=r.useState(null),[l,z]=r.useState(null),[D,F]=r.useState(!1),[i,w]=r.useState(""),[h,C]=r.useState(!1),[g,U]=r.useState(null),v=r.useRef(null),c=r.useRef(null),y=r.useRef(null),T=r.useRef(null),M=r.useRef(null),$=r.useRef(null),G=r.useMemo(()=>s?m.filter(e=>e.rowId===s):m,[m,s]),B=r.useMemo(()=>{if(!i)return u;const e=i.toLowerCase();return u.filter(a=>`row ${a.rowIndex+1}`.toLowerCase().includes(e))},[u,i]),J=r.useMemo(()=>{if(!s)return`All Rows (${m.length})`;const e=u.find(a=>a.rowId===s);return e?`Row ${e.rowIndex+1} (${e.editCount})`:`All Rows (${m.length})`},[s,u,m.length]);r.useEffect(()=>{s&&!u.find(e=>e.rowId===s)&&I(null)},[u,s]),r.useEffect(()=>{const e=a=>{const n=a.target;!T.current?.contains(n)&&!$.current?.contains(n)&&(C(!1),w(""))};return h&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[h]);const A=r.useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null),N(!0)},[]),H=r.useCallback(()=>{v.current=setTimeout(()=>N(!1),300)},[]),k=r.useCallback((e,a,n,j)=>{const p=Math.max(0,window.innerWidth-n),O=Math.max(0,window.innerHeight-j);return{x:Math.min(Math.max(e,0),p),y:Math.min(Math.max(a,0),O)}},[]),V=r.useCallback(e=>{e.preventDefault();const a=e.currentTarget.closest(".pending-edits-floating-bar");if(!a)return;const n=a.getBoundingClientRect();c.current={x:e.clientX,y:e.clientY,barX:l?.x??n.left,barY:l?.y??n.top,barWidth:n.width,barHeight:n.height},F(!0)},[l]);r.useEffect(()=>{if(!D)return;const e=n=>{if(!c.current)return;const j=c.current.barX+n.clientX-c.current.x,p=c.current.barY+n.clientY-c.current.y;z(k(j,p,c.current.barWidth,c.current.barHeight))},a=()=>{F(!1),c.current=null};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",a),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",a)}},[D,k]),r.useEffect(()=>{if(!l||!y.current)return;const e=()=>{if(!y.current)return;const a=y.current.getBoundingClientRect(),n=k(l.x,l.y,a.width,a.height);(n.x!==l.x||n.y!==l.y)&&z(n)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[l,k]);const X=(e,a)=>{if(typeof e=="boolean")return e?"Yes":"No";if(e==null||e==="")return"-";const n=String(e);if(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2})?)?/.test(n)){const p=n.includes("T");return W.formatDate(n,{withTime:p,skipTimezone:!0})||n}return a?`${n} ${a}`:n},Q=e=>{N(!1),K(e.rowId,e.columnKey,e.rowIndex)},Y=e=>{I(e),C(!1),w("")};if(b===0)return null;const Z=t.jsxs(o.motion.div,{ref:y,className:"pending-edits-floating-bar fixed z-[9999]",style:{zIndex:2147483646,...l?{left:l.x,top:l.y}:{bottom:24,left:"50%",transform:"translateX(-50%)"}},initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{type:"spring",stiffness:300,damping:25},children:[t.jsx(o.AnimatePresence,{children:_&&!x&&t.jsx(o.motion.div,{className:"absolute w-80",style:{bottom:"100%",left:"50%",marginLeft:"-160px",marginBottom:"4px"},initial:{opacity:0,y:10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:10,scale:.95},transition:{type:"spring",stiffness:300,damping:24},onMouseEnter:A,onMouseLeave:H,children:t.jsxs("div",{className:"bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 py-2 overflow-hidden",children:[t.jsx("div",{className:"px-3 py-1.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider border-b border-neutral-100 dark:border-black-600",children:"Pending Changes"}),u.length>1&&t.jsx("div",{className:"px-3 py-2 border-b border-neutral-100 dark:border-black-600",ref:T,children:t.jsxs("div",{className:"relative",children:[t.jsxs("button",{ref:M,onClick:()=>{M.current&&U(M.current.getBoundingClientRect()),C(!h)},className:"w-full text-xs px-2 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-neutral-50 dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 flex items-center justify-between gap-2",children:[t.jsx("span",{className:"truncate",children:J}),t.jsx(o.motion.div,{animate:{rotate:h?180:0},transition:{duration:.2},children:t.jsx(f.KeyboardArrowDownRounded,{sx:{fontSize:16},className:"text-neutral-400"})})]}),h&&g&&q.createPortal(t.jsx(o.AnimatePresence,{children:t.jsxs(o.motion.div,{ref:$,className:"fixed bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 overflow-hidden",style:{zIndex:2147483647,top:g.bottom+4,left:g.left,width:g.width},variants:ee,initial:"hidden",animate:"visible",exit:"exit",children:[t.jsx("div",{className:"p-2 border-b border-neutral-100 dark:border-black-600",children:t.jsxs("div",{className:"relative flex items-center",children:[t.jsx(f.SearchRounded,{sx:{fontSize:14},className:"absolute left-2 text-neutral-400 dark:text-neutral-500 z-10 pointer-events-none"}),t.jsx("input",{type:"text",value:i,onChange:e=>w(e.target.value),placeholder:"Search rows...",className:"w-full text-xs pl-7 pr-7 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-white dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 placeholder:text-neutral-400",autoFocus:!0}),i&&t.jsx("button",{onClick:()=>w(""),className:"absolute right-2 z-10 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300",children:t.jsx(f.CloseRounded,{sx:{fontSize:14}})})]})}),t.jsxs(o.motion.div,{className:"max-h-40 overflow-y-auto",variants:L,initial:"hidden",animate:"visible",children:[(!i||"all rows".includes(i.toLowerCase()))&&t.jsxs(o.motion.button,{variants:R,onClick:()=>Y(null),className:`w-full text-left px-3 py-2 text-xs transition-colors ${s?"text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600":"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300"}`,children:["All Rows (",m.length," changes)"]}),B.map(e=>t.jsxs(o.motion.button,{variants:R,onClick:()=>Y(e.rowId),className:`w-full text-left px-3 py-2 text-xs transition-colors ${s===e.rowId?"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300":"text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600"}`,children:["Row ",e.rowIndex+1," (",e.editCount," ",e.editCount===1?"change":"changes",")"]},e.rowId)),B.length===0&&i&&!"all rows".includes(i.toLowerCase())&&t.jsx(o.motion.div,{variants:R,className:"px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400",children:"No rows found"})]})]})}),document.body)]})}),t.jsx(o.motion.div,{className:"max-h-52 overflow-y-auto",variants:L,initial:"hidden",animate:"visible",children:G?.map((e,a)=>t.jsxs(o.motion.button,{variants:R,onClick:()=>Q(e),className:"w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors",whileHover:{backgroundColor:"rgba(0,0,0,0.03)"},whileTap:{scale:.98},children:[t.jsxs("div",{className:"text-xs font-bold text-neutral-700 dark:text-neutral-300 mb-1",children:[e.fieldName," ",!s&&t.jsxs("span",{className:"font-normal text-neutral-500 dark:text-neutral-400",children:["(Row ",e.rowIndex+1,")"]})]}),t.jsxs("div",{className:"flex items-center gap-1.5 text-sm",children:[t.jsx("span",{className:"text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]",children:X(e.originalValue,e.originalMeta?.currency_code)}),t.jsx("span",{className:"text-neutral-400 dark:text-neutral-500 flex-shrink-0",children:"→"}),t.jsx("span",{className:"text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]",children:X(e.value,e.meta?.currency_code)})]})]},`${e.rowId}-${e.columnKey}-${a}`))})]})})}),t.jsxs(o.motion.div,{className:"flex items-center bg-white dark:bg-black-700 shadow-lg border border-neutral-200 dark:border-black-600 overflow-hidden",animate:{padding:x?"8px":"12px 16px",gap:x?"0px":"12px",borderRadius:x?"9999px":"8px"},transition:{type:"spring",stiffness:300,damping:25},children:[t.jsx(o.AnimatePresence,{mode:"wait",children:x?t.jsx(o.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},onMouseDown:V,onClick:()=>S(!1),className:"flex items-center justify-center cursor-grab active:cursor-grabbing flex-shrink-0",style:{width:"32px",height:"32px",borderRadius:"9999px",backgroundColor:"var(--color-primary-600)",color:"white"},title:"Drag to move / Click to expand",whileHover:{backgroundColor:"var(--color-primary-700)",scale:1.05},whileTap:{scale:.95},children:t.jsx("span",{className:"text-xs font-bold",children:b})},"minimized"):t.jsx(o.motion.button,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},onClick:()=>S(!0),className:"flex items-center justify-center flex-shrink-0",style:{width:"24px",height:"24px",borderRadius:"4px",backgroundColor:"transparent",color:"var(--color-neutral-400)"},title:"Minimize",whileHover:{backgroundColor:"var(--color-neutral-100)",color:"var(--color-neutral-600)"},whileTap:{scale:.9},children:t.jsx(f.RemoveOutlined,{sx:{fontSize:16}})},"minimize-btn")}),t.jsxs(o.motion.div,{className:"flex items-center gap-3",animate:{width:x?0:"auto",opacity:x?0:1},transition:{type:"spring",stiffness:300,damping:25},style:{overflow:"hidden",pointerEvents:x?"none":"auto"},children:[t.jsx("div",{onMouseDown:V,className:"cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center",title:"Drag to move",children:t.jsx(f.DragIndicator,{sx:{fontSize:18}})}),t.jsx("div",{className:"relative",onMouseEnter:A,onMouseLeave:H,children:t.jsxs("span",{className:"text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap",children:[b," unsaved ",b===1?"change":"changes"]})}),t.jsx("div",{className:"h-4 w-px bg-neutral-200 dark:bg-black-600 flex-shrink-0"}),t.jsx(o.motion.button,{onClick:P,disabled:!!d,className:`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${d?"text-neutral-400 dark:text-neutral-500 cursor-not-allowed":"text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-black-600"}`,whileHover:d?void 0:{scale:1.02},whileTap:d?void 0:{scale:.98},children:"Cancel"}),t.jsx(o.motion.button,{onClick:E,disabled:!!d,className:`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${d?"text-white bg-primary-400 cursor-not-allowed":"text-white bg-primary-600 hover:bg-primary-700"}`,whileHover:d?void 0:{scale:1.02},whileTap:d?void 0:{scale:.98},children:"Save All"})]})]})]});return q.createPortal(Z,document.body)};exports.PendingEditsFloatingBar=te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),ee=require("../../../utils/formatters.cjs.js"),f=require("@mui/icons-material"),o=require("framer-motion"),r=require("react"),V=require("react-dom"),q=require("./constants.cjs.js"),te={hidden:{opacity:0,y:-8,scale:.95},visible:{opacity:1,y:0,scale:1,transition:{type:"spring",stiffness:400,damping:25}},exit:{opacity:0,y:-8,scale:.95,transition:{duration:.1}}},X={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.03,delayChildren:.05}}},R={hidden:{opacity:0,y:-8},visible:{opacity:1,y:0,transition:{type:"spring",stiffness:400,damping:25}}},re=({pendingEditsCount:b,pendingEditsList:m,rowsWithPendingEdits:u,fieldOperationLoading:d,onClearAll:Y,onSaveAll:O,onScrollToCell:E})=>{const[G,N]=r.useState(!1),[x,I]=r.useState(!1),[s,S]=r.useState(null),[l,T]=r.useState(null),[F,z]=r.useState(!1),[i,w]=r.useState(""),[h,C]=r.useState(!1),[g,K]=r.useState(null),v=r.useRef(null),c=r.useRef(null),y=r.useRef(null),D=r.useRef(null),M=r.useRef(null),A=r.useRef(null),U=r.useMemo(()=>s?m.filter(e=>e.rowId===s):m,[m,s]),B=r.useMemo(()=>{if(!i)return u;const e=i.toLowerCase();return u.filter(a=>`row ${a.rowIndex+1}`.toLowerCase().includes(e))},[u,i]),J=r.useMemo(()=>{if(!s)return`All Rows (${m.length})`;const e=u.find(a=>a.rowId===s);return e?`Row ${e.rowIndex+1} (${e.editCount})`:`All Rows (${m.length})`},[s,u,m.length]);r.useEffect(()=>{s&&!u.find(e=>e.rowId===s)&&S(null)},[u,s]),r.useEffect(()=>{const e=a=>{const n=a.target;!D.current?.contains(n)&&!A.current?.contains(n)&&(C(!1),w(""))};return h&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[h]);const $=r.useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null),N(!0)},[]),L=r.useCallback(()=>{v.current=setTimeout(()=>N(!1),300)},[]),k=r.useCallback((e,a,n,j)=>{const p=Math.max(0,window.innerWidth-n),W=Math.max(0,window.innerHeight-j);return{x:Math.min(Math.max(e,0),p),y:Math.min(Math.max(a,0),W)}},[]),_=r.useCallback(e=>{e.preventDefault();const a=e.currentTarget.closest(".pending-edits-floating-bar");if(!a)return;const n=a.getBoundingClientRect();c.current={x:e.clientX,y:e.clientY,barX:l?.x??n.left,barY:l?.y??n.top,barWidth:n.width,barHeight:n.height},z(!0)},[l]);r.useEffect(()=>{if(!F)return;const e=n=>{if(!c.current)return;const j=c.current.barX+n.clientX-c.current.x,p=c.current.barY+n.clientY-c.current.y;T(k(j,p,c.current.barWidth,c.current.barHeight))},a=()=>{z(!1),c.current=null};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",a),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",a)}},[F,k]),r.useEffect(()=>{if(!l||!y.current)return;const e=()=>{if(!y.current)return;const a=y.current.getBoundingClientRect(),n=k(l.x,l.y,a.width,a.height);(n.x!==l.x||n.y!==l.y)&&T(n)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[l,k]);const H=(e,a)=>{if(typeof e=="boolean")return e?"Yes":"No";if(e==null||e==="")return"-";const n=String(e);if(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2})?)?/.test(n)){const p=n.includes("T");return ee.formatDate(n,{withTime:p,skipTimezone:!0})||n}return a?`${n} ${a}`:n},Q=e=>{N(!1),E(e.rowId,e.columnKey,e.rowIndex)},P=e=>{S(e),C(!1),w("")};if(b===0)return null;const Z=t.jsxs(o.motion.div,{ref:y,className:"pending-edits-floating-bar fixed z-[9999]",style:{zIndex:2147483646,...l?{left:l.x,top:l.y}:{bottom:24,left:"50%",transform:"translateX(-50%)"}},initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{type:"spring",stiffness:300,damping:25},children:[t.jsx(o.AnimatePresence,{children:G&&!x&&t.jsx(o.motion.div,{className:"absolute w-80",style:{bottom:"100%",left:"50%",marginLeft:q.FLOATING_BAR_TOOLTIP_MARGIN_LEFT,marginBottom:q.FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM},initial:{opacity:0,y:10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:10,scale:.95},transition:{type:"spring",stiffness:300,damping:24},onMouseEnter:$,onMouseLeave:L,children:t.jsxs("div",{className:"bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 py-2 overflow-hidden",children:[t.jsx("div",{className:"px-3 py-1.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider border-b border-neutral-100 dark:border-black-600",children:"Pending Changes"}),u.length>1&&t.jsx("div",{className:"px-3 py-2 border-b border-neutral-100 dark:border-black-600",ref:D,children:t.jsxs("div",{className:"relative",children:[t.jsxs("button",{ref:M,onClick:()=>{M.current&&K(M.current.getBoundingClientRect()),C(!h)},className:"w-full text-xs px-2 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-neutral-50 dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 flex items-center justify-between gap-2",children:[t.jsx("span",{className:"truncate",children:J}),t.jsx(o.motion.div,{animate:{rotate:h?180:0},transition:{duration:.2},children:t.jsx(f.KeyboardArrowDownRounded,{sx:{fontSize:16},className:"text-neutral-400"})})]}),h&&g&&V.createPortal(t.jsx(o.AnimatePresence,{children:t.jsxs(o.motion.div,{ref:A,className:"fixed bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 overflow-hidden",style:{zIndex:2147483647,top:g.bottom+4,left:g.left,width:g.width},variants:te,initial:"hidden",animate:"visible",exit:"exit",children:[t.jsx("div",{className:"p-2 border-b border-neutral-100 dark:border-black-600",children:t.jsxs("div",{className:"relative flex items-center",children:[t.jsx(f.SearchRounded,{sx:{fontSize:14},className:"absolute left-2 text-neutral-400 dark:text-neutral-500 z-10 pointer-events-none"}),t.jsx("input",{type:"text",value:i,onChange:e=>w(e.target.value),placeholder:"Search rows...",className:"w-full text-xs pl-7 pr-7 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-white dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 placeholder:text-neutral-400",autoFocus:!0}),i&&t.jsx("button",{onClick:()=>w(""),className:"absolute right-2 z-10 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300",children:t.jsx(f.CloseRounded,{sx:{fontSize:14}})})]})}),t.jsxs(o.motion.div,{className:"max-h-40 overflow-y-auto",variants:X,initial:"hidden",animate:"visible",children:[(!i||"all rows".includes(i.toLowerCase()))&&t.jsxs(o.motion.button,{variants:R,onClick:()=>P(null),className:`w-full text-left px-3 py-2 text-xs transition-colors ${s?"text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600":"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300"}`,children:["All Rows (",m.length," changes)"]}),B.map(e=>t.jsxs(o.motion.button,{variants:R,onClick:()=>P(e.rowId),className:`w-full text-left px-3 py-2 text-xs transition-colors ${s===e.rowId?"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300":"text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600"}`,children:["Row ",e.rowIndex+1," (",e.editCount," ",e.editCount===1?"change":"changes",")"]},e.rowId)),B.length===0&&i&&!"all rows".includes(i.toLowerCase())&&t.jsx(o.motion.div,{variants:R,className:"px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400",children:"No rows found"})]})]})}),document.body)]})}),t.jsx(o.motion.div,{className:"max-h-52 overflow-y-auto",variants:X,initial:"hidden",animate:"visible",children:U?.map((e,a)=>t.jsxs(o.motion.button,{variants:R,onClick:()=>Q(e),className:"w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors",whileHover:{backgroundColor:"rgba(0,0,0,0.03)"},whileTap:{scale:.98},children:[t.jsxs("div",{className:"text-xs font-bold text-neutral-700 dark:text-neutral-300 mb-1",children:[e.fieldName," ",!s&&t.jsxs("span",{className:"font-normal text-neutral-500 dark:text-neutral-400",children:["(Row ",e.rowIndex+1,")"]})]}),t.jsxs("div",{className:"flex items-center gap-1.5 text-sm",children:[t.jsx("span",{className:"text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]",children:H(e.originalValue,e.originalMeta?.currency_code)}),t.jsx("span",{className:"text-neutral-400 dark:text-neutral-500 flex-shrink-0",children:"→"}),t.jsx("span",{className:"text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]",children:H(e.value,e.meta?.currency_code)})]})]},`${e.rowId}-${e.columnKey}-${a}`))})]})})}),t.jsxs(o.motion.div,{className:"flex items-center bg-white dark:bg-black-700 shadow-lg border border-neutral-200 dark:border-black-600 overflow-hidden",animate:{padding:x?"8px":"12px 16px",gap:x?"0px":"12px",borderRadius:x?"9999px":"8px"},transition:{type:"spring",stiffness:300,damping:25},children:[t.jsx(o.AnimatePresence,{mode:"wait",children:x?t.jsx(o.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},onMouseDown:_,onClick:()=>I(!1),className:"flex items-center justify-center cursor-grab active:cursor-grabbing flex-shrink-0",style:{width:"32px",height:"32px",borderRadius:"9999px",backgroundColor:"var(--color-primary-600)",color:"white"},title:"Drag to move / Click to expand",whileHover:{backgroundColor:"var(--color-primary-700)",scale:1.05},whileTap:{scale:.95},children:t.jsx("span",{className:"text-xs font-bold",children:b})},"minimized"):t.jsx(o.motion.button,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},onClick:()=>I(!0),className:"flex items-center justify-center flex-shrink-0",style:{width:"24px",height:"24px",borderRadius:"4px",backgroundColor:"transparent",color:"var(--color-neutral-400)"},title:"Minimize",whileHover:{backgroundColor:"var(--color-neutral-100)",color:"var(--color-neutral-600)"},whileTap:{scale:.9},children:t.jsx(f.RemoveOutlined,{sx:{fontSize:16}})},"minimize-btn")}),t.jsxs(o.motion.div,{className:"flex items-center gap-3",animate:{width:x?0:"auto",opacity:x?0:1},transition:{type:"spring",stiffness:300,damping:25},style:{overflow:"hidden",pointerEvents:x?"none":"auto"},children:[t.jsx("div",{onMouseDown:_,className:"cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center",title:"Drag to move",children:t.jsx(f.DragIndicator,{sx:{fontSize:18}})}),t.jsx("div",{className:"relative",onMouseEnter:$,onMouseLeave:L,children:t.jsxs("span",{className:"text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap",children:[b," unsaved ",b===1?"change":"changes"]})}),t.jsx("div",{className:"h-4 w-px bg-neutral-200 dark:bg-black-600 flex-shrink-0"}),t.jsx(o.motion.button,{onClick:Y,disabled:!!d,className:`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${d?"text-neutral-400 dark:text-neutral-500 cursor-not-allowed":"text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-black-600"}`,whileHover:d?void 0:{scale:1.02},whileTap:d?void 0:{scale:.98},children:"Cancel"}),t.jsx(o.motion.button,{onClick:O,disabled:!!d,className:`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${d?"text-white bg-primary-400 cursor-not-allowed":"text-white bg-primary-600 hover:bg-primary-700"}`,whileHover:d?void 0:{scale:1.02},whileTap:d?void 0:{scale:.98},children:"Save All"})]})]})]});return V.createPortal(Z,document.body)};exports.PendingEditsFloatingBar=re;
 //# sourceMappingURL=PendingEditsFloatingBar.cjs.js.map

package/dist/components/data-display/infinite-table/PendingEditsFloatingBar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingEditsFloatingBar.cjs.js","sources":["../../../../src/components/data-display/infinite-table/PendingEditsFloatingBar.tsx"],"sourcesContent":["import { formatDate } from '../../../utils/formatters';\nimport { CloseRounded, DragIndicator, KeyboardArrowDownRounded, RemoveOutlined, SearchRounded } from '@mui/icons-material';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface PendingEdit {\n  rowId: string;\n  columnKey: string;\n  fieldName: string;\n  value: unknown;\n  originalValue: unknown;\n  meta?: { currency_code?: string | null; [key: string]: unknown | null } | null;\n  originalMeta?: { currency_code?: string | null; [key: string]: unknown | null } | null;\n  rowIndex: number;\n}\n\ninterface RowWithPendingEdits {\n  rowId: string;\n  rowIndex: number;\n  editCount: number;\n}\n\ninterface PendingEditsFloatingBarProps {\n  pendingEditsCount: number;\n  pendingEditsList: PendingEdit[];\n  rowsWithPendingEdits: RowWithPendingEdits[];\n  fieldOperationLoading: string | null;\n  onClearAll: () => void;\n  onSaveAll: () => void;\n  onScrollToCell: (rowId: string, columnKey: string, rowIndex: number) => void;\n}\n\nconst rowFilterDropdownVariants = {\n  hidden: { opacity: 0, y: -8, scale: 0.95 },\n  visible: { opacity: 1, y: 0, scale: 1, transition: { type: 'spring' as const, stiffness: 400, damping: 25 } },\n  exit: { opacity: 0, y: -8, scale: 0.95, transition: { duration: 0.1 } },\n};\n\nconst listContainerVariants = {\n  hidden: { opacity: 0 },\n  visible: { opacity: 1, transition: { staggerChildren: 0.03, delayChildren: 0.05 } },\n};\n\nconst listItemVariants = {\n  hidden: { opacity: 0, y: -8 },\n  visible: { opacity: 1, y: 0, transition: { type: 'spring' as const, stiffness: 400, damping: 25 } },\n};\n\nexport const PendingEditsFloatingBar: React.FC<PendingEditsFloatingBarProps> = ({\n  pendingEditsCount, pendingEditsList, rowsWithPendingEdits, fieldOperationLoading, onClearAll, onSaveAll, onScrollToCell,\n}) => {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [isMinimized, setIsMinimized] = useState(false);\n  const [rowFilter, setRowFilter] = useState<string | null>(null);\n  const [position, setPosition] = useState<{ x: number; y: number } | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [rowFilterSearch, setRowFilterSearch] = useState('');\n  const [showRowFilterDropdown, setShowRowFilterDropdown] = useState(false);\n  const [rowFilterButtonRect, setRowFilterButtonRect] = useState<DOMRect | null>(null);\n\n  const dropdownTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const dragStartRef = useRef<{ x: number; y: number; barX: number; barY: number; barWidth: number; barHeight: number } | null>(null);\n  const floatingBarRef = useRef<HTMLDivElement>(null);\n  const rowFilterRef = useRef<HTMLDivElement>(null);\n  const rowFilterButtonRef = useRef<HTMLButtonElement>(null);\n  const rowFilterDropdownRef = useRef<HTMLDivElement>(null);\n\n  const filteredPendingEditsList = useMemo(() => {\n    if (!rowFilter) return pendingEditsList;\n    return pendingEditsList.filter((edit) => edit.rowId === rowFilter);\n  }, [pendingEditsList, rowFilter]);\n\n  const filteredRowOptions = useMemo(() => {\n    if (!rowFilterSearch) return rowsWithPendingEdits;\n    const searchLower = rowFilterSearch.toLowerCase();\n    return rowsWithPendingEdits.filter((row) => `row ${row.rowIndex + 1}`.toLowerCase().includes(searchLower));\n  }, [rowsWithPendingEdits, rowFilterSearch]);\n\n  const selectedRowLabel = useMemo(() => {\n    if (!rowFilter) return `All Rows (${pendingEditsList.length})`;\n    const row = rowsWithPendingEdits.find((r) => r.rowId === rowFilter);\n    if (!row) return `All Rows (${pendingEditsList.length})`;\n    return `Row ${row.rowIndex + 1} (${row.editCount})`;\n  }, [rowFilter, rowsWithPendingEdits, pendingEditsList.length]);\n\n  useEffect(() => {\n    if (rowFilter && !rowsWithPendingEdits.find((row) => row.rowId === rowFilter)) setRowFilter(null);\n  }, [rowsWithPendingEdits, rowFilter]);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (!rowFilterRef.current?.contains(target) && !rowFilterDropdownRef.current?.contains(target)) {\n        setShowRowFilterDropdown(false);\n        setRowFilterSearch('');\n      }\n    };\n    if (showRowFilterDropdown) document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showRowFilterDropdown]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (dropdownTimeoutRef.current) { clearTimeout(dropdownTimeoutRef.current); dropdownTimeoutRef.current = null; }\n    setShowDropdown(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    dropdownTimeoutRef.current = setTimeout(() => setShowDropdown(false), 300);\n  }, []);\n\n  const clampPositionToViewport = useCallback((nextX: number, nextY: number, barWidth: number, barHeight: number) => {\n    const maxX = Math.max(0, window.innerWidth - barWidth);\n    const maxY = Math.max(0, window.innerHeight - barHeight);\n\n    return {\n      x: Math.min(Math.max(nextX, 0), maxX),\n      y: Math.min(Math.max(nextY, 0), maxY),\n    };\n  }, []);\n\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    const barElement = e.currentTarget.closest('.pending-edits-floating-bar') as HTMLElement;\n    if (!barElement) return;\n    const rect = barElement.getBoundingClientRect();\n    dragStartRef.current = {\n      x: e.clientX,\n      y: e.clientY,\n      barX: position?.x ?? rect.left,\n      barY: position?.y ?? rect.top,\n      barWidth: rect.width,\n      barHeight: rect.height,\n    };\n    setIsDragging(true);\n  }, [position]);\n\n  useEffect(() => {\n    if (!isDragging) return;\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!dragStartRef.current) return;\n      const nextX = dragStartRef.current.barX + e.clientX - dragStartRef.current.x;\n      const nextY = dragStartRef.current.barY + e.clientY - dragStartRef.current.y;\n      setPosition(clampPositionToViewport(nextX, nextY, dragStartRef.current.barWidth, dragStartRef.current.barHeight));\n    };\n    const handleMouseUp = () => { setIsDragging(false); dragStartRef.current = null; };\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => { document.removeEventListener('mousemove', handleMouseMove); document.removeEventListener('mouseup', handleMouseUp); };\n  }, [isDragging, clampPositionToViewport]);\n\n  useEffect(() => {\n    if (!position || !floatingBarRef.current) return;\n\n    const keepBarInViewport = () => {\n      if (!floatingBarRef.current) return;\n      const rect = floatingBarRef.current.getBoundingClientRect();\n      const clampedPosition = clampPositionToViewport(position.x, position.y, rect.width, rect.height);\n      if (clampedPosition.x !== position.x || clampedPosition.y !== position.y) {\n        setPosition(clampedPosition);\n      }\n    };\n\n    keepBarInViewport();\n    window.addEventListener('resize', keepBarInViewport);\n    return () => window.removeEventListener('resize', keepBarInViewport);\n  }, [position, clampPositionToViewport]);\n\n  const formatValue = (val: unknown, currencyCode?: string | null): string => {\n    if (typeof val === 'boolean') return val ? 'Yes' : 'No';\n    if (val === null || val === undefined || val === '') return '-';\n    const strVal = String(val);\n    const dateRegex = /^\\d{4}-\\d{2}-\\d{2}(T\\d{2}:\\d{2}(:\\d{2})?)?/;\n    if (dateRegex.test(strVal)) {\n      const hasTime = strVal.includes('T');\n      return formatDate(strVal, { withTime: hasTime, skipTimezone: true }) || strVal;\n    }\n    if (currencyCode) return `${strVal} ${currencyCode}`;\n    return strVal;\n  };\n\n  const handleCellClick = (edit: PendingEdit) => { setShowDropdown(false); onScrollToCell(edit.rowId, edit.columnKey, edit.rowIndex); };\n  const handleRowFilterSelect = (rowId: string | null) => { setRowFilter(rowId); setShowRowFilterDropdown(false); setRowFilterSearch(''); };\n\n  if (pendingEditsCount === 0) return null;\n\n  const floatingBar = (\n    <motion.div\n      ref={floatingBarRef}\n      className='pending-edits-floating-bar fixed z-[9999]'\n      style={{\n        zIndex: 2147483646,\n        ...(position ? { left: position.x, top: position.y } : { bottom: 24, left: '50%', transform: 'translateX(-50%)' }),\n      }}\n      initial={{ opacity: 0, scale: 0.9 }}\n      animate={{ opacity: 1, scale: 1 }}\n      transition={{ type: 'spring', stiffness: 300, damping: 25 }}\n    >\n      <AnimatePresence>\n        {showDropdown && !isMinimized && (\n          <motion.div\n            className='absolute w-80'\n            style={{ bottom: '100%', left: '50%', marginLeft: '-160px', marginBottom: '4px' }}\n            initial={{ opacity: 0, y: 10, scale: 0.95 }}\n            animate={{ opacity: 1, y: 0, scale: 1 }}\n            exit={{ opacity: 0, y: 10, scale: 0.95 }}\n            transition={{ type: 'spring', stiffness: 300, damping: 24 }}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n          >\n            <div className='bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 py-2 overflow-hidden'>\n              <div className='px-3 py-1.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider border-b border-neutral-100 dark:border-black-600'>Pending Changes</div>\n              {rowsWithPendingEdits.length > 1 && (\n                <div className='px-3 py-2 border-b border-neutral-100 dark:border-black-600' ref={rowFilterRef}>\n                  <div className='relative'>\n                    <button\n                      ref={rowFilterButtonRef}\n                      onClick={() => { if (rowFilterButtonRef.current) setRowFilterButtonRect(rowFilterButtonRef.current.getBoundingClientRect()); setShowRowFilterDropdown(!showRowFilterDropdown); }}\n                      className='w-full text-xs px-2 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-neutral-50 dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 flex items-center justify-between gap-2'\n                    >\n                      <span className='truncate'>{selectedRowLabel}</span>\n                      <motion.div animate={{ rotate: showRowFilterDropdown ? 180 : 0 }} transition={{ duration: 0.2 }}>\n                        <KeyboardArrowDownRounded sx={{ fontSize: 16 }} className='text-neutral-400' />\n                      </motion.div>\n                    </button>\n                    {showRowFilterDropdown && rowFilterButtonRect && createPortal(\n                      <AnimatePresence>\n                        <motion.div\n                          ref={rowFilterDropdownRef}\n                          className='fixed bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 overflow-hidden'\n                          style={{ zIndex: 2147483647, top: rowFilterButtonRect.bottom + 4, left: rowFilterButtonRect.left, width: rowFilterButtonRect.width }}\n                          variants={rowFilterDropdownVariants}\n                          initial='hidden' animate='visible' exit='exit'\n                        >\n                          <div className='p-2 border-b border-neutral-100 dark:border-black-600'>\n                            <div className='relative flex items-center'>\n                              <SearchRounded sx={{ fontSize: 14 }} className='absolute left-2 text-neutral-400 dark:text-neutral-500 z-10 pointer-events-none' />\n                              <input type='text' value={rowFilterSearch} onChange={(e) => setRowFilterSearch(e.target.value)} placeholder='Search rows...' className='w-full text-xs pl-7 pr-7 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-white dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 placeholder:text-neutral-400' autoFocus />\n                              {rowFilterSearch && <button onClick={() => setRowFilterSearch('')} className='absolute right-2 z-10 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300'><CloseRounded sx={{ fontSize: 14 }} /></button>}\n                            </div>\n                          </div>\n                          <motion.div className='max-h-40 overflow-y-auto' variants={listContainerVariants} initial='hidden' animate='visible'>\n                            {(!rowFilterSearch || 'all rows'.includes(rowFilterSearch.toLowerCase())) && (\n                              <motion.button variants={listItemVariants} onClick={() => handleRowFilterSelect(null)} className={`w-full text-left px-3 py-2 text-xs transition-colors ${!rowFilter ? 'bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300' : 'text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600'}`}>\n                                All Rows ({pendingEditsList.length} changes)\n                              </motion.button>\n                            )}\n                            {filteredRowOptions.map((row) => (\n                              <motion.button key={row.rowId} variants={listItemVariants} onClick={() => handleRowFilterSelect(row.rowId)} className={`w-full text-left px-3 py-2 text-xs transition-colors ${rowFilter === row.rowId ? 'bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300' : 'text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600'}`}>\n                                Row {row.rowIndex + 1} ({row.editCount} {row.editCount === 1 ? 'change' : 'changes'})\n                              </motion.button>\n                            ))}\n                            {filteredRowOptions.length === 0 && rowFilterSearch && !'all rows'.includes(rowFilterSearch.toLowerCase()) && (\n                              <motion.div variants={listItemVariants} className='px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400'>No rows found</motion.div>\n                            )}\n                          </motion.div>\n                        </motion.div>\n                      </AnimatePresence>,\n                      document.body,\n                    )}\n                  </div>\n                </div>\n              )}\n              <motion.div className='max-h-52 overflow-y-auto' variants={listContainerVariants} initial='hidden' animate='visible'>\n                {filteredPendingEditsList?.map((edit, idx) => (\n                  <motion.button key={`${edit.rowId}-${edit.columnKey}-${idx}`} variants={listItemVariants} onClick={() => handleCellClick(edit)} className='w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors' whileHover={{ backgroundColor: 'rgba(0,0,0,0.03)' }} whileTap={{ scale: 0.98 }}>\n                    <div className='text-xs font-bold text-neutral-700 dark:text-neutral-300 mb-1'>\n                      {edit.fieldName} {!rowFilter && <span className='font-normal text-neutral-500 dark:text-neutral-400'>(Row {edit.rowIndex + 1})</span>}\n                    </div>\n                    <div className='flex items-center gap-1.5 text-sm'>\n                      <span className='text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]'>{formatValue(edit.originalValue, edit.originalMeta?.currency_code)}</span>\n                      <span className='text-neutral-400 dark:text-neutral-500 flex-shrink-0'>→</span>\n                      <span className='text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]'>{formatValue(edit.value, edit.meta?.currency_code)}</span>\n                    </div>\n                  </motion.button>\n                ))}\n              </motion.div>\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      <motion.div\n        className='flex items-center bg-white dark:bg-black-700 shadow-lg border border-neutral-200 dark:border-black-600 overflow-hidden'\n        animate={{ padding: isMinimized ? '8px' : '12px 16px', gap: isMinimized ? '0px' : '12px', borderRadius: isMinimized ? '9999px' : '8px' }}\n        transition={{ type: 'spring', stiffness: 300, damping: 25 }}\n      >\n        <AnimatePresence mode='wait'>\n          {isMinimized ? (\n            <motion.div key='minimized' initial={{ opacity: 0, scale: 0.8 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.8 }}\n              onMouseDown={handleMouseDown} onClick={() => setIsMinimized(false)}\n              className='flex items-center justify-center cursor-grab active:cursor-grabbing flex-shrink-0'\n              style={{ width: '32px', height: '32px', borderRadius: '9999px', backgroundColor: 'var(--color-primary-600)', color: 'white' }}\n              title='Drag to move / Click to expand' whileHover={{ backgroundColor: 'var(--color-primary-700)', scale: 1.05 }} whileTap={{ scale: 0.95 }}\n            >\n              <span className='text-xs font-bold'>{pendingEditsCount}</span>\n            </motion.div>\n          ) : (\n            <motion.button key='minimize-btn' initial={{ opacity: 0, scale: 0.8 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.8 }}\n              onClick={() => setIsMinimized(true)} className='flex items-center justify-center flex-shrink-0'\n              style={{ width: '24px', height: '24px', borderRadius: '4px', backgroundColor: 'transparent', color: 'var(--color-neutral-400)' }}\n              title='Minimize' whileHover={{ backgroundColor: 'var(--color-neutral-100)', color: 'var(--color-neutral-600)' }} whileTap={{ scale: 0.9 }}\n            >\n              <RemoveOutlined sx={{ fontSize: 16 }} />\n            </motion.button>\n          )}\n        </AnimatePresence>\n\n        <motion.div className='flex items-center gap-3' animate={{ width: isMinimized ? 0 : 'auto', opacity: isMinimized ? 0 : 1 }}\n          transition={{ type: 'spring', stiffness: 300, damping: 25 }} style={{ overflow: 'hidden', pointerEvents: isMinimized ? 'none' : 'auto' }}\n        >\n          <div onMouseDown={handleMouseDown} className='cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center' title='Drag to move'>\n            <DragIndicator sx={{ fontSize: 18 }} />\n          </div>\n          <div className='relative' onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n            <span className='text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap'>\n              {pendingEditsCount} unsaved {pendingEditsCount === 1 ? 'change' : 'changes'}\n            </span>\n          </div>\n          <div className='h-4 w-px bg-neutral-200 dark:bg-black-600 flex-shrink-0' />\n          <motion.button onClick={onClearAll} disabled={!!fieldOperationLoading}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${fieldOperationLoading ? 'text-neutral-400 dark:text-neutral-500 cursor-not-allowed' : 'text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-black-600'}`}\n            whileHover={!fieldOperationLoading ? { scale: 1.02 } : undefined} whileTap={!fieldOperationLoading ? { scale: 0.98 } : undefined}\n          >\n            Cancel\n          </motion.button>\n          <motion.button onClick={onSaveAll} disabled={!!fieldOperationLoading}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${fieldOperationLoading ? 'text-white bg-primary-400 cursor-not-allowed' : 'text-white bg-primary-600 hover:bg-primary-700'}`}\n            whileHover={!fieldOperationLoading ? { scale: 1.02 } : undefined} whileTap={!fieldOperationLoading ? { scale: 0.98 } : undefined}\n          >\n            Save All\n          </motion.button>\n        </motion.div>\n      </motion.div>\n    </motion.div>\n  );\n\n  return createPortal(floatingBar, document.body);\n};\n"],"names":["rowFilterDropdownVariants","listContainerVariants","listItemVariants","PendingEditsFloatingBar","pendingEditsCount","pendingEditsList","rowsWithPendingEdits","fieldOperationLoading","onClearAll","onSaveAll","onScrollToCell","showDropdown","setShowDropdown","useState","isMinimized","setIsMinimized","rowFilter","setRowFilter","position","setPosition","isDragging","setIsDragging","rowFilterSearch","setRowFilterSearch","showRowFilterDropdown","setShowRowFilterDropdown","rowFilterButtonRect","setRowFilterButtonRect","dropdownTimeoutRef","useRef","dragStartRef","floatingBarRef","rowFilterRef","rowFilterButtonRef","rowFilterDropdownRef","filteredPendingEditsList","useMemo","edit","filteredRowOptions","searchLower","row","selectedRowLabel","r","useEffect","handleClickOutside","e","target","handleMouseEnter","useCallback","handleMouseLeave","clampPositionToViewport","nextX","nextY","barWidth","barHeight","maxX","maxY","handleMouseDown","barElement","rect","handleMouseMove","handleMouseUp","keepBarInViewport","clampedPosition","formatValue","val","currencyCode","strVal","hasTime","formatDate","handleCellClick","handleRowFilterSelect","rowId","floatingBar","jsxs","motion","jsx","AnimatePresence","KeyboardArrowDownRounded","createPortal","SearchRounded","CloseRounded","idx","RemoveOutlined","DragIndicator"],"mappings":"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"}
+{"version":3,"file":"PendingEditsFloatingBar.cjs.js","sources":["../../../../src/components/data-display/infinite-table/PendingEditsFloatingBar.tsx"],"sourcesContent":["import { formatDate } from '../../../utils/formatters';\nimport { CloseRounded, DragIndicator, KeyboardArrowDownRounded, RemoveOutlined, SearchRounded } from '@mui/icons-material';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM, FLOATING_BAR_TOOLTIP_MARGIN_LEFT } from './constants';\n\ninterface PendingEdit {\n  rowId: string;\n  columnKey: string;\n  fieldName: string;\n  value: unknown;\n  originalValue: unknown;\n  meta?: { currency_code?: string | null; [key: string]: unknown | null } | null;\n  originalMeta?: { currency_code?: string | null; [key: string]: unknown | null } | null;\n  rowIndex: number;\n}\n\ninterface RowWithPendingEdits {\n  rowId: string;\n  rowIndex: number;\n  editCount: number;\n}\n\ninterface PendingEditsFloatingBarProps {\n  pendingEditsCount: number;\n  pendingEditsList: PendingEdit[];\n  rowsWithPendingEdits: RowWithPendingEdits[];\n  fieldOperationLoading: string | null;\n  onClearAll: () => void;\n  onSaveAll: () => void;\n  onScrollToCell: (rowId: string, columnKey: string, rowIndex: number) => void;\n}\n\nconst rowFilterDropdownVariants = {\n  hidden: { opacity: 0, y: -8, scale: 0.95 },\n  visible: { opacity: 1, y: 0, scale: 1, transition: { type: 'spring' as const, stiffness: 400, damping: 25 } },\n  exit: { opacity: 0, y: -8, scale: 0.95, transition: { duration: 0.1 } },\n};\n\nconst listContainerVariants = {\n  hidden: { opacity: 0 },\n  visible: { opacity: 1, transition: { staggerChildren: 0.03, delayChildren: 0.05 } },\n};\n\nconst listItemVariants = {\n  hidden: { opacity: 0, y: -8 },\n  visible: { opacity: 1, y: 0, transition: { type: 'spring' as const, stiffness: 400, damping: 25 } },\n};\n\nexport const PendingEditsFloatingBar: React.FC<PendingEditsFloatingBarProps> = ({\n  pendingEditsCount, pendingEditsList, rowsWithPendingEdits, fieldOperationLoading, onClearAll, onSaveAll, onScrollToCell,\n}) => {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [isMinimized, setIsMinimized] = useState(false);\n  const [rowFilter, setRowFilter] = useState<string | null>(null);\n  const [position, setPosition] = useState<{ x: number; y: number } | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [rowFilterSearch, setRowFilterSearch] = useState('');\n  const [showRowFilterDropdown, setShowRowFilterDropdown] = useState(false);\n  const [rowFilterButtonRect, setRowFilterButtonRect] = useState<DOMRect | null>(null);\n\n  const dropdownTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const dragStartRef = useRef<{ x: number; y: number; barX: number; barY: number; barWidth: number; barHeight: number } | null>(null);\n  const floatingBarRef = useRef<HTMLDivElement>(null);\n  const rowFilterRef = useRef<HTMLDivElement>(null);\n  const rowFilterButtonRef = useRef<HTMLButtonElement>(null);\n  const rowFilterDropdownRef = useRef<HTMLDivElement>(null);\n\n  const filteredPendingEditsList = useMemo(() => {\n    if (!rowFilter) return pendingEditsList;\n    return pendingEditsList.filter((edit) => edit.rowId === rowFilter);\n  }, [pendingEditsList, rowFilter]);\n\n  const filteredRowOptions = useMemo(() => {\n    if (!rowFilterSearch) return rowsWithPendingEdits;\n    const searchLower = rowFilterSearch.toLowerCase();\n    return rowsWithPendingEdits.filter((row) => `row ${row.rowIndex + 1}`.toLowerCase().includes(searchLower));\n  }, [rowsWithPendingEdits, rowFilterSearch]);\n\n  const selectedRowLabel = useMemo(() => {\n    if (!rowFilter) return `All Rows (${pendingEditsList.length})`;\n    const row = rowsWithPendingEdits.find((r) => r.rowId === rowFilter);\n    if (!row) return `All Rows (${pendingEditsList.length})`;\n    return `Row ${row.rowIndex + 1} (${row.editCount})`;\n  }, [rowFilter, rowsWithPendingEdits, pendingEditsList.length]);\n\n  useEffect(() => {\n    if (rowFilter && !rowsWithPendingEdits.find((row) => row.rowId === rowFilter)) setRowFilter(null);\n  }, [rowsWithPendingEdits, rowFilter]);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (!rowFilterRef.current?.contains(target) && !rowFilterDropdownRef.current?.contains(target)) {\n        setShowRowFilterDropdown(false);\n        setRowFilterSearch('');\n      }\n    };\n    if (showRowFilterDropdown) document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showRowFilterDropdown]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (dropdownTimeoutRef.current) { clearTimeout(dropdownTimeoutRef.current); dropdownTimeoutRef.current = null; }\n    setShowDropdown(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    dropdownTimeoutRef.current = setTimeout(() => setShowDropdown(false), 300);\n  }, []);\n\n  const clampPositionToViewport = useCallback((nextX: number, nextY: number, barWidth: number, barHeight: number) => {\n    const maxX = Math.max(0, window.innerWidth - barWidth);\n    const maxY = Math.max(0, window.innerHeight - barHeight);\n\n    return {\n      x: Math.min(Math.max(nextX, 0), maxX),\n      y: Math.min(Math.max(nextY, 0), maxY),\n    };\n  }, []);\n\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    const barElement = e.currentTarget.closest('.pending-edits-floating-bar') as HTMLElement;\n    if (!barElement) return;\n    const rect = barElement.getBoundingClientRect();\n    dragStartRef.current = {\n      x: e.clientX,\n      y: e.clientY,\n      barX: position?.x ?? rect.left,\n      barY: position?.y ?? rect.top,\n      barWidth: rect.width,\n      barHeight: rect.height,\n    };\n    setIsDragging(true);\n  }, [position]);\n\n  useEffect(() => {\n    if (!isDragging) return;\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!dragStartRef.current) return;\n      const nextX = dragStartRef.current.barX + e.clientX - dragStartRef.current.x;\n      const nextY = dragStartRef.current.barY + e.clientY - dragStartRef.current.y;\n      setPosition(clampPositionToViewport(nextX, nextY, dragStartRef.current.barWidth, dragStartRef.current.barHeight));\n    };\n    const handleMouseUp = () => { setIsDragging(false); dragStartRef.current = null; };\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => { document.removeEventListener('mousemove', handleMouseMove); document.removeEventListener('mouseup', handleMouseUp); };\n  }, [isDragging, clampPositionToViewport]);\n\n  useEffect(() => {\n    if (!position || !floatingBarRef.current) return;\n\n    const keepBarInViewport = () => {\n      if (!floatingBarRef.current) return;\n      const rect = floatingBarRef.current.getBoundingClientRect();\n      const clampedPosition = clampPositionToViewport(position.x, position.y, rect.width, rect.height);\n      if (clampedPosition.x !== position.x || clampedPosition.y !== position.y) {\n        setPosition(clampedPosition);\n      }\n    };\n\n    keepBarInViewport();\n    window.addEventListener('resize', keepBarInViewport);\n    return () => window.removeEventListener('resize', keepBarInViewport);\n  }, [position, clampPositionToViewport]);\n\n  const formatValue = (val: unknown, currencyCode?: string | null): string => {\n    if (typeof val === 'boolean') return val ? 'Yes' : 'No';\n    if (val === null || val === undefined || val === '') return '-';\n    const strVal = String(val);\n    const dateRegex = /^\\d{4}-\\d{2}-\\d{2}(T\\d{2}:\\d{2}(:\\d{2})?)?/;\n    if (dateRegex.test(strVal)) {\n      const hasTime = strVal.includes('T');\n      return formatDate(strVal, { withTime: hasTime, skipTimezone: true }) || strVal;\n    }\n    if (currencyCode) return `${strVal} ${currencyCode}`;\n    return strVal;\n  };\n\n  const handleCellClick = (edit: PendingEdit) => { setShowDropdown(false); onScrollToCell(edit.rowId, edit.columnKey, edit.rowIndex); };\n  const handleRowFilterSelect = (rowId: string | null) => { setRowFilter(rowId); setShowRowFilterDropdown(false); setRowFilterSearch(''); };\n\n  if (pendingEditsCount === 0) return null;\n\n  const floatingBar = (\n    <motion.div\n      ref={floatingBarRef}\n      className='pending-edits-floating-bar fixed z-[9999]'\n      style={{\n        zIndex: 2147483646,\n        ...(position ? { left: position.x, top: position.y } : { bottom: 24, left: '50%', transform: 'translateX(-50%)' }),\n      }}\n      initial={{ opacity: 0, scale: 0.9 }}\n      animate={{ opacity: 1, scale: 1 }}\n      transition={{ type: 'spring', stiffness: 300, damping: 25 }}\n    >\n      <AnimatePresence>\n        {showDropdown && !isMinimized && (\n          <motion.div\n            className='absolute w-80'\n            style={{ bottom: '100%', left: '50%', marginLeft: FLOATING_BAR_TOOLTIP_MARGIN_LEFT, marginBottom: FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM }}\n            initial={{ opacity: 0, y: 10, scale: 0.95 }}\n            animate={{ opacity: 1, y: 0, scale: 1 }}\n            exit={{ opacity: 0, y: 10, scale: 0.95 }}\n            transition={{ type: 'spring', stiffness: 300, damping: 24 }}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n          >\n            <div className='bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 py-2 overflow-hidden'>\n              <div className='px-3 py-1.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider border-b border-neutral-100 dark:border-black-600'>Pending Changes</div>\n              {rowsWithPendingEdits.length > 1 && (\n                <div className='px-3 py-2 border-b border-neutral-100 dark:border-black-600' ref={rowFilterRef}>\n                  <div className='relative'>\n                    <button\n                      ref={rowFilterButtonRef}\n                      onClick={() => { if (rowFilterButtonRef.current) setRowFilterButtonRect(rowFilterButtonRef.current.getBoundingClientRect()); setShowRowFilterDropdown(!showRowFilterDropdown); }}\n                      className='w-full text-xs px-2 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-neutral-50 dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 flex items-center justify-between gap-2'\n                    >\n                      <span className='truncate'>{selectedRowLabel}</span>\n                      <motion.div animate={{ rotate: showRowFilterDropdown ? 180 : 0 }} transition={{ duration: 0.2 }}>\n                        <KeyboardArrowDownRounded sx={{ fontSize: 16 }} className='text-neutral-400' />\n                      </motion.div>\n                    </button>\n                    {showRowFilterDropdown && rowFilterButtonRect && createPortal(\n                      <AnimatePresence>\n                        <motion.div\n                          ref={rowFilterDropdownRef}\n                          className='fixed bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 overflow-hidden'\n                          style={{ zIndex: 2147483647, top: rowFilterButtonRect.bottom + 4, left: rowFilterButtonRect.left, width: rowFilterButtonRect.width }}\n                          variants={rowFilterDropdownVariants}\n                          initial='hidden' animate='visible' exit='exit'\n                        >\n                          <div className='p-2 border-b border-neutral-100 dark:border-black-600'>\n                            <div className='relative flex items-center'>\n                              <SearchRounded sx={{ fontSize: 14 }} className='absolute left-2 text-neutral-400 dark:text-neutral-500 z-10 pointer-events-none' />\n                              <input type='text' value={rowFilterSearch} onChange={(e) => setRowFilterSearch(e.target.value)} placeholder='Search rows...' className='w-full text-xs pl-7 pr-7 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-white dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 placeholder:text-neutral-400' autoFocus />\n                              {rowFilterSearch && <button onClick={() => setRowFilterSearch('')} className='absolute right-2 z-10 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300'><CloseRounded sx={{ fontSize: 14 }} /></button>}\n                            </div>\n                          </div>\n                          <motion.div className='max-h-40 overflow-y-auto' variants={listContainerVariants} initial='hidden' animate='visible'>\n                            {(!rowFilterSearch || 'all rows'.includes(rowFilterSearch.toLowerCase())) && (\n                              <motion.button variants={listItemVariants} onClick={() => handleRowFilterSelect(null)} className={`w-full text-left px-3 py-2 text-xs transition-colors ${!rowFilter ? 'bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300' : 'text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600'}`}>\n                                All Rows ({pendingEditsList.length} changes)\n                              </motion.button>\n                            )}\n                            {filteredRowOptions.map((row) => (\n                              <motion.button key={row.rowId} variants={listItemVariants} onClick={() => handleRowFilterSelect(row.rowId)} className={`w-full text-left px-3 py-2 text-xs transition-colors ${rowFilter === row.rowId ? 'bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300' : 'text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600'}`}>\n                                Row {row.rowIndex + 1} ({row.editCount} {row.editCount === 1 ? 'change' : 'changes'})\n                              </motion.button>\n                            ))}\n                            {filteredRowOptions.length === 0 && rowFilterSearch && !'all rows'.includes(rowFilterSearch.toLowerCase()) && (\n                              <motion.div variants={listItemVariants} className='px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400'>No rows found</motion.div>\n                            )}\n                          </motion.div>\n                        </motion.div>\n                      </AnimatePresence>,\n                      document.body,\n                    )}\n                  </div>\n                </div>\n              )}\n              <motion.div className='max-h-52 overflow-y-auto' variants={listContainerVariants} initial='hidden' animate='visible'>\n                {filteredPendingEditsList?.map((edit, idx) => (\n                  <motion.button key={`${edit.rowId}-${edit.columnKey}-${idx}`} variants={listItemVariants} onClick={() => handleCellClick(edit)} className='w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors' whileHover={{ backgroundColor: 'rgba(0,0,0,0.03)' }} whileTap={{ scale: 0.98 }}>\n                    <div className='text-xs font-bold text-neutral-700 dark:text-neutral-300 mb-1'>\n                      {edit.fieldName} {!rowFilter && <span className='font-normal text-neutral-500 dark:text-neutral-400'>(Row {edit.rowIndex + 1})</span>}\n                    </div>\n                    <div className='flex items-center gap-1.5 text-sm'>\n                      <span className='text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]'>{formatValue(edit.originalValue, edit.originalMeta?.currency_code)}</span>\n                      <span className='text-neutral-400 dark:text-neutral-500 flex-shrink-0'>→</span>\n                      <span className='text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]'>{formatValue(edit.value, edit.meta?.currency_code)}</span>\n                    </div>\n                  </motion.button>\n                ))}\n              </motion.div>\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      <motion.div\n        className='flex items-center bg-white dark:bg-black-700 shadow-lg border border-neutral-200 dark:border-black-600 overflow-hidden'\n        animate={{ padding: isMinimized ? '8px' : '12px 16px', gap: isMinimized ? '0px' : '12px', borderRadius: isMinimized ? '9999px' : '8px' }}\n        transition={{ type: 'spring', stiffness: 300, damping: 25 }}\n      >\n        <AnimatePresence mode='wait'>\n          {isMinimized ? (\n            <motion.div key='minimized' initial={{ opacity: 0, scale: 0.8 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.8 }}\n              onMouseDown={handleMouseDown} onClick={() => setIsMinimized(false)}\n              className='flex items-center justify-center cursor-grab active:cursor-grabbing flex-shrink-0'\n              style={{ width: '32px', height: '32px', borderRadius: '9999px', backgroundColor: 'var(--color-primary-600)', color: 'white' }}\n              title='Drag to move / Click to expand' whileHover={{ backgroundColor: 'var(--color-primary-700)', scale: 1.05 }} whileTap={{ scale: 0.95 }}\n            >\n              <span className='text-xs font-bold'>{pendingEditsCount}</span>\n            </motion.div>\n          ) : (\n            <motion.button key='minimize-btn' initial={{ opacity: 0, scale: 0.8 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.8 }}\n              onClick={() => setIsMinimized(true)} className='flex items-center justify-center flex-shrink-0'\n              style={{ width: '24px', height: '24px', borderRadius: '4px', backgroundColor: 'transparent', color: 'var(--color-neutral-400)' }}\n              title='Minimize' whileHover={{ backgroundColor: 'var(--color-neutral-100)', color: 'var(--color-neutral-600)' }} whileTap={{ scale: 0.9 }}\n            >\n              <RemoveOutlined sx={{ fontSize: 16 }} />\n            </motion.button>\n          )}\n        </AnimatePresence>\n\n        <motion.div className='flex items-center gap-3' animate={{ width: isMinimized ? 0 : 'auto', opacity: isMinimized ? 0 : 1 }}\n          transition={{ type: 'spring', stiffness: 300, damping: 25 }} style={{ overflow: 'hidden', pointerEvents: isMinimized ? 'none' : 'auto' }}\n        >\n          <div onMouseDown={handleMouseDown} className='cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center' title='Drag to move'>\n            <DragIndicator sx={{ fontSize: 18 }} />\n          </div>\n          <div className='relative' onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n            <span className='text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap'>\n              {pendingEditsCount} unsaved {pendingEditsCount === 1 ? 'change' : 'changes'}\n            </span>\n          </div>\n          <div className='h-4 w-px bg-neutral-200 dark:bg-black-600 flex-shrink-0' />\n          <motion.button onClick={onClearAll} disabled={!!fieldOperationLoading}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${fieldOperationLoading ? 'text-neutral-400 dark:text-neutral-500 cursor-not-allowed' : 'text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-black-600'}`}\n            whileHover={!fieldOperationLoading ? { scale: 1.02 } : undefined} whileTap={!fieldOperationLoading ? { scale: 0.98 } : undefined}\n          >\n            Cancel\n          </motion.button>\n          <motion.button onClick={onSaveAll} disabled={!!fieldOperationLoading}\n            className={`px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${fieldOperationLoading ? 'text-white bg-primary-400 cursor-not-allowed' : 'text-white bg-primary-600 hover:bg-primary-700'}`}\n            whileHover={!fieldOperationLoading ? { scale: 1.02 } : undefined} whileTap={!fieldOperationLoading ? { scale: 0.98 } : undefined}\n          >\n            Save All\n          </motion.button>\n        </motion.div>\n      </motion.div>\n    </motion.div>\n  );\n\n  return createPortal(floatingBar, document.body);\n};\n"],"names":["rowFilterDropdownVariants","listContainerVariants","listItemVariants","PendingEditsFloatingBar","pendingEditsCount","pendingEditsList","rowsWithPendingEdits","fieldOperationLoading","onClearAll","onSaveAll","onScrollToCell","showDropdown","setShowDropdown","useState","isMinimized","setIsMinimized","rowFilter","setRowFilter","position","setPosition","isDragging","setIsDragging","rowFilterSearch","setRowFilterSearch","showRowFilterDropdown","setShowRowFilterDropdown","rowFilterButtonRect","setRowFilterButtonRect","dropdownTimeoutRef","useRef","dragStartRef","floatingBarRef","rowFilterRef","rowFilterButtonRef","rowFilterDropdownRef","filteredPendingEditsList","useMemo","edit","filteredRowOptions","searchLower","row","selectedRowLabel","r","useEffect","handleClickOutside","e","target","handleMouseEnter","useCallback","handleMouseLeave","clampPositionToViewport","nextX","nextY","barWidth","barHeight","maxX","maxY","handleMouseDown","barElement","rect","handleMouseMove","handleMouseUp","keepBarInViewport","clampedPosition","formatValue","val","currencyCode","strVal","hasTime","formatDate","handleCellClick","handleRowFilterSelect","rowId","floatingBar","jsxs","motion","jsx","AnimatePresence","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM","KeyboardArrowDownRounded","createPortal","SearchRounded","CloseRounded","idx","RemoveOutlined","DragIndicator"],"mappings":"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"}

package/dist/components/data-display/infinite-table/PendingEditsFloatingBar.es.js

@@ -1,57 +1,58 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { formatDate as ne } from "../../../utils/formatters.es.js";
 import { KeyboardArrowDownRounded as oe, SearchRounded as le, CloseRounded as ie, RemoveOutlined as se, DragIndicator as ce } from "@mui/icons-material";
-import { motion as o, AnimatePresence as F } from "framer-motion";
-import { useState as x, useRef as p, useMemo as T, useEffect as C, useCallback as M } from "react";
-import { createPortal as q } from "react-dom";
-const de = {
+import { motion as o, AnimatePresence as D } from "framer-motion";
+import { useState as x, useRef as p, useMemo as S, useEffect as C, useCallback as I } from "react";
+import { createPortal as P } from "react-dom";
+import { FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM as de, FLOATING_BAR_TOOLTIP_MARGIN_LEFT as ue } from "./constants.es.js";
+const me = {
   hidden: { opacity: 0, y: -8, scale: 0.95 },
   visible: { opacity: 1, y: 0, scale: 1, transition: { type: "spring", stiffness: 400, damping: 25 } },
   exit: { opacity: 0, y: -8, scale: 0.95, transition: { duration: 0.1 } }
 }, E = {
   hidden: { opacity: 0 },
   visible: { opacity: 1, transition: { staggerChildren: 0.03, delayChildren: 0.05 } }
-}, I = {
+}, M = {
   hidden: { opacity: 0, y: -8 },
   visible: { opacity: 1, y: 0, transition: { type: "spring", stiffness: 400, damping: 25 } }
-}, fe = ({
+}, ve = ({
   pendingEditsCount: w,
   pendingEditsList: h,
   rowsWithPendingEdits: d,
   fieldOperationLoading: u,
-  onClearAll: G,
-  onSaveAll: J,
-  onScrollToCell: Q
+  onClearAll: U,
+  onSaveAll: q,
+  onScrollToCell: J
 }) => {
-  const [Z, z] = x(!1), [m, $] = x(!1), [l, B] = x(null), [i, H] = x(null), [V, X] = x(!1), [s, g] = x(""), [b, D] = x(!1), [v, O] = x(null), y = p(null), c = p(null), k = p(null), Y = p(null), S = p(null), A = p(null), W = T(() => l ? h.filter((e) => e.rowId === l) : h, [h, l]), L = T(() => {
+  const [Q, T] = x(!1), [m, B] = x(!1), [l, $] = x(null), [i, A] = x(null), [L, _] = x(!1), [s, g] = x(""), [b, z] = x(!1), [v, Z] = x(null), y = p(null), c = p(null), k = p(null), H = p(null), F = p(null), V = p(null), W = S(() => l ? h.filter((e) => e.rowId === l) : h, [h, l]), X = S(() => {
     if (!s) return d;
     const e = s.toLowerCase();
     return d.filter((a) => `row ${a.rowIndex + 1}`.toLowerCase().includes(e));
-  }, [d, s]), ee = T(() => {
+  }, [d, s]), ee = S(() => {
     if (!l) return `All Rows (${h.length})`;
     const e = d.find((a) => a.rowId === l);
     return e ? `Row ${e.rowIndex + 1} (${e.editCount})` : `All Rows (${h.length})`;
   }, [l, d, h.length]);
   C(() => {
-    l && !d.find((e) => e.rowId === l) && B(null);
+    l && !d.find((e) => e.rowId === l) && $(null);
   }, [d, l]), C(() => {
     const e = (a) => {
       const r = a.target;
-      !Y.current?.contains(r) && !A.current?.contains(r) && (D(!1), g(""));
+      !H.current?.contains(r) && !V.current?.contains(r) && (z(!1), g(""));
     };
     return b && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [b]);
-  const j = M(() => {
-    y.current && (clearTimeout(y.current), y.current = null), z(!0);
-  }, []), K = M(() => {
-    y.current = setTimeout(() => z(!1), 300);
-  }, []), N = M((e, a, r, R) => {
+  const Y = I(() => {
+    y.current && (clearTimeout(y.current), y.current = null), T(!0);
+  }, []), j = I(() => {
+    y.current = setTimeout(() => T(!1), 300);
+  }, []), N = I((e, a, r, R) => {
     const f = Math.max(0, window.innerWidth - r), ae = Math.max(0, window.innerHeight - R);
     return {
       x: Math.min(Math.max(e, 0), f),
       y: Math.min(Math.max(a, 0), ae)
     };
-  }, []), _ = M((e) => {
+  }, []), G = I((e) => {
     e.preventDefault();
     const a = e.currentTarget.closest(".pending-edits-floating-bar");
     if (!a) return;
@@ -63,30 +64,30 @@ const de = {
       barY: i?.y ?? r.top,
       barWidth: r.width,
       barHeight: r.height
-    }, X(!0);
+    }, _(!0);
   }, [i]);
   C(() => {
-    if (!V) return;
+    if (!L) return;
     const e = (r) => {
       if (!c.current) return;
       const R = c.current.barX + r.clientX - c.current.x, f = c.current.barY + r.clientY - c.current.y;
-      H(N(R, f, c.current.barWidth, c.current.barHeight));
+      A(N(R, f, c.current.barWidth, c.current.barHeight));
     }, a = () => {
-      X(!1), c.current = null;
+      _(!1), c.current = null;
     };
     return document.addEventListener("mousemove", e), document.addEventListener("mouseup", a), () => {
       document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", a);
     };
-  }, [V, N]), C(() => {
+  }, [L, N]), C(() => {
     if (!i || !k.current) return;
     const e = () => {
       if (!k.current) return;
       const a = k.current.getBoundingClientRect(), r = N(i.x, i.y, a.width, a.height);
-      (r.x !== i.x || r.y !== i.y) && H(r);
+      (r.x !== i.x || r.y !== i.y) && A(r);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, [i, N]);
-  const P = (e, a) => {
+  const O = (e, a) => {
     if (typeof e == "boolean") return e ? "Yes" : "No";
     if (e == null || e === "") return "-";
     const r = String(e);
@@ -96,9 +97,9 @@ const de = {
     }
     return a ? `${r} ${a}` : r;
   }, te = (e) => {
-    z(!1), Q(e.rowId, e.columnKey, e.rowIndex);
-  }, U = (e) => {
-    B(e), D(!1), g("");
+    T(!1), J(e.rowId, e.columnKey, e.rowIndex);
+  }, K = (e) => {
+    $(e), z(!1), g("");
   };
   if (w === 0) return null;
   const re = /* @__PURE__ */ n(
@@ -114,26 +115,26 @@ const de = {
       animate: { opacity: 1, scale: 1 },
       transition: { type: "spring", stiffness: 300, damping: 25 },
       children: [
-        /* @__PURE__ */ t(F, { children: Z && !m && /* @__PURE__ */ t(
+        /* @__PURE__ */ t(D, { children: Q && !m && /* @__PURE__ */ t(
           o.div,
           {
             className: "absolute w-80",
-            style: { bottom: "100%", left: "50%", marginLeft: "-160px", marginBottom: "4px" },
+            style: { bottom: "100%", left: "50%", marginLeft: ue, marginBottom: de },
             initial: { opacity: 0, y: 10, scale: 0.95 },
             animate: { opacity: 1, y: 0, scale: 1 },
             exit: { opacity: 0, y: 10, scale: 0.95 },
             transition: { type: "spring", stiffness: 300, damping: 24 },
-            onMouseEnter: j,
-            onMouseLeave: K,
+            onMouseEnter: Y,
+            onMouseLeave: j,
             children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 py-2 overflow-hidden", children: [
               /* @__PURE__ */ t("div", { className: "px-3 py-1.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider border-b border-neutral-100 dark:border-black-600", children: "Pending Changes" }),
-              d.length > 1 && /* @__PURE__ */ t("div", { className: "px-3 py-2 border-b border-neutral-100 dark:border-black-600", ref: Y, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+              d.length > 1 && /* @__PURE__ */ t("div", { className: "px-3 py-2 border-b border-neutral-100 dark:border-black-600", ref: H, children: /* @__PURE__ */ n("div", { className: "relative", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    ref: S,
+                    ref: F,
                     onClick: () => {
-                      S.current && O(S.current.getBoundingClientRect()), D(!b);
+                      F.current && Z(F.current.getBoundingClientRect()), z(!b);
                     },
                     className: "w-full text-xs px-2 py-1.5 rounded border border-neutral-200 dark:border-black-500 bg-neutral-50 dark:bg-black-600 text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-1 focus:ring-primary-500 flex items-center justify-between gap-2",
                     children: [
@@ -142,14 +143,14 @@ const de = {
                     ]
                   }
                 ),
-                b && v && q(
-                  /* @__PURE__ */ t(F, { children: /* @__PURE__ */ n(
+                b && v && P(
+                  /* @__PURE__ */ t(D, { children: /* @__PURE__ */ n(
                     o.div,
                     {
-                      ref: A,
+                      ref: V,
                       className: "fixed bg-white dark:bg-black-700 rounded-lg shadow-xl border border-neutral-200 dark:border-black-600 overflow-hidden",
                       style: { zIndex: 2147483647, top: v.bottom + 4, left: v.left, width: v.width },
-                      variants: de,
+                      variants: me,
                       initial: "hidden",
                       animate: "visible",
                       exit: "exit",
@@ -160,12 +161,12 @@ const de = {
                           s && /* @__PURE__ */ t("button", { onClick: () => g(""), className: "absolute right-2 z-10 text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300", children: /* @__PURE__ */ t(ie, { sx: { fontSize: 14 } }) })
                         ] }) }),
                         /* @__PURE__ */ n(o.div, { className: "max-h-40 overflow-y-auto", variants: E, initial: "hidden", animate: "visible", children: [
-                          (!s || "all rows".includes(s.toLowerCase())) && /* @__PURE__ */ n(o.button, { variants: I, onClick: () => U(null), className: `w-full text-left px-3 py-2 text-xs transition-colors ${l ? "text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600" : "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300"}`, children: [
+                          (!s || "all rows".includes(s.toLowerCase())) && /* @__PURE__ */ n(o.button, { variants: M, onClick: () => K(null), className: `w-full text-left px-3 py-2 text-xs transition-colors ${l ? "text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600" : "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300"}`, children: [
                             "All Rows (",
                             h.length,
                             " changes)"
                           ] }),
-                          L.map((e) => /* @__PURE__ */ n(o.button, { variants: I, onClick: () => U(e.rowId), className: `w-full text-left px-3 py-2 text-xs transition-colors ${l === e.rowId ? "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300" : "text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600"}`, children: [
+                          X.map((e) => /* @__PURE__ */ n(o.button, { variants: M, onClick: () => K(e.rowId), className: `w-full text-left px-3 py-2 text-xs transition-colors ${l === e.rowId ? "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300" : "text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-black-600"}`, children: [
                             "Row ",
                             e.rowIndex + 1,
                             " (",
@@ -174,7 +175,7 @@ const de = {
                             e.editCount === 1 ? "change" : "changes",
                             ")"
                           ] }, e.rowId)),
-                          L.length === 0 && s && !"all rows".includes(s.toLowerCase()) && /* @__PURE__ */ t(o.div, { variants: I, className: "px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400", children: "No rows found" })
+                          X.length === 0 && s && !"all rows".includes(s.toLowerCase()) && /* @__PURE__ */ t(o.div, { variants: M, className: "px-3 py-2 text-xs text-neutral-500 dark:text-neutral-400", children: "No rows found" })
                         ] })
                       ]
                     }
@@ -182,7 +183,7 @@ const de = {
                   document.body
                 )
               ] }) }),
-              /* @__PURE__ */ t(o.div, { className: "max-h-52 overflow-y-auto", variants: E, initial: "hidden", animate: "visible", children: W?.map((e, a) => /* @__PURE__ */ n(o.button, { variants: I, onClick: () => te(e), className: "w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors", whileHover: { backgroundColor: "rgba(0,0,0,0.03)" }, whileTap: { scale: 0.98 }, children: [
+              /* @__PURE__ */ t(o.div, { className: "max-h-52 overflow-y-auto", variants: E, initial: "hidden", animate: "visible", children: W?.map((e, a) => /* @__PURE__ */ n(o.button, { variants: M, onClick: () => te(e), className: "w-full px-3 py-2 text-left hover:bg-neutral-50 dark:hover:bg-black-600 transition-colors", whileHover: { backgroundColor: "rgba(0,0,0,0.03)" }, whileTap: { scale: 0.98 }, children: [
                 /* @__PURE__ */ n("div", { className: "text-xs font-bold text-neutral-700 dark:text-neutral-300 mb-1", children: [
                   e.fieldName,
                   " ",
@@ -193,9 +194,9 @@ const de = {
                   ] })
                 ] }),
                 /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 text-sm", children: [
-                  /* @__PURE__ */ t("span", { className: "text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]", children: P(e.originalValue, e.originalMeta?.currency_code) }),
+                  /* @__PURE__ */ t("span", { className: "text-neutral-400 dark:text-neutral-500 line-through truncate max-w-[100px]", children: O(e.originalValue, e.originalMeta?.currency_code) }),
                   /* @__PURE__ */ t("span", { className: "text-neutral-400 dark:text-neutral-500 flex-shrink-0", children: "→" }),
-                  /* @__PURE__ */ t("span", { className: "text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]", children: P(e.value, e.meta?.currency_code) })
+                  /* @__PURE__ */ t("span", { className: "text-primary-600 dark:text-primary-400 font-medium truncate max-w-[100px]", children: O(e.value, e.meta?.currency_code) })
                 ] })
               ] }, `${e.rowId}-${e.columnKey}-${a}`)) })
             ] })
@@ -208,14 +209,14 @@ const de = {
             animate: { padding: m ? "8px" : "12px 16px", gap: m ? "0px" : "12px", borderRadius: m ? "9999px" : "8px" },
             transition: { type: "spring", stiffness: 300, damping: 25 },
             children: [
-              /* @__PURE__ */ t(F, { mode: "wait", children: m ? /* @__PURE__ */ t(
+              /* @__PURE__ */ t(D, { mode: "wait", children: m ? /* @__PURE__ */ t(
                 o.div,
                 {
                   initial: { opacity: 0, scale: 0.8 },
                   animate: { opacity: 1, scale: 1 },
                   exit: { opacity: 0, scale: 0.8 },
-                  onMouseDown: _,
-                  onClick: () => $(!1),
+                  onMouseDown: G,
+                  onClick: () => B(!1),
                   className: "flex items-center justify-center cursor-grab active:cursor-grabbing flex-shrink-0",
                   style: { width: "32px", height: "32px", borderRadius: "9999px", backgroundColor: "var(--color-primary-600)", color: "white" },
                   title: "Drag to move / Click to expand",
@@ -230,7 +231,7 @@ const de = {
                   initial: { opacity: 0, scale: 0.8 },
                   animate: { opacity: 1, scale: 1 },
                   exit: { opacity: 0, scale: 0.8 },
-                  onClick: () => $(!0),
+                  onClick: () => B(!0),
                   className: "flex items-center justify-center flex-shrink-0",
                   style: { width: "24px", height: "24px", borderRadius: "4px", backgroundColor: "transparent", color: "var(--color-neutral-400)" },
                   title: "Minimize",
@@ -248,8 +249,8 @@ const de = {
                   transition: { type: "spring", stiffness: 300, damping: 25 },
                   style: { overflow: "hidden", pointerEvents: m ? "none" : "auto" },
                   children: [
-                    /* @__PURE__ */ t("div", { onMouseDown: _, className: "cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center", title: "Drag to move", children: /* @__PURE__ */ t(ce, { sx: { fontSize: 18 } }) }),
-                    /* @__PURE__ */ t("div", { className: "relative", onMouseEnter: j, onMouseLeave: K, children: /* @__PURE__ */ n("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap", children: [
+                    /* @__PURE__ */ t("div", { onMouseDown: G, className: "cursor-grab active:cursor-grabbing text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 flex items-center", title: "Drag to move", children: /* @__PURE__ */ t(ce, { sx: { fontSize: 18 } }) }),
+                    /* @__PURE__ */ t("div", { className: "relative", onMouseEnter: Y, onMouseLeave: j, children: /* @__PURE__ */ n("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-200 cursor-pointer hover:text-primary-600 dark:hover:text-primary-400 whitespace-nowrap", children: [
                       w,
                       " unsaved ",
                       w === 1 ? "change" : "changes"
@@ -258,7 +259,7 @@ const de = {
                     /* @__PURE__ */ t(
                       o.button,
                       {
-                        onClick: G,
+                        onClick: U,
                         disabled: !!u,
                         className: `px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${u ? "text-neutral-400 dark:text-neutral-500 cursor-not-allowed" : "text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-black-600"}`,
                         whileHover: u ? void 0 : { scale: 1.02 },
@@ -269,7 +270,7 @@ const de = {
                     /* @__PURE__ */ t(
                       o.button,
                       {
-                        onClick: J,
+                        onClick: q,
                         disabled: !!u,
                         className: `px-3 py-1.5 text-sm font-medium rounded-md whitespace-nowrap flex-shrink-0 ${u ? "text-white bg-primary-400 cursor-not-allowed" : "text-white bg-primary-600 hover:bg-primary-700"}`,
                         whileHover: u ? void 0 : { scale: 1.02 },
@@ -286,9 +287,9 @@ const de = {
       ]
     }
   );
-  return q(re, document.body);
+  return P(re, document.body);
 };
 export {
-  fe as PendingEditsFloatingBar
+  ve as PendingEditsFloatingBar
 };
 //# sourceMappingURL=PendingEditsFloatingBar.es.js.map