@join-x5/react-data-grid 1.4.2 → 1.5.0

package/dist/DataGrid.es.js

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

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' | 'qa' | 'isBordered' | 'size' | 'verticalAlign' | 'textAlign' | 'writingMode' | 'userSelect' | 'wordBreak' | 'whiteSpace' | 'cellProps' | 'headCellProps'>;
+type CommonProps = Pick<DataGridProps, 'isMultiline' | 'isShadowed' | '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  | '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":";;;AA6BO;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  | '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;;;;;"}