@join-x5/react-data-grid 1.4.0 → 1.4.1

package/dist/hook.es.js

@@ -1,23 +1,20 @@
 "use client";
-import { useState as u, useMemo as N } from "react";
-import { useUpdateEffect as V } from "@join-x5/react-theme";
-import { ColumnArea as h } from "@join-x5/react-data-grid-settings";
-const y = (r) => !r || !r.length ? {} : r.reduce((n, i) => (n[i.id] = i.isVisible, n), {}), O = (r) => !r || !r.length ? [] : r.sort((n, i) => n.sort - i.sort).map((n) => String(n.id)), s = (r) => !r || !r.length ? {} : r.reduce((n, i) => {
-  var t, o;
-  return i.area === h.FixedLeft ? (n.left ?? (n.left = []), (t = n.left) == null || t.push(String(i.id))) : i.area === h.FixedRight && (n.right ?? (n.right = []), (o = n.right) == null || o.push(String(i.id))), n;
-}, {}), w = (r, n) => {
-  const [i, t] = u(y(r)), [o, S] = u(O(r)), [f, C] = u(s(r)), l = n == null ? void 0 : n.state, J = N(() => ({
+import { useState as o, useMemo as p } from "react";
+import { useUpdateEffect as C } from "@join-x5/react-theme";
+import { ColumnArea as c } from "@join-x5/react-data-grid-settings";
+const d = (r) => !r || !r.length ? {} : r.reduce((n, i) => (n[i.id] = i.isVisible, n), {}), g = (r) => !r || !r.length ? [] : r.sort((n, i) => n.sort - i.sort).map((n) => String(n.id)), h = (r) => !r || !r.length ? {} : r.reduce((n, i) => (i.area === c.FixedLeft ? (n.left ??= [], n.left?.push(String(i.id))) : i.area === c.FixedRight && (n.right ??= [], n.right?.push(String(i.id))), n), {}), V = (r, n) => {
+  const [i, y] = o(d(r)), [t, O] = o(g(r)), [u, a] = o(h(r)), f = n?.state, S = p(() => ({
     columnVisibility: i,
-    columnOrder: o,
-    columnPinning: f,
-    ...l
-  }), [l, i, o, f]);
-  return V(() => {
-    const m = y(r), d = O(r), g = s(r);
-    t((e) => JSON.stringify(e) === JSON.stringify(m) ? e : m), S((e) => JSON.stringify(e) === JSON.stringify(d) ? e : d), C((e) => JSON.stringify(e) === JSON.stringify(g) ? e : g);
-  }, [r]), J;
+    columnOrder: t,
+    columnPinning: u,
+    ...f
+  }), [f, i, t, u]);
+  return C(() => {
+    const l = d(r), s = g(r), m = h(r);
+    y((e) => JSON.stringify(e) === JSON.stringify(l) ? e : l), O((e) => JSON.stringify(e) === JSON.stringify(s) ? e : s), a((e) => JSON.stringify(e) === JSON.stringify(m) ? e : m);
+  }, [r]), S;
 };
 export {
-  w as useDataGridColumnSettings
+  V as useDataGridColumnSettings
 };
 //# sourceMappingURL=hook.es.js.map

package/dist/hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.es.js","sources":["../src/hook.ts"],"sourcesContent":["'use client';\n\nimport {useMemo, useState} from 'react';\n\nimport {useUpdateEffect} from '@join-x5/react-theme';\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport type {ColumnOrderState, ColumnPinningState, TableState, VisibilityState} from '@tanstack/react-table';\nimport type {ColumnItem} from '@join-x5/react-data-grid-settings';\nimport type {DataGridProps} from 'types';\n\nconst convertVisibility = (settings?: ColumnItem[]): VisibilityState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    acc[item.id] = item.isVisible;\n    return acc;\n  }, {} as VisibilityState);\n};\n\nconst convertOrder = (settings?: ColumnItem[]): ColumnOrderState => {\n  if (!settings || !settings.length) {\n    return [];\n  }\n\n  return settings.sort((a, b) => a.sort - b.sort).map(item => String(item.id));\n};\n\nconst convertPinning = (settings?: ColumnItem[]): ColumnPinningState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    if (item.area === ColumnArea.FixedLeft) {\n      acc.left ??= [];\n      acc.left?.push(String(item.id));\n    } else if (item.area === ColumnArea.FixedRight) {\n      acc.right ??= [];\n      acc.right?.push(String(item.id));\n    }\n\n    return acc;\n  }, {} as ColumnPinningState);\n};\n\nexport const useDataGridColumnSettings = (\n  settings?: DataGridProps['columnSettings'],\n  tableProps?: DataGridProps['tableProps']\n) => {\n  const [columnVisibility, onColumnVisibilityChange] = useState<VisibilityState>(convertVisibility(settings));\n  const [columnOrder, onColumnOrderChange] = useState<ColumnOrderState>(convertOrder(settings));\n  const [columnPinning, onColumnPinningChange] = useState<ColumnPinningState>(convertPinning(settings));\n\n  const externalState = tableProps?.state;\n\n  const state = useMemo((): Partial<TableState> => {\n    return {columnVisibility, columnOrder, columnPinning, ...externalState};\n  }, [externalState, columnVisibility, columnOrder, columnPinning]);\n\n  useUpdateEffect(() => {\n    const newVisibility = convertVisibility(settings);\n    const newOrder = convertOrder(settings);\n    const newPinning = convertPinning(settings);\n\n    onColumnVisibilityChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newVisibility) ? oldState : newVisibility\n    );\n\n    onColumnOrderChange(oldState => (JSON.stringify(oldState) === JSON.stringify(newOrder) ? oldState : newOrder));\n\n    onColumnPinningChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newPinning) ? oldState : newPinning\n    );\n  }, [settings]);\n\n  return state;\n};\n"],"names":["columnVisibility","columnOrder","columnPinning","externalState","useUpdateEffect","onColumnVisibilityChange"],"mappings":";;;;AAWA;;AAyBI;AASF;AAOA;AAOS;AAACA;AAAkBC;AAAaC;AAAkBC;AAG3DC;AACE;AAIAC;AAQA;AAIJ;;;;"}
+{"version":3,"file":"hook.es.js","sources":["../src/hook.ts"],"sourcesContent":["'use client';\n\nimport {useMemo, useState} from 'react';\n\nimport {useUpdateEffect} from '@join-x5/react-theme';\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport type {ColumnOrderState, ColumnPinningState, TableState, VisibilityState} from '@tanstack/react-table';\nimport type {ColumnItem} from '@join-x5/react-data-grid-settings';\nimport type {DataGridProps} from 'types';\n\nconst convertVisibility = (settings?: ColumnItem[]): VisibilityState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    acc[item.id] = item.isVisible;\n    return acc;\n  }, {} as VisibilityState);\n};\n\nconst convertOrder = (settings?: ColumnItem[]): ColumnOrderState => {\n  if (!settings || !settings.length) {\n    return [];\n  }\n\n  return settings.sort((a, b) => a.sort - b.sort).map(item => String(item.id));\n};\n\nconst convertPinning = (settings?: ColumnItem[]): ColumnPinningState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    if (item.area === ColumnArea.FixedLeft) {\n      acc.left ??= [];\n      acc.left?.push(String(item.id));\n    } else if (item.area === ColumnArea.FixedRight) {\n      acc.right ??= [];\n      acc.right?.push(String(item.id));\n    }\n\n    return acc;\n  }, {} as ColumnPinningState);\n};\n\nexport const useDataGridColumnSettings = (\n  settings?: DataGridProps['columnSettings'],\n  tableProps?: DataGridProps['tableProps']\n) => {\n  const [columnVisibility, onColumnVisibilityChange] = useState<VisibilityState>(convertVisibility(settings));\n  const [columnOrder, onColumnOrderChange] = useState<ColumnOrderState>(convertOrder(settings));\n  const [columnPinning, onColumnPinningChange] = useState<ColumnPinningState>(convertPinning(settings));\n\n  const externalState = tableProps?.state;\n\n  const state = useMemo((): Partial<TableState> => {\n    return {columnVisibility, columnOrder, columnPinning, ...externalState};\n  }, [externalState, columnVisibility, columnOrder, columnPinning]);\n\n  useUpdateEffect(() => {\n    const newVisibility = convertVisibility(settings);\n    const newOrder = convertOrder(settings);\n    const newPinning = convertPinning(settings);\n\n    onColumnVisibilityChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newVisibility) ? oldState : newVisibility\n    );\n\n    onColumnOrderChange(oldState => (JSON.stringify(oldState) === JSON.stringify(newOrder) ? oldState : newOrder));\n\n    onColumnPinningChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newPinning) ? oldState : newPinning\n    );\n  }, [settings]);\n\n  return state;\n};\n"],"names":["columnVisibility","columnOrder","columnPinning","externalState","useUpdateEffect","onColumnVisibilityChange"],"mappings":";;;;AAWA;AAyCE;AAOS;AAACA;AAAkBC;AAAaC;AAAkBC;AAG3DC;AACE;AAIAC;AAQA;AAIJ;;;;"}