@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/data-grid/data-grid-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-footer.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ntype DataGridFooterProps = ComponentProps<'div'>;\n\nconst DataGridFooter: ForwardRefExoticComponent<\n  DataGridFooterProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridFooterProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-footer\"\n        className={cn(\n          'order-3 mt-auto flex min-h-17 items-center justify-between border-t py-4 pl-1.5 pr-4',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nDataGridFooter.displayName = 'DataGridFooter';\n\nconst DataGridFooterStart: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-footer-start\"\n        className={cn('flex min-w-0 flex-1 items-center gap-2', className)}\n        {...props}\n      />\n    );\n  }\n);\nDataGridFooterStart.displayName = 'DataGridFooterStart';\n\nconst DataGridFooterEnd: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-footer-end\"\n        className={cn('flex items-center justify-end gap-2', className)}\n        {...props}\n      />\n    );\n  }\n);\nDataGridFooterEnd.displayName = 'DataGridFooterEnd';\n\nexport { DataGridFooter, DataGridFooterEnd, DataGridFooterStart };\n"],"names":["forwardRef","cn","DataGridFooter","className","children","props","ref","div","data-slot","displayName","DataGridFooterStart","DataGridFooterEnd"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAI3C,MAAMC,+BAEFF,WACF,CAAC,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC;IAClC,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GACT,wFACAE;QAED,GAAGE,KAAK;kBAERD;;AAGP;AAEFF,eAAeO,WAAW,GAAG;AAE7B,MAAMC,oCAEFV,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGE,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GAAG,0CAA0CE;QACvD,GAAGE,KAAK;;AAGf;AAEFK,oBAAoBD,WAAW,GAAG;AAElC,MAAME,kCAEFX,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGE,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GAAG,uCAAuCE;QACpD,GAAGE,KAAK;;AAGf;AAEFM,kBAAkBF,WAAW,GAAG;AAEhC,SAASP,cAAc,EAAES,iBAAiB,EAAED,mBAAmB,GAAG"}

package/dist/components/ui/core/data-grid/data-grid-header-row.d.ts

@@ -1,13 +1,13 @@
-import { ReactElement } from 'react';
-import { HeaderGroup } from '@tanstack/react-table';
+import type { ReactElement } from "react";
+import { type HeaderGroup } from "@tanstack/react-table";
 type DataGridHeaderRowProps<TData> = {
-    headerGroup: HeaderGroup<TData>;
-    headerRowIndex: number;
-    resolvedHeaderHeight: number;
-    gridTemplateColumns: string;
-    pinnedColumnIds: Set<string>;
-    lastPinnedColumnId: string | undefined;
-    pinnedLeftByColumnId: Map<string, number>;
+	headerGroup: HeaderGroup<TData>;
+	headerRowIndex: number;
+	resolvedHeaderHeight: number;
+	gridTemplateColumns: string;
+	pinnedColumnIds: Set<string>;
+	lastPinnedColumnId: string | undefined;
+	pinnedLeftByColumnId: Map<string, number>;
 };
-declare function DataGridHeaderRow<TData>({ headerGroup, headerRowIndex, resolvedHeaderHeight, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, }: DataGridHeaderRowProps<TData>): ReactElement;
+declare function DataGridHeaderRow<TData>({ headerGroup, headerRowIndex, resolvedHeaderHeight, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId }: DataGridHeaderRowProps<TData>): ReactElement;
 export { DataGridHeaderRow, type DataGridHeaderRowProps };

package/dist/components/ui/core/data-grid/data-grid-header-row.js

@@ -1,56 +1,70 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { getAriaSort as t } from "./data-grid.utils.js";
-import { IconArrowDown as n } from "@tabler/icons-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { flexRender as a } from "@tanstack/react-table";
-//#region libs/aura/src/components/ui/core/data-grid/data-grid-header-row.tsx
-function o({ headerGroup: o, headerRowIndex: s, resolvedHeaderHeight: c, gridTemplateColumns: l, pinnedColumnIds: u, lastPinnedColumnId: d, pinnedLeftByColumnId: f }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "data-grid-header-row",
-		role: "row",
-		"aria-rowindex": s + 1,
-		className: e("sticky z-20 grid bg-background", s === 0 ? "border-y" : "border-b"),
-		style: {
-			top: s * c,
-			gridTemplateColumns: l,
-			minHeight: c
-		},
-		children: o.headers.map((o) => {
-			let s = o.colSpan === 1, c = s && u.has(o.column.id), l = c && d === o.column.id, p = o.column.getIsSorted(), m = s && o.column.getCanSort(), h = o.colSpan > 1, g = o.isPlaceholder ? null : a(o.column.columnDef.header, o.getContext()), _ = typeof g == "string" || typeof g == "number";
-			return /* @__PURE__ */ r("div", {
-				"data-slot": "data-grid-column-header",
-				role: "columnheader",
-				"aria-colindex": o.index + 1,
-				"aria-colspan": o.colSpan > 1 ? o.colSpan : void 0,
-				"aria-sort": t(p, m),
-				className: e("flex items-center pr-3 text-left text-sm font-medium text-muted-foreground", o.index === 0 ? "pl-4" : "pl-3", h && "justify-center text-base font-semibold text-foreground/70", o.isPlaceholder && "pointer-events-none", c && "sticky left-0 z-10 bg-background", l && "shadow-pinned-column", m && e("cursor-pointer select-none hover:bg-muted/60", "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none")),
-				tabIndex: m ? 0 : void 0,
-				style: {
-					gridColumn: `span ${o.colSpan} / span ${o.colSpan}`,
-					...c ? {
-						position: "sticky",
-						left: f.get(o.column.id) ?? 0,
-						zIndex: 10
-					} : {}
-				},
-				onClick: m ? o.column.getToggleSortingHandler() : void 0,
-				onKeyDown: m ? (e) => {
-					e.key !== "Enter" && e.key !== " " || (e.preventDefault(), o.column.toggleSorting(void 0, e.shiftKey));
-				} : void 0,
-				children: /* @__PURE__ */ i("div", {
-					className: "flex min-w-0 flex-1 items-center gap-1",
-					children: [_ ? /* @__PURE__ */ r("span", {
-						className: "block min-w-0 truncate",
-						children: g
-					}) : g, (p === "asc" || p === "desc") && /* @__PURE__ */ r("span", {
-						"aria-hidden": "true",
-						className: "inline-flex size-4 shrink-0 items-center justify-center",
-						children: /* @__PURE__ */ r(n, { className: e("size-3.5 shrink-0", p === "asc" && "rotate-180") })
-					})]
-				})
-			}, o.id);
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowDown } from "@tabler/icons-react";
+import { flexRender } from "@tanstack/react-table";
+import { cn, focusState } from "../../../../lib/utils.js";
+import { PINNED_COLUMN_Z_INDEX, getAriaSort } from "./data-grid.utils.js";
+function DataGridHeaderRow({ headerGroup, headerRowIndex, resolvedHeaderHeight, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "data-grid-header-row",
+        role: "row",
+        "aria-rowindex": headerRowIndex + 1,
+        className: cn('sticky z-20 grid bg-background', headerRowIndex === 0 ? 'border-y' : 'border-b'),
+        style: {
+            top: headerRowIndex * resolvedHeaderHeight,
+            gridTemplateColumns,
+            minHeight: resolvedHeaderHeight
+        },
+        children: headerGroup.headers.map((header)=>{
+            const isLeafHeader = header.colSpan === 1;
+            const isPinned = isLeafHeader && pinnedColumnIds.has(header.column.id);
+            const isLastPinned = isPinned && lastPinnedColumnId === header.column.id;
+            const sortDirection = header.column.getIsSorted();
+            const canSort = isLeafHeader && header.column.getCanSort();
+            const isGroupedHeader = header.colSpan > 1;
+            const renderedHeader = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());
+            const isPlainTextHeader = typeof renderedHeader === 'string' || typeof renderedHeader === 'number';
+            return /*#__PURE__*/ _jsx("div", {
+                "data-slot": "data-grid-column-header",
+                role: "columnheader",
+                "aria-colindex": header.index + 1,
+                "aria-colspan": header.colSpan > 1 ? header.colSpan : undefined,
+                "aria-sort": getAriaSort(sortDirection, canSort),
+                className: cn('flex items-center pr-3 text-left text-sm font-medium text-muted-foreground', header.index === 0 ? 'pl-4' : 'pl-3', isGroupedHeader && 'justify-center text-base font-semibold text-foreground/70', header.isPlaceholder && 'pointer-events-none', isPinned && 'sticky left-0 z-10 bg-background', isLastPinned && 'shadow-pinned-column', canSort && cn('cursor-pointer select-none hover:bg-muted/60', focusState)),
+                tabIndex: canSort ? 0 : undefined,
+                style: {
+                    gridColumn: `span ${header.colSpan} / span ${header.colSpan}`,
+                    ...isPinned ? {
+                        position: 'sticky',
+                        left: pinnedLeftByColumnId.get(header.column.id) ?? 0,
+                        zIndex: PINNED_COLUMN_Z_INDEX
+                    } : {}
+                },
+                onClick: canSort ? header.column.getToggleSortingHandler() : undefined,
+                onKeyDown: canSort ? (event)=>{
+                    if (event.key !== 'Enter' && event.key !== ' ') return;
+                    event.preventDefault();
+                    header.column.toggleSorting(undefined, event.shiftKey);
+                } : undefined,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex min-w-0 flex-1 items-center gap-1",
+                    children: [
+                        isPlainTextHeader ? /*#__PURE__*/ _jsx("span", {
+                            className: "block min-w-0 truncate",
+                            children: renderedHeader
+                        }) : renderedHeader,
+                        (sortDirection === 'asc' || sortDirection === 'desc') && /*#__PURE__*/ _jsx("span", {
+                            "aria-hidden": "true",
+                            className: "inline-flex size-4 shrink-0 items-center justify-center",
+                            children: /*#__PURE__*/ _jsx(IconArrowDown, {
+                                className: cn('size-3.5 shrink-0', sortDirection === 'asc' && 'rotate-180')
+                            })
+                        })
+                    ]
+                })
+            }, header.id);
+        })
+    });
 }
-//#endregion
-export { o as DataGridHeaderRow };
+export { DataGridHeaderRow };
+
+//# sourceMappingURL=data-grid-header-row.js.map

package/dist/components/ui/core/data-grid/data-grid-header-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-header-row.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactElement } from 'react';\n\nimport { IconArrowDown } from '@tabler/icons-react';\nimport { type HeaderGroup, flexRender } from '@tanstack/react-table';\n\nimport { cn, focusState } from '../../../../lib/utils';\n\nimport { PINNED_COLUMN_Z_INDEX, getAriaSort } from './data-grid.utils';\n\ntype DataGridHeaderRowProps<TData> = {\n  headerGroup: HeaderGroup<TData>;\n  headerRowIndex: number;\n  resolvedHeaderHeight: number;\n  gridTemplateColumns: string;\n  pinnedColumnIds: Set<string>;\n  lastPinnedColumnId: string | undefined;\n  pinnedLeftByColumnId: Map<string, number>;\n};\n\nfunction DataGridHeaderRow<TData>({\n  headerGroup,\n  headerRowIndex,\n  resolvedHeaderHeight,\n  gridTemplateColumns,\n  pinnedColumnIds,\n  lastPinnedColumnId,\n  pinnedLeftByColumnId,\n}: DataGridHeaderRowProps<TData>): ReactElement {\n  return (\n    <div\n      data-slot=\"data-grid-header-row\"\n      role=\"row\"\n      aria-rowindex={headerRowIndex + 1}\n      className={cn(\n        'sticky z-20 grid bg-background',\n        headerRowIndex === 0 ? 'border-y' : 'border-b'\n      )}\n      style={{\n        top: headerRowIndex * resolvedHeaderHeight,\n        gridTemplateColumns,\n        minHeight: resolvedHeaderHeight,\n      }}\n    >\n      {headerGroup.headers.map((header) => {\n        const isLeafHeader = header.colSpan === 1;\n        const isPinned = isLeafHeader && pinnedColumnIds.has(header.column.id);\n        const isLastPinned =\n          isPinned && lastPinnedColumnId === header.column.id;\n        const sortDirection = header.column.getIsSorted();\n        const canSort = isLeafHeader && header.column.getCanSort();\n        const isGroupedHeader = header.colSpan > 1;\n        const renderedHeader = header.isPlaceholder\n          ? null\n          : flexRender(header.column.columnDef.header, header.getContext());\n        const isPlainTextHeader =\n          typeof renderedHeader === 'string' ||\n          typeof renderedHeader === 'number';\n\n        return (\n          <div\n            key={header.id}\n            data-slot=\"data-grid-column-header\"\n            role=\"columnheader\"\n            aria-colindex={header.index + 1}\n            aria-colspan={header.colSpan > 1 ? header.colSpan : undefined}\n            aria-sort={getAriaSort(sortDirection, canSort)}\n            className={cn(\n              'flex items-center pr-3 text-left text-sm font-medium text-muted-foreground',\n              header.index === 0 ? 'pl-4' : 'pl-3',\n              isGroupedHeader &&\n                'justify-center text-base font-semibold text-foreground/70',\n              header.isPlaceholder && 'pointer-events-none',\n              isPinned && 'sticky left-0 z-10 bg-background',\n              isLastPinned && 'shadow-pinned-column',\n              canSort &&\n                cn('cursor-pointer select-none hover:bg-muted/60', focusState)\n            )}\n            tabIndex={canSort ? 0 : undefined}\n            style={{\n              gridColumn: `span ${header.colSpan} / span ${header.colSpan}`,\n              ...(isPinned\n                ? {\n                    position: 'sticky',\n                    left: pinnedLeftByColumnId.get(header.column.id) ?? 0,\n                    zIndex: PINNED_COLUMN_Z_INDEX,\n                  }\n                : {}),\n            }}\n            onClick={\n              canSort ? header.column.getToggleSortingHandler() : undefined\n            }\n            onKeyDown={\n              canSort\n                ? (event: KeyboardEvent<HTMLDivElement>) => {\n                    if (event.key !== 'Enter' && event.key !== ' ') return;\n                    event.preventDefault();\n                    header.column.toggleSorting(undefined, event.shiftKey);\n                  }\n                : undefined\n            }\n          >\n            <div className=\"flex min-w-0 flex-1 items-center gap-1\">\n              {isPlainTextHeader ? (\n                <span className=\"block min-w-0 truncate\">{renderedHeader}</span>\n              ) : (\n                renderedHeader\n              )}\n              {(sortDirection === 'asc' || sortDirection === 'desc') && (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"inline-flex size-4 shrink-0 items-center justify-center\"\n                >\n                  <IconArrowDown\n                    className={cn(\n                      'size-3.5 shrink-0',\n                      sortDirection === 'asc' && 'rotate-180'\n                    )}\n                  />\n                </span>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { DataGridHeaderRow, type DataGridHeaderRowProps };\n"],"names":["IconArrowDown","flexRender","cn","focusState","PINNED_COLUMN_Z_INDEX","getAriaSort","DataGridHeaderRow","headerGroup","headerRowIndex","resolvedHeaderHeight","gridTemplateColumns","pinnedColumnIds","lastPinnedColumnId","pinnedLeftByColumnId","div","data-slot","role","aria-rowindex","className","style","top","minHeight","headers","map","header","isLeafHeader","colSpan","isPinned","has","column","id","isLastPinned","sortDirection","getIsSorted","canSort","getCanSort","isGroupedHeader","renderedHeader","isPlaceholder","columnDef","getContext","isPlainTextHeader","aria-colindex","index","aria-colspan","undefined","aria-sort","tabIndex","gridColumn","position","left","get","zIndex","onClick","getToggleSortingHandler","onKeyDown","event","key","preventDefault","toggleSorting","shiftKey","span","aria-hidden"],"mappings":";AAEA,SAASA,aAAa,QAAQ,sBAAsB;AACpD,SAA2BC,UAAU,QAAQ,wBAAwB;AAErE,SAASC,EAAE,EAAEC,UAAU,QAAQ,2BAAwB;AAEvD,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,uBAAoB;AAYvE,SAASC,kBAAyB,EAChCC,WAAW,EACXC,cAAc,EACdC,oBAAoB,EACpBC,mBAAmB,EACnBC,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACU;IAC9B,qBACE,KAACC;QACCC,aAAU;QACVC,MAAK;QACLC,iBAAeT,iBAAiB;QAChCU,WAAWhB,GACT,kCACAM,mBAAmB,IAAI,aAAa;QAEtCW,OAAO;YACLC,KAAKZ,iBAAiBC;YACtBC;YACAW,WAAWZ;QACb;kBAECF,YAAYe,OAAO,CAACC,GAAG,CAAC,CAACC;YACxB,MAAMC,eAAeD,OAAOE,OAAO,KAAK;YACxC,MAAMC,WAAWF,gBAAgBd,gBAAgBiB,GAAG,CAACJ,OAAOK,MAAM,CAACC,EAAE;YACrE,MAAMC,eACJJ,YAAYf,uBAAuBY,OAAOK,MAAM,CAACC,EAAE;YACrD,MAAME,gBAAgBR,OAAOK,MAAM,CAACI,WAAW;YAC/C,MAAMC,UAAUT,gBAAgBD,OAAOK,MAAM,CAACM,UAAU;YACxD,MAAMC,kBAAkBZ,OAAOE,OAAO,GAAG;YACzC,MAAMW,iBAAiBb,OAAOc,aAAa,GACvC,OACArC,WAAWuB,OAAOK,MAAM,CAACU,SAAS,CAACf,MAAM,EAAEA,OAAOgB,UAAU;YAChE,MAAMC,oBACJ,OAAOJ,mBAAmB,YAC1B,OAAOA,mBAAmB;YAE5B,qBACE,KAACvB;gBAECC,aAAU;gBACVC,MAAK;gBACL0B,iBAAelB,OAAOmB,KAAK,GAAG;gBAC9BC,gBAAcpB,OAAOE,OAAO,GAAG,IAAIF,OAAOE,OAAO,GAAGmB;gBACpDC,aAAWzC,YAAY2B,eAAeE;gBACtChB,WAAWhB,GACT,8EACAsB,OAAOmB,KAAK,KAAK,IAAI,SAAS,QAC9BP,mBACE,6DACFZ,OAAOc,aAAa,IAAI,uBACxBX,YAAY,oCACZI,gBAAgB,wBAChBG,WACEhC,GAAG,gDAAgDC;gBAEvD4C,UAAUb,UAAU,IAAIW;gBACxB1B,OAAO;oBACL6B,YAAY,CAAC,KAAK,EAAExB,OAAOE,OAAO,CAAC,QAAQ,EAAEF,OAAOE,OAAO,EAAE;oBAC7D,GAAIC,WACA;wBACEsB,UAAU;wBACVC,MAAMrC,qBAAqBsC,GAAG,CAAC3B,OAAOK,MAAM,CAACC,EAAE,KAAK;wBACpDsB,QAAQhD;oBACV,IACA,CAAC,CAAC;gBACR;gBACAiD,SACEnB,UAAUV,OAAOK,MAAM,CAACyB,uBAAuB,KAAKT;gBAEtDU,WACErB,UACI,CAACsB;oBACC,IAAIA,MAAMC,GAAG,KAAK,WAAWD,MAAMC,GAAG,KAAK,KAAK;oBAChDD,MAAME,cAAc;oBACpBlC,OAAOK,MAAM,CAAC8B,aAAa,CAACd,WAAWW,MAAMI,QAAQ;gBACvD,IACAf;0BAGN,cAAA,MAAC/B;oBAAII,WAAU;;wBACZuB,kCACC,KAACoB;4BAAK3C,WAAU;sCAA0BmB;6BAE1CA;wBAEAL,CAAAA,kBAAkB,SAASA,kBAAkB,MAAK,mBAClD,KAAC6B;4BACCC,eAAY;4BACZ5C,WAAU;sCAEV,cAAA,KAAClB;gCACCkB,WAAWhB,GACT,qBACA8B,kBAAkB,SAAS;;;;;eAvDhCR,OAAOM,EAAE;QA+DpB;;AAGN;AAEA,SAASxB,iBAAiB,GAAgC"}

package/dist/components/ui/core/data-grid/data-grid-header.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
+type DataGridHeaderProps = ComponentProps<"div">;
+declare const DataGridHeader: ForwardRefExoticComponent<DataGridHeaderProps & RefAttributes<HTMLDivElement>>;
+declare const DataGridHeaderStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+declare const DataGridHeaderEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+declare const DataGridTitle: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+type DataGridSubtitleProps = ComponentProps<"div">;
+declare const DataGridSubtitle: ForwardRefExoticComponent<DataGridSubtitleProps & RefAttributes<HTMLDivElement>>;
+type DataGridHeaderActionsProps = ComponentProps<"div">;
+declare const DataGridHeaderActions: ForwardRefExoticComponent<DataGridHeaderActionsProps & RefAttributes<HTMLDivElement>>;
+export { DataGridHeader, DataGridHeaderActions, DataGridHeaderEnd, DataGridHeaderStart, DataGridSubtitle, DataGridTitle };

package/dist/components/ui/core/data-grid/data-grid-header.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../../lib/utils.js";
+const DataGridHeader = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-header",
+        className: cn('order-1 group/data-grid-header @container/data-grid-header grid items-center gap-x-4', 'grid-cols-[minmax(0,1fr)_auto]', className),
+        ...props,
+        children: children
+    });
+});
+DataGridHeader.displayName = 'DataGridHeader';
+const DataGridHeaderStart = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-header-start",
+        className: cn('col-start-1 row-start-1 min-w-0 flex flex-col gap-1 p-4', className),
+        ...props
+    });
+});
+DataGridHeaderStart.displayName = 'DataGridHeaderStart';
+const DataGridHeaderEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-header-end",
+        className: cn('col-start-2 row-start-1 flex items-center justify-end gap-2 pr-3', className),
+        ...props
+    });
+});
+DataGridHeaderEnd.displayName = 'DataGridHeaderEnd';
+const DataGridTitle = /*#__PURE__*/ forwardRef(function DataGridTitle({ children, className, ...props }, ref) {
+    if (!children) return null;
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-title",
+        className: cn('truncate text-lg font-medium text-foreground', className),
+        ...props,
+        children: children
+    });
+});
+DataGridTitle.displayName = 'DataGridTitle';
+const DataGridSubtitle = /*#__PURE__*/ forwardRef(function DataGridSubtitle({ children, className, ...props }, ref) {
+    if (!children) return null;
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-subtitle",
+        className: cn('truncate text-sm text-muted-foreground', className),
+        ...props,
+        children: children
+    });
+});
+DataGridSubtitle.displayName = 'DataGridSubtitle';
+const DataGridHeaderActions = /*#__PURE__*/ forwardRef(function DataGridHeaderActions({ children, className, ...props }, ref) {
+    if (!children) return null;
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-header-actions",
+        className: cn('flex items-center gap-2 py-4', className),
+        ...props,
+        children: children
+    });
+});
+DataGridHeaderActions.displayName = 'DataGridHeaderActions';
+export { DataGridHeader, DataGridHeaderActions, DataGridHeaderEnd, DataGridHeaderStart, DataGridSubtitle, DataGridTitle };
+
+//# sourceMappingURL=data-grid-header.js.map

package/dist/components/ui/core/data-grid/data-grid-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-header.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ntype DataGridHeaderProps = ComponentProps<'div'>;\n\nconst DataGridHeader: ForwardRefExoticComponent<\n  DataGridHeaderProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-header\"\n        className={cn(\n          'order-1 group/data-grid-header @container/data-grid-header grid items-center gap-x-4',\n          'grid-cols-[minmax(0,1fr)_auto]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nDataGridHeader.displayName = 'DataGridHeader';\n\nconst DataGridHeaderStart: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-header-start\"\n        className={cn(\n          'col-start-1 row-start-1 min-w-0 flex flex-col gap-1 p-4',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nDataGridHeaderStart.displayName = 'DataGridHeaderStart';\n\nconst DataGridHeaderEnd: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-header-end\"\n        className={cn(\n          'col-start-2 row-start-1 flex items-center justify-end gap-2 pr-3',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nDataGridHeaderEnd.displayName = 'DataGridHeaderEnd';\n\nconst DataGridTitle: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  function DataGridTitle({ children, className, ...props }, ref) {\n    if (!children) return null;\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-title\"\n        className={cn(\n          'truncate text-lg font-medium text-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nDataGridTitle.displayName = 'DataGridTitle';\n\ntype DataGridSubtitleProps = ComponentProps<'div'>;\n\nconst DataGridSubtitle: ForwardRefExoticComponent<\n  DataGridSubtitleProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridSubtitleProps>(\n  function DataGridSubtitle({ children, className, ...props }, ref) {\n    if (!children) return null;\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-subtitle\"\n        className={cn('truncate text-sm text-muted-foreground', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nDataGridSubtitle.displayName = 'DataGridSubtitle';\n\ntype DataGridHeaderActionsProps = ComponentProps<'div'>;\n\nconst DataGridHeaderActions: ForwardRefExoticComponent<\n  DataGridHeaderActionsProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridHeaderActionsProps>(\n  function DataGridHeaderActions({ children, className, ...props }, ref) {\n    if (!children) return null;\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-header-actions\"\n        className={cn('flex items-center gap-2 py-4', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nDataGridHeaderActions.displayName = 'DataGridHeaderActions';\n\nexport {\n  DataGridHeader,\n  DataGridHeaderActions,\n  DataGridHeaderEnd,\n  DataGridHeaderStart,\n  DataGridSubtitle,\n  DataGridTitle,\n};\n"],"names":["forwardRef","cn","DataGridHeader","className","children","props","ref","div","data-slot","displayName","DataGridHeaderStart","DataGridHeaderEnd","DataGridTitle","DataGridSubtitle","DataGridHeaderActions"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAI3C,MAAMC,+BAEFF,WACF,CAAC,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC;IAClC,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GACT,wFACA,kCACAE;QAED,GAAGE,KAAK;kBAERD;;AAGP;AAEFF,eAAeO,WAAW,GAAG;AAE7B,MAAMC,oCAEFV,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGE,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GACT,2DACAE;QAED,GAAGE,KAAK;;AAGf;AAEFK,oBAAoBD,WAAW,GAAG;AAElC,MAAME,kCAEFX,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGE,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GACT,oEACAE;QAED,GAAGE,KAAK;;AAGf;AAEFM,kBAAkBF,WAAW,GAAG;AAEhC,MAAMG,8BAEFZ,WACF,SAASY,cAAc,EAAER,QAAQ,EAAED,SAAS,EAAE,GAAGE,OAAO,EAAEC,GAAG;IAC3D,IAAI,CAACF,UAAU,OAAO;IACtB,qBACE,KAACG;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GACT,gDACAE;QAED,GAAGE,KAAK;kBAERD;;AAGP;AAEFQ,cAAcH,WAAW,GAAG;AAI5B,MAAMI,iCAEFb,WACF,SAASa,iBAAiB,EAAET,QAAQ,EAAED,SAAS,EAAE,GAAGE,OAAO,EAAEC,GAAG;IAC9D,IAAI,CAACF,UAAU,OAAO;IACtB,qBACE,KAACG;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GAAG,0CAA0CE;QACvD,GAAGE,KAAK;kBAERD;;AAGP;AAEFS,iBAAiBJ,WAAW,GAAG;AAI/B,MAAMK,sCAEFd,WACF,SAASc,sBAAsB,EAAEV,QAAQ,EAAED,SAAS,EAAE,GAAGE,OAAO,EAAEC,GAAG;IACnE,IAAI,CAACF,UAAU,OAAO;IACtB,qBACE,KAACG;QACCD,KAAKA;QACLE,aAAU;QACVL,WAAWF,GAAG,gCAAgCE;QAC7C,GAAGE,KAAK;kBAERD;;AAGP;AAEFU,sBAAsBL,WAAW,GAAG;AAEpC,SACEP,cAAc,EACdY,qBAAqB,EACrBH,iBAAiB,EACjBD,mBAAmB,EACnBG,gBAAgB,EAChBD,aAAa,GACb"}

package/dist/components/ui/core/data-grid/data-grid-row.d.ts

@@ -1,18 +1,18 @@
-import { ReactElement } from 'react';
-import { Row } from '@tanstack/react-table';
-import { VirtualItem } from '@tanstack/react-virtual';
+import type { ReactElement } from "react";
+import { type Row } from "@tanstack/react-table";
+import type { VirtualItem } from "@tanstack/react-virtual";
 type DataGridRowProps<TData> = {
-    row: Row<TData>;
-    virtualRow: VirtualItem;
-    headerGroupCount: number;
-    gridTemplateColumns: string;
-    pinnedColumnIds: Set<string>;
-    lastPinnedColumnId: string | undefined;
-    pinnedLeftByColumnId: Map<string, number>;
-    customCellColumnIds: Set<string>;
-    maxDepth: number;
-    hasExpanding: boolean;
-    onRowClick?: (row: Row<TData>) => void;
+	row: Row<TData>;
+	virtualRow: VirtualItem;
+	headerGroupCount: number;
+	gridTemplateColumns: string;
+	pinnedColumnIds: Set<string>;
+	lastPinnedColumnId: string | undefined;
+	pinnedLeftByColumnId: Map<string, number>;
+	customCellColumnIds: Set<string>;
+	maxDepth: number;
+	hasExpanding: boolean;
+	onRowClick?: (row: Row<TData>) => void;
 };
-declare function DataGridRow<TData>({ row, virtualRow, headerGroupCount, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, customCellColumnIds, maxDepth, hasExpanding, onRowClick, }: DataGridRowProps<TData>): ReactElement;
+declare function DataGridRow<TData>({ row, virtualRow, headerGroupCount, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, customCellColumnIds, maxDepth, hasExpanding, onRowClick }: DataGridRowProps<TData>): ReactElement;
 export { DataGridRow, type DataGridRowProps };

package/dist/components/ui/core/data-grid/data-grid-row.js

@@ -1,77 +1,105 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { getTextValue as n, isAccessorColumn as r, isFromExpandToggleTarget as i, isFromIgnoredCellTarget as a } from "./data-grid.utils.js";
-import { DataGridCell as o } from "./data-grid-cell.js";
-import { IconChevronRight as s } from "@tabler/icons-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { flexRender as u } from "@tanstack/react-table";
-//#region libs/aura/src/components/ui/core/data-grid/data-grid-row.tsx
-function d({ row: d, virtualRow: f, headerGroupCount: p, gridTemplateColumns: m, pinnedColumnIds: h, lastPinnedColumnId: g, pinnedLeftByColumnId: _, customCellColumnIds: v, maxDepth: y, hasExpanding: b, onRowClick: x }) {
-	let S = d.getCanExpand(), C = x !== void 0, w = C ? (e) => {
-		a(e) || i(e) || x?.(d);
-	} : void 0, T = d.getVisibleCells(), E = T.findIndex((e) => r(e.column.columnDef)), D = E >= 0 ? E : 0;
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "data-grid-row",
-		role: "row",
-		"aria-rowindex": f.index + 1 + p,
-		"aria-expanded": S ? d.getIsExpanded() : void 0,
-		className: e("group absolute left-0 right-0 grid border-b bg-background transition-colors", "hover:bg-active-muted-background", C && e("cursor-pointer focus-visible:bg-active-muted-background", "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none")),
-		style: {
-			gridTemplateColumns: m,
-			height: f.size,
-			transform: `translateY(${f.start}px)`
-		},
-		tabIndex: C ? 0 : void 0,
-		onClick: w ? (e) => w(e.target) : void 0,
-		onKeyDown: w ? (e) => {
-			e.key !== "Enter" && e.key !== " " || a(e.target) || i(e.target) || (e.preventDefault(), w(e.target));
-		} : void 0,
-		children: T.map((i, a) => {
-			let f = h.has(i.column.id), p = f && g === i.column.id, m = u(i.column.columnDef.cell, i.getContext()), x = v.has(i.column.id), C = n(m), w = n(i.getValue()), T = C ?? (x ? void 0 : w), E = a === D, O = Math.min(d.depth, y), k = E && O > 0 ? O * 16 : 0, A = E && S, j = E && b && !S && O > 0, M = f ? {
-				position: "sticky",
-				left: _.get(i.column.id) ?? 0,
-				zIndex: 10
-			} : void 0, N = k > 0 || M ? {
-				...M,
-				...k > 0 ? { paddingInlineStart: `${k + 12}px` } : {}
-			} : void 0, P = A || j;
-			return /* @__PURE__ */ l(o, {
-				"data-row-activation": r(i.column.columnDef) ? void 0 : "ignore",
-				isPinned: f,
-				isLastPinned: p,
-				colIndex: a + 1,
-				textValue: T,
-				truncate: !P && T !== void 0,
-				style: N,
-				children: [
-					A && /* @__PURE__ */ c(t, {
-						size: "icon-sm",
-						variant: "ghost",
-						className: "mr-2",
-						"data-row-expand-toggle": "true",
-						onClick: (e) => {
-							e.stopPropagation(), d.toggleExpanded();
-						},
-						"aria-label": d.getIsExpanded() ? "Collapse row" : "Expand row",
-						children: /* @__PURE__ */ c(s, {
-							width: 5,
-							height: 8,
-							className: e(d.getIsExpanded() && "rotate-90"),
-							"aria-hidden": "true"
-						})
-					}),
-					j && /* @__PURE__ */ c("span", {
-						className: "mr-2 inline-block h-7 w-7 shrink-0",
-						"aria-hidden": "true"
-					}),
-					P && T !== void 0 ? /* @__PURE__ */ c("span", {
-						className: "block min-w-0 flex-1 truncate",
-						children: T
-					}) : m
-				]
-			}, i.id);
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChevronRight } from "@tabler/icons-react";
+import { flexRender } from "@tanstack/react-table";
+import { cn, focusState } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { DataGridCell } from "./data-grid-cell.js";
+import { PINNED_COLUMN_Z_INDEX, getTextValue, isAccessorColumn, isFromExpandToggleTarget, isFromIgnoredCellTarget } from "./data-grid.utils.js";
+function DataGridRow({ row, virtualRow, headerGroupCount, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, customCellColumnIds, maxDepth, hasExpanding, onRowClick }) {
+    const canExpand = row.getCanExpand();
+    const isRowInteractive = onRowClick !== undefined;
+    const handleRowActivation = isRowInteractive ? (triggerTarget)=>{
+        if (isFromIgnoredCellTarget(triggerTarget)) return;
+        if (isFromExpandToggleTarget(triggerTarget)) return;
+        onRowClick?.(row);
+    } : undefined;
+    const visibleCells = row.getVisibleCells();
+    const resolvedTreeColumnIndex = visibleCells.findIndex((cell)=>isAccessorColumn(cell.column.columnDef));
+    const treeColumnIndex = resolvedTreeColumnIndex >= 0 ? resolvedTreeColumnIndex : 0;
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "data-grid-row",
+        role: "row",
+        "aria-rowindex": virtualRow.index + 1 + headerGroupCount,
+        "aria-expanded": canExpand ? row.getIsExpanded() : undefined,
+        className: cn('group absolute left-0 right-0 grid border-b bg-background transition-colors', 'hover:bg-active-muted-background', isRowInteractive && cn('cursor-pointer focus-visible:bg-active-muted-background', focusState)),
+        style: {
+            gridTemplateColumns,
+            height: virtualRow.size,
+            transform: `translateY(${virtualRow.start}px)`
+        },
+        tabIndex: isRowInteractive ? 0 : undefined,
+        onClick: handleRowActivation ? (event)=>handleRowActivation(event.target) : undefined,
+        onKeyDown: handleRowActivation ? (event)=>{
+            if (event.key !== 'Enter' && event.key !== ' ') return;
+            if (isFromIgnoredCellTarget(event.target)) return;
+            if (isFromExpandToggleTarget(event.target)) return;
+            event.preventDefault();
+            handleRowActivation(event.target);
+        } : undefined,
+        children: visibleCells.map((cell, cellIndex)=>{
+            const isPinned = pinnedColumnIds.has(cell.column.id);
+            const isLastPinned = isPinned && lastPinnedColumnId === cell.column.id;
+            const renderedCell = flexRender(cell.column.columnDef.cell, cell.getContext());
+            const hasCustomCellRenderer = customCellColumnIds.has(cell.column.id);
+            const renderedTextValue = getTextValue(renderedCell);
+            const rawTextValue = getTextValue(cell.getValue());
+            const textValue = renderedTextValue ?? (!hasCustomCellRenderer ? rawTextValue : undefined);
+            const isTreeColumn = cellIndex === treeColumnIndex;
+            const depth = Math.min(row.depth, maxDepth);
+            const indentPx = isTreeColumn && depth > 0 ? depth * 16 : 0;
+            const showChevron = isTreeColumn && canExpand;
+            const showChevronSpacer = isTreeColumn && hasExpanding && !canExpand && depth > 0;
+            const pinnedStyle = isPinned ? {
+                position: 'sticky',
+                left: pinnedLeftByColumnId.get(cell.column.id) ?? 0,
+                zIndex: PINNED_COLUMN_Z_INDEX
+            } : undefined;
+            const cellStyle = indentPx > 0 || pinnedStyle ? {
+                ...pinnedStyle,
+                ...indentPx > 0 ? {
+                    paddingInlineStart: `${indentPx + 12}px`
+                } : {}
+            } : undefined;
+            const needsTreeIndicator = showChevron || showChevronSpacer;
+            return /*#__PURE__*/ _jsxs(DataGridCell, {
+                "data-row-activation": isAccessorColumn(cell.column.columnDef) ? undefined : 'ignore',
+                isPinned: isPinned,
+                isLastPinned: isLastPinned,
+                colIndex: cellIndex + 1,
+                textValue: textValue,
+                truncate: needsTreeIndicator ? false : textValue !== undefined,
+                style: cellStyle,
+                children: [
+                    showChevron && /*#__PURE__*/ _jsx(Button, {
+                        size: "icon-sm",
+                        variant: "ghost",
+                        className: "mr-2",
+                        "data-row-expand-toggle": "true",
+                        onClick: (event)=>{
+                            event.stopPropagation();
+                            row.toggleExpanded();
+                        },
+                        "aria-label": row.getIsExpanded() ? 'Collapse row' : 'Expand row',
+                        children: /*#__PURE__*/ _jsx(IconChevronRight, {
+                            width: 5,
+                            height: 8,
+                            className: cn(row.getIsExpanded() && 'rotate-90'),
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    showChevronSpacer && /*#__PURE__*/ _jsx("span", {
+                        className: "mr-2 inline-block h-7 w-7 shrink-0",
+                        "aria-hidden": "true"
+                    }),
+                    needsTreeIndicator && textValue !== undefined ? /*#__PURE__*/ _jsx("span", {
+                        className: "block min-w-0 flex-1 truncate",
+                        children: textValue
+                    }) : renderedCell
+                ]
+            }, cell.id);
+        })
+    });
 }
-//#endregion
-export { d as DataGridRow };
+export { DataGridRow };
+
+//# sourceMappingURL=data-grid-row.js.map

package/dist/components/ui/core/data-grid/data-grid-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-row.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n} from 'react';\n\nimport { IconChevronRight } from '@tabler/icons-react';\nimport { type Cell, type Row, flexRender } from '@tanstack/react-table';\nimport type { VirtualItem } from '@tanstack/react-virtual';\n\nimport { cn, focusState } from '../../../../lib/utils';\nimport { Button } from '../button/button';\n\nimport { DataGridCell } from './data-grid-cell';\nimport {\n  PINNED_COLUMN_Z_INDEX,\n  getTextValue,\n  isAccessorColumn,\n  isFromExpandToggleTarget,\n  isFromIgnoredCellTarget,\n} from './data-grid.utils';\n\ntype DataGridRowProps<TData> = {\n  row: Row<TData>;\n  virtualRow: VirtualItem;\n  headerGroupCount: number;\n  gridTemplateColumns: string;\n  pinnedColumnIds: Set<string>;\n  lastPinnedColumnId: string | undefined;\n  pinnedLeftByColumnId: Map<string, number>;\n  customCellColumnIds: Set<string>;\n  maxDepth: number;\n  hasExpanding: boolean;\n  onRowClick?: (row: Row<TData>) => void;\n};\n\nfunction DataGridRow<TData>({\n  row,\n  virtualRow,\n  headerGroupCount,\n  gridTemplateColumns,\n  pinnedColumnIds,\n  lastPinnedColumnId,\n  pinnedLeftByColumnId,\n  customCellColumnIds,\n  maxDepth,\n  hasExpanding,\n  onRowClick,\n}: DataGridRowProps<TData>): ReactElement {\n  const canExpand = row.getCanExpand();\n  const isRowInteractive = onRowClick !== undefined;\n\n  const handleRowActivation = isRowInteractive\n    ? (triggerTarget?: EventTarget | null) => {\n        if (isFromIgnoredCellTarget(triggerTarget)) return;\n        if (isFromExpandToggleTarget(triggerTarget)) return;\n        onRowClick?.(row);\n      }\n    : undefined;\n\n  const visibleCells = row.getVisibleCells();\n  const resolvedTreeColumnIndex = visibleCells.findIndex((cell) =>\n    isAccessorColumn(cell.column.columnDef)\n  );\n  const treeColumnIndex =\n    resolvedTreeColumnIndex >= 0 ? resolvedTreeColumnIndex : 0;\n\n  return (\n    <div\n      data-slot=\"data-grid-row\"\n      role=\"row\"\n      aria-rowindex={virtualRow.index + 1 + headerGroupCount}\n      aria-expanded={canExpand ? row.getIsExpanded() : undefined}\n      className={cn(\n        'group absolute left-0 right-0 grid border-b bg-background transition-colors',\n        'hover:bg-active-muted-background',\n        isRowInteractive &&\n          cn(\n            'cursor-pointer focus-visible:bg-active-muted-background',\n            focusState\n          )\n      )}\n      style={{\n        gridTemplateColumns,\n        height: virtualRow.size,\n        transform: `translateY(${virtualRow.start}px)`,\n      }}\n      tabIndex={isRowInteractive ? 0 : undefined}\n      onClick={\n        handleRowActivation\n          ? (event: MouseEvent<HTMLDivElement>) =>\n              handleRowActivation(event.target)\n          : undefined\n      }\n      onKeyDown={\n        handleRowActivation\n          ? (event: KeyboardEvent<HTMLDivElement>) => {\n              if (event.key !== 'Enter' && event.key !== ' ') return;\n              if (isFromIgnoredCellTarget(event.target)) return;\n              if (isFromExpandToggleTarget(event.target)) return;\n              event.preventDefault();\n              handleRowActivation(event.target);\n            }\n          : undefined\n      }\n    >\n      {visibleCells.map((cell: Cell<TData, unknown>, cellIndex: number) => {\n        const isPinned = pinnedColumnIds.has(cell.column.id);\n        const isLastPinned = isPinned && lastPinnedColumnId === cell.column.id;\n        const renderedCell = flexRender(\n          cell.column.columnDef.cell,\n          cell.getContext()\n        );\n        const hasCustomCellRenderer = customCellColumnIds.has(cell.column.id);\n        const renderedTextValue = getTextValue(renderedCell);\n        const rawTextValue = getTextValue(cell.getValue());\n        const textValue =\n          renderedTextValue ??\n          (!hasCustomCellRenderer ? rawTextValue : undefined);\n\n        const isTreeColumn = cellIndex === treeColumnIndex;\n        const depth = Math.min(row.depth, maxDepth);\n        const indentPx = isTreeColumn && depth > 0 ? depth * 16 : 0;\n        const showChevron = isTreeColumn && canExpand;\n        const showChevronSpacer =\n          isTreeColumn && hasExpanding && !canExpand && depth > 0;\n\n        const pinnedStyle: CSSProperties | undefined = isPinned\n          ? {\n              position: 'sticky',\n              left: pinnedLeftByColumnId.get(cell.column.id) ?? 0,\n              zIndex: PINNED_COLUMN_Z_INDEX,\n            }\n          : undefined;\n\n        const cellStyle: CSSProperties | undefined =\n          indentPx > 0 || pinnedStyle\n            ? {\n                ...pinnedStyle,\n                ...(indentPx > 0\n                  ? { paddingInlineStart: `${indentPx + 12}px` }\n                  : {}),\n              }\n            : undefined;\n\n        const needsTreeIndicator = showChevron || showChevronSpacer;\n\n        return (\n          <DataGridCell\n            key={cell.id}\n            data-row-activation={\n              isAccessorColumn(cell.column.columnDef) ? undefined : 'ignore'\n            }\n            isPinned={isPinned}\n            isLastPinned={isLastPinned}\n            colIndex={cellIndex + 1}\n            textValue={textValue}\n            truncate={needsTreeIndicator ? false : textValue !== undefined}\n            style={cellStyle}\n          >\n            {showChevron && (\n              <Button\n                size=\"icon-sm\"\n                variant=\"ghost\"\n                className=\"mr-2\"\n                data-row-expand-toggle=\"true\"\n                onClick={(event: MouseEvent<HTMLButtonElement>) => {\n                  event.stopPropagation();\n                  row.toggleExpanded();\n                }}\n                aria-label={row.getIsExpanded() ? 'Collapse row' : 'Expand row'}\n              >\n                <IconChevronRight\n                  width={5}\n                  height={8}\n                  className={cn(row.getIsExpanded() && 'rotate-90')}\n                  aria-hidden=\"true\"\n                />\n              </Button>\n            )}\n            {showChevronSpacer && (\n              <span\n                className=\"mr-2 inline-block h-7 w-7 shrink-0\"\n                aria-hidden=\"true\"\n              />\n            )}\n            {needsTreeIndicator && textValue !== undefined ? (\n              <span className=\"block min-w-0 flex-1 truncate\">{textValue}</span>\n            ) : (\n              renderedCell\n            )}\n          </DataGridCell>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { DataGridRow, type DataGridRowProps };\n"],"names":["IconChevronRight","flexRender","cn","focusState","Button","DataGridCell","PINNED_COLUMN_Z_INDEX","getTextValue","isAccessorColumn","isFromExpandToggleTarget","isFromIgnoredCellTarget","DataGridRow","row","virtualRow","headerGroupCount","gridTemplateColumns","pinnedColumnIds","lastPinnedColumnId","pinnedLeftByColumnId","customCellColumnIds","maxDepth","hasExpanding","onRowClick","canExpand","getCanExpand","isRowInteractive","undefined","handleRowActivation","triggerTarget","visibleCells","getVisibleCells","resolvedTreeColumnIndex","findIndex","cell","column","columnDef","treeColumnIndex","div","data-slot","role","aria-rowindex","index","aria-expanded","getIsExpanded","className","style","height","size","transform","start","tabIndex","onClick","event","target","onKeyDown","key","preventDefault","map","cellIndex","isPinned","has","id","isLastPinned","renderedCell","getContext","hasCustomCellRenderer","renderedTextValue","rawTextValue","getValue","textValue","isTreeColumn","depth","Math","min","indentPx","showChevron","showChevronSpacer","pinnedStyle","position","left","get","zIndex","cellStyle","paddingInlineStart","needsTreeIndicator","data-row-activation","colIndex","truncate","variant","data-row-expand-toggle","stopPropagation","toggleExpanded","aria-label","width","aria-hidden","span"],"mappings":"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"}