@kopexa/data-grid 14.0.1 → 14.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{chunk-PRSUIPJB.mjs → chunk-ZYU6VXXE.mjs} +63 -36
  2. package/dist/data-grid.js +61 -35
  3. package/dist/data-grid.mjs +1 -1
  4. package/dist/index.js +61 -35
  5. package/dist/index.mjs +1 -1
  6. package/package.json +5 -5
package/dist/{chunk-PRSUIPJB.mjs → chunk-ZYU6VXXE.mjs} RENAMED
@@ -9,7 +9,8 @@ import {
9
9
  flexRender
10
10
  } from "@tanstack/react-table";
11
11
  import {
12
- Fragment
12
+ Fragment,
13
+ useMemo
13
14
  } from "react";
14
15
  import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
15
16
  var [DataGridProvider, useDataGridContext] = (
@@ -38,44 +39,70 @@ function DataGrid(props) {
38
39
  onRowClick,
39
40
  ...rest
40
41
  } = props;
41
- const styles = datagrid({
42
- border,
43
- columnsResizable,
44
- columnsDraggable,
45
- columnsPinnable,
46
- headerBackground,
47
- stripped,
48
- rowBorder,
49
- loadingMode,
50
- cellBorder,
51
- rowRounded,
52
- width,
53
- dense
54
- });
42
+ const styles = useMemo(
43
+ () => datagrid({
44
+ border,
45
+ columnsResizable,
46
+ columnsDraggable,
47
+ columnsPinnable,
48
+ headerBackground,
49
+ stripped,
50
+ rowBorder,
51
+ loadingMode,
52
+ cellBorder,
53
+ rowRounded,
54
+ width,
55
+ dense
56
+ }),
57
+ [
58
+ border,
59
+ columnsResizable,
60
+ columnsDraggable,
61
+ columnsPinnable,
62
+ headerBackground,
63
+ stripped,
64
+ rowBorder,
65
+ loadingMode,
66
+ cellBorder,
67
+ rowRounded,
68
+ width,
69
+ dense
70
+ ]
71
+ );
72
+ const providerValue = useMemo(
73
+ () => ({
74
+ table,
75
+ styles,
76
+ columnsResizable,
77
+ columnsDraggable,
78
+ columnsPinnable,
79
+ stripped,
80
+ rowBorder,
81
+ loadingMode,
82
+ emptyMessage,
83
+ isLoading,
84
+ pageSize,
85
+ onRowClick
86
+ }),
87
+ [
88
+ table,
89
+ styles,
90
+ columnsResizable,
91
+ columnsDraggable,
92
+ columnsPinnable,
93
+ stripped,
94
+ rowBorder,
95
+ loadingMode,
96
+ emptyMessage,
97
+ isLoading,
98
+ pageSize,
99
+ onRowClick
100
+ ]
101
+ );
55
102
  if (!table) {
56
103
  throw new Error('DataGrid requires a "table" prop');
57
104
  }
58
- return /* @__PURE__ */ jsx(
59
- DataGridProvider,
60
- {
61
- value: {
62
- table,
63
- styles,
64
- columnsResizable,
65
- columnsDraggable,
66
- columnsPinnable,
67
- stripped,
68
- rowBorder,
69
- loadingMode,
70
- emptyMessage,
71
- isLoading,
72
- pageSize,
73
- onRowClick
74
- },
75
- ...rest,
76
- children
77
- }
78
- );
105
+ return /* @__PURE__ */ jsx(DataGridProvider, { value: providerValue, ...rest, children });
79
106
  }
80
107
  function DataGridContainer({
81
108
  children,
package/dist/data-grid.js CHANGED
@@ -62,44 +62,70 @@ function DataGrid(props) {
62
62
  onRowClick,
63
63
  ...rest
64
64
  } = props;
65
- const styles = (0, import_theme.datagrid)({
66
- border,
67
- columnsResizable,
68
- columnsDraggable,
69
- columnsPinnable,
70
- headerBackground,
71
- stripped,
72
- rowBorder,
73
- loadingMode,
74
- cellBorder,
75
- rowRounded,
76
- width,
77
- dense
78
- });
65
+ const styles = (0, import_react.useMemo)(
66
+ () => (0, import_theme.datagrid)({
67
+ border,
68
+ columnsResizable,
69
+ columnsDraggable,
70
+ columnsPinnable,
71
+ headerBackground,
72
+ stripped,
73
+ rowBorder,
74
+ loadingMode,
75
+ cellBorder,
76
+ rowRounded,
77
+ width,
78
+ dense
79
+ }),
80
+ [
81
+ border,
82
+ columnsResizable,
83
+ columnsDraggable,
84
+ columnsPinnable,
85
+ headerBackground,
86
+ stripped,
87
+ rowBorder,
88
+ loadingMode,
89
+ cellBorder,
90
+ rowRounded,
91
+ width,
92
+ dense
93
+ ]
94
+ );
95
+ const providerValue = (0, import_react.useMemo)(
96
+ () => ({
97
+ table,
98
+ styles,
99
+ columnsResizable,
100
+ columnsDraggable,
101
+ columnsPinnable,
102
+ stripped,
103
+ rowBorder,
104
+ loadingMode,
105
+ emptyMessage,
106
+ isLoading,
107
+ pageSize,
108
+ onRowClick
109
+ }),
110
+ [
111
+ table,
112
+ styles,
113
+ columnsResizable,
114
+ columnsDraggable,
115
+ columnsPinnable,
116
+ stripped,
117
+ rowBorder,
118
+ loadingMode,
119
+ emptyMessage,
120
+ isLoading,
121
+ pageSize,
122
+ onRowClick
123
+ ]
124
+ );
79
125
  if (!table) {
80
126
  throw new Error('DataGrid requires a "table" prop');
81
127
  }
82
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
- DataGridProvider,
84
- {
85
- value: {
86
- table,
87
- styles,
88
- columnsResizable,
89
- columnsDraggable,
90
- columnsPinnable,
91
- stripped,
92
- rowBorder,
93
- loadingMode,
94
- emptyMessage,
95
- isLoading,
96
- pageSize,
97
- onRowClick
98
- },
99
- ...rest,
100
- children
101
- }
102
- );
128
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataGridProvider, { value: providerValue, ...rest, children });
103
129
  }
104
130
  function DataGridContainer({
105
131
  children,
package/dist/data-grid.mjs CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  DataGridTable,
7
7
  DataGridTableRowSelect,
8
8
  DataGridTableRowSelectAll
9
- } from "./chunk-PRSUIPJB.mjs";
9
+ } from "./chunk-ZYU6VXXE.mjs";
10
10
  export {
11
11
  DataGrid,
12
12
  DataGridContainer,
package/dist/index.js CHANGED
@@ -59,44 +59,70 @@ function DataGrid(props) {
59
59
  onRowClick,
60
60
  ...rest
61
61
  } = props;
62
- const styles = (0, import_theme.datagrid)({
63
- border,
64
- columnsResizable,
65
- columnsDraggable,
66
- columnsPinnable,
67
- headerBackground,
68
- stripped,
69
- rowBorder,
70
- loadingMode,
71
- cellBorder,
72
- rowRounded,
73
- width,
74
- dense
75
- });
62
+ const styles = (0, import_react.useMemo)(
63
+ () => (0, import_theme.datagrid)({
64
+ border,
65
+ columnsResizable,
66
+ columnsDraggable,
67
+ columnsPinnable,
68
+ headerBackground,
69
+ stripped,
70
+ rowBorder,
71
+ loadingMode,
72
+ cellBorder,
73
+ rowRounded,
74
+ width,
75
+ dense
76
+ }),
77
+ [
78
+ border,
79
+ columnsResizable,
80
+ columnsDraggable,
81
+ columnsPinnable,
82
+ headerBackground,
83
+ stripped,
84
+ rowBorder,
85
+ loadingMode,
86
+ cellBorder,
87
+ rowRounded,
88
+ width,
89
+ dense
90
+ ]
91
+ );
92
+ const providerValue = (0, import_react.useMemo)(
93
+ () => ({
94
+ table,
95
+ styles,
96
+ columnsResizable,
97
+ columnsDraggable,
98
+ columnsPinnable,
99
+ stripped,
100
+ rowBorder,
101
+ loadingMode,
102
+ emptyMessage,
103
+ isLoading,
104
+ pageSize,
105
+ onRowClick
106
+ }),
107
+ [
108
+ table,
109
+ styles,
110
+ columnsResizable,
111
+ columnsDraggable,
112
+ columnsPinnable,
113
+ stripped,
114
+ rowBorder,
115
+ loadingMode,
116
+ emptyMessage,
117
+ isLoading,
118
+ pageSize,
119
+ onRowClick
120
+ ]
121
+ );
76
122
  if (!table) {
77
123
  throw new Error('DataGrid requires a "table" prop');
78
124
  }
79
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
80
- DataGridProvider,
81
- {
82
- value: {
83
- table,
84
- styles,
85
- columnsResizable,
86
- columnsDraggable,
87
- columnsPinnable,
88
- stripped,
89
- rowBorder,
90
- loadingMode,
91
- emptyMessage,
92
- isLoading,
93
- pageSize,
94
- onRowClick
95
- },
96
- ...rest,
97
- children
98
- }
99
- );
125
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataGridProvider, { value: providerValue, ...rest, children });
100
126
  }
101
127
  function DataGridContainer({
102
128
  children,
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  DataGridTable,
6
6
  DataGridTableRowSelect,
7
7
  DataGridTableRowSelectAll
8
- } from "./chunk-PRSUIPJB.mjs";
8
+ } from "./chunk-ZYU6VXXE.mjs";
9
9
 
10
10
  // src/index.ts
11
11
  var DataGrid2 = Object.assign(DataGrid, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/data-grid",
3
- "version": "14.0.1",
3
+ "version": "14.0.3",
4
4
  "description": "A DataGrid Component",
5
5
  "keywords": [
6
6
  "data-grid"
@@ -28,13 +28,13 @@
28
28
  "motion": ">=12.23.6",
29
29
  "react": ">=19.0.0-rc.0",
30
30
  "react-dom": ">=19.0.0-rc.0",
31
- "@kopexa/theme": "14.0.1"
31
+ "@kopexa/theme": "14.0.3"
32
32
  },
33
33
  "dependencies": {
34
34
  "@tanstack/react-table": "^8.21.3",
35
- "@kopexa/react-utils": "14.0.1",
36
- "@kopexa/shared-utils": "14.0.1",
37
- "@kopexa/checkbox": "14.0.1"
35
+ "@kopexa/react-utils": "14.0.3",
36
+ "@kopexa/shared-utils": "14.0.3",
37
+ "@kopexa/checkbox": "14.0.3"
38
38
  },
39
39
  "clean-package": "../../../clean-package.config.json",
40
40
  "module": "dist/index.mjs",