@kopexa/data-grid 18.3.0 → 18.3.1

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-EVXFPN6F.mjs → chunk-ZXID4I26.mjs} +9 -8
  2. package/dist/data-grid.js +9 -8
  3. package/dist/data-grid.mjs +1 -1
  4. package/dist/index.js +9 -8
  5. package/dist/index.mjs +1 -1
  6. package/package.json +9 -9
package/dist/{chunk-EVXFPN6F.mjs → chunk-ZXID4I26.mjs} RENAMED
@@ -169,7 +169,8 @@ function DataGridTableBase({
169
169
  }
170
170
  );
171
171
  }
172
- var STICKY_RIGHT_CELL = "sticky end-0 bg-background border-s border-border shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)]";
172
+ var STICKY_RIGHT_HEADER = "dg-sticky-right sticky end-0";
173
+ var STICKY_RIGHT_BODY = "dg-sticky-right sticky end-0 bg-background";
173
174
  var stickyRightStyle = (z) => ({
174
175
  position: "sticky",
175
176
  right: 0,
@@ -201,7 +202,7 @@ function DataGridTableHeadRowCell({
201
202
  className: cn(
202
203
  styles.headerRowCell(),
203
204
  (_a = header.column.columnDef.meta) == null ? void 0 : _a.headerClassName,
204
- stickyRight && STICKY_RIGHT_CELL
205
+ stickyRight && STICKY_RIGHT_HEADER
205
206
  ),
206
207
  children
207
208
  },
@@ -290,7 +291,7 @@ function DataGridTableBodyRowCell({
290
291
  styles.bodyRowCell(),
291
292
  columnsResizable && column.getCanResize() && "truncate",
292
293
  (_a = cell.column.columnDef.meta) == null ? void 0 : _a.cellClassName,
293
- stickyRight && STICKY_RIGHT_CELL
294
+ stickyRight && STICKY_RIGHT_BODY
294
295
  ),
295
296
  children
296
297
  },
@@ -321,7 +322,7 @@ function DataGridTableBodyRowSkeletonCell({
321
322
  styles.bodyRowSkeletonCell(),
322
323
  columnsResizable && column.getCanResize() && "truncate",
323
324
  (_a = column.columnDef.meta) == null ? void 0 : _a.cellClassName,
324
- stickyRight && STICKY_RIGHT_CELL
325
+ stickyRight && STICKY_RIGHT_BODY
325
326
  ),
326
327
  children
327
328
  }
@@ -370,7 +371,7 @@ function getSettingsPlacement(table, enabled) {
370
371
  }
371
372
  const leafColumns = table.getVisibleLeafColumns();
372
373
  const lastColumn = leafColumns[leafColumns.length - 1];
373
- if (lastColumn && lastColumn.accessorFn == null) {
374
+ if (lastColumn && lastColumn.accessorFn == null && !lastColumn.getCanHide()) {
374
375
  return { reuseColumnId: lastColumn.id, append: false };
375
376
  }
376
377
  return { append: true };
@@ -426,7 +427,7 @@ function DataGridTable() {
426
427
  showColumnSettings && /* @__PURE__ */ jsx(
427
428
  "th",
428
429
  {
429
- className: cn(styles.headerRowCell(), STICKY_RIGHT_CELL),
430
+ className: cn(styles.headerRowCell(), STICKY_RIGHT_HEADER),
430
431
  style: { ...settingsCellStyle, ...stickyRightStyle(30) },
431
432
  children: groupIndex === headerGroups.length - 1 && /* @__PURE__ */ jsx("span", { className: "flex justify-center", children: /* @__PURE__ */ jsx(DataGridHeaderColumnToggle, {}) })
432
433
  }
@@ -449,7 +450,7 @@ function DataGridTable() {
449
450
  showColumnSettings && /* @__PURE__ */ jsx(
450
451
  "td",
451
452
  {
452
- className: cn(styles.bodyRowCell(), STICKY_RIGHT_CELL),
453
+ className: cn(styles.bodyRowCell(), STICKY_RIGHT_BODY),
453
454
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
454
455
  }
455
456
  )
@@ -473,7 +474,7 @@ function DataGridTable() {
473
474
  showColumnSettings && /* @__PURE__ */ jsx(
474
475
  "td",
475
476
  {
476
- className: cn(styles.bodyRowCell(), STICKY_RIGHT_CELL),
477
+ className: cn(styles.bodyRowCell(), STICKY_RIGHT_BODY),
477
478
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
478
479
  }
479
480
  )
package/dist/data-grid.js CHANGED
@@ -203,7 +203,8 @@ function DataGridTableBase({
203
203
  }
204
204
  );
205
205
  }
206
- var STICKY_RIGHT_CELL = "sticky end-0 bg-background border-s border-border shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)]";
206
+ var STICKY_RIGHT_HEADER = "dg-sticky-right sticky end-0";
207
+ var STICKY_RIGHT_BODY = "dg-sticky-right sticky end-0 bg-background";
207
208
  var stickyRightStyle = (z) => ({
208
209
  position: "sticky",
209
210
  right: 0,
@@ -235,7 +236,7 @@ function DataGridTableHeadRowCell({
235
236
  className: (0, import_shared_utils.cn)(
236
237
  styles.headerRowCell(),
237
238
  (_a = header.column.columnDef.meta) == null ? void 0 : _a.headerClassName,
238
- stickyRight && STICKY_RIGHT_CELL
239
+ stickyRight && STICKY_RIGHT_HEADER
239
240
  ),
240
241
  children
241
242
  },
@@ -324,7 +325,7 @@ function DataGridTableBodyRowCell({
324
325
  styles.bodyRowCell(),
325
326
  columnsResizable && column.getCanResize() && "truncate",
326
327
  (_a = cell.column.columnDef.meta) == null ? void 0 : _a.cellClassName,
327
- stickyRight && STICKY_RIGHT_CELL
328
+ stickyRight && STICKY_RIGHT_BODY
328
329
  ),
329
330
  children
330
331
  },
@@ -355,7 +356,7 @@ function DataGridTableBodyRowSkeletonCell({
355
356
  styles.bodyRowSkeletonCell(),
356
357
  columnsResizable && column.getCanResize() && "truncate",
357
358
  (_a = column.columnDef.meta) == null ? void 0 : _a.cellClassName,
358
- stickyRight && STICKY_RIGHT_CELL
359
+ stickyRight && STICKY_RIGHT_BODY
359
360
  ),
360
361
  children
361
362
  }
@@ -404,7 +405,7 @@ function getSettingsPlacement(table, enabled) {
404
405
  }
405
406
  const leafColumns = table.getVisibleLeafColumns();
406
407
  const lastColumn = leafColumns[leafColumns.length - 1];
407
- if (lastColumn && lastColumn.accessorFn == null) {
408
+ if (lastColumn && lastColumn.accessorFn == null && !lastColumn.getCanHide()) {
408
409
  return { reuseColumnId: lastColumn.id, append: false };
409
410
  }
410
411
  return { append: true };
@@ -460,7 +461,7 @@ function DataGridTable() {
460
461
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
461
462
  "th",
462
463
  {
463
- className: (0, import_shared_utils.cn)(styles.headerRowCell(), STICKY_RIGHT_CELL),
464
+ className: (0, import_shared_utils.cn)(styles.headerRowCell(), STICKY_RIGHT_HEADER),
464
465
  style: { ...settingsCellStyle, ...stickyRightStyle(30) },
465
466
  children: groupIndex === headerGroups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataGridHeaderColumnToggle, {}) })
466
467
  }
@@ -483,7 +484,7 @@ function DataGridTable() {
483
484
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
484
485
  "td",
485
486
  {
486
- className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_CELL),
487
+ className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_BODY),
487
488
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
488
489
  }
489
490
  )
@@ -507,7 +508,7 @@ function DataGridTable() {
507
508
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
508
509
  "td",
509
510
  {
510
- className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_CELL),
511
+ className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_BODY),
511
512
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
512
513
  }
513
514
  )
package/dist/data-grid.mjs CHANGED
@@ -8,7 +8,7 @@ import {
8
8
  DataGridTableRowSelect,
9
9
  DataGridTableRowSelectAll,
10
10
  SETTINGS_COLUMN_WIDTH
11
- } from "./chunk-EVXFPN6F.mjs";
11
+ } from "./chunk-ZXID4I26.mjs";
12
12
  import "./chunk-M6DRKGKE.mjs";
13
13
  export {
14
14
  DataGrid,
package/dist/index.js CHANGED
@@ -198,7 +198,8 @@ function DataGridTableBase({
198
198
  }
199
199
  );
200
200
  }
201
- var STICKY_RIGHT_CELL = "sticky end-0 bg-background border-s border-border shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)]";
201
+ var STICKY_RIGHT_HEADER = "dg-sticky-right sticky end-0";
202
+ var STICKY_RIGHT_BODY = "dg-sticky-right sticky end-0 bg-background";
202
203
  var stickyRightStyle = (z) => ({
203
204
  position: "sticky",
204
205
  right: 0,
@@ -230,7 +231,7 @@ function DataGridTableHeadRowCell({
230
231
  className: (0, import_shared_utils.cn)(
231
232
  styles.headerRowCell(),
232
233
  (_a = header.column.columnDef.meta) == null ? void 0 : _a.headerClassName,
233
- stickyRight && STICKY_RIGHT_CELL
234
+ stickyRight && STICKY_RIGHT_HEADER
234
235
  ),
235
236
  children
236
237
  },
@@ -319,7 +320,7 @@ function DataGridTableBodyRowCell({
319
320
  styles.bodyRowCell(),
320
321
  columnsResizable && column.getCanResize() && "truncate",
321
322
  (_a = cell.column.columnDef.meta) == null ? void 0 : _a.cellClassName,
322
- stickyRight && STICKY_RIGHT_CELL
323
+ stickyRight && STICKY_RIGHT_BODY
323
324
  ),
324
325
  children
325
326
  },
@@ -350,7 +351,7 @@ function DataGridTableBodyRowSkeletonCell({
350
351
  styles.bodyRowSkeletonCell(),
351
352
  columnsResizable && column.getCanResize() && "truncate",
352
353
  (_a = column.columnDef.meta) == null ? void 0 : _a.cellClassName,
353
- stickyRight && STICKY_RIGHT_CELL
354
+ stickyRight && STICKY_RIGHT_BODY
354
355
  ),
355
356
  children
356
357
  }
@@ -399,7 +400,7 @@ function getSettingsPlacement(table, enabled) {
399
400
  }
400
401
  const leafColumns = table.getVisibleLeafColumns();
401
402
  const lastColumn = leafColumns[leafColumns.length - 1];
402
- if (lastColumn && lastColumn.accessorFn == null) {
403
+ if (lastColumn && lastColumn.accessorFn == null && !lastColumn.getCanHide()) {
403
404
  return { reuseColumnId: lastColumn.id, append: false };
404
405
  }
405
406
  return { append: true };
@@ -455,7 +456,7 @@ function DataGridTable() {
455
456
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
456
457
  "th",
457
458
  {
458
- className: (0, import_shared_utils.cn)(styles.headerRowCell(), STICKY_RIGHT_CELL),
459
+ className: (0, import_shared_utils.cn)(styles.headerRowCell(), STICKY_RIGHT_HEADER),
459
460
  style: { ...settingsCellStyle, ...stickyRightStyle(30) },
460
461
  children: groupIndex === headerGroups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataGridHeaderColumnToggle, {}) })
461
462
  }
@@ -478,7 +479,7 @@ function DataGridTable() {
478
479
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
479
480
  "td",
480
481
  {
481
- className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_CELL),
482
+ className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_BODY),
482
483
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
483
484
  }
484
485
  )
@@ -502,7 +503,7 @@ function DataGridTable() {
502
503
  showColumnSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
503
504
  "td",
504
505
  {
505
- className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_CELL),
506
+ className: (0, import_shared_utils.cn)(styles.bodyRowCell(), STICKY_RIGHT_BODY),
506
507
  style: { ...settingsCellStyle, ...stickyRightStyle(10) }
507
508
  }
508
509
  )
package/dist/index.mjs CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  DataGridTable,
7
7
  DataGridTableRowSelect,
8
8
  DataGridTableRowSelectAll
9
- } from "./chunk-EVXFPN6F.mjs";
9
+ } from "./chunk-ZXID4I26.mjs";
10
10
  import "./chunk-M6DRKGKE.mjs";
11
11
 
12
12
  // src/index.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/data-grid",
3
- "version": "18.3.0",
3
+ "version": "18.3.1",
4
4
  "description": "A DataGrid Component",
5
5
  "keywords": [
6
6
  "data-grid"
@@ -28,17 +28,17 @@
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": "18.3.0"
31
+ "@kopexa/theme": "18.3.1"
32
32
  },
33
33
  "dependencies": {
34
34
  "@tanstack/react-table": "^8.21.3",
35
- "@kopexa/checkbox": "18.3.0",
36
- "@kopexa/button": "18.3.0",
37
- "@kopexa/shared-utils": "18.3.0",
38
- "@kopexa/i18n": "18.3.0",
39
- "@kopexa/icons": "18.3.0",
40
- "@kopexa/react-utils": "18.3.0",
41
- "@kopexa/dropdown-menu": "18.3.0"
35
+ "@kopexa/react-utils": "18.3.1",
36
+ "@kopexa/i18n": "18.3.1",
37
+ "@kopexa/shared-utils": "18.3.1",
38
+ "@kopexa/dropdown-menu": "18.3.1",
39
+ "@kopexa/icons": "18.3.1",
40
+ "@kopexa/button": "18.3.1",
41
+ "@kopexa/checkbox": "18.3.1"
42
42
  },
43
43
  "clean-package": "../../../clean-package.config.json",
44
44
  "module": "dist/index.mjs",