@object-ui/plugin-grid 3.1.1 → 3.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +5 -5
- package/CHANGELOG.md +22 -0
- package/dist/index.js +815 -774
- package/dist/index.umd.cjs +8 -8
- package/package.json +10 -10
- package/src/ListColumnExtensions.test.tsx +6 -6
- package/src/ObjectGrid.msw.test.tsx +3 -3
- package/src/ObjectGrid.stories.tsx +7 -7
- package/src/__tests__/accessorKey-inference.test.tsx +2 -2
- package/src/__tests__/airtable-style.test.tsx +8 -8
- package/src/__tests__/column-features.test.tsx +5 -5
- package/src/__tests__/grid-export.test.tsx +3 -3
- package/src/__tests__/mobile-card-view.test.tsx +6 -6
- package/src/__tests__/objectdef-enrichment.test.tsx +6 -6
- package/src/__tests__/row-bulk-actions.test.tsx +4 -4
- package/src/__tests__/row-height.test.tsx +2 -2
package/dist/index.umd.cjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(L,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("@object-ui/core"),require("@object-ui/react"),require("@object-ui/fields"),require("@object-ui/components"),require("lucide-react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","@object-ui/core","@object-ui/react","@object-ui/fields","@object-ui/components","lucide-react","react-dom"],u):(L=typeof globalThis<"u"?globalThis:L||self,u(L.ObjectUIPluginGrid={},L.React,L.core,L.react,L.fields,L.components,L.lucideReact,L.ReactDOM))})(this,(function(L,u,_e,pe,Z,v,I,_t){"use strict";function Tt(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const Fe=Tt(u);var ze={exports:{}},Te={};var Ye;function At(){if(Ye)return Te;Ye=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function t(s,n,i){var a=null;if(i!==void 0&&(a=""+i),n.key!==void 0&&(a=""+n.key),"key"in n){i={};for(var l in n)l!=="key"&&(i[l]=n[l])}else i=n;return n=i.ref,{$$typeof:e,type:s,key:a,ref:n!==void 0?n:null,props:i}}return Te.Fragment=o,Te.jsx=t,Te.jsxs=t,Te}var Ae={};var Je;function Mt(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&(function(){function e(d){if(d==null)return null;if(typeof d=="function")return d.$$typeof===de?null:d.displayName||d.name||null;if(typeof d=="string")return d;switch(d){case T:return"Fragment";case z:return"Profiler";case D:return"StrictMode";case J:return"Suspense";case oe:return"SuspenseList";case Ee:return"Activity"}if(typeof d=="object")switch(typeof d.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),d.$$typeof){case C:return"Portal";case Y:return d.displayName||"Context";case P:return(d._context.displayName||"Context")+".Consumer";case q:var A=d.render;return d=d.displayName,d||(d=A.displayName||A.name||"",d=d!==""?"ForwardRef("+d+")":"ForwardRef"),d;case Me:return A=d.displayName||null,A!==null?A:e(d.type)||"Memo";case ve:A=d._payload,d=d._init;try{return e(d(A))}catch{}}return null}function o(d){return""+d}function t(d){try{o(d);var A=!1}catch{A=!0}if(A){A=console;var K=A.error,H=typeof Symbol=="function"&&Symbol.toStringTag&&d[Symbol.toStringTag]||d.constructor.name||"Object";return K.call(A,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",H),o(d)}}function s(d){if(d===T)return"<>";if(typeof d=="object"&&d!==null&&d.$$typeof===ve)return"<...>";try{var A=e(d);return A?"<"+A+">":"<...>"}catch{return"<...>"}}function n(){var d=ge.A;return d===null?null:d.getOwner()}function i(){return Error("react-stack-top-frame")}function a(d){if(V.call(d,"key")){var A=Object.getOwnPropertyDescriptor(d,"key").get;if(A&&A.isReactWarning)return!1}return d.key!==void 0}function l(d,A){function K(){ae||(ae=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",A))}K.isReactWarning=!0,Object.defineProperty(d,"key",{get:K,configurable:!0})}function m(){var d=e(this.type);return je[d]||(je[d]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),d=this.props.ref,d!==void 0?d:null}function p(d,A,K,H,we,ee){var R=K.ref;return d={$$typeof:w,type:d,key:A,props:K,_owner:H},(R!==void 0?R:null)!==null?Object.defineProperty(d,"ref",{enumerable:!1,get:m}):Object.defineProperty(d,"ref",{enumerable:!1,value:null}),d._store={},Object.defineProperty(d._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(d,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(d,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:we}),Object.defineProperty(d,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.freeze&&(Object.freeze(d.props),Object.freeze(d)),d}function f(d,A,K,H,we,ee){var R=A.children;if(R!==void 0)if(H)if(Q(R)){for(H=0;H<R.length;H++)h(R[H]);Object.freeze&&Object.freeze(R)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else h(R);if(V.call(A,"key")){R=e(d);var X=Object.keys(A).filter(function(me){return me!=="key"});H=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",xe[R+H]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,H,R,X,R),xe[R+H]=!0)}if(R=null,K!==void 0&&(t(K),R=""+K),a(A)&&(t(A.key),R=""+A.key),"key"in A){K={};for(var ue in A)ue!=="key"&&(K[ue]=A[ue])}else K=A;return R&&l(K,typeof u=="function"?u.displayName||u.name||"Unknown":u),h(u,R,K,n(),we,ee)}function m(u){g(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===ve&&(u._payload.status==="fulfilled"?g(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function g(u){return typeof u=="object"&&u!==null&&u.$$typeof===C}var b=f,C=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),Me=Symbol.for("react.memo"),ve=Symbol.for("react.lazy"),Ee=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),ge=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,Q=Array.isArray,he=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(u){return u()}};var ae,je={},re=b.react_stack_bottom_frame.bind(b,i)(),be=he(r(i)),xe={};Ae.Fragment=T,Ae.jsx=function(u,A,K){var H=1e4>ge.recentlyCreatedOwnerStacks++;return d(u,A,K,!1,H?Error("react-stack-top-frame"):re,H?he(r(u)):be)},Ae.jsxs=function(u,A,K){var H=1e4>ge.recentlyCreatedOwnerStacks++;return d(u,A,K,!0,H?Error("react-stack-top-frame"):re,H?he(r(u)):be)}})()),Ae}var Xe;function Dt(){return Xe||(Xe=1,process.env.NODE_ENV==="production"?Ie.exports=At():Ie.exports=Mt()),Ie.exports}var s=Dt();function Ft(e){const{onRefresh:o,threshold:t=80,enabled:r=!0}=e,n=f.useRef(null),[i,a]=f.useState(!1),[l,p]=f.useState(0),h=f.useRef(0),d=f.useCallback(b=>{if(!r||i)return;const C=n.current;C&&C.scrollTop===0&&(h.current=b.touches[0].clientY)},[r,i]),m=f.useCallback(b=>{if(!r||i||!h.current)return;const w=b.touches[0].clientY-h.current;w>0&&p(Math.min(w,t*1.5))},[r,i,t]),g=f.useCallback(async()=>{if(!r||i)return;const b=l;if(p(0),h.current=0,b>=t){a(!0);try{await o()}finally{a(!1)}}},[r,i,l,t,o]);return f.useEffect(()=>{const b=n.current;if(!(!b||!r))return b.addEventListener("touchstart",d,{passive:!0}),b.addEventListener("touchmove",m,{passive:!0}),b.addEventListener("touchend",g,{passive:!0}),()=>{b.removeEventListener("touchstart",d),b.removeEventListener("touchmove",m),b.removeEventListener("touchend",g)}},[d,m,g,r]),{ref:n,isRefreshing:i,pullDistance:l}}const zt=f.createContext(null);zt.displayName="MobileContext";const It={red:"bg-red-100",green:"bg-green-100",blue:"bg-blue-100",yellow:"bg-yellow-100",orange:"bg-orange-100",purple:"bg-purple-100",pink:"bg-pink-100",gray:"bg-gray-100",grey:"bg-gray-100",indigo:"bg-indigo-100",teal:"bg-teal-100",cyan:"bg-cyan-100",amber:"bg-amber-100",lime:"bg-lime-100",emerald:"bg-emerald-100",rose:"bg-rose-100",sky:"bg-sky-100",violet:"bg-violet-100",fuchsia:"bg-fuchsia-100",slate:"bg-slate-100",zinc:"bg-zinc-100",stone:"bg-stone-100",neutral:"bg-neutral-100"};function Pt(e){if(e.startsWith("bg-"))return e;const o=e.toLowerCase().trim();return It[o]}function Qe(e){return f.useCallback(o=>{if(!e?.field||!e.colors)return;const t=String(o[e.field]??""),r=e.colors[t];if(r)return Pt(r)},[e?.field,e?.colors])}function Lt(e,o){return o.map(t=>String(e[t.field]??"")).join(" / ")}function Rt(e,o){return o.map(t=>{const r=e[t.field];return r!=null&&r!==""?String(r):"(empty)"}).join(" / ")}function $t(e,o){return o.map(({field:t,type:r})=>{const n=e.map(a=>Number(a[t])).filter(a=>Number.isFinite(a));let i;switch(r){case"count":i=n.length;break;case"sum":i=n.reduce((a,l)=>a+l,0);break;case"avg":i=n.length>0?n.reduce((a,l)=>a+l,0)/n.length:0;break;case"min":i=n.length>0?Math.min(...n):0;break;case"max":i=n.length>0?Math.max(...n):0;break;default:i=0}return{field:t,type:r,value:i}})}function Vt(e,o,t){const r=e.localeCompare(o,void 0,{numeric:!0,sensitivity:"base"});return t==="desc"?-r:r}function Ze(e,o,t){const r=e?.fields,n=!!(r&&r.length>0),[i,a]=f.useState({}),l=f.useMemo(()=>r?r.some(d=>d.collapsed):!1,[r]),p=f.useMemo(()=>{if(!n||!r)return[];const d=new Map,m=[];for(const b of o){const C=Lt(b,r);d.has(C)||(d.set(C,{label:Rt(b,r),rows:[]}),m.push(C)),d.get(C).rows.push(b)}const g=r[0]?.order??"asc";return m.sort((b,C)=>Vt(b,C,g)),m.map(b=>{const C=d.get(b),w=b in i?i[b]:l,T=t&&t.length>0?$t(C.rows,t):[];return{key:b,label:C.label,rows:C.rows,collapsed:w,aggregations:T}})},[o,r,n,i,l,t]),h=f.useCallback(d=>{a(m=>({...m,[d]:m[d]!==void 0?!m[d]:!l}))},[l]);return{groups:p,isGrouped:n,toggleGroup:h}}const et=({groupKey:e,label:o,count:t,collapsed:r,aggregations:n,onToggle:i,children:a})=>s.jsxs("div",{className:"border rounded-md","data-testid":`group-row-${e}`,children:[s.jsxs("button",{type:"button",className:"flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",onClick:()=>i(e),"aria-expanded":!r,children:[r?s.jsx(F.ChevronRight,{className:"h-4 w-4 shrink-0"}):s.jsx(F.ChevronDown,{className:"h-4 w-4 shrink-0"}),s.jsx("span",{className:"group-label",children:o}),n&&n.length>0&&s.jsx("span",{className:"ml-2 text-xs text-muted-foreground group-aggregations",children:n.map(l=>s.jsxs("span",{className:"mr-2",children:[l.type,": ",Number.isInteger(l.value)?l.value:l.value.toFixed(2)]},`${l.field}-${l.type}`))}),s.jsxs("span",{className:"ml-auto text-xs text-muted-foreground group-count",children:["(",t,")"]})]}),!r&&a]});function Kt(e){return typeof e=="string"?{type:e}:e}function Bt(e,o){if(o.length===0)return null;switch(e){case"count":return o.length;case"sum":return o.reduce((t,r)=>t+r,0);case"avg":return o.reduce((t,r)=>t+r,0)/o.length;case"min":return Math.min(...o);case"max":return Math.max(...o);default:return null}}function Wt(e,o){if(o===null)return"";const r={count:"Count",sum:"Sum",avg:"Avg",min:"Min",max:"Max"}[e]||e,n=e==="avg"?o.toLocaleString(void 0,{maximumFractionDigits:2}):o.toLocaleString();return`${r}: ${n}`}function tt(e,o){return f.useMemo(()=>{const t=new Map;if(!e||e.length===0||o.length===0)return{summaries:t,hasSummary:!1};for(const r of e){if(!r.summary)continue;const n=Kt(r.summary),i=n.field||r.field,a=[];for(const p of o){const h=p[i];if(h!=null&&typeof h=="number"&&!isNaN(h))a.push(h);else if(h!=null&&typeof h=="string"){const d=parseFloat(h);isNaN(d)||a.push(d)}}let l;if(n.type==="count"){const p=o.filter(h=>h[i]!=null&&h[i]!=="").length;l=p>0?p:null}else l=Bt(n.type,a);t.set(r.field,{field:r.field,value:l,label:Wt(n.type,l)})}return{summaries:t,hasSummary:t.size>0}},[e,o])}function Pe(e){return e.replace(/_/g," ").replace(/\b\w/g,o=>o.toUpperCase())}const st=({row:e,rowActions:o,canEdit:t,canDelete:r,onEdit:n,onDelete:i,onAction:a})=>s.jsxs(v.DropdownMenu,{children:[s.jsx(v.DropdownMenuTrigger,{asChild:!0,children:s.jsxs(v.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 min-h-[44px] min-w-[44px] sm:min-h-0 sm:min-w-0","data-testid":"row-action-trigger",children:[s.jsx(F.MoreVertical,{className:"h-4 w-4"}),s.jsx("span",{className:"sr-only",children:"Open menu"})]})}),s.jsxs(v.DropdownMenuContent,{align:"end",children:[t&&n&&s.jsxs(v.DropdownMenuItem,{onClick:()=>n(e),children:[s.jsx(F.Edit,{className:"mr-2 h-4 w-4"}),"Edit"]}),r&&i&&s.jsxs(v.DropdownMenuItem,{onClick:()=>i(e),children:[s.jsx(F.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]}),o?.map(l=>s.jsx(v.DropdownMenuItem,{onClick:()=>a?.(l,e),"data-testid":`row-action-${l}`,children:Pe(l)},l))]})]}),We=({selectedRows:e,actions:o,onAction:t,onClearSelection:r})=>!o||o.length===0||e.length===0?null:s.jsxs("div",{className:"border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0","data-testid":"bulk-actions-bar",children:[s.jsxs("span",{className:"text-muted-foreground font-medium",children:[e.length," selected"]}),s.jsx("div",{className:"flex items-center gap-1 ml-2",children:o.map(n=>s.jsx(v.Button,{variant:"outline",size:"sm",className:"h-6 px-2 text-xs",onClick:()=>t?.(n,e),"data-testid":`bulk-action-${n}`,children:Pe(n)},n))}),s.jsx(v.Button,{variant:"ghost",size:"sm",className:"h-6 px-2 text-xs ml-auto",onClick:r,children:"Clear"})]}),rt={"grid.actions":"Actions","grid.edit":"Edit","grid.delete":"Delete","grid.export":"Export","grid.exportAs":"Export as {{format}}","grid.loading":"Loading grid...","grid.errorLoading":"Error loading grid","grid.pullToRefresh":"Pull to refresh","grid.refreshing":"Refreshing…","grid.openRecord":"Open record"};function qt(){try{const e=pe.useObjectTranslation();return e.t("grid.actions")==="grid.actions"?{t:(t,r)=>{let n=rt[t]||t;if(r)for(const[i,a]of Object.entries(r))n=n.replace(`{{${i}}}`,String(a));return n}}:{t:e.t}}catch{return{t:(e,o)=>{let t=rt[e]||e;if(o)for(const[r,n]of Object.entries(o))t=t.replace(`{{${r}}}`,String(n));return t}}}}function Gt(e){if(e!=null)return typeof e=="string"?e:e.defaultValue||e.key}function Ht(e){return e.data?Array.isArray(e.data)?{provider:"value",items:e.data}:e.data:e.staticData?{provider:"value",items:e.staticData}:e.objectName?{provider:"object",object:e.objectName}:null}function qe(e){if(!(!e||e.length===0))return typeof e[0]=="object"&&e[0]!==null,e}const nt=({schema:e,dataSource:o,onEdit:t,onDelete:r,onRowSelect:n,onRowClick:i,onCellChange:a,onRowSave:l,onBatchSave:p,onAddRecord:h,...d})=>{const[m,g]=f.useState([]),[b,C]=f.useState(!0),[w,T]=f.useState(null),{t:D}=qt(),{fieldLabel:I}=pe.useSafeFieldLabel(),[L,Y]=f.useState(null),[q,J]=f.useState(!1),[le,Me]=f.useState(0),[ve,Ee]=f.useState(!1),[de,ge]=f.useState(e.rowHeight??"compact"),[V,Q]=f.useState([]),he=f.useMemo(()=>e.id?`grid-columns-${e.objectName}-${e.id}`:`grid-columns-${e.objectName}`,[e.objectName,e.id]),[ae,je]=f.useState(()=>{try{const c=localStorage.getItem(he);return c?JSON.parse(c):{}}catch{return{}}}),re=f.useCallback(c=>{je(c);try{localStorage.setItem(he,JSON.stringify(c))}catch(M){console.warn("Failed to persist column state:",M)}},[he]),be=f.useCallback(async()=>{Me(c=>c+1)},[]),{ref:xe,isRefreshing:u,pullDistance:A}=Ft({onRefresh:be,enabled:!!o&&!!e.objectName});f.useEffect(()=>{const c=()=>J(window.innerWidth<480);return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]);const K=d.data,H=pe.useDataScope(e.bind),we=Ht(e),ee=f.useMemo(()=>K&&Array.isArray(K)?{provider:"value",items:K}:H&&Array.isArray(H)?{provider:"value",items:H}:we,[JSON.stringify(we),H,K]),R=ee?.provider==="value",X=ee?.provider==="object"&&ee&&"object"in ee?ee.object:e.objectName,ue=e.fields,me=e.columns,Le=e.filter,ke=e.sort,pt=e.pagination,gt=e.pageSize;f.useEffect(()=>{R&&ee?.provider==="value"&&(g(c=>{const M=ee.items;return JSON.stringify(c)!==JSON.stringify(M)?M:c}),C(!1))},[R,ee]),f.useEffect(()=>{if(!R||!X||!o)return;let c=!1;return(async()=>{try{const k=await o.getObjectSchema(X);c||Y(k)}catch(k){console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${X}):`,k)}})(),()=>{c=!0}},[R,X,o]),f.useEffect(()=>{if(R)return;let c=!1;return(async()=>{C(!0),T(null);try{let k=null;const U=qe(me)||ue;if(X&&o){const te=await o.getObjectSchema(X);if(c)return;k=te}else if(U&&X)k={name:X,fields:{}};else throw X?new Error("DataSource required"):new Error("Object name required for data fetching");if(c||Y(k),o&&X){const j={$select:(()=>{if(ue)return ue;if(me&&Array.isArray(me))return me.map(N=>typeof N=="string"?N:N.field)})(),$top:pt?.pageSize||gt||50};Le&&Array.isArray(Le)?j.$filter=Le:e.defaultFilters&&(j.$filter=e.defaultFilters),ke?typeof ke=="string"?j.$orderby=ke:Array.isArray(ke)&&(j.$orderby=ke.map(N=>`${N.field} ${N.order}`).join(", ")):e.defaultSort&&(j.$orderby=`${e.defaultSort.field} ${e.defaultSort.order}`);const x=_e.buildExpandFields(k?.fields,me??ue);x.length>0&&(j.$expand=x);const S=await o.find(X,j);if(c)return;g(S.data||[])}}catch(k){c||T(k)}finally{c||C(!1)}})(),()=>{c=!0}},[X,ue,me,Le,ke,pt,gt,o,R,ee,le]);const ne=pe.useNavigationOverlay({navigation:e.navigation,objectName:e.objectName,onNavigate:e.onNavigate,onRowClick:i}),{execute:De}=pe.useAction(),Ns=Qe(e.rowColor),Ss=f.useCallback(c=>{const M=e.conditionalFormatting;if(!(!M||M.length===0))for(const k of M){let U=!1;const te=("condition"in k?k.condition:void 0)||("expression"in k?k.expression:void 0)||void 0;if(te)U=_e.evaluatePlainCondition(te,c);else if("field"in k&&"operator"in k&&k.field&&k.operator){const j=k,x=c[j.field];switch(j.operator){case"equals":U=x===j.value;break;case"not_equals":U=x!==j.value;break;case"contains":U=typeof x=="string"&&typeof j.value=="string"&&x.includes(j.value);break;case"greater_than":U=typeof x=="number"&&typeof j.value=="number"&&x>j.value;break;case"less_than":U=typeof x=="number"&&typeof j.value=="number"&&x<j.value;break;case"in":U=Array.isArray(j.value)&&j.value.includes(x);break}}if(U){const j={};return"style"in k&&k.style&&Object.assign(j,k.style),"backgroundColor"in k&&k.backgroundColor&&(j.backgroundColor=k.backgroundColor),"textColor"in k&&k.textColor&&(j.color=k.textColor),"borderColor"in k&&k.borderColor&&(j.borderColor=k.borderColor),j}}},[e.conditionalFormatting]),{groups:Es,isGrouped:xt,toggleGroup:ks}=Ze(e.grouping,m),Os=f.useMemo(()=>{const c=qe(e.columns);if(c&&c.length>0&&typeof c[0]=="object")return c},[e.columns]),{summaries:bt,hasSummary:_s}=tt(Os,m),Re=f.useCallback(()=>{const c=j=>j?{text:s.jsx(F.Type,{className:"h-3.5 w-3.5"}),number:s.jsx(F.Hash,{className:"h-3.5 w-3.5"}),currency:s.jsx(F.Hash,{className:"h-3.5 w-3.5"}),percent:s.jsx(F.Hash,{className:"h-3.5 w-3.5"}),date:s.jsx(F.Calendar,{className:"h-3.5 w-3.5"}),datetime:s.jsx(F.Clock,{className:"h-3.5 w-3.5"}),boolean:s.jsx(F.CheckSquare,{className:"h-3.5 w-3.5"}),user:s.jsx(F.User,{className:"h-3.5 w-3.5"}),select:s.jsx(F.Tag,{className:"h-3.5 w-3.5"})}[j]||s.jsx(F.Type,{className:"h-3.5 w-3.5"}):s.jsx(F.Type,{className:"h-3.5 w-3.5"}),M=j=>{if(j.type)return j.type;const x=j.field.toLowerCase();if(["completed","is_completed","done","active","enabled","archived"].some(O=>x===O||x===`is_${O}`))return"boolean";if(["created_time","modified_time","updated_time","created_at","updated_at","modified_at","last_login","logged_at"].some(O=>x===O||x.endsWith(`_${O}`)))return"datetime";if(["date","due","created","updated","deadline","start","end","expires"].some(O=>x.includes(O))){if(m.length>0){const O=m.find($=>$[j.field]!=null)?.[j.field];if(typeof O=="string"&&!isNaN(Date.parse(O)))return"date"}return"date"}if(["probability","percent","percentage","completion","progress","rate"].some(O=>x.includes(O))&&m.length>0&&typeof m.find($=>$[j.field]!=null)?.[j.field]=="number")return"percent";if(["status","priority","category","stage","type","severity","level"].some(O=>x.includes(O))&&m.length>0){const O=new Set(m.map($=>$[j.field]).filter(Boolean));if(O.size>0&&O.size<=10)return"select"}if(["assignee","owner","author","reporter","creator","user"].some(O=>x.includes(O)))return"user";if(["amount","price","total","revenue","cost","budget","salary"].some(O=>x.includes(O))&&m.length>0&&typeof m.find($=>$[j.field]!=null)?.[j.field]=="number")return"currency";if(m.length>0){const O=m.find($=>$[j.field]!=null)?.[j.field];if(typeof O=="string"&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(O))return"datetime"}return null},k=qe(me);if(k){if(k.length>0&&typeof k[0]=="object"&&k[0]!==null){const j=k[0];if("accessorKey"in j)return k.map(x=>{if(x.cell)return x;const S={field:x.accessorKey,label:x.header,type:x.type},N=M(S);if(!N)return x;const z=Z.getCellRenderer(N),E={name:x.accessorKey,type:N};if(N==="select"){const y=Array.from(new Set(m.map(_=>_[x.accessorKey]).filter(Boolean)));E.options=y.map(_=>({value:_,label:Z.humanizeLabel(String(_))}))}return{...x,headerIcon:c(N),cell:y=>s.jsx(z,{value:y,field:E})}});if("field"in j)return k.filter(x=>x?.field&&typeof x.field=="string"&&!x.hidden).map((x,S)=>{const N=Gt(x.label)||x.field.charAt(0).toUpperCase()+x.field.slice(1).replace(/_/g," "),z=e.objectName?I(e.objectName,x.field,N):N;let E;const y=L?.fields?.[x.field],_=x.type||y?.type||M({field:x.field})||null,B=_?Z.getCellRenderer(_):null,O={name:x.field,type:_||"text"};if(y&&(y.label&&(O.label=y.label),y.currency&&(O.currency=y.currency),y.precision!==void 0&&(O.precision=y.precision),y.format&&(O.format=y.format),y.options&&(O.options=y.options)),_==="select"&&!O.options){const G=Array.from(new Set(m.map(ce=>ce[x.field]).filter(Boolean)));O.options=G.map(ce=>({value:ce,label:Z.humanizeLabel(String(ce))}))}x.options&&(O.options=x.options);const $=S===0&&!x.link&&!x.action,se=x.link||$;x.link&&x.action||$&&x.action?E=(G,ce)=>{const Ne=B?s.jsx(B,{value:G,field:O}):G!=null&&G!==""?String(G):s.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});return s.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":$?"primary-field-link":"link-cell",onClick:Oe=>{Oe.stopPropagation(),ne.handleClick(ce)},children:Ne})}:se?E=(G,ce)=>{const Ne=B?s.jsx(B,{value:G,field:O}):G!=null&&G!==""?String(G):s.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});return s.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":$?"primary-field-link":"link-cell",onClick:Oe=>{Oe.stopPropagation(),ne.handleClick(ce)},children:Ne})}:x.action?E=(G,ce)=>s.jsx(v.Button,{variant:"outline",size:"sm",className:"h-7 text-xs","data-testid":"action-cell",onClick:Ne=>{Ne.stopPropagation(),De({type:x.action,params:{record:ce,field:x.field,value:G}})},children:Pe(x.action)}):B?E=G=>s.jsx(B,{value:G,field:O}):E=G=>G!=null&&G!==""?s.jsx("span",{children:String(G)}):s.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});const fe=x.prefix;if(fe?.field){const G=E,ce=fe.type==="badge"?Z.getCellRenderer("select"):null;E=(Ne,Oe)=>{const Be=Oe[fe.field],Ks=Be!=null&&Be!==""?ce?s.jsx(ce,{value:Be,field:{name:fe.field,type:"select"}}):s.jsx("span",{className:"text-muted-foreground text-xs mr-1.5",children:String(Be)}):null;return s.jsxs("span",{className:"flex items-center gap-1.5",children:[Ks,G(Ne,Oe)]})}}const ie=["number","currency","percent"],oe=_||x.type,ye=x.align||(oe&&ie.includes(oe)?"right":void 0),W=S===0||x.essential===!0;return{header:z,accessorKey:x.field,headerIcon:c(_),...!W&&{className:"hidden sm:table-cell"},...x.width&&{width:x.width},...ye&&{align:ye},sortable:x.sortable!==!1,...x.resizable!==void 0&&{resizable:x.resizable},...x.wrap!==void 0&&{wrap:x.wrap},...E&&{cell:E},...x.pinned&&{pinned:x.pinned}}})}return k.filter(j=>typeof j=="string"&&j.trim().length>0).map((j,x)=>{const S=L?.fields?.[j],z=S?.label||j.charAt(0).toUpperCase()+j.slice(1).replace(/_/g," "),E=e.objectName?I(e.objectName,j,z):z,y=S?.type||M({field:j})||null,_=y?Z.getCellRenderer(y):null,B={name:j,type:y||"text"};if(S&&(S.label&&(B.label=S.label),S.currency&&(B.currency=S.currency),S.precision!==void 0&&(B.precision=S.precision),S.format&&(B.format=S.format),S.options&&(B.options=S.options)),y==="select"&&!B.options){const ie=Array.from(new Set(m.map(oe=>oe[j]).filter(Boolean)));B.options=ie.map(oe=>({value:oe,label:Z.humanizeLabel(String(oe))}))}const $=y&&["number","currency","percent"].includes(y)?"right":void 0,se=x===0;let fe;return se&&_?fe=(ie,oe)=>{const ye=s.jsx(_,{value:ie,field:B});return s.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":"primary-field-link",onClick:W=>{W.stopPropagation(),ne.handleClick(oe)},children:ye})}:se?fe=(ie,oe)=>s.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":"primary-field-link",onClick:ye=>{ye.stopPropagation(),ne.handleClick(oe)},children:ie!=null&&ie!==""?String(ie):s.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"})}):_&&(fe=ie=>s.jsx(_,{value:ie,field:B})),{header:E,accessorKey:j,...y&&{headerIcon:c(y)},...$&&{align:$},...fe&&{cell:fe},sortable:S?.sortable!==!1}})}if(R){const j=ee?.provider==="value"?ee.items:[];if(j.length>0)return(ue||Object.keys(j[0])).map(S=>{const N=L?.fields?.[S],z=N?.type||M({field:S})||null,E=z?Z.getCellRenderer(z):null,y=N?.label||S.charAt(0).toUpperCase()+S.slice(1).replace(/_/g," "),_={name:S,type:z||"text"};if(N&&(N.label&&(_.label=N.label),N.currency&&(_.currency=N.currency),N.precision!==void 0&&(_.precision=N.precision),N.format&&(_.format=N.format),N.options&&(_.options=N.options)),z==="select"&&!_.options){const $=Array.from(new Set(m.map(se=>se[S]).filter(Boolean)));_.options=$.map(se=>({value:se,label:Z.humanizeLabel(String(se))}))}const O=z&&["number","currency","percent"].includes(z)?"right":void 0;return{header:y,accessorKey:S,...z&&{headerIcon:c(z)},...O&&{align:O},...E&&{cell:$=>s.jsx(E,{value:$,field:_})},sortable:N?.sortable!==!1}})}if(!L)return[];const U=[];return(ue||Object.keys(L.fields||{})).forEach(j=>{const x=L.fields?.[j];if(!x||x.permissions&&x.permissions.read===!1)return;const S=Z.getCellRenderer(x.type),N=["number","currency","percent"];U.push({header:e.objectName?I(e.objectName,j,x.label||j):x.label||j,accessorKey:j,...N.includes(x.type)&&{align:"right"},cell:z=>s.jsx(S,{value:z,field:x}),sortable:x.sortable!==!1})}),U},[L,ue,me,ee,R,ne.handleClick,De,m,I,e.objectName]),Ts=f.useCallback(c=>{const M=e.exportOptions,k=M?.maxRecords||0,U=M?.includeHeaders!==!1,te=M?.fileNamePrefix||e.objectName||"export",j=k>0?m.slice(0,k):m,x=(N,z)=>{const E=URL.createObjectURL(N),y=document.createElement("a");y.href=E,y.download=z,y.click(),URL.revokeObjectURL(E)},S=N=>{const z=N==null?"":String(N);return z.includes(",")||z.includes('"')||z.includes(`
|
|
7
|
-
`)||
|
|
8
|
-
`)],{type:"text/csv;charset=utf-8;"}),`${te}.csv`)}else c==="json"&&x(new Blob([JSON.stringify(j,null,2)],{type:"application/json"}),`${te}.json`);Ee(!1)},[m,e.exportOptions,e.objectName,Re]);if(w)return s.jsxs("div",{className:"p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",children:[s.jsx("h3",{className:"text-red-800 font-semibold",children:D("grid.errorLoading")}),s.jsx("p",{className:"text-red-600 text-sm mt-1",children:w.message})]});if(b&&m.length===0)return q?s.jsx("div",{className:"space-y-2 p-2",children:[1,2,3].map(c=>s.jsxs("div",{className:"border rounded-lg p-3 bg-card animate-pulse",children:[s.jsx("div",{className:"h-5 bg-muted rounded w-3/4 mb-3"}),s.jsxs("div",{className:"flex items-center justify-between mb-2",children:[s.jsx("div",{className:"h-4 bg-muted rounded w-1/4"}),s.jsx("div",{className:"h-5 bg-muted rounded-full w-20"})]}),s.jsx("div",{className:"h-3 bg-muted rounded w-1/3"})]},c))}):s.jsxs("div",{className:"p-4 sm:p-8 text-center",children:[s.jsx("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground"}),s.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:D("grid.loading")})]});let Fe=[...Re()];if(ae.widths&&(Fe=Fe.map(c=>{const M=ae.widths?.[c.accessorKey];return M?{...c,size:M}:c})),ae.order&&ae.order.length>0){const c=new Map(ae.order.map((M,k)=>[M,k]));Fe.sort((M,k)=>{const U=c.get(M.accessorKey)??1/0,te=c.get(k.accessorKey)??1/0;return U-te})}const Ce="operations"in e?e.operations:void 0,yt=Ce&&(Ce.update||Ce.delete),As=e.rowActions&&e.rowActions.length>0,$e=yt||As?[...Fe,{header:D("grid.actions"),accessorKey:"_actions",cell:(c,M)=>s.jsx(st,{row:M,rowActions:e.rowActions,canEdit:!!(Ce?.update&&t),canDelete:!!(Ce?.delete&&r),onEdit:t,onDelete:r,onAction:(k,U)=>De({type:k,params:{record:U}})}),sortable:!1}]:Fe,He=$e.filter(c=>c.pinned==="left"),vt=$e.filter(c=>c.pinned==="right"),Ms=$e.filter(c=>!c.pinned),jt=He.length>0||vt.length>0,wt="sticky right-0 z-10 bg-background border-l border-border",Ct=jt?[...He,...Ms,...vt.map(c=>({...c,className:[c.className,wt].filter(Boolean).join(" "),cellClassName:[c.cellClassName,wt].filter(Boolean).join(" ")}))]:$e,Ds=jt?He.length:e.frozenColumns??1,Ve=e.batchActions??e.bulkActions,Fs=Ve&&Ve.length>0;let Ke=!1;e.selection?.type?Ke=e.selection.type==="none"?!1:e.selection.type:e.selectable!==void 0?Ke=e.selectable:Fs&&(Ke="multiple");const zs=e.pagination!==void 0?!0:e.showPagination!==void 0?e.showPagination:!0,Is=e.pagination?.pageSize||e.pageSize||10,Ps=e.searchableFields!==void 0?e.searchableFields.length>0:e.showSearch!==void 0?e.showSearch:!0,Nt={type:"data-table",caption:e.label||e.title,columns:Ct,data:m,pagination:zs,pageSize:Is,searchable:Ps,selectable:Ke,sortable:!0,exportable:Ce?.export,rowActions:yt,resizableColumns:e.resizable??e.resizableColumns??!0,reorderableColumns:e.reorderableColumns??!1,editable:e.editable??!1,singleClickEdit:e.singleClickEdit??!0,className:e.className,cellClassName:de==="compact"?"px-3 py-1 text-[13px] leading-tight":de==="short"?"px-3 py-1 text-[13px] leading-normal":de==="tall"?"px-3 py-2.5 text-sm":de==="extra_tall"?"px-3 py-3.5 text-sm leading-relaxed":"px-3 py-1.5 text-[13px] leading-normal",showRowNumbers:!0,showAddRow:!!Ce?.create,onAddRecord:h,rowClassName:e.rowColor?(c,M)=>Ns(c):void 0,rowStyle:e.conditionalFormatting?.length?(c,M)=>Ss(c):void 0,frozenColumns:Ds,onSelectionChange:c=>{Q(c),n?.(c)},onRowClick:ne.handleClick,onCellChange:a,onRowSave:l,onBatchSave:p,onColumnResize:(c,M)=>{re({...ae,widths:{...ae.widths,[c]:M}})},onColumnReorder:c=>{re({...ae,order:c})}},Ls=c=>({...Nt,caption:void 0,data:c,pagination:!1,searchable:!1}),Ue=e.label?`${e.label} Detail`:e.objectName?`${e.objectName.charAt(0).toUpperCase()+e.objectName.slice(1)} Detail`:"Record Detail";if(q&&m.length>0&&!xt){const c=Re().filter(E=>E.accessorKey!=="_actions"),M=new Map;c.forEach(E=>M.set(E.accessorKey,E));const k=c[0],U=["amount","price","total","revenue","cost","value","budget","salary"],te=["stage","status","priority","category","severity","level"],j=["date","due","created","updated","deadline","start","end","expires"],x=["probability","percent","rate","ratio","confidence","score"],S=E=>{const y=(E||"").toLowerCase();return y.includes("won")||y.includes("completed")||y.includes("done")||y.includes("active")?"bg-green-100 text-green-800 border-green-300":y.includes("lost")||y.includes("cancelled")||y.includes("rejected")||y.includes("closed lost")?"bg-red-100 text-red-800 border-red-300":y.includes("negotiation")||y.includes("review")||y.includes("in progress")?"bg-yellow-100 text-yellow-800 border-yellow-300":y.includes("proposal")||y.includes("pending")?"bg-blue-100 text-blue-800 border-blue-300":y.includes("qualification")||y.includes("qualified")?"bg-indigo-100 text-indigo-800 border-indigo-300":y.includes("prospecting")||y.includes("new")||y.includes("open")?"bg-purple-100 text-purple-800 border-purple-300":"bg-muted text-muted-foreground border-border"},N=E=>{const y=(E||"").toLowerCase();return y.includes("won")||y.includes("completed")||y.includes("done")||y.includes("active")?"border-l-green-500":y.includes("lost")||y.includes("cancelled")||y.includes("rejected")?"border-l-red-500":y.includes("negotiation")||y.includes("review")||y.includes("in progress")?"border-l-yellow-500":y.includes("proposal")||y.includes("pending")?"border-l-blue-500":y.includes("qualification")||y.includes("qualified")?"border-l-indigo-500":y.includes("prospecting")||y.includes("new")||y.includes("open")?"border-l-purple-500":"border-l-gray-300"},z=E=>{const y=E.toLowerCase();return U.some(_=>y.includes(_))?"amount":te.some(_=>y.includes(_))?"stage":j.some(_=>y.includes(_))?"date":x.some(_=>y.includes(_))?"percent":"other"};return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"space-y-2 p-2",children:m.map((E,y)=>{const _=c.slice(1,5),B=_.find(W=>z(W.accessorKey)==="amount"),O=_.find(W=>z(W.accessorKey)==="stage"),$=_.filter(W=>z(W.accessorKey)==="date"),se=_.filter(W=>z(W.accessorKey)==="percent"),fe=_.filter(W=>W!==B&&W!==O&&!$.includes(W)&&!se.includes(W)),ie=O?String(E[O.accessorKey]??""):"",oe=ie?N(ie):"",ye=["border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",oe?`border-l-[3px] ${oe}`:""].filter(Boolean).join(" ");return s.jsxs("div",{className:ye,onClick:()=>ne.handleClick(E),children:[k&&s.jsx("div",{className:"font-semibold text-sm truncate mb-1",children:E[k.accessorKey]??"—"}),(B||O)&&s.jsxs("div",{className:"flex items-center justify-between gap-2 mb-1",children:[B&&s.jsx("span",{className:"text-sm tabular-nums font-medium",children:typeof E[B.accessorKey]=="number"?Z.formatCompactCurrency(E[B.accessorKey]):E[B.accessorKey]??"—"}),O&&E[O.accessorKey]&&s.jsx(v.Badge,{variant:"outline",className:`text-xs shrink-0 max-w-[140px] truncate ${S(String(E[O.accessorKey]))}`,children:E[O.accessorKey]})]}),($.length>0||se.length>0)&&s.jsxs("div",{className:"flex items-center justify-between py-0.5 text-xs text-muted-foreground",children:[$[0]&&s.jsx("span",{className:"tabular-nums",children:E[$[0].accessorKey]?Z.formatDate(E[$[0].accessorKey],"short"):"—"}),se[0]&&E[se[0].accessorKey]!=null&&s.jsx("span",{className:"tabular-nums",children:Z.formatPercent(Number(E[se[0].accessorKey]))})]}),$.slice(1).map(W=>s.jsxs("div",{className:"flex justify-between items-center py-0.5",children:[s.jsx("span",{className:"text-xs text-muted-foreground",children:W.header}),s.jsx("span",{className:"text-xs text-muted-foreground tabular-nums",children:E[W.accessorKey]?Z.formatDate(E[W.accessorKey],"short"):"—"})]},W.accessorKey)),fe.map(W=>{const G=E[W.accessorKey];return G==null||G===""?null:s.jsxs("div",{className:"flex justify-between items-center py-0.5",children:[s.jsx("span",{className:"text-xs text-muted-foreground",children:W.header}),s.jsx("span",{className:"text-xs font-medium truncate ml-2 text-right",children:W.cell?W.cell(G,E):String(G)})]},W.accessorKey)})]},E.id||E._id||y)})}),ne.isOverlay&&s.jsx(v.NavigationOverlay,{...ne,title:Ue,children:E=>s.jsx("div",{className:"space-y-3",children:Object.entries(E).map(([y,_])=>s.jsxs("div",{className:"flex flex-col",children:[s.jsx("span",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wide",children:y.replace(/_/g," ")}),s.jsx("span",{className:"text-sm",children:String(_??"—")})]},y))})})]})}const Rs=()=>{ge(c=>c==="compact"?"short":c==="short"?"medium":c==="medium"?"tall":c==="tall"?"extra_tall":"compact")},$s={compact:F.Rows4,short:F.Rows3,medium:F.Rows2,tall:F.AlignJustify,extra_tall:F.AlignJustify}[de],St=e.rowHeight!==void 0,Et=e.exportOptions||St?s.jsxs("div",{className:"flex items-center justify-end gap-1 px-2 py-1",children:[St&&s.jsxs(v.Button,{variant:"ghost",size:"sm",className:"h-7 px-2 text-muted-foreground hover:text-primary text-xs",onClick:Rs,title:`Row height: ${de}`,children:[s.jsx($s,{className:"h-3.5 w-3.5 mr-1.5"}),s.jsx("span",{className:"hidden sm:inline capitalize",children:de})]}),e.exportOptions&&s.jsxs(v.Popover,{open:ve,onOpenChange:Ee,children:[s.jsx(v.PopoverTrigger,{asChild:!0,children:s.jsxs(v.Button,{variant:"ghost",size:"sm",className:"h-7 px-2 text-muted-foreground hover:text-primary text-xs",children:[s.jsx(F.Download,{className:"h-3.5 w-3.5 mr-1.5"}),s.jsx("span",{className:"hidden sm:inline",children:D("grid.export")})]})}),s.jsx(v.PopoverContent,{align:"end",className:"w-48 p-2",children:s.jsx("div",{className:"space-y-1",children:(e.exportOptions.formats||["csv","json"]).map(c=>s.jsxs(v.Button,{variant:"ghost",size:"sm",className:"w-full justify-start h-8 text-xs",onClick:()=>Ts(c),children:[s.jsx(F.Download,{className:"h-3.5 w-3.5 mr-2"}),D("grid.exportAs",{format:c.toUpperCase()})]},c))})})]})]}):null,kt=c=>{const M=["_id","id","created_at","updated_at","created_by","updated_by"],k=Object.entries(c),U=k.filter(([S])=>!M.includes(S)),te=k.filter(([S])=>M.includes(S)&&S!=="_id"&&S!=="id"),j=S=>S.charAt(0).toUpperCase()+S.slice(1).replace(/_/g," "),x=(S,N)=>{if(N==null||N==="")return s.jsx("span",{className:"text-muted-foreground/50 text-sm italic",children:"Empty"});const z=L?.fields?.[S];if(z?.type){const y=Z.getCellRenderer(z.type);if(y)return s.jsx(y,{value:N,field:z})}return typeof N=="boolean"?s.jsx(v.Badge,{variant:N?"default":"outline",children:N?"Yes":"No"}):typeof N=="string"&&!isNaN(Date.parse(N))&&(S.includes("date")||S.includes("_at")||S.includes("time"))?s.jsx("span",{className:"text-sm tabular-nums",children:Z.formatDate(N)}):typeof N=="number"&&["amount","price","total","revenue","cost","value","budget","salary"].some(y=>S.toLowerCase().includes(y))?s.jsx("span",{className:"text-sm tabular-nums font-medium",children:Z.formatCurrency(N)}):s.jsx("span",{className:"text-sm break-words",children:String(N)})};return s.jsxs("div",{className:"space-y-4","data-testid":"record-detail-panel",children:[s.jsx("div",{className:"rounded-lg border bg-card",children:s.jsx("div",{className:"divide-y",children:U.map(([S,N])=>s.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3",children:[s.jsx("span",{className:"text-xs font-medium text-muted-foreground sm:w-1/3 sm:text-right sm:pt-0.5 uppercase tracking-wide shrink-0",children:j(S)}),s.jsx("div",{className:"flex-1 min-w-0",children:x(S,N)})]},S))})}),te.length>0&&s.jsxs("div",{className:"rounded-lg border bg-muted/30",children:[s.jsx("div",{className:"px-4 py-2 border-b",children:s.jsx("span",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wide",children:"System"})}),s.jsx("div",{className:"divide-y divide-border/50",children:te.map(([S,N])=>s.jsxs("div",{className:"flex items-center gap-4 px-4 py-2",children:[s.jsx("span",{className:"text-xs text-muted-foreground w-1/3 text-right shrink-0",children:j(S)}),s.jsx("span",{className:"text-xs text-muted-foreground flex-1 min-w-0 break-words",children:String(N??"")})]},S))})]})]})},Vs=_s?s.jsx("div",{className:"border-t bg-muted/30 px-2 py-1.5","data-testid":"column-summary-footer",children:s.jsx("div",{className:"flex gap-4 text-xs text-muted-foreground font-medium",children:Ct.filter(c=>bt.has(c.accessorKey)).map(c=>{const M=bt.get(c.accessorKey);return s.jsxs("span",{"data-testid":`summary-${c.accessorKey}`,children:[c.header,": ",M.label]},c.accessorKey)})})}):null,Ot=xt?s.jsx("div",{className:"space-y-2",children:Es.map(c=>s.jsx(et,{groupKey:c.key,label:c.label,count:c.rows.length,collapsed:c.collapsed,aggregations:c.aggregations,onToggle:ks,children:s.jsx(pe.SchemaRenderer,{schema:Ls(c.rows)})},c.key))}):s.jsxs(s.Fragment,{children:[s.jsx(pe.SchemaRenderer,{schema:Nt}),Vs]});return ne.isOverlay&&ne.mode==="split"?s.jsx(v.NavigationOverlay,{...ne,title:Ue,mainContent:s.jsxs(s.Fragment,{children:[Et,Ot,s.jsx(We,{selectedRows:V,actions:Ve??[],onAction:(c,M)=>De({type:c,params:{records:M}}),onClearSelection:()=>Q([])})]}),children:c=>kt(c)}):s.jsxs("div",{ref:xe,className:"relative h-full",children:[A>0&&s.jsx("div",{className:"flex items-center justify-center text-xs text-muted-foreground",style:{height:A},children:D(u?"grid.refreshing":"grid.pullToRefresh")}),Et,Ot,s.jsx(We,{selectedRows:V,actions:Ve??[],onAction:(c,M)=>De({type:c,params:{records:M}}),onClearSelection:()=>Q([])}),ne.isOverlay&&s.jsx(v.NavigationOverlay,{...ne,title:Ue,children:c=>kt(c)})]})};function Se(e,o,t){let r=t.initialDeps??[],n,i=!0;function a(){var l,p,h;let d;t.key&&((l=t.debug)!=null&&l.call(t))&&(d=Date.now());const m=e();if(!(m.length!==r.length||m.some((C,w)=>r[w]!==C)))return n;r=m;let b;if(t.key&&((p=t.debug)!=null&&p.call(t))&&(b=Date.now()),n=o(...m),t.key&&((h=t.debug)!=null&&h.call(t))){const C=Math.round((Date.now()-d)*100)/100,w=Math.round((Date.now()-b)*100)/100,T=w/16,D=(I,L)=>{for(I=String(I);I.length<L;)I=" "+I;return I};console.info(`%c⏱ ${D(w,5)} /${D(C,5)} ms`,`
|
|
6
|
+
<%s key={someKey} {...props} />`,H,R,X,R),xe[R+H]=!0)}if(R=null,K!==void 0&&(t(K),R=""+K),a(A)&&(t(A.key),R=""+A.key),"key"in A){K={};for(var ue in A)ue!=="key"&&(K[ue]=A[ue])}else K=A;return R&&l(K,typeof d=="function"?d.displayName||d.name||"Unknown":d),p(d,R,K,n(),we,ee)}function h(d){g(d)?d._store&&(d._store.validated=1):typeof d=="object"&&d!==null&&d.$$typeof===ve&&(d._payload.status==="fulfilled"?g(d._payload.value)&&d._payload.value._store&&(d._payload.value._store.validated=1):d._store&&(d._store.validated=1))}function g(d){return typeof d=="object"&&d!==null&&d.$$typeof===w}var b=u,w=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),Me=Symbol.for("react.memo"),ve=Symbol.for("react.lazy"),Ee=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),ge=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,Q=Array.isArray,he=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(d){return d()}};var ae,je={},re=b.react_stack_bottom_frame.bind(b,i)(),be=he(s(i)),xe={};Ae.Fragment=T,Ae.jsx=function(d,A,K){var H=1e4>ge.recentlyCreatedOwnerStacks++;return f(d,A,K,!1,H?Error("react-stack-top-frame"):re,H?he(s(d)):be)},Ae.jsxs=function(d,A,K){var H=1e4>ge.recentlyCreatedOwnerStacks++;return f(d,A,K,!0,H?Error("react-stack-top-frame"):re,H?he(s(d)):be)}})()),Ae}var Xe;function Dt(){return Xe||(Xe=1,process.env.NODE_ENV==="production"?ze.exports=At():ze.exports=Mt()),ze.exports}var r=Dt();function It(e){const{onRefresh:o,threshold:t=80,enabled:s=!0}=e,n=u.useRef(null),[i,a]=u.useState(!1),[l,m]=u.useState(0),p=u.useRef(0),f=u.useCallback(b=>{if(!s||i)return;const w=n.current;w&&w.scrollTop===0&&(p.current=b.touches[0].clientY)},[s,i]),h=u.useCallback(b=>{if(!s||i||!p.current)return;const C=b.touches[0].clientY-p.current;C>0&&m(Math.min(C,t*1.5))},[s,i,t]),g=u.useCallback(async()=>{if(!s||i)return;const b=l;if(m(0),p.current=0,b>=t){a(!0);try{await o()}finally{a(!1)}}},[s,i,l,t,o]);return u.useEffect(()=>{const b=n.current;if(!(!b||!s))return b.addEventListener("touchstart",f,{passive:!0}),b.addEventListener("touchmove",h,{passive:!0}),b.addEventListener("touchend",g,{passive:!0}),()=>{b.removeEventListener("touchstart",f),b.removeEventListener("touchmove",h),b.removeEventListener("touchend",g)}},[f,h,g,s]),{ref:n,isRefreshing:i,pullDistance:l}}const Ft=u.createContext(null);Ft.displayName="MobileContext";const zt={red:"bg-red-100",green:"bg-green-100",blue:"bg-blue-100",yellow:"bg-yellow-100",orange:"bg-orange-100",purple:"bg-purple-100",pink:"bg-pink-100",gray:"bg-gray-100",grey:"bg-gray-100",indigo:"bg-indigo-100",teal:"bg-teal-100",cyan:"bg-cyan-100",amber:"bg-amber-100",lime:"bg-lime-100",emerald:"bg-emerald-100",rose:"bg-rose-100",sky:"bg-sky-100",violet:"bg-violet-100",fuchsia:"bg-fuchsia-100",slate:"bg-slate-100",zinc:"bg-zinc-100",stone:"bg-stone-100",neutral:"bg-neutral-100"};function Lt(e){if(e.startsWith("bg-"))return e;const o=e.toLowerCase().trim();return zt[o]}function Qe(e){return u.useCallback(o=>{if(!e?.field||!e.colors)return;const t=String(o[e.field]??""),s=e.colors[t];if(s)return Lt(s)},[e?.field,e?.colors])}function Pt(e,o){return o.map(t=>String(e[t.field]??"")).join(" / ")}function Rt(e,o){return o.map(t=>{const s=e[t.field];return s!=null&&s!==""?String(s):"(empty)"}).join(" / ")}function $t(e,o){return o.map(({field:t,type:s})=>{const n=e.map(a=>Number(a[t])).filter(a=>Number.isFinite(a));let i;switch(s){case"count":i=n.length;break;case"sum":i=n.reduce((a,l)=>a+l,0);break;case"avg":i=n.length>0?n.reduce((a,l)=>a+l,0)/n.length:0;break;case"min":i=n.length>0?Math.min(...n):0;break;case"max":i=n.length>0?Math.max(...n):0;break;default:i=0}return{field:t,type:s,value:i}})}function Vt(e,o,t){const s=e.localeCompare(o,void 0,{numeric:!0,sensitivity:"base"});return t==="desc"?-s:s}function Ze(e,o,t){const s=e?.fields,n=!!(s&&s.length>0),[i,a]=u.useState({}),l=u.useMemo(()=>s?s.some(f=>f.collapsed):!1,[s]),m=u.useMemo(()=>{if(!n||!s)return[];const f=new Map,h=[];for(const b of o){const w=Pt(b,s);f.has(w)||(f.set(w,{label:Rt(b,s),rows:[]}),h.push(w)),f.get(w).rows.push(b)}const g=s[0]?.order??"asc";return h.sort((b,w)=>Vt(b,w,g)),h.map(b=>{const w=f.get(b),C=b in i?i[b]:l,T=t&&t.length>0?$t(w.rows,t):[];return{key:b,label:w.label,rows:w.rows,collapsed:C,aggregations:T}})},[o,s,n,i,l,t]),p=u.useCallback(f=>{a(h=>({...h,[f]:h[f]!==void 0?!h[f]:!l}))},[l]);return{groups:m,isGrouped:n,toggleGroup:p}}const et=({groupKey:e,label:o,count:t,collapsed:s,aggregations:n,onToggle:i,children:a})=>r.jsxs("div",{className:"border rounded-md","data-testid":`group-row-${e}`,children:[r.jsxs("button",{type:"button",className:"flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",onClick:()=>i(e),"aria-expanded":!s,children:[s?r.jsx(I.ChevronRight,{className:"h-4 w-4 shrink-0"}):r.jsx(I.ChevronDown,{className:"h-4 w-4 shrink-0"}),r.jsx("span",{className:"group-label",children:o}),n&&n.length>0&&r.jsx("span",{className:"ml-2 text-xs text-muted-foreground group-aggregations",children:n.map(l=>r.jsxs("span",{className:"mr-2",children:[l.type,": ",Number.isInteger(l.value)?l.value:l.value.toFixed(2)]},`${l.field}-${l.type}`))}),r.jsxs("span",{className:"ml-auto text-xs text-muted-foreground group-count",children:["(",t,")"]})]}),!s&&a]});function Kt(e){return typeof e=="string"?{type:e}:e}function Bt(e,o){if(o.length===0)return null;switch(e){case"count":return o.length;case"sum":return o.reduce((t,s)=>t+s,0);case"avg":return o.reduce((t,s)=>t+s,0)/o.length;case"min":return Math.min(...o);case"max":return Math.max(...o);default:return null}}function Wt(e,o){if(o===null)return"";const s={count:"Count",sum:"Sum",avg:"Avg",min:"Min",max:"Max"}[e]||e,n=e==="avg"?o.toLocaleString(void 0,{maximumFractionDigits:2}):o.toLocaleString();return`${s}: ${n}`}function tt(e,o){return u.useMemo(()=>{const t=new Map;if(!e||e.length===0||o.length===0)return{summaries:t,hasSummary:!1};for(const s of e){if(!s.summary)continue;const n=Kt(s.summary),i=n.field||s.field,a=[];for(const m of o){const p=m[i];if(p!=null&&typeof p=="number"&&!isNaN(p))a.push(p);else if(p!=null&&typeof p=="string"){const f=parseFloat(p);isNaN(f)||a.push(f)}}let l;if(n.type==="count"){const m=o.filter(p=>p[i]!=null&&p[i]!=="").length;l=m>0?m:null}else l=Bt(n.type,a);t.set(s.field,{field:s.field,value:l,label:Wt(n.type,l)})}return{summaries:t,hasSummary:t.size>0}},[e,o])}function Le(e){return e.replace(/_/g," ").replace(/\b\w/g,o=>o.toUpperCase())}const st=({row:e,rowActions:o,canEdit:t,canDelete:s,onEdit:n,onDelete:i,onAction:a})=>r.jsxs(v.DropdownMenu,{children:[r.jsx(v.DropdownMenuTrigger,{asChild:!0,children:r.jsxs(v.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 min-h-[44px] min-w-[44px] sm:min-h-0 sm:min-w-0","data-testid":"row-action-trigger",children:[r.jsx(I.MoreVertical,{className:"h-4 w-4"}),r.jsx("span",{className:"sr-only",children:"Open menu"})]})}),r.jsxs(v.DropdownMenuContent,{align:"end",children:[t&&n&&r.jsxs(v.DropdownMenuItem,{onClick:()=>n(e),children:[r.jsx(I.Edit,{className:"mr-2 h-4 w-4"}),"Edit"]}),s&&i&&r.jsxs(v.DropdownMenuItem,{onClick:()=>i(e),children:[r.jsx(I.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]}),o?.map(l=>r.jsx(v.DropdownMenuItem,{onClick:()=>a?.(l,e),"data-testid":`row-action-${l}`,children:Le(l)},l))]})]}),We=({selectedRows:e,actions:o,onAction:t,onClearSelection:s})=>!o||o.length===0||e.length===0?null:r.jsxs("div",{className:"border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0","data-testid":"bulk-actions-bar",children:[r.jsxs("span",{className:"text-muted-foreground font-medium",children:[e.length," selected"]}),r.jsx("div",{className:"flex items-center gap-1 ml-2",children:o.map(n=>r.jsx(v.Button,{variant:"outline",size:"sm",className:"h-6 px-2 text-xs",onClick:()=>t?.(n,e),"data-testid":`bulk-action-${n}`,children:Le(n)},n))}),r.jsx(v.Button,{variant:"ghost",size:"sm",className:"h-6 px-2 text-xs ml-auto",onClick:s,children:"Clear"})]}),rt={"grid.actions":"Actions","grid.edit":"Edit","grid.delete":"Delete","grid.export":"Export","grid.exportAs":"Export as {{format}}","grid.loading":"Loading grid...","grid.errorLoading":"Error loading grid","grid.pullToRefresh":"Pull to refresh","grid.refreshing":"Refreshing…","grid.openRecord":"Open record"};function qt(){try{const e=pe.useObjectTranslation();return e.t("grid.actions")==="grid.actions"?{t:(t,s)=>{let n=rt[t]||t;if(s)for(const[i,a]of Object.entries(s))n=n.replace(`{{${i}}}`,String(a));return n}}:{t:e.t}}catch{return{t:(e,o)=>{let t=rt[e]||e;if(o)for(const[s,n]of Object.entries(o))t=t.replace(`{{${s}}}`,String(n));return t}}}}function Gt(e){if(e!=null)return typeof e=="string"?e:e.defaultValue||e.key}function Ht(e){return e.data?Array.isArray(e.data)?{provider:"value",items:e.data}:e.data:e.staticData?{provider:"value",items:e.staticData}:e.objectName?{provider:"object",object:e.objectName}:null}function qe(e){if(!(!e||e.length===0))return typeof e[0]=="object"&&e[0]!==null,e}const nt=({schema:e,dataSource:o,onEdit:t,onDelete:s,onRowSelect:n,onRowClick:i,onCellChange:a,onRowSave:l,onBatchSave:m,onAddRecord:p,...f})=>{const[h,g]=u.useState([]),[b,w]=u.useState(!0),[C,T]=u.useState(null),{t:D}=qt(),{fieldLabel:z}=pe.useSafeFieldLabel(),[P,Y]=u.useState(null),[q,J]=u.useState(!1),[oe,Me]=u.useState(0),[ve,Ee]=u.useState(!1),[de,ge]=u.useState(e.rowHeight??"compact"),[V,Q]=u.useState([]),he=u.useMemo(()=>e.id?`grid-columns-${e.objectName}-${e.id}`:`grid-columns-${e.objectName}`,[e.objectName,e.id]),[ae,je]=u.useState(()=>{try{const c=localStorage.getItem(he);return c?JSON.parse(c):{}}catch{return{}}}),re=u.useCallback(c=>{je(c);try{localStorage.setItem(he,JSON.stringify(c))}catch(M){console.warn("Failed to persist column state:",M)}},[he]),be=u.useCallback(async()=>{Me(c=>c+1)},[]),{ref:xe,isRefreshing:d,pullDistance:A}=It({onRefresh:be,enabled:!!o&&!!e.objectName});u.useEffect(()=>{const c=()=>J(window.innerWidth<480);return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]);const K=f.data,H=pe.useDataScope(e.bind),we=Ht(e),ee=u.useMemo(()=>K&&Array.isArray(K)?{provider:"value",items:K}:H&&Array.isArray(H)?{provider:"value",items:H}:we,[JSON.stringify(we),H,K]),R=ee?.provider==="value",X=ee?.provider==="object"&&ee&&"object"in ee?ee.object:e.objectName,ue=e.fields,me=e.columns,Pe=e.filter,ke=e.sort,pt=e.pagination,gt=e.pageSize;u.useEffect(()=>{R&&ee?.provider==="value"&&(g(c=>{const M=ee.items;return JSON.stringify(c)!==JSON.stringify(M)?M:c}),w(!1))},[R,ee]),u.useEffect(()=>{if(!R||!X||!o)return;let c=!1;return(async()=>{try{const k=await o.getObjectSchema(X);c||Y(k)}catch(k){console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${X}):`,k)}})(),()=>{c=!0}},[R,X,o]),u.useEffect(()=>{if(R)return;let c=!1;return(async()=>{w(!0),T(null);try{let k=null;const U=qe(me)||ue;if(X&&o){const te=await o.getObjectSchema(X);if(c)return;k=te}else if(U&&X)k={name:X,fields:{}};else throw X?new Error("DataSource required"):new Error("Object name required for data fetching");if(c||Y(k),o&&X){const j={$select:(()=>{if(ue)return ue;if(me&&Array.isArray(me))return me.map(S=>typeof S=="string"?S:S.field)})(),$top:pt?.pageSize||gt||50};Pe&&Array.isArray(Pe)?j.$filter=Pe:e.defaultFilters&&(j.$filter=e.defaultFilters),ke?typeof ke=="string"?j.$orderby=ke:Array.isArray(ke)&&(j.$orderby=ke.map(S=>`${S.field} ${S.order}`).join(", ")):e.defaultSort&&(j.$orderby=`${e.defaultSort.field} ${e.defaultSort.order}`);const x=_e.buildExpandFields(k?.fields,me??ue);x.length>0&&(j.$expand=x);const N=await o.find(X,j);if(c)return;g(N.data||[])}}catch(k){c||T(k)}finally{c||w(!1)}})(),()=>{c=!0}},[X,ue,me,Pe,ke,pt,gt,o,R,ee,oe]);const ne=pe.useNavigationOverlay({navigation:e.navigation,objectName:e.objectName,onNavigate:e.onNavigate,onRowClick:i}),{execute:De}=pe.useAction(),Ss=Qe(e.rowColor),Ns=u.useCallback(c=>{const M=e.conditionalFormatting;if(!(!M||M.length===0))for(const k of M){let U=!1;const te=("condition"in k?k.condition:void 0)||("expression"in k?k.expression:void 0)||void 0;if(te)U=_e.evaluatePlainCondition(te,c);else if("field"in k&&"operator"in k&&k.field&&k.operator){const j=k,x=c[j.field];switch(j.operator){case"equals":U=x===j.value;break;case"not_equals":U=x!==j.value;break;case"contains":U=typeof x=="string"&&typeof j.value=="string"&&x.includes(j.value);break;case"greater_than":U=typeof x=="number"&&typeof j.value=="number"&&x>j.value;break;case"less_than":U=typeof x=="number"&&typeof j.value=="number"&&x<j.value;break;case"in":U=Array.isArray(j.value)&&j.value.includes(x);break}}if(U){const j={};return"style"in k&&k.style&&Object.assign(j,k.style),"backgroundColor"in k&&k.backgroundColor&&(j.backgroundColor=k.backgroundColor),"textColor"in k&&k.textColor&&(j.color=k.textColor),"borderColor"in k&&k.borderColor&&(j.borderColor=k.borderColor),j}}},[e.conditionalFormatting]),{groups:Es,isGrouped:xt,toggleGroup:ks}=Ze(e.grouping,h),Os=u.useMemo(()=>{const c=qe(e.columns);if(c&&c.length>0&&typeof c[0]=="object")return c},[e.columns]),{summaries:bt,hasSummary:_s}=tt(Os,h),Re=u.useCallback(()=>{const c=j=>j?{text:r.jsx(I.Type,{className:"h-3.5 w-3.5"}),number:r.jsx(I.Hash,{className:"h-3.5 w-3.5"}),currency:r.jsx(I.Hash,{className:"h-3.5 w-3.5"}),percent:r.jsx(I.Hash,{className:"h-3.5 w-3.5"}),date:r.jsx(I.Calendar,{className:"h-3.5 w-3.5"}),datetime:r.jsx(I.Clock,{className:"h-3.5 w-3.5"}),boolean:r.jsx(I.CheckSquare,{className:"h-3.5 w-3.5"}),user:r.jsx(I.User,{className:"h-3.5 w-3.5"}),select:r.jsx(I.Tag,{className:"h-3.5 w-3.5"})}[j]||r.jsx(I.Type,{className:"h-3.5 w-3.5"}):r.jsx(I.Type,{className:"h-3.5 w-3.5"}),M=j=>{if(j.type)return j.type;const x=j.field.toLowerCase();if(["completed","is_completed","done","active","enabled","archived"].some(O=>x===O||x===`is_${O}`))return"boolean";if(["created_time","modified_time","updated_time","created_at","updated_at","modified_at","last_login","logged_at"].some(O=>x===O||x.endsWith(`_${O}`)))return"datetime";if(["date","due","created","updated","deadline","start","end","expires"].some(O=>x.includes(O))){if(h.length>0){const O=h.find($=>$[j.field]!=null)?.[j.field];if(typeof O=="string"&&!isNaN(Date.parse(O)))return"date"}return"date"}if(["probability","percent","percentage","completion","progress","rate"].some(O=>x.includes(O))&&h.length>0&&typeof h.find($=>$[j.field]!=null)?.[j.field]=="number")return"percent";if(["status","priority","category","stage","type","severity","level"].some(O=>x.includes(O))&&h.length>0){const O=new Set(h.map($=>$[j.field]).filter(Boolean));if(O.size>0&&O.size<=10)return"select"}if(["assignee","owner","author","reporter","creator","user"].some(O=>x.includes(O)))return"user";if(["amount","price","total","revenue","cost","budget","salary"].some(O=>x.includes(O))&&h.length>0&&typeof h.find($=>$[j.field]!=null)?.[j.field]=="number")return"currency";if(h.length>0){const O=h.find($=>$[j.field]!=null)?.[j.field];if(typeof O=="string"&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(O))return"datetime"}return null},k=qe(me);if(k){if(k.length>0&&typeof k[0]=="object"&&k[0]!==null){const j=k[0];if("accessorKey"in j)return k.map(x=>{if(x.cell)return x;const N={field:x.accessorKey,label:x.header,type:x.type},S=M(N);if(!S)return x;const F=Z.getCellRenderer(S),E={name:x.accessorKey,type:S};if(S==="select"){const y=Array.from(new Set(h.map(_=>_[x.accessorKey]).filter(Boolean)));E.options=y.map(_=>({value:_,label:Z.humanizeLabel(String(_))}))}return{...x,headerIcon:c(S),cell:y=>r.jsx(F,{value:y,field:E})}});if("field"in j)return k.filter(x=>x?.field&&typeof x.field=="string"&&!x.hidden).map((x,N)=>{const S=Gt(x.label)||x.field.charAt(0).toUpperCase()+x.field.slice(1).replace(/_/g," "),F=e.objectName?z(e.objectName,x.field,S):S;let E;const y=P?.fields?.[x.field],_=x.type||y?.type||M({field:x.field})||null,B=_?Z.getCellRenderer(_):null,O={name:x.field,type:_||"text"};if(y&&(y.label&&(O.label=y.label),y.currency&&(O.currency=y.currency),y.precision!==void 0&&(O.precision=y.precision),y.format&&(O.format=y.format),y.options&&(O.options=y.options)),_==="select"&&!O.options){const G=Array.from(new Set(h.map(ce=>ce[x.field]).filter(Boolean)));O.options=G.map(ce=>({value:ce,label:Z.humanizeLabel(String(ce))}))}x.options&&(O.options=x.options);const $=N===0&&!x.link&&!x.action,se=x.link||$;x.link&&x.action||$&&x.action?E=(G,ce)=>{const Se=B?r.jsx(B,{value:G,field:O}):G!=null&&G!==""?String(G):r.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});return r.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":$?"primary-field-link":"link-cell",onClick:Oe=>{Oe.stopPropagation(),ne.handleClick(ce)},children:Se})}:se?E=(G,ce)=>{const Se=B?r.jsx(B,{value:G,field:O}):G!=null&&G!==""?String(G):r.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});return r.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":$?"primary-field-link":"link-cell",onClick:Oe=>{Oe.stopPropagation(),ne.handleClick(ce)},children:Se})}:x.action?E=(G,ce)=>r.jsx(v.Button,{variant:"outline",size:"sm",className:"h-7 text-xs","data-testid":"action-cell",onClick:Se=>{Se.stopPropagation(),De({type:x.action,params:{record:ce,field:x.field,value:G}})},children:Le(x.action)}):B?E=G=>r.jsx(B,{value:G,field:O}):E=G=>G!=null&&G!==""?r.jsx("span",{children:String(G)}):r.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"});const fe=x.prefix;if(fe?.field){const G=E,ce=fe.type==="badge"?Z.getCellRenderer("select"):null;E=(Se,Oe)=>{const Be=Oe[fe.field],Ks=Be!=null&&Be!==""?ce?r.jsx(ce,{value:Be,field:{name:fe.field,type:"select"}}):r.jsx("span",{className:"text-muted-foreground text-xs mr-1.5",children:String(Be)}):null;return r.jsxs("span",{className:"flex items-center gap-1.5",children:[Ks,G(Se,Oe)]})}}const ie=["number","currency","percent"],le=_||x.type,ye=x.align||(le&&ie.includes(le)?"right":void 0),W=N===0||x.essential===!0;return{header:F,accessorKey:x.field,headerIcon:c(_),...!W&&{className:"hidden sm:table-cell"},...x.width&&{width:x.width},...ye&&{align:ye},sortable:x.sortable!==!1,...x.resizable!==void 0&&{resizable:x.resizable},...x.wrap!==void 0&&{wrap:x.wrap},...E&&{cell:E},...x.pinned&&{pinned:x.pinned}}})}return k.filter(j=>typeof j=="string"&&j.trim().length>0).map((j,x)=>{const N=P?.fields?.[j],F=N?.label||j.charAt(0).toUpperCase()+j.slice(1).replace(/_/g," "),E=e.objectName?z(e.objectName,j,F):F,y=N?.type||M({field:j})||null,_=y?Z.getCellRenderer(y):null,B={name:j,type:y||"text"};if(N&&(N.label&&(B.label=N.label),N.currency&&(B.currency=N.currency),N.precision!==void 0&&(B.precision=N.precision),N.format&&(B.format=N.format),N.options&&(B.options=N.options)),y==="select"&&!B.options){const ie=Array.from(new Set(h.map(le=>le[j]).filter(Boolean)));B.options=ie.map(le=>({value:le,label:Z.humanizeLabel(String(le))}))}const $=y&&["number","currency","percent"].includes(y)?"right":void 0,se=x===0;let fe;return se&&_?fe=(ie,le)=>{const ye=r.jsx(_,{value:ie,field:B});return r.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":"primary-field-link",onClick:W=>{W.stopPropagation(),ne.handleClick(le)},children:ye})}:se?fe=(ie,le)=>r.jsx("button",{type:"button",className:"text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit","data-testid":"primary-field-link",onClick:ye=>{ye.stopPropagation(),ne.handleClick(le)},children:ie!=null&&ie!==""?String(ie):r.jsx("span",{className:"text-muted-foreground/50 text-xs italic",children:"—"})}):_&&(fe=ie=>r.jsx(_,{value:ie,field:B})),{header:E,accessorKey:j,...y&&{headerIcon:c(y)},...$&&{align:$},...fe&&{cell:fe},sortable:N?.sortable!==!1}})}if(R){const j=ee?.provider==="value"?ee.items:[];if(j.length>0)return(ue||Object.keys(j[0])).map(N=>{const S=P?.fields?.[N],F=S?.type||M({field:N})||null,E=F?Z.getCellRenderer(F):null,y=S?.label||N.charAt(0).toUpperCase()+N.slice(1).replace(/_/g," "),_={name:N,type:F||"text"};if(S&&(S.label&&(_.label=S.label),S.currency&&(_.currency=S.currency),S.precision!==void 0&&(_.precision=S.precision),S.format&&(_.format=S.format),S.options&&(_.options=S.options)),F==="select"&&!_.options){const $=Array.from(new Set(h.map(se=>se[N]).filter(Boolean)));_.options=$.map(se=>({value:se,label:Z.humanizeLabel(String(se))}))}const O=F&&["number","currency","percent"].includes(F)?"right":void 0;return{header:y,accessorKey:N,...F&&{headerIcon:c(F)},...O&&{align:O},...E&&{cell:$=>r.jsx(E,{value:$,field:_})},sortable:S?.sortable!==!1}})}if(!P)return[];const U=[];return(ue||Object.keys(P.fields||{})).forEach(j=>{const x=P.fields?.[j];if(!x||x.permissions&&x.permissions.read===!1)return;const N=Z.getCellRenderer(x.type),S=["number","currency","percent"];U.push({header:e.objectName?z(e.objectName,j,x.label||j):x.label||j,accessorKey:j,...S.includes(x.type)&&{align:"right"},cell:F=>r.jsx(N,{value:F,field:x}),sortable:x.sortable!==!1})}),U},[P,ue,me,ee,R,ne.handleClick,De,h,z,e.objectName]),Ts=u.useCallback(c=>{const M=e.exportOptions,k=M?.maxRecords||0,U=M?.includeHeaders!==!1,te=M?.fileNamePrefix||e.objectName||"export",j=k>0?h.slice(0,k):h,x=(S,F)=>{const E=URL.createObjectURL(S),y=document.createElement("a");y.href=E,y.download=F,y.click(),URL.revokeObjectURL(E)},N=S=>{const F=S==null?"":String(S);return F.includes(",")||F.includes('"')||F.includes(`
|
|
7
|
+
`)||F.includes("\r")?`"${F.replace(/"/g,'""')}"`:F};if(c==="csv"){const S=Re().filter(_=>_.accessorKey!=="_actions"),F=S.map(_=>_.accessorKey),E=S.map(_=>_.header),y=[];U&&y.push(E.join(",")),j.forEach(_=>{y.push(F.map(B=>N(_[B])).join(","))}),x(new Blob([y.join(`
|
|
8
|
+
`)],{type:"text/csv;charset=utf-8;"}),`${te}.csv`)}else c==="json"&&x(new Blob([JSON.stringify(j,null,2)],{type:"application/json"}),`${te}.json`);Ee(!1)},[h,e.exportOptions,e.objectName,Re]);if(C)return r.jsxs("div",{className:"p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",children:[r.jsx("h3",{className:"text-red-800 font-semibold",children:D("grid.errorLoading")}),r.jsx("p",{className:"text-red-600 text-sm mt-1",children:C.message})]});if(b&&h.length===0)return q?r.jsx("div",{className:"space-y-2 p-2",children:[1,2,3].map(c=>r.jsxs("div",{className:"border rounded-lg p-3 bg-card animate-pulse",children:[r.jsx("div",{className:"h-5 bg-muted rounded w-3/4 mb-3"}),r.jsxs("div",{className:"flex items-center justify-between mb-2",children:[r.jsx("div",{className:"h-4 bg-muted rounded w-1/4"}),r.jsx("div",{className:"h-5 bg-muted rounded-full w-20"})]}),r.jsx("div",{className:"h-3 bg-muted rounded w-1/3"})]},c))}):r.jsxs("div",{className:"p-4 sm:p-8 text-center",children:[r.jsx("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground"}),r.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:D("grid.loading")})]});let Ie=[...Re()];if(ae.widths&&(Ie=Ie.map(c=>{const M=ae.widths?.[c.accessorKey];return M?{...c,size:M}:c})),ae.order&&ae.order.length>0){const c=new Map(ae.order.map((M,k)=>[M,k]));Ie.sort((M,k)=>{const U=c.get(M.accessorKey)??1/0,te=c.get(k.accessorKey)??1/0;return U-te})}const Ce="operations"in e?e.operations:void 0,yt=Ce&&(Ce.update||Ce.delete),As=e.rowActions&&e.rowActions.length>0,$e=yt||As?[...Ie,{header:D("grid.actions"),accessorKey:"_actions",cell:(c,M)=>r.jsx(st,{row:M,rowActions:e.rowActions,canEdit:!!(Ce?.update&&t),canDelete:!!(Ce?.delete&&s),onEdit:t,onDelete:s,onAction:(k,U)=>De({type:k,params:{record:U}})}),sortable:!1}]:Ie,He=$e.filter(c=>c.pinned==="left"),vt=$e.filter(c=>c.pinned==="right"),Ms=$e.filter(c=>!c.pinned),jt=He.length>0||vt.length>0,wt="sticky right-0 z-10 bg-background border-l border-border",Ct=jt?[...He,...Ms,...vt.map(c=>({...c,className:[c.className,wt].filter(Boolean).join(" "),cellClassName:[c.cellClassName,wt].filter(Boolean).join(" ")}))]:$e,Ds=jt?He.length:e.frozenColumns??1,Ve=e.batchActions??e.bulkActions,Is=Ve&&Ve.length>0;let Ke=!1;e.selection?.type?Ke=e.selection.type==="none"?!1:e.selection.type:e.selectable!==void 0?Ke=e.selectable:Is&&(Ke="multiple");const Fs=e.pagination!==void 0?!0:e.showPagination!==void 0?e.showPagination:!0,zs=e.pagination?.pageSize||e.pageSize||10,Ls=e.searchableFields!==void 0?e.searchableFields.length>0:e.showSearch!==void 0?e.showSearch:!0,St={type:"data-table",caption:e.label||e.title,columns:Ct,data:h,pagination:Fs,pageSize:zs,searchable:Ls,selectable:Ke,sortable:!0,exportable:Ce?.export,rowActions:yt,resizableColumns:e.resizable??e.resizableColumns??!0,reorderableColumns:e.reorderableColumns??!1,editable:e.editable??!1,singleClickEdit:e.singleClickEdit??!0,className:e.className,cellClassName:de==="compact"?"px-3 py-1 text-[13px] leading-tight":de==="short"?"px-3 py-1 text-[13px] leading-normal":de==="tall"?"px-3 py-2.5 text-sm":de==="extra_tall"?"px-3 py-3.5 text-sm leading-relaxed":"px-3 py-1.5 text-[13px] leading-normal",showRowNumbers:!0,showAddRow:!!Ce?.create,onAddRecord:p,rowClassName:e.rowColor?(c,M)=>Ss(c):void 0,rowStyle:e.conditionalFormatting?.length?(c,M)=>Ns(c):void 0,frozenColumns:Ds,onSelectionChange:c=>{Q(c),n?.(c)},onRowClick:ne.handleClick,onCellChange:a,onRowSave:l,onBatchSave:m,onColumnResize:(c,M)=>{re({...ae,widths:{...ae.widths,[c]:M}})},onColumnReorder:c=>{re({...ae,order:c})}},Ps=c=>({...St,caption:void 0,data:c,pagination:!1,searchable:!1}),Ue=e.label?`${e.label} Detail`:e.objectName?`${e.objectName.charAt(0).toUpperCase()+e.objectName.slice(1)} Detail`:"Record Detail";if(q&&h.length>0&&!xt){const c=Re().filter(E=>E.accessorKey!=="_actions"),M=new Map;c.forEach(E=>M.set(E.accessorKey,E));const k=c[0],U=["amount","price","total","revenue","cost","value","budget","salary"],te=["stage","status","priority","category","severity","level"],j=["date","due","created","updated","deadline","start","end","expires"],x=["probability","percent","rate","ratio","confidence","score"],N=E=>{const y=(E||"").toLowerCase();return y.includes("won")||y.includes("completed")||y.includes("done")||y.includes("active")?"bg-green-100 text-green-800 border-green-300":y.includes("lost")||y.includes("cancelled")||y.includes("rejected")||y.includes("closed lost")?"bg-red-100 text-red-800 border-red-300":y.includes("negotiation")||y.includes("review")||y.includes("in progress")?"bg-yellow-100 text-yellow-800 border-yellow-300":y.includes("proposal")||y.includes("pending")?"bg-blue-100 text-blue-800 border-blue-300":y.includes("qualification")||y.includes("qualified")?"bg-indigo-100 text-indigo-800 border-indigo-300":y.includes("prospecting")||y.includes("new")||y.includes("open")?"bg-purple-100 text-purple-800 border-purple-300":"bg-muted text-muted-foreground border-border"},S=E=>{const y=(E||"").toLowerCase();return y.includes("won")||y.includes("completed")||y.includes("done")||y.includes("active")?"border-l-green-500":y.includes("lost")||y.includes("cancelled")||y.includes("rejected")?"border-l-red-500":y.includes("negotiation")||y.includes("review")||y.includes("in progress")?"border-l-yellow-500":y.includes("proposal")||y.includes("pending")?"border-l-blue-500":y.includes("qualification")||y.includes("qualified")?"border-l-indigo-500":y.includes("prospecting")||y.includes("new")||y.includes("open")?"border-l-purple-500":"border-l-gray-300"},F=E=>{const y=E.toLowerCase();return U.some(_=>y.includes(_))?"amount":te.some(_=>y.includes(_))?"stage":j.some(_=>y.includes(_))?"date":x.some(_=>y.includes(_))?"percent":"other"};return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"space-y-2 p-2",children:h.map((E,y)=>{const _=c.slice(1,5),B=_.find(W=>F(W.accessorKey)==="amount"),O=_.find(W=>F(W.accessorKey)==="stage"),$=_.filter(W=>F(W.accessorKey)==="date"),se=_.filter(W=>F(W.accessorKey)==="percent"),fe=_.filter(W=>W!==B&&W!==O&&!$.includes(W)&&!se.includes(W)),ie=O?String(E[O.accessorKey]??""):"",le=ie?S(ie):"",ye=["border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",le?`border-l-[3px] ${le}`:""].filter(Boolean).join(" ");return r.jsxs("div",{className:ye,onClick:()=>ne.handleClick(E),children:[k&&r.jsx("div",{className:"font-semibold text-sm truncate mb-1",children:E[k.accessorKey]??"—"}),(B||O)&&r.jsxs("div",{className:"flex items-center justify-between gap-2 mb-1",children:[B&&r.jsx("span",{className:"text-sm tabular-nums font-medium",children:typeof E[B.accessorKey]=="number"?Z.formatCompactCurrency(E[B.accessorKey]):E[B.accessorKey]??"—"}),O&&E[O.accessorKey]&&r.jsx(v.Badge,{variant:"outline",className:`text-xs shrink-0 max-w-[140px] truncate ${N(String(E[O.accessorKey]))}`,children:E[O.accessorKey]})]}),($.length>0||se.length>0)&&r.jsxs("div",{className:"flex items-center justify-between py-0.5 text-xs text-muted-foreground",children:[$[0]&&r.jsx("span",{className:"tabular-nums",children:E[$[0].accessorKey]?Z.formatDate(E[$[0].accessorKey],"short"):"—"}),se[0]&&E[se[0].accessorKey]!=null&&r.jsx("span",{className:"tabular-nums",children:Z.formatPercent(Number(E[se[0].accessorKey]))})]}),$.slice(1).map(W=>r.jsxs("div",{className:"flex justify-between items-center py-0.5",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:W.header}),r.jsx("span",{className:"text-xs text-muted-foreground tabular-nums",children:E[W.accessorKey]?Z.formatDate(E[W.accessorKey],"short"):"—"})]},W.accessorKey)),fe.map(W=>{const G=E[W.accessorKey];return G==null||G===""?null:r.jsxs("div",{className:"flex justify-between items-center py-0.5",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:W.header}),r.jsx("span",{className:"text-xs font-medium truncate ml-2 text-right",children:W.cell?W.cell(G,E):String(G)})]},W.accessorKey)})]},E.id||E._id||y)})}),ne.isOverlay&&r.jsx(v.NavigationOverlay,{...ne,title:Ue,children:E=>r.jsx("div",{className:"space-y-3",children:Object.entries(E).map(([y,_])=>r.jsxs("div",{className:"flex flex-col",children:[r.jsx("span",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wide",children:y.replace(/_/g," ")}),r.jsx("span",{className:"text-sm",children:String(_??"—")})]},y))})})]})}const Rs=()=>{ge(c=>c==="compact"?"short":c==="short"?"medium":c==="medium"?"tall":c==="tall"?"extra_tall":"compact")},$s={compact:I.Rows4,short:I.Rows3,medium:I.Rows2,tall:I.AlignJustify,extra_tall:I.AlignJustify}[de],Nt=e.rowHeight!==void 0,Et=e.exportOptions||Nt?r.jsxs("div",{className:"flex items-center justify-end gap-1 px-2 py-1",children:[Nt&&r.jsxs(v.Button,{variant:"ghost",size:"sm",className:"h-7 px-2 text-muted-foreground hover:text-primary text-xs",onClick:Rs,title:`Row height: ${de}`,children:[r.jsx($s,{className:"h-3.5 w-3.5 mr-1.5"}),r.jsx("span",{className:"hidden sm:inline capitalize",children:de})]}),e.exportOptions&&r.jsxs(v.Popover,{open:ve,onOpenChange:Ee,children:[r.jsx(v.PopoverTrigger,{asChild:!0,children:r.jsxs(v.Button,{variant:"ghost",size:"sm",className:"h-7 px-2 text-muted-foreground hover:text-primary text-xs",children:[r.jsx(I.Download,{className:"h-3.5 w-3.5 mr-1.5"}),r.jsx("span",{className:"hidden sm:inline",children:D("grid.export")})]})}),r.jsx(v.PopoverContent,{align:"end",className:"w-48 p-2",children:r.jsx("div",{className:"space-y-1",children:(e.exportOptions.formats||["csv","json"]).map(c=>r.jsxs(v.Button,{variant:"ghost",size:"sm",className:"w-full justify-start h-8 text-xs",onClick:()=>Ts(c),children:[r.jsx(I.Download,{className:"h-3.5 w-3.5 mr-2"}),D("grid.exportAs",{format:c.toUpperCase()})]},c))})})]})]}):null,kt=c=>{const M=["_id","id","created_at","updated_at","created_by","updated_by"],k=Object.entries(c),U=k.filter(([N])=>!M.includes(N)),te=k.filter(([N])=>M.includes(N)&&N!=="_id"&&N!=="id"),j=N=>N.charAt(0).toUpperCase()+N.slice(1).replace(/_/g," "),x=(N,S)=>{if(S==null||S==="")return r.jsx("span",{className:"text-muted-foreground/50 text-sm italic",children:"Empty"});const F=P?.fields?.[N];if(F?.type){const y=Z.getCellRenderer(F.type);if(y)return r.jsx(y,{value:S,field:F})}return typeof S=="boolean"?r.jsx(v.Badge,{variant:S?"default":"outline",children:S?"Yes":"No"}):typeof S=="string"&&!isNaN(Date.parse(S))&&(N.includes("date")||N.includes("_at")||N.includes("time"))?r.jsx("span",{className:"text-sm tabular-nums",children:Z.formatDate(S)}):typeof S=="number"&&["amount","price","total","revenue","cost","value","budget","salary"].some(y=>N.toLowerCase().includes(y))?r.jsx("span",{className:"text-sm tabular-nums font-medium",children:Z.formatCurrency(S)}):r.jsx("span",{className:"text-sm break-words",children:String(S)})};return r.jsxs("div",{className:"space-y-4","data-testid":"record-detail-panel",children:[r.jsx("div",{className:"rounded-lg border bg-card",children:r.jsx("div",{className:"divide-y",children:U.map(([N,S])=>r.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3",children:[r.jsx("span",{className:"text-xs font-medium text-muted-foreground sm:w-1/3 sm:text-right sm:pt-0.5 uppercase tracking-wide shrink-0",children:j(N)}),r.jsx("div",{className:"flex-1 min-w-0",children:x(N,S)})]},N))})}),te.length>0&&r.jsxs("div",{className:"rounded-lg border bg-muted/30",children:[r.jsx("div",{className:"px-4 py-2 border-b",children:r.jsx("span",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wide",children:"System"})}),r.jsx("div",{className:"divide-y divide-border/50",children:te.map(([N,S])=>r.jsxs("div",{className:"flex items-center gap-4 px-4 py-2",children:[r.jsx("span",{className:"text-xs text-muted-foreground w-1/3 text-right shrink-0",children:j(N)}),r.jsx("span",{className:"text-xs text-muted-foreground flex-1 min-w-0 break-words",children:String(S??"")})]},N))})]})]})},Vs=_s?r.jsx("div",{className:"border-t bg-muted/30 px-2 py-1.5","data-testid":"column-summary-footer",children:r.jsx("div",{className:"flex gap-4 text-xs text-muted-foreground font-medium",children:Ct.filter(c=>bt.has(c.accessorKey)).map(c=>{const M=bt.get(c.accessorKey);return r.jsxs("span",{"data-testid":`summary-${c.accessorKey}`,children:[c.header,": ",M.label]},c.accessorKey)})})}):null,Ot=xt?r.jsx("div",{className:"space-y-2",children:Es.map(c=>r.jsx(et,{groupKey:c.key,label:c.label,count:c.rows.length,collapsed:c.collapsed,aggregations:c.aggregations,onToggle:ks,children:r.jsx(pe.SchemaRenderer,{schema:Ps(c.rows)})},c.key))}):r.jsxs(r.Fragment,{children:[r.jsx(pe.SchemaRenderer,{schema:St}),Vs]});return ne.isOverlay&&ne.mode==="split"?r.jsx(v.NavigationOverlay,{...ne,title:Ue,mainContent:r.jsxs(r.Fragment,{children:[Et,Ot,r.jsx(We,{selectedRows:V,actions:Ve??[],onAction:(c,M)=>De({type:c,params:{records:M}}),onClearSelection:()=>Q([])})]}),children:c=>kt(c)}):r.jsxs("div",{ref:xe,className:"relative h-full",children:[A>0&&r.jsx("div",{className:"flex items-center justify-center text-xs text-muted-foreground",style:{height:A},children:D(d?"grid.refreshing":"grid.pullToRefresh")}),Et,Ot,r.jsx(We,{selectedRows:V,actions:Ve??[],onAction:(c,M)=>De({type:c,params:{records:M}}),onClearSelection:()=>Q([])}),ne.isOverlay&&r.jsx(v.NavigationOverlay,{...ne,title:Ue,children:c=>kt(c)})]})};function Ne(e,o,t){let s=t.initialDeps??[],n,i=!0;function a(){var l,m,p;let f;t.key&&((l=t.debug)!=null&&l.call(t))&&(f=Date.now());const h=e();if(!(h.length!==s.length||h.some((w,C)=>s[C]!==w)))return n;s=h;let b;if(t.key&&((m=t.debug)!=null&&m.call(t))&&(b=Date.now()),n=o(...h),t.key&&((p=t.debug)!=null&&p.call(t))){const w=Math.round((Date.now()-f)*100)/100,C=Math.round((Date.now()-b)*100)/100,T=C/16,D=(z,P)=>{for(z=String(z);z.length<P;)z=" "+z;return z};console.info(`%c⏱ ${D(C,5)} /${D(w,5)} ms`,`
|
|
9
9
|
font-size: .6rem;
|
|
10
10
|
font-weight: bold;
|
|
11
|
-
color: hsl(${Math.max(0,Math.min(120-120*T,120))}deg 100% 31%);`,t?.key)}return t?.onChange&&!(i&&t.skipInitialOnChange)&&t.onChange(n),i=!1,n}return a.updateDeps=l=>{r=l},a}function it(e,o){if(e===void 0)throw new Error("Unexpected undefined");return e}const Ut=(e,o)=>Math.abs(e-o)<1.01,Yt=(e,o,t)=>{let r;return function(...n){e.clearTimeout(r),r=e.setTimeout(()=>o.apply(this,n),t)}},ot=e=>{const{offsetWidth:o,offsetHeight:t}=e;return{width:o,height:t}},Jt=e=>e,Xt=e=>{const o=Math.max(e.startIndex-e.overscan,0),t=Math.min(e.endIndex+e.overscan,e.count-1),r=[];for(let n=o;n<=t;n++)r.push(n);return r},Qt=(e,o)=>{const t=e.scrollElement;if(!t)return;const r=e.targetWindow;if(!r)return;const n=a=>{const{width:l,height:p}=a;o({width:Math.round(l),height:Math.round(p)})};if(n(ot(t)),!r.ResizeObserver)return()=>{};const i=new r.ResizeObserver(a=>{const l=()=>{const p=a[0];if(p?.borderBoxSize){const h=p.borderBoxSize[0];if(h){n({width:h.inlineSize,height:h.blockSize});return}}n(ot(t))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return i.observe(t,{box:"border-box"}),()=>{i.unobserve(t)}},lt={passive:!0},at=typeof window>"u"?!0:"onscrollend"in window,Zt=(e,o)=>{const t=e.scrollElement;if(!t)return;const r=e.targetWindow;if(!r)return;let n=0;const i=e.options.useScrollendEvent&&at?()=>{}:Yt(r,()=>{o(n,!1)},e.options.isScrollingResetDelay),a=d=>()=>{const{horizontal:m,isRtl:g}=e.options;n=m?t.scrollLeft*(g&&-1||1):t.scrollTop,i(),o(n,d)},l=a(!0),p=a(!1);t.addEventListener("scroll",l,lt);const h=e.options.useScrollendEvent&&at;return h&&t.addEventListener("scrollend",p,lt),()=>{t.removeEventListener("scroll",l),h&&t.removeEventListener("scrollend",p)}},es=(e,o,t)=>{if(o?.borderBoxSize){const r=o.borderBoxSize[0];if(r)return Math.round(r[t.options.horizontal?"inlineSize":"blockSize"])}return e[t.options.horizontal?"offsetWidth":"offsetHeight"]},ts=(e,{adjustments:o=0,behavior:t},r)=>{var n,i;const a=e+o;(i=(n=r.scrollElement)==null?void 0:n.scrollTo)==null||i.call(n,{[r.options.horizontal?"left":"top"]:a,behavior:t})};class ss{constructor(o){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.currentScrollToIndex=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let t=null;const r=()=>t||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:t=new this.targetWindow.ResizeObserver(n=>{n.forEach(i=>{const a=()=>{this._measureElement(i.target,i)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()})}));return{disconnect:()=>{var n;(n=r())==null||n.disconnect(),t=null},observe:n=>{var i;return(i=r())==null?void 0:i.observe(n,{box:"border-box"})},unobserve:n=>{var i;return(i=r())==null?void 0:i.unobserve(n)}}})(),this.range=null,this.setOptions=t=>{Object.entries(t).forEach(([r,n])=>{typeof n>"u"&&delete t[r]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Jt,rangeExtractor:Xt,onChange:()=>{},measureElement:es,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...t}},this.notify=t=>{var r,n;(n=(r=this.options).onChange)==null||n.call(r,this,t)},this.maybeNotify=Se(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{key:process.env.NODE_ENV!=="production"&&"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(t=>t()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var t;const r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r){this.maybeNotify();return}this.scrollElement=r,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((t=this.scrollElement)==null?void 0:t.window)??null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,i)=>{this.scrollAdjustments=0,this.scrollDirection=i?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=i,this.maybeNotify()})),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(t,r)=>{const n=new Map,i=new Map;for(let a=r-1;a>=0;a--){const l=t[a];if(n.has(l.lane))continue;const p=i.get(l.lane);if(p==null||l.end>p.end?i.set(l.lane,l):l.end<p.end&&n.set(l.lane,!0),n.size===this.options.lanes)break}return i.size===this.options.lanes?Array.from(i.values()).sort((a,l)=>a.end===l.end?a.index-l.index:a.end-l.end)[0]:void 0},this.getMeasurementOptions=Se(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(t,r,n,i,a,l)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMeasuredCacheIndexes=[],{count:t,paddingStart:r,scrollMargin:n,getItemKey:i,enabled:a,lanes:l}),{key:!1}),this.getMeasurements=Se(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:t,paddingStart:r,scrollMargin:n,getItemKey:i,enabled:a,lanes:l},p)=>{if(!a)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>t)for(const g of this.laneAssignments.keys())g>=t&&this.laneAssignments.delete(g);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),this.measurementsCache.length===0&&!this.lanesSettling&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(g=>{this.itemSizeCache.set(g.key,g.size)}));const h=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===t&&(this.lanesSettling=!1);const d=this.measurementsCache.slice(0,h),m=new Array(l).fill(void 0);for(let g=0;g<h;g++){const b=d[g];b&&(m[b.lane]=g)}for(let g=h;g<t;g++){const b=i(g),C=this.laneAssignments.get(g);let w,T;if(C!==void 0&&this.options.lanes>1){w=C;const Y=m[w],q=Y!==void 0?d[Y]:void 0;T=q?q.end+this.options.gap:r+n}else{const Y=this.options.lanes===1?d[g-1]:this.getFurthestMeasurement(d,g);T=Y?Y.end+this.options.gap:r+n,w=Y?Y.lane:g%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(g,w)}const D=p.get(b),I=typeof D=="number"?D:this.options.estimateSize(g),L=T+I;d[g]={index:g,start:T,size:I,end:L,key:b,lane:w},m[w]=g}return this.measurementsCache=d,d},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=Se(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(t,r,n,i)=>this.range=t.length>0&&r>0?rs({measurements:t,outerSize:r,scrollOffset:n,lanes:i}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=Se(()=>{let t=null,r=null;const n=this.calculateRange();return n&&(t=n.startIndex,r=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,t,r]),[this.options.rangeExtractor,this.options.overscan,this.options.count,t,r]},(t,r,n,i,a)=>i===null||a===null?[]:t({startIndex:i,endIndex:a,overscan:r,count:n}),{key:process.env.NODE_ENV!=="production"&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=t=>{const r=this.options.indexAttribute,n=t.getAttribute(r);return n?parseInt(n,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this._measureElement=(t,r)=>{const n=this.indexFromElement(t),i=this.measurementsCache[n];if(!i)return;const a=i.key,l=this.elementsCache.get(a);l!==t&&(l&&this.observer.unobserve(l),this.observer.observe(t),this.elementsCache.set(a,t)),t.isConnected&&this.resizeItem(n,this.options.measureElement(t,r,this))},this.resizeItem=(t,r)=>{const n=this.measurementsCache[t];if(!n)return;const i=this.itemSizeCache.get(n.key)??n.size,a=r-i;a!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(n,a,this):n.start<this.getScrollOffset()+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",a),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=a,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,r)),this.notify(!1))},this.measureElement=t=>{if(!t){this.elementsCache.forEach((r,n)=>{r.isConnected||(this.observer.unobserve(r),this.elementsCache.delete(n))});return}this._measureElement(t,void 0)},this.getVirtualItems=Se(()=>[this.getVirtualIndexes(),this.getMeasurements()],(t,r)=>{const n=[];for(let i=0,a=t.length;i<a;i++){const l=t[i],p=r[l];n.push(p)}return n},{key:process.env.NODE_ENV!=="production"&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const r=this.getMeasurements();if(r.length!==0)return it(r[ct(0,r.length-1,n=>it(r[n]).start,t)])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const t=this.scrollElement.document.documentElement;return this.options.horizontal?t.scrollWidth-this.scrollElement.innerWidth:t.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(t,r,n=0)=>{if(!this.scrollElement)return 0;const i=this.getSize(),a=this.getScrollOffset();r==="auto"&&(r=t>=a+i?"end":"start"),r==="center"?t+=(n-i)/2:r==="end"&&(t-=i);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,t),0)},this.getOffsetForIndex=(t,r="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const n=this.measurementsCache[t];if(!n)return;const i=this.getSize(),a=this.getScrollOffset();if(r==="auto")if(n.end>=a+i-this.options.scrollPaddingEnd)r="end";else if(n.start<=a+this.options.scrollPaddingStart)r="start";else return[a,r];if(r==="end"&&t===this.options.count-1)return[this.getMaxScrollOffset(),r];const l=r==="end"?n.end+this.options.scrollPaddingEnd:n.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,r,n.size),r]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(t,{align:r="start",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(t,r),{adjustments:void 0,behavior:n})},this.scrollToIndex=(t,{align:r="auto",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),t=Math.max(0,Math.min(t,this.options.count-1)),this.currentScrollToIndex=t;let i=0;const a=10,l=h=>{if(!this.targetWindow)return;const d=this.getOffsetForIndex(t,h);if(!d){console.warn("Failed to get offset for index:",t);return}const[m,g]=d;this._scrollToOffset(m,{adjustments:void 0,behavior:n}),this.targetWindow.requestAnimationFrame(()=>{if(!this.targetWindow)return;const b=()=>{if(this.currentScrollToIndex!==t)return;const C=this.getScrollOffset(),w=this.getOffsetForIndex(t,g);if(!w){console.warn("Failed to get offset for index:",t);return}Ut(w[0],C)||p(g)};this.isDynamicMode()?this.targetWindow.requestAnimationFrame(b):b()})},p=h=>{this.targetWindow&&this.currentScrollToIndex===t&&(i++,i<a?(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("Schedule retry",i,a),this.targetWindow.requestAnimationFrame(()=>l(h))):console.warn(`Failed to scroll to index ${t} after ${a} attempts.`))};l(r)},this.scrollBy=(t,{behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+t,{adjustments:void 0,behavior:r})},this.getTotalSize=()=>{var t;const r=this.getMeasurements();let n;if(r.length===0)n=this.options.paddingStart;else if(this.options.lanes===1)n=((t=r[r.length-1])==null?void 0:t.end)??0;else{const i=Array(this.options.lanes).fill(null);let a=r.length-1;for(;a>=0&&i.some(l=>l===null);){const l=r[a];i[l.lane]===null&&(i[l.lane]=l.end),a--}n=Math.max(...i.filter(l=>l!==null))}return Math.max(n-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(t,{adjustments:r,behavior:n})=>{this.options.scrollToFn(t,{behavior:n,adjustments:r},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(o)}}const ct=(e,o,t,r)=>{for(;e<=o;){const n=(e+o)/2|0,i=t(n);if(i<r)e=n+1;else if(i>r)o=n-1;else return n}return e>0?e-1:0};function rs({measurements:e,outerSize:o,scrollOffset:t,lanes:r}){const n=e.length-1,i=p=>e[p].start;if(e.length<=r)return{startIndex:0,endIndex:n};let a=ct(0,n,i,t),l=a;if(r===1)for(;l<n&&e[l].end<t+o;)l++;else if(r>1){const p=Array(r).fill(0);for(;l<n&&p.some(d=>d<t+o);){const d=e[l];p[d.lane]=d.end,l++}const h=Array(r).fill(t+o);for(;a>=0&&h.some(d=>d>=t);){const d=e[a];h[d.lane]=d.start,a--}a=Math.max(0,a-a%r),l=Math.min(n,l+(r-1-l%r))}return{startIndex:a,endIndex:l}}const dt=typeof document<"u"?ze.useLayoutEffect:ze.useEffect;function ns({useFlushSync:e=!0,...o}){const t=ze.useReducer(()=>({}),{})[1],r={...o,onChange:(i,a)=>{var l;e&&a?_t.flushSync(t):t(),(l=o.onChange)==null||l.call(o,i,a)}},[n]=ze.useState(()=>new ss(r));return n.setOptions(r),dt(()=>n._didMount(),[]),dt(()=>n._willUpdate()),n}function is(e){return ns({observeElementRect:Qt,observeElementOffset:Zt,scrollToFn:ts,...e})}const os=({data:e,columns:o,rowHeight:t=40,height:r=600,className:n="",headerClassName:i="",rowClassName:a,onRowClick:l,overscan:p=5})=>{const h=f.useRef(null),d=is({count:e.length,getScrollElement:()=>h.current,estimateSize:()=>t,overscan:p}),m=d.getVirtualItems();return s.jsxs("div",{className:n,children:[s.jsx("div",{className:`grid border-b sticky top-0 bg-muted/30 z-10 ${i}`,style:{gridTemplateColumns:o.map(g=>g.width||"1fr").join(" ")},children:o.map((g,b)=>s.jsx("div",{className:`px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${g.align==="center"?"text-center":g.align==="right"?"text-right":"text-left"}`,children:g.header},b))}),s.jsx("div",{ref:h,className:"overflow-auto",style:{height:typeof r=="number"?`${r}px`:r,contain:"strict"},children:s.jsx("div",{style:{height:`${d.getTotalSize()}px`,width:"100%",position:"relative"},children:m.map(g=>{const b=e[g.index],C=typeof a=="function"?a(b,g.index):a||"";return s.jsx("div",{className:`grid border-b hover:bg-muted/50 cursor-pointer ${C}`,style:{position:"absolute",top:0,left:0,width:"100%",height:`${g.size}px`,transform:`translateY(${g.start}px)`,gridTemplateColumns:o.map(w=>w.width||"1fr").join(" ")},onClick:()=>l?.(b,g.index),children:o.map((w,T)=>{const D=b[w.accessorKey],I=w.cell?w.cell(D,b):D;return s.jsx("div",{className:`px-4 py-2 text-sm flex items-center ${w.align==="center"?"text-center justify-center":w.align==="right"?"text-right justify-end":"text-left justify-start"}`,children:I},T)})},g.key)})})}),s.jsxs("div",{className:"px-4 py-2 text-xs text-muted-foreground border-t",children:["Showing ",m.length," of ",e.length," rows (virtual scrolling enabled)"]})]})},ls=10;function as(e){const o=[];let t=[],r="",n=!1;for(let i=0;i<e.length;i++){const a=e[i],l=e[i+1];n?a==='"'&&l==='"'?(r+='"',i++):a==='"'?n=!1:r+=a:a==='"'?n=!0:a===","?(t.push(r.trim()),r=""):a===`
|
|
11
|
+
color: hsl(${Math.max(0,Math.min(120-120*T,120))}deg 100% 31%);`,t?.key)}return t?.onChange&&!(i&&t.skipInitialOnChange)&&t.onChange(n),i=!1,n}return a.updateDeps=l=>{s=l},a}function it(e,o){if(e===void 0)throw new Error("Unexpected undefined");return e}const Ut=(e,o)=>Math.abs(e-o)<1.01,Yt=(e,o,t)=>{let s;return function(...n){e.clearTimeout(s),s=e.setTimeout(()=>o.apply(this,n),t)}},lt=e=>{const{offsetWidth:o,offsetHeight:t}=e;return{width:o,height:t}},Jt=e=>e,Xt=e=>{const o=Math.max(e.startIndex-e.overscan,0),t=Math.min(e.endIndex+e.overscan,e.count-1),s=[];for(let n=o;n<=t;n++)s.push(n);return s},Qt=(e,o)=>{const t=e.scrollElement;if(!t)return;const s=e.targetWindow;if(!s)return;const n=a=>{const{width:l,height:m}=a;o({width:Math.round(l),height:Math.round(m)})};if(n(lt(t)),!s.ResizeObserver)return()=>{};const i=new s.ResizeObserver(a=>{const l=()=>{const m=a[0];if(m?.borderBoxSize){const p=m.borderBoxSize[0];if(p){n({width:p.inlineSize,height:p.blockSize});return}}n(lt(t))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return i.observe(t,{box:"border-box"}),()=>{i.unobserve(t)}},ot={passive:!0},at=typeof window>"u"?!0:"onscrollend"in window,Zt=(e,o)=>{const t=e.scrollElement;if(!t)return;const s=e.targetWindow;if(!s)return;let n=0;const i=e.options.useScrollendEvent&&at?()=>{}:Yt(s,()=>{o(n,!1)},e.options.isScrollingResetDelay),a=f=>()=>{const{horizontal:h,isRtl:g}=e.options;n=h?t.scrollLeft*(g&&-1||1):t.scrollTop,i(),o(n,f)},l=a(!0),m=a(!1);t.addEventListener("scroll",l,ot);const p=e.options.useScrollendEvent&&at;return p&&t.addEventListener("scrollend",m,ot),()=>{t.removeEventListener("scroll",l),p&&t.removeEventListener("scrollend",m)}},es=(e,o,t)=>{if(o?.borderBoxSize){const s=o.borderBoxSize[0];if(s)return Math.round(s[t.options.horizontal?"inlineSize":"blockSize"])}return e[t.options.horizontal?"offsetWidth":"offsetHeight"]},ts=(e,{adjustments:o=0,behavior:t},s)=>{var n,i;const a=e+o;(i=(n=s.scrollElement)==null?void 0:n.scrollTo)==null||i.call(n,{[s.options.horizontal?"left":"top"]:a,behavior:t})};class ss{constructor(o){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.now=()=>{var t,s,n;return((n=(s=(t=this.targetWindow)==null?void 0:t.performance)==null?void 0:s.now)==null?void 0:n.call(s))??Date.now()},this.observer=(()=>{let t=null;const s=()=>t||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:t=new this.targetWindow.ResizeObserver(n=>{n.forEach(i=>{const a=()=>{this._measureElement(i.target,i)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()})}));return{disconnect:()=>{var n;(n=s())==null||n.disconnect(),t=null},observe:n=>{var i;return(i=s())==null?void 0:i.observe(n,{box:"border-box"})},unobserve:n=>{var i;return(i=s())==null?void 0:i.unobserve(n)}}})(),this.range=null,this.setOptions=t=>{Object.entries(t).forEach(([s,n])=>{typeof n>"u"&&delete t[s]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Jt,rangeExtractor:Xt,onChange:()=>{},measureElement:es,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...t}},this.notify=t=>{var s,n;(n=(s=this.options).onChange)==null||n.call(s,this,t)},this.maybeNotify=Ne(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{key:process.env.NODE_ENV!=="production"&&"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(t=>t()),this.unsubs=[],this.observer.disconnect(),this.rafId!=null&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var t;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((t=this.scrollElement)==null?void 0:t.window)??null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,i)=>{this.scrollAdjustments=0,this.scrollDirection=i?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=i,this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(t,s)=>{const n=new Map,i=new Map;for(let a=s-1;a>=0;a--){const l=t[a];if(n.has(l.lane))continue;const m=i.get(l.lane);if(m==null||l.end>m.end?i.set(l.lane,l):l.end<m.end&&n.set(l.lane,!0),n.size===this.options.lanes)break}return i.size===this.options.lanes?Array.from(i.values()).sort((a,l)=>a.end===l.end?a.index-l.index:a.end-l.end)[0]:void 0},this.getMeasurementOptions=Ne(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(t,s,n,i,a,l)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMeasuredCacheIndexes=[],{count:t,paddingStart:s,scrollMargin:n,getItemKey:i,enabled:a,lanes:l}),{key:!1}),this.getMeasurements=Ne(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:t,paddingStart:s,scrollMargin:n,getItemKey:i,enabled:a,lanes:l},m)=>{if(!a)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>t)for(const g of this.laneAssignments.keys())g>=t&&this.laneAssignments.delete(g);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),this.measurementsCache.length===0&&!this.lanesSettling&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(g=>{this.itemSizeCache.set(g.key,g.size)}));const p=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===t&&(this.lanesSettling=!1);const f=this.measurementsCache.slice(0,p),h=new Array(l).fill(void 0);for(let g=0;g<p;g++){const b=f[g];b&&(h[b.lane]=g)}for(let g=p;g<t;g++){const b=i(g),w=this.laneAssignments.get(g);let C,T;if(w!==void 0&&this.options.lanes>1){C=w;const Y=h[C],q=Y!==void 0?f[Y]:void 0;T=q?q.end+this.options.gap:s+n}else{const Y=this.options.lanes===1?f[g-1]:this.getFurthestMeasurement(f,g);T=Y?Y.end+this.options.gap:s+n,C=Y?Y.lane:g%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(g,C)}const D=m.get(b),z=typeof D=="number"?D:this.options.estimateSize(g),P=T+z;f[g]={index:g,start:T,size:z,end:P,key:b,lane:C},h[C]=g}return this.measurementsCache=f,f},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=Ne(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(t,s,n,i)=>this.range=t.length>0&&s>0?rs({measurements:t,outerSize:s,scrollOffset:n,lanes:i}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=Ne(()=>{let t=null,s=null;const n=this.calculateRange();return n&&(t=n.startIndex,s=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,t,s]),[this.options.rangeExtractor,this.options.overscan,this.options.count,t,s]},(t,s,n,i,a)=>i===null||a===null?[]:t({startIndex:i,endIndex:a,overscan:s,count:n}),{key:process.env.NODE_ENV!=="production"&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=t=>{const s=this.options.indexAttribute,n=t.getAttribute(s);return n?parseInt(n,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=t=>{var s;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const n=this.scrollState.index??((s=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:s.index);if(n!==void 0&&this.range){const i=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),a=Math.max(0,n-i),l=Math.min(this.options.count-1,n+i);return t>=a&&t<=l}return!0},this._measureElement=(t,s)=>{if(!t.isConnected){this.observer.unobserve(t);return}const n=this.indexFromElement(t),i=this.measurementsCache[n];if(!i)return;const a=i.key,l=this.elementsCache.get(a);l!==t&&(l&&this.observer.unobserve(l),this.observer.observe(t),this.elementsCache.set(a,t)),this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(t,s,this))},this.resizeItem=(t,s)=>{var n;const i=this.measurementsCache[t];if(!i)return;const a=this.itemSizeCache.get(i.key)??i.size,l=s-a;l!==0&&(((n=this.scrollState)==null?void 0:n.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(i,l,this):i.start<this.getScrollOffset()+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",l),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=l,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(i.index),this.itemSizeCache=new Map(this.itemSizeCache.set(i.key,s)),this.notify(!1))},this.measureElement=t=>{if(!t){this.elementsCache.forEach((s,n)=>{s.isConnected||(this.observer.unobserve(s),this.elementsCache.delete(n))});return}this._measureElement(t,void 0)},this.getVirtualItems=Ne(()=>[this.getVirtualIndexes(),this.getMeasurements()],(t,s)=>{const n=[];for(let i=0,a=t.length;i<a;i++){const l=t[i],m=s[l];n.push(m)}return n},{key:process.env.NODE_ENV!=="production"&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const s=this.getMeasurements();if(s.length!==0)return it(s[ct(0,s.length-1,n=>it(s[n]).start,t)])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const t=this.scrollElement.document.documentElement;return this.options.horizontal?t.scrollWidth-this.scrollElement.innerWidth:t.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(t,s,n=0)=>{if(!this.scrollElement)return 0;const i=this.getSize(),a=this.getScrollOffset();s==="auto"&&(s=t>=a+i?"end":"start"),s==="center"?t+=(n-i)/2:s==="end"&&(t-=i);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,t),0)},this.getOffsetForIndex=(t,s="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const n=this.getSize(),i=this.getScrollOffset(),a=this.measurementsCache[t];if(!a)return;if(s==="auto")if(a.end>=i+n-this.options.scrollPaddingEnd)s="end";else if(a.start<=i+this.options.scrollPaddingStart)s="start";else return[i,s];if(s==="end"&&t===this.options.count-1)return[this.getMaxScrollOffset(),s];const l=s==="end"?a.end+this.options.scrollPaddingEnd:a.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,s,a.size),s]},this.scrollToOffset=(t,{align:s="start",behavior:n="auto"}={})=>{const i=this.getOffsetForAlignment(t,s),a=this.now();this.scrollState={index:null,align:s,behavior:n,startedAt:a,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToIndex=(t,{align:s="auto",behavior:n="auto"}={})=>{t=Math.max(0,Math.min(t,this.options.count-1));const i=this.getOffsetForIndex(t,s);if(!i)return;const[a,l]=i,m=this.now();this.scrollState={index:t,align:l,behavior:n,startedAt:m,lastTargetOffset:a,stableFrames:0},this._scrollToOffset(a,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollBy=(t,{behavior:s="auto"}={})=>{const n=this.getScrollOffset()+t,i=this.now();this.scrollState={index:null,align:"start",behavior:s,startedAt:i,lastTargetOffset:n,stableFrames:0},this._scrollToOffset(n,{adjustments:void 0,behavior:s}),this.scheduleScrollReconcile()},this.getTotalSize=()=>{var t;const s=this.getMeasurements();let n;if(s.length===0)n=this.options.paddingStart;else if(this.options.lanes===1)n=((t=s[s.length-1])==null?void 0:t.end)??0;else{const i=Array(this.options.lanes).fill(null);let a=s.length-1;for(;a>=0&&i.some(l=>l===null);){const l=s[a];i[l.lane]===null&&(i[l.lane]=l.end),a--}n=Math.max(...i.filter(l=>l!==null))}return Math.max(n-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(t,{adjustments:s,behavior:n})=>{this.options.scrollToFn(t,{behavior:n,adjustments:s},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(o)}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}this.rafId==null&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()}))}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}const s=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,n=s?s[0]:this.scrollState.lastTargetOffset,i=1,a=n!==this.scrollState.lastTargetOffset;if(!a&&Ut(n,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=i){this.scrollState=null;return}}else this.scrollState.stableFrames=0,a&&(this.scrollState.lastTargetOffset=n,this.scrollState.behavior="auto",this._scrollToOffset(n,{adjustments:void 0,behavior:"auto"}));this.scheduleScrollReconcile()}}const ct=(e,o,t,s)=>{for(;e<=o;){const n=(e+o)/2|0,i=t(n);if(i<s)e=n+1;else if(i>s)o=n-1;else return n}return e>0?e-1:0};function rs({measurements:e,outerSize:o,scrollOffset:t,lanes:s}){const n=e.length-1,i=m=>e[m].start;if(e.length<=s)return{startIndex:0,endIndex:n};let a=ct(0,n,i,t),l=a;if(s===1)for(;l<n&&e[l].end<t+o;)l++;else if(s>1){const m=Array(s).fill(0);for(;l<n&&m.some(f=>f<t+o);){const f=e[l];m[f.lane]=f.end,l++}const p=Array(s).fill(t+o);for(;a>=0&&p.some(f=>f>=t);){const f=e[a];p[f.lane]=f.start,a--}a=Math.max(0,a-a%s),l=Math.min(n,l+(s-1-l%s))}return{startIndex:a,endIndex:l}}const dt=typeof document<"u"?Fe.useLayoutEffect:Fe.useEffect;function ns({useFlushSync:e=!0,...o}){const t=Fe.useReducer(()=>({}),{})[1],s={...o,onChange:(i,a)=>{var l;e&&a?_t.flushSync(t):t(),(l=o.onChange)==null||l.call(o,i,a)}},[n]=Fe.useState(()=>new ss(s));return n.setOptions(s),dt(()=>n._didMount(),[]),dt(()=>n._willUpdate()),n}function is(e){return ns({observeElementRect:Qt,observeElementOffset:Zt,scrollToFn:ts,...e})}const ls=({data:e,columns:o,rowHeight:t=40,height:s=600,className:n="",headerClassName:i="",rowClassName:a,onRowClick:l,overscan:m=5})=>{const p=u.useRef(null),f=is({count:e.length,getScrollElement:()=>p.current,estimateSize:()=>t,overscan:m}),h=f.getVirtualItems();return r.jsxs("div",{className:n,children:[r.jsx("div",{className:`grid border-b sticky top-0 bg-muted/30 z-10 ${i}`,style:{gridTemplateColumns:o.map(g=>g.width||"1fr").join(" ")},children:o.map((g,b)=>r.jsx("div",{className:`px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${g.align==="center"?"text-center":g.align==="right"?"text-right":"text-left"}`,children:g.header},b))}),r.jsx("div",{ref:p,className:"overflow-auto",style:{height:typeof s=="number"?`${s}px`:s,contain:"strict"},children:r.jsx("div",{style:{height:`${f.getTotalSize()}px`,width:"100%",position:"relative"},children:h.map(g=>{const b=e[g.index],w=typeof a=="function"?a(b,g.index):a||"";return r.jsx("div",{className:`grid border-b hover:bg-muted/50 cursor-pointer ${w}`,style:{position:"absolute",top:0,left:0,width:"100%",height:`${g.size}px`,transform:`translateY(${g.start}px)`,gridTemplateColumns:o.map(C=>C.width||"1fr").join(" ")},onClick:()=>l?.(b,g.index),children:o.map((C,T)=>{const D=b[C.accessorKey],z=C.cell?C.cell(D,b):D;return r.jsx("div",{className:`px-4 py-2 text-sm flex items-center ${C.align==="center"?"text-center justify-center":C.align==="right"?"text-right justify-end":"text-left justify-start"}`,children:z},T)})},g.key)})})}),r.jsxs("div",{className:"px-4 py-2 text-xs text-muted-foreground border-t",children:["Showing ",h.length," of ",e.length," rows (virtual scrolling enabled)"]})]})},os=10;function as(e){const o=[];let t=[],s="",n=!1;for(let i=0;i<e.length;i++){const a=e[i],l=e[i+1];n?a==='"'&&l==='"'?(s+='"',i++):a==='"'?n=!1:s+=a:a==='"'?n=!0:a===","?(t.push(s.trim()),s=""):a===`
|
|
12
12
|
`||a==="\r"&&l===`
|
|
13
|
-
`?(t.push(r.trim()),t.some(p=>p!=="")&&o.push(t),t=[],r="",a==="\r"&&i++):r+=a}return t.push(r.trim()),t.some(i=>i!=="")&&o.push(t),o}function ut(e,o){if(!e)return!0;switch(o){case"number":case"currency":case"percent":return!isNaN(Number(e));case"boolean":return["true","false","1","0","yes","no"].includes(e.toLowerCase());case"date":case"datetime":return!isNaN(Date.parse(e));default:return!0}}function cs(e,o){const t={};return e.forEach((r,n)=>{const i=r.toLowerCase().replace(/[_\s-]/g,""),a=o.find(l=>{const p=l.name.toLowerCase().replace(/[_\s-]/g,""),h=l.label.toLowerCase().replace(/[_\s-]/g,"");return p===i||h===i});a&&(t[n]=a.name)}),t}function ds(e,o,t){const r=[],n={};for(const i of o){const a=e[i.csvIdx]??"";if(i.field.required&&!a){r.push({row:t,field:i.field.name,message:"Required field is empty"});continue}if(a&&!ut(a,i.field.type)){r.push({row:t,field:i.field.name,message:`Invalid ${i.field.type} value: "${a}"`});continue}n[i.field.name]=a}return{record:n,errors:r}}const us=({onFileLoaded:e})=>{const[o,t]=f.useState(!1),[r,n]=f.useState(null),i=f.useCallback(a=>{if(n(null),!a.name.endsWith(".csv")){n("Only CSV files are supported.");return}const l=new FileReader;l.onload=p=>{const h=as(p.target?.result);if(h.length<2){n("File must contain a header row and at least one data row.");return}e(h[0],h.slice(1))},l.readAsText(a)},[e]);return s.jsxs("div",{className:"flex flex-col items-center gap-4 py-6",children:[s.jsxs("div",{className:v.cn("flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors",o?"border-primary bg-primary/5":"border-muted-foreground/25"),onDragOver:a=>{a.preventDefault(),t(!0)},onDragLeave:()=>t(!1),onDrop:a=>{a.preventDefault(),t(!1);const l=a.dataTransfer.files[0];l&&i(l)},children:[s.jsx(F.Upload,{className:"h-10 w-10 text-muted-foreground"}),s.jsx("p",{className:"text-sm text-muted-foreground",children:"Drag & drop a CSV file here, or click to browse"}),s.jsxs("label",{children:[s.jsx("input",{type:"file",accept:".csv",className:"hidden",onChange:a=>{const l=a.target.files?.[0];l&&i(l)}}),s.jsx(v.Button,{variant:"outline",size:"sm",asChild:!0,children:s.jsx("span",{children:"Browse Files"})})]})]}),r&&s.jsxs("p",{className:"flex items-center gap-1 text-sm text-destructive",children:[s.jsx(F.AlertCircle,{className:"h-4 w-4"})," ",r]})]})},fs=({headers:e,fields:o,mapping:t,onMappingChange:r})=>{const n=f.useMemo(()=>new Set(Object.values(t)),[t]),i=f.useCallback((a,l)=>{const p={...t};l==="__skip__"?delete p[a]:p[a]=l,r(p)},[t,r]);return s.jsx("div",{className:"max-h-[360px] overflow-auto",children:s.jsxs(v.Table,{children:[s.jsx(v.TableHeader,{children:s.jsxs(v.TableRow,{children:[s.jsx(v.TableHead,{children:"CSV Column"}),s.jsx(v.TableHead,{children:"Maps To"}),s.jsx(v.TableHead,{className:"w-24 text-center",children:"Status"})]})}),s.jsx(v.TableBody,{children:e.map((a,l)=>s.jsxs(v.TableRow,{children:[s.jsx(v.TableCell,{className:"font-medium",children:a}),s.jsx(v.TableCell,{children:s.jsxs(v.Select,{value:t[l]??"__skip__",onValueChange:p=>i(l,p),children:[s.jsx(v.SelectTrigger,{className:"h-8 w-56",children:s.jsx(v.SelectValue,{placeholder:"Skip column"})}),s.jsxs(v.SelectContent,{children:[s.jsx(v.SelectItem,{value:"__skip__",children:"— Skip —"}),o.map(p=>s.jsxs(v.SelectItem,{value:p.name,disabled:n.has(p.name)&&t[l]!==p.name,children:[p.label,p.required?" *":""]},p.name))]})]})}),s.jsx(v.TableCell,{className:"text-center",children:t[l]?s.jsx(v.Badge,{variant:"default",className:"text-xs",children:"Mapped"}):s.jsx(v.Badge,{variant:"secondary",className:"text-xs",children:"Skipped"})})]},l))})]})})},hs=({headers:e,rows:o,mapping:t,fields:r})=>{const n=f.useMemo(()=>Object.entries(t).map(([p,h])=>({csvIdx:Number(p),header:e[Number(p)],field:r.find(d=>d.name===h)})),[t,e,r]),i=o.slice(0,ls),a=f.useMemo(()=>i.map((p,h)=>{const d={};for(const m of n){const g=p[m.csvIdx]??"";m.field.required&&!g?d[m.csvIdx]="Required":g&&!ut(g,m.field.type)&&(d[m.csvIdx]=`Invalid ${m.field.type}`)}return d}),[i,n]),l=a.filter(p=>Object.keys(p).length>0).length;return s.jsxs("div",{className:"max-h-[360px] overflow-auto",children:[l>0&&s.jsxs("p",{className:"mb-2 flex items-center gap-1 text-xs text-destructive",children:[s.jsx(F.AlertCircle,{className:"h-3.5 w-3.5"})," ",l," row(s) with errors in preview"]}),s.jsxs(v.Table,{children:[s.jsx(v.TableHeader,{children:s.jsxs(v.TableRow,{children:[s.jsx(v.TableHead,{className:"w-12",children:"#"}),n.map(p=>s.jsx(v.TableHead,{children:p.field.label},p.csvIdx))]})}),s.jsx(v.TableBody,{children:i.map((p,h)=>{const d=a[h],m=Object.keys(d).length>0;return s.jsxs(v.TableRow,{className:v.cn(m&&"bg-destructive/5"),children:[s.jsx(v.TableCell,{className:"text-xs text-muted-foreground",children:h+1}),n.map(g=>{const b=p[g.csvIdx]??"",C=d[g.csvIdx];return s.jsx(v.TableCell,{className:v.cn(C&&"text-destructive"),title:C,children:b||s.jsx("span",{className:"text-muted-foreground/50",children:"—"})},g.csvIdx)})]},h)})})]}),s.jsxs("p",{className:"mt-2 text-xs text-muted-foreground",children:["Showing ",i.length," of ",o.length," rows"]})]})},ft=({objectName:e,objectLabel:o,fields:t,dataSource:r,onComplete:n,onCancel:i,open:a,onOpenChange:l,onErrorMode:p="skip"})=>{const[h,d]=f.useState("upload"),[m,g]=f.useState([]),[b,C]=f.useState([]),[w,T]=f.useState({}),[D,I]=f.useState(!1),[L,Y]=f.useState(0),[q,J]=f.useState(null),le=o??e,Me=f.useMemo(()=>{const V=new Set(Object.values(w));return t.filter(Q=>Q.required&&!V.has(Q.name))},[t,w]),ve=f.useCallback((V,Q)=>{g(V),C(Q),T(cs(V,t)),d("mapping")},[t]),Ee=f.useCallback(async()=>{I(!0),Y(0);const V=[];let Q=0,he=0;const ae=Object.entries(w).map(([re,be])=>({csvIdx:Number(re),field:t.find(xe=>xe.name===be)}));for(let re=0;re<b.length;re++){const{record:be,errors:xe}=ds(b[re],ae,re+1);if(xe.length>0){if(he++,V.push(...xe),p==="stop")break}else try{r?.create&&await r.create(e,be),Q++}catch(u){he++;const A=u instanceof Error?u.message:"Failed to create record";if(V.push({row:re+1,field:"",message:A}),p==="stop")break}Y(Math.round((re+1)/b.length*100))}const je={totalRows:b.length,importedRows:Q,skippedRows:he,errors:V};J(je),I(!1),n?.(je)},[b,w,t,r,e,n,p]),de=f.useCallback(()=>{d("upload"),g([]),C([]),T({}),Y(0),J(null)},[]),ge=f.useCallback(()=>{de(),l?.(!1),i?.()},[de,l,i]);return s.jsx(v.Dialog,{open:a,onOpenChange:V=>{V?l?.(V):ge()},children:s.jsxs(v.DialogContent,{className:"sm:max-w-2xl",children:[s.jsxs(v.DialogHeader,{children:[s.jsxs(v.DialogTitle,{className:"flex items-center gap-2",children:[s.jsx(F.FileSpreadsheet,{className:"h-5 w-5"})," Import ",le]}),s.jsxs(v.DialogDescription,{children:[h==="upload"&&"Upload a CSV file to get started.",h==="mapping"&&"Map CSV columns to object fields.",h==="preview"&&"Review data before importing."]})]}),s.jsx("div",{className:"flex items-center justify-center gap-2 text-xs text-muted-foreground",children:["upload","mapping","preview"].map((V,Q)=>s.jsxs(f.Fragment,{children:[Q>0&&s.jsx(F.ArrowRight,{className:"h-3 w-3"}),s.jsxs("span",{className:v.cn("rounded-full px-3 py-1",h===V?"bg-primary text-primary-foreground":"bg-muted"),children:[Q+1,". ",V==="upload"?"Upload":V==="mapping"?"Mapping":"Preview"]})]},V))}),q?s.jsxs("div",{className:"flex flex-col items-center gap-3 py-4",children:[s.jsx(F.CheckCircle2,{className:"h-10 w-10 text-green-500"}),s.jsx("p",{className:"text-lg font-semibold",children:"Import Complete"}),s.jsxs("div",{className:"flex gap-3",children:[s.jsxs(v.Badge,{variant:"default",children:[q.importedRows," imported"]}),q.skippedRows>0&&s.jsxs(v.Badge,{variant:"destructive",children:[q.skippedRows," skipped"]})]}),q.errors.length>0&&s.jsxs("div",{className:"max-h-32 w-full overflow-auto rounded border p-2 text-xs",children:[q.errors.slice(0,10).map((V,Q)=>s.jsxs("p",{className:"text-destructive",children:["Row ",V.row,V.field?` (${V.field})`:"",": ",V.message]},Q)),q.errors.length>10&&s.jsxs("p",{className:"text-muted-foreground",children:["…and ",q.errors.length-10," more errors"]})]})]}):s.jsxs(s.Fragment,{children:[h==="upload"&&s.jsx(us,{onFileLoaded:ve}),h==="mapping"&&s.jsx(fs,{headers:m,fields:t,mapping:w,onMappingChange:T}),h==="preview"&&s.jsx(hs,{headers:m,rows:b,mapping:w,fields:t}),D&&s.jsxs("div",{className:"flex flex-col gap-1",children:[s.jsx(v.Progress,{value:L,className:"h-2"}),s.jsxs("p",{className:"text-center text-xs text-muted-foreground",children:["Importing… ",L,"%"]})]})]}),s.jsx(v.DialogFooter,{className:"gap-2 sm:gap-0",children:q?s.jsx(v.Button,{onClick:ge,children:"Close"}):s.jsxs(s.Fragment,{children:[s.jsxs(v.Button,{variant:"ghost",onClick:ge,disabled:D,children:[s.jsx(F.X,{className:"mr-1 h-4 w-4"})," Cancel"]}),(h==="mapping"||h==="preview")&&s.jsxs(v.Button,{variant:"outline",onClick:()=>d(h==="mapping"?"upload":"mapping"),disabled:D,children:[s.jsx(F.ArrowLeft,{className:"mr-1 h-4 w-4"})," Back"]}),h==="mapping"&&s.jsxs(v.Button,{onClick:()=>d("preview"),disabled:Object.keys(w).length===0||Me.length>0,children:["Next ",s.jsx(F.ArrowRight,{className:"ml-1 h-4 w-4"})]}),h==="preview"&&s.jsx(v.Button,{onClick:Ee,disabled:D,children:D?"Importing…":`Import ${b.length} Rows`})]})})]})})};function ms({value:e,onSave:o,onCancel:t,validate:r,type:n="text",placeholder:i,editing:a=!1,className:l,disabled:p=!1}){const[h,d]=f.useState(a),[m,g]=f.useState(String(e??"")),[b,C]=f.useState(),[w,T]=f.useState(!1),D=f.useRef(null);f.useEffect(()=>{h||g(String(e??""))},[e,h]),f.useEffect(()=>{h&&D.current&&(D.current.focus(),D.current.select())},[h]);const I=f.useCallback(()=>{p||(d(!0),g(String(e??"")),C(void 0))},[p,e]),L=f.useCallback(()=>{d(!1),g(String(e??"")),C(void 0),t?.()},[e,t]),Y=f.useCallback(async()=>{if(r){const le=r(m);if(le){C(le);return}}const J=n==="number"?Number(m):m;T(!0);try{const le=await o(J);if(typeof le=="string"){C(le),T(!1);return}d(!1),C(void 0)}catch(le){C(le?.message||"Save failed")}finally{T(!1)}},[m,r,n,o]),q=f.useCallback(J=>{J.key==="Enter"?(J.preventDefault(),Y()):J.key==="Escape"&&(J.preventDefault(),L())},[Y,L]);return h?s.jsxs("div",{"data-slot":"inline-editing",className:v.cn("relative flex items-center gap-1",l),children:[s.jsxs("div",{className:"flex-1 relative",children:[s.jsx("input",{ref:D,"data-slot":"inline-editing-input",type:n,value:m,onChange:J=>{g(J.target.value),b&&C(void 0)},onKeyDown:q,placeholder:i,disabled:w,"aria-invalid":!!b,"aria-describedby":b?"inline-editing-error":void 0,className:v.cn("w-full rounded border px-2 py-1 text-sm outline-none transition-colors","focus:ring-2 focus:ring-ring focus:border-input",b?"border-destructive focus:ring-destructive/30":"border-input",w&&"opacity-50")}),b&&s.jsx("p",{id:"inline-editing-error","data-slot":"inline-editing-error",className:"absolute left-0 top-full mt-0.5 text-xs text-destructive",role:"alert",children:b})]}),s.jsx("button",{"data-slot":"inline-editing-save",type:"button",onClick:Y,disabled:w,"aria-label":"Save",className:v.cn("inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors",w&&"opacity-50 cursor-not-allowed"),children:s.jsx(F.Check,{className:"h-3.5 w-3.5"})}),s.jsx("button",{"data-slot":"inline-editing-cancel",type:"button",onClick:L,disabled:w,"aria-label":"Cancel",className:"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive transition-colors",children:s.jsx(F.X,{className:"h-3.5 w-3.5"})})]}):s.jsx("div",{"data-slot":"inline-editing",className:v.cn("group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center",p&&"cursor-default opacity-60",l),onClick:I,role:"button",tabIndex:p?-1:0,onKeyDown:J=>{(J.key==="Enter"||J.key===" ")&&(J.preventDefault(),I())},"aria-label":`Edit value: ${String(e??"")}`,children:s.jsx("span",{"data-slot":"inline-editing-display",className:"truncate text-sm",children:e!=null&&String(e)!==""?String(e):s.jsx("span",{className:"text-muted-foreground italic",children:i||"Click to edit"})})})}function ht(e){return{startRow:Math.min(e.startRow,e.endRow),startCol:Math.min(e.startCol,e.endCol),endRow:Math.max(e.startRow,e.endRow),endCol:Math.max(e.startCol,e.endCol)}}function ps({data:e,columns:o,onPaste:t,enabled:r=!0}){const[n,i]=f.useState(null),a=f.useCallback(()=>{if(!r||!n)return;const{startRow:h,startCol:d,endRow:m,endCol:g}=ht(n),b=[];for(let w=h;w<=m;w++){const T=e[w];if(!T)continue;const D=[];for(let I=d;I<=g;I++){const L=o[I];D.push(L?String(T[L]??""):"")}b.push(D.join(" "))}const C=b.join(`
|
|
14
|
-
`);navigator.clipboard.writeText(
|
|
15
|
-
`);for(let
|
|
13
|
+
`?(t.push(s.trim()),t.some(m=>m!=="")&&o.push(t),t=[],s="",a==="\r"&&i++):s+=a}return t.push(s.trim()),t.some(i=>i!=="")&&o.push(t),o}function ut(e,o){if(!e)return!0;switch(o){case"number":case"currency":case"percent":return!isNaN(Number(e));case"boolean":return["true","false","1","0","yes","no"].includes(e.toLowerCase());case"date":case"datetime":return!isNaN(Date.parse(e));default:return!0}}function cs(e,o){const t={};return e.forEach((s,n)=>{const i=s.toLowerCase().replace(/[_\s-]/g,""),a=o.find(l=>{const m=l.name.toLowerCase().replace(/[_\s-]/g,""),p=l.label.toLowerCase().replace(/[_\s-]/g,"");return m===i||p===i});a&&(t[n]=a.name)}),t}function ds(e,o,t){const s=[],n={};for(const i of o){const a=e[i.csvIdx]??"";if(i.field.required&&!a){s.push({row:t,field:i.field.name,message:"Required field is empty"});continue}if(a&&!ut(a,i.field.type)){s.push({row:t,field:i.field.name,message:`Invalid ${i.field.type} value: "${a}"`});continue}n[i.field.name]=a}return{record:n,errors:s}}const us=({onFileLoaded:e})=>{const[o,t]=u.useState(!1),[s,n]=u.useState(null),i=u.useCallback(a=>{if(n(null),!a.name.endsWith(".csv")){n("Only CSV files are supported.");return}const l=new FileReader;l.onload=m=>{const p=as(m.target?.result);if(p.length<2){n("File must contain a header row and at least one data row.");return}e(p[0],p.slice(1))},l.readAsText(a)},[e]);return r.jsxs("div",{className:"flex flex-col items-center gap-4 py-6",children:[r.jsxs("div",{className:v.cn("flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors",o?"border-primary bg-primary/5":"border-muted-foreground/25"),onDragOver:a=>{a.preventDefault(),t(!0)},onDragLeave:()=>t(!1),onDrop:a=>{a.preventDefault(),t(!1);const l=a.dataTransfer.files[0];l&&i(l)},children:[r.jsx(I.Upload,{className:"h-10 w-10 text-muted-foreground"}),r.jsx("p",{className:"text-sm text-muted-foreground",children:"Drag & drop a CSV file here, or click to browse"}),r.jsxs("label",{children:[r.jsx("input",{type:"file",accept:".csv",className:"hidden",onChange:a=>{const l=a.target.files?.[0];l&&i(l)}}),r.jsx(v.Button,{variant:"outline",size:"sm",asChild:!0,children:r.jsx("span",{children:"Browse Files"})})]})]}),s&&r.jsxs("p",{className:"flex items-center gap-1 text-sm text-destructive",children:[r.jsx(I.AlertCircle,{className:"h-4 w-4"})," ",s]})]})},fs=({headers:e,fields:o,mapping:t,onMappingChange:s})=>{const n=u.useMemo(()=>new Set(Object.values(t)),[t]),i=u.useCallback((a,l)=>{const m={...t};l==="__skip__"?delete m[a]:m[a]=l,s(m)},[t,s]);return r.jsx("div",{className:"max-h-[360px] overflow-auto",children:r.jsxs(v.Table,{children:[r.jsx(v.TableHeader,{children:r.jsxs(v.TableRow,{children:[r.jsx(v.TableHead,{children:"CSV Column"}),r.jsx(v.TableHead,{children:"Maps To"}),r.jsx(v.TableHead,{className:"w-24 text-center",children:"Status"})]})}),r.jsx(v.TableBody,{children:e.map((a,l)=>r.jsxs(v.TableRow,{children:[r.jsx(v.TableCell,{className:"font-medium",children:a}),r.jsx(v.TableCell,{children:r.jsxs(v.Select,{value:t[l]??"__skip__",onValueChange:m=>i(l,m),children:[r.jsx(v.SelectTrigger,{className:"h-8 w-56",children:r.jsx(v.SelectValue,{placeholder:"Skip column"})}),r.jsxs(v.SelectContent,{children:[r.jsx(v.SelectItem,{value:"__skip__",children:"— Skip —"}),o.map(m=>r.jsxs(v.SelectItem,{value:m.name,disabled:n.has(m.name)&&t[l]!==m.name,children:[m.label,m.required?" *":""]},m.name))]})]})}),r.jsx(v.TableCell,{className:"text-center",children:t[l]?r.jsx(v.Badge,{variant:"default",className:"text-xs",children:"Mapped"}):r.jsx(v.Badge,{variant:"secondary",className:"text-xs",children:"Skipped"})})]},l))})]})})},hs=({headers:e,rows:o,mapping:t,fields:s})=>{const n=u.useMemo(()=>Object.entries(t).map(([m,p])=>({csvIdx:Number(m),header:e[Number(m)],field:s.find(f=>f.name===p)})),[t,e,s]),i=o.slice(0,os),a=u.useMemo(()=>i.map((m,p)=>{const f={};for(const h of n){const g=m[h.csvIdx]??"";h.field.required&&!g?f[h.csvIdx]="Required":g&&!ut(g,h.field.type)&&(f[h.csvIdx]=`Invalid ${h.field.type}`)}return f}),[i,n]),l=a.filter(m=>Object.keys(m).length>0).length;return r.jsxs("div",{className:"max-h-[360px] overflow-auto",children:[l>0&&r.jsxs("p",{className:"mb-2 flex items-center gap-1 text-xs text-destructive",children:[r.jsx(I.AlertCircle,{className:"h-3.5 w-3.5"})," ",l," row(s) with errors in preview"]}),r.jsxs(v.Table,{children:[r.jsx(v.TableHeader,{children:r.jsxs(v.TableRow,{children:[r.jsx(v.TableHead,{className:"w-12",children:"#"}),n.map(m=>r.jsx(v.TableHead,{children:m.field.label},m.csvIdx))]})}),r.jsx(v.TableBody,{children:i.map((m,p)=>{const f=a[p],h=Object.keys(f).length>0;return r.jsxs(v.TableRow,{className:v.cn(h&&"bg-destructive/5"),children:[r.jsx(v.TableCell,{className:"text-xs text-muted-foreground",children:p+1}),n.map(g=>{const b=m[g.csvIdx]??"",w=f[g.csvIdx];return r.jsx(v.TableCell,{className:v.cn(w&&"text-destructive"),title:w,children:b||r.jsx("span",{className:"text-muted-foreground/50",children:"—"})},g.csvIdx)})]},p)})})]}),r.jsxs("p",{className:"mt-2 text-xs text-muted-foreground",children:["Showing ",i.length," of ",o.length," rows"]})]})},ft=({objectName:e,objectLabel:o,fields:t,dataSource:s,onComplete:n,onCancel:i,open:a,onOpenChange:l,onErrorMode:m="skip"})=>{const[p,f]=u.useState("upload"),[h,g]=u.useState([]),[b,w]=u.useState([]),[C,T]=u.useState({}),[D,z]=u.useState(!1),[P,Y]=u.useState(0),[q,J]=u.useState(null),oe=o??e,Me=u.useMemo(()=>{const V=new Set(Object.values(C));return t.filter(Q=>Q.required&&!V.has(Q.name))},[t,C]),ve=u.useCallback((V,Q)=>{g(V),w(Q),T(cs(V,t)),f("mapping")},[t]),Ee=u.useCallback(async()=>{z(!0),Y(0);const V=[];let Q=0,he=0;const ae=Object.entries(C).map(([re,be])=>({csvIdx:Number(re),field:t.find(xe=>xe.name===be)}));for(let re=0;re<b.length;re++){const{record:be,errors:xe}=ds(b[re],ae,re+1);if(xe.length>0){if(he++,V.push(...xe),m==="stop")break}else try{s?.create&&await s.create(e,be),Q++}catch(d){he++;const A=d instanceof Error?d.message:"Failed to create record";if(V.push({row:re+1,field:"",message:A}),m==="stop")break}Y(Math.round((re+1)/b.length*100))}const je={totalRows:b.length,importedRows:Q,skippedRows:he,errors:V};J(je),z(!1),n?.(je)},[b,C,t,s,e,n,m]),de=u.useCallback(()=>{f("upload"),g([]),w([]),T({}),Y(0),J(null)},[]),ge=u.useCallback(()=>{de(),l?.(!1),i?.()},[de,l,i]);return r.jsx(v.Dialog,{open:a,onOpenChange:V=>{V?l?.(V):ge()},children:r.jsxs(v.DialogContent,{className:"sm:max-w-2xl",children:[r.jsxs(v.DialogHeader,{children:[r.jsxs(v.DialogTitle,{className:"flex items-center gap-2",children:[r.jsx(I.FileSpreadsheet,{className:"h-5 w-5"})," Import ",oe]}),r.jsxs(v.DialogDescription,{children:[p==="upload"&&"Upload a CSV file to get started.",p==="mapping"&&"Map CSV columns to object fields.",p==="preview"&&"Review data before importing."]})]}),r.jsx("div",{className:"flex items-center justify-center gap-2 text-xs text-muted-foreground",children:["upload","mapping","preview"].map((V,Q)=>r.jsxs(u.Fragment,{children:[Q>0&&r.jsx(I.ArrowRight,{className:"h-3 w-3"}),r.jsxs("span",{className:v.cn("rounded-full px-3 py-1",p===V?"bg-primary text-primary-foreground":"bg-muted"),children:[Q+1,". ",V==="upload"?"Upload":V==="mapping"?"Mapping":"Preview"]})]},V))}),q?r.jsxs("div",{className:"flex flex-col items-center gap-3 py-4",children:[r.jsx(I.CheckCircle2,{className:"h-10 w-10 text-green-500"}),r.jsx("p",{className:"text-lg font-semibold",children:"Import Complete"}),r.jsxs("div",{className:"flex gap-3",children:[r.jsxs(v.Badge,{variant:"default",children:[q.importedRows," imported"]}),q.skippedRows>0&&r.jsxs(v.Badge,{variant:"destructive",children:[q.skippedRows," skipped"]})]}),q.errors.length>0&&r.jsxs("div",{className:"max-h-32 w-full overflow-auto rounded border p-2 text-xs",children:[q.errors.slice(0,10).map((V,Q)=>r.jsxs("p",{className:"text-destructive",children:["Row ",V.row,V.field?` (${V.field})`:"",": ",V.message]},Q)),q.errors.length>10&&r.jsxs("p",{className:"text-muted-foreground",children:["…and ",q.errors.length-10," more errors"]})]})]}):r.jsxs(r.Fragment,{children:[p==="upload"&&r.jsx(us,{onFileLoaded:ve}),p==="mapping"&&r.jsx(fs,{headers:h,fields:t,mapping:C,onMappingChange:T}),p==="preview"&&r.jsx(hs,{headers:h,rows:b,mapping:C,fields:t}),D&&r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsx(v.Progress,{value:P,className:"h-2"}),r.jsxs("p",{className:"text-center text-xs text-muted-foreground",children:["Importing… ",P,"%"]})]})]}),r.jsx(v.DialogFooter,{className:"gap-2 sm:gap-0",children:q?r.jsx(v.Button,{onClick:ge,children:"Close"}):r.jsxs(r.Fragment,{children:[r.jsxs(v.Button,{variant:"ghost",onClick:ge,disabled:D,children:[r.jsx(I.X,{className:"mr-1 h-4 w-4"})," Cancel"]}),(p==="mapping"||p==="preview")&&r.jsxs(v.Button,{variant:"outline",onClick:()=>f(p==="mapping"?"upload":"mapping"),disabled:D,children:[r.jsx(I.ArrowLeft,{className:"mr-1 h-4 w-4"})," Back"]}),p==="mapping"&&r.jsxs(v.Button,{onClick:()=>f("preview"),disabled:Object.keys(C).length===0||Me.length>0,children:["Next ",r.jsx(I.ArrowRight,{className:"ml-1 h-4 w-4"})]}),p==="preview"&&r.jsx(v.Button,{onClick:Ee,disabled:D,children:D?"Importing…":`Import ${b.length} Rows`})]})})]})})};function ms({value:e,onSave:o,onCancel:t,validate:s,type:n="text",placeholder:i,editing:a=!1,className:l,disabled:m=!1}){const[p,f]=u.useState(a),[h,g]=u.useState(String(e??"")),[b,w]=u.useState(),[C,T]=u.useState(!1),D=u.useRef(null);u.useEffect(()=>{p||g(String(e??""))},[e,p]),u.useEffect(()=>{p&&D.current&&(D.current.focus(),D.current.select())},[p]);const z=u.useCallback(()=>{m||(f(!0),g(String(e??"")),w(void 0))},[m,e]),P=u.useCallback(()=>{f(!1),g(String(e??"")),w(void 0),t?.()},[e,t]),Y=u.useCallback(async()=>{if(s){const oe=s(h);if(oe){w(oe);return}}const J=n==="number"?Number(h):h;T(!0);try{const oe=await o(J);if(typeof oe=="string"){w(oe),T(!1);return}f(!1),w(void 0)}catch(oe){w(oe?.message||"Save failed")}finally{T(!1)}},[h,s,n,o]),q=u.useCallback(J=>{J.key==="Enter"?(J.preventDefault(),Y()):J.key==="Escape"&&(J.preventDefault(),P())},[Y,P]);return p?r.jsxs("div",{"data-slot":"inline-editing",className:v.cn("relative flex items-center gap-1",l),children:[r.jsxs("div",{className:"flex-1 relative",children:[r.jsx("input",{ref:D,"data-slot":"inline-editing-input",type:n,value:h,onChange:J=>{g(J.target.value),b&&w(void 0)},onKeyDown:q,placeholder:i,disabled:C,"aria-invalid":!!b,"aria-describedby":b?"inline-editing-error":void 0,className:v.cn("w-full rounded border px-2 py-1 text-sm outline-none transition-colors","focus:ring-2 focus:ring-ring focus:border-input",b?"border-destructive focus:ring-destructive/30":"border-input",C&&"opacity-50")}),b&&r.jsx("p",{id:"inline-editing-error","data-slot":"inline-editing-error",className:"absolute left-0 top-full mt-0.5 text-xs text-destructive",role:"alert",children:b})]}),r.jsx("button",{"data-slot":"inline-editing-save",type:"button",onClick:Y,disabled:C,"aria-label":"Save",className:v.cn("inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors",C&&"opacity-50 cursor-not-allowed"),children:r.jsx(I.Check,{className:"h-3.5 w-3.5"})}),r.jsx("button",{"data-slot":"inline-editing-cancel",type:"button",onClick:P,disabled:C,"aria-label":"Cancel",className:"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive transition-colors",children:r.jsx(I.X,{className:"h-3.5 w-3.5"})})]}):r.jsx("div",{"data-slot":"inline-editing",className:v.cn("group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center",m&&"cursor-default opacity-60",l),onClick:z,role:"button",tabIndex:m?-1:0,onKeyDown:J=>{(J.key==="Enter"||J.key===" ")&&(J.preventDefault(),z())},"aria-label":`Edit value: ${String(e??"")}`,children:r.jsx("span",{"data-slot":"inline-editing-display",className:"truncate text-sm",children:e!=null&&String(e)!==""?String(e):r.jsx("span",{className:"text-muted-foreground italic",children:i||"Click to edit"})})})}function ht(e){return{startRow:Math.min(e.startRow,e.endRow),startCol:Math.min(e.startCol,e.endCol),endRow:Math.max(e.startRow,e.endRow),endCol:Math.max(e.startCol,e.endCol)}}function ps({data:e,columns:o,onPaste:t,enabled:s=!0}){const[n,i]=u.useState(null),a=u.useCallback(()=>{if(!s||!n)return;const{startRow:p,startCol:f,endRow:h,endCol:g}=ht(n),b=[];for(let C=p;C<=h;C++){const T=e[C];if(!T)continue;const D=[];for(let z=f;z<=g;z++){const P=o[z];D.push(P?String(T[P]??""):"")}b.push(D.join(" "))}const w=b.join(`
|
|
14
|
+
`);navigator.clipboard.writeText(w)},[s,n,e,o]),l=u.useCallback(()=>{if(!s||!n||!t)return;const{startRow:p,startCol:f}=ht(n);navigator.clipboard.readText().then(h=>{const g=[],b=h.split(`
|
|
15
|
+
`);for(let w=0;w<b.length;w++){const C=b[w].split(" ");for(let T=0;T<C.length;T++){const D=p+w,z=f+T,P=o[z];P&&D<e.length&&g.push({rowIndex:D,field:P,value:C[T]})}}g.length>0&&t(g)})},[s,n,o,e.length,t]),m=u.useCallback(p=>{if(!s)return;const f=p.metaKey||p.ctrlKey;f&&p.key==="c"?(p.preventDefault(),a()):f&&p.key==="v"&&(p.preventDefault(),l())},[s,a,l]);return u.useEffect(()=>{s||i(null)},[s]),{selectedRange:n,setSelectedRange:i,onCopy:a,onPaste:l,onKeyDown:m}}const gs=[{position:0,className:"bg-green-100"},{position:.5,className:"bg-yellow-100"},{position:1,className:"bg-red-100"}];function xs(e,o){let t=1/0,s=-1/0;for(const n of e){const i=Number(n[o]);Number.isFinite(i)&&(i<t&&(t=i),i>s&&(s=i))}return Number.isFinite(t)?[t,s]:[0,0]}function bs(e,o){if(o.length===0)return"";if(o.length===1)return o[0].className;let t=o[0],s=Math.abs(e-t.position);for(let n=1;n<o.length;n++){const i=Math.abs(e-o[n].position);i<s&&(t=o[n],s=i)}return t.className}function ys(e){const{field:o,data:t,min:s,max:n,stops:i=gs}=e,[a,l]=u.useMemo(()=>xs(t,o),[t,o]),m=s??a,p=n??l;return u.useCallback(f=>{const h=Number(f[o]);if(!Number.isFinite(h))return;if(p===m)return i.length>0?i[0].className:void 0;const g=Math.max(0,Math.min(1,(h-m)/(p-m)));return bs(g,i)},[o,m,p,i])}const mt="text/x-group-key";function vs({groupKeys:e}){const[o,t]=u.useState(e),[s,n]=u.useState(null);u.useEffect(()=>{t(f=>{const h=new Set(f),g=new Set(e);if(f.length===e.length&&f.every((C,T)=>C===e[T]))return f;const b=f.filter(C=>g.has(C)),w=e.filter(C=>!h.has(C));return[...b,...w]})},[e]);const i=u.useCallback((f,h)=>{t(g=>{if(f<0||f>=g.length||h<0||h>=g.length||f===h)return g;const b=[...g],[w]=b.splice(f,1);return b.splice(h,0,w),b})},[]),a=u.useCallback((f,h)=>{f.dataTransfer.effectAllowed="move",f.dataTransfer.setData(mt,h),n(h)},[]),l=u.useCallback(f=>{f.preventDefault(),f.dataTransfer.dropEffect="move"},[]),m=u.useCallback((f,h)=>{f.preventDefault();const g=f.dataTransfer.getData(mt);!g||g===h||t(b=>{const w=b.indexOf(g),C=b.indexOf(h);if(w===-1||C===-1)return b;const T=[...b],[D]=T.splice(w,1);return T.splice(C,0,D),T})},[]),p=u.useCallback(()=>{n(null)},[]);return{groupOrder:o,moveGroup:i,onDragStart:a,onDragOver:l,onDrop:m,onDragEnd:p,draggingKey:s}}function js({value:e,onChange:o,onConfirm:t,onCancel:s,activeCell:n,disabled:i=!1,className:a}){const[l,m]=u.useState(!1),[p,f]=u.useState(e),h=u.useRef(null);u.useEffect(()=>{l||f(e)},[e,l]),u.useEffect(()=>{l&&h.current&&(h.current.focus(),h.current.select())},[l]);const g=u.useCallback(()=>{i||(m(!0),f(e))},[i,e]),b=u.useCallback(()=>{m(!1),o?.(p),t?.(p)},[p,o,t]),w=u.useCallback(()=>{m(!1),f(e),s?.()},[e,s]),C=u.useCallback(T=>{T.key==="Enter"?(T.preventDefault(),b()):T.key==="Escape"&&(T.preventDefault(),w())},[b,w]);return r.jsxs("div",{className:v.cn("flex items-center gap-2 border-b border-border bg-muted/30 px-3 py-1.5",a),children:[r.jsx(I.FunctionSquare,{className:"h-4 w-4 shrink-0 text-muted-foreground"}),n&&r.jsx("span",{className:"min-w-[4rem] shrink-0 rounded bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",children:n}),r.jsx("input",{ref:h,type:"text",value:l?p:e,readOnly:!l,disabled:i,onClick:g,onChange:T=>f(T.target.value),onKeyDown:C,className:v.cn("flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",l&&"rounded ring-1 ring-ring px-1",i&&"cursor-not-allowed opacity-50")}),l&&r.jsxs("div",{className:"flex items-center gap-1",children:[r.jsx("button",{type:"button",onClick:b,className:"rounded p-0.5 text-green-600 hover:bg-green-100","aria-label":"Confirm",children:r.jsx(I.Check,{className:"h-4 w-4"})}),r.jsx("button",{type:"button",onClick:w,className:"rounded p-0.5 text-red-600 hover:bg-red-100","aria-label":"Cancel",children:r.jsx(I.X,{className:"h-4 w-4"})})]})]})}function ws({frozenWidth:e,onResize:o,minFrozenWidth:t=100,minScrollableWidth:s=200,left:n,right:i,className:a}){const l=u.useRef(null),[m,p]=u.useState(e),f=u.useRef(!1),h=u.useRef(0),g=u.useRef(0),b=o?e:m,w=u.useCallback(C=>{C.preventDefault(),f.current=!0,h.current=C.clientX,g.current=b;const T=z=>{if(!f.current||!l.current)return;const P=l.current.offsetWidth,Y=z.clientX-h.current;let q=g.current+Y;q=Math.max(q,t),q=Math.min(q,P-s),o?o(q):p(q)},D=()=>{f.current=!1,document.removeEventListener("pointermove",T),document.removeEventListener("pointerup",D)};document.addEventListener("pointermove",T),document.addEventListener("pointerup",D)},[b,t,s,o]);return r.jsxs("div",{ref:l,className:v.cn("flex h-full w-full overflow-hidden",a),children:[r.jsx("div",{className:"shrink-0 overflow-auto",style:{width:b},children:n}),r.jsx("div",{role:"separator","aria-orientation":"vertical",onPointerDown:w,className:v.cn("flex w-2 cursor-col-resize items-center justify-center","border-x border-border bg-muted/50 hover:bg-muted","transition-colors"),children:r.jsx(I.GripVertical,{className:"h-4 w-4 text-muted-foreground"})}),r.jsx("div",{className:"min-w-0 flex-1 overflow-auto",children:i})]})}const Ge=({schema:e,...o})=>{const{dataSource:t}=pe.useSchemaContext()||{};return r.jsx(nt,{schema:e,dataSource:t,...o})};_e.ComponentRegistry.register("object-grid",Ge,{namespace:"plugin-grid",label:"Object Grid",category:"plugin",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"columns",type:"array",label:"Columns"},{name:"filters",type:"array",label:"Filters"}]}),_e.ComponentRegistry.register("grid",Ge,{namespace:"view",label:"Data Grid",category:"view",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"columns",type:"array",label:"Columns"},{name:"filters",type:"array",label:"Filters"}]});const Cs=({schema:e,...o})=>{const{dataSource:t}=pe.useSchemaContext()||{};return r.jsx(ft,{objectName:e.objectName,objectLabel:e.objectLabel,fields:e.fields??[],dataSource:t,...o})};_e.ComponentRegistry.register("import-wizard",Cs,{namespace:"plugin-grid",label:"Import Wizard",category:"plugin",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"fields",type:"array",label:"Fields",required:!0}]}),L.BulkActionBar=We,L.FormulaBar=js,L.GroupRow=et,L.ImportWizard=ft,L.InlineEditing=ms,L.ObjectGrid=nt,L.ObjectGridRenderer=Ge,L.RowActionMenu=st,L.SplitPaneGrid=ws,L.VirtualGrid=ls,L.formatActionLabel=Le,L.useCellClipboard=ps,L.useColumnSummary=tt,L.useGradientColor=ys,L.useGroupReorder=vs,L.useGroupedData=Ze,L.useRowColor=Qe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@object-ui/plugin-grid",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Grid plugin for Object UI",
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tanstack/react-virtual": "^3.13.
|
|
19
|
-
"lucide-react": "^0.
|
|
20
|
-
"@object-ui/components": "3.1.
|
|
21
|
-
"@object-ui/core": "3.1.
|
|
22
|
-
"@object-ui/fields": "3.1.
|
|
23
|
-
"@object-ui/mobile": "3.1.
|
|
24
|
-
"@object-ui/react": "3.1.
|
|
25
|
-
"@object-ui/types": "3.1.
|
|
18
|
+
"@tanstack/react-virtual": "^3.13.21",
|
|
19
|
+
"lucide-react": "^0.577.0",
|
|
20
|
+
"@object-ui/components": "3.1.3",
|
|
21
|
+
"@object-ui/core": "3.1.3",
|
|
22
|
+
"@object-ui/fields": "3.1.3",
|
|
23
|
+
"@object-ui/mobile": "3.1.3",
|
|
24
|
+
"@object-ui/react": "3.1.3",
|
|
25
|
+
"@object-ui/types": "3.1.3"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"typescript": "^5.9.3",
|
|
35
35
|
"vite": "^7.3.1",
|
|
36
36
|
"vite-plugin-dts": "^4.5.4",
|
|
37
|
-
"@object-ui/data-objectstack": "3.1.
|
|
37
|
+
"@object-ui/data-objectstack": "3.1.3"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
40
|
"build": "vite build",
|
|
@@ -17,9 +17,9 @@ registerAllFields();
|
|
|
17
17
|
|
|
18
18
|
// --- Mock Data ---
|
|
19
19
|
const mockData = [
|
|
20
|
-
{
|
|
21
|
-
{
|
|
22
|
-
{
|
|
20
|
+
{ id: '1', name: 'Alice', email: 'alice@test.com', amount: 1500, status: 'active' },
|
|
21
|
+
{ id: '2', name: 'Bob', email: 'bob@test.com', amount: 2300, status: 'inactive' },
|
|
22
|
+
{ id: '3', name: 'Charlie', email: 'charlie@test.com', amount: 800, status: 'active' },
|
|
23
23
|
];
|
|
24
24
|
|
|
25
25
|
// --- Helper: Render ObjectGrid with static data and ListColumn[] ---
|
|
@@ -191,7 +191,7 @@ describe('ListColumn: action', () => {
|
|
|
191
191
|
params: expect.objectContaining({
|
|
192
192
|
field: 'status',
|
|
193
193
|
value: 'active',
|
|
194
|
-
record: expect.objectContaining({
|
|
194
|
+
record: expect.objectContaining({ id: '1', name: 'Alice' }),
|
|
195
195
|
}),
|
|
196
196
|
}),
|
|
197
197
|
expect.any(Object) // ActionCtx
|
|
@@ -222,8 +222,8 @@ describe('ListColumn: type', () => {
|
|
|
222
222
|
|
|
223
223
|
it('should render boolean type columns correctly', async () => {
|
|
224
224
|
const boolData = [
|
|
225
|
-
{
|
|
226
|
-
{
|
|
225
|
+
{ id: '1', name: 'Alice', active: true },
|
|
226
|
+
{ id: '2', name: 'Bob', active: false },
|
|
227
227
|
];
|
|
228
228
|
|
|
229
229
|
const schema: any = {
|
|
@@ -19,9 +19,9 @@ const mockSchema = ContactObject;
|
|
|
19
19
|
|
|
20
20
|
const mockData = {
|
|
21
21
|
value: [
|
|
22
|
-
{
|
|
23
|
-
{
|
|
24
|
-
{
|
|
22
|
+
{ id: '1', name: 'John Doe', email: 'john@example.com', company: 'Acme Inc' },
|
|
23
|
+
{ id: '2', name: 'Jane Smith', email: 'jane@test.com', company: 'Globex' },
|
|
24
|
+
{ id: '3', name: 'Bob Wilson', email: 'bob@test.com', company: 'Acme Inc' }
|
|
25
25
|
],
|
|
26
26
|
count: 3,
|
|
27
27
|
'@odata.count': 3
|
|
@@ -103,13 +103,13 @@ export const CRMDeals: Story = {
|
|
|
103
103
|
{ field: 'close_date', label: 'Close Date', type: 'date', sortable: true },
|
|
104
104
|
],
|
|
105
105
|
data: [
|
|
106
|
-
{
|
|
107
|
-
{
|
|
108
|
-
{
|
|
109
|
-
{
|
|
110
|
-
{
|
|
111
|
-
{
|
|
112
|
-
{
|
|
106
|
+
{ id: '1', name: 'ObjectStack Enterprise License', account: '', stage: 'Closed Won', amount: 150000, probability: 100, close_date: '2024-01-15T00:00:00.000Z' },
|
|
107
|
+
{ id: '2', name: 'Cloud Migration Project', account: 'Acme Corp', stage: 'Negotiation', amount: 85000, probability: 60, close_date: '2024-03-20T00:00:00.000Z' },
|
|
108
|
+
{ id: '3', name: 'Annual Support Renewal', account: '', stage: 'Proposal', amount: 42000, probability: 80, close_date: '2024-02-28T00:00:00.000Z' },
|
|
109
|
+
{ id: '4', name: 'Custom Integration Development', account: 'TechFlow Inc', stage: 'Qualification', amount: 230000, probability: 30, close_date: '2024-06-15T00:00:00.000Z' },
|
|
110
|
+
{ id: '5', name: 'Data Analytics Platform', account: '', stage: 'Closed Lost', amount: 95000, probability: 0, close_date: '2024-01-10T00:00:00.000Z' },
|
|
111
|
+
{ id: '6', name: 'Security Audit Contract', account: 'SecureNet', stage: 'Closed Won', amount: 67500, probability: 100, close_date: '2024-02-01T00:00:00.000Z' },
|
|
112
|
+
{ id: '7', name: 'Mobile App Development', account: '', stage: 'Discovery', amount: 180000, probability: 15, close_date: '2024-08-30T00:00:00.000Z' },
|
|
113
113
|
],
|
|
114
114
|
pagination: false,
|
|
115
115
|
className: 'w-full',
|
|
@@ -18,7 +18,7 @@ registerAllFields();
|
|
|
18
18
|
// --- Mock Data with various types ---
|
|
19
19
|
const mockData = [
|
|
20
20
|
{
|
|
21
|
-
|
|
21
|
+
id: '1',
|
|
22
22
|
name: 'Project Alpha',
|
|
23
23
|
status: 'in_progress',
|
|
24
24
|
priority: 'high',
|
|
@@ -26,7 +26,7 @@ const mockData = [
|
|
|
26
26
|
start_date: '2024-02-01T00:00:00.000Z',
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
|
-
|
|
29
|
+
id: '2',
|
|
30
30
|
name: 'Project Beta',
|
|
31
31
|
status: 'completed',
|
|
32
32
|
priority: 'low',
|