@object-ui/plugin-grid 3.1.4 → 3.3.0
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 +7 -7
- package/CHANGELOG.md +33 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +28 -34
- package/dist/index.umd.cjs +4 -4
- package/package.json +12 -12
- package/src/ObjectGrid.tsx +9 -7
- package/src/VirtualGrid.tsx +1 -1
- package/vite.config.ts +1 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/FormulaBar.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/GroupRow.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/ImportWizard.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/InlineEditing.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/ObjectGrid.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/SplitPaneGrid.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/VirtualGrid.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/components/BulkActionBar.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/components/RowActionMenu.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/index.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useCellClipboard.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useColumnSummary.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useGradientColor.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useGroupReorder.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useGroupedData.d.ts +0 -0
- /package/dist/{plugin-grid → packages/plugin-grid}/src/useRowColor.d.ts +0 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
|
|
2
|
-
> @object-ui/plugin-grid@3.
|
|
2
|
+
> @object-ui/plugin-grid@3.3.0 build /home/runner/work/objectui/objectui/packages/plugin-grid
|
|
3
3
|
> vite build
|
|
4
4
|
|
|
5
|
-
[36mvite v8.0.
|
|
5
|
+
[36mvite v8.0.8 [32mbuilding client environment for production...[36m[39m
|
|
6
6
|
[2K
|
|
7
7
|
rendering chunks...
|
|
8
8
|
[32m
|
|
9
9
|
[36m[vite:dts][32m Start generate declaration files...[39m
|
|
10
|
-
[32m[36m[vite:dts][32m Declaration files built in
|
|
10
|
+
[32m[36m[vite:dts][32m Declaration files built in 23815ms.
|
|
11
11
|
[39m
|
|
12
12
|
computing gzip size...
|
|
13
|
-
dist/index.js 104.
|
|
13
|
+
dist/index.js 104.32 kB │ gzip: 28.60 kB
|
|
14
14
|
|
|
15
15
|
[33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugin `vite:dts`. See https://rolldown.rs/options/checks#plugintimings for more details.
|
|
16
16
|
[39m
|
|
17
17
|
[2K
|
|
18
18
|
rendering chunks...
|
|
19
19
|
computing gzip size...
|
|
20
|
-
dist/index.umd.cjs 78.31 kB │ gzip: 24.32 kB
|
|
21
|
-
|
|
22
20
|
[33m[33m[MISSING_GLOBAL_NAME] Warning:[0m No name was provided for external module "@object-ui/core" in "output.globals" – guessing "_object_ui_core".
|
|
21
|
+
dist/index.umd.cjs 78.49 kB │ gzip: 24.35 kB
|
|
23
22
|
[39m
|
|
23
|
+
|
|
24
24
|
[33m[33m[MISSING_GLOBAL_NAME] Warning:[0m No name was provided for external module "@object-ui/react" in "output.globals" – guessing "_object_ui_react".
|
|
25
25
|
[39m
|
|
26
|
+
[32m✓ built in 24.77s[39m
|
|
26
27
|
[33m[33m[MISSING_GLOBAL_NAME] Warning:[0m No name was provided for external module "@object-ui/fields" in "output.globals" – guessing "_object_ui_fields".
|
|
27
28
|
[39m
|
|
28
29
|
[33m[33m[MISSING_GLOBAL_NAME] Warning:[0m No name was provided for external module "@object-ui/components" in "output.globals" – guessing "_object_ui_components".
|
|
29
30
|
[39m
|
|
30
31
|
[33m[33m[MISSING_GLOBAL_NAME] Warning:[0m No name was provided for external module "lucide-react" in "output.globals" – guessing "lucide_react".
|
|
31
32
|
[39m
|
|
32
|
-
[32m✓ built in 27.16s[39m
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
# @object-ui/plugin-grid
|
|
2
2
|
|
|
3
|
+
## 3.3.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- @object-ui/types@3.3.0
|
|
8
|
+
- @object-ui/core@3.3.0
|
|
9
|
+
- @object-ui/react@3.3.0
|
|
10
|
+
- @object-ui/components@3.3.0
|
|
11
|
+
- @object-ui/fields@3.3.0
|
|
12
|
+
- @object-ui/mobile@3.3.0
|
|
13
|
+
|
|
14
|
+
## 3.2.0
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- @object-ui/types@3.2.0
|
|
19
|
+
- @object-ui/core@3.2.0
|
|
20
|
+
- @object-ui/react@3.2.0
|
|
21
|
+
- @object-ui/components@3.2.0
|
|
22
|
+
- @object-ui/fields@3.2.0
|
|
23
|
+
- @object-ui/mobile@3.2.0
|
|
24
|
+
|
|
25
|
+
## 3.1.5
|
|
26
|
+
|
|
27
|
+
### Patch Changes
|
|
28
|
+
|
|
29
|
+
- @object-ui/react@3.1.5
|
|
30
|
+
- @object-ui/components@3.1.5
|
|
31
|
+
- @object-ui/fields@3.1.5
|
|
32
|
+
- @object-ui/types@3.1.5
|
|
33
|
+
- @object-ui/core@3.1.5
|
|
34
|
+
- @object-ui/mobile@3.1.5
|
|
35
|
+
|
|
3
36
|
## 3.1.4
|
|
4
37
|
|
|
5
38
|
### Patch Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './plugin-grid/src/index'
|
|
1
|
+
export * from './packages/plugin-grid/src/index'
|
|
2
2
|
export {}
|
package/dist/index.js
CHANGED
|
@@ -61,7 +61,7 @@ function Pe(e) {
|
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
63
|
//#endregion
|
|
64
|
-
//#region ../../node_modules/.pnpm/react@19.2.
|
|
64
|
+
//#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
|
|
65
65
|
var Fe = /* @__PURE__ */ q(((e) => {
|
|
66
66
|
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
67
67
|
function r(e, n, r) {
|
|
@@ -551,7 +551,7 @@ function $e() {
|
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
553
|
function et(e) {
|
|
554
|
-
if (e != null) return typeof e == "string" ? e :
|
|
554
|
+
if (e != null) return typeof e == "string" ? e : void 0;
|
|
555
555
|
}
|
|
556
556
|
function tt(e) {
|
|
557
557
|
return e.data ? Array.isArray(e.data) ? {
|
|
@@ -848,24 +848,21 @@ var Q = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onR
|
|
|
848
848
|
label: C(String(e))
|
|
849
849
|
}))), r.options && (d.options = r.options);
|
|
850
850
|
let f = i === 0 && !r.link && !r.action, p = r.link || f;
|
|
851
|
-
s = r.link && r.action || f && r.action || p ? (e, t) => {
|
|
852
|
-
|
|
851
|
+
s = r.link && r.action || f && r.action || p ? (e, t) => /* @__PURE__ */ (0, Y.jsx)("button", {
|
|
852
|
+
type: "button",
|
|
853
|
+
className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
|
|
854
|
+
"data-testid": f ? "primary-field-link" : "link-cell",
|
|
855
|
+
onClick: (e) => {
|
|
856
|
+
e.stopPropagation(), X.handleClick(t);
|
|
857
|
+
},
|
|
858
|
+
children: u ? /* @__PURE__ */ (0, Y.jsx)(u, {
|
|
853
859
|
value: e,
|
|
854
860
|
field: d
|
|
855
861
|
}) : e != null && e !== "" ? String(e) : /* @__PURE__ */ (0, Y.jsx)("span", {
|
|
856
862
|
className: "text-muted-foreground/50 text-xs italic",
|
|
857
863
|
children: "—"
|
|
858
|
-
})
|
|
859
|
-
|
|
860
|
-
type: "button",
|
|
861
|
-
className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
|
|
862
|
-
"data-testid": f ? "primary-field-link" : "link-cell",
|
|
863
|
-
onClick: (e) => {
|
|
864
|
-
e.stopPropagation(), X.handleClick(t);
|
|
865
|
-
},
|
|
866
|
-
children: n
|
|
867
|
-
});
|
|
868
|
-
} : r.action ? (e, t) => /* @__PURE__ */ (0, Y.jsx)(T, {
|
|
864
|
+
})
|
|
865
|
+
}) : r.action ? (e, t) => /* @__PURE__ */ (0, Y.jsx)(T, {
|
|
869
866
|
variant: "outline",
|
|
870
867
|
size: "sm",
|
|
871
868
|
className: "h-7 text-xs",
|
|
@@ -942,21 +939,18 @@ var Q = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onR
|
|
|
942
939
|
"currency",
|
|
943
940
|
"percent"
|
|
944
941
|
].includes(c) ? "right" : void 0, f = i === 0, p;
|
|
945
|
-
return f && l ? p = (e, t) => {
|
|
946
|
-
|
|
942
|
+
return f && l ? p = (e, t) => /* @__PURE__ */ (0, Y.jsx)("button", {
|
|
943
|
+
type: "button",
|
|
944
|
+
className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
|
|
945
|
+
"data-testid": "primary-field-link",
|
|
946
|
+
onClick: (e) => {
|
|
947
|
+
e.stopPropagation(), X.handleClick(t);
|
|
948
|
+
},
|
|
949
|
+
children: /* @__PURE__ */ (0, Y.jsx)(l, {
|
|
947
950
|
value: e,
|
|
948
951
|
field: u
|
|
949
|
-
})
|
|
950
|
-
|
|
951
|
-
type: "button",
|
|
952
|
-
className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
|
|
953
|
-
"data-testid": "primary-field-link",
|
|
954
|
-
onClick: (e) => {
|
|
955
|
-
e.stopPropagation(), X.handleClick(t);
|
|
956
|
-
},
|
|
957
|
-
children: n
|
|
958
|
-
});
|
|
959
|
-
} : f ? p = (e, t) => /* @__PURE__ */ (0, Y.jsx)("button", {
|
|
952
|
+
})
|
|
953
|
+
}) : f ? p = (e, t) => /* @__PURE__ */ (0, Y.jsx)("button", {
|
|
960
954
|
type: "button",
|
|
961
955
|
className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
|
|
962
956
|
"data-testid": "primary-field-link",
|
|
@@ -1144,7 +1138,7 @@ var Q = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onR
|
|
|
1144
1138
|
selectable: ht,
|
|
1145
1139
|
sortable: !0,
|
|
1146
1140
|
exportable: $?.export,
|
|
1147
|
-
rowActions: rt,
|
|
1141
|
+
rowActions: !!(e.editable && rt),
|
|
1148
1142
|
resizableColumns: e.resizable ?? e.resizableColumns ?? !0,
|
|
1149
1143
|
reorderableColumns: e.reorderableColumns ?? !1,
|
|
1150
1144
|
editable: e.editable ?? !1,
|
|
@@ -1241,17 +1235,17 @@ var Q = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onR
|
|
|
1241
1235
|
children: [
|
|
1242
1236
|
n && /* @__PURE__ */ (0, Y.jsx)("div", {
|
|
1243
1237
|
className: "font-semibold text-sm truncate mb-1",
|
|
1244
|
-
children: t[n.accessorKey] ?? "—"
|
|
1238
|
+
children: t[n.accessorKey] != null && typeof t[n.accessorKey] == "object" ? String(t[n.accessorKey]) : t[n.accessorKey] ?? "—"
|
|
1245
1239
|
}),
|
|
1246
1240
|
(a || o) && /* @__PURE__ */ (0, Y.jsxs)("div", {
|
|
1247
1241
|
className: "flex items-center justify-between gap-2 mb-1",
|
|
1248
1242
|
children: [a && /* @__PURE__ */ (0, Y.jsx)("span", {
|
|
1249
1243
|
className: "text-sm tabular-nums font-medium",
|
|
1250
|
-
children: typeof t[a.accessorKey] == "number" ? v(t[a.accessorKey]) : t[a.accessorKey] ?? "—"
|
|
1244
|
+
children: typeof t[a.accessorKey] == "number" ? v(t[a.accessorKey]) : t[a.accessorKey] != null && typeof t[a.accessorKey] == "object" ? String(t[a.accessorKey]) : t[a.accessorKey] ?? "—"
|
|
1251
1245
|
}), o && t[o.accessorKey] && /* @__PURE__ */ (0, Y.jsx)(w, {
|
|
1252
1246
|
variant: "outline",
|
|
1253
1247
|
className: `text-xs shrink-0 max-w-[140px] truncate ${s(String(t[o.accessorKey]))}`,
|
|
1254
|
-
children: t[o.accessorKey]
|
|
1248
|
+
children: String(t[o.accessorKey])
|
|
1255
1249
|
})]
|
|
1256
1250
|
}),
|
|
1257
1251
|
(u.length > 0 || d.length > 0) && /* @__PURE__ */ (0, Y.jsxs)("div", {
|
|
@@ -2007,7 +2001,7 @@ function _t({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
|
|
|
2007
2001
|
};
|
|
2008
2002
|
}
|
|
2009
2003
|
//#endregion
|
|
2010
|
-
//#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.23_react-dom@19.2.
|
|
2004
|
+
//#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.23_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@tanstack/react-virtual/dist/esm/index.js
|
|
2011
2005
|
var vt = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
|
|
2012
2006
|
function yt({ useFlushSync: t = !0, ...n }) {
|
|
2013
2007
|
let r = e.useReducer(() => ({}), {})[1], i = {
|
|
@@ -2075,7 +2069,7 @@ var xt = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
|
|
|
2075
2069
|
},
|
|
2076
2070
|
onClick: () => c?.(r, n.index),
|
|
2077
2071
|
children: t.map((e, t) => {
|
|
2078
|
-
let n = r[e.accessorKey], i = e.cell ? e.cell(n, r) : n;
|
|
2072
|
+
let n = r[e.accessorKey], i = e.cell ? e.cell(n, r) : typeof n == "object" && n ? String(n) : n;
|
|
2079
2073
|
return /* @__PURE__ */ (0, Y.jsx)("div", {
|
|
2080
2074
|
className: `px-4 py-2 text-sm flex items-center ${e.align === "center" ? "text-center justify-center" : e.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
|
|
2081
2075
|
children: i
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(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`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginGrid={},e.React,e._object_ui_core,e._object_ui_react,e._object_ui_fields,e._object_ui_components,e.lucide_react,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var c=Object.create,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),h=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=d(t),a=0,o=i.length,s;a<o;a++)s=i[a],!p.call(e,s)&&s!==n&&l(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=u(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:c(f(e)),h(t||!e||!e.__esModule?l(n,`default`,{value:e,enumerable:!0}):n,e)))(t);function g(e){let{onRefresh:n,threshold:r=80,enabled:i=!0}=e,a=(0,t.useRef)(null),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(0),u=(0,t.useRef)(0),d=(0,t.useCallback)(e=>{if(!i||o)return;let t=a.current;t&&t.scrollTop===0&&(u.current=e.touches[0].clientY)},[i,o]),f=(0,t.useCallback)(e=>{if(!i||o||!u.current)return;let t=e.touches[0].clientY-u.current;t>0&&l(Math.min(t,r*1.5))},[i,o,r]),p=(0,t.useCallback)(async()=>{if(!i||o)return;let e=c;if(l(0),u.current=0,e>=r){s(!0);try{await n()}finally{s(!1)}}},[i,o,c,r,n]);return(0,t.useEffect)(()=>{let e=a.current;if(!(!e||!i))return e.addEventListener(`touchstart`,d,{passive:!0}),e.addEventListener(`touchmove`,f,{passive:!0}),e.addEventListener(`touchend`,p,{passive:!0}),()=>{e.removeEventListener(`touchstart`,d),e.removeEventListener(`touchmove`,f),e.removeEventListener(`touchend`,p)}},[d,f,p,i]),{ref:a,isRefreshing:o,pullDistance:c}}var _=m((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),v=m((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=O.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(k.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){M||(M=!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)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return N[e]||(N[e]=!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.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(A(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}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 f(p);if(k.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,I[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(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`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginGrid={},e.React,e._object_ui_core,e._object_ui_react,e._object_ui_fields,e._object_ui_components,e.lucide_react,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var c=Object.create,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),h=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=d(t),a=0,o=i.length,s;a<o;a++)s=i[a],!p.call(e,s)&&s!==n&&l(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=u(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:c(f(e)),h(t||!e||!e.__esModule?l(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function g(e){let{onRefresh:n,threshold:r=80,enabled:i=!0}=e,a=(0,t.useRef)(null),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(0),u=(0,t.useRef)(0),d=(0,t.useCallback)(e=>{if(!i||o)return;let t=a.current;t&&t.scrollTop===0&&(u.current=e.touches[0].clientY)},[i,o]),f=(0,t.useCallback)(e=>{if(!i||o||!u.current)return;let t=e.touches[0].clientY-u.current;t>0&&l(Math.min(t,r*1.5))},[i,o,r]),p=(0,t.useCallback)(async()=>{if(!i||o)return;let e=c;if(l(0),u.current=0,e>=r){s(!0);try{await n()}finally{s(!1)}}},[i,o,c,r,n]);return(0,t.useEffect)(()=>{let e=a.current;if(!(!e||!i))return e.addEventListener(`touchstart`,d,{passive:!0}),e.addEventListener(`touchmove`,f,{passive:!0}),e.addEventListener(`touchend`,p,{passive:!0}),()=>{e.removeEventListener(`touchstart`,d),e.removeEventListener(`touchmove`,f),e.removeEventListener(`touchend`,p)}},[d,f,p,i]),{ref:a,isRefreshing:o,pullDistance:c}}var _=m((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),v=m((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=O.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(k.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){M||(M=!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)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return N[e]||(N[e]=!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.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(A(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}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 f(p);if(k.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,I[p+o]||(m=0<m.length?`{`+m.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} />`,o,p,m,p),I[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),ee=Symbol.for(`react.client.reference`),O=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,k=Object.prototype.hasOwnProperty,A=Array.isArray,j=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var M,N={},P=m.react_stack_bottom_frame.bind(m,o)(),F=j(i(o)),I={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>O.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)},e.jsxs=function(e,t,n){var r=1e4>O.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)}})()})),y=m(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=_():t.exports=v()}))(),b=(0,t.createContext)(null);b.displayName=`MobileContext`;var x={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 S(e){return e.startsWith(`bg-`)?e:x[e.toLowerCase().trim()]}function C(e){return(0,t.useCallback)(t=>{if(!e?.field||!e.colors)return;let n=String(t[e.field]??``),r=e.colors[n];if(r)return S(r)},[e?.field,e?.colors])}function w(e,t){return t.map(t=>String(e[t.field]??``)).join(` / `)}function T(e,t){return t.map(t=>{let n=e[t.field];return n!=null&&n!==``?String(n):`(empty)`}).join(` / `)}function E(e,t){return t.map(({field:t,type:n})=>{let r=e.map(e=>Number(e[t])).filter(e=>Number.isFinite(e)),i;switch(n){case`count`:i=r.length;break;case`sum`:i=r.reduce((e,t)=>e+t,0);break;case`avg`:i=r.length>0?r.reduce((e,t)=>e+t,0)/r.length:0;break;case`min`:i=r.length>0?Math.min(...r):0;break;case`max`:i=r.length>0?Math.max(...r):0;break;default:i=0}return{field:t,type:n,value:i}})}function D(e,t,n){let r=e.localeCompare(t,void 0,{numeric:!0,sensitivity:`base`});return n===`desc`?-r:r}function ee(e,n,r){let i=e?.fields,a=!!(i&&i.length>0),[o,s]=(0,t.useState)({}),c=(0,t.useMemo)(()=>i?i.some(e=>e.collapsed):!1,[i]);return{groups:(0,t.useMemo)(()=>{if(!a||!i)return[];let e=new Map,t=[];for(let r of n){let n=w(r,i);e.has(n)||(e.set(n,{label:T(r,i),rows:[]}),t.push(n)),e.get(n).rows.push(r)}let s=i[0]?.order??`asc`;return t.sort((e,t)=>D(e,t,s)),t.map(t=>{let n=e.get(t),i=t in o?o[t]:c,a=r&&r.length>0?E(n.rows,r):[];return{key:t,label:n.label,rows:n.rows,collapsed:i,aggregations:a}})},[n,i,a,o,c,r]),isGrouped:a,toggleGroup:(0,t.useCallback)(e=>{s(t=>({...t,[e]:t[e]===void 0?!c:!t[e]}))},[c])}}var O=({groupKey:e,label:t,count:n,collapsed:r,aggregations:i,onToggle:a,children:s})=>(0,y.jsxs)(`div`,{className:`border rounded-md`,"data-testid":`group-row-${e}`,children:[(0,y.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:()=>a(e),"aria-expanded":!r,children:[r?(0,y.jsx)(o.ChevronRight,{className:`h-4 w-4 shrink-0`}):(0,y.jsx)(o.ChevronDown,{className:`h-4 w-4 shrink-0`}),(0,y.jsx)(`span`,{className:`group-label`,children:t}),i&&i.length>0&&(0,y.jsx)(`span`,{className:`ml-2 text-xs text-muted-foreground group-aggregations`,children:i.map(e=>(0,y.jsxs)(`span`,{className:`mr-2`,children:[e.type,`: `,Number.isInteger(e.value)?e.value:e.value.toFixed(2)]},`${e.field}-${e.type}`))}),(0,y.jsxs)(`span`,{className:`ml-auto text-xs text-muted-foreground group-count`,children:[`(`,n,`)`]})]}),!r&&s]});function k(e){return typeof e==`string`?{type:e}:e}function A(e,t){if(t.length===0)return null;switch(e){case`count`:return t.length;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.reduce((e,t)=>e+t,0)/t.length;case`min`:return Math.min(...t);case`max`:return Math.max(...t);default:return null}}function j(e,t){return t===null?``:`${{count:`Count`,sum:`Sum`,avg:`Avg`,min:`Min`,max:`Max`}[e]||e}: ${e===`avg`?t.toLocaleString(void 0,{maximumFractionDigits:2}):t.toLocaleString()}`}function M(e,n){return(0,t.useMemo)(()=>{let t=new Map;if(!e||e.length===0||n.length===0)return{summaries:t,hasSummary:!1};for(let r of e){if(!r.summary)continue;let e=k(r.summary),i=e.field||r.field,a=[];for(let e of n){let t=e[i];if(t!=null&&typeof t==`number`&&!isNaN(t))a.push(t);else if(t!=null&&typeof t==`string`){let e=parseFloat(t);isNaN(e)||a.push(e)}}let o;if(e.type===`count`){let e=n.filter(e=>e[i]!=null&&e[i]!==``).length;o=e>0?e:null}else o=A(e.type,a);t.set(r.field,{field:r.field,value:o,label:j(e.type,o)})}return{summaries:t,hasSummary:t.size>0}},[e,n])}function N(e){return e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}var P=({row:e,rowActions:t,canEdit:n,canDelete:r,onEdit:i,onDelete:s,onAction:c})=>(0,y.jsxs)(a.DropdownMenu,{children:[(0,y.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,y.jsxs)(a.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:[(0,y.jsx)(o.MoreVertical,{className:`h-4 w-4`}),(0,y.jsx)(`span`,{className:`sr-only`,children:`Open menu`})]})}),(0,y.jsxs)(a.DropdownMenuContent,{align:`end`,children:[n&&i&&(0,y.jsxs)(a.DropdownMenuItem,{onClick:()=>i(e),children:[(0,y.jsx)(o.Edit,{className:`mr-2 h-4 w-4`}),`Edit`]}),r&&s&&(0,y.jsxs)(a.DropdownMenuItem,{onClick:()=>s(e),children:[(0,y.jsx)(o.Trash2,{className:`mr-2 h-4 w-4`}),`Delete`]}),t?.map(t=>(0,y.jsx)(a.DropdownMenuItem,{onClick:()=>c?.(t,e),"data-testid":`row-action-${t}`,children:N(t)},t))]})]}),F=({selectedRows:e,actions:t,onAction:n,onClearSelection:r})=>!t||t.length===0||e.length===0?null:(0,y.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:[(0,y.jsxs)(`span`,{className:`text-muted-foreground font-medium`,children:[e.length,` selected`]}),(0,y.jsx)(`div`,{className:`flex items-center gap-1 ml-2`,children:t.map(t=>(0,y.jsx)(a.Button,{variant:`outline`,size:`sm`,className:`h-6 px-2 text-xs`,onClick:()=>n?.(t,e),"data-testid":`bulk-action-${t}`,children:N(t)},t))}),(0,y.jsx)(a.Button,{variant:`ghost`,size:`sm`,className:`h-6 px-2 text-xs ml-auto`,onClick:r,children:`Clear`})]}),I={"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 te(){try{let e=(0,r.useObjectTranslation)();return e.t(`grid.actions`)===`grid.actions`?{t:(e,t)=>{let n=I[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n}}:{t:e.t}}catch{return{t:(e,t)=>{let n=I[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n}}}}function ne(e){if(e!=null)return typeof e==`string`?e:e.defaultValue||e.key}function re(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 ie(e){if(!(!e||e.length===0))return typeof e[0]==`object`&&e[0],e}var ae=({schema:e,dataSource:s,onEdit:c,onDelete:l,onRowSelect:u,onRowClick:d,onCellChange:f,onRowSave:p,onBatchSave:m,onAddRecord:h,..._})=>{let[v,b]=(0,t.useState)([]),[x,S]=(0,t.useState)(!0),[w,T]=(0,t.useState)(null),{t:E}=te(),{fieldLabel:D}=(0,r.useSafeFieldLabel)(),[k,A]=(0,t.useState)(null),[j,I]=(0,t.useState)(!1),[ae,L]=(0,t.useState)(0),[oe,se]=(0,t.useState)(!1),[R,ce]=(0,t.useState)(e.rowHeight??`compact`),[le,ue]=(0,t.useState)([]),de=t.default.useMemo(()=>e.id?`grid-columns-${e.objectName}-${e.id}`:`grid-columns-${e.objectName}`,[e.objectName,e.id]),[z,fe]=(0,t.useState)(()=>{try{let e=localStorage.getItem(de);return e?JSON.parse(e):{}}catch{return{}}}),pe=(0,t.useCallback)(e=>{fe(e);try{localStorage.setItem(de,JSON.stringify(e))}catch(e){console.warn(`Failed to persist column state:`,e)}},[de]),{ref:me,isRefreshing:he,pullDistance:ge}=g({onRefresh:(0,t.useCallback)(async()=>{L(e=>e+1)},[]),enabled:!!s&&!!e.objectName});(0,t.useEffect)(()=>{let e=()=>I(window.innerWidth<480);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let B=_.data,V=(0,r.useDataScope)(e.bind),_e=re(e),H=t.default.useMemo(()=>B&&Array.isArray(B)?{provider:`value`,items:B}:V&&Array.isArray(V)?{provider:`value`,items:V}:_e,[JSON.stringify(_e),V,B]),U=H?.provider===`value`,W=H?.provider===`object`&&H&&`object`in H?H.object:e.objectName,G=e.fields,K=e.columns,q=e.filter,J=e.sort,ve=e.pagination,ye=e.pageSize;(0,t.useEffect)(()=>{U&&H?.provider===`value`&&(b(e=>{let t=H.items;return JSON.stringify(e)===JSON.stringify(t)?e:t}),S(!1))},[U,H]),(0,t.useEffect)(()=>{if(!U||!W||!s)return;let e=!1;return(async()=>{try{let t=await s.getObjectSchema(W);e||A(t)}catch(e){console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${W}):`,e)}})(),()=>{e=!0}},[U,W,s]),(0,t.useEffect)(()=>{if(U)return;let t=!1;return(async()=>{S(!0),T(null);try{let r=null,i=ie(K)||G;if(W&&s){let e=await s.getObjectSchema(W);if(t)return;r=e}else if(i&&W)r={name:W,fields:{}};else if(W)throw Error(`DataSource required`);else throw Error(`Object name required for data fetching`);if(t||A(r),s&&W){let i={$select:(()=>{if(G)return G;if(K&&Array.isArray(K))return K.map(e=>typeof e==`string`?e:e.field)})(),$top:ve?.pageSize||ye||50};q&&Array.isArray(q)?i.$filter=q:e.defaultFilters&&(i.$filter=e.defaultFilters),J?typeof J==`string`?i.$orderby=J:Array.isArray(J)&&(i.$orderby=J.map(e=>`${e.field} ${e.order}`).join(`, `)):e.defaultSort&&(i.$orderby=`${e.defaultSort.field} ${e.defaultSort.order}`);let a=(0,n.buildExpandFields)(r?.fields,K??G);a.length>0&&(i.$expand=a);let o=await s.find(W,i);if(t)return;b(o.data||[])}}catch(e){t||T(e)}finally{t||S(!1)}})(),()=>{t=!0}},[W,G,K,q,J,ve,ye,s,U,H,ae]);let Y=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onNavigate:e.onNavigate,onRowClick:d}),{execute:X}=(0,r.useAction)(),be=C(e.rowColor),xe=(0,t.useCallback)(t=>{let r=e.conditionalFormatting;if(!(!r||r.length===0))for(let e of r){let r=!1,i=(`condition`in e?e.condition:void 0)||(`expression`in e?e.expression:void 0)||void 0;if(i)r=(0,n.evaluatePlainCondition)(i,t);else if(`field`in e&&`operator`in e&&e.field&&e.operator){let n=e,i=t[n.field];switch(n.operator){case`equals`:r=i===n.value;break;case`not_equals`:r=i!==n.value;break;case`contains`:r=typeof i==`string`&&typeof n.value==`string`&&i.includes(n.value);break;case`greater_than`:r=typeof i==`number`&&typeof n.value==`number`&&i>n.value;break;case`less_than`:r=typeof i==`number`&&typeof n.value==`number`&&i<n.value;break;case`in`:r=Array.isArray(n.value)&&n.value.includes(i);break}}if(r){let t={};return`style`in e&&e.style&&Object.assign(t,e.style),`backgroundColor`in e&&e.backgroundColor&&(t.backgroundColor=e.backgroundColor),`textColor`in e&&e.textColor&&(t.color=e.textColor),`borderColor`in e&&e.borderColor&&(t.borderColor=e.borderColor),t}}},[e.conditionalFormatting]),{groups:Se,isGrouped:Ce,toggleGroup:we}=ee(e.grouping,v),{summaries:Te,hasSummary:Ee}=M(t.default.useMemo(()=>{let t=ie(e.columns);if(t&&t.length>0&&typeof t[0]==`object`)return t},[e.columns]),v),Z=(0,t.useCallback)(()=>{let t=e=>e&&{text:(0,y.jsx)(o.Type,{className:`h-3.5 w-3.5`}),number:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),currency:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),percent:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),date:(0,y.jsx)(o.Calendar,{className:`h-3.5 w-3.5`}),datetime:(0,y.jsx)(o.Clock,{className:`h-3.5 w-3.5`}),boolean:(0,y.jsx)(o.CheckSquare,{className:`h-3.5 w-3.5`}),user:(0,y.jsx)(o.User,{className:`h-3.5 w-3.5`}),select:(0,y.jsx)(o.Tag,{className:`h-3.5 w-3.5`})}[e]||(0,y.jsx)(o.Type,{className:`h-3.5 w-3.5`}),n=e=>{if(e.type)return e.type;let t=e.field.toLowerCase();if([`completed`,`is_completed`,`done`,`active`,`enabled`,`archived`].some(e=>t===e||t===`is_${e}`))return`boolean`;if([`created_time`,`modified_time`,`updated_time`,`created_at`,`updated_at`,`modified_at`,`last_login`,`logged_at`].some(e=>t===e||t.endsWith(`_${e}`)))return`datetime`;if([`date`,`due`,`created`,`updated`,`deadline`,`start`,`end`,`expires`].some(e=>t.includes(e))){if(v.length>0){let t=v.find(t=>t[e.field]!=null)?.[e.field];if(typeof t==`string`&&!isNaN(Date.parse(t)))return`date`}return`date`}if([`probability`,`percent`,`percentage`,`completion`,`progress`,`rate`].some(e=>t.includes(e))&&v.length>0&&typeof v.find(t=>t[e.field]!=null)?.[e.field]==`number`)return`percent`;if([`status`,`priority`,`category`,`stage`,`type`,`severity`,`level`].some(e=>t.includes(e))&&v.length>0){let t=new Set(v.map(t=>t[e.field]).filter(Boolean));if(t.size>0&&t.size<=10)return`select`}if([`assignee`,`owner`,`author`,`reporter`,`creator`,`user`].some(e=>t.includes(e)))return`user`;if([`amount`,`price`,`total`,`revenue`,`cost`,`budget`,`salary`].some(e=>t.includes(e))&&v.length>0&&typeof v.find(t=>t[e.field]!=null)?.[e.field]==`number`)return`currency`;if(v.length>0){let t=v.find(t=>t[e.field]!=null)?.[e.field];if(typeof t==`string`&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))return`datetime`}return null},r=ie(K);if(r){if(r.length>0&&typeof r[0]==`object`&&r[0]!==null){let o=r[0];if(`accessorKey`in o)return r.map(e=>{if(e.cell)return e;let r=n({field:e.accessorKey,label:e.header,type:e.type});if(!r)return e;let a=(0,i.getCellRenderer)(r),o={name:e.accessorKey,type:r};return r===`select`&&(o.options=Array.from(new Set(v.map(t=>t[e.accessorKey]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))}))),{...e,headerIcon:t(r),cell:e=>(0,y.jsx)(a,{value:e,field:o})}});if(`field`in o)return r.filter(e=>e?.field&&typeof e.field==`string`&&!e.hidden).map((r,o)=>{let s=ne(r.label)||r.field.charAt(0).toUpperCase()+r.field.slice(1).replace(/_/g,` `),c=e.objectName?D(e.objectName,r.field,s):s,l,u=k?.fields?.[r.field],d=r.type||u?.type||n({field:r.field})||null,f=d?(0,i.getCellRenderer)(d):null,p={name:r.field,type:d||`text`};u&&(u.label&&(p.label=u.label),u.currency&&(p.currency=u.currency),u.precision!==void 0&&(p.precision=u.precision),u.format&&(p.format=u.format),u.options&&(p.options=u.options)),d===`select`&&!p.options&&(p.options=Array.from(new Set(v.map(e=>e[r.field]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))}))),r.options&&(p.options=r.options);let m=o===0&&!r.link&&!r.action,h=r.link||m;l=r.link&&r.action||m&&r.action||h?(e,t)=>{let n=f?(0,y.jsx)(f,{value:e,field:p}):e!=null&&e!==``?String(e):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`});return(0,y.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":m?`primary-field-link`:`link-cell`,onClick:e=>{e.stopPropagation(),Y.handleClick(t)},children:n})}:r.action?(e,t)=>(0,y.jsx)(a.Button,{variant:`outline`,size:`sm`,className:`h-7 text-xs`,"data-testid":`action-cell`,onClick:n=>{n.stopPropagation(),X({type:r.action,params:{record:t,field:r.field,value:e}})},children:N(r.action)}):f?e=>(0,y.jsx)(f,{value:e,field:p}):e=>e!=null&&e!==``?(0,y.jsx)(`span`,{children:String(e)}):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`});let g=r.prefix;if(g?.field){let e=l,t=g.type===`badge`?(0,i.getCellRenderer)(`select`):null;l=(n,r)=>{let i=r[g.field];return(0,y.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[i!=null&&i!==``?t?(0,y.jsx)(t,{value:i,field:{name:g.field,type:`select`}}):(0,y.jsx)(`span`,{className:`text-muted-foreground text-xs mr-1.5`,children:String(i)}):null,e(n,r)]})}}let _=[`number`,`currency`,`percent`],b=d||r.type,x=r.align||(b&&_.includes(b)?`right`:void 0),S=o===0||r.essential===!0;return{header:c,accessorKey:r.field,headerIcon:t(d),...!S&&{className:`hidden sm:table-cell`},...r.width&&{width:r.width},...x&&{align:x},sortable:r.sortable!==!1,...r.resizable!==void 0&&{resizable:r.resizable},...r.wrap!==void 0&&{wrap:r.wrap},...l&&{cell:l},...r.pinned&&{pinned:r.pinned}}})}return r.filter(e=>typeof e==`string`&&e.trim().length>0).map((r,a)=>{let o=k?.fields?.[r],s=o?.label||r.charAt(0).toUpperCase()+r.slice(1).replace(/_/g,` `),c=e.objectName?D(e.objectName,r,s):s,l=o?.type||n({field:r})||null,u=l?(0,i.getCellRenderer)(l):null,d={name:r,type:l||`text`};o&&(o.label&&(d.label=o.label),o.currency&&(d.currency=o.currency),o.precision!==void 0&&(d.precision=o.precision),o.format&&(d.format=o.format),o.options&&(d.options=o.options)),l===`select`&&!d.options&&(d.options=Array.from(new Set(v.map(e=>e[r]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))})));let f=l&&[`number`,`currency`,`percent`].includes(l)?`right`:void 0,p=a===0,m;return p&&u?m=(e,t)=>{let n=(0,y.jsx)(u,{value:e,field:d});return(0,y.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:e=>{e.stopPropagation(),Y.handleClick(t)},children:n})}:p?m=(e,t)=>(0,y.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:e=>{e.stopPropagation(),Y.handleClick(t)},children:e!=null&&e!==``?String(e):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`})}):u&&(m=e=>(0,y.jsx)(u,{value:e,field:d})),{header:c,accessorKey:r,...l&&{headerIcon:t(l)},...f&&{align:f},...m&&{cell:m},sortable:o?.sortable!==!1}})}if(U){let e=H?.provider===`value`?H.items:[];if(e.length>0)return(G||Object.keys(e[0])).map(e=>{let r=k?.fields?.[e],a=r?.type||n({field:e})||null,o=a?(0,i.getCellRenderer)(a):null,s=r?.label||e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),c={name:e,type:a||`text`};r&&(r.label&&(c.label=r.label),r.currency&&(c.currency=r.currency),r.precision!==void 0&&(c.precision=r.precision),r.format&&(c.format=r.format),r.options&&(c.options=r.options)),a===`select`&&!c.options&&(c.options=Array.from(new Set(v.map(t=>t[e]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))})));let l=a&&[`number`,`currency`,`percent`].includes(a)?`right`:void 0;return{header:s,accessorKey:e,...a&&{headerIcon:t(a)},...l&&{align:l},...o&&{cell:e=>(0,y.jsx)(o,{value:e,field:c})},sortable:r?.sortable!==!1}})}if(!k)return[];let s=[];return(G||Object.keys(k.fields||{})).forEach(t=>{let n=k.fields?.[t];if(!n||n.permissions&&n.permissions.read===!1)return;let r=(0,i.getCellRenderer)(n.type);s.push({header:e.objectName?D(e.objectName,t,n.label||t):n.label||t,accessorKey:t,...[`number`,`currency`,`percent`].includes(n.type)&&{align:`right`},cell:e=>(0,y.jsx)(r,{value:e,field:n}),sortable:n.sortable!==!1})}),s},[k,G,K,H,U,Y.handleClick,X,v,D,e.objectName]),De=(0,t.useCallback)(t=>{let n=e.exportOptions,r=n?.maxRecords||0,i=n?.includeHeaders!==!1,a=n?.fileNamePrefix||e.objectName||`export`,o=r>0?v.slice(0,r):v,s=(e,t)=>{let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,r.click(),URL.revokeObjectURL(n)},c=e=>{let t=e==null?``:String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
|
|
6
|
+
<%s key={someKey} {...props} />`,o,p,m,p),I[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),ee=Symbol.for(`react.client.reference`),O=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,k=Object.prototype.hasOwnProperty,A=Array.isArray,j=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var M,N={},P=m.react_stack_bottom_frame.bind(m,o)(),F=j(i(o)),I={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>O.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)},e.jsxs=function(e,t,n){var r=1e4>O.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)}})()})),y=m(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=_():t.exports=v()}))(),b=(0,t.createContext)(null);b.displayName=`MobileContext`;var x={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 S(e){return e.startsWith(`bg-`)?e:x[e.toLowerCase().trim()]}function C(e){return(0,t.useCallback)(t=>{if(!e?.field||!e.colors)return;let n=String(t[e.field]??``),r=e.colors[n];if(r)return S(r)},[e?.field,e?.colors])}function w(e,t){return t.map(t=>String(e[t.field]??``)).join(` / `)}function T(e,t){return t.map(t=>{let n=e[t.field];return n!=null&&n!==``?String(n):`(empty)`}).join(` / `)}function E(e,t){return t.map(({field:t,type:n})=>{let r=e.map(e=>Number(e[t])).filter(e=>Number.isFinite(e)),i;switch(n){case`count`:i=r.length;break;case`sum`:i=r.reduce((e,t)=>e+t,0);break;case`avg`:i=r.length>0?r.reduce((e,t)=>e+t,0)/r.length:0;break;case`min`:i=r.length>0?Math.min(...r):0;break;case`max`:i=r.length>0?Math.max(...r):0;break;default:i=0}return{field:t,type:n,value:i}})}function D(e,t,n){let r=e.localeCompare(t,void 0,{numeric:!0,sensitivity:`base`});return n===`desc`?-r:r}function ee(e,n,r){let i=e?.fields,a=!!(i&&i.length>0),[o,s]=(0,t.useState)({}),c=(0,t.useMemo)(()=>i?i.some(e=>e.collapsed):!1,[i]);return{groups:(0,t.useMemo)(()=>{if(!a||!i)return[];let e=new Map,t=[];for(let r of n){let n=w(r,i);e.has(n)||(e.set(n,{label:T(r,i),rows:[]}),t.push(n)),e.get(n).rows.push(r)}let s=i[0]?.order??`asc`;return t.sort((e,t)=>D(e,t,s)),t.map(t=>{let n=e.get(t),i=t in o?o[t]:c,a=r&&r.length>0?E(n.rows,r):[];return{key:t,label:n.label,rows:n.rows,collapsed:i,aggregations:a}})},[n,i,a,o,c,r]),isGrouped:a,toggleGroup:(0,t.useCallback)(e=>{s(t=>({...t,[e]:t[e]===void 0?!c:!t[e]}))},[c])}}var O=({groupKey:e,label:t,count:n,collapsed:r,aggregations:i,onToggle:a,children:s})=>(0,y.jsxs)(`div`,{className:`border rounded-md`,"data-testid":`group-row-${e}`,children:[(0,y.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:()=>a(e),"aria-expanded":!r,children:[r?(0,y.jsx)(o.ChevronRight,{className:`h-4 w-4 shrink-0`}):(0,y.jsx)(o.ChevronDown,{className:`h-4 w-4 shrink-0`}),(0,y.jsx)(`span`,{className:`group-label`,children:t}),i&&i.length>0&&(0,y.jsx)(`span`,{className:`ml-2 text-xs text-muted-foreground group-aggregations`,children:i.map(e=>(0,y.jsxs)(`span`,{className:`mr-2`,children:[e.type,`: `,Number.isInteger(e.value)?e.value:e.value.toFixed(2)]},`${e.field}-${e.type}`))}),(0,y.jsxs)(`span`,{className:`ml-auto text-xs text-muted-foreground group-count`,children:[`(`,n,`)`]})]}),!r&&s]});function k(e){return typeof e==`string`?{type:e}:e}function A(e,t){if(t.length===0)return null;switch(e){case`count`:return t.length;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.reduce((e,t)=>e+t,0)/t.length;case`min`:return Math.min(...t);case`max`:return Math.max(...t);default:return null}}function j(e,t){return t===null?``:`${{count:`Count`,sum:`Sum`,avg:`Avg`,min:`Min`,max:`Max`}[e]||e}: ${e===`avg`?t.toLocaleString(void 0,{maximumFractionDigits:2}):t.toLocaleString()}`}function M(e,n){return(0,t.useMemo)(()=>{let t=new Map;if(!e||e.length===0||n.length===0)return{summaries:t,hasSummary:!1};for(let r of e){if(!r.summary)continue;let e=k(r.summary),i=e.field||r.field,a=[];for(let e of n){let t=e[i];if(t!=null&&typeof t==`number`&&!isNaN(t))a.push(t);else if(t!=null&&typeof t==`string`){let e=parseFloat(t);isNaN(e)||a.push(e)}}let o;if(e.type===`count`){let e=n.filter(e=>e[i]!=null&&e[i]!==``).length;o=e>0?e:null}else o=A(e.type,a);t.set(r.field,{field:r.field,value:o,label:j(e.type,o)})}return{summaries:t,hasSummary:t.size>0}},[e,n])}function N(e){return e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}var P=({row:e,rowActions:t,canEdit:n,canDelete:r,onEdit:i,onDelete:s,onAction:c})=>(0,y.jsxs)(a.DropdownMenu,{children:[(0,y.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,y.jsxs)(a.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:[(0,y.jsx)(o.MoreVertical,{className:`h-4 w-4`}),(0,y.jsx)(`span`,{className:`sr-only`,children:`Open menu`})]})}),(0,y.jsxs)(a.DropdownMenuContent,{align:`end`,children:[n&&i&&(0,y.jsxs)(a.DropdownMenuItem,{onClick:()=>i(e),children:[(0,y.jsx)(o.Edit,{className:`mr-2 h-4 w-4`}),`Edit`]}),r&&s&&(0,y.jsxs)(a.DropdownMenuItem,{onClick:()=>s(e),children:[(0,y.jsx)(o.Trash2,{className:`mr-2 h-4 w-4`}),`Delete`]}),t?.map(t=>(0,y.jsx)(a.DropdownMenuItem,{onClick:()=>c?.(t,e),"data-testid":`row-action-${t}`,children:N(t)},t))]})]}),F=({selectedRows:e,actions:t,onAction:n,onClearSelection:r})=>!t||t.length===0||e.length===0?null:(0,y.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:[(0,y.jsxs)(`span`,{className:`text-muted-foreground font-medium`,children:[e.length,` selected`]}),(0,y.jsx)(`div`,{className:`flex items-center gap-1 ml-2`,children:t.map(t=>(0,y.jsx)(a.Button,{variant:`outline`,size:`sm`,className:`h-6 px-2 text-xs`,onClick:()=>n?.(t,e),"data-testid":`bulk-action-${t}`,children:N(t)},t))}),(0,y.jsx)(a.Button,{variant:`ghost`,size:`sm`,className:`h-6 px-2 text-xs ml-auto`,onClick:r,children:`Clear`})]}),I={"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 te(){try{let e=(0,r.useObjectTranslation)();return e.t(`grid.actions`)===`grid.actions`?{t:(e,t)=>{let n=I[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n}}:{t:e.t}}catch{return{t:(e,t)=>{let n=I[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n}}}}function ne(e){if(e!=null)return typeof e==`string`?e:void 0}function re(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 ie(e){if(!(!e||e.length===0))return typeof e[0]==`object`&&e[0],e}var ae=({schema:e,dataSource:s,onEdit:c,onDelete:l,onRowSelect:u,onRowClick:d,onCellChange:f,onRowSave:p,onBatchSave:m,onAddRecord:h,..._})=>{let[v,b]=(0,t.useState)([]),[x,S]=(0,t.useState)(!0),[w,T]=(0,t.useState)(null),{t:E}=te(),{fieldLabel:D}=(0,r.useSafeFieldLabel)(),[k,A]=(0,t.useState)(null),[j,I]=(0,t.useState)(!1),[ae,L]=(0,t.useState)(0),[oe,se]=(0,t.useState)(!1),[R,ce]=(0,t.useState)(e.rowHeight??`compact`),[le,ue]=(0,t.useState)([]),de=t.default.useMemo(()=>e.id?`grid-columns-${e.objectName}-${e.id}`:`grid-columns-${e.objectName}`,[e.objectName,e.id]),[z,fe]=(0,t.useState)(()=>{try{let e=localStorage.getItem(de);return e?JSON.parse(e):{}}catch{return{}}}),pe=(0,t.useCallback)(e=>{fe(e);try{localStorage.setItem(de,JSON.stringify(e))}catch(e){console.warn(`Failed to persist column state:`,e)}},[de]),{ref:me,isRefreshing:he,pullDistance:ge}=g({onRefresh:(0,t.useCallback)(async()=>{L(e=>e+1)},[]),enabled:!!s&&!!e.objectName});(0,t.useEffect)(()=>{let e=()=>I(window.innerWidth<480);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let B=_.data,V=(0,r.useDataScope)(e.bind),_e=re(e),H=t.default.useMemo(()=>B&&Array.isArray(B)?{provider:`value`,items:B}:V&&Array.isArray(V)?{provider:`value`,items:V}:_e,[JSON.stringify(_e),V,B]),U=H?.provider===`value`,W=H?.provider===`object`&&H&&`object`in H?H.object:e.objectName,G=e.fields,K=e.columns,q=e.filter,J=e.sort,ve=e.pagination,ye=e.pageSize;(0,t.useEffect)(()=>{U&&H?.provider===`value`&&(b(e=>{let t=H.items;return JSON.stringify(e)===JSON.stringify(t)?e:t}),S(!1))},[U,H]),(0,t.useEffect)(()=>{if(!U||!W||!s)return;let e=!1;return(async()=>{try{let t=await s.getObjectSchema(W);e||A(t)}catch(e){console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${W}):`,e)}})(),()=>{e=!0}},[U,W,s]),(0,t.useEffect)(()=>{if(U)return;let t=!1;return(async()=>{S(!0),T(null);try{let r=null,i=ie(K)||G;if(W&&s){let e=await s.getObjectSchema(W);if(t)return;r=e}else if(i&&W)r={name:W,fields:{}};else if(W)throw Error(`DataSource required`);else throw Error(`Object name required for data fetching`);if(t||A(r),s&&W){let i={$select:(()=>{if(G)return G;if(K&&Array.isArray(K))return K.map(e=>typeof e==`string`?e:e.field)})(),$top:ve?.pageSize||ye||50};q&&Array.isArray(q)?i.$filter=q:e.defaultFilters&&(i.$filter=e.defaultFilters),J?typeof J==`string`?i.$orderby=J:Array.isArray(J)&&(i.$orderby=J.map(e=>`${e.field} ${e.order}`).join(`, `)):e.defaultSort&&(i.$orderby=`${e.defaultSort.field} ${e.defaultSort.order}`);let a=(0,n.buildExpandFields)(r?.fields,K??G);a.length>0&&(i.$expand=a);let o=await s.find(W,i);if(t)return;b(o.data||[])}}catch(e){t||T(e)}finally{t||S(!1)}})(),()=>{t=!0}},[W,G,K,q,J,ve,ye,s,U,H,ae]);let Y=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onNavigate:e.onNavigate,onRowClick:d}),{execute:X}=(0,r.useAction)(),be=C(e.rowColor),xe=(0,t.useCallback)(t=>{let r=e.conditionalFormatting;if(!(!r||r.length===0))for(let e of r){let r=!1,i=(`condition`in e?e.condition:void 0)||(`expression`in e?e.expression:void 0)||void 0;if(i)r=(0,n.evaluatePlainCondition)(i,t);else if(`field`in e&&`operator`in e&&e.field&&e.operator){let n=e,i=t[n.field];switch(n.operator){case`equals`:r=i===n.value;break;case`not_equals`:r=i!==n.value;break;case`contains`:r=typeof i==`string`&&typeof n.value==`string`&&i.includes(n.value);break;case`greater_than`:r=typeof i==`number`&&typeof n.value==`number`&&i>n.value;break;case`less_than`:r=typeof i==`number`&&typeof n.value==`number`&&i<n.value;break;case`in`:r=Array.isArray(n.value)&&n.value.includes(i);break}}if(r){let t={};return`style`in e&&e.style&&Object.assign(t,e.style),`backgroundColor`in e&&e.backgroundColor&&(t.backgroundColor=e.backgroundColor),`textColor`in e&&e.textColor&&(t.color=e.textColor),`borderColor`in e&&e.borderColor&&(t.borderColor=e.borderColor),t}}},[e.conditionalFormatting]),{groups:Se,isGrouped:Ce,toggleGroup:we}=ee(e.grouping,v),{summaries:Te,hasSummary:Ee}=M(t.default.useMemo(()=>{let t=ie(e.columns);if(t&&t.length>0&&typeof t[0]==`object`)return t},[e.columns]),v),Z=(0,t.useCallback)(()=>{let t=e=>e&&{text:(0,y.jsx)(o.Type,{className:`h-3.5 w-3.5`}),number:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),currency:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),percent:(0,y.jsx)(o.Hash,{className:`h-3.5 w-3.5`}),date:(0,y.jsx)(o.Calendar,{className:`h-3.5 w-3.5`}),datetime:(0,y.jsx)(o.Clock,{className:`h-3.5 w-3.5`}),boolean:(0,y.jsx)(o.CheckSquare,{className:`h-3.5 w-3.5`}),user:(0,y.jsx)(o.User,{className:`h-3.5 w-3.5`}),select:(0,y.jsx)(o.Tag,{className:`h-3.5 w-3.5`})}[e]||(0,y.jsx)(o.Type,{className:`h-3.5 w-3.5`}),n=e=>{if(e.type)return e.type;let t=e.field.toLowerCase();if([`completed`,`is_completed`,`done`,`active`,`enabled`,`archived`].some(e=>t===e||t===`is_${e}`))return`boolean`;if([`created_time`,`modified_time`,`updated_time`,`created_at`,`updated_at`,`modified_at`,`last_login`,`logged_at`].some(e=>t===e||t.endsWith(`_${e}`)))return`datetime`;if([`date`,`due`,`created`,`updated`,`deadline`,`start`,`end`,`expires`].some(e=>t.includes(e))){if(v.length>0){let t=v.find(t=>t[e.field]!=null)?.[e.field];if(typeof t==`string`&&!isNaN(Date.parse(t)))return`date`}return`date`}if([`probability`,`percent`,`percentage`,`completion`,`progress`,`rate`].some(e=>t.includes(e))&&v.length>0&&typeof v.find(t=>t[e.field]!=null)?.[e.field]==`number`)return`percent`;if([`status`,`priority`,`category`,`stage`,`type`,`severity`,`level`].some(e=>t.includes(e))&&v.length>0){let t=new Set(v.map(t=>t[e.field]).filter(Boolean));if(t.size>0&&t.size<=10)return`select`}if([`assignee`,`owner`,`author`,`reporter`,`creator`,`user`].some(e=>t.includes(e)))return`user`;if([`amount`,`price`,`total`,`revenue`,`cost`,`budget`,`salary`].some(e=>t.includes(e))&&v.length>0&&typeof v.find(t=>t[e.field]!=null)?.[e.field]==`number`)return`currency`;if(v.length>0){let t=v.find(t=>t[e.field]!=null)?.[e.field];if(typeof t==`string`&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))return`datetime`}return null},r=ie(K);if(r){if(r.length>0&&typeof r[0]==`object`&&r[0]!==null){let o=r[0];if(`accessorKey`in o)return r.map(e=>{if(e.cell)return e;let r=n({field:e.accessorKey,label:e.header,type:e.type});if(!r)return e;let a=(0,i.getCellRenderer)(r),o={name:e.accessorKey,type:r};return r===`select`&&(o.options=Array.from(new Set(v.map(t=>t[e.accessorKey]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))}))),{...e,headerIcon:t(r),cell:e=>(0,y.jsx)(a,{value:e,field:o})}});if(`field`in o)return r.filter(e=>e?.field&&typeof e.field==`string`&&!e.hidden).map((r,o)=>{let s=ne(r.label)||r.field.charAt(0).toUpperCase()+r.field.slice(1).replace(/_/g,` `),c=e.objectName?D(e.objectName,r.field,s):s,l,u=k?.fields?.[r.field],d=r.type||u?.type||n({field:r.field})||null,f=d?(0,i.getCellRenderer)(d):null,p={name:r.field,type:d||`text`};u&&(u.label&&(p.label=u.label),u.currency&&(p.currency=u.currency),u.precision!==void 0&&(p.precision=u.precision),u.format&&(p.format=u.format),u.options&&(p.options=u.options)),d===`select`&&!p.options&&(p.options=Array.from(new Set(v.map(e=>e[r.field]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))}))),r.options&&(p.options=r.options);let m=o===0&&!r.link&&!r.action,h=r.link||m;l=r.link&&r.action||m&&r.action||h?(e,t)=>(0,y.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":m?`primary-field-link`:`link-cell`,onClick:e=>{e.stopPropagation(),Y.handleClick(t)},children:f?(0,y.jsx)(f,{value:e,field:p}):e!=null&&e!==``?String(e):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`})}):r.action?(e,t)=>(0,y.jsx)(a.Button,{variant:`outline`,size:`sm`,className:`h-7 text-xs`,"data-testid":`action-cell`,onClick:n=>{n.stopPropagation(),X({type:r.action,params:{record:t,field:r.field,value:e}})},children:N(r.action)}):f?e=>(0,y.jsx)(f,{value:e,field:p}):e=>e!=null&&e!==``?(0,y.jsx)(`span`,{children:String(e)}):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`});let g=r.prefix;if(g?.field){let e=l,t=g.type===`badge`?(0,i.getCellRenderer)(`select`):null;l=(n,r)=>{let i=r[g.field];return(0,y.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[i!=null&&i!==``?t?(0,y.jsx)(t,{value:i,field:{name:g.field,type:`select`}}):(0,y.jsx)(`span`,{className:`text-muted-foreground text-xs mr-1.5`,children:String(i)}):null,e(n,r)]})}}let _=[`number`,`currency`,`percent`],b=d||r.type,x=r.align||(b&&_.includes(b)?`right`:void 0),S=o===0||r.essential===!0;return{header:c,accessorKey:r.field,headerIcon:t(d),...!S&&{className:`hidden sm:table-cell`},...r.width&&{width:r.width},...x&&{align:x},sortable:r.sortable!==!1,...r.resizable!==void 0&&{resizable:r.resizable},...r.wrap!==void 0&&{wrap:r.wrap},...l&&{cell:l},...r.pinned&&{pinned:r.pinned}}})}return r.filter(e=>typeof e==`string`&&e.trim().length>0).map((r,a)=>{let o=k?.fields?.[r],s=o?.label||r.charAt(0).toUpperCase()+r.slice(1).replace(/_/g,` `),c=e.objectName?D(e.objectName,r,s):s,l=o?.type||n({field:r})||null,u=l?(0,i.getCellRenderer)(l):null,d={name:r,type:l||`text`};o&&(o.label&&(d.label=o.label),o.currency&&(d.currency=o.currency),o.precision!==void 0&&(d.precision=o.precision),o.format&&(d.format=o.format),o.options&&(d.options=o.options)),l===`select`&&!d.options&&(d.options=Array.from(new Set(v.map(e=>e[r]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))})));let f=l&&[`number`,`currency`,`percent`].includes(l)?`right`:void 0,p=a===0,m;return p&&u?m=(e,t)=>(0,y.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:e=>{e.stopPropagation(),Y.handleClick(t)},children:(0,y.jsx)(u,{value:e,field:d})}):p?m=(e,t)=>(0,y.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:e=>{e.stopPropagation(),Y.handleClick(t)},children:e!=null&&e!==``?String(e):(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-xs italic`,children:`—`})}):u&&(m=e=>(0,y.jsx)(u,{value:e,field:d})),{header:c,accessorKey:r,...l&&{headerIcon:t(l)},...f&&{align:f},...m&&{cell:m},sortable:o?.sortable!==!1}})}if(U){let e=H?.provider===`value`?H.items:[];if(e.length>0)return(G||Object.keys(e[0])).map(e=>{let r=k?.fields?.[e],a=r?.type||n({field:e})||null,o=a?(0,i.getCellRenderer)(a):null,s=r?.label||e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),c={name:e,type:a||`text`};r&&(r.label&&(c.label=r.label),r.currency&&(c.currency=r.currency),r.precision!==void 0&&(c.precision=r.precision),r.format&&(c.format=r.format),r.options&&(c.options=r.options)),a===`select`&&!c.options&&(c.options=Array.from(new Set(v.map(t=>t[e]).filter(Boolean))).map(e=>({value:e,label:(0,i.humanizeLabel)(String(e))})));let l=a&&[`number`,`currency`,`percent`].includes(a)?`right`:void 0;return{header:s,accessorKey:e,...a&&{headerIcon:t(a)},...l&&{align:l},...o&&{cell:e=>(0,y.jsx)(o,{value:e,field:c})},sortable:r?.sortable!==!1}})}if(!k)return[];let s=[];return(G||Object.keys(k.fields||{})).forEach(t=>{let n=k.fields?.[t];if(!n||n.permissions&&n.permissions.read===!1)return;let r=(0,i.getCellRenderer)(n.type);s.push({header:e.objectName?D(e.objectName,t,n.label||t):n.label||t,accessorKey:t,...[`number`,`currency`,`percent`].includes(n.type)&&{align:`right`},cell:e=>(0,y.jsx)(r,{value:e,field:n}),sortable:n.sortable!==!1})}),s},[k,G,K,H,U,Y.handleClick,X,v,D,e.objectName]),De=(0,t.useCallback)(t=>{let n=e.exportOptions,r=n?.maxRecords||0,i=n?.includeHeaders!==!1,a=n?.fileNamePrefix||e.objectName||`export`,o=r>0?v.slice(0,r):v,s=(e,t)=>{let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,r.click(),URL.revokeObjectURL(n)},c=e=>{let t=e==null?``:String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
|
|
7
7
|
`)||t.includes(`\r`)?`"${t.replace(/"/g,`""`)}"`:t};if(t===`csv`){let e=Z().filter(e=>e.accessorKey!==`_actions`),t=e.map(e=>e.accessorKey),n=e.map(e=>e.header),r=[];i&&r.push(n.join(`,`)),o.forEach(e=>{r.push(t.map(t=>c(e[t])).join(`,`))}),s(new Blob([r.join(`
|
|
8
|
-
`)],{type:`text/csv;charset=utf-8;`}),`${a}.csv`)}else t===`json`&&s(new Blob([JSON.stringify(o,null,2)],{type:`application/json`}),`${a}.json`);se(!1)},[v,e.exportOptions,e.objectName,Z]);if(w)return(0,y.jsxs)(`div`,{className:`p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md`,children:[(0,y.jsx)(`h3`,{className:`text-red-800 font-semibold`,children:E(`grid.errorLoading`)}),(0,y.jsx)(`p`,{className:`text-red-600 text-sm mt-1`,children:w.message})]});if(x&&v.length===0)return j?(0,y.jsx)(`div`,{className:`space-y-2 p-2`,children:[1,2,3].map(e=>(0,y.jsxs)(`div`,{className:`border rounded-lg p-3 bg-card animate-pulse`,children:[(0,y.jsx)(`div`,{className:`h-5 bg-muted rounded w-3/4 mb-3`}),(0,y.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,y.jsx)(`div`,{className:`h-4 bg-muted rounded w-1/4`}),(0,y.jsx)(`div`,{className:`h-5 bg-muted rounded-full w-20`})]}),(0,y.jsx)(`div`,{className:`h-3 bg-muted rounded w-1/3`})]},e))}):(0,y.jsxs)(`div`,{className:`p-4 sm:p-8 text-center`,children:[(0,y.jsx)(`div`,{className:`inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground`}),(0,y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:E(`grid.loading`)})]});let Q=[...Z()];if(z.widths&&(Q=Q.map(e=>{let t=z.widths?.[e.accessorKey];return t?{...e,size:t}:e})),z.order&&z.order.length>0){let e=new Map(z.order.map((e,t)=>[e,t]));Q.sort((t,n)=>(e.get(t.accessorKey)??1/0)-(e.get(n.accessorKey)??1/0))}let $=`operations`in e?e.operations:void 0,Oe=$&&($.update||$.delete),ke=e.rowActions&&e.rowActions.length>0,Ae=Oe||ke?[...Q,{header:E(`grid.actions`),accessorKey:`_actions`,cell:(t,n)=>(0,y.jsx)(P,{row:n,rowActions:e.rowActions,canEdit:!!($?.update&&c),canDelete:!!($?.delete&&l),onEdit:c,onDelete:l,onAction:(e,t)=>X({type:e,params:{record:t}})}),sortable:!1}]:Q,je=Ae.filter(e=>e.pinned===`left`),Me=Ae.filter(e=>e.pinned===`right`),Ne=Ae.filter(e=>!e.pinned),Pe=je.length>0||Me.length>0,Fe=`sticky right-0 z-10 bg-background border-l border-border`,Ie=Pe?[...je,...Ne,...Me.map(e=>({...e,className:[e.className,Fe].filter(Boolean).join(` `),cellClassName:[e.cellClassName,Fe].filter(Boolean).join(` `)}))]:Ae,Le=Pe?je.length:e.frozenColumns??1,Re=e.batchActions??e.bulkActions,ze=Re&&Re.length>0,Be=!1;e.selection?.type?Be=e.selection.type===`none`?!1:e.selection.type:e.selectable===void 0?ze&&(Be=`multiple`):Be=e.selectable;let Ve=e.pagination===void 0?e.showPagination===void 0?!0:e.showPagination:!0,He=e.pagination?.pageSize||e.pageSize||10,Ue=e.searchableFields===void 0?e.showSearch===void 0?!0:e.showSearch:e.searchableFields.length>0,We={type:`data-table`,caption:e.label||e.title,columns:Ie,data:v,pagination:Ve,pageSize:He,searchable:Ue,selectable:Be,sortable:!0,exportable:$?.export,rowActions:Oe,resizableColumns:e.resizable??e.resizableColumns??!0,reorderableColumns:e.reorderableColumns??!1,editable:e.editable??!1,singleClickEdit:e.singleClickEdit??!0,className:e.className,cellClassName:R===`compact`?`px-3 py-1 text-[13px] leading-tight`:R===`short`?`px-3 py-1 text-[13px] leading-normal`:R===`tall`?`px-3 py-2.5 text-sm`:R===`extra_tall`?`px-3 py-3.5 text-sm leading-relaxed`:`px-3 py-1.5 text-[13px] leading-normal`,showRowNumbers:!0,showAddRow:!!$?.create,onAddRecord:h,rowClassName:e.rowColor?(e,t)=>be(e):void 0,rowStyle:e.conditionalFormatting?.length?(e,t)=>xe(e):void 0,frozenColumns:Le,onSelectionChange:e=>{ue(e),u?.(e)},onRowClick:Y.handleClick,onCellChange:f,onRowSave:p,onBatchSave:m,onColumnResize:(e,t)=>{pe({...z,widths:{...z.widths,[e]:t}})},onColumnReorder:e=>{pe({...z,order:e})}},Ge=e=>({...We,caption:void 0,data:e,pagination:!1,searchable:!1}),Ke=e.label?`${e.label} Detail`:e.objectName?`${e.objectName.charAt(0).toUpperCase()+e.objectName.slice(1)} Detail`:`Record Detail`;if(j&&v.length>0&&!Ce){let e=Z().filter(e=>e.accessorKey!==`_actions`),t=new Map;e.forEach(e=>t.set(e.accessorKey,e));let n=e[0],r=[`amount`,`price`,`total`,`revenue`,`cost`,`value`,`budget`,`salary`],o=[`stage`,`status`,`priority`,`category`,`severity`,`level`],s=[`date`,`due`,`created`,`updated`,`deadline`,`start`,`end`,`expires`],c=[`probability`,`percent`,`rate`,`ratio`,`confidence`,`score`],l=e=>{let t=(e||``).toLowerCase();return t.includes(`won`)||t.includes(`completed`)||t.includes(`done`)||t.includes(`active`)?`bg-green-100 text-green-800 border-green-300`:t.includes(`lost`)||t.includes(`cancelled`)||t.includes(`rejected`)||t.includes(`closed lost`)?`bg-red-100 text-red-800 border-red-300`:t.includes(`negotiation`)||t.includes(`review`)||t.includes(`in progress`)?`bg-yellow-100 text-yellow-800 border-yellow-300`:t.includes(`proposal`)||t.includes(`pending`)?`bg-blue-100 text-blue-800 border-blue-300`:t.includes(`qualification`)||t.includes(`qualified`)?`bg-indigo-100 text-indigo-800 border-indigo-300`:t.includes(`prospecting`)||t.includes(`new`)||t.includes(`open`)?`bg-purple-100 text-purple-800 border-purple-300`:`bg-muted text-muted-foreground border-border`},u=e=>{let t=(e||``).toLowerCase();return t.includes(`won`)||t.includes(`completed`)||t.includes(`done`)||t.includes(`active`)?`border-l-green-500`:t.includes(`lost`)||t.includes(`cancelled`)||t.includes(`rejected`)?`border-l-red-500`:t.includes(`negotiation`)||t.includes(`review`)||t.includes(`in progress`)?`border-l-yellow-500`:t.includes(`proposal`)||t.includes(`pending`)?`border-l-blue-500`:t.includes(`qualification`)||t.includes(`qualified`)?`border-l-indigo-500`:t.includes(`prospecting`)||t.includes(`new`)||t.includes(`open`)?`border-l-purple-500`:`border-l-gray-300`},d=e=>{let t=e.toLowerCase();return r.some(e=>t.includes(e))?`amount`:o.some(e=>t.includes(e))?`stage`:s.some(e=>t.includes(e))?`date`:c.some(e=>t.includes(e))?`percent`:`other`};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`div`,{className:`space-y-2 p-2`,children:v.map((t,r)=>{let o=e.slice(1,5),s=o.find(e=>d(e.accessorKey)===`amount`),c=o.find(e=>d(e.accessorKey)===`stage`),f=o.filter(e=>d(e.accessorKey)===`date`),p=o.filter(e=>d(e.accessorKey)===`percent`),m=o.filter(e=>e!==s&&e!==c&&!f.includes(e)&&!p.includes(e)),h=c?String(t[c.accessorKey]??``):``,g=h?u(h):``;return(0,y.jsxs)(`div`,{className:[`border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation`,g?`border-l-[3px] ${g}`:``].filter(Boolean).join(` `),onClick:()=>Y.handleClick(t),children:[n&&(0,y.jsx)(`div`,{className:`font-semibold text-sm truncate mb-1`,children:t[n.accessorKey]??`—`}),(s||c)&&(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-1`,children:[s&&(0,y.jsx)(`span`,{className:`text-sm tabular-nums font-medium`,children:typeof t[s.accessorKey]==`number`?(0,i.formatCompactCurrency)(t[s.accessorKey]):t[s.accessorKey]??`—`}),c&&t[c.accessorKey]&&(0,y.jsx)(a.Badge,{variant:`outline`,className:`text-xs shrink-0 max-w-[140px] truncate ${l(String(t[c.accessorKey]))}`,children:t[c.accessorKey]})]}),(f.length>0||p.length>0)&&(0,y.jsxs)(`div`,{className:`flex items-center justify-between py-0.5 text-xs text-muted-foreground`,children:[f[0]&&(0,y.jsx)(`span`,{className:`tabular-nums`,children:t[f[0].accessorKey]?(0,i.formatDate)(t[f[0].accessorKey],`short`):`—`}),p[0]&&t[p[0].accessorKey]!=null&&(0,y.jsx)(`span`,{className:`tabular-nums`,children:(0,i.formatPercent)(Number(t[p[0].accessorKey]))})]}),f.slice(1).map(e=>(0,y.jsxs)(`div`,{className:`flex justify-between items-center py-0.5`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.header}),(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:t[e.accessorKey]?(0,i.formatDate)(t[e.accessorKey],`short`):`—`})]},e.accessorKey)),m.map(e=>{let n=t[e.accessorKey];return n==null||n===``?null:(0,y.jsxs)(`div`,{className:`flex justify-between items-center py-0.5`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.header}),(0,y.jsx)(`span`,{className:`text-xs font-medium truncate ml-2 text-right`,children:e.cell?e.cell(n,t):String(n)})]},e.accessorKey)})]},t.id||t._id||r)})}),Y.isOverlay&&(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,children:e=>(0,y.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex flex-col`,children:[(0,y.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,y.jsx)(`span`,{className:`text-sm`,children:String(t??`—`)})]},e))})})]})}let qe=()=>{ce(e=>e===`compact`?`short`:e===`short`?`medium`:e===`medium`?`tall`:e===`tall`?`extra_tall`:`compact`)},Je={compact:o.Rows4,short:o.Rows3,medium:o.Rows2,tall:o.AlignJustify,extra_tall:o.AlignJustify}[R],Ye=e.rowHeight!==void 0,Xe=e.exportOptions||Ye?(0,y.jsxs)(`div`,{className:`flex items-center justify-end gap-1 px-2 py-1`,children:[Ye&&(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`h-7 px-2 text-muted-foreground hover:text-primary text-xs`,onClick:qe,title:`Row height: ${R}`,children:[(0,y.jsx)(Je,{className:`h-3.5 w-3.5 mr-1.5`}),(0,y.jsx)(`span`,{className:`hidden sm:inline capitalize`,children:R})]}),e.exportOptions&&(0,y.jsxs)(a.Popover,{open:oe,onOpenChange:se,children:[(0,y.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`h-7 px-2 text-muted-foreground hover:text-primary text-xs`,children:[(0,y.jsx)(o.Download,{className:`h-3.5 w-3.5 mr-1.5`}),(0,y.jsx)(`span`,{className:`hidden sm:inline`,children:E(`grid.export`)})]})}),(0,y.jsx)(a.PopoverContent,{align:`end`,className:`w-48 p-2`,children:(0,y.jsx)(`div`,{className:`space-y-1`,children:(e.exportOptions.formats||[`csv`,`json`]).map(e=>(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start h-8 text-xs`,onClick:()=>De(e),children:[(0,y.jsx)(o.Download,{className:`h-3.5 w-3.5 mr-2`}),E(`grid.exportAs`,{format:e.toUpperCase()})]},e))})})]})]}):null,Ze=e=>{let t=[`_id`,`id`,`created_at`,`updated_at`,`created_by`,`updated_by`],n=Object.entries(e),r=n.filter(([e])=>!t.includes(e)),o=n.filter(([e])=>t.includes(e)&&e!==`_id`&&e!==`id`),s=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),c=(e,t)=>{if(t==null||t===``)return(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-sm italic`,children:`Empty`});let n=k?.fields?.[e];if(n?.type){let e=(0,i.getCellRenderer)(n.type);if(e)return(0,y.jsx)(e,{value:t,field:n})}return typeof t==`boolean`?(0,y.jsx)(a.Badge,{variant:t?`default`:`outline`,children:t?`Yes`:`No`}):typeof t==`string`&&!isNaN(Date.parse(t))&&(e.includes(`date`)||e.includes(`_at`)||e.includes(`time`))?(0,y.jsx)(`span`,{className:`text-sm tabular-nums`,children:(0,i.formatDate)(t)}):typeof t==`number`&&[`amount`,`price`,`total`,`revenue`,`cost`,`value`,`budget`,`salary`].some(t=>e.toLowerCase().includes(t))?(0,y.jsx)(`span`,{className:`text-sm tabular-nums font-medium`,children:(0,i.formatCurrency)(t)}):(0,y.jsx)(`span`,{className:`text-sm break-words`,children:String(t)})};return(0,y.jsxs)(`div`,{className:`space-y-4`,"data-testid":`record-detail-panel`,children:[(0,y.jsx)(`div`,{className:`rounded-lg border bg-card`,children:(0,y.jsx)(`div`,{className:`divide-y`,children:r.map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3`,children:[(0,y.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:s(e)}),(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:c(e,t)})]},e))})}),o.length>0&&(0,y.jsxs)(`div`,{className:`rounded-lg border bg-muted/30`,children:[(0,y.jsx)(`div`,{className:`px-4 py-2 border-b`,children:(0,y.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:`System`})}),(0,y.jsx)(`div`,{className:`divide-y divide-border/50`,children:o.map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex items-center gap-4 px-4 py-2`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground w-1/3 text-right shrink-0`,children:s(e)}),(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground flex-1 min-w-0 break-words`,children:String(t??``)})]},e))})]})]})},Qe=Ee?(0,y.jsx)(`div`,{className:`border-t bg-muted/30 px-2 py-1.5`,"data-testid":`column-summary-footer`,children:(0,y.jsx)(`div`,{className:`flex gap-4 text-xs text-muted-foreground font-medium`,children:Ie.filter(e=>Te.has(e.accessorKey)).map(e=>{let t=Te.get(e.accessorKey);return(0,y.jsxs)(`span`,{"data-testid":`summary-${e.accessorKey}`,children:[e.header,`: `,t.label]},e.accessorKey)})})}):null,$e=Ce?(0,y.jsx)(`div`,{className:`space-y-2`,children:Se.map(e=>(0,y.jsx)(O,{groupKey:e.key,label:e.label,count:e.rows.length,collapsed:e.collapsed,aggregations:e.aggregations,onToggle:we,children:(0,y.jsx)(r.SchemaRenderer,{schema:Ge(e.rows)})},e.key))}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(r.SchemaRenderer,{schema:We}),Qe]});return Y.isOverlay&&Y.mode===`split`?(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,mainContent:(0,y.jsxs)(y.Fragment,{children:[Xe,$e,(0,y.jsx)(F,{selectedRows:le,actions:Re??[],onAction:(e,t)=>X({type:e,params:{records:t}}),onClearSelection:()=>ue([])})]}),children:e=>Ze(e)}):(0,y.jsxs)(`div`,{ref:me,className:`relative h-full`,children:[ge>0&&(0,y.jsx)(`div`,{className:`flex items-center justify-center text-xs text-muted-foreground`,style:{height:ge},children:E(he?`grid.refreshing`:`grid.pullToRefresh`)}),Xe,$e,(0,y.jsx)(F,{selectedRows:le,actions:Re??[],onAction:(e,t)=>X({type:e,params:{records:t}}),onClearSelection:()=>ue([])}),Y.isOverlay&&(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,children:e=>Ze(e)})]})};function L(e,t,n){let r=n.initialDeps??[],i,a=!0;function o(){let o;n.key&&n.debug?.call(n)&&(o=Date.now());let s=e();if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug?.call(n)&&(c=Date.now()),i=t(...s),n.key&&n.debug?.call(n)){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
|
|
8
|
+
`)],{type:`text/csv;charset=utf-8;`}),`${a}.csv`)}else t===`json`&&s(new Blob([JSON.stringify(o,null,2)],{type:`application/json`}),`${a}.json`);se(!1)},[v,e.exportOptions,e.objectName,Z]);if(w)return(0,y.jsxs)(`div`,{className:`p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md`,children:[(0,y.jsx)(`h3`,{className:`text-red-800 font-semibold`,children:E(`grid.errorLoading`)}),(0,y.jsx)(`p`,{className:`text-red-600 text-sm mt-1`,children:w.message})]});if(x&&v.length===0)return j?(0,y.jsx)(`div`,{className:`space-y-2 p-2`,children:[1,2,3].map(e=>(0,y.jsxs)(`div`,{className:`border rounded-lg p-3 bg-card animate-pulse`,children:[(0,y.jsx)(`div`,{className:`h-5 bg-muted rounded w-3/4 mb-3`}),(0,y.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,y.jsx)(`div`,{className:`h-4 bg-muted rounded w-1/4`}),(0,y.jsx)(`div`,{className:`h-5 bg-muted rounded-full w-20`})]}),(0,y.jsx)(`div`,{className:`h-3 bg-muted rounded w-1/3`})]},e))}):(0,y.jsxs)(`div`,{className:`p-4 sm:p-8 text-center`,children:[(0,y.jsx)(`div`,{className:`inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground`}),(0,y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:E(`grid.loading`)})]});let Q=[...Z()];if(z.widths&&(Q=Q.map(e=>{let t=z.widths?.[e.accessorKey];return t?{...e,size:t}:e})),z.order&&z.order.length>0){let e=new Map(z.order.map((e,t)=>[e,t]));Q.sort((t,n)=>(e.get(t.accessorKey)??1/0)-(e.get(n.accessorKey)??1/0))}let $=`operations`in e?e.operations:void 0,Oe=$&&($.update||$.delete),ke=e.rowActions&&e.rowActions.length>0,Ae=Oe||ke?[...Q,{header:E(`grid.actions`),accessorKey:`_actions`,cell:(t,n)=>(0,y.jsx)(P,{row:n,rowActions:e.rowActions,canEdit:!!($?.update&&c),canDelete:!!($?.delete&&l),onEdit:c,onDelete:l,onAction:(e,t)=>X({type:e,params:{record:t}})}),sortable:!1}]:Q,je=Ae.filter(e=>e.pinned===`left`),Me=Ae.filter(e=>e.pinned===`right`),Ne=Ae.filter(e=>!e.pinned),Pe=je.length>0||Me.length>0,Fe=`sticky right-0 z-10 bg-background border-l border-border`,Ie=Pe?[...je,...Ne,...Me.map(e=>({...e,className:[e.className,Fe].filter(Boolean).join(` `),cellClassName:[e.cellClassName,Fe].filter(Boolean).join(` `)}))]:Ae,Le=Pe?je.length:e.frozenColumns??1,Re=e.batchActions??e.bulkActions,ze=Re&&Re.length>0,Be=!1;e.selection?.type?Be=e.selection.type===`none`?!1:e.selection.type:e.selectable===void 0?ze&&(Be=`multiple`):Be=e.selectable;let Ve=e.pagination===void 0?e.showPagination===void 0?!0:e.showPagination:!0,He=e.pagination?.pageSize||e.pageSize||10,Ue=e.searchableFields===void 0?e.showSearch===void 0?!0:e.showSearch:e.searchableFields.length>0,We={type:`data-table`,caption:e.label||e.title,columns:Ie,data:v,pagination:Ve,pageSize:He,searchable:Ue,selectable:Be,sortable:!0,exportable:$?.export,rowActions:!!(e.editable&&Oe),resizableColumns:e.resizable??e.resizableColumns??!0,reorderableColumns:e.reorderableColumns??!1,editable:e.editable??!1,singleClickEdit:e.singleClickEdit??!0,className:e.className,cellClassName:R===`compact`?`px-3 py-1 text-[13px] leading-tight`:R===`short`?`px-3 py-1 text-[13px] leading-normal`:R===`tall`?`px-3 py-2.5 text-sm`:R===`extra_tall`?`px-3 py-3.5 text-sm leading-relaxed`:`px-3 py-1.5 text-[13px] leading-normal`,showRowNumbers:!0,showAddRow:!!$?.create,onAddRecord:h,rowClassName:e.rowColor?(e,t)=>be(e):void 0,rowStyle:e.conditionalFormatting?.length?(e,t)=>xe(e):void 0,frozenColumns:Le,onSelectionChange:e=>{ue(e),u?.(e)},onRowClick:Y.handleClick,onCellChange:f,onRowSave:p,onBatchSave:m,onColumnResize:(e,t)=>{pe({...z,widths:{...z.widths,[e]:t}})},onColumnReorder:e=>{pe({...z,order:e})}},Ge=e=>({...We,caption:void 0,data:e,pagination:!1,searchable:!1}),Ke=e.label?`${e.label} Detail`:e.objectName?`${e.objectName.charAt(0).toUpperCase()+e.objectName.slice(1)} Detail`:`Record Detail`;if(j&&v.length>0&&!Ce){let e=Z().filter(e=>e.accessorKey!==`_actions`),t=new Map;e.forEach(e=>t.set(e.accessorKey,e));let n=e[0],r=[`amount`,`price`,`total`,`revenue`,`cost`,`value`,`budget`,`salary`],o=[`stage`,`status`,`priority`,`category`,`severity`,`level`],s=[`date`,`due`,`created`,`updated`,`deadline`,`start`,`end`,`expires`],c=[`probability`,`percent`,`rate`,`ratio`,`confidence`,`score`],l=e=>{let t=(e||``).toLowerCase();return t.includes(`won`)||t.includes(`completed`)||t.includes(`done`)||t.includes(`active`)?`bg-green-100 text-green-800 border-green-300`:t.includes(`lost`)||t.includes(`cancelled`)||t.includes(`rejected`)||t.includes(`closed lost`)?`bg-red-100 text-red-800 border-red-300`:t.includes(`negotiation`)||t.includes(`review`)||t.includes(`in progress`)?`bg-yellow-100 text-yellow-800 border-yellow-300`:t.includes(`proposal`)||t.includes(`pending`)?`bg-blue-100 text-blue-800 border-blue-300`:t.includes(`qualification`)||t.includes(`qualified`)?`bg-indigo-100 text-indigo-800 border-indigo-300`:t.includes(`prospecting`)||t.includes(`new`)||t.includes(`open`)?`bg-purple-100 text-purple-800 border-purple-300`:`bg-muted text-muted-foreground border-border`},u=e=>{let t=(e||``).toLowerCase();return t.includes(`won`)||t.includes(`completed`)||t.includes(`done`)||t.includes(`active`)?`border-l-green-500`:t.includes(`lost`)||t.includes(`cancelled`)||t.includes(`rejected`)?`border-l-red-500`:t.includes(`negotiation`)||t.includes(`review`)||t.includes(`in progress`)?`border-l-yellow-500`:t.includes(`proposal`)||t.includes(`pending`)?`border-l-blue-500`:t.includes(`qualification`)||t.includes(`qualified`)?`border-l-indigo-500`:t.includes(`prospecting`)||t.includes(`new`)||t.includes(`open`)?`border-l-purple-500`:`border-l-gray-300`},d=e=>{let t=e.toLowerCase();return r.some(e=>t.includes(e))?`amount`:o.some(e=>t.includes(e))?`stage`:s.some(e=>t.includes(e))?`date`:c.some(e=>t.includes(e))?`percent`:`other`};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`div`,{className:`space-y-2 p-2`,children:v.map((t,r)=>{let o=e.slice(1,5),s=o.find(e=>d(e.accessorKey)===`amount`),c=o.find(e=>d(e.accessorKey)===`stage`),f=o.filter(e=>d(e.accessorKey)===`date`),p=o.filter(e=>d(e.accessorKey)===`percent`),m=o.filter(e=>e!==s&&e!==c&&!f.includes(e)&&!p.includes(e)),h=c?String(t[c.accessorKey]??``):``,g=h?u(h):``;return(0,y.jsxs)(`div`,{className:[`border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation`,g?`border-l-[3px] ${g}`:``].filter(Boolean).join(` `),onClick:()=>Y.handleClick(t),children:[n&&(0,y.jsx)(`div`,{className:`font-semibold text-sm truncate mb-1`,children:t[n.accessorKey]!=null&&typeof t[n.accessorKey]==`object`?String(t[n.accessorKey]):t[n.accessorKey]??`—`}),(s||c)&&(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-1`,children:[s&&(0,y.jsx)(`span`,{className:`text-sm tabular-nums font-medium`,children:typeof t[s.accessorKey]==`number`?(0,i.formatCompactCurrency)(t[s.accessorKey]):t[s.accessorKey]!=null&&typeof t[s.accessorKey]==`object`?String(t[s.accessorKey]):t[s.accessorKey]??`—`}),c&&t[c.accessorKey]&&(0,y.jsx)(a.Badge,{variant:`outline`,className:`text-xs shrink-0 max-w-[140px] truncate ${l(String(t[c.accessorKey]))}`,children:String(t[c.accessorKey])})]}),(f.length>0||p.length>0)&&(0,y.jsxs)(`div`,{className:`flex items-center justify-between py-0.5 text-xs text-muted-foreground`,children:[f[0]&&(0,y.jsx)(`span`,{className:`tabular-nums`,children:t[f[0].accessorKey]?(0,i.formatDate)(t[f[0].accessorKey],`short`):`—`}),p[0]&&t[p[0].accessorKey]!=null&&(0,y.jsx)(`span`,{className:`tabular-nums`,children:(0,i.formatPercent)(Number(t[p[0].accessorKey]))})]}),f.slice(1).map(e=>(0,y.jsxs)(`div`,{className:`flex justify-between items-center py-0.5`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.header}),(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:t[e.accessorKey]?(0,i.formatDate)(t[e.accessorKey],`short`):`—`})]},e.accessorKey)),m.map(e=>{let n=t[e.accessorKey];return n==null||n===``?null:(0,y.jsxs)(`div`,{className:`flex justify-between items-center py-0.5`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.header}),(0,y.jsx)(`span`,{className:`text-xs font-medium truncate ml-2 text-right`,children:e.cell?e.cell(n,t):String(n)})]},e.accessorKey)})]},t.id||t._id||r)})}),Y.isOverlay&&(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,children:e=>(0,y.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex flex-col`,children:[(0,y.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,y.jsx)(`span`,{className:`text-sm`,children:String(t??`—`)})]},e))})})]})}let qe=()=>{ce(e=>e===`compact`?`short`:e===`short`?`medium`:e===`medium`?`tall`:e===`tall`?`extra_tall`:`compact`)},Je={compact:o.Rows4,short:o.Rows3,medium:o.Rows2,tall:o.AlignJustify,extra_tall:o.AlignJustify}[R],Ye=e.rowHeight!==void 0,Xe=e.exportOptions||Ye?(0,y.jsxs)(`div`,{className:`flex items-center justify-end gap-1 px-2 py-1`,children:[Ye&&(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`h-7 px-2 text-muted-foreground hover:text-primary text-xs`,onClick:qe,title:`Row height: ${R}`,children:[(0,y.jsx)(Je,{className:`h-3.5 w-3.5 mr-1.5`}),(0,y.jsx)(`span`,{className:`hidden sm:inline capitalize`,children:R})]}),e.exportOptions&&(0,y.jsxs)(a.Popover,{open:oe,onOpenChange:se,children:[(0,y.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`h-7 px-2 text-muted-foreground hover:text-primary text-xs`,children:[(0,y.jsx)(o.Download,{className:`h-3.5 w-3.5 mr-1.5`}),(0,y.jsx)(`span`,{className:`hidden sm:inline`,children:E(`grid.export`)})]})}),(0,y.jsx)(a.PopoverContent,{align:`end`,className:`w-48 p-2`,children:(0,y.jsx)(`div`,{className:`space-y-1`,children:(e.exportOptions.formats||[`csv`,`json`]).map(e=>(0,y.jsxs)(a.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start h-8 text-xs`,onClick:()=>De(e),children:[(0,y.jsx)(o.Download,{className:`h-3.5 w-3.5 mr-2`}),E(`grid.exportAs`,{format:e.toUpperCase()})]},e))})})]})]}):null,Ze=e=>{let t=[`_id`,`id`,`created_at`,`updated_at`,`created_by`,`updated_by`],n=Object.entries(e),r=n.filter(([e])=>!t.includes(e)),o=n.filter(([e])=>t.includes(e)&&e!==`_id`&&e!==`id`),s=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),c=(e,t)=>{if(t==null||t===``)return(0,y.jsx)(`span`,{className:`text-muted-foreground/50 text-sm italic`,children:`Empty`});let n=k?.fields?.[e];if(n?.type){let e=(0,i.getCellRenderer)(n.type);if(e)return(0,y.jsx)(e,{value:t,field:n})}return typeof t==`boolean`?(0,y.jsx)(a.Badge,{variant:t?`default`:`outline`,children:t?`Yes`:`No`}):typeof t==`string`&&!isNaN(Date.parse(t))&&(e.includes(`date`)||e.includes(`_at`)||e.includes(`time`))?(0,y.jsx)(`span`,{className:`text-sm tabular-nums`,children:(0,i.formatDate)(t)}):typeof t==`number`&&[`amount`,`price`,`total`,`revenue`,`cost`,`value`,`budget`,`salary`].some(t=>e.toLowerCase().includes(t))?(0,y.jsx)(`span`,{className:`text-sm tabular-nums font-medium`,children:(0,i.formatCurrency)(t)}):(0,y.jsx)(`span`,{className:`text-sm break-words`,children:String(t)})};return(0,y.jsxs)(`div`,{className:`space-y-4`,"data-testid":`record-detail-panel`,children:[(0,y.jsx)(`div`,{className:`rounded-lg border bg-card`,children:(0,y.jsx)(`div`,{className:`divide-y`,children:r.map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3`,children:[(0,y.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:s(e)}),(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:c(e,t)})]},e))})}),o.length>0&&(0,y.jsxs)(`div`,{className:`rounded-lg border bg-muted/30`,children:[(0,y.jsx)(`div`,{className:`px-4 py-2 border-b`,children:(0,y.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:`System`})}),(0,y.jsx)(`div`,{className:`divide-y divide-border/50`,children:o.map(([e,t])=>(0,y.jsxs)(`div`,{className:`flex items-center gap-4 px-4 py-2`,children:[(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground w-1/3 text-right shrink-0`,children:s(e)}),(0,y.jsx)(`span`,{className:`text-xs text-muted-foreground flex-1 min-w-0 break-words`,children:String(t??``)})]},e))})]})]})},Qe=Ee?(0,y.jsx)(`div`,{className:`border-t bg-muted/30 px-2 py-1.5`,"data-testid":`column-summary-footer`,children:(0,y.jsx)(`div`,{className:`flex gap-4 text-xs text-muted-foreground font-medium`,children:Ie.filter(e=>Te.has(e.accessorKey)).map(e=>{let t=Te.get(e.accessorKey);return(0,y.jsxs)(`span`,{"data-testid":`summary-${e.accessorKey}`,children:[e.header,`: `,t.label]},e.accessorKey)})})}):null,$e=Ce?(0,y.jsx)(`div`,{className:`space-y-2`,children:Se.map(e=>(0,y.jsx)(O,{groupKey:e.key,label:e.label,count:e.rows.length,collapsed:e.collapsed,aggregations:e.aggregations,onToggle:we,children:(0,y.jsx)(r.SchemaRenderer,{schema:Ge(e.rows)})},e.key))}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(r.SchemaRenderer,{schema:We}),Qe]});return Y.isOverlay&&Y.mode===`split`?(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,mainContent:(0,y.jsxs)(y.Fragment,{children:[Xe,$e,(0,y.jsx)(F,{selectedRows:le,actions:Re??[],onAction:(e,t)=>X({type:e,params:{records:t}}),onClearSelection:()=>ue([])})]}),children:e=>Ze(e)}):(0,y.jsxs)(`div`,{ref:me,className:`relative h-full`,children:[ge>0&&(0,y.jsx)(`div`,{className:`flex items-center justify-center text-xs text-muted-foreground`,style:{height:ge},children:E(he?`grid.refreshing`:`grid.pullToRefresh`)}),Xe,$e,(0,y.jsx)(F,{selectedRows:le,actions:Re??[],onAction:(e,t)=>X({type:e,params:{records:t}}),onClearSelection:()=>ue([])}),Y.isOverlay&&(0,y.jsx)(a.NavigationOverlay,{...Y,title:Ke,children:e=>Ze(e)})]})};function L(e,t,n){let r=n.initialDeps??[],i,a=!0;function o(){let o;n.key&&n.debug?.call(n)&&(o=Date.now());let s=e();if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug?.call(n)&&(c=Date.now()),i=t(...s),n.key&&n.debug?.call(n)){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
|
|
9
9
|
font-size: .6rem;
|
|
10
10
|
font-weight: bold;
|
|
11
|
-
color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return n?.onChange&&!(a&&n.skipInitialOnChange)&&n.onChange(i),a=!1,i}return o.updateDeps=e=>{r=e},o}function oe(e,t){if(e===void 0)throw Error(`Unexpected undefined${t?`: ${t}`:``}`);return e}var se=(e,t)=>Math.abs(e-t)<1.01,R=(e,t,n)=>{let r;return function(...i){e.clearTimeout(r),r=e.setTimeout(()=>t.apply(this,i),n)}},ce=e=>{let{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},le=e=>e,ue=e=>{let t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),r=[];for(let e=t;e<=n;e++)r.push(e);return r},de=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=e=>{let{width:n,height:r}=e;t({width:Math.round(n),height:Math.round(r)})};if(i(ce(n)),!r.ResizeObserver)return()=>{};let a=new r.ResizeObserver(t=>{let r=()=>{let e=t[0];if(e?.borderBoxSize){let t=e.borderBoxSize[0];if(t){i({width:t.inlineSize,height:t.blockSize});return}}i(ce(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return a.observe(n,{box:`border-box`}),()=>{a.unobserve(n)}},z={passive:!0},fe=typeof window>`u`?!0:`onscrollend`in window,pe=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=0,a=e.options.useScrollendEvent&&fe?()=>void 0:R(r,()=>{t(i,!1)},e.options.isScrollingResetDelay),o=r=>()=>{let{horizontal:o,isRtl:s}=e.options;i=o?n.scrollLeft*(s&&-1||1):n.scrollTop,a(),t(i,r)},s=o(!0),c=o(!1);n.addEventListener(`scroll`,s,z);let l=e.options.useScrollendEvent&&fe;return l&&n.addEventListener(`scrollend`,c,z),()=>{n.removeEventListener(`scroll`,s),l&&n.removeEventListener(`scrollend`,c)}},me=(e,t,n)=>{if(t?.borderBoxSize){let e=t.borderBoxSize[0];if(e)return Math.round(e[n.options.horizontal?`inlineSize`:`blockSize`])}return e[n.options.horizontal?`offsetWidth`:`offsetHeight`]},he=(e,{adjustments:t=0,behavior:n},r)=>{var i,a;let o=e+t;(a=(i=r.scrollElement)?.scrollTo)==null||a.call(i,{[r.options.horizontal?`left`:`top`]:o,behavior:n})},ge=class{constructor(e){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 e;return((e=this.targetWindow?.performance)?.now)?.call(e)??Date.now()},this.observer=(()=>{let e=null,t=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(e=>{e.forEach(e=>{let t=()=>{let t=e.target,n=this.indexFromElement(t);if(!t.isConnected){this.observer.unobserve(t);return}this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(t,e,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(t):t()})}));return{disconnect:()=>{var n;(n=t())==null||n.disconnect(),e=null},observe:e=>t()?.observe(e,{box:`border-box`}),unobserve:e=>t()?.unobserve(e)}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([t,n])=>{n===void 0&&delete e[t]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:le,rangeExtractor:ue,onChange:()=>{},measureElement:me,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,...e}},this.notify=e=>{var t,n;(n=(t=this.options).onChange)==null||n.call(t,this,e)},this.maybeNotify=L(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{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(e=>e()),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=()=>{let e=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==e){if(this.cleanup(),!e){this.maybeNotify();return}this.scrollElement=e,this.scrollElement&&`ownerDocument`in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=this.scrollElement?.window??null,this.elementsCache.forEach(e=>{this.observer.observe(e)}),this.unsubs.push(this.options.observeElementRect(this,e=>{this.scrollRect=e,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(e,t)=>{this.scrollAdjustments=0,this.scrollDirection=t?this.getScrollOffset()<e?`forward`:`backward`:null,this.scrollOffset=e,this.isScrolling=t,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=(e,t)=>{let n=new Map,r=new Map;for(let i=t-1;i>=0;i--){let t=e[i];if(n.has(t.lane))continue;let a=r.get(t.lane);if(a==null||t.end>a.end?r.set(t.lane,t):t.end<a.end&&n.set(t.lane,!0),n.size===this.options.lanes)break}return r.size===this.options.lanes?Array.from(r.values()).sort((e,t)=>e.end===t.end?e.index-t.index:e.end-t.end)[0]:void 0},this.getMeasurementOptions=L(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(e,t,n,r,i,a)=>(this.prevLanes!==void 0&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a}),{key:!1}),this.getMeasurements=L(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a},o)=>{if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>e)for(let t of this.laneAssignments.keys())t>=e&&this.laneAssignments.delete(t);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(e=>{this.itemSizeCache.set(e.key,e.size)}));let s=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===e&&(this.lanesSettling=!1);let c=this.measurementsCache.slice(0,s),l=Array(a).fill(void 0);for(let e=0;e<s;e++){let t=c[e];t&&(l[t.lane]=e)}for(let i=s;i<e;i++){let e=r(i),a=this.laneAssignments.get(i),s,u;if(a!==void 0&&this.options.lanes>1){s=a;let e=l[s],r=e===void 0?void 0:c[e];u=r?r.end+this.options.gap:t+n}else{let e=this.options.lanes===1?c[i-1]:this.getFurthestMeasurement(c,i);u=e?e.end+this.options.gap:t+n,s=e?e.lane:i%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(i,s)}let d=o.get(e),f=typeof d==`number`?d:this.options.estimateSize(i),p=u+f;c[i]={index:i,start:u,size:f,end:p,key:e,lane:s},l[s]=i}return this.measurementsCache=c,c},{key:process.env.NODE_ENV!==`production`&&`getMeasurements`,debug:()=>this.options.debug}),this.calculateRange=L(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,t,n,r)=>this.range=e.length>0&&t>0?V({measurements:e,outerSize:t,scrollOffset:n,lanes:r}):null,{key:process.env.NODE_ENV!==`production`&&`calculateRange`,debug:()=>this.options.debug}),this.getVirtualIndexes=L(()=>{let e=null,t=null,n=this.calculateRange();return n&&(e=n.startIndex,t=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,t]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,t]},(e,t,n,r,i)=>r===null||i===null?[]:e({startIndex:r,endIndex:i,overscan:t,count:n}),{key:process.env.NODE_ENV!==`production`&&`getVirtualIndexes`,debug:()=>this.options.debug}),this.indexFromElement=e=>{let t=this.options.indexAttribute,n=e.getAttribute(t);return n?parseInt(n,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=e=>{if(!this.scrollState||this.scrollState.behavior!==`smooth`)return!0;let t=this.scrollState.index??this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;if(t!==void 0&&this.range){let n=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),r=Math.max(0,t-n),i=Math.min(this.options.count-1,t+n);return e>=r&&e<=i}return!0},this.measureElement=e=>{if(!e){this.elementsCache.forEach((e,t)=>{e.isConnected||(this.observer.unobserve(e),this.elementsCache.delete(t))});return}let t=this.indexFromElement(e),n=this.options.getItemKey(t),r=this.elementsCache.get(n);r!==e&&(r&&this.observer.unobserve(r),this.observer.observe(e),this.elementsCache.set(n,e)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(t)&&this.resizeItem(t,this.options.measureElement(e,void 0,this))},this.resizeItem=(e,t)=>{let n=this.measurementsCache[e];if(!n)return;let r=t-(this.itemSizeCache.get(n.key)??n.size);r!==0&&(this.scrollState?.behavior!==`smooth`&&(this.shouldAdjustScrollPositionOnItemSizeChange===void 0?n.start<this.getScrollOffset()+this.scrollAdjustments:this.shouldAdjustScrollPositionOnItemSizeChange(n,r,this))&&(process.env.NODE_ENV!==`production`&&this.options.debug&&console.info(`correction`,r),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,t)),this.notify(!1))},this.getVirtualItems=L(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,t)=>{let n=[];for(let r=0,i=e.length;r<i;r++){let i=t[e[r]];n.push(i)}return n},{key:process.env.NODE_ENV!==`production`&&`getVirtualItems`,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let t=this.getMeasurements();if(t.length!==0)return oe(t[B(0,t.length-1,e=>oe(t[e]).start,e)])},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;{let e=this.scrollElement.document.documentElement;return this.options.horizontal?e.scrollWidth-this.scrollElement.innerWidth:e.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(e,t,n=0)=>{if(!this.scrollElement)return 0;let r=this.getSize(),i=this.getScrollOffset();t===`auto`&&(t=e>=i+r?`end`:`start`),t===`center`?e+=(n-r)/2:t===`end`&&(e-=r);let a=this.getMaxScrollOffset();return Math.max(Math.min(a,e),0)},this.getOffsetForIndex=(e,t=`auto`)=>{e=Math.max(0,Math.min(e,this.options.count-1));let n=this.getSize(),r=this.getScrollOffset(),i=this.measurementsCache[e];if(!i)return;if(t===`auto`)if(i.end>=r+n-this.options.scrollPaddingEnd)t=`end`;else if(i.start<=r+this.options.scrollPaddingStart)t=`start`;else return[r,t];if(t===`end`&&e===this.options.count-1)return[this.getMaxScrollOffset(),t];let a=t===`end`?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,t,i.size),t]},this.scrollToOffset=(e,{align:t=`start`,behavior:n=`auto`}={})=>{let r=this.getOffsetForAlignment(e,t);this.scrollState={index:null,align:t,behavior:n,startedAt:this.now(),lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToIndex=(e,{align:t=`auto`,behavior:n=`auto`}={})=>{e=Math.max(0,Math.min(e,this.options.count-1));let r=this.getOffsetForIndex(e,t);if(!r)return;let[i,a]=r,o=this.now();this.scrollState={index:e,align:a,behavior:n,startedAt:o,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollBy=(e,{behavior:t=`auto`}={})=>{let n=this.getScrollOffset()+e;this.scrollState={index:null,align:`start`,behavior:t,startedAt:this.now(),lastTargetOffset:n,stableFrames:0},this._scrollToOffset(n,{adjustments:void 0,behavior:t}),this.scheduleScrollReconcile()},this.getTotalSize=()=>{let e=this.getMeasurements(),t;if(e.length===0)t=this.options.paddingStart;else if(this.options.lanes===1)t=e[e.length-1]?.end??0;else{let n=Array(this.options.lanes).fill(null),r=e.length-1;for(;r>=0&&n.some(e=>e===null);){let t=e[r];n[t.lane]===null&&(n[t.lane]=t.end),r--}t=Math.max(...n.filter(e=>e!==null))}return Math.max(t-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:t,behavior:n})=>{this.options.scrollToFn(e,{behavior:n,adjustments:t},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(e)}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}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}let e=this.scrollState.index==null?void 0:this.getOffsetForIndex(this.scrollState.index,this.scrollState.align),t=e?e[0]:this.scrollState.lastTargetOffset,n=t!==this.scrollState.lastTargetOffset;if(!n&&se(t,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1){this.scrollState=null;return}}else this.scrollState.stableFrames=0,n&&(this.scrollState.lastTargetOffset=t,this.scrollState.behavior=`auto`,this._scrollToOffset(t,{adjustments:void 0,behavior:`auto`}));this.scheduleScrollReconcile()}},B=(e,t,n,r)=>{for(;e<=t;){let i=(e+t)/2|0,a=n(i);if(a<r)e=i+1;else if(a>r)t=i-1;else return i}return e>0?e-1:0};function V({measurements:e,outerSize:t,scrollOffset:n,lanes:r}){let i=e.length-1,a=t=>e[t].start;if(e.length<=r)return{startIndex:0,endIndex:i};let o=B(0,i,a,n),s=o;if(r===1)for(;s<i&&e[s].end<n+t;)s++;else if(r>1){let a=Array(r).fill(0);for(;s<i&&a.some(e=>e<n+t);){let t=e[s];a[t.lane]=t.end,s++}let c=Array(r).fill(n+t);for(;o>=0&&c.some(e=>e>=n);){let t=e[o];c[t.lane]=t.start,o--}o=Math.max(0,o-o%r),s=Math.min(i,s+(r-1-s%r))}return{startIndex:o,endIndex:s}}var _e=typeof document<`u`?t.useLayoutEffect:t.useEffect;function H({useFlushSync:e=!0,...n}){let r=t.useReducer(()=>({}),{})[1],i={...n,onChange:(t,i)=>{var a;e&&i?(0,s.flushSync)(r):r(),(a=n.onChange)==null||a.call(n,t,i)}},[a]=t.useState(()=>new ge(i));return a.setOptions(i),_e(()=>a._didMount(),[]),_e(()=>a._willUpdate()),a}function U(e){return H({observeElementRect:de,observeElementOffset:pe,scrollToFn:he,...e})}var W=({data:e,columns:n,rowHeight:r=40,height:i=600,className:a=``,headerClassName:o=``,rowClassName:s,onRowClick:c,overscan:l=5})=>{let u=(0,t.useRef)(null),d=U({count:e.length,getScrollElement:()=>u.current,estimateSize:()=>r,overscan:l}),f=d.getVirtualItems();return(0,y.jsxs)(`div`,{className:a,children:[(0,y.jsx)(`div`,{className:`grid border-b sticky top-0 bg-muted/30 z-10 ${o}`,style:{gridTemplateColumns:n.map(e=>e.width||`1fr`).join(` `)},children:n.map((e,t)=>(0,y.jsx)(`div`,{className:`px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${e.align===`center`?`text-center`:e.align===`right`?`text-right`:`text-left`}`,children:e.header},t))}),(0,y.jsx)(`div`,{ref:u,className:`overflow-auto`,style:{height:typeof i==`number`?`${i}px`:i,contain:`strict`},children:(0,y.jsx)(`div`,{style:{height:`${d.getTotalSize()}px`,width:`100%`,position:`relative`},children:f.map(t=>{let r=e[t.index];return(0,y.jsx)(`div`,{className:`grid border-b hover:bg-muted/50 cursor-pointer ${typeof s==`function`?s(r,t.index):s||``}`,style:{position:`absolute`,top:0,left:0,width:`100%`,height:`${t.size}px`,transform:`translateY(${t.start}px)`,gridTemplateColumns:n.map(e=>e.width||`1fr`).join(` `)},onClick:()=>c?.(r,t.index),children:n.map((e,t)=>{let n=r[e.accessorKey],i=e.cell?e.cell(n,r):n;return(0,y.jsx)(`div`,{className:`px-4 py-2 text-sm flex items-center ${e.align===`center`?`text-center justify-center`:e.align===`right`?`text-right justify-end`:`text-left justify-start`}`,children:i},t)})},t.key)})})}),(0,y.jsxs)(`div`,{className:`px-4 py-2 text-xs text-muted-foreground border-t`,children:[`Showing `,f.length,` of `,e.length,` rows (virtual scrolling enabled)`]})]})},G=10;function K(e){let t=[],n=[],r=``,i=!1;for(let a=0;a<e.length;a++){let o=e[a],s=e[a+1];i?o===`"`&&s===`"`?(r+=`"`,a++):o===`"`?i=!1:r+=o:o===`"`?i=!0:o===`,`?(n.push(r.trim()),r=``):o===`
|
|
11
|
+
color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return n?.onChange&&!(a&&n.skipInitialOnChange)&&n.onChange(i),a=!1,i}return o.updateDeps=e=>{r=e},o}function oe(e,t){if(e===void 0)throw Error(`Unexpected undefined${t?`: ${t}`:``}`);return e}var se=(e,t)=>Math.abs(e-t)<1.01,R=(e,t,n)=>{let r;return function(...i){e.clearTimeout(r),r=e.setTimeout(()=>t.apply(this,i),n)}},ce=e=>{let{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},le=e=>e,ue=e=>{let t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),r=[];for(let e=t;e<=n;e++)r.push(e);return r},de=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=e=>{let{width:n,height:r}=e;t({width:Math.round(n),height:Math.round(r)})};if(i(ce(n)),!r.ResizeObserver)return()=>{};let a=new r.ResizeObserver(t=>{let r=()=>{let e=t[0];if(e?.borderBoxSize){let t=e.borderBoxSize[0];if(t){i({width:t.inlineSize,height:t.blockSize});return}}i(ce(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return a.observe(n,{box:`border-box`}),()=>{a.unobserve(n)}},z={passive:!0},fe=typeof window>`u`?!0:`onscrollend`in window,pe=(e,t)=>{let n=e.scrollElement;if(!n)return;let r=e.targetWindow;if(!r)return;let i=0,a=e.options.useScrollendEvent&&fe?()=>void 0:R(r,()=>{t(i,!1)},e.options.isScrollingResetDelay),o=r=>()=>{let{horizontal:o,isRtl:s}=e.options;i=o?n.scrollLeft*(s&&-1||1):n.scrollTop,a(),t(i,r)},s=o(!0),c=o(!1);n.addEventListener(`scroll`,s,z);let l=e.options.useScrollendEvent&&fe;return l&&n.addEventListener(`scrollend`,c,z),()=>{n.removeEventListener(`scroll`,s),l&&n.removeEventListener(`scrollend`,c)}},me=(e,t,n)=>{if(t?.borderBoxSize){let e=t.borderBoxSize[0];if(e)return Math.round(e[n.options.horizontal?`inlineSize`:`blockSize`])}return e[n.options.horizontal?`offsetWidth`:`offsetHeight`]},he=(e,{adjustments:t=0,behavior:n},r)=>{var i,a;let o=e+t;(a=(i=r.scrollElement)?.scrollTo)==null||a.call(i,{[r.options.horizontal?`left`:`top`]:o,behavior:n})},ge=class{constructor(e){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 e;return((e=this.targetWindow?.performance)?.now)?.call(e)??Date.now()},this.observer=(()=>{let e=null,t=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(e=>{e.forEach(e=>{let t=()=>{let t=e.target,n=this.indexFromElement(t);if(!t.isConnected){this.observer.unobserve(t);return}this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(t,e,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(t):t()})}));return{disconnect:()=>{var n;(n=t())==null||n.disconnect(),e=null},observe:e=>t()?.observe(e,{box:`border-box`}),unobserve:e=>t()?.unobserve(e)}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([t,n])=>{n===void 0&&delete e[t]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:le,rangeExtractor:ue,onChange:()=>{},measureElement:me,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,...e}},this.notify=e=>{var t,n;(n=(t=this.options).onChange)==null||n.call(t,this,e)},this.maybeNotify=L(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{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(e=>e()),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=()=>{let e=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==e){if(this.cleanup(),!e){this.maybeNotify();return}this.scrollElement=e,this.scrollElement&&`ownerDocument`in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=this.scrollElement?.window??null,this.elementsCache.forEach(e=>{this.observer.observe(e)}),this.unsubs.push(this.options.observeElementRect(this,e=>{this.scrollRect=e,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(e,t)=>{this.scrollAdjustments=0,this.scrollDirection=t?this.getScrollOffset()<e?`forward`:`backward`:null,this.scrollOffset=e,this.isScrolling=t,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=(e,t)=>{let n=new Map,r=new Map;for(let i=t-1;i>=0;i--){let t=e[i];if(n.has(t.lane))continue;let a=r.get(t.lane);if(a==null||t.end>a.end?r.set(t.lane,t):t.end<a.end&&n.set(t.lane,!0),n.size===this.options.lanes)break}return r.size===this.options.lanes?Array.from(r.values()).sort((e,t)=>e.end===t.end?e.index-t.index:e.end-t.end)[0]:void 0},this.getMeasurementOptions=L(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(e,t,n,r,i,a)=>(this.prevLanes!==void 0&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a}),{key:!1}),this.getMeasurements=L(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:t,scrollMargin:n,getItemKey:r,enabled:i,lanes:a},o)=>{if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>e)for(let t of this.laneAssignments.keys())t>=e&&this.laneAssignments.delete(t);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(e=>{this.itemSizeCache.set(e.key,e.size)}));let s=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===e&&(this.lanesSettling=!1);let c=this.measurementsCache.slice(0,s),l=Array(a).fill(void 0);for(let e=0;e<s;e++){let t=c[e];t&&(l[t.lane]=e)}for(let i=s;i<e;i++){let e=r(i),a=this.laneAssignments.get(i),s,u;if(a!==void 0&&this.options.lanes>1){s=a;let e=l[s],r=e===void 0?void 0:c[e];u=r?r.end+this.options.gap:t+n}else{let e=this.options.lanes===1?c[i-1]:this.getFurthestMeasurement(c,i);u=e?e.end+this.options.gap:t+n,s=e?e.lane:i%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(i,s)}let d=o.get(e),f=typeof d==`number`?d:this.options.estimateSize(i),p=u+f;c[i]={index:i,start:u,size:f,end:p,key:e,lane:s},l[s]=i}return this.measurementsCache=c,c},{key:process.env.NODE_ENV!==`production`&&`getMeasurements`,debug:()=>this.options.debug}),this.calculateRange=L(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,t,n,r)=>this.range=e.length>0&&t>0?V({measurements:e,outerSize:t,scrollOffset:n,lanes:r}):null,{key:process.env.NODE_ENV!==`production`&&`calculateRange`,debug:()=>this.options.debug}),this.getVirtualIndexes=L(()=>{let e=null,t=null,n=this.calculateRange();return n&&(e=n.startIndex,t=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,t]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,t]},(e,t,n,r,i)=>r===null||i===null?[]:e({startIndex:r,endIndex:i,overscan:t,count:n}),{key:process.env.NODE_ENV!==`production`&&`getVirtualIndexes`,debug:()=>this.options.debug}),this.indexFromElement=e=>{let t=this.options.indexAttribute,n=e.getAttribute(t);return n?parseInt(n,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=e=>{if(!this.scrollState||this.scrollState.behavior!==`smooth`)return!0;let t=this.scrollState.index??this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;if(t!==void 0&&this.range){let n=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),r=Math.max(0,t-n),i=Math.min(this.options.count-1,t+n);return e>=r&&e<=i}return!0},this.measureElement=e=>{if(!e){this.elementsCache.forEach((e,t)=>{e.isConnected||(this.observer.unobserve(e),this.elementsCache.delete(t))});return}let t=this.indexFromElement(e),n=this.options.getItemKey(t),r=this.elementsCache.get(n);r!==e&&(r&&this.observer.unobserve(r),this.observer.observe(e),this.elementsCache.set(n,e)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(t)&&this.resizeItem(t,this.options.measureElement(e,void 0,this))},this.resizeItem=(e,t)=>{let n=this.measurementsCache[e];if(!n)return;let r=t-(this.itemSizeCache.get(n.key)??n.size);r!==0&&(this.scrollState?.behavior!==`smooth`&&(this.shouldAdjustScrollPositionOnItemSizeChange===void 0?n.start<this.getScrollOffset()+this.scrollAdjustments:this.shouldAdjustScrollPositionOnItemSizeChange(n,r,this))&&(process.env.NODE_ENV!==`production`&&this.options.debug&&console.info(`correction`,r),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,t)),this.notify(!1))},this.getVirtualItems=L(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,t)=>{let n=[];for(let r=0,i=e.length;r<i;r++){let i=t[e[r]];n.push(i)}return n},{key:process.env.NODE_ENV!==`production`&&`getVirtualItems`,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let t=this.getMeasurements();if(t.length!==0)return oe(t[B(0,t.length-1,e=>oe(t[e]).start,e)])},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;{let e=this.scrollElement.document.documentElement;return this.options.horizontal?e.scrollWidth-this.scrollElement.innerWidth:e.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(e,t,n=0)=>{if(!this.scrollElement)return 0;let r=this.getSize(),i=this.getScrollOffset();t===`auto`&&(t=e>=i+r?`end`:`start`),t===`center`?e+=(n-r)/2:t===`end`&&(e-=r);let a=this.getMaxScrollOffset();return Math.max(Math.min(a,e),0)},this.getOffsetForIndex=(e,t=`auto`)=>{e=Math.max(0,Math.min(e,this.options.count-1));let n=this.getSize(),r=this.getScrollOffset(),i=this.measurementsCache[e];if(!i)return;if(t===`auto`)if(i.end>=r+n-this.options.scrollPaddingEnd)t=`end`;else if(i.start<=r+this.options.scrollPaddingStart)t=`start`;else return[r,t];if(t===`end`&&e===this.options.count-1)return[this.getMaxScrollOffset(),t];let a=t===`end`?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,t,i.size),t]},this.scrollToOffset=(e,{align:t=`start`,behavior:n=`auto`}={})=>{let r=this.getOffsetForAlignment(e,t);this.scrollState={index:null,align:t,behavior:n,startedAt:this.now(),lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToIndex=(e,{align:t=`auto`,behavior:n=`auto`}={})=>{e=Math.max(0,Math.min(e,this.options.count-1));let r=this.getOffsetForIndex(e,t);if(!r)return;let[i,a]=r,o=this.now();this.scrollState={index:e,align:a,behavior:n,startedAt:o,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollBy=(e,{behavior:t=`auto`}={})=>{let n=this.getScrollOffset()+e;this.scrollState={index:null,align:`start`,behavior:t,startedAt:this.now(),lastTargetOffset:n,stableFrames:0},this._scrollToOffset(n,{adjustments:void 0,behavior:t}),this.scheduleScrollReconcile()},this.getTotalSize=()=>{let e=this.getMeasurements(),t;if(e.length===0)t=this.options.paddingStart;else if(this.options.lanes===1)t=e[e.length-1]?.end??0;else{let n=Array(this.options.lanes).fill(null),r=e.length-1;for(;r>=0&&n.some(e=>e===null);){let t=e[r];n[t.lane]===null&&(n[t.lane]=t.end),r--}t=Math.max(...n.filter(e=>e!==null))}return Math.max(t-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:t,behavior:n})=>{this.options.scrollToFn(e,{behavior:n,adjustments:t},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(e)}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}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}let e=this.scrollState.index==null?void 0:this.getOffsetForIndex(this.scrollState.index,this.scrollState.align),t=e?e[0]:this.scrollState.lastTargetOffset,n=t!==this.scrollState.lastTargetOffset;if(!n&&se(t,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1){this.scrollState=null;return}}else this.scrollState.stableFrames=0,n&&(this.scrollState.lastTargetOffset=t,this.scrollState.behavior=`auto`,this._scrollToOffset(t,{adjustments:void 0,behavior:`auto`}));this.scheduleScrollReconcile()}},B=(e,t,n,r)=>{for(;e<=t;){let i=(e+t)/2|0,a=n(i);if(a<r)e=i+1;else if(a>r)t=i-1;else return i}return e>0?e-1:0};function V({measurements:e,outerSize:t,scrollOffset:n,lanes:r}){let i=e.length-1,a=t=>e[t].start;if(e.length<=r)return{startIndex:0,endIndex:i};let o=B(0,i,a,n),s=o;if(r===1)for(;s<i&&e[s].end<n+t;)s++;else if(r>1){let a=Array(r).fill(0);for(;s<i&&a.some(e=>e<n+t);){let t=e[s];a[t.lane]=t.end,s++}let c=Array(r).fill(n+t);for(;o>=0&&c.some(e=>e>=n);){let t=e[o];c[t.lane]=t.start,o--}o=Math.max(0,o-o%r),s=Math.min(i,s+(r-1-s%r))}return{startIndex:o,endIndex:s}}var _e=typeof document<`u`?t.useLayoutEffect:t.useEffect;function H({useFlushSync:e=!0,...n}){let r=t.useReducer(()=>({}),{})[1],i={...n,onChange:(t,i)=>{var a;e&&i?(0,s.flushSync)(r):r(),(a=n.onChange)==null||a.call(n,t,i)}},[a]=t.useState(()=>new ge(i));return a.setOptions(i),_e(()=>a._didMount(),[]),_e(()=>a._willUpdate()),a}function U(e){return H({observeElementRect:de,observeElementOffset:pe,scrollToFn:he,...e})}var W=({data:e,columns:n,rowHeight:r=40,height:i=600,className:a=``,headerClassName:o=``,rowClassName:s,onRowClick:c,overscan:l=5})=>{let u=(0,t.useRef)(null),d=U({count:e.length,getScrollElement:()=>u.current,estimateSize:()=>r,overscan:l}),f=d.getVirtualItems();return(0,y.jsxs)(`div`,{className:a,children:[(0,y.jsx)(`div`,{className:`grid border-b sticky top-0 bg-muted/30 z-10 ${o}`,style:{gridTemplateColumns:n.map(e=>e.width||`1fr`).join(` `)},children:n.map((e,t)=>(0,y.jsx)(`div`,{className:`px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${e.align===`center`?`text-center`:e.align===`right`?`text-right`:`text-left`}`,children:e.header},t))}),(0,y.jsx)(`div`,{ref:u,className:`overflow-auto`,style:{height:typeof i==`number`?`${i}px`:i,contain:`strict`},children:(0,y.jsx)(`div`,{style:{height:`${d.getTotalSize()}px`,width:`100%`,position:`relative`},children:f.map(t=>{let r=e[t.index];return(0,y.jsx)(`div`,{className:`grid border-b hover:bg-muted/50 cursor-pointer ${typeof s==`function`?s(r,t.index):s||``}`,style:{position:`absolute`,top:0,left:0,width:`100%`,height:`${t.size}px`,transform:`translateY(${t.start}px)`,gridTemplateColumns:n.map(e=>e.width||`1fr`).join(` `)},onClick:()=>c?.(r,t.index),children:n.map((e,t)=>{let n=r[e.accessorKey],i=e.cell?e.cell(n,r):typeof n==`object`&&n?String(n):n;return(0,y.jsx)(`div`,{className:`px-4 py-2 text-sm flex items-center ${e.align===`center`?`text-center justify-center`:e.align===`right`?`text-right justify-end`:`text-left justify-start`}`,children:i},t)})},t.key)})})}),(0,y.jsxs)(`div`,{className:`px-4 py-2 text-xs text-muted-foreground border-t`,children:[`Showing `,f.length,` of `,e.length,` rows (virtual scrolling enabled)`]})]})},G=10;function K(e){let t=[],n=[],r=``,i=!1;for(let a=0;a<e.length;a++){let o=e[a],s=e[a+1];i?o===`"`&&s===`"`?(r+=`"`,a++):o===`"`?i=!1:r+=o:o===`"`?i=!0:o===`,`?(n.push(r.trim()),r=``):o===`
|
|
12
12
|
`||o===`\r`&&s===`
|
|
13
13
|
`?(n.push(r.trim()),n.some(e=>e!==``)&&t.push(n),n=[],r=``,o===`\r`&&a++):r+=o}return n.push(r.trim()),n.some(e=>e!==``)&&t.push(n),t}function q(e,t){if(!e)return!0;switch(t){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 J(e,t){let n={};return e.forEach((e,r)=>{let i=e.toLowerCase().replace(/[_\s-]/g,``),a=t.find(e=>{let t=e.name.toLowerCase().replace(/[_\s-]/g,``),n=e.label.toLowerCase().replace(/[_\s-]/g,``);return t===i||n===i});a&&(n[r]=a.name)}),n}function ve(e,t,n){let r=[],i={};for(let a of t){let t=e[a.csvIdx]??``;if(a.field.required&&!t){r.push({row:n,field:a.field.name,message:`Required field is empty`});continue}if(t&&!q(t,a.field.type)){r.push({row:n,field:a.field.name,message:`Invalid ${a.field.type} value: "${t}"`});continue}i[a.field.name]=t}return{record:i,errors:r}}var ye=({onFileLoaded:e})=>{let[n,r]=(0,t.useState)(!1),[i,s]=(0,t.useState)(null),c=(0,t.useCallback)(t=>{if(s(null),!t.name.endsWith(`.csv`)){s(`Only CSV files are supported.`);return}let n=new FileReader;n.onload=t=>{let n=K(t.target?.result);if(n.length<2){s(`File must contain a header row and at least one data row.`);return}e(n[0],n.slice(1))},n.readAsText(t)},[e]);return(0,y.jsxs)(`div`,{className:`flex flex-col items-center gap-4 py-6`,children:[(0,y.jsxs)(`div`,{className:(0,a.cn)(`flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors`,n?`border-primary bg-primary/5`:`border-muted-foreground/25`),onDragOver:e=>{e.preventDefault(),r(!0)},onDragLeave:()=>r(!1),onDrop:e=>{e.preventDefault(),r(!1);let t=e.dataTransfer.files[0];t&&c(t)},children:[(0,y.jsx)(o.Upload,{className:`h-10 w-10 text-muted-foreground`}),(0,y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Drag & drop a CSV file here, or click to browse`}),(0,y.jsxs)(`label`,{children:[(0,y.jsx)(`input`,{type:`file`,accept:`.csv`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];t&&c(t)}}),(0,y.jsx)(a.Button,{variant:`outline`,size:`sm`,asChild:!0,children:(0,y.jsx)(`span`,{children:`Browse Files`})})]})]}),i&&(0,y.jsxs)(`p`,{className:`flex items-center gap-1 text-sm text-destructive`,children:[(0,y.jsx)(o.AlertCircle,{className:`h-4 w-4`}),` `,i]})]})},Y=({headers:e,fields:n,mapping:r,onMappingChange:i})=>{let o=(0,t.useMemo)(()=>new Set(Object.values(r)),[r]),s=(0,t.useCallback)((e,t)=>{let n={...r};t===`__skip__`?delete n[e]:n[e]=t,i(n)},[r,i]);return(0,y.jsx)(`div`,{className:`max-h-[360px] overflow-auto`,children:(0,y.jsxs)(a.Table,{children:[(0,y.jsx)(a.TableHeader,{children:(0,y.jsxs)(a.TableRow,{children:[(0,y.jsx)(a.TableHead,{children:`CSV Column`}),(0,y.jsx)(a.TableHead,{children:`Maps To`}),(0,y.jsx)(a.TableHead,{className:`w-24 text-center`,children:`Status`})]})}),(0,y.jsx)(a.TableBody,{children:e.map((e,t)=>(0,y.jsxs)(a.TableRow,{children:[(0,y.jsx)(a.TableCell,{className:`font-medium`,children:e}),(0,y.jsx)(a.TableCell,{children:(0,y.jsxs)(a.Select,{value:r[t]??`__skip__`,onValueChange:e=>s(t,e),children:[(0,y.jsx)(a.SelectTrigger,{className:`h-8 w-56`,children:(0,y.jsx)(a.SelectValue,{placeholder:`Skip column`})}),(0,y.jsxs)(a.SelectContent,{children:[(0,y.jsx)(a.SelectItem,{value:`__skip__`,children:`— Skip —`}),n.map(e=>(0,y.jsxs)(a.SelectItem,{value:e.name,disabled:o.has(e.name)&&r[t]!==e.name,children:[e.label,e.required?` *`:``]},e.name))]})]})}),(0,y.jsx)(a.TableCell,{className:`text-center`,children:r[t]?(0,y.jsx)(a.Badge,{variant:`default`,className:`text-xs`,children:`Mapped`}):(0,y.jsx)(a.Badge,{variant:`secondary`,className:`text-xs`,children:`Skipped`})})]},t))})]})})},X=({headers:e,rows:n,mapping:r,fields:i})=>{let s=(0,t.useMemo)(()=>Object.entries(r).map(([t,n])=>({csvIdx:Number(t),header:e[Number(t)],field:i.find(e=>e.name===n)})),[r,e,i]),c=n.slice(0,G),l=(0,t.useMemo)(()=>c.map((e,t)=>{let n={};for(let t of s){let r=e[t.csvIdx]??``;t.field.required&&!r?n[t.csvIdx]=`Required`:r&&!q(r,t.field.type)&&(n[t.csvIdx]=`Invalid ${t.field.type}`)}return n}),[c,s]),u=l.filter(e=>Object.keys(e).length>0).length;return(0,y.jsxs)(`div`,{className:`max-h-[360px] overflow-auto`,children:[u>0&&(0,y.jsxs)(`p`,{className:`mb-2 flex items-center gap-1 text-xs text-destructive`,children:[(0,y.jsx)(o.AlertCircle,{className:`h-3.5 w-3.5`}),` `,u,` row(s) with errors in preview`]}),(0,y.jsxs)(a.Table,{children:[(0,y.jsx)(a.TableHeader,{children:(0,y.jsxs)(a.TableRow,{children:[(0,y.jsx)(a.TableHead,{className:`w-12`,children:`#`}),s.map(e=>(0,y.jsx)(a.TableHead,{children:e.field.label},e.csvIdx))]})}),(0,y.jsx)(a.TableBody,{children:c.map((e,t)=>{let n=l[t];return(0,y.jsxs)(a.TableRow,{className:(0,a.cn)(Object.keys(n).length>0&&`bg-destructive/5`),children:[(0,y.jsx)(a.TableCell,{className:`text-xs text-muted-foreground`,children:t+1}),s.map(t=>{let r=e[t.csvIdx]??``,i=n[t.csvIdx];return(0,y.jsx)(a.TableCell,{className:(0,a.cn)(i&&`text-destructive`),title:i,children:r||(0,y.jsx)(`span`,{className:`text-muted-foreground/50`,children:`—`})},t.csvIdx)})]},t)})})]}),(0,y.jsxs)(`p`,{className:`mt-2 text-xs text-muted-foreground`,children:[`Showing `,c.length,` of `,n.length,` rows`]})]})},be=({objectName:e,objectLabel:n,fields:r,dataSource:i,onComplete:s,onCancel:c,open:l,onOpenChange:u,onErrorMode:d=`skip`})=>{let[f,p]=(0,t.useState)(`upload`),[m,h]=(0,t.useState)([]),[g,_]=(0,t.useState)([]),[v,b]=(0,t.useState)({}),[x,S]=(0,t.useState)(!1),[C,w]=(0,t.useState)(0),[T,E]=(0,t.useState)(null),D=n??e,ee=(0,t.useMemo)(()=>{let e=new Set(Object.values(v));return r.filter(t=>t.required&&!e.has(t.name))},[r,v]),O=(0,t.useCallback)((e,t)=>{h(e),_(t),b(J(e,r)),p(`mapping`)},[r]),k=(0,t.useCallback)(async()=>{S(!0),w(0);let t=[],n=0,a=0,o=Object.entries(v).map(([e,t])=>({csvIdx:Number(e),field:r.find(e=>e.name===t)}));for(let r=0;r<g.length;r++){let{record:s,errors:c}=ve(g[r],o,r+1);if(c.length>0){if(a++,t.push(...c),d===`stop`)break}else try{i?.create&&await i.create(e,s),n++}catch(e){a++;let n=e instanceof Error?e.message:`Failed to create record`;if(t.push({row:r+1,field:``,message:n}),d===`stop`)break}w(Math.round((r+1)/g.length*100))}let c={totalRows:g.length,importedRows:n,skippedRows:a,errors:t};E(c),S(!1),s?.(c)},[g,v,r,i,e,s,d]),A=(0,t.useCallback)(()=>{p(`upload`),h([]),_([]),b({}),w(0),E(null)},[]),j=(0,t.useCallback)(()=>{A(),u?.(!1),c?.()},[A,u,c]);return(0,y.jsx)(a.Dialog,{open:l,onOpenChange:e=>{e?u?.(e):j()},children:(0,y.jsxs)(a.DialogContent,{className:`sm:max-w-2xl`,children:[(0,y.jsxs)(a.DialogHeader,{children:[(0,y.jsxs)(a.DialogTitle,{className:`flex items-center gap-2`,children:[(0,y.jsx)(o.FileSpreadsheet,{className:`h-5 w-5`}),` Import `,D]}),(0,y.jsxs)(a.DialogDescription,{children:[f===`upload`&&`Upload a CSV file to get started.`,f===`mapping`&&`Map CSV columns to object fields.`,f===`preview`&&`Review data before importing.`]})]}),(0,y.jsx)(`div`,{className:`flex items-center justify-center gap-2 text-xs text-muted-foreground`,children:[`upload`,`mapping`,`preview`].map((e,n)=>(0,y.jsxs)(t.default.Fragment,{children:[n>0&&(0,y.jsx)(o.ArrowRight,{className:`h-3 w-3`}),(0,y.jsxs)(`span`,{className:(0,a.cn)(`rounded-full px-3 py-1`,f===e?`bg-primary text-primary-foreground`:`bg-muted`),children:[n+1,`. `,e===`upload`?`Upload`:e===`mapping`?`Mapping`:`Preview`]})]},e))}),T?(0,y.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-4`,children:[(0,y.jsx)(o.CheckCircle2,{className:`h-10 w-10 text-green-500`}),(0,y.jsx)(`p`,{className:`text-lg font-semibold`,children:`Import Complete`}),(0,y.jsxs)(`div`,{className:`flex gap-3`,children:[(0,y.jsxs)(a.Badge,{variant:`default`,children:[T.importedRows,` imported`]}),T.skippedRows>0&&(0,y.jsxs)(a.Badge,{variant:`destructive`,children:[T.skippedRows,` skipped`]})]}),T.errors.length>0&&(0,y.jsxs)(`div`,{className:`max-h-32 w-full overflow-auto rounded border p-2 text-xs`,children:[T.errors.slice(0,10).map((e,t)=>(0,y.jsxs)(`p`,{className:`text-destructive`,children:[`Row `,e.row,e.field?` (${e.field})`:``,`: `,e.message]},t)),T.errors.length>10&&(0,y.jsxs)(`p`,{className:`text-muted-foreground`,children:[`…and `,T.errors.length-10,` more errors`]})]})]}):(0,y.jsxs)(y.Fragment,{children:[f===`upload`&&(0,y.jsx)(ye,{onFileLoaded:O}),f===`mapping`&&(0,y.jsx)(Y,{headers:m,fields:r,mapping:v,onMappingChange:b}),f===`preview`&&(0,y.jsx)(X,{headers:m,rows:g,mapping:v,fields:r}),x&&(0,y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,y.jsx)(a.Progress,{value:C,className:`h-2`}),(0,y.jsxs)(`p`,{className:`text-center text-xs text-muted-foreground`,children:[`Importing… `,C,`%`]})]})]}),(0,y.jsx)(a.DialogFooter,{className:`gap-2 sm:gap-0`,children:T?(0,y.jsx)(a.Button,{onClick:j,children:`Close`}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(a.Button,{variant:`ghost`,onClick:j,disabled:x,children:[(0,y.jsx)(o.X,{className:`mr-1 h-4 w-4`}),` Cancel`]}),(f===`mapping`||f===`preview`)&&(0,y.jsxs)(a.Button,{variant:`outline`,onClick:()=>p(f===`mapping`?`upload`:`mapping`),disabled:x,children:[(0,y.jsx)(o.ArrowLeft,{className:`mr-1 h-4 w-4`}),` Back`]}),f===`mapping`&&(0,y.jsxs)(a.Button,{onClick:()=>p(`preview`),disabled:Object.keys(v).length===0||ee.length>0,children:[`Next `,(0,y.jsx)(o.ArrowRight,{className:`ml-1 h-4 w-4`})]}),f===`preview`&&(0,y.jsx)(a.Button,{onClick:k,disabled:x,children:x?`Importing…`:`Import ${g.length} Rows`})]})})]})})};function xe({value:e,onSave:n,onCancel:r,validate:i,type:s=`text`,placeholder:c,editing:l=!1,className:u,disabled:d=!1}){let[f,p]=(0,t.useState)(l),[m,h]=(0,t.useState)(String(e??``)),[g,_]=(0,t.useState)(),[v,b]=(0,t.useState)(!1),x=(0,t.useRef)(null);(0,t.useEffect)(()=>{f||h(String(e??``))},[e,f]),(0,t.useEffect)(()=>{f&&x.current&&(x.current.focus(),x.current.select())},[f]);let S=(0,t.useCallback)(()=>{d||(p(!0),h(String(e??``)),_(void 0))},[d,e]),C=(0,t.useCallback)(()=>{p(!1),h(String(e??``)),_(void 0),r?.()},[e,r]),w=(0,t.useCallback)(async()=>{if(i){let e=i(m);if(e){_(e);return}}let e=s===`number`?Number(m):m;b(!0);try{let t=await n(e);if(typeof t==`string`){_(t),b(!1);return}p(!1),_(void 0)}catch(e){_(e?.message||`Save failed`)}finally{b(!1)}},[m,i,s,n]),T=(0,t.useCallback)(e=>{e.key===`Enter`?(e.preventDefault(),w()):e.key===`Escape`&&(e.preventDefault(),C())},[w,C]);return f?(0,y.jsxs)(`div`,{"data-slot":`inline-editing`,className:(0,a.cn)(`relative flex items-center gap-1`,u),children:[(0,y.jsxs)(`div`,{className:`flex-1 relative`,children:[(0,y.jsx)(`input`,{ref:x,"data-slot":`inline-editing-input`,type:s,value:m,onChange:e=>{h(e.target.value),g&&_(void 0)},onKeyDown:T,placeholder:c,disabled:v,"aria-invalid":!!g,"aria-describedby":g?`inline-editing-error`:void 0,className:(0,a.cn)(`w-full rounded border px-2 py-1 text-sm outline-none transition-colors`,`focus:ring-2 focus:ring-ring focus:border-input`,g?`border-destructive focus:ring-destructive/30`:`border-input`,v&&`opacity-50`)}),g&&(0,y.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:g})]}),(0,y.jsx)(`button`,{"data-slot":`inline-editing-save`,type:`button`,onClick:w,disabled:v,"aria-label":`Save`,className:(0,a.cn)(`inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors`,v&&`opacity-50 cursor-not-allowed`),children:(0,y.jsx)(o.Check,{className:`h-3.5 w-3.5`})}),(0,y.jsx)(`button`,{"data-slot":`inline-editing-cancel`,type:`button`,onClick:C,disabled:v,"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:(0,y.jsx)(o.X,{className:`h-3.5 w-3.5`})})]}):(0,y.jsx)(`div`,{"data-slot":`inline-editing`,className:(0,a.cn)(`group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center`,d&&`cursor-default opacity-60`,u),onClick:S,role:`button`,tabIndex:d?-1:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S())},"aria-label":`Edit value: ${String(e??``)}`,children:(0,y.jsx)(`span`,{"data-slot":`inline-editing-display`,className:`truncate text-sm`,children:e!=null&&String(e)!==``?String(e):(0,y.jsx)(`span`,{className:`text-muted-foreground italic`,children:c||`Click to edit`})})})}function Se(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 Ce({data:e,columns:n,onPaste:r,enabled:i=!0}){let[a,o]=(0,t.useState)(null),s=(0,t.useCallback)(()=>{if(!i||!a)return;let{startRow:t,startCol:r,endRow:o,endCol:s}=Se(a),c=[];for(let i=t;i<=o;i++){let t=e[i];if(!t)continue;let a=[];for(let e=r;e<=s;e++){let r=n[e];a.push(r?String(t[r]??``):``)}c.push(a.join(` `))}let l=c.join(`
|
|
14
14
|
`);navigator.clipboard.writeText(l)},[i,a,e,n]),c=(0,t.useCallback)(()=>{if(!i||!a||!r)return;let{startRow:t,startCol:o}=Se(a);navigator.clipboard.readText().then(i=>{let a=[],s=i.split(`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@object-ui/plugin-grid",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Grid plugin for Object UI",
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@tanstack/react-virtual": "^3.13.23",
|
|
19
|
-
"lucide-react": "^
|
|
20
|
-
"@object-ui/components": "3.
|
|
21
|
-
"@object-ui/core": "3.
|
|
22
|
-
"@object-ui/fields": "3.
|
|
23
|
-
"@object-ui/mobile": "3.
|
|
24
|
-
"@object-ui/react": "3.
|
|
25
|
-
"@object-ui/types": "3.
|
|
19
|
+
"lucide-react": "^1.8.0",
|
|
20
|
+
"@object-ui/components": "3.3.0",
|
|
21
|
+
"@object-ui/core": "3.3.0",
|
|
22
|
+
"@object-ui/fields": "3.3.0",
|
|
23
|
+
"@object-ui/mobile": "3.3.0",
|
|
24
|
+
"@object-ui/react": "3.3.0",
|
|
25
|
+
"@object-ui/types": "3.3.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@vitejs/plugin-react": "^6.0.1",
|
|
33
|
-
"msw": "^2.
|
|
34
|
-
"typescript": "^
|
|
35
|
-
"vite": "^8.0.
|
|
33
|
+
"msw": "^2.13.2",
|
|
34
|
+
"typescript": "^6.0.2",
|
|
35
|
+
"vite": "^8.0.8",
|
|
36
36
|
"vite-plugin-dts": "^4.5.4",
|
|
37
|
-
"@object-ui/data-objectstack": "3.
|
|
37
|
+
"@object-ui/data-objectstack": "3.3.0"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
40
|
"build": "vite build",
|
package/src/ObjectGrid.tsx
CHANGED
|
@@ -91,11 +91,10 @@ function useGridTranslation() {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
/** Resolve an I18nLabel (string
|
|
94
|
+
/** Resolve an I18nLabel (string) to a plain string. */
|
|
95
95
|
function resolveColumnLabel(label: string | I18nLabel | undefined): string | undefined {
|
|
96
96
|
if (label == null) return undefined;
|
|
97
|
-
|
|
98
|
-
return label.defaultValue || label.key;
|
|
97
|
+
return typeof label === 'string' ? label : undefined;
|
|
99
98
|
}
|
|
100
99
|
|
|
101
100
|
export interface ObjectGridProps {
|
|
@@ -1112,7 +1111,10 @@ export const ObjectGrid: React.FC<ObjectGridProps> = ({
|
|
|
1112
1111
|
selectable: selectionMode,
|
|
1113
1112
|
sortable: true,
|
|
1114
1113
|
exportable: operations?.export,
|
|
1115
|
-
|
|
1114
|
+
// RowActionMenu column (from columnsWithActions) already handles edit/delete
|
|
1115
|
+
// actions via onEdit/onDelete props. Only enable DataTable's built-in action
|
|
1116
|
+
// column for inline-editing save/cancel (editable grids with onRowSave).
|
|
1117
|
+
rowActions: !!(schema.editable && hasActions),
|
|
1116
1118
|
resizableColumns: schema.resizable ?? schema.resizableColumns ?? true,
|
|
1117
1119
|
reorderableColumns: schema.reorderableColumns ?? false,
|
|
1118
1120
|
editable: schema.editable ?? false,
|
|
@@ -1262,7 +1264,7 @@ export const ObjectGrid: React.FC<ObjectGridProps> = ({
|
|
|
1262
1264
|
{/* Title row - Name as bold prominent title */}
|
|
1263
1265
|
{titleCol && (
|
|
1264
1266
|
<div className="font-semibold text-sm truncate mb-1">
|
|
1265
|
-
{row[titleCol.accessorKey] ?? '—'}
|
|
1267
|
+
{row[titleCol.accessorKey] != null && typeof row[titleCol.accessorKey] === 'object' ? String(row[titleCol.accessorKey]) : (row[titleCol.accessorKey] ?? '—')}
|
|
1266
1268
|
</div>
|
|
1267
1269
|
)}
|
|
1268
1270
|
|
|
@@ -1273,7 +1275,7 @@ export const ObjectGrid: React.FC<ObjectGridProps> = ({
|
|
|
1273
1275
|
<span className="text-sm tabular-nums font-medium">
|
|
1274
1276
|
{typeof row[amountCol.accessorKey] === 'number'
|
|
1275
1277
|
? formatCompactCurrency(row[amountCol.accessorKey])
|
|
1276
|
-
: row[amountCol.accessorKey] ?? '—'}
|
|
1278
|
+
: (row[amountCol.accessorKey] != null && typeof row[amountCol.accessorKey] === 'object' ? String(row[amountCol.accessorKey]) : (row[amountCol.accessorKey] ?? '—'))}
|
|
1277
1279
|
</span>
|
|
1278
1280
|
)}
|
|
1279
1281
|
{stageCol && row[stageCol.accessorKey] && (
|
|
@@ -1281,7 +1283,7 @@ export const ObjectGrid: React.FC<ObjectGridProps> = ({
|
|
|
1281
1283
|
variant="outline"
|
|
1282
1284
|
className={`text-xs shrink-0 max-w-[140px] truncate ${stageBadgeColor(String(row[stageCol.accessorKey]))}`}
|
|
1283
1285
|
>
|
|
1284
|
-
{row[stageCol.accessorKey]}
|
|
1286
|
+
{String(row[stageCol.accessorKey])}
|
|
1285
1287
|
</Badge>
|
|
1286
1288
|
)}
|
|
1287
1289
|
</div>
|
package/src/VirtualGrid.tsx
CHANGED
|
@@ -151,7 +151,7 @@ export const VirtualGrid: React.FC<VirtualGridProps> = ({
|
|
|
151
151
|
const value = row[column.accessorKey];
|
|
152
152
|
const cellContent = column.cell
|
|
153
153
|
? column.cell(value, row)
|
|
154
|
-
: value;
|
|
154
|
+
: (value != null && typeof value === 'object' ? String(value) : value);
|
|
155
155
|
|
|
156
156
|
return (
|
|
157
157
|
<div
|
package/vite.config.ts
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|