@join-x5/react-data-grid 1.5.2 → 1.6.0-rc

package/dist/DataGrid.es.js

@@ -1,47 +1,48 @@
 "use client";
-import { jsx as k, jsxs as F } from "@emotion/react/jsx-runtime";
-import { useEffect as H } from "react";
+import { jsx as k, jsxs as H } from "@emotion/react/jsx-runtime";
+import { useEffect as N } from "react";
 import { useReactTable as V, getExpandedRowModel as I, getCoreRowModel as J } from "@tanstack/react-table";
 import { forwardRef as K } from "@join-x5/react-theme";
 import { DataGridTable as L } from "./Table/index.es.js";
-import { DataGridContextProvider as N } from "./DataGridContext.es.js";
-import { getDataGridTableHead as O } from "./TableHead/index.es.js";
-import { getDataGridTableBody as Q } from "./TableBody/DataGridTableBody.es.js";
-import { getDataGridTableBodyVirtual as U } from "./TableBody/DataGridTableBodyVirtual.es.js";
-import { useDataGridColumnSettings as W } from "./hook.es.js";
-const ie = K((o, c) => {
+import { DataGridContextProvider as O } from "./DataGridContext.es.js";
+import { getDataGridTableHead as Q } from "./TableHead/index.es.js";
+import { getDataGridTableBody as U } from "./TableBody/DataGridTableBody.es.js";
+import { getDataGridTableBodyVirtual as W } from "./TableBody/DataGridTableBodyVirtual.es.js";
+import { useDataGridColumnSettings as X } from "./hook.es.js";
+const ne = K((o, p) => {
   const {
     qa: r = "datagrid",
     isBordered: u,
     isMultiline: g,
     isCombined: f,
     isShadowed: b,
-    size: w,
+    isNoFocus: w,
+    size: h,
     width: a,
-    textAlign: h,
-    writingMode: P,
-    userSelect: x,
-    wordBreak: C,
-    whiteSpace: M,
-    cellProps: R,
-    headCellProps: y,
+    textAlign: P,
+    writingMode: x,
+    userSelect: C,
+    wordBreak: M,
+    whiteSpace: R,
+    cellProps: y,
+    headCellProps: D,
     rowProps: i,
     bodyProps: n,
-    headProps: D,
+    headProps: G,
     virtualize: d,
     wrapperRef: l,
-    columns: G,
-    data: S,
+    columns: S,
+    data: T,
     tableProps: s,
     setTable: m,
-    columnSettings: T,
-    components: p,
-    children: B,
-    verticalAlign: v = o.isMultiline ? "top" : "center",
+    columnSettings: B,
+    components: c,
+    children: v,
+    verticalAlign: z = o.isMultiline ? "top" : "center",
     ...t
-  } = o, z = W(T, s), e = V({
-    columns: G,
-    data: S,
+  } = o, E = X(B, s), e = V({
+    columns: S,
+    data: T,
     manualSorting: !0,
     manualFiltering: !0,
     manualPagination: !0,
@@ -49,23 +50,24 @@ const ie = K((o, c) => {
     getCoreRowModel: J(),
     getExpandedRowModel: I(),
     ...s,
-    state: z
-  }), E = {
-    size: w,
-    verticalAlign: v,
+    state: E
+  }), j = {
+    size: h,
+    verticalAlign: z,
     isBordered: u,
     isMultiline: g,
     isCombined: f,
     isShadowed: b,
-    textAlign: h,
-    writingMode: P,
-    userSelect: x,
-    wordBreak: C,
-    whiteSpace: M,
-    cellProps: R,
-    headCellProps: y,
+    isNoFocus: w,
+    textAlign: P,
+    writingMode: x,
+    userSelect: C,
+    wordBreak: M,
+    whiteSpace: R,
+    cellProps: y,
+    headCellProps: D,
     qa: r
-  }, j = {
+  }, q = {
     ...t,
     table: e,
     style: a ? {
@@ -73,28 +75,28 @@ const ie = K((o, c) => {
       ...t.style
     } : t.style,
     "data-qa": r
-  }, q = O(e, D), A = d && l ? U({
+  }, A = Q(e, G), F = d && l ? W({
     table: e,
-    components: p,
+    components: c,
     rowProps: i,
     virtualize: d,
     wrapperRef: l,
     ...n
-  }) : Q({
+  }) : U({
     table: e,
-    components: p,
+    components: c,
     rowProps: i,
     ...n
   });
-  return H(() => {
+  return N(() => {
     m?.(e);
-  }, [e, m]), /* @__PURE__ */ k(N, { ...E, children: /* @__PURE__ */ F(L, { ref: c, ...j, children: [
-    q,
-    B,
-    A
+  }, [e, m]), /* @__PURE__ */ k(O, { ...j, children: /* @__PURE__ */ H(L, { ref: p, ...q, children: [
+    A,
+    v,
+    F
   ] }) });
 });
 export {
-  ie as DataGrid
+  ne as DataGrid
 };
 //# sourceMappingURL=DataGrid.es.js.map

package/dist/DataGrid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.es.js","sources":["../src/DataGrid.tsx"],"sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\nimport {getCoreRowModel, getExpandedRowModel, useReactTable} from '@tanstack/react-table';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridTable} from 'Table';\n\nimport {DataGridContextProvider} from 'DataGridContext';\nimport {getDataGridTableHead} from 'TableHead';\nimport {getDataGridTableBody, getDataGridTableBodyVirtual} from 'TableBody';\n\nimport {useDataGridColumnSettings} from './hook';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DataGridProps} from './types';\n\nexport const DataGrid: FRC<HTMLTableElement, DataGridProps> = forwardRef((props, ref) => {\n  const {\n    qa = 'datagrid',\n\n    isBordered,\n    isMultiline,\n    isCombined,\n    isShadowed,\n\n    size,\n    width,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    rowProps,\n    bodyProps,\n    headProps,\n    virtualize,\n    wrapperRef,\n\n    columns,\n    data,\n    tableProps,\n    setTable,\n    columnSettings,\n    components,\n    children,\n\n    verticalAlign = props.isMultiline ? 'top' : 'center',\n\n    ...rest\n  } = props;\n\n  const state = useDataGridColumnSettings(columnSettings, tableProps);\n\n  const table = useReactTable({\n    columns,\n    data,\n\n    manualSorting: true,\n    manualFiltering: true,\n    manualPagination: true,\n    columnResizeMode: 'onChange',\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n\n    ...tableProps,\n\n    state,\n  });\n\n  const context = {\n    size,\n    verticalAlign,\n    isBordered,\n    isMultiline,\n    isCombined,\n    isShadowed,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    qa,\n  };\n\n  const tableComponentProps = {\n    ...rest,\n\n    table,\n    style: width ? {width, ...rest.style} : rest.style,\n    'data-qa': qa,\n  };\n\n  const head = getDataGridTableHead(table, headProps);\n  const body =\n    virtualize && wrapperRef\n      ? getDataGridTableBodyVirtual({table, components, rowProps, virtualize, wrapperRef, ...bodyProps})\n      : getDataGridTableBody({table, components, rowProps, ...bodyProps});\n\n  useEffect(() => {\n    setTable?.(table);\n  }, [table, setTable]);\n\n  return (\n    <DataGridContextProvider {...context}>\n      <DataGridTable ref={ref} {...tableComponentProps}>\n        {head}\n        {children}\n        {body}\n      </DataGridTable>\n    </DataGridContextProvider>\n  );\n});\n"],"names":["isBordered","isMultiline","isCombined","isShadowed","size","width","textAlign","writingMode","userSelect","wordBreak","whiteSpace","cellProps","headCellProps","rowProps","bodyProps","headProps","virtualize","wrapperRef","columns","data","tableProps","setTable","columnSettings","components","children","rest","getCoreRowModel","getExpandedRowModel","state","verticalAlign","qa","table","style","useEffect","head","body"],"mappings":";;;;;;;;;;;AAkBO;AACL;AAAM;AACC;AAELA;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAE4C;AAEzCC;AAKuB;AAC1BP;AACAC;AAEe;AACE;AACC;AACA;AACDO;AACIC;AAElBP;AAEHQ;AAGc;AACdxB;AACAyB;AACA7B;AACAC;AACAC;AACAC;AACAG;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAkB;AAG0B;AACvBL;AAEHM;AACe;AAAC1B;AAAe2B;AAAcA;AAClCF;AAMqB;AAACC;AAAOR;AAAYV;AAAUG;AAAYC;AAAeH;AAChE;AAACiB;AAAOR;AAAYV;AAAaC;AAE5DmB;AACEZ;AAAgB;AAMXa;AAAAA;AACAV;AACAW;AAIT;;;;"}
+{"version":3,"file":"DataGrid.es.js","sources":["../src/DataGrid.tsx"],"sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\nimport {getCoreRowModel, getExpandedRowModel, useReactTable} from '@tanstack/react-table';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridTable} from 'Table';\n\nimport {DataGridContextProvider} from 'DataGridContext';\nimport {getDataGridTableHead} from 'TableHead';\nimport {getDataGridTableBody, getDataGridTableBodyVirtual} from 'TableBody';\n\nimport {useDataGridColumnSettings} from './hook';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DataGridProps} from './types';\n\nexport const DataGrid: FRC<HTMLTableElement, DataGridProps> = forwardRef((props, ref) => {\n  const {\n    qa = 'datagrid',\n\n    isBordered,\n    isMultiline,\n    isCombined,\n    isShadowed,\n    isNoFocus,\n\n    size,\n    width,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    rowProps,\n    bodyProps,\n    headProps,\n    virtualize,\n    wrapperRef,\n\n    columns,\n    data,\n    tableProps,\n    setTable,\n    columnSettings,\n    components,\n    children,\n\n    verticalAlign = props.isMultiline ? 'top' : 'center',\n\n    ...rest\n  } = props;\n\n  const state = useDataGridColumnSettings(columnSettings, tableProps);\n\n  const table = useReactTable({\n    columns,\n    data,\n\n    manualSorting: true,\n    manualFiltering: true,\n    manualPagination: true,\n    columnResizeMode: 'onChange',\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n\n    ...tableProps,\n\n    state,\n  });\n\n  const context = {\n    size,\n    verticalAlign,\n    isBordered,\n    isMultiline,\n    isCombined,\n    isShadowed,\n    isNoFocus,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    qa,\n  };\n\n  const tableComponentProps = {\n    ...rest,\n\n    table,\n    style: width ? {width, ...rest.style} : rest.style,\n    'data-qa': qa,\n  };\n\n  const head = getDataGridTableHead(table, headProps);\n  const body =\n    virtualize && wrapperRef\n      ? getDataGridTableBodyVirtual({table, components, rowProps, virtualize, wrapperRef, ...bodyProps})\n      : getDataGridTableBody({table, components, rowProps, ...bodyProps});\n\n  useEffect(() => {\n    setTable?.(table);\n  }, [table, setTable]);\n\n  return (\n    <DataGridContextProvider {...context}>\n      <DataGridTable ref={ref} {...tableComponentProps}>\n        {head}\n        {children}\n        {body}\n      </DataGridTable>\n    </DataGridContextProvider>\n  );\n});\n"],"names":["isBordered","isMultiline","isCombined","isShadowed","isNoFocus","size","width","textAlign","writingMode","userSelect","wordBreak","whiteSpace","cellProps","headCellProps","rowProps","bodyProps","headProps","virtualize","wrapperRef","columns","data","tableProps","setTable","columnSettings","components","children","rest","getCoreRowModel","getExpandedRowModel","state","verticalAlign","qa","table","style","useEffect","head","body"],"mappings":";;;;;;;;;;;AAkBO;AACL;AAAM;AACC;AAELA;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAE4C;AAEzCC;AAKuB;AAC1BP;AACAC;AAEe;AACE;AACC;AACA;AACDO;AACIC;AAElBP;AAEHQ;AAGc;AACdxB;AACAyB;AACA9B;AACAC;AACAC;AACAC;AACAC;AACAG;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAkB;AAG0B;AACvBL;AAEHM;AACe;AAAC1B;AAAe2B;AAAcA;AAClCF;AAMqB;AAACC;AAAOR;AAAYV;AAAUG;AAAYC;AAAeH;AAChE;AAACiB;AAAOR;AAAYV;AAAaC;AAE5DmB;AACEZ;AAAgB;AAMXa;AAAAA;AACAV;AACAW;AAIT;;;;"}

package/dist/DataGridContext.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from '@join-x5/react-theme';
 import { DataGridProps } from 'types';
-type CommonProps = Pick<DataGridProps, 'isMultiline' | 'isShadowed' | 'isCombined' | 'qa' | 'isBordered' | 'size' | 'verticalAlign' | 'textAlign' | 'writingMode' | 'userSelect' | 'wordBreak' | 'whiteSpace' | 'cellProps' | 'headCellProps'>;
+type CommonProps = Pick<DataGridProps, 'isMultiline' | 'isShadowed' | 'isNoFocus' | 'isCombined' | 'qa' | 'isBordered' | 'size' | 'verticalAlign' | 'textAlign' | 'writingMode' | 'userSelect' | 'wordBreak' | 'whiteSpace' | 'cellProps' | 'headCellProps'>;
 type DataGridContextProps = {
     activeCell: string | null;
     setActiveCell: (newActiveCell: string | null) => void;

package/dist/DataGridContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridContext.es.js","sources":["../src/DataGridContext.tsx"],"sourcesContent":["'use client';\n\nimport {createContext, useState} from 'react';\n\nimport type {PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridProps} from 'types';\n\ntype CommonProps = Pick<\n  DataGridProps,\n  | 'isMultiline'\n  | 'isShadowed'\n  | 'isCombined'\n  | 'qa'\n  | 'isBordered'\n  | 'size'\n  | 'verticalAlign'\n  | 'textAlign'\n  | 'writingMode'\n  | 'userSelect'\n  | 'wordBreak'\n  | 'whiteSpace'\n  | 'cellProps'\n  | 'headCellProps'\n>;\n\ntype DataGridContextProps = {\n  activeCell: string | null;\n  setActiveCell: (newActiveCell: string | null) => void;\n} & CommonProps;\n\nexport const DataGridContext = createContext<DataGridContextProps>({\n  activeCell: null,\n  setActiveCell: () => {},\n});\n\nexport const DataGridContextProvider: React.FC<PropsWithChildren & CommonProps> = ({children, ...rest}) => {\n  const [activeCell, setActiveCell] = useState<string | null>(null);\n\n  return <DataGridContext.Provider value={{activeCell, setActiveCell, ...rest}}>{children}</DataGridContext.Provider>;\n};\n"],"names":["children","activeCell","setActiveCell","rest"],"mappings":";;;AA8BO;AAA4D;AACrD;AACS;AACvB;AAEmF;AAACA;AAAiB;AACnG;AAEA;AAAwC;AAACC;AAAYC;AAAkBC;AACzE;;;;;"}
+{"version":3,"file":"DataGridContext.es.js","sources":["../src/DataGridContext.tsx"],"sourcesContent":["'use client';\n\nimport {createContext, useState} from 'react';\n\nimport type {PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridProps} from 'types';\n\ntype CommonProps = Pick<\n  DataGridProps,\n  | 'isMultiline'\n  | 'isShadowed'\n  | 'isNoFocus'\n  | 'isCombined'\n  | 'qa'\n  | 'isBordered'\n  | 'size'\n  | 'verticalAlign'\n  | 'textAlign'\n  | 'writingMode'\n  | 'userSelect'\n  | 'wordBreak'\n  | 'whiteSpace'\n  | 'cellProps'\n  | 'headCellProps'\n>;\n\ntype DataGridContextProps = {\n  activeCell: string | null;\n  setActiveCell: (newActiveCell: string | null) => void;\n} & CommonProps;\n\nexport const DataGridContext = createContext<DataGridContextProps>({\n  activeCell: null,\n  setActiveCell: () => {},\n});\n\nexport const DataGridContextProvider: React.FC<PropsWithChildren & CommonProps> = ({children, ...rest}) => {\n  const [activeCell, setActiveCell] = useState<string | null>(null);\n\n  return <DataGridContext.Provider value={{activeCell, setActiveCell, ...rest}}>{children}</DataGridContext.Provider>;\n};\n"],"names":["children","activeCell","setActiveCell","rest"],"mappings":";;;AA+BO;AAA4D;AACrD;AACS;AACvB;AAEmF;AAACA;AAAiB;AACnG;AAEA;AAAwC;AAACC;AAAYC;AAAkBC;AACzE;;;;;"}

package/dist/TableCell/hook.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { useContext as o } from "react";
+import { useContext as n } from "react";
 import { ColumnArea as r } from "@join-x5/react-data-grid-settings";
 import { DataGridContext as l } from "../DataGridContext.es.js";
 const a = (t, e) => {
@@ -14,11 +14,12 @@ const a = (t, e) => {
     return r.Default;
   })(), i && (e.style ??= {}, i === "left" ? (e.style.left = `${t.getStart("left")}px`, e.isLastFixed = t.getIsLastColumn("left")) : (e.style.right = `${t.getAfter("right")}px`, e.isLastFixed = t.getIsFirstColumn("right")));
 }, g = (t) => {
-  const e = o(l), i = typeof e.isMultiline == "boolean" ? e.isMultiline : e.isMultiline?.(t), n = `calc(var(--header-${t.column?.id}-size) * 1px)`, s = {
+  const e = n(l), i = typeof e.isMultiline == "boolean" ? e.isMultiline : e.isMultiline?.(t), o = `calc(var(--header-${t.column?.id}-size) * 1px)`, s = {
     isMultiline: i,
     qa: e.qa,
     isBordered: e.isBordered,
     isShadowed: e.isShadowed,
+    isNoFocus: e.isNoFocus,
     size: e.size,
     verticalAlign: e.verticalAlign,
     writingMode: e.writingMode,
@@ -28,8 +29,8 @@ const a = (t, e) => {
     isRowSelected: t.row.getIsSelected(),
     isResizing: t.column.getIsResizing(),
     style: {
-      width: n,
-      maxWidth: n
+      width: o,
+      maxWidth: o
     }
   };
   return a(t.column, s), e.cellProps && Object.assign(s, typeof e.cellProps == "function" ? e.cellProps(t) : e.cellProps), t.column.columnDef.meta?.cellProps && Object.assign(s, t.column.columnDef.meta?.cellProps), s;

package/dist/TableCell/hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.es.js","sources":["../../src/TableCell/hook.ts"],"sourcesContent":["'use client';\n\nimport {useContext} from 'react';\n\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport {DataGridContext} from 'DataGridContext';\n\nimport type {Column, Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {TableCellProps} from './types';\n\nexport const areaProps = (column: Column<unknown>, props: TableCellProps): void => {\n  const isPinned = column.getIsPinned();\n\n  props.columnArea = (() => {\n    switch (column.getIsPinned()) {\n      case 'left':\n        return ColumnArea.FixedLeft;\n      case 'right':\n        return ColumnArea.FixedRight;\n    }\n\n    return ColumnArea.Default;\n  })();\n\n  if (!isPinned) {\n    return;\n  }\n\n  props.style ??= {};\n\n  if (isPinned === 'left') {\n    props.style.left = `${column.getStart('left')}px`;\n    props.isLastFixed = column.getIsLastColumn('left');\n  } else {\n    props.style.right = `${column.getAfter('right')}px`;\n    props.isLastFixed = column.getIsFirstColumn('right');\n  }\n};\n\nexport const useDataGridTableCell = (cell: ReactTableCell<unknown, unknown>) => {\n  const context = useContext(DataGridContext);\n\n  const isMultiline = typeof context.isMultiline === 'boolean' ? context.isMultiline : context.isMultiline?.(cell);\n  const width = `calc(var(--header-${cell.column?.id}-size) * 1px)`;\n\n  const resultProps: TableCellProps = {\n    isMultiline,\n\n    qa: context.qa,\n    isBordered: context.isBordered,\n    isShadowed: context.isShadowed,\n    size: context.size,\n    verticalAlign: context.verticalAlign,\n    writingMode: context.writingMode,\n    userSelect: context.userSelect,\n    wordBreak: context.wordBreak,\n    whiteSpace: context.whiteSpace,\n\n    isRowSelected: cell.row.getIsSelected(),\n    isResizing: cell.column.getIsResizing(),\n\n    style: {\n      width,\n      maxWidth: width,\n    },\n  };\n\n  areaProps(cell.column, resultProps);\n\n  if (context.cellProps) {\n    Object.assign(resultProps, typeof context.cellProps === 'function' ? context.cellProps(cell) : context.cellProps);\n  }\n\n  if (cell.column.columnDef.meta?.cellProps) {\n    Object.assign(resultProps, cell.column.columnDef.meta?.cellProps);\n  }\n\n  return resultProps;\n};\n"],"names":["FixedLeft","FixedRight","Default","isMultiline","qa","isBordered","isShadowed","size","verticalAlign","writingMode","userSelect","wordBreak","whiteSpace","getIsSelected","getIsResizing","width","areaProps"],"mappings":";;;;AAWO;AACL;AAaA;AAVE;AAA2B;AAEvB;AAAkBA;AAElB;AAAkBC;AAGtB;AAAkBC;AAgBtB;AAGE;AAKoC;AAClCC;AAEYC;AACQC;AACAC;AACNC;AACSC;AACFC;AACDC;AACDC;AACCC;AAEIC;AACAC;AAEjB;AACLC;AACUA;AAAAA;AAIdC;AAWF;;;;;"}
+{"version":3,"file":"hook.es.js","sources":["../../src/TableCell/hook.ts"],"sourcesContent":["'use client';\n\nimport {useContext} from 'react';\n\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport {DataGridContext} from 'DataGridContext';\n\nimport type {Column, Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {TableCellProps} from './types';\n\nexport const areaProps = (column: Column<unknown>, props: TableCellProps): void => {\n  const isPinned = column.getIsPinned();\n\n  props.columnArea = (() => {\n    switch (column.getIsPinned()) {\n      case 'left':\n        return ColumnArea.FixedLeft;\n      case 'right':\n        return ColumnArea.FixedRight;\n    }\n\n    return ColumnArea.Default;\n  })();\n\n  if (!isPinned) {\n    return;\n  }\n\n  props.style ??= {};\n\n  if (isPinned === 'left') {\n    props.style.left = `${column.getStart('left')}px`;\n    props.isLastFixed = column.getIsLastColumn('left');\n  } else {\n    props.style.right = `${column.getAfter('right')}px`;\n    props.isLastFixed = column.getIsFirstColumn('right');\n  }\n};\n\nexport const useDataGridTableCell = (cell: ReactTableCell<unknown, unknown>) => {\n  const context = useContext(DataGridContext);\n\n  const isMultiline = typeof context.isMultiline === 'boolean' ? context.isMultiline : context.isMultiline?.(cell);\n  const width = `calc(var(--header-${cell.column?.id}-size) * 1px)`;\n\n  const resultProps: TableCellProps = {\n    isMultiline,\n\n    qa: context.qa,\n    isBordered: context.isBordered,\n    isShadowed: context.isShadowed,\n    isNoFocus: context.isNoFocus,\n    size: context.size,\n    verticalAlign: context.verticalAlign,\n    writingMode: context.writingMode,\n    userSelect: context.userSelect,\n    wordBreak: context.wordBreak,\n    whiteSpace: context.whiteSpace,\n\n    isRowSelected: cell.row.getIsSelected(),\n    isResizing: cell.column.getIsResizing(),\n\n    style: {\n      width,\n      maxWidth: width,\n    },\n  };\n\n  areaProps(cell.column, resultProps);\n\n  if (context.cellProps) {\n    Object.assign(resultProps, typeof context.cellProps === 'function' ? context.cellProps(cell) : context.cellProps);\n  }\n\n  if (cell.column.columnDef.meta?.cellProps) {\n    Object.assign(resultProps, cell.column.columnDef.meta?.cellProps);\n  }\n\n  return resultProps;\n};\n"],"names":["FixedLeft","FixedRight","Default","isMultiline","qa","isBordered","isShadowed","isNoFocus","size","verticalAlign","writingMode","userSelect","wordBreak","whiteSpace","getIsSelected","getIsResizing","width","areaProps"],"mappings":";;;;AAWO;AACL;AAaA;AAVE;AAA2B;AAEvB;AAAkBA;AAElB;AAAkBC;AAGtB;AAAkBC;AAgBtB;AAGE;AAKoC;AAClCC;AAEYC;AACQC;AACAC;AACDC;AACLC;AACSC;AACFC;AACDC;AACDC;AACCC;AAEIC;AACAC;AAEjB;AACLC;AACUA;AAAAA;AAIdC;AAWF;;;;;"}